/* Motion follows the story. All loops are visible-scene only and pausable. */
.motion-button{position:fixed;right:18px;bottom:18px;z-index:40;min-height:42px;padding:10px 14px;border-color:var(--gold-line);background:#101010f2;color:var(--gold);box-shadow:0 4px 25px #0005}
.motion-button:disabled{cursor:default;color:var(--gray)}
.footer{padding-bottom:90px}
.hero-halo:after{content:'';position:absolute;inset:40px -30px;border:1px solid #d4aa5220;border-radius:50%;transform:rotate(16deg)}
.diagram-stem{position:relative;overflow:hidden}
.diagram-stem:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,var(--gold),transparent);transform:translateY(-100%)}
.hero-node:after{content:'';position:absolute;inset:-1px;border:1px solid var(--gold);border-radius:inherit;opacity:0;pointer-events:none}
.timeline,.relationship-assets{position:relative}
.timeline:after{content:'';position:absolute;left:0;top:-1px;width:100%;height:2px;background:var(--gold);transform:scaleX(var(--trace,1));transform-origin:left;pointer-events:none}
.relationship-assets{padding-left:28px}
.relationship-assets:before,.relationship-assets:after{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--line);transform-origin:top}
.relationship-assets:after{background:var(--gold);transform:scaleY(var(--trace,1))}
.relationship-asset{position:relative}
.relationship-asset:before{content:'';position:absolute;left:-32px;top:31px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px var(--black)}
.workflow-step{padding-top:12px}
.workflow-step:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(.12);transform-origin:left;opacity:.3}
.relationship-path li{transition:color .4s}
.offer-card{position:relative}
.offer-card:before{content:'';position:absolute;top:0;left:0;width:40%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);pointer-events:none}
.offer-cta{position:relative;overflow:hidden}
.offer-cta:after{content:'';position:absolute;inset:-60% auto -60% -70%;width:40%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#fff4,transparent);pointer-events:none}
.brain-visual{position:relative;max-width:920px;margin:58px auto 0;border:1px solid var(--gold-line);border-radius:14px;background:radial-gradient(ellipse at 50% 46%,#d4aa5213,transparent 56%),linear-gradient(145deg,#15120d,#0b0b0b 58%,#12100c);overflow:hidden;box-shadow:0 30px 100px #0008,inset 0 0 80px #d4aa5207}.brain-visual:before,.brain-visual:after{content:'';position:absolute;pointer-events:none;z-index:2}.brain-visual:before{inset:9px;border:1px solid #d4aa5212;border-radius:10px}.brain-visual:after{width:1px;height:100%;left:50%;top:0;background:linear-gradient(transparent,#d4aa5214 35%,#d4aa5214 65%,transparent)}.brain-heading,.brain-footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;font-size:.62rem;color:var(--gray);letter-spacing:.1em;text-transform:uppercase}.brain-heading{border-bottom:1px solid #d4aa5220}.brain-live{display:flex;align-items:center;gap:8px;color:var(--gray)}.brain-live i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}.brain-stage{height:445px;position:relative}.brain-stage canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.brain-core{position:absolute;left:50%;top:49%;z-index:2;display:grid;place-items:center;width:74px;height:74px;transform:translate(-50%,-50%);border:1px solid #d4aa5280;border-radius:50%;background:#0a0a0ac7;box-shadow:0 0 30px #d4aa5230,inset 0 0 20px #d4aa521b;pointer-events:none}.brain-core:before,.brain-core:after{content:'';position:absolute;border:1px solid #d4aa5250;border-radius:50%;animation:core-ring 4s ease-in-out infinite}.brain-core:before{inset:-11px}.brain-core:after{inset:-23px;border-style:dashed;animation-duration:8s}.brain-core span{font-size:1.45rem;color:var(--gold);animation:core-star 2.8s ease-in-out infinite}.brain-wordmark{position:absolute;left:50%;top:49%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:5px;transform:translate(-50%,45px);color:#fff;pointer-events:none;text-shadow:0 2px 20px #000}.brain-wordmark .label{font-size:.58rem;color:var(--gray)}.brain-wordmark strong{font-size:.73rem;letter-spacing:.16em;font-weight:500}.brain-callout{position:absolute;z-index:3;padding:6px 9px;border:1px solid #d4aa5235;border-radius:3px;color:#d4aa52aa;font:400 .6rem ui-monospace,monospace;letter-spacing:.08em;background:#0a0a0acc}.brain-callout-one{left:11%;top:24%}.brain-callout-two{right:11%;top:29%}.brain-callout-three{left:16%;bottom:19%}.brain-footer{border-top:1px solid #d4aa5220;font-size:.57rem;letter-spacing:.07em}.brain-meter{display:flex;align-items:center;gap:4px}.brain-meter i{display:block;width:18px;height:3px;background:var(--gold);opacity:.25}.brain-meter i:nth-child(2),.brain-meter i:nth-child(3),.brain-meter i:nth-child(4){opacity:.75}.brain-meter b{margin-left:5px;color:var(--gold);font-weight:400}.brain-visual.scene-active .brain-callout{animation:callout-flicker 5s steps(1,end) infinite}.brain-visual.scene-active .brain-callout-two{animation-delay:1.4s}.brain-visual.scene-active .brain-callout-three{animation-delay:2.7s}
@keyframes core-ring{50%{transform:scale(1.09);opacity:.45}100%{transform:scale(1);opacity:1}}@keyframes core-star{50%{transform:scale(1.18) rotate(18deg);text-shadow:0 0 20px var(--gold)}}@keyframes callout-flicker{0%,72%,100%{opacity:.62}74%{opacity:1}76%{opacity:.38}78%{opacity:.8}}@keyframes brain-scan{to{transform:translateY(445px);opacity:0}}@keyframes meter-pulse{to{opacity:1;box-shadow:0 0 9px #d4aa5270}}
@media(prefers-reduced-motion:no-preference){.brain-visual.scene-active:after{animation:brain-scan 7s ease-in-out infinite}.brain-visual.scene-active .brain-meter i{animation:meter-pulse 1.8s ease-in-out infinite alternate}.brain-visual.scene-active .brain-meter i:nth-child(2){animation-delay:.2s}.brain-visual.scene-active .brain-meter i:nth-child(3){animation-delay:.4s}.brain-visual.scene-active .brain-meter i:nth-child(4){animation-delay:.6s}}
.lead-signal{margin:0 0 35px;padding:30px 38px 36px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(130deg,#15120d,#0d0d0d 60%);overflow:hidden}
.lead-signal figcaption{display:flex;justify-content:space-between;gap:20px;color:var(--gray);font-size:.65rem}
.lead-signal figcaption span{color:var(--gold)}
.signal-stages{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr) 70px minmax(0,1fr);align-items:start;gap:12px;margin-top:30px}
.signal-stage{text-align:center;min-width:0}
.signal-stage>.label{font-size:.64rem;display:block;margin-top:22px}
.signal-stage h3{font-size:1.05rem;letter-spacing:-.025em;font-weight:500;margin-top:7px}
.signal-stage p{font-size:.8rem;color:var(--gray);margin-top:4px}
.signal-art{height:94px;margin:auto;position:relative}
.signal-browser{width:142px;border:1px solid var(--gold-line);border-radius:8px;background:#17140e;text-align:left;padding:29px 15px 12px}
.browser-dots{position:absolute;left:12px;top:0;color:var(--gold);letter-spacing:3px;font-size:15px}
.signal-browser i{display:block;height:5px;background:#d4aa5233;width:85%;margin:6px 0;border-radius:3px}
.signal-browser i:nth-of-type(2){width:55%}.signal-browser i:nth-of-type(3){width:70%}
.visitor-cursor{position:absolute;right:8px;bottom:0;font-size:28px;color:var(--gold)}
.signal-core{width:94px;display:grid;place-items:center}
.signal-core i{position:absolute;inset:0;border:1px solid var(--gold-line);border-radius:50%}
.signal-core i:nth-child(2){inset:11px;border-style:dashed}
.signal-core>span{font-size:42px;color:var(--gold)}
.signal-contact{width:165px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--gold-line);border-radius:8px;background:#17140e}
.contact-icon{border:1px solid var(--gold-line);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:var(--gold)}
.signal-contact>div{width:57px}.signal-contact i{display:block;height:5px;border-radius:3px;background:#d4aa5255;margin:8px 0}.signal-contact i+ i{width:70%;background:#d4aa5222}
.contact-check{position:absolute;right:8px;top:4px;color:var(--gold);font-size:12px}
.signal-connection{height:1px;margin-top:47px;background:var(--gold-line);position:relative}
.signal-connection i{position:absolute;left:0;top:-2px;width:25px;height:5px;border-radius:4px;background:linear-gradient(90deg,transparent,var(--gold));opacity:0}

@media(prefers-reduced-motion:no-preference){
  .motion-ready .hero-halo{animation:halo-drift 16s ease-in-out infinite alternate}
  .motion-ready .diagram-stem:after{animation:stem-signal 3.8s ease-in-out infinite}
  .motion-ready .hero-node:after{animation:node-signal 7s ease-in-out infinite;animation-delay:calc(var(--order,0) * .65s)}
  .motion-ready .reveal.in-view h2 .serif,.motion-ready .reveal.in-view h3 .serif{animation:headline-rise 1.2s var(--ease) both;animation-delay:.12s;display:inline-block;max-width:100%;vertical-align:bottom}
  .motion-ready .milestone.in-view .year{animation:year-arrive 1.1s var(--ease) both;animation-delay:var(--delay,0ms)}
  .motion-ready .workflow-step:before{animation:workflow-pass 7s ease-in-out infinite;animation-delay:calc(var(--order,0) * 1.2s)}
  .motion-ready .relationship-path li{animation:relationship-pass 8s ease-in-out infinite;animation-delay:calc(var(--order,0) * 1.35s)}
  .motion-ready .visitor-cursor{animation:visitor-explore 6s ease-in-out infinite}
  .motion-ready .signal-core i:nth-child(2){animation:core-orbit 18s linear infinite}
  .motion-ready .signal-core i:first-child{animation:core-breathe 6s ease-in-out infinite}
  .motion-ready .signal-connection i{animation:lead-travel 6s ease-in-out infinite}
  .motion-ready .signal-connection:nth-child(4) i{animation-delay:1.8s}
  .motion-ready .signal-contact{animation:contact-arrive 6s ease-in-out infinite;animation-delay:2.9s}
  .motion-ready .offer-card:before{animation:edge-travel 8s linear infinite}
  .motion-ready .offer-cta:after{animation:cta-sheen 9s ease-in-out infinite}
}
.motion-scene:not(.scene-active) *,.motion-scene:not(.scene-active) *:before,.motion-scene:not(.scene-active) *:after,.motion-scene:not(.scene-active):before{animation-play-state:paused!important}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after,body.page-hidden *,body.page-hidden *:before,body.page-hidden *:after{animation-play-state:paused!important}
body.motion-paused .reveal.in-view h2 .serif,body.motion-paused .reveal.in-view h3 .serif,body.motion-paused .milestone .year{animation:none!important;clip-path:none;transform:none;opacity:1}
@keyframes halo-drift{to{transform:translateX(-50%) rotate(9deg) scale(1.06)}}
@keyframes stem-signal{0%,15%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}
@keyframes node-signal{0%,65%,100%{opacity:0}18%,35%{opacity:.7}}
@keyframes headline-rise{from{clip-path:inset(100% 0 0);transform:translateY(18px);opacity:.2}to{clip-path:inset(0);transform:translateY(0);opacity:1}}
@keyframes year-arrive{from{transform:translateY(18px);opacity:.2}to{transform:translateY(0);opacity:1}}
@keyframes workflow-pass{0%,70%,100%{transform:scaleX(.12);opacity:.25}18%,45%{transform:scaleX(1);opacity:1}}
@keyframes relationship-pass{0%,65%,100%{color:var(--white)}20%,40%{color:var(--gold)}}
@keyframes visitor-explore{0%,100%{transform:translate(0,0)}25%,45%{transform:translate(-24px,-14px)}65%,80%{transform:translate(-8px,-7px)}}
@keyframes core-orbit{to{transform:rotate(360deg)}}
@keyframes core-breathe{0%,100%{transform:scale(.94);opacity:.5}40%,60%{transform:scale(1.08);opacity:1}}
@keyframes lead-travel{0%,8%{left:0;opacity:0}15%{opacity:1}38%{left:calc(100% - 25px);opacity:1}44%,100%{left:calc(100% - 25px);opacity:0}}
@keyframes contact-arrive{0%,65%,100%{transform:translateY(0);border-color:var(--gold-line)}15%,40%{transform:translateY(-5px);border-color:var(--gold)}}
@keyframes edge-travel{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
@keyframes cta-sheen{0%,65%{left:-70%}85%,100%{left:140%}}
@media(max-width:760px){.timeline:after{display:none}.lead-signal{padding:24px 20px}.lead-signal figcaption{flex-direction:column;gap:6px}.signal-stages{grid-template-columns:1fr;gap:0}.signal-stage{display:grid;grid-template-columns:100px 1fr;column-gap:20px;text-align:left;align-items:center}.signal-art{grid-row:1 / 4;width:100px;height:80px}.signal-stage>.label{margin-top:0;align-self:end}.signal-stage h3{font-size:1rem;margin-top:4px}.signal-stage p{font-size:.75rem;margin-top:0;align-self:start}.signal-core{width:80px}.signal-contact{gap:5px;padding:8px}.contact-icon{width:25px;height:25px;font-size:13px;flex-shrink:0}.signal-contact>div{width:35px}.signal-connection{width:1px;height:35px;margin:12px 0 12px 50px}.signal-connection i{width:5px;height:15px;left:-2px;top:0;background:linear-gradient(transparent,var(--gold))}.motion-ready .signal-connection i{animation-name:lead-travel-down}.motion-button{right:12px;bottom:12px;font-size:.7rem}.relationship-assets{padding-left:23px}.relationship-asset:before{left:-27px}}
@keyframes lead-travel-down{0%,8%{top:0;opacity:0}15%{opacity:1}38%{top:calc(100% - 15px);opacity:1}44%,100%{top:calc(100% - 15px);opacity:0}}
@media(max-width:760px){.brain-visual{margin-top:44px;border-radius:10px}.brain-stage{height:340px}.brain-heading,.brain-footer{padding:14px 15px;font-size:.52rem}.brain-heading .brain-live{font-size:.5rem}.brain-callout{font-size:.5rem;padding:5px 6px}.brain-callout-one{left:5%;top:21%}.brain-callout-two{right:5%;top:27%}.brain-callout-three{left:8%;bottom:14%}.brain-core{width:60px;height:60px}.brain-wordmark{transform:translate(-50%,37px)}.brain-wordmark strong{font-size:.6rem}.brain-footer>span:first-child,.brain-footer>span:last-child{display:none}.brain-footer{justify-content:center}.brain-meter i{width:14px}}
@media(prefers-reduced-motion:reduce){.signal-connection i{opacity:1}.workflow-step:before{transform:scaleX(1)}.hero-halo{transform:translateX(-50%) rotate(-9deg)}}
