:root{--ease:cubic-bezier(.2,.8,.2,1)}
body{overflow-x:hidden}
.mobile-menu-btn{display:none;border:1px solid var(--line);background:transparent;color:var(--text);padding:8px 12px}.mobile-menu{display:none}
.nav{position:relative;z-index:3}.nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--mint),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s}.nav:hover:after{transform:scaleX(1)}
.hero{isolation:isolate}.hero:after{content:"";position:absolute;width:550px;height:550px;right:-180px;top:15%;border-radius:50%;background:#4beed61b;filter:blur(90px);z-index:-1;pointer-events:none}.orb-core{animation:coreFloat 7s ease-in-out infinite}.orbit:before{animation:orbitA 13s linear infinite}.orbit:after{animation:orbitB 19s linear infinite}.float{animation:coreFloat 6s ease-in-out infinite alternate}
@keyframes coreFloat{50%{transform:translateY(-18px) rotate(-10deg)}}@keyframes orbitA{to{transform:rotateX(61deg) rotate(337deg)}}@keyframes orbitB{to{transform:rotateY(63deg) rotate(388deg)}}
.scroll-line{height:3px;position:fixed;left:0;top:0;width:0;background:var(--mint);z-index:50;box-shadow:0 0 14px var(--mint)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}
.card,.feature,.step,.token{transition:transform .3s var(--ease),border-color .3s,background .3s,box-shadow .3s}.card:hover,.feature:hover,.step:hover,.token:hover{transform:translateY(-5px);border-color:var(--mint);box-shadow:0 18px 40px #0003}.feature:hover{background:#122b3e}
.section-head .control-pair{display:flex;gap:8px}.square-btn{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--text);font-size:23px}.square-btn:hover{border-color:var(--mint);color:var(--mint)}
.feature-carousel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-slide{min-height:310px;position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#163b4a,#0d2234 72%);padding:28px;display:flex;flex-direction:column;justify-content:end}.feature-slide:before{content:attr(data-glyph);font-size:195px;line-height:1;position:absolute;right:0;top:2px;color:#6cf5d21b;font-weight:900}.feature-slide small{color:var(--mint);font:12px Consolas,monospace}.feature-slide h3{font-size:28px;margin:8px 0}.feature-slide p{color:var(--muted);margin:0}.feature-slide:hover{border-color:var(--mint)}
.pipeline-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pipeline-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.pipeline-tab{padding:13px 8px;border:1px solid var(--line);background:#0b1d2d;color:var(--muted);text-align:left;font:12px Consolas,monospace}.pipeline-tab b{display:block;font:700 17px Arial;margin-top:6px;color:var(--text)}.pipeline-tab.active{background:var(--mint);border-color:var(--mint);color:#082333}.pipeline-tab.active b{color:#082333}.pipeline-panel,.terminal{border:1px solid var(--line);background:var(--panel);padding:27px;min-height:330px}.pipeline-panel h3{font-size:36px;line-height:1.1;margin:18px 0}.pipeline-panel p{color:var(--muted)}.pipeline-examples{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.terminal{background:#06131f;font:13px/1.8 Consolas,monospace;color:#9df3d8;overflow:auto}.terminal .term-head{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px;color:var(--muted)}.terminal-line{animation:termIn .35s both}@keyframes termIn{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}.pipeline-control{margin-top:15px;background:transparent;border:1px solid var(--line);color:var(--text);padding:9px 14px}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare article{background:var(--panel);border:1px solid var(--line);padding:30px}.compare article.positive{border-color:#3d9c90;background:linear-gradient(140deg,#113b41,#102436)}.compare h3{font-size:29px;margin:0 0 16px}.compare ul{padding:0;list-style:none}.compare li{padding:14px 0;border-top:1px solid var(--line);color:var(--muted)}.compare li:before{content:"×";margin-right:12px;color:var(--orange);font-weight:900}.compare .positive li:before{content:"✓";color:var(--mint)}
.persona-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.persona-tab{border:1px solid var(--line);background:transparent;color:var(--text);padding:11px 15px}.persona-tab.active{background:var(--mint);color:#092432;border-color:var(--mint)}.persona-panel{border:1px solid var(--line);background:linear-gradient(130deg,#173a49,#102436);padding:40px;min-height:220px}.persona-panel h3{font-size:36px;margin:0}.persona-panel p{max-width:670px;color:var(--muted)}
.marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--mint);color:#07232e;font:800 14px Consolas,monospace;white-space:nowrap}.marquee-track{display:inline-block;padding:12px 0;animation:marquee 25s linear infinite}.marquee span{padding-right:40px}@keyframes marquee{to{transform:translateX(-50%)}}
.upload-area{border:1px dashed var(--line);padding:13px;display:flex;align-items:center;gap:14px;margin-bottom:16px}.upload-area label{display:inline-block;margin:0;padding:10px 14px;border:1px solid var(--line);color:var(--text);cursor:pointer}.upload-area input{display:none}.upload-area small{color:var(--muted)}.upload-preview{width:52px;height:52px;object-fit:cover;display:none}.upload-preview.visible{display:block}
.modal-backdrop{position:fixed;inset:0;background:#020a12dc;z-index:90;display:none;align-items:center;justify-content:center;padding:18px}.modal-backdrop.open{display:flex}.review-modal{background:#102436;border:1px solid var(--mint);width:min(570px,100%);padding:27px;max-height:90vh;overflow:auto;box-shadow:0 30px 80px #000a}.review-modal h2{font-size:30px;margin:4px 0 18px}.review-modal .row{border-bottom:1px solid var(--line)}.review-modal .actions{margin-top:23px}.review-modal .warning{color:var(--orange);font-size:13px}
@media(max-width:900px){.feature-carousel{grid-template-columns:repeat(2,1fr)}.feature-slide:nth-child(3){display:none}.pipeline-wrap{grid-template-columns:1fr}}@media(max-width:600px){.feature-carousel{grid-template-columns:1fr}.feature-slide:nth-child(2){display:none}.compare{grid-template-columns:1fr}.pipeline-tabs{grid-template-columns:repeat(2,1fr)}.persona-panel{padding:24px}}
@media(max-width:900px){.mobile-menu-btn{display:block;margin-left:auto}.mobile-menu{display:none;position:absolute;z-index:20;left:0;right:0;background:#102436;border:1px solid var(--line);padding:12px}.mobile-menu.open{display:grid}.mobile-menu a{padding:10px;border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orb-core,.orbit:before,.orbit:after,.float,.marquee-track{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.card,.feature,.step,.token{transition:none}}