/* Progressive enhancement: all content is visible without the motion script. */
html:has(.marketing-page),.marketing-page{overflow-x:clip}
.scroll-progress{position:absolute;inset:auto 0 -1px;height:2px;background:var(--green);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.desktop-nav a{position:relative;padding-block:7px}
.desktop-nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.desktop-nav a:hover:after,.desktop-nav a[aria-current=location]:after{transform:scaleX(1)}
.hero{position:relative;isolation:isolate}
.hero-atmosphere{position:absolute;z-index:-1;inset:-84px 0 0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 72% 19%,#c0dfb34d,transparent 48%),radial-gradient(ellipse at 22% 37%,#b1d7c52b,transparent 46%);mask-image:linear-gradient(#000 65%,transparent)}
.hero-orbit{position:absolute;right:4%;top:-190px;width:630px;height:630px;border:1px solid #48744915;border-radius:50%;transform:translate3d(0,var(--orbit-y,0px),0) rotate(-25deg)}
.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;inset:65px;border:1px solid #48744918;border-radius:50%}
.hero-orbit:after{inset:130px;border-style:dashed;opacity:.6}
.hero-trace{position:absolute;top:220px;left:0;width:100%;height:320px;stroke:#3a745a15;stroke-width:1;fill:none;stroke-dasharray:1200;stroke-dashoffset:0}
.hero-heading h1 .hero-line{display:block;overflow:hidden;padding-bottom:.13em;margin-bottom:-.13em;font:inherit;color:inherit;letter-spacing:inherit}
.hero-line strong{display:block;font:inherit;letter-spacing:inherit}
.hero-line em{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:var(--green);letter-spacing:-.04em}
.motion-enabled .hero-line strong,.motion-enabled .hero-line em{animation:hero-enter 1.15s cubic-bezier(.2,.7,.2,1) both}
.motion-enabled .hero-line em{animation-delay:.13s}
.motion-enabled .hero-copy{animation:copy-enter 1s .22s both}
.motion-enabled .hero-trace path{animation:trace-enter 2.5s .4s both}
@keyframes hero-enter{from{transform:translate3d(0,112%,0) rotate(3deg)}to{transform:translate3d(0,0,0) rotate(0)}}
@keyframes copy-enter{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes trace-enter{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}
.terminal-scene{grid-column:1/-1;position:relative;margin-top:56px}
.terminal-frame{position:relative;perspective:1600px}
.terminal-stage{position:relative;margin-top:0;transform-origin:50% 12%;backface-visibility:hidden}
.motion-wide .terminal-scene{height:135vh;min-height:940px;max-height:1500px}
.motion-wide .terminal-frame{position:sticky;top:110px;max-width:calc((100vh - 200px)*2.087);margin-inline:auto}
.motion-enabled.motion-wide .terminal-stage{transform:rotateX(var(--screen-angle,12deg)) rotateY(var(--pointer-angle,0deg)) scale(var(--screen-scale,.93));box-shadow:0 45px 100px -40px #133c2a80,0 0 0 1px #94b79a22;will-change:transform}
.terminal-frame:before{content:'';position:absolute;inset:10% -6% -8%;background:radial-gradient(ellipse,#75bd8c33,transparent 65%);z-index:-1;pointer-events:none}
.motion-enabled .terminal-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 33%,#c9efd415 47%,transparent 61%);opacity:var(--screen-gloss,.8)}
.scene-callouts{display:none}
.motion-enabled.motion-wide .scene-callouts{display:block;position:absolute;bottom:140px;right:-24px;pointer-events:none;width:320px;min-height:86px}
.scene-callout{position:absolute;inset:0;border:1px solid #bdcdb4;border-radius:8px;padding:18px 22px;background:#f2f3ecf5;color:var(--ink);box-shadow:0 16px 45px #081e2240;opacity:0;transform:translate3d(0,15px,0);transition:opacity .35s,transform .5s cubic-bezier(.2,.7,.2,1);font-size:15px;font-weight:520;line-height:1.5}
.scene-callout small{display:block;font-size:7px;letter-spacing:1.3px;font-weight:550;color:var(--green);margin-bottom:6px}
[data-phase="0"] [data-scene-note="0"],[data-phase="1"] [data-scene-note="1"],[data-phase="2"] [data-scene-note="2"]{opacity:1;transform:translate3d(0,0,0)}
.scene-scroll-cue{display:none}
.motion-enabled.motion-wide .scene-scroll-cue{display:flex;align-items:center;gap:15px;justify-content:center;margin-top:28px;color:#75846e;font-size:7px;letter-spacing:1.5px;opacity:var(--cue-opacity,1)}
.scene-scroll-cue>span{font-size:17px;animation:cue-shift 1.8s ease-in-out infinite;animation-play-state:paused}.hero-in-view .scene-scroll-cue>span{animation-play-state:running}
@keyframes cue-shift{50%{transform:translateY(5px)}}
.kinetic-ribbon{position:relative;overflow:hidden;background:var(--dark);color:#d9edc8;padding:52px 0 25px;border-block:1px solid #35523e}
.ribbon-track{display:flex;align-items:center;gap:52px;width:max-content;transform:translate3d(var(--ribbon-x,-100px),0,0);will-change:transform}
.ribbon-track>span{font-size:clamp(100px,11.5vw,185px);font-weight:500;line-height:1.1;letter-spacing:-.065em;white-space:nowrap}
.ribbon-track .ribbon-outline{color:transparent;-webkit-text-stroke:1px #a4c39e}
.ribbon-caption{display:flex;justify-content:space-between;align-items:center;margin-top:37px;font-size:7px;letter-spacing:1.5px;color:#99b692}
.ribbon-caption svg{width:20px;height:20px}
.motion-enabled [data-reveal]{opacity:0;translate:0 35px;transition:opacity .8s cubic-bezier(.2,.7,.2,1),translate .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-enabled [data-reveal].is-visible{opacity:1;translate:0 0}
.motion-enabled .feature-panel:not([hidden]){animation:copy-enter .55s both}
.motion-enabled.motion-wide .feature-image img{transform:translate3d(0,var(--feature-shift,0px),0) scale(1.06);transform-origin:center;will-change:transform}
.feature-image{isolation:isolate}
.feature-image figcaption{position:relative;z-index:1}
.motion-enabled .keys-section{position:relative;isolation:isolate;overflow:hidden}
.motion-enabled .keys-section:before{content:'';position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--vault-light-x,72%) 40%,#5aa57020,transparent 48%);transform:translate3d(0,var(--vault-shift,0px),0)}
.motion-enabled.motion-wide .vault-diagram{transform:perspective(1200px) rotateY(var(--vault-angle,-8deg));transform-origin:center;will-change:transform}
.motion-enabled .lock-circle:after{content:'';position:absolute;inset:-9px;border:1px solid #93c59b40;border-radius:50%;scale:var(--lock-scale,1);opacity:var(--lock-opacity,.4)}
.lock-circle{position:relative}
.motion-enabled .vault-items span{transition:background .25s,border-color .25s,translate .25s}
.vault-items span:hover{background:#284b34;border-color:#9bc8a5;translate:0 -3px}
.motion-enabled .community-preview.is-visible .preview-message{animation:message-enter .7s both}
.motion-enabled .community-preview.is-visible .preview-message:nth-of-type(3){animation-delay:.14s}
.motion-enabled .community-preview.is-visible .preview-message:nth-of-type(4){animation-delay:.28s}
@keyframes message-enter{from{opacity:0;translate:-14px 8px}to{opacity:1;translate:0 0}}
.motion-enabled .button:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,#d7f3d528 49%,transparent 65%);translate:-110% 0;transition:translate .65s;pointer-events:none}
.motion-enabled .button{position:relative;overflow:hidden}
.motion-enabled .button:hover:before{translate:110% 0}
.text-link svg,.steps a>span{transition:transform .25s}
.text-link:hover svg,.steps a:hover>span{transform:translateX(4px)}
.motion-control{min-width:44px;min-height:44px;justify-content:center;position:fixed;right:20px;bottom:20px;z-index:110;display:flex;gap:8px;align-items:center;padding:10px 13px;border:1px solid #8b9e8455;border-radius:50px;background:#f2f3eced;color:#305439;backdrop-filter:blur(12px);box-shadow:0 3px 18px #12302312;font-size:9px;line-height:1.5}
.motion-control:hover{background:#e4ecdc}
.motion-control svg{width:14px;height:14px}
.motion-play-icon{display:none}
.motion-control[aria-pressed=true] .motion-play-icon{display:block}
.motion-control[aria-pressed=true] .motion-pause-icon{display:none}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important}
.motion-paused .hero-line strong,.motion-paused .hero-line em,.motion-paused .hero-copy{opacity:1;transform:none;translate:none}
@media(min-width:1800px){.motion-wide .terminal-frame{top:120px}}
@media(max-width:1100px){.motion-enabled.motion-wide .scene-callouts{right:12px;width:270px}.scene-callout{font-size:13px;padding:16px 18px}.ribbon-track{gap:35px}}
@media(max-width:850px){.terminal-scene{margin-top:39px}.terminal-stage{margin:0}.hero-orbit{width:500px;height:500px;right:-170px;top:-90px}.hero-trace{top:350px;height:200px}.kinetic-ribbon{padding:35px 0 22px}.ribbon-track{gap:35px}.ribbon-track>span{font-size:100px}.ribbon-caption{margin-top:26px;font-size:6px}.motion-enabled [data-reveal]{translate:0 22px;transition-duration:.6s}.motion-enabled [data-reveal].is-visible{translate:0 0}.motion-control{right:14px;bottom:14px;padding:11px}.motion-control>span{display:none}}
@media(max-width:600px){.terminal-scene{margin-top:34px}.ribbon-track>span{font-size:76px;letter-spacing:-.06em}.ribbon-track{gap:27px}.kinetic-ribbon{padding-block:30px 18px}.ribbon-caption{font-size:5px;letter-spacing:1px}.hero-orbit{width:390px;height:390px;right:-140px;top:-35px}.hero-orbit:before{inset:45px}.hero-orbit:after{inset:90px}.hero-trace{top:280px;height:200px}.motion-enabled .hero-copy{animation-duration:.7s}.hero-heading h1 .hero-line{padding-bottom:.12em;margin-bottom:-.12em}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.hero-trace,.hero-orbit{transform:none!important}.hero-line strong,.hero-line em,.hero-copy,[data-reveal]{opacity:1!important;transform:none!important;translate:none!important}.terminal-scene{height:auto!important;min-height:0!important}.terminal-frame{position:relative!important;top:auto!important}.terminal-stage,.vault-diagram,.feature-image img,.ribbon-track{transform:none!important;will-change:auto!important}.scene-callouts,.scene-scroll-cue,.motion-control,.lock-circle:after{display:none!important}}
