:root{--bg:#0b1220;--card:#0f172a;--text:#e5e7eb;--muted:#9aa3b2;--brand:#c084fc;--accent:#d8b4fe;--ring:#c084fc55;--btn:#93c5fd;--btn-strong:#60a5fa;--btn-text:#0f172a}@media (prefers-color-scheme:light){:root{--bg:#e6e6fa;--card:#fff;--text:#0f172a;--muted:#475569;--brand:#a78bfa;--accent:#c4b5fd;--ring:#a78bfa33;--btn:#93c5fd;--btn-strong:#60a5fa;--btn-text:#0f172a}}*{box-sizing:border-box}body,html{height:100%}html{color-scheme:light dark}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--text);background:var(--bg)}img{max-width:100%;display:block}.container{width:min(100%,960px);padding:0 16px;margin-inline:auto}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;width:auto;height:auto;padding:8px 12px;background:var(--brand);color:#fff;border-radius:8px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-header{position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);background-color:color-mix(in oklab,var(--bg) 80%,transparent);border-bottom:1px solid color-mix(in oklab,var(--text) 15%,transparent);z-index:10}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px;padding:12px 0}.brand{font-weight:700}.brand,.brand-link{display:flex;align-items:center;gap:10px}.brand-link{text-decoration:none}.brand-logo{display:block;height:28px;width:auto}.name{letter-spacing:.2px}.header-center{display:none}.actions{display:flex;gap:8px;justify-self:end}.site-footer{border-top:1px solid color-mix(in oklab,var(--text) 15%,transparent);margin-top:32px}.footer-inner{display:flex;align-items:center;justify-content:center;padding:16px 0;text-align:center}.h1{font-size:clamp(1.5rem,1.1rem + 2vw,2rem);line-height:1.25}.h1,.h2{margin:0 0 8px}.h2{font-size:clamp(1.2rem,1rem + 1vw,1.5rem);line-height:1.3}.muted,.tiny{color:var(--muted)}.tiny{font-size:12px}.card{background:var(--card);border:1px solid color-mix(in oklab,var(--text) 12%,transparent);box-shadow:0 1px 0 color-mix(in oklab,var(--text) 10%,transparent);padding:16px;border-radius:12px;margin:16px 0}.hero{position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -40% -40% auto;width:320px;height:320px;background:radial-gradient(closest-side,color-mix(in oklab,var(--brand) 60%,transparent),transparent 70%);filter:blur(12px);opacity:.35;pointer-events:none}.benefits,.bullets{margin:8px 0 0 18px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in oklab,var(--text) 20%,transparent);background:color-mix(in oklab,var(--card) 90%,#000 10%);color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer;transition:transform .06s ease,background .2s ease,border-color .2s ease;font-weight:600}.btn:hover{transform:translateY(-1px)}.btn:focus{outline:2px solid var(--ring);outline-offset:2px}.btn-primary{position:relative;overflow:hidden;color:var(--btn-text);background:var(--btn);border-color:var(--btn-strong);box-shadow:0 6px 16px color-mix(in oklab,var(--btn-strong) 25%,transparent)}.btn-primary:after{content:"";position:absolute;top:-50%;left:-30%;width:40%;height:200%;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.7) 50%,transparent);transform:rotate(20deg) translateX(-200%);transition:transform .7s ease;pointer-events:none}.btn-primary:hover:after{transform:rotate(20deg) translateX(320%)}.btn-primary:active{transform:translateY(0);box-shadow:0 3px 10px color-mix(in oklab,var(--btn-strong) 20%,transparent)}.btn-ghost,.input{background:transparent}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in oklab,var(--text) 18%,transparent);color:var(--text)}.input:focus{outline:2px solid var(--ring);outline-offset:2px}.chat-header{display:flex;align-items:end;justify-content:space-between;gap:12px}.chat-log{display:flex;flex-direction:column;gap:10px;padding:8px;border-radius:10px;background:color-mix(in oklab,var(--card) 80%,#000 20%);border:1px dashed color-mix(in oklab,var(--text) 20%,transparent);min-height:120px;max-height:45vh;overflow:auto}.message{display:grid;grid-template-columns:auto 1fr;grid-gap:8px 10px;gap:8px 10px;align-items:start}.message .avatar{width:28px;height:28px;border-radius:50%;background:color-mix(in oklab,var(--brand) 40%,#000);display:grid;place-items:center;font-size:14px}.message .bubble{padding:10px 12px;border-radius:14px;background:color-mix(in oklab,var(--card) 70%,#000 30%);border:1px solid color-mix(in oklab,var(--text) 14%,transparent)}.chat-form{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;margin-top:12px}body.focus .site-footer,body.focus .site-header{display:none}body.focus main{padding-top:8px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}