/* V20.4 — navigation + motion integrity layer. No layout/content rewrite. */
/* Fail-safe: the accepted Veliler hero must never disappear if motion JS fails to load. */
.kinetic-line{animation:v204-kinetic-failsafe .72s cubic-bezier(.2,.8,.2,1) .06s forwards}
.kinetic-line:nth-child(2){animation-delay:.16s}
.motion-ready .kinetic-line{animation:none}
@keyframes v204-kinetic-failsafe{to{opacity:1;transform:none;filter:none}}

/* One more desktop nav item (Ana Sayfa) without changing the mobile breakpoint. */
.global-nav>.explore-menu{display:block;flex:0 0 max-content;width:max-content}
.global-nav>.explore-menu>summary{width:max-content}
@media (min-width:1051px) and (max-width:1240px){
  .global-nav{gap:10px}
  .global-nav>a,.explore-menu summary{font-size:11.25px}
  .global-site-header{gap:12px}
}

/* Motion vocabulary: borders, light, progress and connector accents; text surfaces never scale/blur. */
.v204-motion-root{--v204-mint:#67e8c2;--v204-violet:#a68cff;--v204-amber:#d6a84b}
.v204-motion-root :is(.v20-subject-lanes>div,.v20-yks-priority>div,.v20-trajectory-cards>article,.v203-support-status>span,.v203-support-steps>article,.v20-included>span,.v20-editorial-stack>div,.v20-contact-scene>a,.v203-audience-card,.v203-trust-grid>article,.v20-roadmap>article){
  transform:none!important;filter:none!important;
  transition:border-color .34s ease,background-color .34s ease,box-shadow .34s ease,opacity .34s ease,color .34s ease!important;
}

.v20-subject-lanes>div.is-v204-active{background:rgba(103,232,194,.055);box-shadow:inset 3px 0 0 rgba(103,232,194,.8),0 0 26px rgba(103,232,194,.045)}
.v20-subject-lanes>div i{position:relative;overflow:visible}
.v20-subject-lanes>div i::after{content:"";position:absolute;top:50%;right:0;width:8px;height:8px;border-radius:50%;background:var(--v204-mint);box-shadow:0 0 0 5px rgba(103,232,194,.08),0 0 18px rgba(103,232,194,.45);opacity:0;transform:translate(50%,-50%)}
.v20-subject-lanes>div.is-v204-active i::after{animation:v204-dot-pulse 1.25s ease both}

.v20-yks-priority>div.is-v204-active{background:rgba(166,140,255,.07);box-shadow:inset 3px 0 0 rgba(166,140,255,.75)}
.v20-yks-priority>div.is-v204-active i{box-shadow:0 0 0 6px rgba(166,140,255,.07),0 0 20px currentColor}

.v20-trajectory{position:relative}
.v20-trajectory-line{position:relative;overflow:hidden}
.v20-trajectory-line::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v204-trajectory,0%);background:linear-gradient(90deg,rgba(166,140,255,.1),rgba(103,232,194,.22));transition:width .72s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.v20-trajectory-cards>article.is-v204-active{border-color:rgba(103,232,194,.48)!important;background:rgba(103,232,194,.045);box-shadow:0 20px 42px rgba(5,15,20,.12)}

.v203-support-status>span.is-v204-active{color:var(--v204-mint);background:rgba(103,232,194,.07);box-shadow:0 0 0 1px rgba(103,232,194,.18) inset}
.v203-support-steps>article.is-v204-active{border-color:rgba(103,232,194,.42)!important;box-shadow:0 22px 54px rgba(15,45,39,.09),inset 0 0 0 1px rgba(103,232,194,.07)}
.v203-support-demo.is-v204-scene-active .v203-support-answer{box-shadow:0 0 0 1px rgba(103,232,194,.17) inset,0 28px 68px rgba(5,15,20,.13)}

.v20-included>span.is-v204-active{color:#eefcf8;background:rgba(103,232,194,.065);box-shadow:inset 3px 0 0 rgba(103,232,194,.78)}
.v20-editorial-stack>div.is-v204-active{border-color:rgba(166,140,255,.38)!important;background:rgba(166,140,255,.055)}
.v20-contact-scene>a.is-v204-active{border-color:rgba(103,232,194,.42)!important;box-shadow:0 22px 60px rgba(14,55,45,.1),inset 0 0 0 1px rgba(103,232,194,.05)}
.v203-audience-card.is-v204-active{border-color:rgba(103,232,194,.38)!important;background:linear-gradient(145deg,rgba(103,232,194,.055),rgba(166,140,255,.035))}
.v203-trust-grid>article.is-v204-active{border-color:rgba(214,168,75,.38)!important;background:rgba(214,168,75,.04)}
.v20-roadmap>article.is-v204-active{border-color:rgba(103,232,194,.42)!important;box-shadow:0 18px 46px rgba(25,82,67,.08)}

/* In-view scene pulse is on decorative surfaces, not text. */
.v204-scene{position:relative}
.v204-scene::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 1px rgba(103,232,194,.12);transition:opacity .35s ease}
.v204-scene.is-v204-scene-active::after{opacity:1}

/* Rehber: useful scroll choreography — current section / TOC rather than decorative movement. */
.v20-article-section{transition:border-color .3s ease,background-color .3s ease}
.v20-article-section.is-v204-current{border-color:rgba(103,232,194,.34)!important;background:rgba(103,232,194,.028)}
.v20-article-toc a.is-v204-current{color:#111821;background:rgba(103,232,194,.17);box-shadow:inset 3px 0 0 #4cb99a}

@keyframes v204-dot-pulse{0%{opacity:0;transform:translate(50%,-50%) scale(.55)}25%{opacity:1}70%{opacity:1;transform:translate(50%,-50%) scale(1)}100%{opacity:.3;transform:translate(50%,-50%) scale(.82)}}

@media (prefers-reduced-motion:reduce){
  .kinetic-line{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
  .v204-motion-root *{animation:none!important;transition:none!important}
}


/* V20.5 — scroll storytelling & art-direction layer.
   Based on reviewed references: modular panel choreography + immersive ambient section transitions.
   No external motion library, no WebGL, no text blur/scale/3D. */
:root{--v205-parallax:0px;--v205-entry-x:0px;--v205-entry-y:44px;--v205-scene-accent:rgba(103,232,194,.12);--v205-scene-accent-2:rgba(166,140,255,.10)}
html.v205-motion-root{scroll-behavior:smooth}
html.v205-motion-root .v20-hero,html.v205-motion-root .v20-section{position:relative;isolation:isolate}
html.v205-motion-root .v20-hero>* ,html.v205-motion-root .v20-section>*{position:relative;z-index:1}

/* Atmospheric layers: existing palette only; decorative and pointer-inert. */
html.v205-motion-root .v20-hero::before{content:"";position:absolute;z-index:0;pointer-events:none;width:min(780px,62vw);aspect-ratio:1;border-radius:50%;right:-14%;top:-24%;opacity:.42;background:radial-gradient(circle at 42% 46%,var(--v205-scene-accent),transparent 34%),radial-gradient(circle at 58% 58%,var(--v205-scene-accent-2),transparent 56%);transform:translate3d(0,var(--v205-parallax),0);transition:opacity .45s ease}
html.v205-motion-root .v20-hero::after{content:"";position:absolute;z-index:0;pointer-events:none;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 8%,#000 42%,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 8%,#000 42%,#000 86%,transparent)}
html[data-v205-profile="yks"]{--v205-scene-accent:rgba(166,140,255,.16);--v205-scene-accent-2:rgba(214,168,75,.09)}
html[data-v205-profile="membership"]{--v205-scene-accent:rgba(214,168,75,.11);--v205-scene-accent-2:rgba(103,232,194,.10)}
html[data-v205-profile="about"]{--v205-scene-accent:rgba(166,140,255,.14);--v205-scene-accent-2:rgba(103,232,194,.09)}
html[data-v205-profile="support"]{--v205-scene-accent:rgba(103,232,194,.16);--v205-scene-accent-2:rgba(166,140,255,.12)}
html[data-v205-profile="growth"]{--v205-scene-accent:rgba(103,232,194,.13);--v205-scene-accent-2:rgba(166,140,255,.13)}

/* One-shot scroll consumption. Translation only, never scale/filter. */
.v205-enter{opacity:0;transform:translate3d(var(--v205-entry-x),var(--v205-entry-y),0);transition:opacity .72s cubic-bezier(.2,.8,.2,1),transform .82s cubic-bezier(.2,.8,.2,1);transition-delay:var(--v205-delay,0ms);will-change:transform,opacity}
.v205-enter.v205-from-left{--v205-entry-x:-54px;--v205-entry-y:0px}
.v205-enter.v205-from-right{--v205-entry-x:54px;--v205-entry-y:0px}
.v205-enter.v205-from-up{--v205-entry-x:0px;--v205-entry-y:46px}
.v205-enter.v205-soft{--v205-entry-x:0px;--v205-entry-y:26px}
.v205-enter.is-v205-visible{opacity:1;transform:none;will-change:auto}

/* Section heads use a quieter editorial rise; their accent line draws after entry. */
.v20-section-head.v205-enter{--v205-entry-y:32px}
.v20-section-head.v205-enter .v20-eyebrow span{transform-origin:left;transform:scaleX(.18);transition:transform .7s cubic-bezier(.2,.8,.2,1) .18s}
.v20-section-head.v205-enter.is-v205-visible .v20-eyebrow span{transform:scaleX(1)}

/* Dark sections receive a restrained moving glow, not a decorative video background. */
.v20-section.v20-dark.v205-scene-bg::before{content:"";position:absolute;z-index:0;pointer-events:none;width:min(660px,58vw);height:min(660px,58vw);border-radius:50%;left:var(--v205-bg-x,-16%);top:8%;opacity:0;transform:translate3d(0,42px,0);background:radial-gradient(circle,var(--v205-scene-accent),transparent 62%);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}
.v20-section.v20-dark.v205-scene-bg.is-v205-scene-visible::before{opacity:.72;transform:none}
.v20-section.v20-dark.v205-scene-bg:nth-of-type(even){--v205-bg-x:64%}

/* Gelişim Takibi trajectory: line lives in its own rail and connects card centres. */
.v20-trajectory{padding-top:38px;overflow:hidden}
.v20-trajectory-line{position:relative!important;left:auto!important;right:auto!important;top:auto!important;margin:22px calc(12.5% - 3px) 0!important;height:2px!important;overflow:visible!important;background:rgba(255,255,255,.09)!important}
.v20-trajectory-line::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#51418e,#8d7be4,#67e8c2);opacity:.55}
.v20-trajectory-line::after{content:"";position:absolute!important;left:0!important;top:0!important;bottom:auto!important;height:2px!important;width:var(--v204-trajectory,0%)!important;background:linear-gradient(90deg,var(--violet),var(--mint))!important;box-shadow:0 0 18px rgba(103,232,194,.18);transition:width .8s cubic-bezier(.2,.8,.2,1)!important}
.v20-trajectory-line i{top:-7px!important;z-index:2}
.v20-trajectory-line i:nth-child(1){left:0!important;transform:translateX(-50%)}
.v20-trajectory-line i:nth-child(2){left:33.333%!important;transform:translateX(-50%)}
.v20-trajectory-line i:nth-child(3){left:66.666%!important;transform:translateX(-50%)}
.v20-trajectory-line i:nth-child(4){right:0!important;transform:translateX(50%)}
.v20-trajectory-line i::after{content:"";position:absolute;left:50%;top:12px;width:1px;height:24px;background:linear-gradient(rgba(103,232,194,.24),transparent);transform:translateX(-50%)}
.v20-trajectory-cards{margin-top:38px!important;position:relative;z-index:2}
.v20-trajectory-cards>article{min-height:146px}
.v20-trajectory-callout{margin-top:66px!important;position:relative;z-index:2}

/* Route-specific scroll choreography: each family has a different rhythm. */
html[data-v205-profile="lgs"] .v20-feature-grid>.v20-feature:nth-child(odd),html[data-v205-profile="how"] .v20-roadmap>article:nth-of-type(odd){--v205-entry-x:-54px;--v205-entry-y:0px}
html[data-v205-profile="lgs"] .v20-feature-grid>.v20-feature:nth-child(even),html[data-v205-profile="how"] .v20-roadmap>article:nth-of-type(even){--v205-entry-x:54px;--v205-entry-y:0px}
html[data-v205-profile="yks"] .v20-feature-grid>.v20-feature,html[data-v205-profile="membership"] .v20-included>span{--v205-entry-x:0px;--v205-entry-y:38px}
html[data-v205-profile="growth"] .v20-feature-grid>.v20-feature:nth-child(1),html[data-v205-profile="growth"] .v20-roadmap>article:nth-of-type(1){--v205-entry-x:-48px;--v205-entry-y:0px}
html[data-v205-profile="growth"] .v20-feature-grid>.v20-feature:nth-child(2){--v205-entry-x:0px;--v205-entry-y:38px}
html[data-v205-profile="growth"] .v20-feature-grid>.v20-feature:nth-child(3),html[data-v205-profile="growth"] .v20-roadmap>article:nth-of-type(3){--v205-entry-x:48px;--v205-entry-y:0px}
html[data-v205-profile="support"] .v203-support-steps>article:nth-child(odd){--v205-entry-x:-46px;--v205-entry-y:0px}
html[data-v205-profile="support"] .v203-support-steps>article:nth-child(even){--v205-entry-x:46px;--v205-entry-y:0px}
html[data-v205-profile="about"] .v203-trust-grid>article:nth-child(odd),html[data-v205-profile="contact"] .v20-contact-scene>a:nth-child(odd){--v205-entry-x:-42px;--v205-entry-y:0px}
html[data-v205-profile="about"] .v203-trust-grid>article:nth-child(even),html[data-v205-profile="contact"] .v20-contact-scene>a:nth-child(even){--v205-entry-x:42px;--v205-entry-y:0px}
html[data-v205-profile="guide"] .v20-guide-card{clip-path:inset(0 0 18% 0 round 24px);transition:opacity .68s ease,transform .78s cubic-bezier(.2,.8,.2,1),clip-path .82s cubic-bezier(.2,.8,.2,1)}
html[data-v205-profile="guide"] .v20-guide-card.is-v205-visible{clip-path:inset(0 0 0 0 round 24px)}

/* Hero split: panel choreography inspired by the supplied references, no copy imitation. */
.v20-hero-copy.v205-enter{--v205-entry-x:-42px;--v205-entry-y:0px}
.v20-hero-visual.v205-enter{--v205-entry-x:48px;--v205-entry-y:0px}

/* Decorative surfaces can move a little; text-bearing card geometry remains stable after entry. */
.v20-lane-visual,.v20-yks-board,.v20-trajectory,.v20-question-flow,.v20-membership,.v20-brand-scene,.v20-editorial-stack,.v20-contact-scene,.v203-support-demo{position:relative;overflow:hidden}
.v20-lane-visual::after,.v20-yks-board::after,.v20-trajectory::after,.v20-question-flow::after,.v20-membership::after,.v20-brand-scene::after,.v20-editorial-stack::after,.v20-contact-scene::after,.v203-support-demo::after{content:"";position:absolute;pointer-events:none;width:220px;height:220px;border-radius:50%;right:-80px;bottom:-100px;background:radial-gradient(circle,rgba(103,232,194,.09),transparent 68%);opacity:.8;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.v205-enter.is-v205-visible :is(.v20-lane-visual,.v20-yks-board,.v20-trajectory,.v20-question-flow,.v20-membership,.v20-brand-scene,.v20-editorial-stack,.v20-contact-scene,.v203-support-demo)::after{transform:translate3d(-20px,-18px,0)}

@media(max-width:680px){
  html.v205-motion-root .v20-hero::before{width:110vw;right:-48%;top:-6%;opacity:.28}
  html.v205-motion-root .v20-hero::after{background-size:54px 54px;opacity:.08}
  .v205-enter,.v205-enter.v205-from-left,.v205-enter.v205-from-right,.v205-enter.v205-from-up{--v205-entry-x:0px;--v205-entry-y:24px;transition-duration:.58s,.64s}
  .v20-trajectory{padding-top:26px}
  .v20-trajectory-line{display:none!important}
  .v20-trajectory-cards{margin-top:18px!important}
  .v20-trajectory-callout{margin-top:24px!important}
}
@media(prefers-reduced-motion:reduce){
  html.v205-motion-root{scroll-behavior:auto}
  html.v205-motion-root .v20-hero::before{transform:none!important;transition:none!important}
  .v205-enter{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
  .v20-section.v20-dark.v205-scene-bg::before{opacity:.34!important;transform:none!important;transition:none!important}
  .v20-section-head.v205-enter .v20-eyebrow span{transform:none!important;transition:none!important}
}


/* V20.5 R1 — page-family-specific choreography and trajectory draw.
   These rules keep the V19.11 palette and never transform text surfaces with scale/blur/3D. */
html[data-v205-profile="lgs"] .v20-section.v20-dark.v205-scene-bg::after,
html[data-v205-profile="growth"] .v20-section.v20-dark.v205-scene-bg::after,
html[data-v205-profile="support"] .v20-section.v20-dark.v205-scene-bg::after,
html[data-v205-profile="yks"] .v20-section.v20-dark.v205-scene-bg::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.16;
}
html[data-v205-profile="lgs"] .v20-section.v20-dark.v205-scene-bg::after{
  background:repeating-linear-gradient(118deg,transparent 0 84px,rgba(103,232,194,.045) 84px 85px,transparent 85px 168px);
  mask-image:linear-gradient(90deg,transparent,#000 28%,#000 82%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000 82%,transparent)
}
html[data-v205-profile="yks"] .v20-section.v20-dark.v205-scene-bg::after{
  background:radial-gradient(circle at 18% 30%,rgba(166,140,255,.13),transparent 24%),radial-gradient(circle at 82% 72%,rgba(214,168,75,.08),transparent 28%)
}
html[data-v205-profile="growth"] .v20-section.v20-dark.v205-scene-bg::after{
  background:linear-gradient(transparent 49.7%,rgba(103,232,194,.07) 50%,transparent 50.3%),repeating-linear-gradient(90deg,transparent 0 119px,rgba(166,140,255,.04) 119px 120px)
}
html[data-v205-profile="support"] .v20-section.v20-dark.v205-scene-bg::after{
  background:radial-gradient(circle at 78% 42%,transparent 0 80px,rgba(103,232,194,.055) 81px 82px,transparent 83px 142px,rgba(166,140,255,.045) 143px 144px,transparent 145px)
}
html[data-v205-profile="membership"] .v20-hero::before{opacity:.5;background:radial-gradient(circle at 45% 45%,rgba(214,168,75,.12),transparent 34%),radial-gradient(circle at 60% 58%,rgba(103,232,194,.09),transparent 55%)}
html[data-v205-profile="about"] .v20-hero::after{background-size:100% 1px;background-image:linear-gradient(90deg,transparent,rgba(166,140,255,.12),transparent);opacity:.35}
html[data-v205-profile="contact"] .v20-hero::before{right:auto;left:-18%;background:radial-gradient(circle at 52% 46%,rgba(103,232,194,.12),transparent 36%),radial-gradient(circle at 54% 58%,rgba(166,140,255,.08),transparent 58%)}

/* Growth rail is a dedicated navigation plane, not an overlay on copy. */
html[data-v205-profile="growth"] .v20-trajectory-line::before{transform:scaleX(.04);transform-origin:left center;transition:transform 1.05s cubic-bezier(.2,.8,.2,1)}
html[data-v205-profile="growth"] .v20-trajectory-line i{opacity:0;transform:translateY(7px);transition:opacity .42s ease,transform .62s cubic-bezier(.2,.8,.2,1)}
html[data-v205-profile="growth"] .v20-trajectory.v205-trajectory-ready .v20-trajectory-line::before{transform:scaleX(1)}
html[data-v205-profile="growth"] .v20-trajectory.v205-trajectory-ready .v20-trajectory-line i{opacity:1;transform:none}
html[data-v205-profile="growth"] .v20-trajectory.v205-trajectory-ready .v20-trajectory-line i:nth-child(2){transition-delay:.13s}
html[data-v205-profile="growth"] .v20-trajectory.v205-trajectory-ready .v20-trajectory-line i:nth-child(3){transition-delay:.26s}
html[data-v205-profile="growth"] .v20-trajectory.v205-trajectory-ready .v20-trajectory-line i:nth-child(4){transition-delay:.39s}

@media (prefers-reduced-motion:reduce){
  html[data-v205-profile="growth"] .v20-trajectory-line::before{transform:none!important;transition:none!important}
  html[data-v205-profile="growth"] .v20-trajectory-line i{opacity:1!important;transform:none!important;transition:none!important}
}

/* Exact trajectory node/card centre alignment. */
html[data-v205-profile="growth"] .v20-trajectory-line i:nth-child(1){left:0!important;margin-left:-8px}
html[data-v205-profile="growth"] .v20-trajectory-line i:nth-child(2){left:33.333333%!important;margin-left:-8px}
html[data-v205-profile="growth"] .v20-trajectory-line i:nth-child(3){left:66.666667%!important;margin-left:-8px}
html[data-v205-profile="growth"] .v20-trajectory-line i:nth-child(4){left:auto!important;right:-8px!important;margin:0}

/* V20.6 — cinematic reversible story engine.
   Source-derived lesson from Mùn: motion is tied to state/scroll progress, not one-shot reveal decoration.
   Original NoktaKoy implementation: no copied assets/code, no scroll hijack, no text blur/scale. */
@view-transition{navigation:auto}
:root{--v206-pointer-x:0;--v206-pointer-y:0}
html.v206-motion-root body{overflow-x:hidden}
html.v206-motion-root .v206-scene{--v206-p:0;--v206-drift:0px;position:relative;isolation:isolate}

/* Disable V20/V20.5 one-shot reveal ownership. V20.6 continuously owns the same surfaces. */
html.v206-motion-root .v20-reveal,
html.v206-motion-root .v205-enter{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important}

/* Reversible section atmosphere: background moves forward while scrolling down and naturally reverses upward. */
html.v206-motion-root main>.v20-section::before,
html.v206-motion-root main>.v20-hero::before{
  will-change:transform,opacity;
}
html.v206-motion-root main>.v20-section.v20-dark::before{
  transform:translate3d(var(--v206-drift),0,0)!important;
  opacity:.62!important;
  transition:none!important;
}
html.v206-motion-root .v20-hero::before{
  transform:translate3d(calc(var(--v206-drift) + (var(--v206-pointer-x) * 10px)),calc(var(--v205-parallax,0px) + (var(--v206-pointer-y) * 8px)),0)!important;
  transition:none!important;
}
html.v206-motion-root .v20-hero::after{transform:translate3d(calc(var(--v206-pointer-x) * -8px),calc(var(--v206-pointer-y) * -5px),0);transition:transform .28s ease-out}

/* Text-bearing surfaces never blur or scale. Translation/opacity are scroll-progress controlled. */
html.v206-motion-root .v206-item{
  opacity:1!important;
  transform:translate3d(var(--v206-x,0px),var(--v206-y,0px),0)!important;
  filter:none!important;
  transition:none!important;
  will-change:transform,opacity;
}
html.v206-motion-root .v20-guide-card.v206-item{clip-path:inset(0 0 var(--v206-clip,0%) 0 round 24px)!important}

/* Hero behaves as a scene, not a static two-column billboard. */
html.v206-motion-root .v20-hero{overflow:hidden}
html.v206-motion-root .v20-hero-copy{z-index:3}
html.v206-motion-root .v20-hero-visual{z-index:2}
html.v206-motion-root .v20-hero-visual::before{
  content:"";position:absolute;inset:-12%;pointer-events:none;z-index:-1;border-radius:50%;
  background:conic-gradient(from 210deg,transparent 0 18%,rgba(103,232,194,.12) 27%,transparent 38% 58%,rgba(166,140,255,.12) 68%,transparent 79%);
  mask-image:radial-gradient(circle,transparent 0 42%,#000 43% 44%,transparent 45% 59%,#000 60% 60.7%,transparent 61.5%);
  -webkit-mask-image:radial-gradient(circle,transparent 0 42%,#000 43% 44%,transparent 45% 59%,#000 60% 60.7%,transparent 61.5%);
  opacity:.48;transform:rotate(calc(var(--v206-p,0) * 28deg));transform-origin:center;will-change:transform;
}

/* Automatic components get real previous/next controls while remaining automatic when untouched. */
.v206-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px;position:relative;z-index:8}
.v206-control{width:42px;height:42px;border-radius:999px;border:1px solid rgba(103,232,194,.28);background:rgba(6,16,24,.78);color:#dffbf2;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.16);transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}
.v206-control:hover,.v206-control:focus-visible{background:rgba(103,232,194,.12);border-color:rgba(103,232,194,.62);outline:none;transform:translateY(-1px)}
.v206-control-state{min-width:58px;text-align:center;font-size:9px;letter-spacing:.13em;color:#8ea0af;font-weight:900}
.v20-sequence.v206-orbit-sequence{position:relative;overflow:hidden}
.v20-sequence.v206-orbit-sequence>.v206-controls{position:absolute;right:20px;bottom:18px;margin:0}
.v20-sequence.v206-orbit-sequence::after{content:"";position:absolute;pointer-events:none;width:118%;aspect-ratio:1;border:1px solid rgba(103,232,194,.10);border-radius:50%;left:-9%;top:38%;z-index:0}
.v20-sequence.v206-orbit-sequence>*{position:relative;z-index:1}

/* Route-specific scene grammar: each family has a different visual field. */
html[data-v206-profile="home"] .v20-hero::after{background-image:radial-gradient(circle at 20% 20%,rgba(103,232,194,.06) 0 2px,transparent 3px),radial-gradient(circle at 80% 72%,rgba(166,140,255,.07) 0 2px,transparent 3px);background-size:88px 88px,120px 120px}
html[data-v206-profile="lgs"] main>.v20-section.v20-dark::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-radial-gradient(circle at 80% 38%,transparent 0 72px,rgba(103,232,194,.055) 73px 74px,transparent 75px 146px);transform:translateX(var(--v206-drift));z-index:0}
html[data-v206-profile="yks"] main>.v20-section.v20-dark::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.26;background:radial-gradient(circle at 14% 30%,rgba(166,140,255,.13),transparent 25%),radial-gradient(circle at 82% 68%,rgba(214,168,75,.08),transparent 27%);transform:translate3d(var(--v206-drift),0,0);z-index:0}
html[data-v206-profile="growth"] main>.v20-section.v20-dark::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:linear-gradient(transparent 49.7%,rgba(103,232,194,.08) 50%,transparent 50.3%),repeating-linear-gradient(90deg,transparent 0 119px,rgba(166,140,255,.05) 119px 120px);transform:translateX(var(--v206-drift));z-index:0}
html[data-v206-profile="support"] main>.v20-section.v20-dark::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-radial-gradient(circle at 78% 42%,transparent 0 80px,rgba(103,232,194,.06) 81px 82px,transparent 83px 142px,rgba(166,140,255,.05) 143px 144px,transparent 145px);transform:translate3d(var(--v206-drift),0,0);z-index:0}
html[data-v206-profile="membership"] .v20-hero::before{background:radial-gradient(circle at 45% 45%,rgba(214,168,75,.14),transparent 34%),radial-gradient(circle at 60% 58%,rgba(103,232,194,.10),transparent 55%)!important}
html[data-v206-profile="contact"] .v20-hero::before{left:-16%!important;right:auto!important}

/* Growth route is explicitly scroll-driven; no line may cross copy surfaces. */
html[data-v206-profile="growth"] .v20-trajectory-line::after{width:var(--v206-route,var(--v204-trajectory,0%))!important;transition:none!important}
html[data-v206-profile="growth"] .v20-trajectory-line::before{transform:scaleX(1)!important;transition:none!important}
html[data-v206-profile="growth"] .v20-trajectory-line i{opacity:1!important;transform:none!important;transition:none!important}

/* Roadmap connectors participate in the narrative instead of sitting dead between cards. */
html.v206-motion-root .v20-roadmap>i{display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;border:1px solid rgba(103,232,194,.18);background:rgba(103,232,194,.045);color:var(--mint);transition:background .25s ease,border-color .25s ease,color .25s ease}
html.v206-motion-root .v20-roadmap:hover>i{background:rgba(103,232,194,.10);border-color:rgba(103,232,194,.36)}

/* Closing and footer remain alive on the return path because their state is also scroll-linked. */
html.v206-motion-root .v20-closing-card{transform:translate3d(0,var(--v206-y,0),0);will-change:transform}
html.v206-motion-root .global-footer{position:relative;overflow:hidden}
html.v206-motion-root .global-footer::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-180px;top:-260px;background:radial-gradient(circle,rgba(103,232,194,.08),transparent 65%);pointer-events:none}

/* Mobile: same story logic, calmer amplitudes and large touch controls. */
@media(max-width:680px){
  .v206-control{width:44px;height:44px}
  .v20-sequence.v206-orbit-sequence>.v206-controls{right:12px;bottom:12px}
  .v20-sequence.v206-orbit-sequence::after{width:170%;left:-35%;top:44%}
  html.v206-motion-root .v20-hero-visual::before{opacity:.30}
}
@media(pointer:coarse){.v206-control:hover{transform:none}}
@media(prefers-reduced-motion:reduce){
  html.v206-motion-root .v206-item{opacity:1!important;transform:none!important;clip-path:none!important;will-change:auto!important}
  html.v206-motion-root main>.v20-section::before,html.v206-motion-root main>.v20-section::after,html.v206-motion-root .v20-hero::before,html.v206-motion-root .v20-hero::after,html.v206-motion-root .v20-hero-visual::before{transform:none!important;transition:none!important}
  .v206-controls{display:none!important}
}