/* ============ TOKENS ============ */
:root{
  --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);
  --text-sm:clamp(.875rem,.8rem + .35vw,1rem);
  --text-base:clamp(1rem,.95rem + .25vw,1.125rem);
  --text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);
  --text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);
  --text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);
  --text-3xl:clamp(2.5rem,1rem + 4vw,4.5rem);
  --text-md:clamp(1rem,.95rem + .4vw,1.2rem);

  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem;
  --space-12:3rem; --space-16:4rem; --space-20:5rem; --space-24:6rem; --space-32:8rem;

  /* Forged palette — dark, chrome, electric blue */
  --bg:#06070b;
  --surface:#0c0e14;
  --surface-2:#11131c;
  --surface-3:#161925;
  --border:#222634;
  --border-glow:#2f4a78;
  --text:#dfe4ee;
  --text-muted:#9aa3b5;
  --text-faint:#5d6577;
  --accent:#3d8bff;
  --accent-bright:#5aa0ff;
  --accent-glow:rgba(61,139,255,.45);
  --chrome-1:#f1f4fa;
  --chrome-2:#aab6c7;
  --chrome-3:#e2e8f1;

  --radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-xl:22px;
  --bg-elev:#0c0e14;
  --content:1200px;
  --font-display:'Oswald','Arial Narrow',sans-serif;
  --font-body:'Inter','Helvetica Neue',sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
}

/* ============ BASE ============ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:84px}
body{min-height:100dvh;line-height:1.6;font-family:var(--font-body);font-size:var(--text-base);color:var(--text);background:var(--bg);overflow-x:hidden}
img,svg{display:block;max-width:100%;height:auto}
ul[role=list]{list-style:none}
a{color:inherit;text-decoration:none}
button{cursor:pointer;background:none;border:none;color:inherit;font:inherit}
input,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,h5{line-height:1.08;text-wrap:balance}
p{text-wrap:pretty;max-width:62ch}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}
::selection{background:var(--accent-glow);color:#fff}
.container{width:100%;max-width:var(--content);margin-inline:auto;padding-inline:var(--space-6)}

@media (prefers-reduced-motion:reduce){
  html:not(.fx-on) *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ============ SHARED TEXT TREATMENTS ============ */
.chrome-text{
  display:block;
  background:linear-gradient(180deg,var(--chrome-1) 0%,var(--chrome-2) 48%,#7c8aa0 52%,var(--chrome-3) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));
}
.accent-text{color:var(--accent-bright)}
.eyebrow{
  font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);
  letter-spacing:.28em;text-transform:uppercase;color:var(--accent-bright);
  margin-bottom:var(--space-4);
}
.section-title{
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  font-size:var(--text-2xl);letter-spacing:.01em;line-height:1.02;
  color:var(--chrome-1);
}
.section-sub{color:var(--text-muted);font-size:var(--text-lg);margin-top:var(--space-5);max-width:60ch}
.section{padding-block:clamp(var(--space-16),9vw,var(--space-32))}
.section-head{margin-bottom:var(--space-12);max-width:760px}

/* ============ BUTTONS ============ */
.btn{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.08em;
  font-size:var(--text-sm);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);
}
.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}
/* metallic sheen sweep — fires on hover, fitting the forged/chrome brand */
.btn::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(115deg,transparent 0%,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%,transparent 100%);
  transform:translateX(-120%);transition:transform .6s var(--ease);
}
.btn:hover::before{transform:translateX(120%)}
.btn--primary{
  background:linear-gradient(180deg,var(--accent-bright),var(--accent));color:#fff;
  box-shadow:0 0 0 1px rgba(90,160,255,.4),0 8px 24px -8px var(--accent-glow);
}
.btn--primary:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 0 0 1px rgba(90,160,255,.9),0 0 22px -2px var(--accent-glow),0 16px 36px -10px var(--accent-glow)}
.btn--primary:active{transform:translateY(0) scale(.99)}
.btn--ghost{border:1px solid var(--border-glow);color:var(--text);background:rgba(61,139,255,.04)}
.btn--ghost:hover{transform:translateY(-2px);border-color:var(--accent);color:#fff;background:rgba(61,139,255,.12);box-shadow:0 0 18px -4px var(--accent-glow),inset 0 0 16px -8px var(--accent-glow)}
.btn--ghost::before{background:linear-gradient(115deg,transparent 0%,transparent 40%,rgba(90,160,255,.45) 50%,transparent 60%,transparent 100%)}

/* ============ GLOBAL ANIMATED BACKDROP ============ */
.site-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--bg)}
.site-bg__grid{
  position:absolute;inset:-10% -10% -10% -10%;
  background-image:
    linear-gradient(rgba(61,139,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(61,139,255,.05) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 80% 60% at 70% 30%,#000 0%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 70% 30%,#000 0%,transparent 75%);
  animation:gridDrift 40s linear infinite;opacity:.9;
}
@keyframes gridDrift{0%{transform:translate(0,0)}100%{transform:translate(64px,64px)}}
.site-bg__particles{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
/* sections sit above the fixed backdrop; calm sections become translucent so it shows through */
.header{position:sticky}
main,.footer{position:relative;z-index:1}
.scripture{background:color-mix(in oklab,var(--surface) 86%,transparent)}
.team,.who,.truth,.philosophy,.difference,.network-mini{background:transparent}

/* ============ PER-SECTION ATMOSPHERE (alternating) ============ */
.has-fx{position:relative;overflow:hidden}
.sec-fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.has-fx>.container{position:relative;z-index:1}
.sec-fx__glow{
  position:absolute;top:-10%;right:-6%;width:46vw;height:46vw;max-width:620px;max-height:620px;
  border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 64%);
  filter:blur(40px);opacity:.16;animation:secGlow 12s ease-in-out infinite;
}
.sec-fx__glow--left{right:auto;left:-8%;top:auto;bottom:-12%;animation-duration:15s}
@keyframes secGlow{0%,100%{opacity:.1;transform:translate(0,0) scale(1)}50%{opacity:.22;transform:translate(-3%,2%) scale(1.08)}}
.sec-fx__beam{
  position:absolute;left:-30%;top:50%;width:160%;height:1px;
  background:linear-gradient(90deg,transparent,var(--accent-bright),transparent);
  transform:rotate(-18deg);opacity:0;filter:blur(.5px);
  animation:secBeam 14s ease-in-out infinite;
}
@keyframes secBeam{0%,100%{opacity:0;transform:rotate(-18deg) translateY(-40px)}50%{opacity:.28;transform:rotate(-18deg) translateY(40px)}}

/* sharp diagonal crossing lines (X-pattern, echoing the hero geometry) */
.sec-fx__lines{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sec-fx__lines span{
  position:absolute;left:-30%;width:160%;height:1px;opacity:0;filter:blur(.4px);
  background:linear-gradient(90deg,transparent,var(--accent-bright),transparent);
}
.sec-fx__lines span:nth-child(1){top:30%;transform:rotate(-32deg);animation:lineSweepA 10s ease-in-out infinite}
.sec-fx__lines span:nth-child(2){top:66%;transform:rotate(32deg);animation:lineSweepB 12s ease-in-out infinite 2.5s}
.sec-fx__lines span:nth-child(3){top:48%;height:1px;transform:rotate(-32deg);background:linear-gradient(90deg,transparent,rgba(90,160,255,.55),transparent);animation:lineSweepA 14s ease-in-out infinite 5s}
@keyframes lineSweepA{0%,100%{opacity:0;transform:rotate(-32deg) translateX(-7%)}45%{opacity:.42}55%{opacity:.34}100%{transform:rotate(-32deg) translateX(7%)}}
@keyframes lineSweepB{0%,100%{opacity:0;transform:rotate(32deg) translateX(7%)}45%{opacity:.42}55%{opacity:.34}100%{transform:rotate(32deg) translateX(-7%)}}
/* variant: lines only (calm sections below hero get just the sharp geometry, no glow/blob) */
.sec-fx--lines .sec-fx__glow,.sec-fx--lines .sec-fx__beam{display:none}

/* ============ HEADER ============ */
.header{position:sticky;top:0;z-index:60;background:rgba(6,7,11,.78);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.header.scrolled{border-bottom-color:var(--border);background:rgba(6,7,11,.94)}
.header__inner{display:flex;align-items:center;gap:var(--space-6);padding-block:var(--space-3)}
.brand{display:flex;align-items:center;gap:var(--space-3)}
.brand__logo{height:42px;width:auto}
.brand__text{display:flex;flex-direction:column;line-height:1}
.brand__name{font-family:var(--font-display);font-weight:700;font-size:1.45rem;letter-spacing:.12em;
  background:linear-gradient(180deg,var(--chrome-1),#9fb0c4);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand__tag{font-family:var(--font-display);font-weight:500;font-size:.56rem;letter-spacing:.34em;color:var(--accent-bright);margin-top:3px}
.nav{display:flex;gap:var(--space-6);margin-left:auto}
.nav a{font-family:var(--font-display);font-weight:500;font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);position:relative;padding-block:var(--space-2)}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent);transition:width .25s var(--ease)}
.nav a:hover{color:#fff}.nav a:hover::after{width:100%}
.header__cta{flex-shrink:0}
.nav__toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2);margin-left:auto}
.nav__toggle span{width:24px;height:2px;background:var(--text);transition:.3s}
.nav-mobile{display:none;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--surface)}
.nav-mobile.open{display:flex}
.nav-mobile a{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:var(--space-2) 0}
.nav-mobile a.btn{color:#fff;justify-content:center;margin-top:var(--space-2)}

/* ============ HERO ============ */
.hero{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:center;padding-block:var(--space-24) var(--space-16);overflow:hidden}
.hero__bg{position:absolute;inset:0;background:url('assets/hero-bg.png') center right/cover no-repeat;z-index:0}
.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 18%,rgba(6,7,11,.55) 55%,rgba(6,7,11,.2) 100%)}

/* Hero animated FX */
.hero__fx{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.fx-beam{position:absolute;width:200%;height:2px;left:-50%;background:linear-gradient(90deg,transparent,var(--accent-bright),transparent);opacity:.0;filter:blur(1px)}
.fx-beam--1{top:38%;transform:rotate(-32deg);animation:beamSweep 9s ease-in-out infinite}
.fx-beam--2{top:62%;transform:rotate(-32deg);animation:beamSweep 11s ease-in-out infinite 3s}
@keyframes beamSweep{0%,100%{opacity:0;transform:rotate(-32deg) translateX(-8%)}45%{opacity:.5}50%{opacity:.55}55%{opacity:.4}100%{transform:rotate(-32deg) translateX(8%)}}
.fx-glow{position:absolute;top:42%;right:14%;width:42vw;height:42vw;max-width:560px;max-height:560px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 62%);filter:blur(24px);opacity:.35;animation:glowPulse 8s ease-in-out infinite}
@keyframes glowPulse{0%,100%{opacity:.22;transform:scale(.95)}50%{opacity:.45;transform:scale(1.06)}}
.fx-particles{position:absolute;inset:0;width:100%;height:100%;opacity:.55}

.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr .9fr;gap:var(--space-12);align-items:center}
.hero__title{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:var(--text-3xl);line-height:.96;letter-spacing:.005em;margin-block:var(--space-5) var(--space-6)}
.hero__lead{color:var(--text-muted);font-size:var(--text-lg);max-width:46ch}
.hero__actions{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-8)}
.hero__stat{display:flex;justify-content:center}
.stat-diamond{width:min(360px,80vw);aspect-ratio:1;transform:rotate(45deg);border:1px solid var(--border-glow);background:linear-gradient(135deg,rgba(61,139,255,.08),rgba(12,14,20,.5));box-shadow:0 0 60px -20px var(--accent-glow),inset 0 0 40px -20px var(--accent-glow);display:flex;align-items:center;justify-content:center}
.stat-diamond__inner{transform:rotate(-45deg);text-align:center;padding:var(--space-6)}
.stat-diamond__num{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,2.8vw,2.4rem);color:var(--chrome-1);line-height:1.05;text-transform:uppercase;letter-spacing:.02em}
.stat-diamond__label{display:block;color:var(--accent-bright);font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;margin-top:var(--space-3);line-height:1.4}
.hero__ticker{position:relative;z-index:2;margin-top:var(--space-16);display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.3em;font-size:var(--text-xs);color:var(--text-faint)}
.hero__ticker .dot{color:var(--accent)}

/* ============ PILLARS ============ */
.pillars__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.pillar-card{position:relative;padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--surface-2),var(--surface));overflow:hidden;transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
.pillar-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.5;transition:opacity .35s}
.pillar-card:hover{transform:translateY(-6px);border-color:var(--border-glow);box-shadow:0 24px 50px -24px var(--accent-glow)}
.pillar-card:hover::before{opacity:1}
.pillar-card__num{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--accent);opacity:.4}
.pillar-card h3{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:var(--text-lg);letter-spacing:.02em;margin-block:var(--space-3) var(--space-3);color:var(--chrome-1)}
.pillar-card p{color:var(--text-muted);font-size:var(--text-base)}
.pillar-card__more{display:inline-block;margin-top:var(--space-5);font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-sm);color:var(--accent-bright)}

/* ============ PLATFORM ============ */
.platform{background:var(--surface)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}
.feature{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);transition:border-color .3s,transform .3s}
.feature:hover{border-color:var(--border-glow);transform:translateY(-3px)}
.feature__ico{color:var(--accent);font-size:1.4rem;display:block;margin-bottom:var(--space-3)}
.feature h4{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:var(--text-base);color:var(--chrome-1)}
.feature p{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}
.owners{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-12);padding-top:var(--space-12);border-top:1px solid var(--border)}
.owner h5{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:var(--text-lg);color:var(--chrome-1)}
.owner p{color:var(--text-muted);margin-top:var(--space-2)}

/* ============ AI ============ */
.ai__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}
.ai__become{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:var(--text-xl);margin-top:var(--space-6);color:var(--chrome-1)}
.ai__list{display:flex;flex-direction:column}
.ai__list li{font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:.04em;font-size:var(--text-base);color:var(--text);padding:var(--space-4) 0;border-bottom:1px solid var(--border);position:relative;padding-left:var(--space-6)}
.ai__list li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);transform:translateY(-50%) rotate(45deg)}
.ai__banner{margin-top:var(--space-16);text-align:center;padding:var(--space-10);border:1px solid var(--border-glow);border-radius:var(--radius-lg);background:radial-gradient(ellipse at center,rgba(61,139,255,.08),transparent 70%)}
.ai__banner p{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:var(--text-xl);color:var(--chrome-1);max-width:none;margin-inline:auto}
.ai__banner-sub{color:var(--text-muted);font-size:var(--text-base);display:block;margin-top:var(--space-3)}

/* ============ SALES ============ */
.sales{background:var(--surface)}
.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
.step{padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);position:relative}
.step__num{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);color:var(--accent);opacity:.35;line-height:1}
.step h4{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:var(--text-lg);color:var(--chrome-1);margin-block:var(--space-3)}
.step p{color:var(--text-muted)}

/* ============ NETWORK ============ */
.network{position:relative;overflow:hidden}
.network__bg{position:absolute;inset:0;background:url('assets/network-energy.png') center/cover no-repeat;opacity:.28;z-index:0;animation:slowDrift 26s ease-in-out infinite}
@keyframes slowDrift{0%,100%{transform:scale(1.04) translate(0,0)}50%{transform:scale(1.1) translate(-1.5%,1%)}}
.network__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--bg),rgba(6,7,11,.6),var(--bg))}
.network__inner{position:relative;z-index:2;text-align:center;max-width:860px;margin-inline:auto}
.network__lead{color:var(--text);font-size:var(--text-lg);margin:var(--space-6) auto var(--space-10);max-width:60ch}
.network__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-10)}
.nstat{padding:var(--space-6);border:1px solid var(--border-glow);border-radius:var(--radius-md);background:rgba(12,14,20,.6)}
.nstat__num{display:block;font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:var(--text-xl);line-height:1.1}
.nstat span:last-child{color:var(--text-muted);font-size:var(--text-sm);display:block;margin-top:var(--space-2)}

/* ============ TEAM ============ */
.team__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);max-width:1240px;margin-inline:auto}
.member{text-align:center;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);transition:border-color .3s,transform .3s}
.member:hover{border-color:var(--border-glow);transform:translateY(-4px)}
.member__photo{width:160px;height:160px;margin:0 auto var(--space-5);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-glow);box-shadow:0 0 30px -12px var(--accent-glow)}
.member__photo img{width:100%;height:100%;object-fit:cover}
.member h3{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:var(--text-xl);color:var(--chrome-1);letter-spacing:.03em}
.member__role{font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:.22em;color:var(--accent-bright);font-size:var(--text-sm);margin-block:var(--space-2) var(--space-5)}
.member__contact{display:flex;flex-direction:column;gap:var(--space-2)}
.member__contact a{color:var(--text-muted);font-size:var(--text-base)}
.member__contact a:hover{color:var(--accent-bright)}

/* ============ SCRIPTURE ============ */
.scripture{padding-block:clamp(var(--space-16),8vw,var(--space-24));text-align:center;border-block:1px solid var(--border);background:var(--surface)}
.scripture__cross{color:var(--accent);font-size:2rem;display:block;margin-bottom:var(--space-5);text-shadow:0 0 20px var(--accent-glow)}
.scripture blockquote{font-family:var(--font-display);font-weight:500;font-style:italic;font-size:var(--text-xl);color:var(--chrome-2);max-width:24ch;margin-inline:auto;line-height:1.3}
.scripture cite{display:block;margin-top:var(--space-5);font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.24em;color:var(--accent-bright);font-size:var(--text-sm);font-style:normal}

/* ============ CONTACT ============ */
.contact__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}
.contact__details{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}
.contact__details li{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}
.contact__details span:first-child{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;font-size:var(--text-xs);color:var(--text-faint)}
.contact__details a,.contact__details li>span:last-child{color:var(--text);font-size:var(--text-lg)}
.contact__details a:hover{color:var(--accent-bright)}
.contact__form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}
.field{display:flex;flex-direction:column;gap:var(--space-2)}
.field--full{grid-column:1/-1}
.field label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;font-size:var(--text-xs);color:var(--text-muted)}
.field input,.field textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);color:var(--text);font-size:var(--text-base);transition:border-color .25s}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}
.field textarea{resize:vertical;min-height:100px}
.form-note{grid-column:1/-1;font-size:var(--text-sm);color:var(--accent-bright);min-height:1.2em;text-align:center}

/* ============ FOOTER ============ */
.footer{border-top:1px solid var(--border);padding-block:var(--space-12);background:var(--bg)}
.footer__inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}
.footer__brand{display:flex;flex-direction:column;align-items:center}
.footer__logo{height:52px;width:auto}
.footer__line{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.22em;font-size:var(--text-sm);color:var(--text-faint)}
.footer__copy{color:var(--text-faint);font-size:var(--text-sm)}

/* ============ REVEAL ============ */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ============ PROBLEM SECTION ============ */
.problem{padding-block:var(--space-16) var(--space-14)}
.problems{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-10)}
.problem-card{position:relative;padding:var(--space-6) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--surface) 60%,transparent);backdrop-filter:blur(8px);display:flex;gap:var(--space-4);align-items:flex-start;transition:border-color .3s,transform .3s}
.problem-card:hover{border-color:var(--accent);transform:translateY(-3px)}
.problem-card__mark{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--accent);color:var(--accent);display:grid;place-items:center;font-family:var(--font-display);font-size:1.25rem;font-weight:700;background:color-mix(in oklab,var(--accent) 8%,transparent)}
.problem-card p{color:var(--text);font-size:var(--text-md);line-height:1.5;margin:0;font-weight:500}
.problem__close{margin-top:var(--space-10);text-align:center;font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:var(--text-lg);color:var(--text-muted)}

/* ============ SOLUTION SECTION ============ */
.solution__inner{max-width:820px;margin-inline:auto;text-align:center}
.solution__inner .solution__phase-row{text-align:left}
.solution__lead{color:var(--text-muted);font-size:var(--text-md);line-height:1.65;margin-block:var(--space-4)}
.solution__lead em{font-style:italic;color:var(--text);font-weight:500}
.solution__phase-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-8)}
.phase{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in oklab,var(--surface) 55%,transparent)}
.phase__num{font-family:var(--font-display);font-weight:700;color:var(--accent);font-size:var(--text-lg);display:block;margin-bottom:var(--space-2)}
.phase h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-md);margin:0 0 var(--space-2)}
.phase p{color:var(--text-muted);font-size:.9rem;margin:0;line-height:1.4}
.solution__visual{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);box-shadow:0 25px 80px -20px rgba(61,139,255,.25)}
.solution__visual img{display:block;width:100%;height:auto}

/* ============ QMS SECTION ============ */
.qms__copy{max-width:860px;margin-inline:auto;text-align:center}
.qms__copy .qms__list{text-align:left}
.qms__lead{color:var(--text-muted);font-size:var(--text-md);line-height:1.65;margin-block:var(--space-4)}
.qms__lead em{font-style:italic;color:var(--text)}
.qms__list{list-style:none;margin:var(--space-6) auto;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2) var(--space-4);max-width:640px}
.qms__list li{position:relative;padding-left:22px;color:var(--text);font-weight:500;font-size:.95rem;line-height:1.5}
.qms__list li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border:1.5px solid var(--accent-bright);border-radius:2px;transform:rotate(45deg);background:color-mix(in oklab,var(--accent) 20%,transparent)}
.qms__closer{margin-top:var(--space-4);color:var(--text);font-size:var(--text-md);line-height:1.6;font-weight:500}

/* ---- Full-bleed animated QMS scene (real render + live energy overlay) ---- */
.qms-scene{
  position:relative;
  left:50%;right:50%;
  margin-left:-50vw;margin-right:-50vw;
  width:100vw;max-width:100vw;
  margin-top:var(--space-12);
  padding-block:var(--space-8);
  overflow:hidden;
  background:
    radial-gradient(120% 90% at 33% 42%, rgba(24,54,110,.35), transparent 60%),
    linear-gradient(180deg, rgba(6,9,15,0) 0%, rgba(7,12,22,.6) 18%, rgba(7,12,22,.6) 82%, rgba(6,9,15,0) 100%);
  border-block:1px solid var(--border);
  /* Reset the base .reveal transform/opacity so the stage never stays hidden */
}
/* The scene itself should not be translated/hidden by the generic .reveal rule */
.qms-scene.reveal{opacity:1;transform:none;transition:none}

.qms-stage{position:relative;width:min(1280px,94vw);margin-inline:auto;line-height:0}
.qms-stage__img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);opacity:.35;filter:brightness(.9) saturate(1.05)}
.qms-scene.in .qms-stage__img{animation:qmsPowerOn 1.4s ease forwards, qmsBreathe 5.5s ease-in-out 1.4s infinite}
@keyframes qmsPowerOn{0%{opacity:.35;filter:brightness(.55) saturate(.8)}100%{opacity:1;filter:brightness(1) saturate(1.08)}}
@keyframes qmsBreathe{0%,100%{filter:brightness(1) saturate(1.05)}50%{filter:brightness(1.12) saturate(1.18)}}

.qms-stage__fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

/* breathing bloom over the central cube */
.qms-bloom{transform-origin:305px 250px;opacity:0}
.qms-scene.in .qms-bloom{animation:qmsBloom 3.6s ease-in-out 1s infinite}
@keyframes qmsBloom{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.8;transform:scale(1.14)}}

/* guide paths are invisible — they only define the motion route.
   The real glowing lines already live in the image; we ride light along them. */
.qms-fx-links path{fill:none;stroke:none}

/* traveling energy pulses that ride each connection line */
.qms-fx-pulses circle{r:5;fill:#eaf6ff;opacity:0;filter:drop-shadow(0 0 8px #9fd6ff) drop-shadow(0 0 16px #4a90e2)}
.qms-scene.in .qms-fx-pulses circle{animation:qmsPulseOpacity 2.6s ease-in-out infinite;animation-delay:var(--pd,0s)}
@keyframes qmsPulseOpacity{0%{opacity:0}12%{opacity:1}86%{opacity:1}100%{opacity:0}}

/* caption */
.qms-scene__caption{text-align:center;margin-top:var(--space-6);padding-inline:var(--space-4)}
.qms-scene__kicker{display:block;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.28em;font-size:var(--text-sm);color:var(--accent-bright);margin-bottom:6px}
.qms-scene__title{display:block;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.15rem,2.6vw,1.9rem);color:var(--chrome-1)}

@media (prefers-reduced-motion: reduce){
  .qms-stage__img{opacity:1;filter:none;animation:none}
  .qms-bloom,.qms-fx-links path,.qms-fx-pulses circle{animation:none}
}

/* ============ MANIFESTO BANNER ============ */
.manifesto{padding-block:var(--space-14);text-align:center;position:relative;border-block:1px solid var(--border);background:color-mix(in oklab,var(--bg-elev) 55%,transparent)}
.manifesto__lead{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.22em;color:var(--text-faint);font-size:var(--text-sm);margin:0}
.manifesto__big{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:clamp(2rem,5.5vw,4rem);line-height:1.05;letter-spacing:-.01em;margin:var(--space-3) 0}
.manifesto__sub{color:var(--text-muted);font-size:var(--text-md);letter-spacing:.02em;margin:0}

/* ============ SERVICES ============ */
.services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-10)}
.svc{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--surface) 65%,transparent);backdrop-filter:blur(6px);transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;flex-direction:column;gap:var(--space-3)}
.svc:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 20px 50px -20px rgba(61,139,255,.35)}
.svc__ico{color:var(--accent-bright);font-size:1.5rem;line-height:1}
.svc h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:1.05rem;margin:0}
.svc p{color:var(--text-muted);font-size:.95rem;line-height:1.55;margin:0}
.svc p strong{color:var(--text);font-weight:600}

/* ============ SHOWCASE / VIDEO GALLERY ============ */
.showcase{padding-block:var(--space-16)}
.showcase-featured{margin-top:var(--space-10);display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-10);align-items:center;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-xl);background:color-mix(in oklab,var(--surface) 55%,transparent);backdrop-filter:blur(10px);box-shadow:0 30px 90px -30px rgba(61,139,255,.3)}
.showcase-featured__meta h3{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.5rem,2.5vw,2.1rem);letter-spacing:.02em;margin:var(--space-2) 0}
.showcase-tag{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--accent-bright);margin:0}
.showcase-industry{color:var(--text-muted);font-size:.95rem;font-weight:500;margin:0 0 var(--space-3);letter-spacing:.04em}
.showcase-desc{color:var(--text-muted);font-size:var(--text-md);line-height:1.55;margin-bottom:var(--space-5)}
.showcase-block{margin-top:var(--space-4)}
.showcase-block h5{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;color:var(--accent);margin:0 0 var(--space-2)}
.showcase-block ul{list-style:none;margin:0;padding:0}
.showcase-block li{position:relative;padding-left:18px;color:var(--text);font-size:.92rem;line-height:1.5;margin-bottom:4px}
.showcase-block li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:var(--accent-bright);border-radius:1px;transform:rotate(45deg)}

/* Video placeholder cards */
.video-placeholder{position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,#0d1220,#050710);border:1px solid var(--border);cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s}
.video-placeholder::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(61,139,255,.18),transparent 55%),radial-gradient(circle at 80% 90%,rgba(90,160,255,.12),transparent 60%);pointer-events:none}
.video-placeholder img{width:100%;height:100%;object-fit:cover;opacity:.72;transition:opacity .35s,transform .5s}
.video-placeholder:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 25px 60px -20px rgba(61,139,255,.45)}
.video-placeholder:hover img{opacity:.9;transform:scale(1.03)}
.video-placeholder__badge{position:absolute;top:12px;left:12px;padding:6px 12px;font-family:var(--font-display);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;background:rgba(6,7,11,.72);border:1px solid var(--accent);color:var(--accent-bright);border-radius:999px;backdrop-filter:blur(6px)}
.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-bright));border:none;cursor:pointer;display:grid;place-items:center;box-shadow:0 15px 40px -8px var(--accent-glow),0 0 0 8px rgba(90,160,255,.08);transition:transform .35s var(--ease),box-shadow .35s}
.video-placeholder:hover .video-play{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 20px 60px -10px var(--accent-glow),0 0 0 12px rgba(90,160,255,.14)}
.video-play__triangle{width:0;height:0;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}

/* Empty placeholder video (project cards without thumbnails yet) */
.showcase-card .video-placeholder:not(:has(img))::after{content:"Coming soon";position:absolute;bottom:12px;right:14px;font-family:var(--font-display);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}

/* Showcase grid */
.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-10)}
.showcase-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--surface) 55%,transparent);overflow:hidden;transition:border-color .3s,transform .3s}
.showcase-card:hover{border-color:var(--accent);transform:translateY(-4px)}
.showcase-card__body{padding:var(--space-5)}
.showcase-card h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:1.1rem;margin:var(--space-2) 0 0}
.showcase-mini{margin-top:var(--space-4);display:grid;gap:var(--space-3)}
.showcase-mini h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;color:var(--accent);margin:0 0 4px}
.showcase-mini span{color:var(--text-muted);font-size:.85rem;line-height:1.45}
.showcase-note{text-align:center;margin-top:var(--space-10);color:var(--text-muted);font-size:.95rem}
.showcase-note a{color:var(--accent-bright);font-weight:600}

/* ============ NETWORK ADDITION ============ */
.network__fineprint{margin-top:var(--space-6);color:var(--text-faint);font-size:.85rem;font-style:italic;max-width:60ch;margin-inline:auto}

/* ============ SECTION HEAD CENTER ============ */
.section-head--center{margin-inline:auto;text-align:center}
.section-head--center .section-sub{margin-inline:auto}

/* ============ WHO WE ARE ============ */
.who{padding-block:clamp(var(--space-16),8vw,var(--space-24))}
.who__inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(var(--space-10),5vw,var(--space-20));align-items:center;max-width:1120px;margin-inline:auto}
.who__nots{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}
.who__nots li{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(1.15rem,2.4vw,1.7rem);color:var(--text-faint);line-height:1.15}
.who__nots .strike{color:var(--text-muted);text-decoration:line-through;text-decoration-color:var(--accent);text-decoration-thickness:2px}
.who__tools{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-size:var(--text-sm);color:var(--accent-bright)}
.who__big{font-size:clamp(1.4rem,2.8vw,2.2rem);font-family:var(--font-display);font-weight:500;line-height:1.28;color:var(--chrome-2);max-width:26ch}
.who__forge{margin-top:var(--space-6)}
.who__forge .chrome-text{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.05;letter-spacing:.01em}
.who__foot{margin-top:var(--space-5);color:var(--text-muted);font-size:var(--text-base)}

/* ============ TRUTH ============ */
.truth__head{max-width:820px;margin-bottom:var(--space-12)}
.truth__body{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(var(--space-8),4vw,var(--space-16));align-items:start}
.truth__label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;font-size:var(--text-sm);color:var(--text-faint);margin-bottom:var(--space-4)}
.truth__label--accent{color:var(--accent-bright)}
.truth__need{display:flex;flex-direction:column;gap:var(--space-3)}
.truth__need li{position:relative;padding-left:var(--space-6);color:var(--text-muted);font-size:var(--text-lg);font-weight:500;text-decoration:line-through;text-decoration-color:var(--border-glow)}
.truth__need li::before{content:"";position:absolute;left:0;top:.62em;width:12px;height:2px;background:var(--text-faint)}
.truth__real{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:clamp(2rem,5vw,3.4rem);line-height:1;color:var(--chrome-1);margin-bottom:var(--space-5)}
.truth__explain{font-size:var(--text-lg);color:var(--text);line-height:1.5;font-weight:500;max-width:34ch}

/* ============ PHILOSOPHY / METHOD ============ */
.method{list-style:none;margin:var(--space-12) auto 0;padding:0;max-width:820px;display:flex;flex-direction:column;gap:var(--space-4)}
.method__step{display:grid;grid-template-columns:auto 1fr;gap:var(--space-6);align-items:start;padding:var(--space-6) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--surface) 55%,transparent);backdrop-filter:blur(6px);transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}
.method__step::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),transparent);opacity:.5;transition:opacity .3s}
.method__step:hover{border-color:var(--border-glow);transform:translateX(6px);box-shadow:0 20px 50px -28px var(--accent-glow)}
.method__step:hover::before{opacity:1}
.method__num{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4vw,3rem);line-height:1;color:var(--accent);opacity:.45}
.method__step h3{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:var(--text-lg);color:var(--chrome-1);margin-bottom:var(--space-2)}
.method__step p{color:var(--text-muted);font-size:var(--text-base);margin:0}

/* ============ AI (single-col lead override) ============ */
.ai__lead{color:var(--text-muted);font-size:var(--text-lg);line-height:1.6;margin-top:var(--space-5)}
.ai__lead:first-of-type{margin-top:var(--space-6)}

/* ============ DIFFERENCE ============ */
.difference__inner{max-width:840px;margin-inline:auto;text-align:center}
.difference__lead{font-size:var(--text-lg);color:var(--text-muted);margin:var(--space-6) auto 0;max-width:52ch}
.difference__list{margin:var(--space-8) auto;display:flex;flex-direction:column;gap:var(--space-3);max-width:44ch}
.difference__list li{font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(1.1rem,2.2vw,1.5rem);color:var(--chrome-2);line-height:1.2}
.difference__closer{font-size:var(--text-lg);color:var(--text);line-height:1.55;margin-inline:auto;max-width:52ch}
.difference__closer em{font-style:italic;color:var(--chrome-1)}

/* ============ BRAND MANIFESTO (full) ============ */
.manifesto-full{padding-block:clamp(var(--space-20),10vw,var(--space-32));text-align:center;border-block:1px solid var(--border);background:radial-gradient(ellipse 70% 60% at 50% 30%,rgba(61,139,255,.1),transparent 70%),color-mix(in oklab,var(--surface) 70%,transparent)}
.manifesto-full__inner{max-width:960px;margin-inline:auto}
.manifesto-full .eyebrow{font-size:var(--text-base);letter-spacing:.34em}
.creed{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}
.creed__line{font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:clamp(1.25rem,3.2vw,2.2rem);line-height:1.12;letter-spacing:.005em;color:var(--chrome-1);margin-inline:auto;max-width:26ch}
.creed__soft{color:var(--text-faint);font-weight:500}
.creed__measure{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:clamp(1.4rem,3.6vw,2.6rem);letter-spacing:.02em;color:var(--chrome-1);margin:var(--space-6) auto 0}
.creed__life{margin:var(--space-12) auto 0;display:flex;flex-direction:column;gap:var(--space-3);max-width:52ch}
.creed__life li{color:var(--text-muted);font-size:var(--text-lg);line-height:1.4;position:relative;padding-left:var(--space-6)}
.creed__life li::before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;background:var(--accent);transform:rotate(45deg);box-shadow:0 0 10px var(--accent-glow)}
.creed__final{margin-top:var(--space-12);font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:clamp(1.4rem,3.4vw,2.4rem);line-height:1.15;letter-spacing:.01em;color:var(--text);margin-inline:auto;max-width:24ch}
.creed__final .chrome-text{display:block;margin-top:var(--space-3);font-size:1.15em}
/* subtle staggered rise for creed lines when section reveals */
.creed .reveal{transition-delay:calc(var(--i,0) * .08s)}

/* ============ NETWORK (de-emphasized) ============ */
.network-mini{padding-block:clamp(var(--space-12),6vw,var(--space-16))}
.network-mini__inner{max-width:720px;margin-inline:auto;text-align:center}
.network-mini__title{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:var(--text-xl);color:var(--chrome-2);margin-bottom:var(--space-4)}
.network-mini__lead{color:var(--text-muted);font-size:var(--text-base);line-height:1.6;margin-inline:auto;max-width:60ch}
.network-mini__fine{margin-top:var(--space-5);color:var(--text-faint);font-size:var(--text-sm);font-style:italic;margin-inline:auto;max-width:56ch}

/* ============ FINAL CTA / IMAGINE ============ */
.cta-imagine{max-width:760px;margin:0 auto clamp(var(--space-16),8vw,var(--space-24));text-align:center}
.cta-quote{font-family:var(--font-display);font-weight:500;font-style:italic;font-size:clamp(1.6rem,4vw,2.8rem);line-height:1.2;color:var(--accent-bright);margin:var(--space-8) auto;max-width:22ch;text-shadow:0 0 30px var(--accent-glow)}
.cta-imagine__list{margin:var(--space-8) auto;display:flex;flex-direction:column;gap:var(--space-3);max-width:46ch;text-align:left}
.cta-imagine__list li{position:relative;padding-left:var(--space-8);color:var(--text);font-size:var(--text-lg);line-height:1.4}
.cta-imagine__list li::before{content:"";position:absolute;left:0;top:.5em;width:16px;height:2px;background:var(--accent-bright);box-shadow:0 0 8px var(--accent-glow)}
.cta-imagine__punch{font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:clamp(1.3rem,3vw,2rem);line-height:1.2;letter-spacing:.01em;color:var(--text-muted);margin:var(--space-10) auto 0;max-width:30ch}
.cta-imagine__punch .chrome-text{display:inline;font-size:1.2em}

/* ============ SHOWCASE EXPAND ============ */
.showcase-more{overflow:hidden}
.showcase-more[hidden]{display:none}
.showcase-actions{text-align:center;margin-top:var(--space-10)}

/* ============ RESPONSIVE ============ */
@media (max-width:1100px){
  .services__grid{grid-template-columns:repeat(2,1fr)}
  .showcase-grid{grid-template-columns:repeat(2,1fr)}
  .problems{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .nav,.header__cta{display:none}
  .nav__toggle{display:flex}
  .hero__inner{grid-template-columns:1fr;gap:var(--space-12)}
  .hero__stat{justify-content:flex-start}
  .ai__inner,.contact__inner,.solution__inner,.qms__inner,.who__inner,.truth__body{grid-template-columns:1fr;gap:var(--space-10)}
  .who__statement{margin-top:var(--space-2)}
  .qms__visual{order:-1}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .team__grid{grid-template-columns:repeat(2,1fr);max-width:720px}
  .pillars__grid,.owners,.network__stats{grid-template-columns:1fr}
  .steps,.solution__phase-row{grid-template-columns:1fr}
  .showcase-featured{grid-template-columns:1fr;gap:var(--space-6)}
  .qms__list{grid-template-columns:1fr}
}
@media (max-width:600px){
  .services__grid,.showcase-grid,.problems{grid-template-columns:1fr}
  /* keep team members side-by-side (2-up) on mobile, tighter spacing */
  .team__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3);max-width:520px}
  .member{padding:var(--space-4)}
  .member__photo{width:120px;height:120px}
  .member h3{font-size:var(--text-lg)}
  .member__role{letter-spacing:.12em}
  .member__contact a{font-size:.78rem;overflow-wrap:anywhere;word-break:normal}
  .contact__form{grid-template-columns:1fr}
  .hero{min-height:auto}
  .stat-diamond{width:min(280px,72vw)}
  .hero__ticker{letter-spacing:.2em}
  .video-play{width:60px;height:60px}
  .video-play__triangle{border-left-width:16px;border-top-width:10px;border-bottom-width:10px}
}