:root{--navy:#0F172A;--slate:#475569;--blue:#2563EB;--off:#F8FAFC;--ink:#0b1220}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--off);color:var(--ink)}
a{color:var(--blue);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:12px 16px;border-radius:10px;font-weight:600}
.btn.secondary{background:#fff;color:var(--navy);border:1px solid #e5e7eb}
header{background:radial-gradient(1200px 400px at 60% -20%, rgba(37,99,235,.25), transparent), var(--navy);color:#fff;padding:56px 0 24px}
.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.logo{color:#fff;font-weight:800;font-size:22px}
h1{font-size:40px;margin:.2em 0 .3em}
.lead{font-size:18px;color:#cbd5e1;max-width:760px}
section{padding:30px 0}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;margin:10px 0}
.small{font-size:12px;color:#64748b}
footer{border-top:1px solid #e5e7eb;padding:20px 0;color:#64748b;text-align:center}
/* Demo chat styles */
.demo-wrap{display:flex;gap:18px;flex-wrap:wrap}
.phone{flex:1 1 340px;max-width:560px;background:#0b1220;border-radius:32px;padding:18px 14px 22px;border:1px solid #0f1a33}
.screen{background:#0f172a;border-radius:22px;padding:12px;height:540px;overflow:auto}
.bubble{max-width:78%;padding:10px 12px;border-radius:12px;margin:8px 0;line-height:1.35}
.bot{background:#111827;color:#e5e7eb;border:1px solid #1f2937;border-top-left-radius:4px}
.user{background:#DCF2FF;border:1px solid #BFE6FF;margin-left:auto;border-top-right-radius:4px}
.inputbar{display:flex;gap:8px;margin-top:10px}
.inputbar input{flex:1;padding:12px;border-radius:10px;border:1px solid #cbd5e1}
.slot{display:inline-block;margin:6px 6px 0 0;padding:8px 10px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;cursor:pointer}
.notice{background:#ecfeff;border:1px solid #bae6fd;color:#064e3b;border-radius:12px;padding:10px 12px;margin-top:10px}
@media(max-width:640px){h1{font-size:32px}.screen{height:420px}}