:root{--brand-700:#cc2e2a;--brand-900:#6f1b19;--bg:#0f1115;--panel:#161a22;--panelAlt:#1c222c;--text:#e5e7eb;--muted:#9aa4b2}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 700px at 20% -10%,#1f2430,#0e1116 60%)}.container{max-width:1080px;margin:0 auto;padding:24px}.hero{padding:64px 24px 24px;text-align:center}.hero h1{font-size:38px;margin:0 0 12px}.hero p{color:#cbd5e1;margin:0 0 16px}.btn,.cta{display:inline-block;border:none;background:var(--brand);color:#fff;border-radius:10px;text-decoration:none;cursor:pointer;font-weight:600;transition:transform .08s ease,filter .2s ease}.btn:hover,.cta:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.secondary{background:#2b3342;color:var(--text);margin-left:10px}.panel{border:1px solid hsla(0,0%,100%,.06);border-radius:14px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.card{background:#0f141c;border:1px solid #232a39;border-radius:12px;padding:16px}.card h3{margin-top:0}.footer{text-align:center;color:#9ca3af;font-size:12px;padding:36px 12px}.demo{max-width:980px;margin:24px auto;padding:12px}.panel .row{display:flex;gap:12px;align-items:center}.panel .muted{color:var(--muted)}.pipeline{position:relative}.columns{grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:20px}.column{background:#0f141c;border:1px solid #232a39;border-radius:12px;min-height:180px;padding:10px}.column-title{font-size:13px;color:#9aa4b2;padding-bottom:8px;border-bottom:1px dashed #273044;margin-bottom:8px}.dropzone{min-height:110px}.floating-card{background:#121826;border:1px solid #2b3342;border-radius:12px;padding:10px 12px;box-shadow:0 8px 22px rgba(0,0,0,.3)}.floating-card .lead-name{font-weight:700;font-size:14px}.floating-card .lead-meta{font-size:12px;color:#9aa4b2}.results{text-align:center}.checkmark{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#052e24;font-size:28px;font-weight:900;margin:12px;box-shadow:0 12px 30px rgba(16,185,129,.35)}.big{font-size:18px;color:#d1d5db}.pill{display:inline-block;margin:6px 0 16px;background:#0c1f17;color:#8ff0c8;border:1px solid #1c3b2e;border-radius:999px;padding:6px 12px;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;margin:12px 0}label{display:flex;flex-direction:column;font-size:14px;color:#cbd5e1}input,select{margin-top:6px;background:#0e1116;border:1px solid #2b3342;color:var(--text);outline:none;border-radius:10px}input:focus,select:focus{border-color:#3b4356}.form-section-title{font-weight:800;font-size:16px;margin:6px 0;color:#e5e7eb}.form-subtitle{font-weight:700;font-size:13px;margin:10px 0 6px;color:#cbd5e1}.checkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.chip-check{display:flex;gap:12px;padding:8px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;background:transparent;border:0;box-shadow:none;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}.chip-check::-webkit-scrollbar{display:none}.chip-check .chip{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;color:#d6dee6;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;scroll-snap-align:start;transition:border-color .15s ease,background .15s ease,color .15s ease;flex:0 0 auto;margin-right:0}.chip-check .chip input{position:absolute;inset:0;opacity:0;cursor:pointer}.chip-check .chip:has(input:checked){background:#0f1b27;border-color:#203244;color:#cde4ff}@media (max-width:420px){.checkgrid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:900px){.grid{grid-template-columns:1fr}.columns{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr}.checkgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.funnel{display:flex;justify-content:center;margin-bottom:12px;flex-wrap:wrap}.f-step{font-size:12px;color:#e9eef5;border:1px solid rgba(229,57,53,.22);padding:6px 10px;background:rgba(229,57,53,.06)}.f-step.active{color:#fff;border-color:rgba(229,57,53,.55);background:linear-gradient(90deg,rgba(229,57,53,.18),rgba(229,57,53,.32));box-shadow:0 10px 26px rgba(229,57,53,.15)}.status-bar{font-size:14px;color:#cbd5e1;margin-bottom:12px;opacity:.95}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;margin:6px 6px 0 0;border:1px solid #2b3342;background:#0f141c;color:#cbd5e1}.badge.dial,.badge.info{background:#0f1b27;border-color:#203244;color:#cde4ff}.badge.connected{background:#0c1f17;border:1px solid #1c3b2e;color:#8ff0c8}.typing{display:flex;gap:4px;align-items:center;margin:6px 0 2px 2px;opacity:0}.typing .dot{width:6px;height:6px;border-radius:50%;background:#9aa4b2;opacity:.7}.bubble{max-width:260px;padding:8px 10px;border-radius:10px;margin-top:8px;font-size:13px;line-height:1.35;border:1px solid #2b3342}.bubble.ai{background:#101826;color:#e5e7eb}.bubble.lead{background:#12221a;color:#c3f2dc;border-color:#1c3b2e}.understood{margin-top:10px}.understood>span{font-size:12px;color:#9aa4b2;display:block;margin-bottom:6px}.chips{gap:6px}.chips .chip,.understood .chip{font-size:12px;padding:4px 8px;border-radius:999px;background:#0f1b27;color:#cde4ff;border:1px solid #203244}.st-step{font-size:13px;background:#0f141c;border:1px solid #232a39;color:#cbd5e1;padding:8px 10px;border-radius:10px;margin-top:8px;max-width:280px}.morning{margin-top:12px;opacity:0}.sunrise{font-size:11px;color:#cbd5e1;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.calendar-full{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;background:#0f141c;border:1px solid #1f2a3a;padding:10px;border-radius:12px;max-width:360px}.calendar-full .slot{font-size:12px;background:#0d121a;border:1px dashed #2b3342;border-radius:8px;padding:8px;text-align:center;color:#9aa4b2}.calendar-full .slot.filled{color:#8ff0c8;border:1px solid #1c3b2e;font-weight:600}.angi-logo{font-weight:900;letter-spacing:.02em;background:#311;color:#ffb3b3;border:1px solid #522;border-radius:10px;margin:6px 6px 0 0}.angi-logo,.lead-chip{display:inline-block;padding:6px 10px}.lead-chip{font-size:12px;color:#cbd5e1;background:#0f1b27;border:1px solid #203244;border-radius:999px;margin-top:8px}.phone-pulse{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;margin:8px 0 0;background:#112;border:1px solid #223;box-shadow:0 0 0 0 rgba(229,57,53,.35)}.stamp{display:inline-block;margin-top:6px;font-size:11px;color:#9aa4b2;background:#0f1b27;border:1px solid #203244;border-radius:999px;padding:3px 8px}.email-card{background:#0f141c;border:1px solid #2b3342;border-radius:8px;padding:8px;color:#cbd5e1;max-width:220px;box-shadow:0 4px 10px rgba(0,0,0,.25)}.email-card .subject{font-weight:600}.email-card .preview{color:#9aa4b2;font-size:12px;margin-top:2px}.audio-toggle{top:10px;right:10px;width:36px;height:36px;border-radius:10px;border:1px solid #2b3342;background:#0f141c;color:#e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25)}.audio-toggle:hover{transform:translateY(-1px)}.ghl-board{grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin:10px 0 18px}.ghl-col{background:radial-gradient(140% 120% at 18% -10%,#121820,#0b0f14);border:1px solid rgba(229,57,53,.08);border-radius:14px;padding:12px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.35)}.ghl-col-title{display:flex;align-items:center;gap:8px;font-size:14px;color:#d5dde5;margin-bottom:10px;font-weight:700;border-bottom:1px dashed #273044;padding-bottom:8px}.ghl-col-title .tag{font-size:11px;padding:3px 8px;border-radius:999px;background:#2a1515;border:1px solid #5a2a2a;color:#ffb7b7}.ghl-col-body{min-height:96px;position:relative}.ghl-card{background:radial-gradient(140% 120% at 20% 0,#141c27,#0f141c);border:1px solid rgba(229,57,53,.22);border-radius:12px;padding:12px 14px;box-shadow:0 12px 30px rgba(229,57,53,.1),0 6px 18px rgba(0,0,0,.25);width:94%;transition:box-shadow .2s ease}.ghl-card:hover{box-shadow:0 14px 36px rgba(229,57,53,.14),0 8px 22px rgba(0,0,0,.3)}.ghl-name{font-weight:800;letter-spacing:.01em}.ghl-meta{font-size:12px;color:#9aa4b2}.ghl-col.active{outline:1px solid rgba(229,57,53,.55);box-shadow:inset 0 0 0 3px rgba(229,57,53,.18),0 18px 42px rgba(0,0,0,.35)}.api-flash{position:absolute;right:8px;top:-8px;transform:translateY(-100%);font-size:12px;padding:8px 12px;border-radius:999px;background:linear-gradient(90deg,rgba(229,57,53,.18),rgba(229,57,53,.32));border:1px solid rgba(229,57,53,.45);color:#ffecec;opacity:0;pointer-events:none;box-shadow:0 14px 36px rgba(229,57,53,.15);z-index:3}:root{--brand:#e53935;--accent:#10b981;--bg:#0b0e13;--panel:#0f141c;--panelAlt:#121826;--ink:#e8eef9;--ink-2:#bec7d8;--ink-3:#8b95a8;--stroke:hsla(0,0%,100%,.06);--stroke-2:hsla(0,0%,100%,.1);--radius-s:10px;--radius-m:14px;--radius-l:18px;--shadow-1:0 8px 24px rgba(0,0,0,.35);--shadow-2:0 14px 40px rgba(0,0,0,.45);--space-1:8px;--space-2:12px;--space-3:16px;--space-4:20px;--space-5:28px;--space-6:40px}body{font-feature-settings:"ss01" 1,"liga" 1;-webkit-font-smoothing:antialiased;color:var(--ink)}.hero h1{font-size:40px;line-height:1.08;letter-spacing:-.02em}.bubble,.hero p,.st-step,.status-bar{line-height:1.45}.panel{background:linear-gradient(180deg,var(--panel),var(--panelAlt));border:1px solid var(--stroke);border-radius:var(--radius-l);padding:var(--space-5);box-shadow:var(--shadow-2)}.card,.column,.email-card,.ghl-card{background:#0f141c;border:1px solid var(--stroke);border-radius:var(--radius-m);box-shadow:var(--shadow-1)}.column{padding:var(--space-3)}.column-title{color:var(--ink-3);font-weight:600;border-bottom:1px dashed hsla(0,0%,100%,.08);margin-bottom:var(--space-2);padding-bottom:var(--space-2)}.bubble,.st-step{border:1px solid hsla(0,0%,100%,.08);background:#111827;border-radius:var(--radius-s)}.bubble.lead{background:#0e1a14;border-color:rgba(20,185,129,.25);color:#c9f4de}.btn,.cta{border-radius:12px;padding:12px 18px;font-weight:700;letter-spacing:.2px}.btn.secondary{background:#1b2331;border:1px solid var(--stroke-2);color:var(--ink)}.columns,.grid{gap:var(--space-3)}.dropzone{min-height:120px}.funnel{gap:8px}.f-step{padding:6px 12px;border-radius:999px;color:var(--ink-3);border:1px dashed hsla(0,0%,100%,.1);background:transparent}.f-step.active{color:#d7e7ff;background:#0f1b27;border:1px solid rgba(136,185,255,.25);box-shadow:0 6px 16px rgba(12,45,90,.25)}.ghl-board{margin-bottom:var(--space-4)}.ghl-col-title{color:var(--ink-3);font-weight:600}.ghl-card.primary{background:linear-gradient(180deg,rgba(16,24,38,.9),rgba(17,26,39,.9)),radial-gradient(120% 60% at 20% 0,rgba(229,57,53,.12),transparent);border:1px solid rgba(229,57,53,.35)}.api-flash{background:#0f1b27;border:1px solid rgba(136,185,255,.25);color:#cfe1ff;padding:6px 10px;border-radius:10px}.status-bar{margin:8px 0 14px;color:var(--ink-2);text-align:center}.typing .dot{opacity:.55;transform:translateY(0);animation:bubbleBounce 1.2s ease-in-out infinite}.typing .dot:nth-child(2){animation-delay:.1s}.typing .dot:nth-child(3){animation-delay:.2s}@keyframes bubbleBounce{0%,80%,to{transform:translateY(0);opacity:.55}40%{transform:translateY(-4px);opacity:.9}}.calendar-full .slot{border:1px dashed hsla(0,0%,100%,.08);color:var(--ink-3)}.calendar-full .slot.filled{background:#0c1f17;border:1px solid rgba(16,185,129,.35);color:#aef4d7;box-shadow:0 6px 16px rgba(16,185,129,.2)}.audio-toggle{position:absolute;top:12px;background:#111827;border:1px solid var(--stroke);color:var(--ink-2);border-radius:999px;padding:8px 10px}.audio-toggle:hover{filter:brightness(1.05)}.form-grid{gap:var(--space-3)}label{color:var(--ink-2)}input,select{background:#0b0f15;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:var(--ink);padding:10px 12px}input:focus,select:focus{outline:none;border-color:rgba(136,185,255,.35);box-shadow:0 0 0 6px rgba(136,185,255,.1)}.chip-check .chip{border-radius:999px;border:1px solid hsla(0,0%,100%,.1);background:#0f141c;padding:6px 10px}:root{--radius:12px;--gap:12px}.container{padding:16px;overflow-x:hidden}.form-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.btn,.cta{width:100%}.hero .btn,.hero .cta{display:block;margin:8px auto;max-width:520px;text-align:center}input,select{height:46px;font-size:16px}.hero h1{font-weight:800;line-height:1.1;font-size:clamp(24px,5vw,40px)}.columns{display:grid;grid-template-columns:1fr;grid-gap:var(--gap);gap:var(--gap)}.column{border-radius:var(--radius);overflow:hidden}.ghl-board{display:grid;grid-auto-flow:column;grid-auto-columns:min(90vw,360px);grid-gap:12px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.ghl-col{scroll-snap-align:start}.ghl-card{min-height:72px}.audio-toggle{position:fixed;right:12px;bottom:12px;width:48px;height:48px;border-radius:12px}.calendar-full{grid-template-columns:repeat(3,minmax(0,1fr))}.chips{display:flex;flex-wrap:wrap;gap:8px}@media (min-width:900px){.container{padding:24px}.form-grid{grid-template-columns:1fr 1fr}.btn,.cta{width:auto}.columns{grid-template-columns:repeat(5,1fr)}.ghl-board{grid-auto-columns:1fr;overflow:visible}.audio-toggle{position:absolute;right:16px;top:16px;bottom:auto}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:root{--safe-bottom:env(safe-area-inset-bottom,0px)}.panel{padding-bottom:calc(28px + var(--safe-bottom))}.actions{display:flex;flex-direction:column;gap:10px;margin-top:12px}.actions .btn,.actions .cta{width:100%;max-width:520px;margin:0 auto;text-align:center}.actions.sticky{position:sticky;position:-webkit-sticky;bottom:calc(12px + var(--safe-bottom));bottom:calc(12px + constant(safe-area-inset-bottom));bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;padding-top:8px;background:linear-gradient(180deg,rgba(15,17,21,0),rgba(15,17,21,.8) 30%,#0f1115);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top-left-radius:12px;border-top-right-radius:12px}@media (min-width:720px){.actions{flex-direction:row;justify-content:flex-start}.actions .btn,.actions .cta{width:auto;margin:0}}.demo.panel .chip-check{display:flex}.demo.panel .actions.sticky{position:-webkit-sticky;position:sticky;bottom:0;background:rgba(0,0,0,.8);padding:.5rem;display:flex;flex-direction:column;gap:.5rem}@media (max-width:600px){.demo.panel .actions.sticky{flex-direction:column}.demo.panel .actions.sticky button{width:100%}}.demo.panel .chip-check{display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:.5rem;padding:4px 0;-webkit-overflow-scrolling:touch}.demo.panel .chip-check .chip{flex:0 0 auto}@supports (-webkit-touch-callout:none){.demo.panel .chip-check{-webkit-mask-image:none!important;mask-image:none!important}}.demo.panel .actions{display:flex;flex-direction:column;gap:.5rem}.demo.panel .actions .btn,.demo.panel .actions .cta{width:100%;max-width:520px;margin:0 auto}@media (max-width:380px){.demo.panel .chip{font-size:12px;padding:6px 10px}}