.nav-product{color:var(--cyan)!important;font-family:'DM Mono',monospace}.front-preview{border-top:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--bg))}.front-preview-grid{display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:7rem}.product-wordmark{font:800 1rem 'DM Mono',monospace;letter-spacing:.12em;margin:0 0 15px}.product-wordmark span,.front-hero h1 span{color:var(--accent)}.front-preview-copy h2{font-size:clamp(2.5rem,4.8vw,4.4rem);line-height:1;letter-spacing:-.065em;margin:0}.front-preview-copy>p:not(.eyebrow,.product-wordmark){color:var(--muted);max-width:570px;margin:24px 0}.front-preview-terminal{border:1px solid rgba(235,238,255,.14);border-radius:16px;overflow:hidden;background:#08090e;box-shadow:var(--shadow);color:#f1f4f8}.front-preview-bar,.os-top{height:52px;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.08)}.front-preview-bar>span,.os-top>span{width:11px;height:11px;border-radius:50%;background:#34363d}.front-preview-bar code,.os-top code{margin-left:12px;color:#7d8290;font:500 .7rem 'DM Mono',monospace}.front-preview-body{padding:27px;font:500 .78rem/1.9 'DM Mono',monospace}.front-preview-body p,.os-tree p{margin:0}.front-preview-body b,.front-preview-ok,.os-command b{color:#47e5a2}.front-preview-ready{color:#37d9ff;margin-top:12px!important}
.front-page{--front-green:#47e5a2}.front-page main{overflow:hidden}.front-page .site-header{border-bottom-color:var(--line)}.front-hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:72px;padding-top:70px;padding-bottom:70px}.front-hero .eyebrow{display:flex;align-items:center;gap:8px}.front-hero h1{font-size:clamp(5rem,11vw,9rem);line-height:.8;letter-spacing:-.09em;margin:0}.front-tagline{font-size:clamp(1.35rem,2.5vw,2rem);font-weight:700;line-height:1.25;letter-spacing:-.04em;max-width:660px;margin:34px 0 16px}.front-lead,.front-muted{color:var(--muted);font-size:1.02rem;max-width:620px}.front-hero .hero-actions{margin-top:30px}.front-os{background:#07080d;border:1px solid rgba(235,238,255,.14);border-radius:18px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.45);transform:perspective(1200px) rotateY(-3deg)}.os-top{font:500 .72rem 'DM Mono',monospace}.os-top strong{margin-left:auto;color:var(--front-green);letter-spacing:.08em}.os-body{padding:32px;font:500 .8rem/1.9 'DM Mono',monospace;color:#f3f5fb}.os-tree{padding:22px 0;color:#c8ccd6}.os-tree span{float:right;color:var(--front-green);font-size:.65rem}.os-status{border-top:1px solid rgba(255,255,255,.08);padding-top:22px;margin-top:16px;display:flex;align-items:center;gap:12px}.os-status>span{width:9px;height:9px;border-radius:50%;background:var(--front-green);box-shadow:0 0 14px var(--front-green)}.os-status p{margin:0;line-height:1.45}.os-status small{color:#7e8492;letter-spacing:.1em}.front-split{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center}.front-split h2,.flow-section h2,.skills-section h2,.audience-section h2,.compare-section h2,.final-cta h2{font-size:clamp(2.4rem,4.7vw,4.3rem);line-height:1;letter-spacing:-.065em;margin:0}.front-copy{color:var(--muted);font-size:1.04rem}.context-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0;margin:25px 0}.context-list li{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:13px 15px;color:var(--text);font-weight:700}.context-list li:before{content:'+';color:var(--cyan);margin-right:9px}.front-note{border-left:2px solid var(--accent);padding-left:18px;color:var(--text)}.flow-section{background:var(--surface);border-block:1px solid var(--line)}.system-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-top:54px}.system-flow>div{min-height:130px;border:1px solid var(--line);border-radius:14px;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center}.system-flow>div.active{border-color:var(--accent);box-shadow:0 0 30px rgba(124,108,255,.16)}.system-flow>div i{color:var(--cyan)}.system-flow>i{width:18px;color:var(--muted)}.onboarding{list-style:none;padding:0;margin:50px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.onboarding li{background:var(--bg);padding:25px}.onboarding span{display:block;font:500 .7rem 'DM Mono',monospace;color:var(--cyan);margin-bottom:16px}.onboarding b{font-size:1.05rem}.onboarding p{font-size:.82rem;color:var(--muted);margin:8px 0 0}.memory-section{background:linear-gradient(180deg,var(--bg),var(--surface))}.memory-window{border:1px solid var(--line);background:var(--bg);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.memory-head{display:flex;align-items:center;gap:10px;padding:17px 20px;border-bottom:1px solid var(--line);font:500 .78rem 'DM Mono',monospace}.memory-file{padding:20px;border-bottom:1px solid var(--line);display:grid;gap:5px}.memory-file:last-child{border:0}.memory-file code{color:var(--front-green)}.memory-file span{color:var(--muted);font-size:.82rem}.skill-groups{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:48px}.skill-groups article{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:22px;min-width:0}.skill-groups article>i{color:var(--cyan);width:21px}.skill-groups h3{font-size:.9rem;margin:18px 0}.skill-groups code{display:block;color:var(--muted);font:500 .72rem/2 'DM Mono',monospace;white-space:normal}.learning-section{border-block:1px solid var(--line);background:var(--surface)}.learning-chain{display:flex;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap}.learning-chain span{border:1px solid var(--line);background:var(--bg);border-radius:99px;padding:8px 12px;color:var(--text);font-size:.75rem;font-weight:800}.learning-chain i{width:16px;color:var(--accent)}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.audience-grid span{border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--surface);font-weight:800}.audience-grid span:before{content:'↳';color:var(--cyan);margin-right:10px}.compare-section{background:var(--surface)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}.compare-grid article{border:1px solid var(--line);border-radius:16px;padding:34px;background:var(--bg)}.compare-grid article.featured{border-color:var(--accent)}.compare-label{font:500 .68rem 'DM Mono',monospace;color:var(--cyan);letter-spacing:.08em}.compare-grid h3{font-size:1.5rem;margin:28px 0 10px}.compare-grid article>p:last-child,.compare-grid li{color:var(--muted)}.final-cta{text-align:center;position:relative}.final-cta .container{max-width:850px}.final-cta p:not(.eyebrow){color:var(--muted);max-width:620px;margin:25px auto}.final-cta .button{margin-bottom:18px}.final-cta small{display:block;color:var(--muted)}
@media(max-width:980px){.front-preview-grid{gap:3rem}.front-hero{grid-template-columns:1fr;gap:50px;min-height:auto;padding-top:100px}.front-os{transform:none;max-width:620px}.front-split{gap:4rem}.skill-groups{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.front-preview-grid,.front-split{grid-template-columns:1fr}.front-hero{grid-template-columns:1fr;padding-top:70px}.front-hero h1{font-size:clamp(4.8rem,25vw,7rem)}.front-os{border-radius:14px}.front-split{gap:40px}.context-list{grid-template-columns:1fr}.system-flow{grid-template-columns:1fr;gap:8px}.system-flow>i{transform:rotate(90deg);justify-self:center}.onboarding{grid-template-columns:1fr}.skill-groups,.audience-grid{grid-template-columns:1fr 1fr}.compare-grid{grid-template-columns:1fr}.front-page .footer-inner{grid-template-columns:1fr auto!important}.front-page .footer-inner>p{display:none}}
@media(max-width:480px){.front-hero .hero-actions{align-items:flex-start;flex-direction:column}.skill-groups,.audience-grid{grid-template-columns:1fr}.os-tree span{float:none;margin-left:8px}.front-page .container{width:min(100% - 30px,1120px)}}
.purchase-card{width:min(760px,100%);margin:38px auto 20px;display:grid;grid-template-columns:.85fr 1.15fr;gap:0;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.purchase-summary{padding:32px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),var(--surface));border-right:1px solid var(--line)}.purchase-summary>span{font:500 .68rem 'DM Mono',monospace;letter-spacing:.09em;color:var(--cyan)}.purchase-summary strong{display:block;font-size:3.6rem;line-height:1;letter-spacing:-.07em;margin:22px 0 8px}.purchase-summary strong small{font-size:1rem;letter-spacing:0}.purchase-summary strong sup{font-size:1.25rem;vertical-align:top;letter-spacing:-.03em}.purchase-summary p{margin:0!important;font-size:.8rem}.purchase-card>ul{list-style:none;padding:32px;margin:0;display:flex;flex-direction:column;justify-content:center;gap:13px}.purchase-card li{display:flex;align-items:flex-start;gap:10px;font-size:.86rem}.purchase-card li i{width:17px;flex:0 0 17px;color:#47e5a2}.purchase-actions{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:20px;padding:22px;border-top:1px solid var(--line);background:var(--bg)}.purchase-actions .button{margin:0}.purchase-button{min-width:190px}.purchase-note{margin-top:14px}.final-cta>div>p:not(.eyebrow){margin-bottom:0}
@media(max-width:600px){.purchase-card{grid-template-columns:1fr}.purchase-summary{border-right:0;border-bottom:1px solid var(--line)}.purchase-card>ul{padding:26px}.purchase-actions{flex-direction:column;gap:4px}.purchase-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.front-os{transform:none}.reveal{opacity:1!important;transform:none!important}}
.skip-link{left:10px;transform:translateY(-200%);transition:transform .15s}.skip-link:focus{left:10px;transform:none}:where(a,button,input,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--cyan) 78%,white);outline-offset:3px}.success-shell{min-height:100vh;display:grid;place-items:center;padding:32px}.success-card{width:min(650px,100%);padding:clamp(32px,7vw,64px);border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.success-card .brand{margin-bottom:50px}.success-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(71,229,162,.14);color:#47e5a2;font-size:1.6rem;font-weight:800;margin-bottom:25px}.success-card h1{font-size:clamp(2.4rem,7vw,4.4rem);line-height:1;letter-spacing:-.065em;margin:0}.success-card>p:not(.eyebrow){color:var(--muted);font-size:1.02rem;margin:24px 0}.success-actions{display:flex;gap:18px;align-items:center;margin-bottom:20px}.success-card small{color:var(--muted)}@media(max-width:560px){.success-actions{align-items:stretch;flex-direction:column}.success-actions .button{width:100%}}