:root{--bg:#000;--panel:#0e0e13;--text:#f5f5f7;--muted:#9a9aa5;--line:#ffffff1a;--accent:#8f8cff;--grad:linear-gradient(100deg, #7df9ff 0%, #6e6bff 50%, #d16bff 100%);--font:"Inter Variable", Inter, -apple-system, "Helvetica Neue", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .7, .2, 1);--gutter:20px}@media (width>=900px){:root{--gutter:40px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,h3{text-wrap:balance;font-weight:600}h1{letter-spacing:-.045em;font-size:clamp(2.6rem,7vw,5rem);line-height:1.03}h2{letter-spacing:-.035em;font-size:clamp(1.8rem,4vw,3rem);line-height:1.08}code{font-family:var(--mono);font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.wrap{width:100%;max-width:calc(1100px + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.grad{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{max-width:620px;color:var(--muted);text-wrap:pretty;font-size:clamp(1.05rem,1.5vw,1.2rem)}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.78rem}.section{padding-block:clamp(56px,8vw,110px)}.head{text-align:center;justify-items:center;gap:14px;margin-bottom:clamp(32px,5vw,56px);display:grid}.btn{background:var(--text);color:#111;min-height:46px;transition:transform .25s var(--ease), box-shadow .25s ease, border-color .25s ease;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:.98rem;font-weight:500;display:inline-flex}.btn:hover{transform:scale(1.03);box-shadow:0 0 30px #6e6bff8c}.btn--ghost{border-color:var(--line);color:var(--text);background:0 0}.btn--ghost:hover{box-shadow:none;border-color:#ffffff59}.btn--sm{min-height:34px;padding:0 14px;font-size:.82rem}.pill{border:1px solid var(--line);font-family:var(--mono);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;display:inline-flex}.pill i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%}.nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(20px);background:#0a0a0cb8;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav__inner{align-items:center;gap:16px;height:56px;display:flex}.nav__home{letter-spacing:-.02em;align-items:center;gap:8px;font-weight:600;display:inline-flex}.nav__name{border-left:1px solid var(--line);color:var(--muted);padding-left:16px;font-size:.85rem;display:none}.nav__links{color:var(--muted);gap:28px;margin-left:auto;font-size:.85rem;display:none}.nav__links a:hover{color:var(--text)}.nav .btn{margin-left:auto}@media (width>=860px){.nav__name,.nav__links{display:flex}.nav .btn{margin-left:0}}.hero{text-align:center;padding-block:clamp(64px,10vw,130px) clamp(32px,5vw,64px);position:relative;overflow:clip}.hero__glow{filter:blur(30px);pointer-events:none;background:radial-gradient(#6e6bff57,#d16bff1a 45%,#0000 68%);height:620px;animation:9s ease-in-out infinite alternate breathe;position:absolute;inset:-30% 10% auto}.hero__inner{justify-items:center;gap:22px;display:grid;position:relative}.hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero__pkg{border:1px solid var(--line);background:var(--panel);color:#d7d9e4;overflow-wrap:anywhere;border-radius:10px;padding:10px 16px;font-size:.85rem}.facts{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 26px;font-size:.88rem;display:flex}.facts li{align-items:center;gap:7px;display:inline-flex}.facts svg{color:var(--accent)}.rise{animation:rise .8s var(--ease) both}.samples{max-width:820px;margin-inline:auto}.samples__tabs{scrollbar-width:none;gap:6px;margin-bottom:14px;display:flex;overflow-x:auto}.samples__tabs button{border:1px solid var(--line);color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:.85rem;transition:color .2s,background-color .2s,border-color .2s}.samples__tabs button:hover{color:var(--text)}.samples__tabs .is-on{background:var(--text);color:#111;border-color:#0000}.samples__tabs .is-on:hover{color:#111}.samples__window{animation:rise .45s var(--ease) both}.samples__window .codewin__code{min-height:300px}.features{border:1px solid var(--line);background:var(--line);border-radius:18px;gap:1px;display:grid;overflow:hidden}.features li{background:#08080b;align-content:start;gap:8px;padding:26px;transition:background-color .3s;display:grid}.features li:hover{background:#111118}.features svg{color:var(--accent);margin-bottom:6px}.features h3{letter-spacing:-.015em;font-size:1.05rem}.features p{color:var(--muted);font-size:.92rem}@media (width>=640px){.features{grid-template-columns:1fr 1fr}}@media (width>=980px){.features{grid-template-columns:repeat(3,1fr)}}.aside{text-align:center;color:var(--muted);margin-top:22px;font-size:.92rem}.aside code,.panel code{color:#d7d9e4;background:#ffffff12;border-radius:5px;padding:2px 6px}.split{gap:16px;display:grid}.split>.reveal{display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;align-content:start;gap:14px;padding:clamp(26px,3.4vw,44px)}.panel h2{font-size:clamp(1.5rem,2.8vw,2.1rem)}.panel p:not(.eyebrow),.reqs{color:var(--muted)}.reqs{gap:12px;font-size:.95rem;display:grid}.reqs li{border-left:2px solid #8f8cff80;padding-left:18px}@media (width>=900px){.split{grid-template-columns:1fr 1fr}}.closing__inner{text-align:center;justify-items:center;gap:20px;display:grid}.closing h2{font-size:clamp(2rem,5.4vw,3.8rem)}.footer{border-top:1px solid var(--line);color:var(--muted);padding-block:28px;font-size:.8rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 32px;display:flex}.footer .nav__home{color:var(--text);font-size:.9rem}.footer p{max-width:560px}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes breathe{to{opacity:.75;transform:scale(1.12)translateY(30px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
