@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#f4f3ef;--muted:#949398;--subtle:#66656d;--line:#26252d;--panel:#15141a;--panel-2:#1b1a21;--violet:#9c7bff;--mint:#80e2c0;--amber:#f4be6d;--bg:#0b0a0e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1160px,100% - 48px);margin:0 auto}.skip-link{background:var(--mint);color:#06120e;z-index:100;border-radius:5px;padding:10px 14px;position:absolute;top:-60px;left:16px}.skip-link:focus{top:16px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:84px;display:flex}.npm-stat{color:var(--subtle);align-items:center;gap:8px;margin-left:auto;margin-right:30px;font:9px DM Mono,monospace;display:flex}.npm-stat:hover{color:var(--ink)}.npm-stat b{color:var(--mint);font-weight:500}.npm-badge{color:var(--mint);border:1px solid #4b583f;border-radius:3px;padding:3px 5px;font-size:9px}.brand{letter-spacing:.13em;align-items:center;gap:10px;font:500 12px DM Mono,monospace;display:flex}.brand-mark{border:1px solid #3a3747;border-radius:6px;align-items:flex-end;gap:3px;width:24px;height:24px;padding:4px;display:flex}.brand-mark span{background:var(--violet);border-radius:2px;width:4px;display:block}.brand-mark span:first-child{height:7px}.brand-mark span:nth-child(2){background:var(--mint);height:12px}.brand-mark span:nth-child(3){background:var(--amber);height:16px}.nav-links{color:var(--muted);align-items:center;gap:28px;font-size:12px;display:flex}.nav-links a:hover{color:var(--ink)}.nav-links .nav-cta{color:#10100f;background:var(--ink);border-radius:5px;padding:10px 15px}.nav-cta:hover{background:var(--mint)!important;color:#07130f!important}.menu-toggle{color:var(--ink);background:0 0;border:0;display:none}.hero{grid-template-columns:47% 53%;align-items:center;gap:20px;min-height:650px;padding:75px 0 80px;display:grid}.eyebrow,.section-kicker{color:var(--subtle);letter-spacing:.16em;font:500 10px DM Mono,monospace}.eyebrow{align-items:center;gap:9px;display:flex}.spark{background:var(--violet);width:7px;height:7px;box-shadow:0 0 16px var(--violet);border-radius:50%;display:inline-block}.spark-mint{background:var(--mint);box-shadow:0 0 16px var(--mint)}.spark-amber{background:var(--amber);box-shadow:0 0 16px var(--amber)}h1,h2,h3,p{margin:0}.hero h1{letter-spacing:-.07em;max-width:600px;margin:23px 0 24px;font-size:clamp(50px,6vw,82px);font-weight:700;line-height:.98}.hero-lede{max-width:490px;color:var(--muted);font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:5px;align-items:center;gap:12px;padding:14px 18px;font-size:12px;font-weight:700;display:inline-flex}.button-primary{color:#0a0a0c;background:var(--ink)}.button-primary:hover{background:var(--mint)}.button-quiet{color:var(--ink);border-color:var(--line);background:0 0}.button-quiet:hover{border-color:var(--muted)}.install-chip{border:1px solid var(--line);max-width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:9px;padding:14px 12px;font:11px DM Mono,monospace;display:flex}.install-chip:hover{color:var(--ink);border-color:#4f4b60}.prompt{color:var(--mint)}.install-chip code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.copy-state{color:var(--violet);margin-left:5px;font-size:10px}.hero-note{color:var(--subtle);margin-top:18px;font:10px DM Mono,monospace}.status-dot{background:var(--mint);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.hero-visual{justify-content:center;align-items:center;min-height:430px;display:flex;position:relative}.visual-glow{filter:blur(14px);background:radial-gradient(#825df62e,#0000 67%);width:440px;height:300px;position:absolute}.simple-demo{background:linear-gradient(145deg,#1a1821,#121117);border:1px solid #3d3850;border-radius:14px;width:min(470px,100%);padding:32px;position:relative;box-shadow:0 30px 90px #0000007a,0 0 0 1px #9a7bff12}.demo-label{color:var(--subtle);letter-spacing:.13em;font:500 10px DM Mono,monospace}.demo-prompt{color:var(--ink);letter-spacing:-.03em;background:#241d35;border:1px solid #4b4262;border-radius:8px;margin-top:12px;padding:18px 20px;font-size:20px;font-weight:600}.demo-arrow{color:var(--violet);text-align:center;margin:14px auto;font-size:20px}.demo-skills{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.demo-skills span{color:var(--mint);background:#19362e;border:1px solid #3b695b;border-radius:5px;padding:10px 11px;font:10px DM Mono,monospace}.demo-result{background:#14251f;border:1px solid #3b695b;border-radius:8px;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;display:flex}.demo-check{background:var(--mint);color:#09150f;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-weight:800;display:grid}.demo-result b,.demo-result small{display:block}.demo-result b{font-size:13px}.demo-result small{color:#8bb5a6;margin-top:3px;font-size:10px}.trust-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:88px;color:var(--subtle);letter-spacing:.1em;justify-content:space-between;align-items:center;font:9px DM Mono,monospace;display:flex}.trust-bar div{color:#77757e;letter-spacing:.08em;gap:40px;font-size:11px;display:flex}.section{padding:140px 0 0}.section-kicker{margin-bottom:28px}.section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:80px;margin-bottom:55px;display:grid}.section-heading h2,.build-layout h2,.final-cta h2{letter-spacing:-.065em;max-width:580px;font-size:clamp(37px,4.3vw,59px);line-height:1.03}.section-heading p,.build-layout>div>p,.final-cta p{color:var(--muted);max-width:405px;font-size:14px;line-height:1.75}.problem-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.problem-card{border:1px solid var(--line);background:var(--panel);border-radius:7px;min-height:315px;padding:25px}.problem-card h3{letter-spacing:-.04em;margin:57px 0 11px;font-size:21px}.problem-card p,.step p,.explain-points p,.faq-item p{color:var(--muted);font-size:13px;line-height:1.7}.card-index,.step-number{color:var(--subtle);font:10px DM Mono,monospace}.problem-dark{background:#121117}.problem-accent{background:linear-gradient(145deg,#17131d,#161522);border-color:#3d3156}.bars{align-items:flex-end;gap:7px;height:65px;margin-top:27px;display:flex}.bars i{background:#37343e;border-radius:2px;width:16%;height:35%}.bars i:nth-child(2){height:52%}.bars i:nth-child(3){height:43%}.bars i:nth-child(4){background:#61527d;height:72%}.bars i:nth-child(5){background:#7a65aa;height:61%}.bars i:nth-child(6){background:#a07bff;height:88%}.problem-card small{color:var(--subtle);font:9px DM Mono,monospace}.tool-orbit{height:92px;margin-top:25px;position:relative}.tool-orbit span,.tool-orbit b{color:var(--muted);border:1px solid #3a3743;border-radius:3px;padding:6px 9px;font:9px DM Mono,monospace;position:absolute}.tool-orbit span:first-child{top:0;left:0}.tool-orbit span:nth-child(2){top:0;right:7px}.tool-orbit span:nth-child(3){bottom:0;left:20px}.tool-orbit span:nth-child(4){bottom:0;right:0}.tool-orbit b{color:var(--ink);border-color:var(--violet);background:#28203b;font-weight:400;top:33px;left:42%}.scan-row{align-items:center;gap:7px;margin-top:35px;font:8px DM Mono,monospace;display:flex}.scan-row span,.scan-row b{color:#8d809f;border:1px solid #3b3545;padding:7px 8px;font-weight:400}.scan-row b{color:var(--mint);background:#19362e;border-color:#3a6959}.section-how{padding-top:160px}.steps{grid-template-columns:repeat(3,1fr);gap:38px;display:grid}.step{border-top:1px solid #3d3945;padding-top:16px}.step h3{letter-spacing:-.03em;margin:25px 0 10px;font-size:18px}.step-visual{background:#121117;border:1px solid #2a2832;border-radius:5px;height:125px;margin-top:19px;padding:18px}.step-install{color:var(--muted);flex-direction:column;gap:12px;font:10px DM Mono,monospace;display:flex}.step-install>span{color:var(--mint);font-size:22px}.step-install i{color:var(--mint);font-style:normal}.step-route{justify-content:center;align-items:center;gap:8px;font:9px DM Mono,monospace;display:flex}.route-node{color:var(--muted);border:1px solid #383542;border-radius:4px;padding:8px 6px}.route-selected{color:var(--violet);background:#251d39;border-color:#67509a}.step-route i{color:var(--subtle);font-style:normal}.text-link{color:var(--mint);margin-top:auto;font:10px DM Mono,monospace}.build-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#111016;margin-top:150px;padding:105px 0}.build-layout{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.build-layout h2{margin:25px 0 20px}.build-layout>div>p{margin-bottom:30px}.code-window{background:#0c0b10;border:1px solid #3a3549;border-radius:7px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.code-tabs{color:var(--subtle);border-bottom:1px solid #292632;gap:25px;padding:14px 18px 11px;font:10px DM Mono,monospace;display:flex}.code-tabs .tab-active{color:var(--ink);border-bottom:1px solid var(--violet);margin-bottom:-12px;padding-bottom:11px}.code-window pre{color:#c7c2d0;margin:0;padding:25px 24px;font:12px/1.8 DM Mono,monospace;overflow:auto}.code-muted{color:#5f5a68}.code-pink{color:var(--violet)}.code-green{color:var(--mint)}.final-cta{text-align:center;flex-direction:column;align-items:center;padding:160px 0 145px;display:flex}.final-mark{align-items:flex-end;gap:5px;height:33px;margin-bottom:31px;display:flex}.final-mark span{background:var(--violet);border-radius:4px;width:8px}.final-mark span:first-child{height:12px}.final-mark span:nth-child(2){background:var(--mint);height:22px}.final-mark span:nth-child(3){background:var(--amber);height:31px}.final-cta h2{margin:22px 0 18px;font-size:clamp(52px,7vw,92px)}.final-cta h2 em{color:var(--violet);font-style:normal}.final-cta p{max-width:430px}.final-cta .hero-actions{justify-content:center}.footer{border-top:1px solid var(--line);min-height:88px;color:var(--subtle);justify-content:space-between;align-items:center;font-size:10px;display:flex}.footer>span{margin-left:-160px}.footer>div{gap:21px;display:flex}.footer a:hover{color:var(--ink)}.hero-lede b,.problem-card p b{color:var(--ink);font-weight:600}.demo-command{letter-spacing:0;font:12px/1.5 DM Mono,monospace}.demo-footnote{color:var(--subtle);text-align:center;margin-top:14px;font:9px DM Mono,monospace}.step-install code{color:var(--ink)}.explain-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.explain-points{gap:12px;display:grid}.explain-points article{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:22px 24px}.explain-points article:last-child{background:#14251f;border-color:#3b695b}.explain-points b{letter-spacing:-.02em;margin-bottom:8px;font-size:16px;display:block}.catalog-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.catalog-card{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:22px 18px}.catalog-card h3{letter-spacing:-.03em;font-size:18px}.catalog-card small{color:var(--subtle);margin:4px 0 16px;font:10px DM Mono,monospace;display:block}.catalog-card .demo-skills span{padding:6px 7px;font-size:9px}.catalog-link{margin-top:24px;display:inline-block}.section-heading code{color:var(--mint);font:12px DM Mono,monospace}.inline-link{color:var(--mint);text-decoration:underline}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line);padding:22px 4px}.faq-item summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;gap:20px;font-size:17px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--violet);font-weight:400}.faq-item[open] summary:after{content:"−"}.faq-item p{max-width:720px;margin-top:12px}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{max-width:650px}.hero-visual{margin-top:30px}.section-heading{gap:35px}.build-layout{gap:45px}.footer>span{margin-left:0}.trust-bar div{gap:18px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.explain-grid{grid-template-columns:1fr}}@media (max-width:680px){.shell{width:min(100% - 32px,1160px)}.nav{height:70px}.npm-stat{margin-right:8px;font-size:8px}.npm-stat span:last-child{display:none}.menu-toggle{flex-direction:column;gap:5px;padding:10px;display:flex}.menu-toggle>span:not(.sr-only){background:var(--ink);width:20px;height:1px}.nav-links{z-index:5;background:#17161d;border:1px solid #373442;border-radius:6px;flex-direction:column;align-items:stretch;gap:0;padding:17px;display:none;position:absolute;top:70px;left:16px;right:16px}.nav-links-open{display:flex}.nav-links a{padding:12px 8px}.nav-links .nav-cta{text-align:center;margin-top:6px}.hero{min-height:auto;padding:68px 0 75px}.hero h1{font-size:54px}.hero-lede{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.button,.install-chip{justify-content:center;width:100%}.hero-visual{min-height:380px}.simple-demo{padding:24px 20px}.demo-prompt{font-size:17px}.demo-skills span{text-align:center;flex:1}.trust-bar{height:auto;padding:23px 0;display:block}.trust-bar>span{margin-bottom:18px;display:block}.trust-bar div{justify-content:space-between;gap:6px;font-size:8px}.section,.section-how{padding-top:100px}.section-heading{margin-bottom:35px;display:block}.section-heading h2{margin-bottom:20px}.problem-grid,.steps,.build-layout,.explain-grid,.catalog-grid{grid-template-columns:1fr}.problem-card{min-height:270px}.steps{gap:30px}.demo-command{font-size:11px}.build-section{margin-top:100px;padding:75px 0}.build-layout{gap:45px}.code-window pre{padding:20px 15px;font-size:10px}.final-cta{padding:100px 0}.final-cta h2{font-size:58px}.footer{gap:18px;min-height:0;padding:25px 0;display:grid}.footer>div{gap:14px;font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}