.page{position:relative;overflow:clip;--accent-faint:rgba(200,162,76,.2);}

.page--ai{
  --accent:#8FB0E0; --accent-em:#8FB0E0;
  --accent-soft:rgba(143,176,224,.3); --accent-halo:rgba(143,176,224,.14);
  --accent-faint:rgba(143,176,224,.22);
  --accent-deep:#2A5896; --accent-deep-soft:rgba(42,88,150,.3);
}
.page--scale{
  --accent:#9BC4A5; --accent-em:#9BC4A5;
  --accent-soft:rgba(155,196,165,.3); --accent-halo:rgba(155,196,165,.14);
  --accent-faint:rgba(155,196,165,.22);
  --accent-deep:#35704E; --accent-deep-soft:rgba(53,112,78,.32);
}
.page--ai ::selection,.page--scale ::selection{background:var(--accent);color:var(--shadow);}

section{position:relative;padding:var(--pad-y) var(--inset) var(--pad-y) var(--pad-x-left);}
section::before{content:"";position:absolute;left:var(--spine-x);top:0;bottom:0;width:2px;background:var(--line-spine);z-index:1;}
.panel-dark{background:var(--shadow);color:var(--paper);--line-spine:var(--accent-soft);--rule:rgba(200,162,76,.18);}
.panel-dark.raised{background:var(--shadow-raised);}
.panel-light{background:var(--paper);color:var(--ink);--line-spine:var(--accent-deep-soft);--rule:rgba(28,26,18,.12);}
.panel-light em{color:var(--accent-deep);}
.inner{position:relative;z-index:2;}

.node{position:absolute;left:calc(var(--spine-x) - 7px);top:calc(var(--pad-y) + 1px);z-index:3;
  width:16px;height:16px;border-radius:50%;border:2px solid var(--accent);background:transparent;
  transition:background .55s ease, box-shadow .55s ease;}
.node::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--accent);
  opacity:0;animation:nodePulse 3.6s ease-out infinite;}
.is-active .node{background:var(--accent);box-shadow:0 0 0 6px var(--accent-halo);}
.is-active .node::after{animation-duration:2.6s;}
@keyframes nodePulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(2.1);opacity:0}100%{opacity:0}}

.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;
  color:var(--accent);margin:0 0 24px;display:flex;align-items:center;gap:10px;}
.panel-light .eyebrow{color:var(--accent-deep);}
.eyebrow .n{opacity:.65;}
@media (min-width:600px){ .eyebrow{font-size:11.5px;letter-spacing:.22em;gap:14px;} }

.hero h1{font-size:clamp(34px,4.2vw,60px);line-height:1.08;letter-spacing:-0.025em;max-width:19ch;}
.hero--ai h1{max-width:18ch;}
.hero .lede{font-size:21px;max-width:46ch;margin:26px 0 0;color:var(--muted-dark);}
.hero--ai .lede,.hero--scale .lede{max-width:50ch;}
.hero .cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:42px;}
.hero .cta-row .btn{flex:1 1 auto;}
.hero .underline-note{font-size:14px;color:var(--muted-dark);margin-top:20px;}
@media (min-width:560px){ .hero .cta-row .btn{flex:0 0 auto;} }

.hero-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:56px;align-items:center;}

.hero-art{position:relative;display:flex;justify-content:center;align-items:center;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.hero-art::before{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;
  left:var(--gx,50%);top:var(--gy,50%);transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(circle, rgba(200,162,76,.20), transparent 68%);
  filter:blur(8px);transition:opacity .4s ease;opacity:.9;}

.overcoil{width:100%;max-width:330px;height:auto;overflow:visible;cursor:pointer;}
.hero-art.tap{animation:tapPulse .5s cubic-bezier(.2,.7,.3,1);}
@keyframes tapPulse{0%{transform:scale(1)}40%{transform:scale(1.04)}100%{transform:scale(1)}}

.coil{stroke-dasharray:100;stroke-dashoffset:100;animation:overcoilLoop 7s infinite;}
@keyframes overcoilLoop{
  0%   {stroke-dashoffset:100;opacity:0}
  2%   {stroke-dashoffset:100;opacity:0;animation-timing-function:linear}
  4%   {stroke-dashoffset:98;opacity:0;animation-timing-function:linear}
  5%   {stroke-dashoffset:97;opacity:1;animation-timing-function:linear}
  36%  {stroke-dashoffset:14;opacity:1;animation-timing-function:linear}
  52%  {stroke-dashoffset:0;opacity:1;animation-timing-function:ease-in-out}
  70%  {stroke-dashoffset:0;opacity:1}
  82%  {stroke-dashoffset:0;opacity:0}
  100% {stroke-dashoffset:100;opacity:0}
}
.overcoil.replay .coil{animation:overcoilDraw 3.4s forwards;}
@keyframes overcoilDraw{
  0%  {stroke-dashoffset:100;opacity:0}
  4%  {stroke-dashoffset:100;opacity:0;animation-timing-function:linear}
  6%  {stroke-dashoffset:98;opacity:0;animation-timing-function:linear}
  7%  {stroke-dashoffset:97;opacity:1;animation-timing-function:linear}
  48% {stroke-dashoffset:14;opacity:1;animation-timing-function:linear}
  64% {stroke-dashoffset:0;opacity:1}
  100%{stroke-dashoffset:0;opacity:1}
}

.rotline{display:block;}
.rotword{display:inline-block;opacity:1;transform:translateY(0);
  transition:opacity .26s ease, transform .26s ease;}
.rotword.out{opacity:0;transform:translateY(8px);}

.h-section{font-size:clamp(34px,3.4vw,48px);line-height:1.08;letter-spacing:-0.02em;max-width:20ch;font-weight:500;}
.h-section--wide{max-width:22ch;}
.h-section--narrow{max-width:19ch;}
.h-section--tight{max-width:18ch;}
.sub{font-size:18px;max-width:52ch;margin:22px 0 0;color:var(--muted-light);}
.sub--wide{max-width:56ch;}
.panel-dark .sub{color:var(--muted-dark);}

.choice{display:grid;grid-template-columns:1fr;gap:1px;
  background:var(--accent-faint);border:1px solid var(--accent-faint);border-radius:18px;overflow:hidden;}
.choice__card{background:var(--shadow);padding:36px 28px;display:flex;flex-direction:column;gap:18px;
  text-decoration:none;color:inherit;transition:background .2s ease;}
.choice__card:hover{background:#201A10;}
.choice__tag{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);}
.choice__quote{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(23px,5vw,27px);line-height:1.3;color:var(--gold-polished);}
.choice__body{margin:0;font-size:16px;color:var(--muted-dark);}
.choice__go{margin:auto 0 0;padding-top:12px;font-weight:600;font-size:16px;color:var(--accent);}
.choice__go svg{width:16px;height:16px;display:inline;vertical-align:-2px;}
@media (min-width:760px){ .choice{grid-template-columns:1fr 1fr;} .choice__card{padding:44px 40px;} }

.duo{display:grid;grid-template-columns:1fr;gap:40px;margin-top:44px;}
.duo__col{border-top:1px solid var(--rule);padding-top:24px;}
.duo__label{margin:0 0 20px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;}
.duo__col--coach .duo__label{color:var(--gold-deep);}
.duo__col--client .duo__label{color:var(--blued);}
.duo__items{display:flex;flex-direction:column;gap:18px;}
.duo__items b{font-weight:600;}
.duo__items p{margin:3px 0 0;font-size:15.5px;color:var(--muted-light);}
@media (min-width:760px){ .duo{grid-template-columns:1fr 1fr;margin-top:56px;} }

.voices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:40px;}
.voice{border-top:2px solid var(--accent);padding-top:22px;}
.voice__line{margin:0;font-family:var(--serif);font-style:italic;font-size:24px;line-height:1.35;color:var(--paper);}
.voice__note{margin:14px 0 0;font-size:15.5px;color:var(--muted-dark);}

.facets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:40px;margin-top:44px;}
.facet{border-top:1px solid var(--rule);padding-top:22px;}
.facet b{font-weight:600;}
.facet p{margin:5px 0 0;font-size:15.5px;color:var(--muted-light);}
@media (min-width:760px){ .facets{margin-top:52px;} }

.vs{display:grid;grid-template-columns:1fr;gap:1px;margin-top:44px;
  background:var(--accent-faint);border:1px solid var(--accent-faint);border-radius:18px;overflow:hidden;}
.vs__col{padding:28px 24px;}
.vs__col--plain{background:var(--shadow);}
.vs__col--ours{background:var(--shadow-raised);}
.vs__tag{margin:0 0 22px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;}
.vs__col--plain .vs__tag{color:var(--muted-dark);}
.vs__col--ours .vs__tag{color:var(--accent);}
.vs__list{display:flex;flex-direction:column;gap:16px;font-size:16px;}
.vs__col--plain .vs__list{color:var(--muted-dark);}
.vs__col--ours .vs__list{color:var(--paper);}
.vs__list p{margin:0;}
@media (min-width:760px){ .vs{grid-template-columns:1fr 1fr;margin-top:48px;} .vs__col{padding:36px 34px;} }

.quote{border-left:2px solid var(--accent);padding:6px 0 6px 24px;max-width:860px;}
.quote p{font-family:var(--serif);font-style:italic;font-size:clamp(22px,5vw,26px);line-height:1.4;margin:0;}
.quote .aside{opacity:.7;}
.quote cite{display:block;margin-top:20px;font-style:normal;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.14em;text-transform:uppercase;}
.panel-dark .quote p{color:var(--paper);}
.panel-dark .quote cite{color:var(--accent);}
.panel-light .quote{border-left-color:var(--accent-deep);}
.panel-light .quote p{color:var(--ink);}
.panel-light .quote cite{color:var(--accent-deep);}
.page--index .panel-light .quote{border-left-color:var(--gold);}
@media (min-width:760px){ .quote{padding-left:28px;} }

.studio-cta{margin:32px 0 0;}
.panel-light .btn-ghost{opacity:1;}
.panel-light .btn-ghost:hover{border-color:var(--accent-deep);color:var(--accent-deep);}

.final{overflow:hidden;}
.final .watermark{position:absolute;right:-8%;top:50%;transform:translateY(-50%);width:min(70vw,500px);
  opacity:.05;pointer-events:none;z-index:0;}
.final h2{font-size:clamp(34px,4vw,56px);line-height:1.06;letter-spacing:-0.025em;max-width:16ch;font-weight:500;}
.final--pillar h2{max-width:17ch;}
.final p:not(.eyebrow):not(.fine){font-size:18px;color:var(--muted-dark);max-width:44ch;margin:24px 0 0;}
.final .cta-row{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px;}
.final .cta-row .btn{flex:1 1 auto;}
.final .fine{margin-top:20px;font-size:14px;color:var(--muted-dark);}
@media (min-width:560px){ .final .cta-row .btn{flex:0 0 auto;} }
@media (min-width:768px){ .final .watermark{opacity:.06;} }

.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease, transform .7s ease;}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.08s;} .reveal.d2{transition-delay:.16s;} .reveal.d3{transition-delay:.24s;}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .reveal{opacity:1;transform:none;transition:none;}
  .coil{stroke-dashoffset:0 !important;opacity:1 !important;animation:none !important;}
  .node::after{animation:none !important;opacity:0 !important;}
  .hero-art::before{display:none;}
  .rotword{transition:none;}
  .btn:hover,.choice__card:hover{transform:none;}
  *{transition:none !important;}
}