:root {
  --bg: #07111f;
  --bg-deep: #040a13;
  --panel: #0c192b;
  --panel-2: #101f33;
  --border: rgba(151, 178, 211, .14);
  --text: #f3f7fb;
  --muted: #8fa3ba;
  --muted-2: #667d96;
  --mint: #52e2ce;
  --green: #8dedae;
  --blue: #6e8cff;
  --amber: #f2c466;
  --shadow: 0 30px 80px rgba(0,0,0,.28);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 80% 10%, rgba(63, 94, 251, .08), transparent 30%),
    radial-gradient(circle at 18% 12%, rgba(82, 226, 206, .07), transparent 25%),
    var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.container { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.site-shell { overflow: hidden; }

.nav-wrap {
  position: sticky; top: 0; z-index: 20;
  background: rgba(7,17,31,.8);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.05);
}
.nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 760; letter-spacing: -.02em; }
.brand-mark { width: 29px; height: 29px; border: 1px solid rgba(82,226,206,.4); border-radius: 8px; display:flex; align-items:center; justify-content:center; gap:2px; background:rgba(82,226,206,.06); }
.brand-mark span { display:block; width:2px; border-radius:4px; background:var(--mint); }
.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:10px}
.nav-links { display: flex; gap: 30px; color: var(--muted); font-size: 14px; }
.nav-links a:hover, .footer-links a:hover { color: var(--text); }

.button { border: 1px solid transparent; border-radius: 9px; min-height: 48px; padding: 0 20px; display:inline-flex; align-items:center; justify-content:center; gap:9px; font-weight:700; font-size:14px; transition:.2s ease; }
.button:hover { transform: translateY(-1px); }
.button svg { width:18px; height:18px; fill: currentColor; }
.button-primary { color:#041411; background:var(--mint); box-shadow: 0 10px 35px rgba(82,226,206,.15); }
.button-primary:hover { background:#6be8d7; }
.button-secondary { border-color: rgba(255,255,255,.14); background:rgba(255,255,255,.035); color:var(--text); }
.button-secondary:hover { background:rgba(255,255,255,.06); }
.button-ghost { border-color: rgba(82,226,206,.25); color:var(--mint); background:rgba(82,226,206,.04); }
.button-small { min-height:40px; padding:0 16px; font-size:13px; }
.button.full { width:100%; }

.hero { min-height: 710px; padding: 90px 0 84px; display:grid; grid-template-columns: 1.08fr .92fr; align-items:center; gap:80px; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color:var(--mint); border:1px solid rgba(82,226,206,.24); background:rgba(82,226,206,.05); border-radius:999px; padding:7px 10px; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.eyebrow.plain { padding:0; border:0; background:none; border-radius:0; }
.pulse-dot { width:7px; height:7px; background:var(--mint); border-radius:50%; box-shadow:0 0 0 5px rgba(82,226,206,.08); }
.hero h1 { margin: 22px 0 22px; max-width: 680px; font-size: clamp(48px, 6vw, 78px); line-height:.98; letter-spacing:-.055em; }
.hero h1 span { color:var(--mint); }
.hero-lede { max-width:650px; margin:0; color:#a6b6c8; font-size:19px; line-height:1.65; }
.hero-actions { display:flex; gap:12px; margin-top:32px; flex-wrap:wrap; }
.trust-row { margin-top:30px; display:flex; gap:18px 26px; flex-wrap:wrap; color:var(--muted); font-size:12px; }
.trust-row span { display:flex; align-items:center; gap:8px; }
.trust-row span:before { content:""; width:6px; height:6px; border-radius:50%; background:var(--mint); opacity:.8; }

.hero-demo { position:relative; border:1px solid var(--border); border-radius:18px; background:linear-gradient(180deg, rgba(15,31,51,.94), rgba(8,19,33,.98)); box-shadow:var(--shadow); padding:26px; min-height:480px; overflow:hidden; }
.hero-demo:before { content:""; position:absolute; inset:-40% -20% auto; height:300px; background:radial-gradient(circle, rgba(82,226,206,.12), transparent 65%); pointer-events:none; }
.demo-topbar { position:relative; display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.demo-kicker { color:var(--mint); font-size:10px; font-weight:800; letter-spacing:.13em; margin:0 0 5px; }
.demo-topbar h2 { margin:0; font-size:24px; letter-spacing:-.035em; }
.status-pill { display:inline-flex; align-items:center; gap:7px; color:#a7b6c7; font-size:11px; padding:6px 9px; border:1px solid rgba(255,255,255,.08); border-radius:999px; background:rgba(255,255,255,.025); }
.status-pill i, .online-dot { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 12px rgba(141,237,174,.55); }
.orb-wrap { position:relative; height:235px; display:flex; align-items:center; justify-content:center; }
.orb-ring { position:absolute; border-radius:50%; border:1px solid rgba(82,226,206,.12); }
.orb-ring-1{width:120px;height:120px}.orb-ring-2{width:170px;height:170px}.orb-ring-3{width:220px;height:220px}
.voice-orb { width:92px; height:92px; border-radius:50%; display:flex; align-items:center; justify-content:center; gap:4px; background:radial-gradient(circle at 35% 30%, #7bf2e0, #3ccbb8 45%, #138f83 100%); box-shadow:0 0 60px rgba(82,226,206,.24), inset 0 0 25px rgba(255,255,255,.16); transition: transform .08s linear; }
.voice-orb span { width:3px; border-radius:5px; background:#06241f; opacity:.85; animation:wave 1.1s ease-in-out infinite; }
.voice-orb span:nth-child(1){height:14px}.voice-orb span:nth-child(2){height:28px;animation-delay:.1s}.voice-orb span:nth-child(3){height:38px;animation-delay:.18s}.voice-orb span:nth-child(4){height:24px;animation-delay:.28s}.voice-orb span:nth-child(5){height:12px;animation-delay:.38s}
@keyframes wave{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
.demo-copy { position:relative; color:var(--muted); font-size:13px; text-align:center; line-height:1.6; max-width:360px; margin:0 auto 18px; }
.demo-call-button, .demo-end-button { position:relative; width:100%; min-height:48px; border-radius:9px; font-weight:800; }
.demo-call-button { background:var(--mint); color:#041411; border:0; }
.demo-end-button { margin-top:8px; border:1px solid rgba(255,255,255,.12); color:#c6d2df; background:rgba(255,255,255,.04); }
.call-icon { margin-right:7px; }
.demo-footnote { text-align:center; margin:10px 0 0; font-size:10px; color:var(--muted-2); }

.signal-strip { border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:rgba(5,12,22,.42); }
.signal-grid { display:grid; grid-template-columns:repeat(4, 1fr); }
.signal-grid div { min-height:88px; display:flex; align-items:center; gap:14px; padding:0 22px; border-right:1px solid var(--border); }
.signal-grid div:first-child { border-left:1px solid var(--border); }
.signal-grid strong { color:var(--mint); font-size:11px; }
.signal-grid span { color:#a9b8c9; font-size:13px; }

.section { padding:100px 0; }
.section-panel { padding:100px 0; background:rgba(4,10,19,.48); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.section-heading { max-width:780px; margin-bottom:50px; }
.section-heading.narrow { max-width:700px; }
.section-heading h2, .feature-copy h2, .pricing-copy h2, .cta-card h2 { margin:14px 0 14px; font-size:clamp(34px, 4vw, 52px); line-height:1.06; letter-spacing:-.045em; }
.section-heading p:not(.eyebrow), .feature-copy>p:not(.eyebrow), .pricing-copy>p, .cta-card p:not(.eyebrow) { color:var(--muted); line-height:1.65; font-size:16px; }
.problem-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; }
.problem-card { padding:28px; background:rgba(14,29,48,.66); border:1px solid var(--border); border-radius:14px; min-height:210px; }
.icon-box { width:39px; height:39px; display:flex; align-items:center; justify-content:center; color:var(--mint); background:rgba(82,226,206,.07); border:1px solid rgba(82,226,206,.18); border-radius:9px; font-weight:800; }
.problem-card h3, .workflow-grid h3 { margin:28px 0 10px; letter-spacing:-.02em; }
.problem-card p, .workflow-grid p { color:var(--muted); line-height:1.6; font-size:14px; }

.workflow-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.workflow-grid article { padding:24px; border:1px solid var(--border); border-radius:12px; background:rgba(12,25,43,.72); }
.step { width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--mint); color:#041411; font-size:11px; font-weight:900; }
.step.blue{background:var(--blue);color:#fff}.step.green{background:var(--green);color:#052016}.step.amber{background:var(--amber);color:#231705}
.feature-band { margin-top:70px; display:grid; grid-template-columns:1fr .9fr; gap:80px; align-items:center; padding:46px; border:1px solid var(--border); border-radius:18px; background:linear-gradient(135deg,rgba(13,29,48,.84),rgba(7,18,31,.9)); }
.check-list { list-style:none; padding:0; margin:28px 0 0; display:grid; gap:13px; color:#b8c5d2; font-size:14px; }
.check-list li { display:flex; gap:10px; align-items:center; }
.check-list li:before { content:"✓"; color:var(--mint); font-weight:900; }
.message-card { border:1px solid var(--border); border-radius:16px; background:#081423; padding:20px; box-shadow:0 18px 55px rgba(0,0,0,.18); }
.message-header { display:flex; align-items:center; gap:10px; padding-bottom:17px; margin-bottom:18px; border-bottom:1px solid var(--border); }
.avatar { width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center; background:var(--mint); color:#041411; font-weight:900; }
.message-header div { display:flex; flex-direction:column; gap:2px; font-size:12px; }
.message-header small { color:var(--muted-2); font-size:9px; }.online-dot{margin-left:auto}
.bubble { max-width:82%; border-radius:12px; padding:12px 14px; font-size:12px; line-height:1.5; margin:10px 0; }
.bubble.incoming { background:#12243a; color:#cbd6e2; border-bottom-left-radius:3px; }
.bubble.outgoing { margin-left:auto; background:rgba(82,226,206,.16); color:#dffbf6; border:1px solid rgba(82,226,206,.12); border-bottom-right-radius:3px; }
.sms-chip { margin-top:18px; font-size:10px; color:var(--green); text-align:center; border:1px solid rgba(141,237,174,.13); border-radius:8px; padding:8px; background:rgba(141,237,174,.04); }

.compare-card { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--border); border-radius:14px; overflow:hidden; }
.compare-card>div { padding:18px 24px; border-bottom:1px solid var(--border); min-height:60px; display:flex; align-items:center; color:#a4b4c6; font-size:13px; }
.compare-card>div:nth-child(odd){border-right:1px solid var(--border)}
.compare-card>div:nth-last-child(-n+2){border-bottom:0}
.compare-head { font-weight:800; text-transform:uppercase; letter-spacing:.08em; font-size:10px!important; }
.compare-muted { color:var(--muted)!important; }.compare-accent{color:var(--mint)!important;background:rgba(82,226,206,.025)}
.compare-card>div:nth-child(even):not(.compare-head){color:#d4f8f2;background:rgba(82,226,206,.018)}

.pricing-wrap { display:grid; grid-template-columns:1fr 420px; gap:80px; align-items:center; }
.pricing-card { border:1px solid rgba(82,226,206,.24); border-radius:16px; background:linear-gradient(180deg,rgba(15,31,51,.9),rgba(8,18,31,.95)); padding:25px; box-shadow:var(--shadow); }
.price-row { display:flex; justify-content:space-between; align-items:end; padding:18px 0; border-bottom:1px solid var(--border); color:var(--muted); font-size:13px; }
.price-row strong { color:var(--text); font-size:30px; letter-spacing:-.04em; }
.price-row.primary strong { color:var(--mint); font-size:42px; }
.price-details { display:grid; gap:11px; padding:20px 0 24px; color:#9eafc1; font-size:12px; }
.price-details span:before { content:"✓"; color:var(--mint); margin-right:8px; font-weight:900; }

.final-cta { padding-bottom:110px; }
.cta-card { display:flex; align-items:center; justify-content:space-between; gap:50px; padding:50px; border-radius:18px; border:1px solid rgba(82,226,206,.2); background:radial-gradient(circle at 90% 0%,rgba(82,226,206,.09),transparent 37%),#0a1728; }
.cta-card>div:first-child { max-width:720px; }.cta-actions{display:flex;gap:10px;flex-direction:column;min-width:190px}

.footer { border-top:1px solid var(--border); background:var(--bg-deep); padding:54px 0 22px; }
.footer-grid { display:flex; justify-content:space-between; gap:50px; }
.footer-grid p { color:var(--muted); font-size:12px; margin:14px 0 0; }
.footer-grid .operator { color:var(--muted-2); font-size:10px; }
.footer-links { display:grid; gap:12px; align-content:start; color:#9daec0; font-size:12px; text-align:right; }
.footer-bottom { border-top:1px solid var(--border); margin-top:40px; padding-top:20px; color:#526a83; font-size:10px; }

.toast { position:fixed; left:50%; bottom:24px; z-index:50; transform:translate(-50%,20px); opacity:0; pointer-events:none; color:#e7eef6; background:#11233a; border:1px solid var(--border); border-radius:10px; padding:11px 15px; box-shadow:var(--shadow); font-size:12px; transition:.2s ease; max-width:min(420px, calc(100% - 32px)); text-align:center; }
.toast.show { opacity:1; transform:translate(-50%,0); }

.legal-shell { min-height:100vh; background:var(--bg); }
.legal-main { width:min(820px,calc(100% - 40px)); margin:0 auto; padding:70px 0 110px; }
.legal-main h1 { font-size:48px; letter-spacing:-.045em; margin:20px 0 12px; }
.legal-main .updated { color:var(--muted-2); font-size:12px; margin-bottom:46px; }
.legal-main h2 { margin:38px 0 12px; font-size:22px; letter-spacing:-.025em; }
.legal-main p, .legal-main li { color:#a4b4c6; line-height:1.75; font-size:14px; }
.legal-main a { color:var(--mint); }
.legal-main .legal-note { padding:18px; border-radius:10px; background:rgba(82,226,206,.04); border:1px solid rgba(82,226,206,.12); }

@media (max-width: 920px) {
  .nav-links{display:none}
  .hero{grid-template-columns:1fr;padding-top:68px;gap:48px}.hero-demo{max-width:620px;width:100%}
  .signal-grid{grid-template-columns:1fr 1fr}.signal-grid div:nth-child(3){border-left:1px solid var(--border)}
  .problem-grid,.workflow-grid{grid-template-columns:1fr 1fr}.feature-band,.pricing-wrap{grid-template-columns:1fr;gap:45px}.pricing-card{max-width:520px}.cta-card{flex-direction:column;align-items:flex-start}.cta-actions{flex-direction:row;min-width:auto}
}
@media (max-width: 620px) {
  .container{width:min(100% - 28px,1160px)}.nav{min-height:68px}.nav .button-ghost{display:none}
  .hero{padding:58px 0}.hero h1{font-size:49px}.hero-lede{font-size:16px}.hero-actions .button{width:100%}
  .trust-row{display:grid;grid-template-columns:1fr 1fr}.hero-demo{padding:20px;min-height:440px}.orb-wrap{height:220px}
  .signal-grid{grid-template-columns:1fr}.signal-grid div,.signal-grid div:nth-child(3){border-left:1px solid var(--border);border-bottom:1px solid var(--border)}.signal-grid div:last-child{border-bottom:0}
  .section,.section-panel{padding:75px 0}.problem-grid,.workflow-grid{grid-template-columns:1fr}.feature-band{padding:25px}.compare-card>div{padding:15px 13px;font-size:11px}.pricing-wrap{gap:30px}.cta-card{padding:30px}.cta-actions{width:100%;flex-direction:column}.footer-grid{flex-direction:column}.footer-links{text-align:left}.legal-main h1{font-size:39px}
}