:root{--bg:#0f1724;--card:#0b1220;--accent:#00c2a8;--muted:#aab3c0;--glass: rgba(255,255,255,.04)}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,'Helvetica Neue',Arial}
body{background:linear-gradient(180deg,#071023 0%, #071a2b 100%);color:#fff;display:flex;align-items:center;justify-content:center;padding:20px}
.hero{max-width:820px;width:100%;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(2,6,23,.6)}
.brand{font-weight:700;color:var(--accent);letter-spacing:.6px}
h1{font-size:1.6rem;margin:.4rem 0}
.lead{color:var(--muted);margin-top:0}
.benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.benefits article{background:var(--glass);padding:12px;border-radius:10px}
.benefits h3{margin:0 0 6px 0}
.cta-row{display:flex;gap:10px;margin-top:12px}
.btn{padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600}
.primary{background:linear-gradient(90deg,var(--accent),#00e0b3);color:#04222d}
.ghost{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--muted)}
.foot{display:block;margin-top:12px;color:rgba(255,255,255,.5)}


/* Responsive */
@media(max-width:640px){.benefits{grid-template-columns:1fr}.hero{padding:18px}h1{font-size:1.3rem}}


/* Chat widget basic style (the widget will be injected into page by widget.js) */
.chat-widget{position:fixed;right:16px;bottom:16px;width:92vw;max-width:420px;border-radius:14px;box-shadow:0 8px 30px rgba(2,6,23,.6);overflow:hidden;font-size:14px}
.chat-widget .head{background:linear-gradient(90deg,var(--accent),#00e0b3);padding:12px;color:#04222d;font-weight:700}
.chat-widget .messages{background:#071127;padding:12px;height:280px;overflow:auto}
.chat-widget .composer{display:flex;padding:10px;background:rgba(255,255,255,.02)}
.chat-widget input{flex:1;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:transparent;color:#fff}
.chat-widget button{margin-left:8px;padding:10px;border-radius:8px;border:0;background:var(--accent);color:#04222d}
.chat-msg{margin-bottom:10px}
.chat-msg.user{text-align:right}
.chat-msg .bubble{display:inline-block;padding:8px 10px;border-radius:10px;max-width:78%}
.chat-msg.user .bubble{background:linear-gradient(90deg,#0ea5a1,#00c2a8);color:#04222d}
.chat-msg.ai .bubble{background:rgba(255,255,255,.03);color:var(--muted)}