/* ============================================================
   EASTON V2 SKIN — loads after styles.css and overrides it.
   Foundation: #0A0F1A ink/engine · paper #FAFAF6 · accent #10B981
   Language: hairline grid, mono annotations, system chrome,
   continuous light→dark acts instead of alternating slabs.
   ============================================================ */

:root{
  --v2-ink:#0A0F1A;
  --v2-ink-soft:#46566B;
  --v2-ink-faint:rgba(10,15,26,0.38);
  --v2-paper:#FAFAF6;
  --v2-paper-card:#FFFFFF;
  --v2-accent:#10B981;
  --v2-accent-dim:rgba(16,185,129,0.12);
  --v2-accent-mid:rgba(16,185,129,0.38);
  --v2-hairline:rgba(10,15,26,0.08);
  --v2-hairline-strong:rgba(10,15,26,0.16);
  --v2-engine:#0A0F1A;
  --v2-engine-card:#0E1524;
  --v2-engine-hairline:rgba(255,255,255,0.07);
  --v2-engine-text:rgba(255,255,255,0.92);
  --v2-engine-text-soft:rgba(255,255,255,0.58);
  --v2-engine-text-faint:rgba(255,255,255,0.34);

  /* remap legacy tokens so untouched components inherit the skin */
  --color-bg:var(--v2-paper);
  --color-bg-surface:#F4F4EF;
  --color-bg-card:var(--v2-paper-card);
  --color-text-primary:var(--v2-ink);
  --color-text-secondary:var(--v2-ink-soft);
  --color-accent:var(--v2-ink);
  --color-accent-hover:#1B2435;
  --color-border:var(--v2-hairline);
  --color-border-strong:var(--v2-hairline-strong);
  --color-nav-bg:rgba(250,250,246,0.85);
  --shadow-card:0 1px 2px rgba(10,15,26,0.05);
  --shadow-card-hover:0 16px 40px -16px rgba(10,15,26,0.18);
}

html{scroll-behavior:smooth}
body{background:var(--v2-paper);color:var(--v2-ink)}

/* ── Paper grid field (acts I & III) ─────────────────────── */
.section, .hero{position:relative}
.hero::before,
.social-proof::before,
.statement-banner::before,
.comparison::before,
.founder::before,
.faq::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(to right,rgba(10,15,26,0.045) 1px,transparent 1px);
  background-size:calc(100%/12) 100%;
  -webkit-mask-image:radial-gradient(ellipse 95% 80% at 50% 0%,#000 25%,transparent 90%);
          mask-image:radial-gradient(ellipse 95% 80% at 50% 0%,#000 25%,transparent 90%);
}
.section > .container, .hero > *{position:relative;z-index:1}

/* ── Section index counters on eyebrows ──────────────────── */
body{counter-reset:sec}
section{counter-increment:sec}
.section-eyebrow, .statement-banner-eyebrow{
  font-family:var(--font-mono)!important;
  font-size:0.6875rem!important;font-weight:500!important;
  letter-spacing:0.18em!important;text-transform:uppercase!important;
}
.section-eyebrow::before, .statement-banner-eyebrow::before{
  content:"SEC." counter(sec,decimal-leading-zero) " / ";
  color:#0B9E6F;font-weight:600;
}
.statement-banner-dot{display:none!important}

/* ── Headlines ───────────────────────────────────────────── */
.section-headline, .statement-banner-headline{
  font-family:var(--font-heading)!important;
  letter-spacing:-0.07em!important;font-weight:700!important;
}

/* ============================================================
   NAV
   ============================================================ */
.nav{background:rgba(250,250,246,0.82)!important;backdrop-filter:blur(14px);
  border:none!important;border-bottom:1px solid var(--v2-hairline-strong)!important;
  border-radius:0!important;box-shadow:none!important;
  top:0!important;left:0!important;right:0!important;max-width:none!important;margin:0!important;}
.nav.scrolled{box-shadow:0 1px 0 var(--v2-hairline-strong)!important;background:rgba(250,250,246,0.92)!important;
  border-radius:0!important;top:0!important;left:0!important;right:0!important;max-width:none!important;margin:0!important;
  padding:0!important;height:64px!important;
  border-bottom:1px solid var(--v2-hairline-strong)!important}
.nav::before, .nav.scrolled::before{display:none!important}
.nav-container, .nav.scrolled .nav-container{max-width:1280px!important;padding:0 48px!important;
  background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}
.nav-logo-text{font-weight:800!important;letter-spacing:-0.04em!important;color:var(--v2-ink)!important}
.nav-link{color:var(--v2-ink-soft)!important;font-weight:500!important}
.nav-link:hover,.nav-link.active{color:var(--v2-ink)!important}
.btn-nav{background:var(--v2-ink)!important;color:#fff!important;border-radius:8px!important;
  font-weight:600!important;border:none!important}
.btn-nav:hover{background:#1B2435!important;transform:none!important}

/* ============================================================
   ACT I — HERO (markup rebuilt in index-v2.html)
   ============================================================ */
.hero-v2{padding:150px 0 0;text-align:center;background:var(--v2-paper)}
.hero-inner-v2{max-width:1280px;margin:0 auto;padding:0 48px;position:relative}

.hero-annot{position:absolute;top:-58px;font-family:var(--font-mono);font-size:9px;
  letter-spacing:0.12em;color:var(--v2-ink-faint);text-transform:uppercase;line-height:1.9;text-align:left}
.hero-annot-tl{left:48px}
.hero-annot-tr{right:48px;text-align:right}
.hero-annot b{color:#0B9E6F;font-weight:600}

.hero-eyebrow-v2{display:inline-flex;align-items:center;font-family:var(--font-mono);
  font-size:11px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--v2-ink-soft);
  border:1px solid var(--v2-hairline-strong);padding:9px 20px;border-radius:99px;background:rgba(255,255,255,0.65)}

.hero-headline-v2{margin-top:34px;font-family:var(--font-heading);font-size:clamp(2.6rem,5.4vw,4.9rem);
  line-height:1.04;letter-spacing:-0.07em;font-weight:700;color:var(--v2-ink)}
.hero-cycle-underline{display:inline;white-space:normal;background:none}
.hero-cycling-text{display:inline!important;font-style:normal!important;font-family:var(--font-heading)!important;font-weight:700!important;
  background-image:linear-gradient(to top,rgba(16,185,129,0.32) 0.14em,transparent 0.14em);
  -webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 0.08em;width:auto!important;min-width:0!important}
.hero-headline-static{font-style:normal!important}

.hero-subheadline-v2{margin:26px auto 0;max-width:640px;font-size:1.125rem;line-height:1.65;color:var(--v2-ink-soft)}

.hero-cta-group-v2{margin-top:40px;display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap}
.btn-v2-primary{background:var(--v2-ink);color:#fff;font-weight:600;font-size:1rem;padding:16px 32px;
  border-radius:10px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  box-shadow:0 8px 24px -8px rgba(10,15,26,0.4);transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}
.btn-v2-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px -10px rgba(10,15,26,0.45)}
.btn-v2-primary svg{color:var(--v2-accent)}
.btn-v2-ghost{font-size:0.9375rem;font-weight:600;color:var(--v2-ink);text-decoration:none;
  display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid var(--v2-hairline-strong);padding-bottom:2px}
.btn-v2-ghost:hover{border-color:var(--v2-accent)}

/* VSL — plain embed */
.vsl-v2{margin:64px auto 0;max-width:840px;border-radius:14px;overflow:hidden;
  box-shadow:0 32px 64px -24px rgba(10,15,26,0.35)}
.vsl-v2 wistia-player{display:block}

/* system window (retired) */
.syswin-wrap{margin:72px auto 0;max-width:920px;position:relative;text-align:left}
.syswin-side{position:absolute;font-family:var(--font-mono);font-size:9px;letter-spacing:0.12em;
  color:var(--v2-ink-faint);text-transform:uppercase;line-height:1.9}
.syswin-side-l{left:-118px;top:42px;width:96px;text-align:right}
.syswin-side-r{right:-118px;bottom:56px;width:96px}
.syswin{background:var(--v2-engine);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);
  box-shadow:0 1px 0 rgba(255,255,255,0.06) inset,0 40px 80px -24px rgba(10,15,26,0.45)}
.sys-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;
  border-bottom:1px solid var(--v2-engine-hairline)}
.sys-top-l{display:flex;align-items:center;gap:14px}
.sys-dots{display:flex;gap:6px}
.sys-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.12)}
.sys-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.14em;
  color:rgba(255,255,255,0.45);text-transform:uppercase}
.sys-live{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;
  font-weight:600;letter-spacing:0.12em;color:var(--v2-accent);text-transform:uppercase;
  border:1px solid var(--v2-accent-mid);background:var(--v2-accent-dim);padding:4px 10px;border-radius:6px}
.sys-live i{width:6px;height:6px;border-radius:50%;background:var(--v2-accent)}
.sys-video{position:relative;background:#070B12}
.sys-video wistia-player{display:block;border-radius:0!important}
.sys-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px;
  border-top:1px solid var(--v2-engine-hairline);flex-wrap:wrap}
.sys-tele{display:flex;gap:30px;flex-wrap:wrap}
.sys-tele div{font-family:var(--font-mono);font-size:9.5px;letter-spacing:0.1em;
  color:var(--v2-engine-text-faint);text-transform:uppercase}
.sys-tele b{color:var(--v2-engine-text);font-weight:600;display:block;font-size:12.5px;letter-spacing:0;margin-top:2px}
.sys-tele .sys-tele-hot b{color:var(--v2-accent)}

/* descent hero → statement (both light now, gentle) */
.hero-v2 + .statement-banner{padding-top:140px}

/* ============================================================
   ACT I — STATEMENT BANNER (dark → light editorial)
   ============================================================ */
body .statement-banner{background:var(--v2-paper)!important;color:var(--v2-ink)!important;padding:40px 0 120px}
.statement-banner-eyebrow{color:var(--v2-ink-soft)!important;justify-content:center}
.statement-banner-headline{color:var(--v2-ink)!important;font-size:clamp(2rem,4vw,3.25rem)!important}
.statement-banner-sub{color:var(--v2-ink-soft)!important}
.benefit-card{background:var(--v2-paper-card)!important;border:1px solid var(--v2-hairline)!important;
  border-radius:14px!important;box-shadow:0 1px 2px rgba(10,15,26,0.05)!important;
  transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s!important}
.benefit-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px -20px rgba(10,15,26,0.22)!important;
  border-color:var(--v2-hairline-strong)!important}
.benefit-card-img{border-bottom:1px solid var(--v2-hairline)!important;background:#FDFDFB!important}
.benefit-card-title{color:var(--v2-ink)!important;letter-spacing:-0.02em}
.benefit-card-text{color:var(--v2-ink-soft)!important}

/* ============================================================
   ACT I — SOCIAL PROOF (light, ledger band)
   ============================================================ */
body .social-proof{background:var(--v2-paper)!important;padding-top:0}
.stats-ticker{border-top:1px solid var(--v2-hairline-strong)!important;
  border-bottom:1px solid var(--v2-hairline-strong)!important;background:transparent!important}
.stat-item{border-right:1px solid var(--v2-hairline)!important;padding:26px 44px!important}
.stat-number{font-family:var(--font-mono)!important;font-weight:700!important;
  letter-spacing:-0.03em!important;color:var(--v2-ink)!important;font-variant-numeric:tabular-nums}
.stat-label{font-family:var(--font-mono)!important;font-size:0.625rem!important;
  letter-spacing:0.12em!important;text-transform:uppercase!important;color:var(--v2-ink-faint)!important}
.testimonial-card{background:var(--v2-paper-card)!important;border:1px solid var(--v2-hairline)!important;
  border-radius:14px!important;box-shadow:0 1px 2px rgba(10,15,26,0.05)!important}
.testimonial-quote-mark{color:var(--v2-accent)!important;opacity:0.85}
.testimonial-highlight{background:var(--v2-accent-dim)!important;color:var(--v2-ink)!important;
  box-shadow:none!important;border-radius:3px;padding:0 3px}
.testimonial-name{color:var(--v2-ink)!important}
.case-study-card{background:var(--v2-paper-card)!important;border:1px solid var(--v2-hairline)!important;
  border-radius:14px!important;overflow:hidden;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)!important}
.case-study-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px -20px rgba(10,15,26,0.22)!important}
.case-study-label{font-family:var(--font-mono)!important;font-size:0.625rem!important;
  letter-spacing:0.14em!important;text-transform:uppercase!important;color:var(--v2-accent)!important}
.case-study-hero--warm,.case-study-hero--cool{
  background:linear-gradient(150deg,#101725 0%,var(--v2-engine) 60%,#0D1422 100%)!important}
.case-study-read-btn{color:var(--v2-ink)!important;font-weight:600}
.case-study-read-btn:hover{color:var(--v2-accent)!important}

/* ============================================================
   ACT II — ENGINE ROOM (process + included + services)
   one continuous #0A0F1A world with a gradient descent
   ============================================================ */
.act-descend{height:220px;background:linear-gradient(180deg,var(--v2-paper) 0%,#C7CEDB 30%,#48536B 62%,var(--v2-engine) 92%);
  position:relative}
.act-descend::after{content:'▼ ENTERING THE ENGINE ROOM';position:absolute;bottom:28px;left:0;right:0;
  text-align:center;font-family:var(--font-mono);font-size:9px;letter-spacing:0.2em;
  color:rgba(255,255,255,0.3);text-transform:uppercase}
.act-ascend{height:200px;background:linear-gradient(180deg,var(--v2-engine) 8%,#48536B 38%,#C7CEDB 70%,var(--v2-paper) 100%)}

body .process, body .whats-included, body .services{
  background:var(--v2-engine)!important;color:var(--v2-engine-text)!important}
.process::after, .services::after{content:'';position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(to right,rgba(255,255,255,0.013) 1px,transparent 1px),
                   linear-gradient(to bottom,rgba(255,255,255,0.013) 1px,transparent 1px);
  background-size:48px 48px;z-index:0;
  -webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 95%);
          mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 95%)}
.process .section-eyebrow, .whats-included .section-eyebrow, .services .section-eyebrow{
  color:var(--v2-engine-text-faint)!important}
.process .section-headline, .whats-included .section-headline, .services .section-headline{
  color:var(--v2-engine-text)!important}
.process-intro, .services-intro{color:var(--v2-engine-text-soft)!important}
.hp-process-phase{border-top:1px solid var(--v2-engine-hairline)}
.hp-phase-number{color:#fff;opacity:0.1}
.hp-phase-title{color:var(--v2-engine-text)}
.hp-phase-subtitle{color:var(--v2-accent);letter-spacing:0.14em}
.hp-phase-desc{color:var(--v2-engine-text-soft)}
.hp-phase-dot{background:var(--v2-accent)!important;opacity:0.7}
.hp-includes-trigger{background:rgba(255,255,255,0.05);border:1px solid var(--v2-engine-hairline);
  color:var(--v2-engine-text-soft)}
.hp-includes-trigger:hover{color:var(--v2-engine-text)}
.hp-includes-item{border-left-color:var(--v2-accent-mid)}

/* whats-included accordion: light card style → engine panels */
.whats-included .accordion{background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible}
.whats-included .accordion-trigger:hover{background:rgba(255,255,255,0.03)!important}
.whats-included .accordion-icon{background:transparent!important;border-color:var(--v2-engine-hairline)!important}
.whats-included .accordion-item.is-open .accordion-icon{background:var(--v2-accent)!important;border-color:var(--v2-accent)!important}
.whats-included .accordion-item{background:var(--v2-engine-card)!important;
  border:1px solid var(--v2-engine-hairline)!important;border-radius:12px!important;
  box-shadow:none!important;margin-bottom:10px}
.whats-included .accordion-trigger{color:var(--v2-engine-text)!important;background:transparent!important}
.whats-included .accordion-title{color:var(--v2-engine-text)!important}
.whats-included .accordion-phase-badge{font-family:var(--font-mono)!important;font-size:0.625rem!important;
  letter-spacing:0.1em!important;text-transform:uppercase!important;
  background:var(--v2-accent-dim)!important;color:var(--v2-accent)!important;
  border:1px solid var(--v2-accent-mid)!important;border-radius:5px!important}
.whats-included .accordion-icon{color:var(--v2-engine-text-faint)!important}
.whats-included .accordion-content{color:var(--v2-engine-text-soft)!important}
.whats-included .accordion-deliverable{color:var(--v2-engine-text-soft)!important}
.whats-included .deliverable-check{color:var(--v2-accent)!important}

/* services cards */
.service-card,.service-card-outer{background:var(--v2-engine-card)!important;
  border:1px solid var(--v2-engine-hairline)!important;border-radius:14px!important}
.service-card:hover{border-color:rgba(16,185,129,0.3)!important;
  box-shadow:0 24px 56px -24px rgba(0,0,0,0.6)!important}
.service-icon{background:var(--v2-accent-dim)!important;border:1px solid var(--v2-accent-mid)!important;
  color:var(--v2-accent)!important;border-radius:10px!important}
.service-icon svg{stroke:var(--v2-accent)!important}
.service-title{color:var(--v2-engine-text)!important;letter-spacing:-0.02em}
.service-desc{color:var(--v2-engine-text-soft)!important}
.service-tag{font-family:var(--font-mono)!important;font-size:0.625rem!important;
  letter-spacing:0.08em!important;text-transform:uppercase!important;
  background:rgba(255,255,255,0.05)!important;border:1px solid var(--v2-engine-hairline)!important;
  color:var(--v2-engine-text-soft)!important;border-radius:5px!important}
.service-learn-more,.service-card-link{color:var(--v2-engine-text)!important;
  background:rgba(255,255,255,0.05)!important;border:1px solid var(--v2-engine-hairline)!important;border-radius:8px!important}
.service-learn-more:hover{color:var(--v2-accent)!important}
.services-tab{font-family:var(--font-mono)!important;font-size:0.6875rem!important;
  letter-spacing:0.1em!important;text-transform:uppercase!important;
  border:1px solid var(--v2-engine-hairline)!important;color:var(--v2-engine-text-soft)!important;
  background:transparent!important;border-radius:99px!important}
.services-tab.active{background:var(--v2-accent-dim)!important;color:var(--v2-accent)!important;
  border-color:var(--v2-accent-mid)!important}

/* phase visuals: stay light-panel but recolor green → orange accents */
.v-kanban{border-radius:14px;border-color:rgba(255,255,255,0.1)}
.v-kanban-card--accent{background:var(--v2-accent)!important;border-color:var(--v2-accent)!important}
.v-kanban-progress-fill{background:linear-gradient(90deg,rgba(10,15,26,0.15) 0%,rgba(10,15,26,0.3) 60%,var(--v2-accent) 100%)!important}
.v-kanban-progress-dot:last-child{background:var(--v2-accent)!important;border-color:var(--v2-accent)!important}
.v-deliver{--green:#10B981;--green-dim:rgba(16,185,129,0.12);--green-mid:rgba(16,185,129,0.35)}
.v-evolve{--green:#10B981;--green-dim:rgba(16,185,129,0.10);--green-mid:rgba(16,185,129,0.30);--blue:#3B82F6;--blue-dim:rgba(59,130,246,0.08)}
.v-evolve__sdot{background:var(--v2-accent)}
@keyframes vePulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0.4)}50%{box-shadow:0 0 0 5px rgba(16,185,129,0)}}

/* ============================================================
   ACT III — COMPARISON / FOUNDER / FAQ (paper)
   ============================================================ */
body .comparison{background:var(--v2-paper)!important;padding-top:40px}
.comparison-table{border:1px solid var(--v2-hairline-strong)!important;border-radius:14px!important;overflow:hidden}
.comparison-table th,.comparison-table td{border-color:var(--v2-hairline)!important}
.comparison-table th{font-family:var(--font-mono)!important;font-size:0.6875rem!important;
  letter-spacing:0.1em!important;text-transform:uppercase!important;color:var(--v2-ink-soft)!important}
.col-us,.col-us-header{background:rgba(10,15,26,0.03)!important;border-left:1px solid var(--v2-hairline-strong)!important;
  border-right:1px solid var(--v2-hairline-strong)!important}
.col-us-header{color:var(--v2-ink)!important}
.us-badge{background:var(--v2-ink)!important;color:#fff!important;font-family:var(--font-mono)!important;
  font-size:0.625rem!important;letter-spacing:0.1em!important;border-radius:5px!important}
.check-icon{color:var(--v2-accent)!important}
.check-icon svg{stroke:var(--v2-accent)!important}
.comparison-scroll-hint{font-family:var(--font-mono)!important;font-size:0.625rem!important;
  letter-spacing:0.14em!important;text-transform:uppercase!important;color:var(--v2-ink-faint)!important}

body .founder{background:var(--v2-paper)!important;color:var(--v2-ink)!important}
.founder .section-headline{color:var(--v2-ink)!important}
.founder .section-eyebrow{color:var(--v2-ink-soft)!important}
.founder-content{background:var(--v2-paper-card)!important;border:1px solid var(--v2-hairline)!important;
  border-radius:16px!important;box-shadow:0 1px 2px rgba(10,15,26,0.05)!important}
.founder-text, .founder-text p{color:var(--v2-ink-soft)!important}
.founder-quote-mark{color:var(--v2-accent)!important;opacity:0.9}
.founder-sig-name{color:var(--v2-ink)!important}
.founder-sig-title{font-family:var(--font-mono)!important;font-size:0.6875rem!important;
  letter-spacing:0.12em!important;text-transform:uppercase!important;color:var(--v2-ink-faint)!important}
.founder-avatar-outer{border:1px solid var(--v2-hairline-strong)!important}

body .faq{background:var(--v2-paper)!important}
.faq-item{background:var(--v2-paper-card)!important;border:1px solid var(--v2-hairline)!important;
  border-radius:12px!important;box-shadow:none!important}
.faq-item.is-open{border-color:var(--v2-hairline-strong)!important}
.faq-question{color:var(--v2-ink)!important;font-weight:600}
.faq-answer{color:var(--v2-ink-soft)!important}
.faq-icon{color:var(--v2-ink-faint)!important}

/* ============================================================
   ACT IV — FINALE (quiz → guarantee → cta → footer, one world)
   ============================================================ */
.act-finale-descend{height:200px;background:linear-gradient(180deg,var(--v2-paper) 0%,#C7CEDB 30%,#48536B 62%,var(--v2-engine) 92%)}
body section.quiz-cta-v2{background:var(--v2-engine)!important;padding:80px 0 96px!important}
.quiz-cta-v2 h2{color:var(--v2-engine-text)!important}
.quiz-cta-v2 p{color:var(--v2-engine-text-soft)!important}
.quiz-cta-v2 .btn, .quiz-cta-v2 a.btn-final{background:#fff;color:var(--v2-ink)}

body .guarantee{background:var(--v2-engine)!important;color:var(--v2-engine-text)!important;
  padding:96px 0!important;position:relative}
.guarantee .section-eyebrow{color:var(--v2-engine-text-faint)!important}
.guarantee .section-headline{color:var(--v2-engine-text)!important;position:relative;display:inline-block}
.guarantee p{color:var(--v2-engine-text-soft)!important;max-width:620px;margin-left:auto;margin-right:auto}
.guarantee svg{stroke:var(--v2-accent)!important}

body .final-cta{background:var(--v2-engine)!important;border-top:none!important}
.final-cta-h1{color:var(--v2-engine-text-faint)!important;letter-spacing:-0.07em!important}
.final-cta-h2{color:var(--v2-engine-text)!important;letter-spacing:-0.07em!important}
.final-cta .btn, .btn-final{background:var(--v2-accent)!important;color:#fff!important;
  border-radius:10px!important;font-weight:600!important;
  box-shadow:0 12px 32px -10px rgba(16,185,129,0.5)!important}
.btn-final:hover{transform:translateY(-2px)!important}

footer, .footer{background:var(--v2-engine)!important;border-top:1px solid var(--v2-engine-hairline)!important}
.footer a{color:var(--v2-engine-text-soft)!important}
.footer a:hover{color:var(--v2-engine-text)!important}

/* ── CTA mid-page buttons (Get started after testimonials/services) ── */
.btn-primary{border-radius:10px!important}

/* ── Reduced motion & mobile ─────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  .btn-v2-primary,.btn-final{transition:none!important}
}
@media (max-width:768px){
  .hero-v2{padding-top:110px}
  .hero-headline-v2{font-size:clamp(2rem,9vw,2.6rem)}
  .hero-eyebrow-v2{max-width:88%;white-space:normal;line-height:1.7;border-radius:16px;padding:8px 16px;font-size:10px}
  .hero-subheadline-v2{font-size:1rem}
  .hero-annot,.syswin-side{display:none}
  .hero-inner-v2{padding:0 22px}
  .nav-container{padding:0 22px}
  .sys-tele{gap:18px}
  .sys-tele b{font-size:11px}
  .act-descend,.act-finale-descend{height:140px}
  .act-ascend{height:120px}
  .stat-item{padding:18px 26px!important}
}


/* ============================================================
   MOTION LAYER HOOKS (used by v2.js)
   ============================================================ */

/* word-stagger reveals */
.wrev{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:0.08em;margin-bottom:-0.08em}
.wrev > span{display:inline-block;transform:translateY(112%);opacity:0;
  transition:transform .7s cubic-bezier(0.16,1,0.3,1),opacity .5s ease}
.wrev-in .wrev > span{transform:translateY(0);opacity:1}
@media (prefers-reduced-motion:reduce){.wrev > span{transform:none;opacity:1;transition:none}}

/* cursor-aware glow */
.glow-card{position:relative}
.glow-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(16,185,129,0.09),transparent 65%);
  opacity:0;transition:opacity .35s ease;z-index:1}
.glow-card:hover::after{opacity:1}

/* section rail */
.sec-rail{position:fixed;left:26px;bottom:28px;z-index:90;display:flex;flex-direction:column;gap:8px;
  font-family:var(--font-mono);pointer-events:none}
.sec-rail-idx{font-size:10px;font-weight:700;letter-spacing:0.14em;color:var(--v2-ink)}
.sec-rail-name{font-size:8.5px;letter-spacing:0.18em;color:var(--v2-ink-faint)}
.sec-rail-track{width:2px;height:72px;background:rgba(10,15,26,0.1);border-radius:2px;overflow:hidden}
.sec-rail-fill{display:block;width:100%;height:0%;background:var(--v2-accent);border-radius:2px}
.sec-rail--dark .sec-rail-idx{color:rgba(255,255,255,0.9)}
.sec-rail--dark .sec-rail-name{color:rgba(255,255,255,0.35)}
.sec-rail--dark .sec-rail-track{background:rgba(255,255,255,0.12)}
.sec-rail-idx,.sec-rail-name,.sec-rail-track{transition:color .4s ease,background .4s ease}

/* engine room progress line */
.engine-line{position:absolute;left:-28px;top:60px;bottom:60px;width:2px;
  background:rgba(255,255,255,0.07);border-radius:2px;overflow:hidden}
.engine-line-fill{width:100%;height:0%;background:linear-gradient(to bottom,rgba(16,185,129,0.25),var(--v2-accent));
  border-radius:2px}
@media (max-width:1200px){.engine-line{display:none}}

/* descend label tracking animation */
.act-descend::after{transition:letter-spacing 1.1s cubic-bezier(0.16,1,0.3,1),opacity 1.1s ease;opacity:0.55}
.act-descend.descend-in::after{letter-spacing:0.42em;opacity:1}


/* ============================================================
   PRO LAYER (used by v2-pro.js — homepage only)
   ============================================================ */

/* ── cross-document view transitions (#7) ────────────────── */
@view-transition { navigation: auto; }
::view-transition-old(root){animation-duration:.22s}
::view-transition-new(root){animation-duration:.22s}

/* ── cmd+k palette (#3) ──────────────────────────────────── */
.cmdk{position:fixed;inset:0;z-index:400}
.cmdk[hidden]{display:none}
.cmdk-backdrop{position:absolute;inset:0;background:rgba(6,9,16,0.6);backdrop-filter:blur(6px);
  opacity:0;transition:opacity .18s ease}
.cmdk.is-open .cmdk-backdrop{opacity:1}
.cmdk-panel{position:absolute;left:50%;top:16vh;transform:translateX(-50%) translateY(10px) scale(0.985);
  width:min(560px,calc(100vw - 40px));background:#0E1524;border:1px solid rgba(255,255,255,0.1);
  border-radius:14px;overflow:hidden;box-shadow:0 40px 100px -20px rgba(0,0,0,0.7);
  opacity:0;transition:opacity .18s ease,transform .22s cubic-bezier(0.16,1,0.3,1)}
.cmdk.is-open .cmdk-panel{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
.cmdk-input-row{display:flex;align-items:center;gap:12px;padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.4)}
.cmdk-input{flex:1;background:none;border:none;outline:none;font-family:var(--font-body);
  font-size:15px;color:#fff}
.cmdk-input::placeholder{color:rgba(255,255,255,0.3)}
.cmdk-esc{font-family:var(--font-mono);font-size:9px;letter-spacing:0.1em;color:rgba(255,255,255,0.3);
  border:1px solid rgba(255,255,255,0.12);border-radius:4px;padding:3px 6px}
.cmdk-list{max-height:316px;overflow-y:auto;padding:8px}
.cmdk-item{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 12px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;
  color:rgba(255,255,255,0.78)}
.cmdk-item.is-sel{background:rgba(16,185,129,0.12);color:#fff}
.cmdk-item.is-sel .cmdk-tag{color:var(--v2-accent)}
.cmdk-tag{font-family:var(--font-mono);font-size:8.5px;font-weight:600;letter-spacing:0.14em;
  color:rgba(255,255,255,0.28)}
.cmdk-empty{padding:24px;text-align:center;font-size:13px;color:rgba(255,255,255,0.4)}
.cmdk-foot{display:flex;align-items:center;gap:16px;padding:10px 18px;
  border-top:1px solid rgba(255,255,255,0.08)}
.cmdk-foot span{font-family:var(--font-mono);font-size:9px;letter-spacing:0.1em;color:rgba(255,255,255,0.3)}
.cmdk-brand{margin-left:auto;color:rgba(255,255,255,0.2)!important}
.kbd-hint{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:11px;
  font-weight:600;color:var(--v2-ink-soft);background:transparent;
  border:1px solid var(--v2-hairline-strong);border-radius:7px;padding:7px 10px;cursor:pointer;
  margin-right:14px;transition:color .2s,border-color .2s}
.kbd-hint:hover{color:var(--v2-ink);border-color:var(--v2-ink-faint)}
@media (max-width:1099px){.kbd-hint{display:none}}

/* ── ambient canvas (#8) ─────────────────────────────────── */
.ambient-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}

/* ── footer wordmark (#9) ────────────────────────────────── */
.footer-wordmark{margin:72px 0 8px;overflow:hidden;line-height:0.82;text-align:center}
.footer-wordmark span{--wfill:0%;display:inline-block;font-family:var(--font-heading);
  font-size:clamp(4.5rem,15.5vw,13.5rem);font-weight:700;letter-spacing:-0.07em;
  background-image:linear-gradient(to top,#FFFFFF var(--wfill),rgba(255,255,255,0.06) var(--wfill));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  transition:--wfill .1s linear}

/* footer bottom centered */
.footer-bottom{text-align:center!important;justify-content:center!important;display:flex!important}
