:root{--ink:#060b14;--ink2:#0b1320;--ink3:#101c2c;--paper:#f3f5f7;--blue:#5f7cff;--cyan:#48e3cf;--lime:#b9ff67;--text:#f4f7fb;--muted:#94a0b2;--line:rgba(255,255,255,.12);font-family:Inter,"SF Pro Display","Segoe UI",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;min-width:320px;color:var(--text);background:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea{color:inherit;font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.speed-note{min-height:34px;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 20px;color:#b4c0ce;background:#03060c;font-size:10px;letter-spacing:.035em;text-align:center}.pulse{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(72,227,207,.1);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px transparent}}
header{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(6,11,20,.86);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;width:fit-content;font-size:13px;font-weight:850;letter-spacing:.15em}.brand-mark{display:flex;align-items:flex-end;justify-content:center;gap:2px;width:26px;height:26px;padding:6px;border:1px solid currentColor;border-radius:50%}.brand-mark i{width:2px;border-radius:2px;background:currentColor}.brand-mark i:nth-child(1){height:6px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:8px}.demo-brand{font-size:13px;font-weight:850;letter-spacing:.15em}.demo-brand b{color:var(--cyan)}.demo-brand small{display:block;margin-top:2px;color:#687689;font-size:7px;letter-spacing:.22em;text-align:center}.header-actions{display:flex;align-items:center;justify-self:end;gap:10px}.header-actions button,.header-actions>a{padding:9px 12px;border:1px solid var(--line);border-radius:50px;background:transparent;font-size:10px;font-weight:750}.system-live{display:flex;align-items:center;gap:7px;color:#8793a5;font-size:9px}.system-live i{width:6px;height:6px;border-radius:50%;background:var(--lime)}
.intro{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:end;padding:clamp(70px,9vw,130px) clamp(24px,6vw,90px) 55px;background:radial-gradient(circle at 86% 15%,rgba(95,124,255,.22),transparent 25%),var(--ink)}.eyebrow{color:var(--cyan);font-size:9px;font-weight:850;letter-spacing:.19em}.intro h1{max-width:900px;margin:18px 0 0;font-size:clamp(3.4rem,7vw,7.6rem);font-weight:570;line-height:.91;letter-spacing:-.07em}.intro>p{max-width:540px;margin:0;color:#9aa7b8;font-size:15px;line-height:1.75}
.support-console{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.65fr);min-height:760px;margin:0 clamp(20px,3vw,48px) 70px;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--ink2);box-shadow:0 40px 120px rgba(0,0,0,.34)}.chat-panel{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line)}.chat-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:20px 24px;border-bottom:1px solid var(--line)}.agent-avatar{display:grid;place-items:center;width:44px;height:44px;color:#06100f;border-radius:15px;background:linear-gradient(135deg,var(--cyan),#7fffc2);font-weight:900}.chat-head strong{display:block;font-size:13px;letter-spacing:.15em}.chat-head>div:nth-child(2)>span{display:flex;align-items:center;gap:7px;margin-top:3px;color:#8290a1;font-size:10px}.chat-head>div:nth-child(2)>span i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.conversation-id{text-align:right}.conversation-id span{display:block;color:#5f6d7f;font-size:7px;letter-spacing:.16em}.conversation-id b{font-size:10px;letter-spacing:.1em}.demo-guard{display:flex;align-items:flex-start;gap:10px;padding:12px 24px;color:#9babba;border-bottom:1px solid rgba(95,124,255,.2);background:rgba(95,124,255,.07);font-size:10px;line-height:1.5}.demo-guard p{margin:0}.demo-guard>span{color:#7f9bff}.messages{flex:1;min-height:420px;max-height:560px;overflow-y:auto;padding:28px clamp(18px,3vw,42px);scrollbar-width:thin;scrollbar-color:#2d3c50 transparent}.message{max-width:min(75%,630px);margin-bottom:16px;padding:14px 16px;border-radius:17px;font-size:13px;line-height:1.55}.message.ai{border:1px solid var(--line);border-bottom-left-radius:5px;background:#111d2d}.message.user{margin-left:auto;color:#0a1420;border-bottom-right-radius:5px;background:#dfe8f4}.message.system{max-width:100%;color:#8ff0dd;border:1px solid rgba(72,227,207,.2);background:rgba(72,227,207,.06);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.02em}.message strong{display:block;margin-bottom:6px;color:#fff;font-size:11px;letter-spacing:.05em}.message.user strong{color:#0a1420}.typing{display:flex;gap:4px;width:54px}.typing i{width:5px;height:5px;border-radius:50%;background:#728094;animation:dots 1.1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes dots{50%{transform:translateY(-4px);background:var(--cyan)}}
.quick-actions{display:flex;flex-wrap:wrap;gap:7px;padding:0 24px 14px}.quick-actions button{padding:9px 12px;color:#dce5ee;border:1px solid #33445a;border-radius:50px;background:#101b2a;font-size:10px;font-weight:720}.quick-actions button:hover{border-color:var(--cyan);background:rgba(72,227,207,.07)}.composer{display:grid;grid-template-columns:1fr auto auto auto;gap:7px;margin:0 20px 20px;padding:8px;border:1px solid #304056;border-radius:17px;background:#070d17}.composer textarea{resize:none;padding:9px 10px;color:#eef3f8;border:0;outline:0;background:transparent;font-size:12px;line-height:1.45}.composer textarea::placeholder{color:#607084}.composer button{align-self:end;display:flex;align-items:center;justify-content:center;gap:14px;min-width:40px;min-height:40px;padding:11px 13px;color:#06100f;border-radius:11px;background:var(--cyan);font-size:10px;font-weight:850}.composer .voice-button,.composer .sound-button{padding:0;color:#a9b7c6;border:1px solid #304056;background:#111d2d}.composer .voice-button.active,.composer .sound-button.active{color:#06100f;border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 0 4px rgba(72,227,207,.08)}
.case-panel{padding:22px;background:#08101b}.case-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.case-head>span,.block-title{color:#667587;font-size:8px;font-weight:850;letter-spacing:.18em}.case-head b{padding:5px 8px;color:#91a0b1;border:1px solid #2c3b4e;border-radius:50px;font-size:8px;letter-spacing:.1em}.case-head b.resolved{color:#07130f;border-color:var(--lime);background:var(--lime)}.customer-card{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.customer-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#17253a;font-size:11px;font-weight:850}.customer-card span,.customer-card small{display:block;color:#657488;font-size:7px;letter-spacing:.13em}.customer-card strong{display:block;margin:3px 0;font-size:12px}.case-block{padding:20px 0;border-bottom:1px solid var(--line)}.block-title{display:block;margin-bottom:13px}.system-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}.system-row>span{display:flex;align-items:center;gap:8px;color:#adb8c5;font-size:9px}.system-row i{width:6px;height:6px;border-radius:50%;background:#485568}.system-row i.ok{background:var(--cyan)}.system-row b{color:#536276;font-size:7px;letter-spacing:.1em}.journey ol{display:grid;gap:5px;margin:0;padding:0;list-style:none}.journey li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px;border:1px solid transparent;border-radius:12px;opacity:.45}.journey li>i{display:grid;place-items:center;width:24px;height:24px;border:1px solid #3b4a5e;border-radius:50%;font-size:8px;font-style:normal}.journey li strong,.journey li span{display:block}.journey li strong{font-size:9px}.journey li span{margin-top:2px;color:#687689;font-size:8px}.journey li>b{font-size:7px;letter-spacing:.1em}.journey li.active{border-color:rgba(95,124,255,.35);background:rgba(95,124,255,.08);opacity:1}.journey li.active>i{color:#07101c;border-color:var(--blue);background:var(--blue)}.journey li.done{opacity:1}.journey li.done>i{color:#07120f;border-color:var(--cyan);background:var(--cyan)}.journey li.done>b{color:var(--cyan)}.case-result{display:none;align-items:center;gap:12px;margin-top:18px;padding:14px;color:#07120f;border-radius:14px;background:var(--lime)}.case-result.show{display:flex}.case-result>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(0,0,0,.2);border-radius:50%;font-weight:900}.case-result strong{display:block;font-size:9px;letter-spacing:.13em}.case-result p{margin:2px 0 0;font-size:8px}.case-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:18px;background:var(--line)}.case-metrics div{padding:13px;background:#08101b}.case-metrics strong,.case-metrics span{display:block}.case-metrics strong{font-size:14px}.case-metrics span{margin-top:2px;color:#607084;font-size:7px;letter-spacing:.08em}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.proof-strip article{min-height:220px;padding:32px clamp(20px,3vw,42px);background:var(--ink)}.proof-strip article>span{color:#4f6075;font-size:9px}.proof-strip strong{display:block;margin:60px 0 10px;font-size:15px}.proof-strip p{max-width:230px;margin:0;color:#778699;font-size:11px;line-height:1.6}.own-support{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:70px;padding:clamp(80px,9vw,130px) clamp(24px,8vw,120px);color:#0a1320;background:#e5eaf0}.own-support>div>span{color:#5f7186;font-size:9px;font-weight:850;letter-spacing:.19em}.own-support h2{max-width:750px;margin:13px 0 18px;font-size:clamp(2.5rem,5vw,5.5rem);font-weight:600;line-height:.96;letter-spacing:-.065em}.own-support p{max-width:640px;margin:0;color:#5f6d7c;font-size:14px;line-height:1.7}.own-support a{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:26px;color:#f4f7fb;border-radius:20px;background:var(--ink);box-shadow:0 25px 70px rgba(6,11,20,.2);transition:transform .2s}.own-support a:hover{transform:translateY(-4px)}.own-support a>span{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;color:#07120f;border-radius:15px;background:var(--cyan);font-size:21px}.own-support a strong{font-size:14px}.own-support a small{color:#6c7a8b;font-size:8px;letter-spacing:.08em}
.closing{position:relative;overflow:hidden;padding:clamp(100px,13vw,190px) 24px;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(72,227,207,.18),transparent 28%),#08101c}.closing-lines{position:absolute;left:50%;top:50%;width:900px;height:900px;border:1px solid rgba(95,124,255,.18);border-radius:50%;transform:translate(-50%,-50%)}.closing-lines::before,.closing-lines::after{position:absolute;inset:14%;border:1px solid rgba(72,227,207,.12);border-radius:50%;content:""}.closing-lines::after{inset:30%}.closing>span,.closing h2,.closing p,.closing a{position:relative}.closing>span{color:var(--cyan);font-size:9px;font-weight:850;letter-spacing:.2em}.closing h2{max-width:1100px;margin:24px auto;font-size:clamp(3rem,7vw,7.4rem);font-weight:570;line-height:.91;letter-spacing:-.07em}.closing p{max-width:720px;margin:0 auto 32px;color:#8795a7;font-size:14px;line-height:1.7}.closing a{display:inline-flex;align-items:center;gap:40px;padding:15px 17px 15px 21px;color:#06110f;border-radius:50px;background:var(--cyan);font-size:11px;font-weight:850}.closing a b{font-size:16px}
.start-gate{position:fixed;z-index:100;inset:0;display:none;place-items:center;padding:22px;background:rgba(3,7,13,.9);backdrop-filter:blur(20px)}.start-gate.open{display:grid}.gate-card{width:min(580px,100%);padding:clamp(28px,5vw,48px);border:1px solid var(--line);border-radius:26px;background:#0d1725;box-shadow:0 40px 120px rgba(0,0,0,.5)}.gate-label{color:var(--cyan);font-size:8px;font-weight:850;letter-spacing:.19em}.gate-card h2{margin:16px 0;font-size:clamp(2.1rem,6vw,3.8rem);line-height:.98;letter-spacing:-.055em}.gate-card>p{color:#91a0b1;font-size:13px;line-height:1.7}.gate-card label{display:flex;align-items:flex-start;gap:11px;margin:24px 0;color:#bdc7d2;font-size:11px;line-height:1.55;cursor:pointer}.gate-card input{width:18px;height:18px;margin:0;accent-color:var(--cyan);flex:none}.gate-card button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 17px;color:#05110e;border-radius:13px;background:var(--cyan);font-size:11px;font-weight:850}.gate-card button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:950px){header{grid-template-columns:1fr auto}.demo-brand{display:none}.system-live{display:none}.intro{grid-template-columns:1fr;gap:30px}.support-console{grid-template-columns:1fr}.chat-panel{border-right:0}.case-panel{border-top:1px solid var(--line)}.proof-strip{grid-template-columns:repeat(2,1fr)}.own-support{grid-template-columns:1fr;gap:40px}}
@media(max-width:600px){header{min-height:62px}.header-actions>a{display:none}.intro{padding:65px 20px 35px}.intro h1{font-size:3.7rem}.support-console{margin:0 10px 50px;border-radius:18px}.chat-head{padding:16px}.demo-guard{padding:10px 16px}.conversation-id{display:none}.messages{min-height:400px;padding:20px 14px}.message{max-width:88%;font-size:12px}.quick-actions{padding-inline:14px}.composer{margin:0 10px 12px}.proof-strip{grid-template-columns:1fr}.proof-strip article{min-height:170px}.proof-strip strong{margin-top:35px}.own-support{padding-inline:20px}.closing h2{font-size:3.2rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}