:root{--bg:#0b0d10;--surface:#14171c;--surface-2:#1c2128;--border:#2a2f37;--text:#eef1f4;--text-dim:#9aa4af;--accent:#6e56cf;--accent-hover:#7c63e0;--danger:#e5484d;--success:#3fb950;--radius:10px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}a{color:inherit}.container{max-width:880px;margin:0 auto;padding:0 24px}.nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.brand{font-size:18px;font-weight:700;text-decoration:none}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{padding:96px 0 64px}.hero h1{margin:0 0 16px;font-size:clamp(32px,5vw,48px);line-height:1.1}.hero p{color:var(--text-dim);max-width:60ch;margin:0 0 32px;font-size:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:32px;display:grid}.plan-price{margin:12px 0;font-size:32px;font-weight:700}.plan-price span{color:var(--text-dim);font-size:14px;font-weight:400}.banner{color:#f3c98b;border-radius:var(--radius);background:#3b2c18;border:1px solid #6b4a1f;margin-bottom:20px;padding:12px 16px;font-size:14px}.chat-window{flex-direction:column;gap:12px;min-height:320px;margin-bottom:16px;display:flex}.chat-message{border-radius:var(--radius);white-space:pre-wrap;max-width:80%;padding:12px 14px}.chat-message.user{background:var(--accent);color:#fff;align-self:flex-end}.chat-message.assistant{background:var(--surface-2);border:1px solid var(--border);align-self:flex-start}.chat-input-row{gap:8px;display:flex}.chat-input-row input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);flex:1;padding:12px 14px;font-size:14px}.footer-note{color:var(--text-dim);border-top:1px solid var(--border);margin-top:48px;padding-top:20px;font-size:12.5px}