:root{--ink: #0b1220;--ink-2: #111a2d;--panel: #16213a;--line: #243049;--text: #e9eef7;--muted: #9aa7bd;--hi: #ffc32b;--hi-ink: #1a1400;--wa: #25d366;--wa-bubble: #144d37;--danger: #ff5c5c;--ok: #4cd98a;--radius: 14px;--font: system-ui, -apple-system, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--ink);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}img,video,svg{display:block;max-width:100%}a{color:inherit}button{font:inherit;cursor:pointer}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.top{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1220bf;border-bottom:1px solid var(--line)}.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:16px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px;text-decoration:none;font-size:18px}.logo .mark{width:28px;height:28px;border-radius:7px;background:var(--hi);display:grid;place-items:center;color:var(--hi-ink);font-weight:900;font-size:15px}.logo .tag{font-size:11px;white-space:nowrap;font-weight:600;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-left:4px}.nav{display:flex;gap:18px;font-size:14px;color:var(--muted)}.nav a{text-decoration:none;white-space:nowrap}.nav a:hover{color:var(--text)}@media(max-width:640px){.nav .hide-m{display:none}.nav{gap:12px;font-size:13px}.logo .tag{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);text-decoration:none;font-weight:600;min-height:44px;transition:transform .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px)}.btn.hi{background:var(--hi);color:var(--hi-ink);border-color:var(--hi)}.btn.wa{background:var(--wa);color:#04210f;border-color:var(--wa)}.btn.ghost{background:transparent}.btn.sm{padding:8px 12px;min-height:36px;font-size:14px}.hero{padding:56px 0 32px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-20% -10% auto -10%;height:520px;background:radial-gradient(600px 300px at 20% 20%,rgba(255,195,43,.18),transparent 70%),radial-gradient(500px 300px at 85% 10%,rgba(37,211,102,.14),transparent 70%);pointer-events:none}.hero .wrap{position:relative;display:grid;gap:28px;grid-template-columns:1fr;align-items:center}@media(min-width:900px){.hero .wrap{grid-template-columns:1.05fr .95fr;gap:40px}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--hi);font-weight:700}h1{font-size:clamp(34px,6vw,60px);line-height:1.04;letter-spacing:-1px;margin:14px 0 16px;font-weight:800}h1 em{font-style:normal;color:var(--hi)}.lead{font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:560px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.sector-pick{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--muted)}.chip{border:1px solid var(--line);background:var(--ink-2);color:var(--text);padding:8px 12px;border-radius:999px;font-size:14px;text-decoration:none;min-height:36px;display:inline-flex;align-items:center;gap:6px}.chip:hover,.chip.on{border-color:var(--hi);color:var(--hi)}.chip.soon{opacity:.55}.video-card{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#000;aspect-ratio:16/9;box-shadow:0 30px 80px #00000080}.video-card video,.video-card iframe{width:100%;height:100%;object-fit:cover;border:0}.video-card .play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(180deg,#0000001a,#00000080);color:#fff;border:0}.video-card .play span{background:var(--hi);color:var(--hi-ink);border-radius:999px;padding:14px 22px;font-weight:800;display:inline-flex;gap:8px;align-items:center}.video-card .cap{position:absolute;left:14px;bottom:12px;font-size:12px;color:#cbd5e1;background:#00000073;padding:4px 8px;border-radius:6px}section{padding:64px 0}section.alt{background:var(--ink-2);border-block:1px solid var(--line)}h2{font-size:clamp(26px,4vw,40px);line-height:1.1;letter-spacing:-.5px;font-weight:800;margin-bottom:10px}.sub{color:var(--muted);font-size:17px;max-width:620px}.grid{display:grid;gap:16px;margin-top:28px}.grid.c3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid.c2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card h3{font-size:18px;margin-bottom:6px}.card p{color:var(--muted);font-size:15px}.card .k{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--hi);font-weight:700;margin-bottom:8px}.phone{background:#0a1f14;border:1px solid #1d3a2a;border-radius:26px;padding:14px;max-width:420px;margin-inline:auto;box-shadow:0 30px 80px #00000073}.phone .bar{display:flex;align-items:center;gap:10px;padding:6px 6px 12px;border-bottom:1px solid #1d3a2a;font-size:14px}.phone .bar .av{width:34px;height:34px;border-radius:50%;background:var(--hi);color:var(--hi-ink);display:grid;place-items:center;font-weight:900}.phone .bar small{display:block;color:#86a996;font-size:12px}.thread{display:flex;flex-direction:column;gap:8px;padding:12px 4px;min-height:220px;max-height:460px;overflow-y:auto;scroll-behavior:smooth}.msg{max-width:86%;padding:9px 12px;border-radius:12px;font-size:14.5px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;position:relative;animation:pop .22s ease}.msg.in{background:#1f2c3a;align-self:flex-start;border-top-left-radius:4px}.msg.out{background:var(--wa-bubble);align-self:flex-end;border-top-right-radius:4px}.msg.sys{align-self:center;background:transparent;color:#86a996;font-size:12px;text-align:center}.msg .t{display:block;font-size:10.5px;color:#86a996;text-align:right;margin-top:3px}.msg.danger{border:1px solid var(--danger)}.typing{align-self:flex-start;color:#86a996;font-size:13px;padding:4px 10px}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.compose{display:flex;gap:8px;padding-top:10px;border-top:1px solid #1d3a2a}.compose input{flex:1;min-height:44px;border-radius:999px;border:1px solid #1d3a2a;background:#0f2a1c;color:var(--text);padding:0 14px;font-size:15px}.compose button{min-width:44px;min-height:44px;border-radius:50%;border:0;background:var(--wa);color:#04210f;font-weight:900}.chips{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0 2px}.chips button{border:1px solid #1d3a2a;background:#0f2a1c;color:#cfe9d9;border-radius:999px;padding:7px 11px;font-size:13px;min-height:34px}.chips button:hover{border-color:var(--wa)}.lane{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.lane:last-child{border-bottom:0}.lane b{display:block}.lane small{color:var(--muted)}.dial{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--ink)}.dial button{border:0;background:transparent;color:var(--muted);padding:8px 11px;font-size:12.5px;min-height:36px}.dial button.on{background:var(--hi);color:var(--hi-ink);font-weight:700}.dial button[data-v=agency].on{background:var(--wa);color:#04210f}@media(max-width:560px){.lane{grid-template-columns:1fr}}.tiers{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:28px}.tier{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:10px}.tier.top{border-color:var(--hi);box-shadow:0 0 0 1px var(--hi) inset}.tier .price{font-size:30px;font-weight:800}.tier .price small{font-size:14px;color:var(--muted);font-weight:500}.tier ul{list-style:none;color:var(--muted);font-size:14.5px;display:grid;gap:6px}.tier li:before{content:"✓ ";color:var(--ok)}.note{font-size:13px;color:var(--muted);margin-top:14px}footer{padding:36px 0 60px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}footer .wrap{display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:space-between}.demo{display:grid;grid-template-columns:1fr;gap:16px;padding:16px 0 40px}@media(min-width:960px){.demo{grid-template-columns:440px 1fr;align-items:start}}.pane{display:block}@media(max-width:959px){.pane[hidden]{display:none}}.tabs-m{display:flex;gap:8px;padding-top:12px}@media(min-width:960px){.tabs-m{display:none}}.tabs-m button{flex:1;min-height:44px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-weight:600}.tabs-m button.on{background:var(--hi);color:var(--hi-ink);border-color:var(--hi)}.office{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.office .head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.office .head b{font-size:15px}.office .head small{color:var(--muted);display:block;font-size:12.5px}.otabs{display:flex;gap:4px;padding:8px 10px 0;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.otabs button{border:0;background:transparent;color:var(--muted);padding:10px 12px;border-bottom:2px solid transparent;white-space:nowrap;font-size:14px;min-height:40px}.otabs button.on{color:var(--hi);border-color:var(--hi);font-weight:700}.otabs button .n{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:var(--hi);color:var(--hi-ink);font-size:11px;font-weight:800;margin-left:6px;padding:0 5px}.opanel{padding:14px 16px 18px;min-height:360px}.opanel[hidden]{display:none}.row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px;animation:pop .25s ease}.row:last-child{border-bottom:0}.row .time{font-family:var(--mono);font-size:12.5px;color:var(--hi);min-width:48px}.row .id{font-family:var(--mono);font-size:12px;color:var(--muted);min-width:52px}.row small{color:var(--muted);display:block;font-size:12.5px}.pill{font-size:11.5px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.hi{color:var(--hi);border-color:var(--hi)}.pill.warn{color:var(--danger);border-color:var(--danger)}.pill.new{color:var(--wa);border-color:var(--wa)}.row.flash{background:#ffc32b14}.stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:12px}.stat div{background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.stat b{display:block;font-size:20px}.stat small{color:var(--muted);font-size:12px}.log{font-family:var(--mono);font-size:12.5px;color:var(--muted);display:grid;gap:6px}.log div{animation:pop .25s ease}.log .at{color:var(--hi)}.empty{color:var(--muted);font-size:14px;padding:20px 0}.bar-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.role{display:inline-flex;border:1px solid #1d3a2a;border-radius:999px;overflow:hidden}.role button{border:0;background:transparent;color:#86a996;padding:6px 10px;font-size:12.5px;min-height:32px}.role button.on{background:var(--wa);color:#04210f;font-weight:700}.ai-panel{background:var(--ink);border:1px dashed var(--line);border-radius:12px;padding:12px 14px;margin-top:12px;font-size:13.5px}.ai-panel label{display:grid;gap:4px;margin:8px 0;color:var(--muted);font-size:12.5px}.ai-panel input,.ai-panel select{min-height:40px;border-radius:8px;border:1px solid var(--line);background:var(--ink-2);color:var(--text);padding:0 10px;font-size:14px}.ai-panel .st{font-size:12px;color:var(--muted)}.banner{background:var(--ink-2);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:13.5px;color:var(--muted);margin-top:14px}details summary{cursor:pointer;font-weight:600;padding:8px 0}.kbd{font-family:var(--mono);background:var(--ink);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:12.5px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}body.light{background:#f7f5f2;color:#1b2533}body.light .top{background:#fffffff0;border-bottom-color:#e3e0da}body.light .logo{color:#0e2a47}body.light .logo .mark{background:#f5a300;color:#0e2a47}body.light .nav{color:#4a5d73}body.light .nav a:hover{color:#0e2a47}body.light .btn.hi{background:#f5a300;color:#0e2a47;border-color:#f5a300}body.light .banner{background:#fff;border-color:#e3e0da;color:#4a5d73}body.light .banner b{color:#0e2a47}body.light .tabs-m button{background:#fff;border-color:#e3e0da;color:#4a5d73}body.light .tabs-m button.on{background:#f5a300;color:#0e2a47;border-color:#f5a300}body.light .office{background:#fff;border-color:#e3e0da;color:#1b2533;box-shadow:0 10px 30px -12px #0e2a4759}body.light .office .head,body.light .otabs,body.light .row,body.light .lane{border-color:#e3e0da}body.light .office .head small,body.light .row small,body.light .lane small,body.light .stat small,body.light .log,body.light .empty,body.light .otabs button{color:#4a5d73}body.light .otabs button.on{color:#c47f00;border-color:#f5a300}body.light .otabs button .n{background:#f5a300;color:#0e2a47}body.light .stat div{background:#f7f5f2;border-color:#e3e0da}body.light .row .time,body.light .log .at{color:#c47f00}body.light .row.flash{background:#fff4df}body.light .dial{background:#f7f5f2;border-color:#e3e0da}body.light .dial button.on{background:#f5a300;color:#0e2a47}body.light .dial button[data-v=agency].on{background:#128c4a;color:#fff}body.light .pill{border-color:#e3e0da;color:#4a5d73}body.light .pill.ok{color:#128c4a;border-color:#128c4a}body.light .pill.hi{color:#c47f00;border-color:#f5a300}body.light .btn.ghost{color:#0e2a47;border-color:#e3e0da}body.light .ai-panel{background:#fff;border-color:#e3e0da;color:#4a5d73}body.light .ai-panel input,body.light .ai-panel select{background:#f7f5f2;border-color:#e3e0da;color:#1b2533}body.light .kbd{background:#fff;border-color:#e3e0da;color:#0e2a47}body.light footer{border-color:#e3e0da;color:#4a5d73}body.light details summary{color:#0e2a47}
