:root{--paper:#f7f5ef;--card:#fff;--ink:#16202c;--body:#404c5a;--dim:#79838f;--navy:#1f3a5f;--navy-lt:#37598a;--navy-pale:#eef2f7;--line:#e4ded2;--rule:#d4ccbb;--good:#2f7d5b;--amber:#D9901C;--tile:#0F1B2E;--serif:Georgia,'Times New Roman',serif;--mono:'Cascadia Code',Consolas,ui-monospace,monospace}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--body);font-family:'Segoe UI',system-ui,sans-serif;line-height:1.62;font-size:17px;-webkit-font-smoothing:antialiased}
.wrap{max-width:880px;margin:0 auto;padding:0 28px}
a{color:var(--navy-lt);text-decoration:none}a:hover{color:var(--navy)}
header.site{position:sticky;top:0;z-index:30;background:rgba(247,245,239,.93);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:66px;max-width:980px}
.logo{font-family:var(--serif);font-weight:700;font-size:21px;color:var(--ink)}.logo b{color:var(--navy)}
.logo .tag{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--dim);font-weight:400;margin-top:1px}
.nav{display:flex;align-items:center;gap:24px;font-size:14.5px}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;border-radius:6px;padding:11px 20px;font-size:14.5px;cursor:pointer;border:1px solid var(--navy);font-family:inherit;transition:.14s}
.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#16304f}
.crumb{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--dim);padding:26px 0 0}
.crumb a{color:var(--navy-lt)}
.hero{padding:26px 0 30px;border-bottom:1px solid var(--rule)}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--navy);font-weight:600;margin-bottom:14px}
h1{font-family:var(--serif);font-size:34px;line-height:1.16;font-weight:700;color:var(--ink);letter-spacing:-.01em;margin-bottom:14px}
h1 b{color:var(--navy)}
.lede{font-size:18px;color:var(--body);max-width:640px}.lede b{color:var(--ink)}
.apphead{display:flex;align-items:center;gap:18px;margin-bottom:14px}
.tile{width:64px;height:64px;border-radius:16px;background:var(--tile);border:.5px solid rgba(217,144,28,.3);display:flex;align-items:center;justify-content:center;flex:none}
.apphead .meta .role{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.apphead .meta h1{margin:0;font-size:30px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;padding:2.5px 8px;border-radius:20px;font-weight:600}
.tag.voice{background:#eef2f7;color:var(--navy-lt)}.tag.vision{background:rgba(217,144,28,.13);color:#a86c0e}
.tag.live{background:rgba(47,125,91,.12);color:var(--good)}.tag.chat{background:#efeaf6;color:#6b4f96}.tag.platform{background:#eef2f7;color:var(--navy-lt)}
section{padding:32px 0;border-bottom:1px solid var(--rule)}
section:last-of-type{border-bottom:none}
h2{font-family:var(--serif);font-size:21px;color:var(--ink);font-weight:700;margin-bottom:14px;letter-spacing:-.01em}
.steps{list-style:none;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:0 0 12px 40px;font-size:16px}
.steps li:before{content:counter(s);position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--mono);font-size:13px;display:flex;align-items:center;justify-content:center;font-weight:600}
.checks{list-style:none}
.checks li{position:relative;padding:0 0 11px 28px;font-size:16px}
.checks li:before{content:'';position:absolute;left:2px;top:9px;width:9px;height:9px;border-radius:2px;background:var(--amber)}
.note{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:8px;padding:14px 18px;font-size:15px;color:var(--body);margin-bottom:10px}
.planbox{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-bottom:18px}
.planbox .pl{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.planbox .pr{font-family:var(--serif);font-size:22px;color:var(--ink);font-weight:700}
.planbox .free{font-family:var(--mono);font-size:12px;color:var(--good);font-weight:600}
.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding-top:8px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.dcard{display:flex;align-items:flex-start;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.dcard.soon{opacity:.6}
.dtile{width:46px;height:46px;border-radius:12px;background:var(--tile);border:.5px solid rgba(217,144,28,.3);display:flex;align-items:center;justify-content:center;flex:none}
.dcard .nm{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink)}
.dcard .rl{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.dcard .ds{font-size:13.5px;color:var(--body)}
.bandlabel{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);font-weight:600;margin:26px 0 12px}
footer{padding:28px 0 54px;text-align:center;color:var(--dim);font-family:var(--mono);font-size:12px;letter-spacing:.04em}
@media(max-width:640px){.grid{grid-template-columns:1fr}h1{font-size:27px}}