:root{--bg0: #07080b;--bg1: #0c0f16;--card: rgba(255, 255, 255, .06);--card2: rgba(255, 255, 255, .09);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62);--line: rgba(255, 255, 255, .12);--brand: #6ae4ff;--brand2: #a78bfa;--shadow: 0 24px 80px rgba(0, 0, 0, .55);--radius: 18px;--radius2: 26px;--font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 800px at 15% 10%,rgba(106,228,255,.24),transparent 55%),radial-gradient(900px 700px at 80% 30%,rgba(167,139,250,.2),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1))}a{color:inherit;text-decoration:none}.page{min-height:100%;display:grid;grid-template-rows:auto 1fr auto}.header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#07080bdb,#07080b73);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;gap:10px;width:fit-content}.brandMark{width:12px;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand2));box-shadow:0 0 0 5px #6ae4ff1a}.brandText{font-weight:650;letter-spacing:.2px}.nav{display:flex;gap:14px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a}.navLink{font-size:14px;color:var(--muted);padding:6px 10px;border-radius:999px}.navLink:hover{color:var(--text);background:#ffffff0f}.headerCta{display:flex;justify-content:flex-end;gap:10px}.main{padding:22px}.hero{max-width:1180px;margin:0 auto;padding:34px 0 6px}.heroGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 10px;padding:8px 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--muted);width:fit-content}.h1{margin:0 0 12px;font-size:clamp(34px,4.2vw,52px);line-height:1.06;letter-spacing:-.02em}.lead{margin:0 0 18px;color:var(--muted);font-size:16px;line-height:1.6;max-width:60ch}.ctaRow{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.btn{appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--text);padding:10px 14px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px);background:#ffffff12;border-color:#ffffff2e}.btn:active{transform:translateY(0)}.btnPrimary{border-color:#6ae4ff4d;background:linear-gradient(90deg,#6ae4ff33,#a78bfa2e)}.btnGhost{background:#ffffff08}.btnLg{padding:12px 16px;font-size:15px}.metaRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.metaItem{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff09}.metaTitle{color:var(--muted);font-size:12px;margin-bottom:6px}.metaValue{font-weight:700;letter-spacing:.2px}.footnote{margin:10px 0 0;color:#ffffff75;font-size:12px}.heroCard{position:relative}.card{border-radius:var(--radius2);border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:var(--shadow);padding:18px;overflow:hidden}.card:before{content:"";position:absolute;inset:-2px;background:radial-gradient(400px 300px at 10% 10%,rgba(106,228,255,.14),transparent 60%),radial-gradient(320px 280px at 90% 40%,rgba(167,139,250,.14),transparent 60%);pointer-events:none;filter:blur(6px)}.card>*{position:relative}.cardTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{font-size:12px;font-weight:700;letter-spacing:.2px;color:#ffffffc7;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 10px;background:#ffffff0a}.mic{width:34px;height:34px;border-radius:999px;background:linear-gradient(90deg,#6ae4ff38,#a78bfa33);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 34px #0000004d;position:relative}.mic:after{content:"";position:absolute;inset:9px;border-radius:999px;border:2px solid rgba(255,255,255,.28)}.prompt{margin-top:14px;padding:12px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:#0000002e}.promptLabel{color:#ffffff9e;font-size:12px;margin-bottom:6px}.promptValue{font-size:16px;font-weight:700;letter-spacing:.2px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffc7;padding:8px 10px;border-radius:999px;cursor:pointer;font-size:13px}.chip:hover{background:#ffffff0f;color:#ffffffeb}.result{margin-top:12px}.resultTitle{font-size:12px;color:#ffffff9e;margin-bottom:6px}.resultBox{margin:0;padding:12px;border-radius:var(--radius);background:#00000038;border:1px solid rgba(255,255,255,.1);color:#ffffffd1;font-size:12px;line-height:1.5;overflow:auto}.cardActions{display:flex;gap:10px;margin-top:14px}.section{max-width:1180px;margin:0 auto;padding:26px 0 6px}.h2{margin:0 0 14px;font-size:24px;letter-spacing:-.01em}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.feature{padding:14px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:#ffffff08}.h3{margin:0 0 8px;font-size:14px;letter-spacing:.1px}.p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}.faq{display:grid;grid-template-columns:1fr;gap:10px}.faqItem{border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:#ffffff08;padding:12px 14px}.faqItem summary{cursor:pointer;font-weight:650}.faqItem p{margin-top:10px}.footer{display:flex;justify-content:space-between;gap:10px;padding:18px 22px;border-top:1px solid rgba(255,255,255,.08);color:#ffffff8c}.muted{color:#ffffff8c;font-size:12px}@media(max-width:980px){.header{grid-template-columns:1fr auto;grid-template-areas:"brand cta" "nav nav"}.brand{grid-area:brand}.nav{grid-area:nav;justify-content:center}.headerCta{grid-area:cta}.heroGrid{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.nav{flex-wrap:wrap}.metaRow,.features{grid-template-columns:1fr}.footer{flex-direction:column}}
