:root{--bg: #282a36;--bg-raise: #2e3040;--panel: #21222c;--terminal: #21222c;--border: #44475a;--border-soft: #383a4a;--border-strong: #565973;--text: #f8f8f2;--text-2: #b4bad2;--text-3: #6272a4;--purple: #bd93f9;--pink: #ff79c6;--cyan: #8be9fd;--yellow: #f1fa8c;--orange: #ffb86c;--pill-bg: rgba(189, 147, 249, .14);--font-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;--ease-out: cubic-bezier(.23, 1, .32, 1);--radius: 4px;--radius-lg: 8px;--content: 1600px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:#bd93f959}h1,h2,h3,p{margin:0}a{color:inherit}img{max-width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:2px solid var(--purple);outline-offset:3px;border-radius:2px}.shell{width:min(var(--content),calc(100% - (2*clamp(14px,2.5vw,32px))));margin-inline:auto}.section{padding-block:clamp(64px,8vw,104px)}.hazard{height:20px;border-block:1px solid var(--border-soft);background:repeating-linear-gradient(-45deg,transparent 0 7px,var(--border-soft) 7px 8px)}.kicker{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.h2{font-size:clamp(30px,4.2vw,48px);font-weight:800;line-height:1.06;letter-spacing:-.022em;margin-top:14px;max-width:26ch;text-wrap:balance}.lede{margin-top:16px;font-size:clamp(16px,1.6vw,18px);color:var(--text-2);max-width:68ch}[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out);transition-delay:var(--d, 0ms)}[data-reveal].in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-reveal]{transform:none;transition:opacity .25s ease}}.pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:3px;background:var(--pill-bg);color:var(--purple)}.pill:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.top{border-bottom:1px solid var(--border-soft);background:#282a36d9;backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}.top-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-mono);font-size:15px;font-weight:600}.top-brand .prompt{color:var(--pink)}.top-links{display:flex;align-items:center;gap:22px;font-family:var(--font-mono);font-size:12.5px}.top-links a{text-decoration:none;color:var(--text-2);transition:color .14s ease}@media(hover:hover)and (pointer:fine){.top-links a:hover{color:var(--text)}}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:center;padding-block:clamp(48px,7vw,96px)}.hero-badge{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:11.5px;color:var(--purple);border:1px solid rgba(189,147,249,.4);border-radius:3px;padding:6px 12px;margin-bottom:24px}.hero-badge:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--purple)}.hero-title{font-size:clamp(36px,4.8vw,62px);font-weight:800;line-height:1.06;letter-spacing:-.03em;text-wrap:balance}.hero-title em{font-style:normal;color:var(--purple)}.hero-sub{margin-top:20px;font-size:clamp(16px,1.7vw,18.5px);color:var(--text-2);max-width:54ch}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:14.5px;line-height:1;padding:14px 20px;border-radius:var(--radius);text-decoration:none;transition:transform .14s var(--ease-out),background-color .14s ease,border-color .14s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--text);color:var(--bg)}.btn-secondary{border:1px solid var(--border-strong);color:var(--text)}.btn .btn-arrow{display:inline-block;transition:transform .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.btn-primary:hover{background:#ddddda}.btn-primary:hover .btn-arrow{transform:translate(3px)}.btn-secondary:hover{border-color:var(--purple)}}.term{background:var(--terminal);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;min-width:0;position:relative}.term:before{content:"";position:absolute;inset:10px -10px -10px 10px;border-radius:var(--radius-lg);background:repeating-linear-gradient(-45deg,transparent 0 5px,rgba(189,147,249,.5) 5px 6px);opacity:.5;z-index:-1}.term-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-raise);border-bottom:1px solid var(--border-soft)}.term-dots{display:flex;gap:6px}.term-dots span{width:10px;height:10px;border-radius:999px;background:var(--border)}.term-dots span:nth-child(1){background:#f55}.term-dots span:nth-child(2){background:var(--yellow)}.term-dots span:nth-child(3){background:#50fa7b}.term-title{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3)}.term-body{padding:20px 22px 22px;font-family:var(--font-mono);font-size:13.5px;line-height:1.75;overflow-x:auto}.term-line{white-space:pre-wrap;opacity:0;animation:term-in .3s var(--ease-out) forwards;animation-delay:var(--t, 0ms)}@keyframes term-in{to{opacity:1}}@media(prefers-reduced-motion:reduce){.term-line{animation-duration:1ms}}.term-cmd{color:var(--text);margin-top:12px}.term-cmd:first-child{margin-top:0}.term-cmd .prompt{color:var(--pink);margin-right:8px}.term-out{color:var(--text-2)}.term-out-cyan{color:var(--cyan)}.term-out-yellow{color:var(--yellow)}.term-cursor{display:inline-block;width:8px;height:15px;background:var(--pink);vertical-align:-2px;margin-left:2px;animation:blink 1.1s steps(1) infinite;animation-delay:var(--t, 0ms);opacity:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.term-cursor{animation:term-in 1ms forwards}}.products{display:grid;gap:clamp(20px,3vw,32px);margin-top:clamp(36px,5vw,56px)}.product{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,72px);align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(22px,3.5vw,44px);transition:border-color .2s ease}@media(hover:hover)and (pointer:fine){.product:hover{border-color:var(--border-strong)}}.product:nth-child(2n) .product-media{order:-1}.product-index{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);letter-spacing:.1em}.product-name{margin-top:12px;font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.product-oneliner{margin-top:6px;font-size:18px;font-weight:700;color:var(--purple)}.product-body{margin-top:12px;font-size:15.5px;color:var(--text-2);max-width:56ch}.product-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pchip{font-family:var(--font-mono);font-size:11.5px;padding:5px 11px;border-radius:3px;border:1px solid var(--border);color:var(--text-2);background:var(--bg)}.product-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-family:var(--font-mono);font-size:13px;color:var(--cyan);text-decoration:none}.product-link .btn-arrow{transition:transform .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.product-link:hover .btn-arrow{transform:translate(3px)}}.product-media{min-width:0}.browser{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);transition:transform .25s var(--ease-out),border-color .25s ease}@media(hover:hover)and (pointer:fine){.product:hover .browser{transform:translateY(-4px);border-color:var(--border-strong)}}@media(prefers-reduced-motion:reduce){.product:hover .browser{transform:none}}.browser-bar{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--bg-raise);border-bottom:1px solid var(--border-soft)}.browser-dots{display:flex;gap:5px}.browser-dots span{width:9px;height:9px;border-radius:999px;background:var(--border)}.browser-url{font-family:var(--font-mono);font-size:11px;color:var(--text-3);background:var(--panel);border:1px solid var(--border-soft);border-radius:3px;padding:3px 12px}.process{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:clamp(36px,5vw,52px)}.step{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px 24px;transition:border-color .2s ease}@media(hover:hover)and (pointer:fine){.step:hover{border-color:var(--border-strong)}}.step-num{font-family:var(--font-mono);font-size:12px;color:var(--orange);letter-spacing:.1em}.step-title{margin-top:12px;font-size:17px;font-weight:800;letter-spacing:-.01em}.step-body{margin-top:8px;font-size:14px;color:var(--text-2)}.contact-input{display:flex;align-items:center;gap:14px;margin-top:32px;width:min(560px,100%);background:var(--terminal);border:1px solid var(--border);border-radius:var(--radius-lg);padding:9px 9px 9px 18px;text-decoration:none;font-family:var(--font-mono);transition:transform .16s var(--ease-out),border-color .16s ease}.contact-input:active{transform:scale(.98)}@media(hover:hover)and (pointer:fine){.contact-input:hover{border-color:var(--purple)}}.contact-prompt{color:var(--pink)}.contact-text{flex:1;text-align:left;color:var(--text-3);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-key{font-size:11.5px;color:var(--text-2);border:1px solid var(--border-strong);border-bottom-width:2.5px;border-radius:5px;padding:7px 12px;flex:none;background:var(--bg-raise)}.contact-alt{margin-top:18px;font-size:14px;color:var(--text-3)}.contact-alt a{color:var(--cyan);font-weight:600}.footer{border-top:1px solid var(--border-soft);padding-block:30px}.footer-inner{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:baseline;justify-content:space-between;font-size:13.5px;color:var(--text-3)}.footer-links{display:flex;flex-wrap:wrap;gap:18px;font-family:var(--font-mono);font-size:12.5px}.footer-links a{text-decoration:none;color:var(--text-2);transition:color .14s ease}@media(hover:hover)and (pointer:fine){.footer-links a:hover{color:var(--text)}}@media(max-width:900px){.hero,.product{grid-template-columns:minmax(0,1fr)}.product:nth-child(2n) .product-media{order:0}}@media(max-width:560px){.top-links{gap:14px}}