/* Version 2, 2026-10-21. Loaded after everything else, only by index-v2.html. */

/* The hero is on screen the moment the page loads; the particles carry the motion. */
#heroMark,#heroText,#heroH1,#heroWhole,#heroPos,#heroRoundStatus,#heroSocial{opacity:1!important;transform:none!important}
#ignitionOrbs{display:none!important}
html.ignition-locked{overflow:auto!important}
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero > .container{position:relative;z-index:1}
.hero-field{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-pos{max-width:62rem;margin-left:auto;margin-right:auto}

/* One call to action: the Oracle orb and its card are off this page. */
.coherence-orb,.coherence-orb-card{display:none!important}

/* What the call is for */
.cta-why{margin:0;max-width:44rem;text-align:center;font-size:1.45rem;line-height:1.55;color:var(--text-mid)}
.pricing-actions{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}
.pricing-actions .cta-why{text-align:left}
.cta .cta-why{margin:-0.6rem auto 2.4rem}

/* Three members, still, above the moving rows */
.pf{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}
.pf-card{margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:2.4rem;padding:3rem;border-radius:16px;background:rgba(255,255,255,0.03);border:1px solid rgba(200,160,240,0.14)}
.pf-quote{margin:0;font-family:var(--serif);font-size:2.1rem;line-height:1.4;color:var(--text)}
.pf-who{display:flex;align-items:center;gap:1.2rem}
.pf-who img{width:4.8rem;height:4.8rem;border-radius:50%;object-fit:cover;border:1px solid rgba(200,160,240,0.3)}
.pf-who b{display:block;font-weight:500;font-size:1.55rem;color:var(--text)}
.pf-who span{display:block;font-size:1.35rem;color:var(--text-dim)}
@media(max-width:900px){.pf{grid-template-columns:1fr}}

/* Triad: the legs you are not on stay readable */
.triad-dyn .triad-col{opacity:.85}

/* ═══ Hero motion options (review): Glow, Orbit, Spotlight ═══ */
.hv-glow,.hv-spot{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.2s ease}
.hv-glow{overflow:hidden}
html:not(.hvm-glow):not(.hvm-combo) .hv-glow i{animation-play-state:paused}
.hv-glow i{position:absolute;border-radius:50%;mix-blend-mode:screen;will-change:transform}
.hv-glow .a1{width:62vw;height:62vw;max-width:900px;max-height:900px;left:-8%;top:-18%;background:radial-gradient(closest-side,rgba(200,160,240,0.30),rgba(200,160,240,0));animation:hvA1 26s ease-in-out infinite alternate}
.hv-glow .a2{width:54vw;height:54vw;max-width:800px;max-height:800px;right:-10%;top:8%;background:radial-gradient(closest-side,rgba(96,216,168,0.20),rgba(96,216,168,0));animation:hvA2 31s ease-in-out infinite alternate}
.hv-glow .a3{width:58vw;height:58vw;max-width:860px;max-height:860px;left:22%;bottom:-34%;background:radial-gradient(closest-side,rgba(224,128,160,0.22),rgba(224,128,160,0));animation:hvA3 37s ease-in-out infinite alternate}
@keyframes hvA1{to{transform:translate(18vw,10vh) scale(1.15)}}
@keyframes hvA2{to{transform:translate(-16vw,14vh) scale(0.9)}}
@keyframes hvA3{to{transform:translate(-12vw,-18vh) scale(1.2)}}
html.hvm-glow .hv-glow,html.hvm-combo .hv-glow{opacity:1}

.hv-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;opacity:0;transition:opacity .8s ease}
html.hvm-orbit .hv-orbit{opacity:1}

.hv-spot{--mx:50%;--my:42%;
  background-image:radial-gradient(rgba(200,160,240,0.55) 1px,transparent 1.4px);background-size:26px 26px;background-position:center;
  -webkit-mask-image:radial-gradient(360px circle at var(--mx) var(--my),#000 0%,rgba(0,0,0,0.35) 45%,rgba(0,0,0,0.05) 75%,rgba(0,0,0,0.03) 100%);
          mask-image:radial-gradient(360px circle at var(--mx) var(--my),#000 0%,rgba(0,0,0,0.35) 45%,rgba(0,0,0,0.05) 75%,rgba(0,0,0,0.03) 100%)}
.hv-spot::after{content:'';position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(200,160,240,0.10),rgba(96,216,168,0.04) 45%,transparent 70%)}
html.hvm-spotlight .hv-spot,html.hvm-combo .hv-spot{opacity:1}

.hv-switch{position:fixed;left:1.6rem;bottom:1.6rem;z-index:900;display:flex;align-items:center;gap:0.4rem;padding:0.5rem;border-radius:999px;background:rgba(14,14,22,0.88);border:1px solid rgba(200,160,240,0.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--mono);font-size:1.1rem;letter-spacing:0.08em}
.hv-switch span{padding:0 0.8rem;color:var(--text-dim);text-transform:uppercase}
.hv-switch button{padding:0.7rem 1.2rem;border-radius:999px;border:0;background:transparent;color:var(--text-mid);font:inherit;cursor:pointer}
.hv-switch button[aria-pressed="true"]{background:rgba(200,160,240,0.18);color:var(--text)}
.hv-switch button:focus-visible{outline:2px solid var(--capacity);outline-offset:2px}

@media(prefers-reduced-motion:reduce){.hv-glow i{animation:none}}

/* Glow + Spot: the glow carries the colour, so the spotlight's own wash is lighter and its dots pick up the glow */
html.hvm-combo .hv-spot{mix-blend-mode:screen}
html.hvm-combo .hv-spot::after{background:radial-gradient(380px circle at var(--mx) var(--my),rgba(255,255,255,0.05),transparent 65%)}

/* ═══ Members, version 2: one row of cards you scroll sideways ═══ */
.pf,.pm{display:none!important}
.pc{position:relative;margin-top:1rem}
.pc-track{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--pc-inset,2rem);padding:0.6rem var(--pc-inset,2rem) 2.4rem;margin:0 calc(50% - 50vw);scrollbar-width:none;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.pc-track::-webkit-scrollbar{display:none}
.pc-track.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.pc-track:focus-visible{outline:2px solid var(--capacity);outline-offset:-2px}
.pc-card{flex:0 0 auto;width:min(44rem,82vw);scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between;gap:2.4rem;margin:0;padding:3rem;border-radius:16px;background:rgba(255,255,255,0.03);border:1px solid rgba(200,160,240,0.12);transition:border-color .3s ease,transform .4s cubic-bezier(0.16,1,0.3,1)}
.pc-card:hover{border-color:rgba(200,160,240,0.32);transform:translateY(-3px)}
.pc-card q{font-family:var(--serif);font-size:2.1rem;line-height:1.4;color:var(--text)}
.pc-who{display:flex;align-items:center;gap:1.2rem}
.pc-who img{width:4.6rem;height:4.6rem;border-radius:50%;object-fit:cover;border:1px solid rgba(200,160,240,0.3)}
.pc-who b{display:block;font-weight:500;font-size:1.55rem;color:var(--text)}
.pc-who span{display:block;font-size:1.35rem;color:var(--text-dim)}
.pc-bar{display:flex;align-items:center;gap:2rem;margin-top:1.2rem}
.pc-progress{flex:1;height:2px;border-radius:2px;background:rgba(200,160,240,0.12);overflow:hidden}
.pc-progress i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(var(--p,0.1));background:linear-gradient(90deg,var(--authority),var(--capacity));transition:transform .2s ease}
.pc-arrow{width:4.6rem;height:4.6rem;border-radius:50%;border:1px solid rgba(200,160,240,0.24);background:transparent;color:var(--text-mid);font-size:1.8rem;cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.pc-arrow:hover{background:rgba(200,160,240,0.08);color:var(--text)}
.pc-arrow:disabled{opacity:.3;cursor:default}
.pc-arrow:focus-visible{outline:2px solid var(--capacity);outline-offset:3px}
@media(max-width:700px){.pc-card{padding:2.4rem}.pc-card q{font-size:1.8rem}}

/* ═══ Readability and length, 2026-10-21 ═══ */
/* Everywhere: comfortable line lengths for reading text */
.faq-answer-inner,.architect-text,.run-lede,.triad-desc,.sp-ace,.sci-ace{max-width:65ch}
.pc-card q.clamped{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.pc-more{align-self:flex-start;margin-top:-1.2rem;padding:0;border:0;background:none;font-family:var(--mono);font-size:1.2rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--authority);cursor:pointer}
.pc-more:focus-visible{outline:2px solid var(--capacity);outline-offset:3px}

@media(max-width:700px){
  /* spacing: phones inherited desktop rhythm */
  main > section:not(.hero){padding-top:5.6rem!important;padding-bottom:5.6rem!important}
  hr.sep{margin:0!important}
  .big-heading{margin-bottom:2.4rem!important}
  .section-label{margin-bottom:1rem}
  /* hero */
  #heroWhole{font-size:2rem!important;line-height:1.45!important;margin-top:1.2rem!important;margin-bottom:1.2rem!important}
  #heroWhole br{display:none}
  .hero{padding-top:9rem!important;padding-bottom:4rem!important;min-height:auto!important}
  /* body text never under 16px, never a wall */
  main p{font-size:max(1.6rem,1em)}
  .triad-desc,.faq-answer-inner,.architect-text{font-size:1.6rem!important;line-height:1.65!important}
  /* app section */
  .run-lede{font-size:1.7rem!important}
  .mock-capability-strip{display:none}
  /* Triad */
  .triad-viz{max-width:24rem}
  .triad-def p{font-size:1.75rem}
  /* What it runs on: logos are noise on a phone */
  .substrate-strip{display:none}
  .principle-compact-item{padding:1.6rem 0}
  /* research as a short list */
  html:not(.sp-on) .sp-slide{padding:2.4rem 0}
  .sp-slide .sp-num{margin-bottom:0.8rem;font-size:1.15rem}
  .sp-slide .sp-take{font-size:2.6rem;line-height:1.15}
  .sp-slide .sp-ace{margin-top:1rem;font-size:1.6rem}
  .sp-slide .sp-ev{display:none;margin-top:1.6rem}
  .sp-slide.open .sp-ev{display:block}
  .sp-toggle{margin-top:1.2rem;padding:0;border:0;background:none;font-family:var(--mono);font-size:1.15rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--authority);cursor:pointer}
  .sp-toggle:focus-visible{outline:2px solid var(--capacity);outline-offset:3px}
  .sp-close{margin-top:3rem}
  /* pricing: titles first, details on tap */
  .pricing-gets{gap:0!important}
  .pricing-gets li{padding:1.2rem 0!important;border-top:1px solid rgba(200,160,240,0.08);cursor:pointer}
  .pricing-gets li .pg-tx > span{display:none}
  .pricing-gets li.open .pg-tx > span{display:block}
  .pg-tx{justify-content:center;min-height:3.6rem}
  .pricing-gets li .pg-tx b::after{content:' +';color:var(--text-dim);font-weight:400}
  .pricing-gets li.open .pg-tx b::after{content:''}
  /* roadmap: four per column, the rest on tap */
  .tl-chips .tl-chip.tl-extra{display:none}
  .tl-chips.all .tl-chip.tl-extra{display:inline-flex}
  .tl-more{display:inline-flex;align-items:center;padding:0.8rem 1.3rem;border-radius:999px;border:1px dashed rgba(200,160,240,0.3);background:none;color:var(--text-mid);font:inherit;font-size:1.35rem;cursor:pointer}
  .tl-title{font-size:2rem;margin:0.6rem 0 1.4rem}
  .tl-cols{gap:2.8rem}
}
@media(min-width:701px){.tl-more{display:none}}
@media(max-width:700px){
  .shift-converge{display:none}
  .shift-pairs{gap:2rem!important;padding-top:1rem!important}
  .appwin .you-here,.appwin .cad-col{display:none}
  .appwin .appbody{min-height:0}
  .appwin .orb{width:11rem;height:11rem}
}
@media(max-width:700px){.round-status-pill{letter-spacing:0.06em!important;font-size:1.05rem!important;white-space:nowrap}}

/* ═══ Triad, quieter (2026-10-21): three layers per leg instead of five ═══
   name and question, the three steps as small tags, one short line. The long paragraph is gone from this view. */
.triad-dyn .triad-desc{display:none}
.triad-dyn .triad-tagline{margin-top:0.2rem}
.triad-dyn .triad-steps{gap:0.6rem;margin-top:1.4rem;font-size:1.15rem;letter-spacing:0.06em}
.triad-dyn .triad-steps i{display:none}
.triad-dyn .triad-steps{color:var(--leg)}
.triad-dyn .triad-col .triad-steps{display:flex}
.triad-dyn .triad-steps{font-family:var(--mono)}
.triad-dyn .triad-output{margin-top:1.4rem;font-family:var(--sans);font-size:1.6rem;letter-spacing:0;color:var(--text-mid)}
.triad-step-tag{display:inline-block;padding:0.4rem 1rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--leg) 40%,transparent);background:color-mix(in srgb,var(--leg) 8%,transparent)}

/* ═══ Members, pinned: the row slides sideways as you scroll down ═══ */
html.pc-pinned #praise{content-visibility:visible!important;contain-intrinsic-size:none!important;padding-top:0!important;padding-bottom:0!important}
html.pc-pinned #praise > .container{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:6rem;padding-bottom:4rem}
html.pc-pinned .pc-track{overflow:hidden;scroll-snap-type:none;cursor:default}
@media(max-width:768px){ html.pc-pinned body{overflow-x:clip!important} html.pc-pinned #praise > .container{min-height:100svh} }
/* the full-bleed row can be 2px wider than the page in Safari (its 100vw includes the scrollbar); clip it sideways only */
#praise{overflow-x:clip}
/* every section lays out up front, so nothing above a pinned section can shift the page while you scroll */
main > section{content-visibility:visible!important;contain-intrinsic-size:none!important}

/* ═══ Text blocks, layered (2026-10-21) ═══ */
/* Founder */
.architect-text.arch-layered{display:flex;flex-direction:column;gap:1.2rem;max-width:56ch}
.arch-lead{font-family:var(--serif);font-size:clamp(2.6rem,2.6vw,3.2rem);line-height:1.15;color:var(--text)}
.arch-lead-sm{font-size:clamp(2.2rem,2.2vw,2.6rem);font-style:italic;color:var(--authority)}
.arch-tags{display:flex;flex-wrap:wrap;gap:0.6rem}
.arch-tags span{padding:0.5rem 1.1rem;border-radius:999px;border:1px solid rgba(200,160,240,0.18);font-size:1.35rem;color:var(--text-mid)}
.arch-struck span{text-decoration:line-through;text-decoration-color:rgba(224,128,160,0.7);color:var(--text-dim)}
.arch-body{font-size:1.6rem;line-height:1.65;color:var(--text-mid)}
.architect-text.arch-layered + .architect-text.arch-layered{margin-top:2.4rem}
/* FAQ */
.faq-answer-inner{max-width:62ch}
.faq-lead{display:block;font-size:1.75rem;line-height:1.5;color:var(--text);margin-bottom:0.8rem}
.faq-rest{display:block;font-size:1.5rem;line-height:1.65;color:var(--text-mid)}
/* Pricing */
.pricing-claude{font-size:1.45rem!important;color:var(--text-dim)!important;padding-left:1.4rem;border-left:2px solid rgba(96,216,168,0.35)}
.pricing-round.pr-facts{display:flex;flex-wrap:wrap;gap:0.8rem}
.pr-facts span{padding:0.6rem 1.2rem;border-radius:999px;font-size:1.35rem;border:1px solid rgba(200,160,240,0.18);color:var(--text-mid)}
.pr-facts span:nth-child(2){border-color:rgba(224,128,160,0.4);color:var(--text)}
.pricing-gets span{font-size:1.4rem!important;color:var(--text-dim)!important}
.pricing-fine{font-family:var(--sans)!important;font-style:normal!important;font-size:1.45rem!important;line-height:1.6;color:var(--text-mid)!important;padding:1.4rem 1.6rem;border-radius:12px;background:rgba(255,255,255,0.025);border:1px solid rgba(200,160,240,0.1)}
@media(max-width:700px){
  .arch-tags span,.pr-facts span{font-size:1.25rem}
  .faq-lead{font-size:1.65rem}
}

/* ═══ Page glow (2026-10-21): the hero's light carried down the page ═══
   One fixed layer behind every section. Three soft fields drift slowly; their colour and place shift with the section in view.
   Colours transition on background-color through a radial mask, so the change is smooth. No filters. */
.page-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1.2s ease}
html.pg-on .page-glow{opacity:1}
.page-glow i{position:absolute;width:70vmax;height:70vmax;left:0;top:0;border-radius:50%;
  -webkit-mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,0.55) 40%,transparent 100%);mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,0.55) 40%,transparent 100%);
  transition:background-color 1.8s ease,translate 2.4s cubic-bezier(0.65,0,0.35,1),opacity 1.8s ease;will-change:transform}
.page-glow .g1{background-color:var(--g1,rgba(200,160,240,0.16));translate:var(--p1,-30vmax -25vmax);animation:pgD1 28s ease-in-out infinite alternate}
.page-glow .g2{background-color:var(--g2,rgba(96,216,168,0.10));translate:var(--p2,60vw 10vh);animation:pgD2 34s ease-in-out infinite alternate}
.page-glow .g3{background-color:var(--g3,rgba(224,128,160,0.10));translate:var(--p3,10vw 55vh);animation:pgD3 40s ease-in-out infinite alternate}
@keyframes pgD1{to{transform:translate(10vw,8vh) scale(1.1)}}
@keyframes pgD2{to{transform:translate(-12vw,10vh) scale(0.9)}}
@keyframes pgD3{to{transform:translate(8vw,-12vh) scale(1.15)}}
/* per section */
html[data-glow="app"]{--g1:rgba(200,160,240,0.15);--g2:rgba(96,216,168,0.10);--g3:rgba(224,128,160,0.05);--p1:-25vmax -20vmax;--p2:55vw 20vh;--p3:20vw 70vh}
html[data-glow="shift"]{--g1:rgba(96,216,168,0.12);--g2:rgba(200,160,240,0.10);--g3:rgba(224,128,160,0.05);--p1:50vw -25vmax;--p2:-30vmax 30vh;--p3:40vw 65vh}
html[data-glow="members"]{--g1:rgba(224,128,160,0.13);--g2:rgba(200,160,240,0.12);--g3:rgba(96,216,168,0.05);--p1:-25vmax 10vh;--p2:55vw -20vmax;--p3:35vw 60vh}
html[data-glow="triad"]{--g1:rgba(200,160,240,0.15);--g2:rgba(96,216,168,0.12);--g3:rgba(224,128,160,0.12);--p1:-20vmax -25vmax;--p2:60vw 15vh;--p3:5vw 55vh}
html[data-glow="own"]{--g1:rgba(96,216,168,0.11);--g2:rgba(200,160,240,0.08);--g3:rgba(224,128,160,0.04);--p1:-30vmax 20vh;--p2:60vw -15vmax;--p3:30vw 70vh}
html[data-glow="pricing"]{--g1:rgba(200,160,240,0.20);--g2:rgba(168,144,255,0.10);--g3:rgba(224,128,160,0.06);--p1:-15vmax -15vmax;--p2:55vw 30vh;--p3:15vw 65vh}
html[data-glow="science"]{--g1:rgba(96,216,168,0.09);--g2:rgba(200,160,240,0.10);--g3:rgba(224,128,160,0.03);--p1:55vw -30vmax;--p2:-35vmax 35vh;--p3:40vw 75vh}
html[data-glow="founder"]{--g1:rgba(224,128,160,0.11);--g2:rgba(200,160,240,0.09);--g3:rgba(96,216,168,0.05);--p1:-30vmax 0vh;--p2:50vw -20vmax;--p3:30vw 60vh}
html[data-glow="roadmap"]{--g1:rgba(96,216,168,0.12);--g2:rgba(224,128,160,0.07);--g3:rgba(200,160,240,0.08);--p1:-25vmax -20vmax;--p2:60vw 25vh;--p3:20vw 70vh}
html[data-glow="faq"]{--g1:rgba(200,160,240,0.09);--g2:rgba(96,216,168,0.05);--g3:rgba(224,128,160,0.04);--p1:50vw -25vmax;--p2:-35vmax 30vh;--p3:30vw 75vh}
html[data-glow="cta"]{--g1:rgba(200,160,240,0.20);--g2:rgba(96,216,168,0.14);--g3:rgba(224,128,160,0.14);--p1:-15vmax -10vmax;--p2:55vw 5vh;--p3:15vw 50vh}
@media(max-width:700px){.page-glow i{width:110vmax;height:110vmax}}
@media(prefers-reduced-motion:reduce){.page-glow i{animation:none;transition:background-color .01s,translate .01s}}

/* ═══ Research finale (2026-10-21): the sequence ends on a recap, the line, and the call ═══ */
.sp-final{text-align:left}
.sp-recap{list-style:none;margin:0 0 3.2rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 4rem;max-width:96rem}
.sp-recap li{display:flex;gap:1.4rem;align-items:baseline;font-family:var(--serif);font-size:clamp(1.9rem,1.7vw,2.3rem);line-height:1.3;color:var(--text-mid)}
.sp-recap li span{font-family:var(--mono);font-size:1.15rem;letter-spacing:0.14em;color:var(--authority)}
.sp-close-line{margin:0;max-width:30ch;font-family:var(--serif);font-style:italic;font-size:clamp(3rem,3.6vw,4.4rem);line-height:1.2;color:var(--text)}
.sp-final-cta{margin-top:3rem}
html.sp-on .sp-final .sp-recap li{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .6s cubic-bezier(0.16,1,0.3,1)}
html.sp-on .sp-final.on .sp-recap li{opacity:1;transform:none}
html.sp-on .sp-final.on .sp-recap li:nth-child(2){transition-delay:.06s}
html.sp-on .sp-final.on .sp-recap li:nth-child(3){transition-delay:.12s}
html.sp-on .sp-final.on .sp-recap li:nth-child(4){transition-delay:.18s}
html.sp-on .sp-final.on .sp-recap li:nth-child(5){transition-delay:.24s}
html.sp-on .sp-final.on .sp-recap li:nth-child(6){transition-delay:.30s}
html.sp-on .sp-final .sp-close-line,html.sp-on .sp-final .sp-final-cta{opacity:0;transform:translateY(12px);transition:opacity .6s ease .45s,transform .7s cubic-bezier(0.16,1,0.3,1) .45s}
html.sp-on .sp-final.on .sp-close-line,html.sp-on .sp-final.on .sp-final-cta{opacity:1;transform:none}
html.sp-on .sp:has(.sp-final.on) .sp-rail{opacity:0;transition:opacity .4s ease}
@media(max-width:700px){
  .sp-recap{display:none}
  .sp-close-line{font-size:2.6rem}
  .sp-final{padding-top:3.2rem!important}
}

/* ═══ Micro-interactions (2026-10-21) ═══ */
/* 1. Book a call: leans toward the cursor, a light sweeps across */
.r4-book,.nav-cta{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(0.16,1,0.3,1),box-shadow .3s ease,background .3s ease;transform:translate(var(--mx2,0px),var(--my2,0px))}
.r4-book::after,.nav-cta::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.45),transparent);transform:skewX(-18deg);opacity:0;pointer-events:none}
@media(hover:hover){.r4-book:hover::after,.nav-cta:hover::after{opacity:1;animation:mcSweep .8s cubic-bezier(0.65,0,0.35,1)}}
@keyframes mcSweep{from{left:-60%}to{left:130%}}
.r4-book:hover,.nav-cta:hover{transform:translate(var(--mx2,0px),calc(var(--my2,0px) - 1px))}
.r4-book:active,.nav-cta:active{transform:translate(var(--mx2,0px),var(--my2,0px)) scale(0.97)}
/* 3. Cards: a soft light follows the cursor */
.mc-glow{position:relative}
.mc-glow::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;
  background:radial-gradient(260px circle at var(--cx,50%) var(--cy,50%),rgba(200,160,240,0.10),transparent 70%);z-index:0}
.mc-glow::after{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;padding:1px;
  background:radial-gradient(220px circle at var(--cx,50%) var(--cy,50%),rgba(200,160,240,0.55),rgba(96,216,168,0.25) 40%,transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:0}
@media(hover:hover){.mc-glow:hover::before,.mc-glow:hover::after{opacity:1}}
/* 5. Scroll line */
.mc-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:1001;pointer-events:none;transform-origin:left;transform:scaleX(var(--sp,0));background:linear-gradient(90deg,var(--authority),var(--capacity),var(--expansion))}
/* 6. Nav: the section you are in */
.nav-links{position:relative}
.nav-links a{transition:color .3s ease}
.nav-links a.mc-on{color:var(--text)}
.mc-underline{position:absolute;bottom:-0.6rem;height:1.5px;border-radius:2px;background:linear-gradient(90deg,var(--authority),var(--capacity));transition:left .45s cubic-bezier(0.16,1,0.3,1),width .45s cubic-bezier(0.16,1,0.3,1),opacity .3s ease;opacity:0;pointer-events:none}
.mc-underline.on{opacity:1}
/* 7. Hero faces */
@media(hover:hover){
  .hero-faces img{transition:transform .35s cubic-bezier(0.16,1,0.3,1),margin .35s cubic-bezier(0.16,1,0.3,1);position:relative}
  .hero-members:hover .hero-faces img{margin-left:-0.4rem}
  .hero-members:hover .hero-faces img:first-child{margin-left:0}
  .hero-faces img:hover{transform:translateY(-4px) scale(1.15);z-index:2}
}
.mc-tip{position:fixed;z-index:1002;padding:0.4rem 0.9rem;border-radius:999px;background:rgba(14,14,22,0.95);border:1px solid rgba(200,160,240,0.3);font-family:var(--mono);font-size:1.1rem;letter-spacing:0.06em;color:var(--text);pointer-events:none;opacity:0;transform:translate(-50%,-140%);transition:opacity .2s ease}
.mc-tip.on{opacity:1}
@media(prefers-reduced-motion:reduce){
  .r4-book,.nav-cta{transform:none!important}
  .r4-book::after,.nav-cta::after{display:none}
  .mc-underline{transition:none}
}

/* ═══ Final review pass (2026-10-21): three plain bugs ═══ */
/* 1. Reduced motion: the glow rules above lost on specificity (.page-glow .g1 and .hv-glow .a1 beat ".page-glow i"),
      so both glows kept drifting, along with the shared decorative loops. Now everything decorative holds still. */
@media(prefers-reduced-motion:reduce){
  .page-glow .g1,.page-glow .g2,.page-glow .g3,.hv-glow .a1,.hv-glow .a2,.hv-glow .a3{animation:none!important}
  .gradient-text-animated,.version-dot,.ace-badge-pulse,.nav-pulse-ring,.substrate-pulse-ring,#heroMarkSvg,#heroMarkSvg *,.mark-breathing{animation:none!important}
  .pulse-ring{display:none!important}
}
/* 2. The nav sits hidden above the hero until the hero scrolls away, but its links and Book a call still take keyboard focus.
      Show it while anything in it has focus, so the focused control can be seen. */
nav:has(:focus-visible){transform:none!important;opacity:1!important;background:rgba(10,10,15,0.9)}
/* 3. Labels the readability pass missed: the nav Book a call was 8.5px (7px on phones), the founder stat labels 9px. */
.nav-cta{font-size:1.1rem!important}
.architect-stat-label{font-size:1.2rem!important}
/* Round 4 pill in teal (operator, 2026-10-21): ACE's colour for live and open. Pink read as a warning, and lavender is the button's colour. */
.round-status .round-status-pill{color:var(--capacity)!important;background:rgba(96,216,168,0.08)!important;border-color:rgba(96,216,168,0.32)!important}
.round-status .round-status-pill .dot{background:var(--capacity)!important;box-shadow:0 0 8px rgba(96,216,168,0.55)!important}
/* the same Round 4 line in the pricing facts and the booking window follows the pill */
.pr-facts span:nth-child(2){border-color:rgba(96,216,168,0.4)!important}
.book-eyebrow{color:var(--capacity)!important}

/* ═══ Lighter hero, readable roadmap line (operator, 2026-10-21) ═══ */
/* Hero A: the italic line and the sentence under the button are off the hero (both stay in the HTML; the button sentence still shows at pricing and the close) */
#heroWhole{display:none!important}
.hero .cta-why{display:none!important}
.hero .hero-pos{margin-top:2.4rem}
/* The roadmap intro was a sentence in small mono capitals; same words, in the body face */
.tl-intro{max-width:62ch;font-family:var(--sans);font-size:1.8rem;line-height:1.6;letter-spacing:0;text-transform:none;color:var(--text-mid)}
@media(max-width:700px){.tl-intro{font-size:1.6rem}}