:root{--black:#050708;--dark:#071012;--dark2:#0d181b;--white:#fff;--off:#f2f6f6;--text:#101719;--muted:#687477;--accent:#b8ff3d;--teal:#20c7c7;--line:rgba(16,23,25,.11);--max:1320px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--white);overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 80px));margin:auto}.section{padding:120px 0}.light{background:var(--off)}.dark{background:var(--dark);color:#fff}
.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;transition:.45s var(--ease);border-bottom:1px solid transparent;background:linear-gradient(to bottom,rgba(2,5,6,.48),transparent)}.site-header.scrolled{background:rgba(5,8,9,.88);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.08)}.nav-wrap{height:84px;width:min(var(--max),calc(100% - 80px));margin:auto;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;justify-content:center;background:transparent;width:92px;height:92px;padding:0;border-radius:50%;line-height:0;overflow:hidden}.brand img{width:100%;height:100%;display:block;filter:none;object-fit:contain}.desktop-nav{display:flex;gap:25px;margin-left:auto}

.desktop-nav a{font-size:15px;color:#fff;opacity:.85;transition:.25s}


.desktop-nav a:hover{opacity:1;color:var(--accent)}.nav-cta{font-size:15px;font-weight:700;border:1px solid rgba(184,255,61,.75);color:#fff;padding:12px 18px;transition:.3s}

.nav-cta:hover{background:var(--accent);color:#071009}.nav-cta span{margin-left:8px}.menu-toggle,.mobile-menu{display:none}
.hero{height:100vh;min-height:760px;position:relative;display:grid;place-items:center;overflow:hidden;color:#fff;background:#030607}.hero-video,.hero-overlay,.hero-stars,.hero-glow,.hero-orbit{position:absolute;inset:0;width:100%;height:100%}


.hero-video{
  object-fit:cover;
  opacity:.75;
  filter:saturate(.75) brightness(.88);
}

.hero.video-fallback{background:radial-gradient(circle at 50% 42%,rgba(34,72,36,.3),transparent 36%),linear-gradient(145deg,#020506,#07100d 55%,#030607)}

.hero-overlay{
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.35),
      rgba(0,0,0,.18) 42%,
      rgba(0,0,0,.42)
    ),
    radial-gradient(
      circle at 50% 42%,
      rgba(118,255,51,.08),
      transparent 35%
    );
}


hero-stars{opacity:.38;background-image:radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 1.5px),radial-gradient(circle,rgba(184,255,61,.8) 1px,transparent 1.5px);background-size:97px 83px,151px 137px;background-position:15px 28px,68px 91px}.hero-glow{inset:auto 50% 2%;width:720px;height:720px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(118,255,51,.13),rgba(118,255,51,.035) 38%,transparent 70%);filter:blur(8px)}.hero-orbit{inset:auto 50% 50%;border:1px solid rgba(184,255,61,.12);border-radius:50%;transform:translate(-50%,50%);pointer-events:none}.orbit-1{width:min(72vw,1080px);height:min(72vw,1080px)}.orbit-2{width:min(54vw,800px);height:min(54vw,800px);border-color:rgba(130,105,255,.13)}.orbit-3{width:min(36vw,560px);height:min(36vw,560px);border-color:rgba(184,255,61,.16)}
.hero-content{position:relative;z-index:5;text-align:center;width:min(1180px,calc(100% - 40px));padding-top:58px}.hero-badge{display:inline-flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.12);background:rgba(7,12,12,.45);backdrop-filter:blur(14px);border-radius:999px;padding:10px 18px;font-size:10px;font-weight:700;letter-spacing:3px;color:rgba(255,255,255,.72);box-shadow:0 0 30px rgba(184,255,61,.04)}.hero-badge span{color:var(--accent)}.hero-logo-orbit{position:relative;width:330px;height:330px;margin:22px auto 8px;transform:translate3d(var(--mx,0),var(--my,0),0);transition:transform .25s ease}.logo-ring{position:absolute;inset:50%;border:1px solid rgba(184,255,61,.22);border-radius:50%;transform:translate(-50%,-50%);animation:spin 20s linear infinite}.ring-a{width:330px;height:330px}.ring-b{width:282px;height:282px;border-color:rgba(110,80,255,.24);animation-duration:28s;animation-direction:reverse}.ring-c{width:238px;height:238px;border-color:rgba(184,255,61,.3);animation-duration:15s}.orbit-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}.dot-a{top:50px;left:50%;animation:orbitA 7s linear infinite}.dot-b{right:44px;top:52%;animation:orbitB 9s linear infinite}.dot-c{left:65px;bottom:55px;animation:orbitC 11s linear infinite}.hero-logo-disc{position:absolute;left:50%;top:50%;width:228px;height:228px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:2px solid rgba(184,255,61,.6);box-shadow:0 0 0 9px rgba(184,255,61,.05),0 0 45px rgba(184,255,61,.16),inset 0 0 30px rgba(0,0,0,.06);overflow:hidden;display:grid;place-items:center}.hero-logo-disc img{width:100%;height:100%;object-fit:cover;object-position:center bottom;filter:none}.hero-kicker{font-size:20px;font-weight:700;letter-spacing:3px;line-height:1.45;margin:8px 0 16px}.hero h1{font-size:clamp(40px,5.2vw,72px);line-height:1.03;letter-spacing:-2.8px;margin:0;font-weight:800}.hero h1 em{font-style:normal;color:var(--accent)}.hero-content>p{max-width:780px;margin:18px auto 0;font-size:16px;line-height:1.7;color:rgba(255,255,255,.62)}.hero-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:25px auto 0}.hero-tags span{border:1px solid rgba(184,255,61,.28);background:rgba(10,17,12,.34);padding:11px 17px;border-radius:999px;font-size:11px;font-weight:700;color:rgba(255,255,255,.84);transition:.3s}.hero-tags span:hover{border-color:var(--accent);color:var(--accent);background:rgba(184,255,61,.06);transform:translateY(-2px)}.impact-strip{display:grid;grid-template-columns:repeat(5,1fr);max-width:940px;margin:30px auto 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.impact-strip div{padding:18px 12px;position:relative}.impact-strip div+div:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:1px;background:rgba(255,255,255,.1)}.impact-strip b{display:block;font-size:11px;letter-spacing:2.5px;color:#fff}.impact-strip div.active b{color:var(--accent)}.impact-strip span{display:block;margin-top:8px;font-size:10px;color:rgba(255,255,255,.5)}.scroll-cue{position:absolute;z-index:6;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:8px;letter-spacing:2.4px;color:rgba(255,255,255,.52)}.scroll-cue b{width:48px;height:48px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:400;animation:float 1.8s ease-in-out infinite}.scroll-cue:hover b{border-color:var(--accent);color:var(--accent)}
@keyframes float{50%{transform:translateY(7px)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbitA{to{transform:rotate(360deg) translateX(135px) rotate(-360deg)}}@keyframes orbitB{to{transform:rotate(360deg) translateX(116px) rotate(-360deg)}}@keyframes orbitC{to{transform:rotate(360deg) translateX(98px) rotate(-360deg)}}
.section-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;margin-bottom:58px}.section-intro h2{font-size:clamp(40px,4.5vw,62px);line-height:1.02;letter-spacing:-2.8px;margin:0}.section-intro h2 span{font-weight:400}.section-intro p{font-size:15px;line-height:1.8;color:var(--muted);max-width:500px;margin:0 0 4px auto}.eyebrow{font-size:11px;font-weight:700;letter-spacing:3.5px;color:var(--accent);margin-bottom:18px}.eyebrow.dark{color:#159c9c}.dark-intro p{color:rgba(255,255,255,.55)}.dark-intro h2{color:#fff}
.criteria{background:#edf2f2}.criteria-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid rgba(16,23,25,.15);border-bottom:1px solid rgba(16,23,25,.15)}.criterion{padding:30px 18px;border-right:1px solid rgba(16,23,25,.12);min-height:280px;transition:.35s}.criterion:last-child{border-right:0}.criterion:hover{background:#fff}.criterion strong{font-size:36px;line-height:1;color:#20c7c7;font-weight:500}.criterion h3{font-size:14px;line-height:1.3;margin:22px 0 10px}.criterion p{font-size:10px;line-height:1.65;color:#687477;margin:0}
.solution-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.solution{min-height:235px;border:1px solid rgba(255,255,255,.16);padding:24px;transition:.35s var(--ease);position:relative}.solution:hover{border-color:var(--accent);transform:translateY(-5px);background:rgba(184,255,61,.04)}.solution>span{font-size:10px;color:var(--accent);letter-spacing:1px}.solution h3{font-size:16px;line-height:1.3;margin:70px 0 12px}.solution p{font-size:10px;line-height:1.6;color:rgba(255,255,255,.58);margin:0}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.capability{background:#fff;border:1px solid var(--line);min-height:300px;display:grid;grid-template-rows:180px 1fr;overflow:hidden;transition:.45s var(--ease)}.capability:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(9,17,20,.08)}.cap-image{background-size:cover;background-position:center;filter:saturate(.85);transition:.6s var(--ease)}.capability:hover .cap-image{transform:scale(1.045);filter:saturate(1)}.capability>div+div{padding:23px 25px}.capability small{color:#159c9c;font-size:10px;font-weight:700;letter-spacing:1px}.capability h3{font-size:20px;margin:7px 0 8px;letter-spacing:-.5px}.capability p{font-size:12px;line-height:1.65;color:#667174;margin:0}.capability a{display:inline-block;margin-top:12px;color:#0a7376;font-size:11px;font-weight:700}
.partner-rows,.portfolio-rows{display:flex;flex-direction:column;gap:14px}.partner-row,.portfolio-row{display:grid;gap:14px}.partner-row-4,.portfolio-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}.partner-row-3,.portfolio-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.partner-row-2,.portfolio-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.partners-section{background:var(--off);color:var(--text)}.partners-section{background:var(--off);color:var(--text)}
.partner-card{position:relative;min-height:315px;overflow:hidden;background:#172326;border:1px solid rgba(255,255,255,.08);background-size:cover;background-position:center;isolation:isolate;transition:.45s var(--ease)}.partner-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.58),transparent 55%);z-index:0}.partner-card:after{content:"↗";position:absolute;right:14px;top:14px;width:32px;height:32px;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;color:#fff;font-size:14px;z-index:2;transition:.35s var(--ease)}.partner-content{position:absolute;inset:auto 0 0;padding:26px;z-index:1;transform:translateY(10px);transition:.45s var(--ease)}.partner-content h3{font-size:20px;margin:0 0 8px;letter-spacing:-.5px;color:#fff}.partner-content p{font-size:11px;line-height:1.6;color:rgba(255,255,255,.72);margin:0 0 12px;max-width:280px;opacity:0;transform:translateY(12px);transition:.45s .05s var(--ease)}.partner-link{font-size:10px;color:var(--accent);font-weight:700;letter-spacing:.4px;opacity:0;transform:translateY(12px);transition:.45s .08s var(--ease)}.partner-card:hover:after{border-color:var(--accent);color:var(--accent);transform:rotate(45deg)}.partner-card:hover:before{background:rgba(0,0,0,.68)}.partner-card:hover .partner-content{transform:translateY(0)}.partner-card:hover .partner-content p,.partner-card:hover .partner-link{opacity:1;transform:translateY(0)}.partner-card:hover{box-shadow:0 18px 45px rgba(0,0,0,.24);transform:translateY(-4px)}
.portfolio-section{background:#071012;color:#fff;border-top:1px solid rgba(255,255,255,.06)}.portfolio-section .section-intro h2{color:#fff}.portfolio-section .section-intro p{color:rgba(255,255,255,.58)}.portfolio-section .eyebrow.dark{color:var(--accent)}.portfolio-card{position:relative;min-height:315px;overflow:hidden;background:#172326;border:1px solid rgba(255,255,255,.08);display:block;color:#fff;background-size:cover;background-position:center;isolation:isolate;transition:.45s var(--ease)}.portfolio-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.58),transparent 55%);z-index:0;transition:.45s var(--ease)}.portfolio-card:hover{transform:translateY(-4px);border-color:rgba(32,199,199,.65);box-shadow:0 18px 45px rgba(0,0,0,.24)}.portfolio-card:hover:before{background:rgba(0,0,0,.68)}.portfolio-copy{position:absolute;left:0;right:0;bottom:0;padding:26px;z-index:1;transform:translateY(10px);transition:.45s var(--ease)}.portfolio-card:hover .portfolio-copy{transform:translateY(0)}.portfolio-copy h3{font-size:20px;margin:0 0 8px;letter-spacing:-.5px;color:#fff}.portfolio-copy p{font-size:11px;line-height:1.6;color:rgba(255,255,255,.72);margin:0 0 12px;max-width:280px;opacity:0;transform:translateY(12px);transition:.45s .05s var(--ease)}.portfolio-card:hover .portfolio-copy p{opacity:1;transform:translateY(0)}.portfolio-copy:after{content:"View Website  ↗";display:block;margin-top:0;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.4px;opacity:0;transform:translateY(12px);transition:.45s .08s var(--ease)}.portfolio-card:hover .portfolio-copy:after{opacity:1;transform:translateY(0)}
.cta{min-height:560px;position:relative;display:grid;place-items:center;color:#fff;overflow:hidden;background:#172326}.cta-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?q=85&w=2200') center/cover}.cta-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,11,.84),rgba(4,10,11,.42))}.cta-content{position:relative;z-index:2}.cta h2{font-size:clamp(44px,6vw,76px);line-height:1;letter-spacing:-3px;max-width:900px;margin:0}.cta p{max-width:620px;font-size:15px;line-height:1.75;color:rgba(255,255,255,.72);margin:24px 0 0}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:36px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:14px;padding:15px 22px;font-size:12px;font-weight:700;transition:.3s var(--ease);border:1px solid transparent}.btn-primary{background:var(--accent);color:#061112}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(184,255,61,.2)}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)}.btn-ghost:hover{background:#fff;color:#071011;transform:translateY(-3px)}
.footer{background:#050708;color:#fff;padding:80px 0 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:70px}

.footer-brand img{width:178px;height:178px;filter:none;display:block;background:transparent;padding:0;border-radius:0;object-fit:contain}.footer-brand p{font-size:12px;color:#6e797b;margin-top:16px}.footer h4{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 20px;color:#fff}.footer-top>div:not(.footer-brand) a{display:block;font-size:11px;color:#788184;margin:10px 0;transition:.2s}.footer-top>div:not(.footer-brand) a:hover{color:var(--accent)}.socials{display:flex;gap:8px;margin-top:22px}.socials a{width:30px;height:30px;border:1px solid #303739;display:grid;place-items:center;font-size:10px;color:#fff}.footer-bottom{border-top:1px solid #242a2c;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;color:#60696b;letter-spacing:.3px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.container,.nav-wrap{width:min(var(--max),calc(100% - 48px))}.desktop-nav{gap:16px}.criteria-grid{grid-template-columns:repeat(4,1fr)}.criterion:nth-child(4){border-right:0}.solution-grid{grid-template-columns:repeat(3,1fr)}.hero-logo-orbit{width:300px;height:300px}.ring-a{width:300px;height:300px}.impact-strip{max-width:850px}}
@media(max-width:800px){.nav-wrap{height:72px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;margin-left:auto;background:none;border:0;width:40px;height:40px;flex-direction:column;justify-content:center;gap:7px;cursor:pointer}.menu-toggle span{display:block;width:25px;height:1px;background:#fff}.mobile-menu{display:flex;position:fixed;left:0;right:0;top:72px;background:rgba(5,8,9,.97);backdrop-filter:blur(20px);padding:20px 24px;flex-direction:column;gap:0;transform:translateY(-130%);transition:.45s var(--ease);border-top:1px solid rgba(255,255,255,.08)}.site-header.menu-open .mobile-menu{transform:translateY(0)}.mobile-menu a{padding:15px 0;color:#fff;font-size:14px;border-bottom:1px solid rgba(255,255,255,.08)}.hero{min-height:850px}.hero-content{padding-top:35px}.hero-logo-orbit{width:270px;height:270px}.ring-a{width:270px;height:270px}.ring-b{width:232px;height:232px}.ring-c{width:198px;height:198px}.hero-logo-disc{width:188px;height:188px}.hero-kicker{font-size:16px}.hero h1{font-size:42px}.hero-content>p{font-size:14px}.impact-strip{grid-template-columns:repeat(5,1fr)}.impact-strip b{font-size:9px}.impact-strip span{font-size:8px}.section{padding:85px 0}.section-intro{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.section-intro p{margin:0}.capability-grid{grid-template-columns:repeat(2,1fr)}.partner-row-4,.partner-row-3,.portfolio-row-4,.portfolio-row-3{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-row-2,.portfolio-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.criteria-grid{grid-template-columns:repeat(2,1fr)}.criterion:nth-child(2n){border-right:0}.solution-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1.5fr 1fr 1fr}.footer-top>div:last-child{grid-column:2}}
@media(max-width:560px){.container,.nav-wrap{width:calc(100% - 40px)}.brand{width:64px;height:64px}.hero{min-height:850px}.hero-content{width:calc(100% - 30px);padding-top:48px}.hero-badge{font-size:8px;letter-spacing:2px;padding:9px 13px}.hero-logo-orbit{width:220px;height:220px;margin-top:18px}.ring-a{width:220px;height:220px}.ring-b{width:188px;height:188px}.ring-c{width:160px;height:160px}.hero-logo-disc{width:154px;height:154px}.hero-kicker{font-size:14px;letter-spacing:2px;margin-top:7px}.hero h1{font-size:31px;letter-spacing:-1.5px}.hero-content>p{font-size:12px;line-height:1.55}.hero-tags{gap:7px;margin-top:18px}.hero-tags span{padding:8px 11px;font-size:9px}.impact-strip{grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin-top:20px}.impact-strip div{padding:12px 4px}.impact-strip div+div:before{top:12px;bottom:12px}.impact-strip b{font-size:7px;letter-spacing:1px}.impact-strip span{font-size:7px}.scroll-cue{bottom:14px}.scroll-cue b{width:40px;height:40px}.capability-grid,.criteria-grid,.solution-grid{grid-template-columns:1fr}.partner-row-4,.partner-row-3,.partner-row-2,.portfolio-row-4,.portfolio-row-3,.portfolio-row-2{grid-template-columns:1fr}.partner-card{min-height:330px}.portfolio-card{min-height:300px}.criterion{border-right:0!important;border-bottom:1px solid rgba(16,23,25,.12);min-height:220px}.criterion:last-child{border-bottom:0}.solution{min-height:210px}.solution h3{margin-top:50px}.footer{padding-top:60px}.footer-top{grid-template-columns:1fr 1fr;gap:36px}.footer-brand{grid-column:1/-1}.footer-top>div:last-child{grid-column:auto}.footer-bottom{font-size:8px;gap:20px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.scroll-cue b,.logo-ring,.orbit-dot{animation:none}.partner-card,.capability,.portfolio-card,.criterion,.solution{transition:none}}


/* ===== Above 10X HERO — previous layout + circular logo only ===== */
.hero{
  position:relative;
  min-height:100vh;
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  isolation:isolate;
  background:#061014;
}
.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:-3;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,12,18,.52) 52%,rgba(0,0,0,.68) 100%);
  z-index:-2;
}
.hero-content{
  width:min(1120px,calc(100% - 48px));
  margin:0 auto;
  text-align:center;
  padding:100px 0 80px;
  position:relative;
  z-index:2;
}
.hero-logo{
  width:220px;
  height:220px;
  margin:0 auto 34px;
  border-radius:50%;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 0 0 1px rgba(40,210,205,.16),0 0 45px rgba(40,210,205,.24),0 18px 60px rgba(0,0,0,.38);
}
.hero-logo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  filter:none;
}
.hero-logo::after{
  content:"";
  position:absolute;
  width:250px;
  height:250px;
  border:1px solid rgba(46,208,204,.55);
  border-radius:50%;
  pointer-events:none;
  animation:heroRing 5s ease-in-out infinite;
}
@keyframes heroRing{
  0%,100%{transform:scale(.96);opacity:.45}
  50%{transform:scale(1.04);opacity:.85}
}
.hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:18px;
}
.hero h1{
  max-width:1000px;
  margin:0 auto 18px;
}
.hero p{
  max-width:820px;
  margin:0 auto;
}
.hero-scroll{
  position:absolute;
  left:50%;
  bottom:26px;
  transform:translateX(-50%);
}
@media(max-width:700px){
  .hero-content{width:min(100% - 32px);padding:95px 0 72px}
  .hero-logo{width:155px;height:155px;margin-bottom:26px}
  .hero-logo::after{width:180px;height:180px}
}


/* =========================================================
   HERO — INITIAL DESIGN + CIRCULAR LOGO
   ========================================================= */
.hero{
  position:relative;
  min-height:100vh;
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  isolation:isolate;
  background:#071318;
}
.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  z-index:-3;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,10,16,.40) 58%,rgba(0,0,0,.58) 100%);
  z-index:-2;
}
.hero-content{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  text-align:center;
  padding:112px 0 92px;
  position:relative;
  z-index:2;
}
.hero-logo{
  width:168px;
  height:168px;
  margin:0 auto 30px;
  border-radius:50%;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.68);
  box-shadow:0 0 0 1px rgba(32,199,199,.15),0 0 34px rgba(32,199,199,.20),0 14px 45px rgba(0,0,0,.34);
}
.hero-logo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  filter:none;
}
.hero-logo::before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  border:1px solid rgba(48,210,208,.35);
  border-radius:50%;
  pointer-events:none;
}
.hero-logo::after{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  pointer-events:none;
}
.hero-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-bottom:20px;
}
.hero h1{
  max-width:1080px;
  margin:0 auto 22px;
}
.hero p{
  max-width:820px;
  margin:0 auto 30px;
}
.hero-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
}
.hero-scroll{
  position:absolute;
  left:50%;
  bottom:26px;
  transform:translateX(-50%);
}
@media(max-width:700px){
  .hero-content{width:min(100% - 30px);padding:100px 0 72px}
  .hero-logo{width:132px;height:132px;margin-bottom:24px}
  .hero-logo::before{width:150px;height:150px}
  .hero-logo::after{width:170px;height:170px}
  .hero-actions{flex-direction:column}
  .hero-actions .btn{width:min(300px,100%)}
}

.header .brand{display:none!important}

/* HERO: attached previous design + circular logo only */
.site-header .brand{display:none!important}
.hero-logo-circle{width:170px;height:170px;margin:0 auto 28px;border-radius:50%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(38,205,207,.18),0 0 36px rgba(38,205,207,.24),0 16px 48px rgba(0,0,0,.38)}
.hero-logo-circle img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;filter:none}
.hero-logo-circle:before{content:"";position:absolute;inset:-10px;border:1px solid rgba(38,205,207,.36);border-radius:50%;pointer-events:none}
.hero-industries{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:4px auto 20px;max-width:900px}
.hero-industries span{padding:9px 15px;border:1px solid rgba(38,205,207,.38);border-radius:999px;background:rgba(5,18,23,.24);color:rgba(255,255,255,.9);font-size:12px;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(5px)}
.hero-steps{display:grid;grid-template-columns:repeat(5,1fr);max-width:850px;margin:26px auto 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.hero-steps div{padding:16px 10px 14px;border-right:1px solid rgba(255,255,255,.10)}.hero-steps div:last-child{border-right:0}.hero-steps strong{display:block;color:#bafc54;font-size:13px;letter-spacing:.16em;margin-bottom:7px}.hero-steps small{color:rgba(255,255,255,.72);font-size:11px}
@media(max-width:800px){.hero-logo-circle{width:135px;height:135px;margin-bottom:22px}.hero-industries{gap:6px}.hero-industries span{padding:7px 10px;font-size:10px}.hero-steps{grid-template-columns:repeat(2,1fr)}.hero-steps div:nth-child(2n){border-right:0}}
@media(max-width:520px){.hero-logo-circle{width:115px;height:115px}.hero-steps{grid-template-columns:1fr}.hero-steps div{border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}.hero-steps div:last-child{border-bottom:0}}


/* Hero: original design with circular Above 10X logo only */
.site-header .brand{display:none!important}
.hero-logo-circle{
  width:154px;
  height:154px;
  margin:0 auto 26px;
  border-radius:50%;
  overflow:hidden;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 0 0 1px rgba(28,199,201,.18),0 0 34px rgba(28,199,201,.22),0 14px 44px rgba(0,0,0,.36);
}
.hero-logo-circle img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  filter:none;
}
.hero-logo-circle::before{
  content:"";
  position:absolute;
  inset:-8px;
  border:1px solid rgba(36,203,204,.35);
  border-radius:50%;
  pointer-events:none;
}
@media(max-width:700px){
  .hero-logo-circle{width:122px;height:122px;margin-bottom:20px}
}

/* ===== Above 10X requested brand color ===== */
:root{
  --accent:#20C7C7;
}

/* Header CTA */
.site-header .btn,
.header .btn,
.nav .btn{
  border-color:#20C7C7 !important;
  color:#20C7C7 !important;
}
.site-header .btn:hover,
.header .btn:hover,
.nav .btn:hover{
  background:#20C7C7 !important;
  color:#061014 !important;
}

/* Hero accent text */
.hero .eyebrow,
.hero .eyebrow i,
.hero h1 em,
.hero .accent,
.hero .highlight{
  color:#20C7C7 !important;
}

/* Hero primary button */
.hero .btn-primary{
  background:#20C7C7 !important;
  border-color:#20C7C7 !important;
  color:#061014 !important;
}
.hero .btn-primary:hover{
  background:#20C7C7 !important;
  border-color:#20C7C7 !important;
  color:#061014 !important;
}

/* Circular hero logo: show the complete original square GIF
   inside the circle, with generous padding so the whole logo
   including "Above 10X" remains visible. */
.hero-logo-circle{
  width:180px !important;
  height:180px !important;
  padding:18px !important;
  box-sizing:border-box !important;
  background:rgba(255,255,255,.97) !important;
  border:1px solid rgba(32,199,199,.60) !important;
  box-shadow:
    0 0 0 1px rgba(32,199,199,.16),
    0 0 34px rgba(32,199,199,.28),
    0 16px 48px rgba(0,0,0,.38) !important;
}
.hero-logo-circle img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  filter:none !important;
  border-radius:50% !important;
}
.hero-logo-circle:before{
  border-color:rgba(32,199,199,.42) !important;
}
@media(max-width:700px){
  .hero-logo-circle{
    width:145px !important;
    height:145px !important;
    padding:14px !important;
  }
}

/* =========================================================
   HERO LOGO ONLY — same technique as supplied Design 3
   ========================================================= */
.logo-stage{
  width:170px;
  height:170px;
  margin:30px auto 26px;
  position:relative;
  display:grid;
  place-items:center;
}
.logo-panel{
  width:175px;
  height:175px;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  z-index:4;
  background:#f5f7f4;
  border:1px solid rgba(255,255,255,.75);
  box-shadow:
    0 0 60px rgba(32,199,199,.16),
    0 0 90px rgba(32,199,199,.10),
    inset 0 0 30px rgba(0,0,0,.04);
  animation:levitate 5s ease-in-out infinite;
}
.logo-panel img{
  width:137.5px;
  max-height:137.5px;
  object-fit:contain;
  display:block;
  filter:none;
}
.logo-ring{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(32,199,199,.20);
}
.ring-one{
  inset:4px;
  animation:spin 16s linear infinite;
}
.ring-two{
  inset:18px;
  border-color:rgba(32,199,199,.18);
  animation:spinReverse 12s linear infinite;
}
.logo-ring:before,
.logo-ring:after{
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#20C7C7;
  box-shadow:0 0 12px #20C7C7;
}
.ring-one:before{left:18%;top:8%}
.ring-one:after{right:11%;bottom:18%}
.ring-two:before{
  right:8%;
  top:23%;
  background:#20C7C7;
  box-shadow:0 0 12px #20C7C7;
}
.logo-glow{
  position:absolute;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(32,199,199,.09),transparent 62%);
  animation:breathe 3.5s ease-in-out infinite;
}
@media(max-width:700px){
  .logo-stage{
    width:140px;
    height:140px;
    margin:26px auto 22px;
  }
  .logo-panel{
    width:94px;
    height:94px;
  }
  .logo-panel img{
    width:74px;
    max-height:74px;
  }
}

/* Requested Above 10X accent color */
.hero .eyebrow,
.hero .eyebrow i,
.hero h1 em{color:#20C7C7 !important}
.hero .btn-primary{
  background:#20C7C7 !important;
  border-color:#20C7C7 !important;
  color:#061014 !important;
}
.site-header .nav-cta,
.header .nav-cta{
  border-color:#20C7C7 !important;
  color:#20C7C7 !important;
}




/* =========================================
   This is the begining of customize after finalized zip file
   ========================================= */

/* =========================================
   PORTFOLIO — FIXED NAME ALIGNMENT
   ========================================= */

.portfolio-card {
  position: relative;
  overflow: hidden;
}

/* Content area */
.portfolio-card .portfolio-copy {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 26px;
  z-index: 1;
}

/* Company name ALWAYS stays at the same bottom position */
.portfolio-card .portfolio-copy h3 {
  position: absolute;
  left: 26px;
  bottom: 26px;
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
  transition: .35s ease;
}

/* Description hidden normally */
.portfolio-card .portfolio-copy p {
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  margin: 0 0 38px;
  max-height: 0;
  transition: .35s ease;
}

/* Website link hidden normally */
.portfolio-card .portfolio-copy::after {
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: .35s ease;
}

/* Hover — dark overlay already handled by existing CSS */
.portfolio-card:hover .portfolio-copy p {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  max-height: 150px;
}

/* Hover — show View Website */
.portfolio-card:hover .portfolio-copy::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* On hover the name can move upward — this does NOT affect
   its normal alignment */
.portfolio-card:hover .portfolio-copy h3 {
  bottom: auto;
  top: 0;
}


/* =========================================
   TRUSTED NETWORK — FIXED NAME ALIGNMENT
   ========================================= */

/* Keep partner card as the positioning container */
.partner-card {
  position: relative;
  overflow: hidden;
}

/* Partner content area */
.partner-card .partner-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 26px;
  padding: 0 26px;
  z-index: 2;
}

/* Partner name — ALWAYS same position */
.partner-card .partner-content h3 {
  position: absolute;
  left: 26px;
  bottom: 0;
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
  transition: .35s ease;
}

/* Description stays hidden normally */
.partner-card .partner-content p {
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  max-height: 0;
  margin: 0;
  transition: .35s ease;
}

/* Website link stays hidden normally */
.partner-card .partner-link {
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: .35s ease;
}

/* =========================================
   HOVER STATE
   ========================================= */

.partner-card:hover .partner-content p {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  max-height: 150px;
  margin-bottom: 12px;
}

.partner-card:hover .partner-link {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* On hover the name moves naturally above
   the description — alignment can change here */
.partner-card:hover .partner-content h3 {
  position: relative;
  left: auto;
  bottom: auto;
  margin-bottom: 8px;
}


/* =========================================
   OUR EXPERTISE — CLIENT REQUESTED LAYOUT
   ========================================= */

#what-we-do .section-intro {
  display: block !important;
  margin-bottom: 58px;
}

#what-we-do .section-intro > div {
  max-width: 900px;
}

#what-we-do .expertise-intro {
  display: block !important;
  max-width: 850px;
  margin: 0 !important;
  font-size: 19px;
  line-height: 1.65;
  color: #60717b;
}

/* =========================================
   OUR EXPERTISE — MATCH OUR APPROACH BAR
   ========================================= */

#what-we-do .section-intro > div {
  max-width: none !important;
  width: 100% !important;
}

#what-we-do .eyebrow.dark {
  display: block !important;
  width: 62.5% !important;
  max-width: none !important;
  background: #071012 !important;
  padding: 0 !important;
  margin-bottom: 28px !important;
}

/* =========================================
   SCROLL HEADER LOGO
   Hidden at top, appears after scrolling
   ========================================= */

.site-header .brand {
  display: flex !important;
  width: 0 !important;
  height: 60px !important;
  opacity: 0;
  overflow: hidden;
  flex-shrink: 0;
  transform: translateX(-20px);
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  transition:
    width .35s ease,
    opacity .35s ease,
    transform .35s ease;
}

.site-header.scrolled .brand {
  width: 80px !important;
  opacity: 1;
  transform: translateX(0);
}

.site-header .brand img {
  width: 70px !important;
  height: 55px !important;
  max-width: none !important;
  object-fit: contain;
  display: block;
}