:root{--black:#020305;--panel:#080d13;--panel2:#0c131d;--blue:#00aaff;--ice:#aeeaff;--orange:#ff5a00;--amber:#ffae00;--white:#f5fbff;--muted:#8a9aac;--line:#18334a;--shadow:0 30px 90px #000}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-height:100vh;color:var(--white);font-family:Manrope,system-ui,sans-serif;background:radial-gradient(circle at 20% 0,#05223a 0,transparent 30%),radial-gradient(circle at 80% 12%,#321000 0,transparent 23%),linear-gradient(#020305,#05080c 70%,#020305)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 3px,#42c8ff 4px,transparent 5px);mix-blend-mode:screen}.shell{width:min(1180px,calc(100% - 40px));margin:auto;position:relative}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1a354b}.brand{color:inherit;text-decoration:none}.brand strong{display:block;font:800 23px/1 "Space Grotesk";letter-spacing:.06em;text-shadow:0 0 18px #00aaff88}.brand small{display:block;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.28em;margin-top:6px}.status{display:flex;align-items:center;gap:9px;color:#b2c6d9;font:700 12px "Space Grotesk";letter-spacing:.1em}.status i{width:8px;height:8px;border-radius:50%;background:#31f89b;box-shadow:0 0 14px #31f89b}
main{padding:42px 0 44px}.intro{max-width:980px;margin:0 auto 30px;display:grid;grid-template-columns:350px 1fr;align-items:center;gap:38px}.logo-stage{position:relative;isolation:isolate;margin:-20px 0}.logo-stage:before{content:"";position:absolute;inset:20% 5%;background:radial-gradient(ellipse,#00aaff55 0,transparent 60%),radial-gradient(ellipse at 50% 25%,#ff5a003f 0,transparent 48%);filter:blur(20px);z-index:-1}.logo-stage img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 22px #009dff66)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font:800 11px "Space Grotesk";letter-spacing:.22em}.eyebrow:before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--orange),var(--amber));box-shadow:0 0 8px var(--orange)}.intro h1{font:800 clamp(42px,6vw,72px)/.94 "Space Grotesk";letter-spacing:-.055em;margin:15px 0;text-transform:uppercase;text-shadow:3px 0 #006ca5,-2px 0 #a92b00}.intro p{margin:0;color:#adbdca;font-size:17px;line-height:1.65;max-width:620px}
.chat-card{max-width:900px;margin:auto;border:1px solid #1c4966;border-radius:13px;background:linear-gradient(180deg,#0b131c,#05090e);box-shadow:0 0 0 1px #ff670012 inset,0 35px 90px #000,0 0 60px #008dcc17;overflow:hidden;position:relative}.chat-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue),white,var(--orange),transparent);z-index:2}.chat-head{height:76px;padding:0 22px;display:flex;align-items:center;border-bottom:1px solid #19364c;background:linear-gradient(90deg,#0b1925,#11100e)}.agent-avatar,.mini-avatar{display:grid;place-items:center;font-family:"Space Grotesk";font-weight:800;color:white;background:linear-gradient(145deg,#057ec0,#01293f 55%,#ff5a00);border:1px solid #43c8ff;box-shadow:0 0 18px #00aaff55}.agent-avatar{width:41px;height:41px;margin-right:12px;border-radius:8px}.chat-head strong{display:block;font-size:15px}.chat-head div span{display:block;color:#758b9d;font-size:12px;margin-top:4px}.restart{margin-left:auto;color:#88a1b5;background:#06111a;border:1px solid #183d55;border-radius:7px;font:700 12px Manrope;cursor:pointer;padding:9px 11px}.restart:hover{color:white;border-color:var(--blue)}
.messages{height:355px;overflow:auto;padding:26px 24px;display:flex;flex-direction:column;gap:17px;scroll-behavior:smooth;background:linear-gradient(#00000014,#07121c33)}.message{display:flex;gap:10px;align-items:flex-end;max-width:89%;animation:rise .2s ease-out}.message.user{margin-left:auto;flex-direction:row-reverse}.bubble{padding:14px 16px;border-radius:3px 14px 14px 14px;background:#101e2a;border:1px solid #1d3f57;color:#e8f5ff;line-height:1.55;font-size:15px;white-space:pre-line;box-shadow:0 8px 20px #0004}.user .bubble{background:linear-gradient(135deg,#064e76,#0b72a9);border-color:#159cdb;border-radius:14px 3px 14px 14px;color:#fff}.mini-avatar{flex:0 0 27px;height:27px;border-radius:6px;font-size:12px}.message.user .mini-avatar{display:none}.bubble strong{display:block;font:800 18px "Space Grotesk";color:white;margin-bottom:7px;text-transform:uppercase}.choices{padding:0 24px 15px;display:flex;flex-wrap:wrap;gap:8px}.choices button{color:#cceeff;background:#071722;border:1px solid #17608a;border-radius:6px;padding:10px 13px;font:700 13px Manrope;cursor:pointer}.choices button:hover{background:#0a2b40;border-color:#32baff;box-shadow:0 0 15px #00aaff2f}.composer{display:flex;gap:10px;align-items:flex-end;margin:0 18px 12px;padding:9px 9px 9px 16px;border:1px solid #246488;border-radius:8px;background:#02070a;box-shadow:0 0 0 1px #000 inset}.composer:focus-within{border-color:#4bcaff;box-shadow:0 0 18px #00aaff2f}.composer textarea{resize:none;max-height:120px;flex:1;background:transparent;border:0;outline:0;color:white;font:600 15px/1.5 Manrope;padding:8px 0}.composer textarea::placeholder{color:#577080}.composer button{flex:0 0 44px;height:44px;border:0;border-radius:6px;background:linear-gradient(135deg,#00aaff,#006da3 55%,#ff5a00);cursor:pointer;display:grid;place-items:center;box-shadow:0 0 15px #00aaff4d}.composer button:hover{filter:brightness(1.2)}.composer svg{width:22px;fill:white}.privacy{text-align:center;color:#526777;font-size:11px;padding:0 16px 15px;text-transform:uppercase;letter-spacing:.04em}
.guide-download{max-width:900px;margin:24px auto 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:22px 24px;color:white;text-decoration:none;border:1px solid #245a78;border-radius:11px;background:linear-gradient(115deg,#091926,#071019 62%,#251007);box-shadow:0 16px 45px #0008,0 0 28px #00aaff17;transition:.2s}.guide-download:hover{transform:translateY(-2px);border-color:#4bcaff;box-shadow:0 20px 50px #0009,0 0 34px #00aaff29}.pdf-mark{display:grid;place-items:center;width:62px;height:72px;border:1px solid #ff7a30;border-radius:6px;background:linear-gradient(145deg,#ff650f,#a72d00);font:800 16px "Space Grotesk";letter-spacing:.08em;box-shadow:0 0 22px #ff5a0040}.guide-copy{min-width:0}.guide-copy strong{display:block;margin:7px 0 4px;font:800 22px "Space Grotesk";text-transform:uppercase}.guide-copy small{display:block;color:#91a6b8;font-size:13px;line-height:1.45}.guide-action{font:800 12px "Space Grotesk";letter-spacing:.1em;color:#8ddcff;white-space:nowrap}.guide-action b{margin-left:8px;color:var(--orange);font-size:20px}.popular{max-width:1000px;margin:68px auto 0}.popular>div:first-child{text-align:center}.popular h2{font:800 30px "Space Grotesk";text-transform:uppercase;margin:8px 0 26px;letter-spacing:-.02em}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.problem-grid button{text-align:left;min-height:118px;position:relative;border:1px solid #173b53;border-radius:8px;background:linear-gradient(145deg,#09141d,#070a0d);color:white;padding:18px;cursor:pointer;transition:.2s;overflow:hidden}.problem-grid button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--blue),var(--orange))}.problem-grid button:hover{transform:translateY(-3px);border-color:#267ba8;box-shadow:0 16px 35px #0008,0 0 22px #00aaff20}.problem-grid b{font:800 11px "Space Grotesk";color:var(--orange)}.problem-grid span{display:block;font:700 16px/1.35 Manrope;margin-top:10px}.problem-grid em{position:absolute;right:18px;bottom:17px;color:#406276;font-style:normal}.problem-grid button:hover em{color:#ff7600}footer{border-top:1px solid #152f43;margin-top:54px;padding:25px 0 40px;display:flex;justify-content:space-between;gap:20px;color:#586b79;font-size:11px;text-transform:uppercase;letter-spacing:.08em}@keyframes rise{from{opacity:0;transform:translateY(5px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.shell{width:min(100% - 24px,1180px)}header{height:72px}.status{font-size:0}.intro{grid-template-columns:175px 1fr;gap:18px;margin-bottom:25px}.logo-stage{margin:-10px 0}.intro h1{font-size:38px}.intro p{font-size:15px}.messages{height:400px;padding:20px 14px}.chat-head{padding:0 14px}.restart span{display:none}.choices{padding:0 14px 12px}.composer{margin:0 10px 10px}.guide-download{grid-template-columns:auto 1fr;padding:18px}.guide-action{grid-column:2}footer{flex-direction:column}.message{max-width:95%}}
@media(max-width:500px){main{padding-top:27px}.intro{display:block;text-align:center}.logo-stage{width:210px;margin:-12px auto 10px}.eyebrow:before{display:none}.intro h1{font-size:36px}.pdf-mark{width:48px;height:58px;font-size:13px}.guide-copy strong{font-size:17px}.brand strong{font-size:19px}}
.admin-help{max-width:900px;margin:24px auto 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px 22px;color:white;text-decoration:none;border:1px solid #ff6b21;border-radius:11px;background:linear-gradient(115deg,#201006,#0a1017 55%,#071e2c);box-shadow:0 16px 45px #0008,0 0 30px #ff5a0018;transition:.2s}.admin-help:hover{transform:translateY(-2px);border-color:#ff945c;box-shadow:0 20px 50px #0009,0 0 36px #ff5a0030}.admin-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:9px;background:linear-gradient(145deg,#057ec0,#01293f 55%,#ff5a00);border:1px solid #43c8ff;font:800 21px "Space Grotesk";box-shadow:0 0 18px #00aaff55}.admin-help small{display:block;color:var(--orange);font:800 10px "Space Grotesk";letter-spacing:.18em}.admin-help strong{display:block;margin:5px 0 3px;font:800 19px "Space Grotesk";text-transform:uppercase}.admin-help em{display:block;color:#91a6b8;font-size:13px;font-style:normal;line-height:1.4}.admin-help>b{font:800 12px "Space Grotesk";letter-spacing:.08em;color:#8ddcff;white-space:nowrap}
@media(max-width:760px){.admin-help{grid-template-columns:auto 1fr;padding:18px}.admin-help>b{grid-column:2}}
.service-monitor{max-width:900px;margin:0 auto 24px;padding:22px;border:1px solid #1c4966;border-radius:13px;background:linear-gradient(135deg,#091620,#090c11 66%,#1d0d05);box-shadow:0 18px 50px #0008,0 0 30px #008dcc17}.service-monitor-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.service-monitor h2{margin:8px 0 0;font:800 27px "Space Grotesk";text-transform:uppercase}.service-monitor-head button{border:1px solid #246488;border-radius:6px;background:#071722;color:#9edfff;padding:9px 12px;font:800 11px "Space Grotesk";letter-spacing:.08em;cursor:pointer}.service-monitor-head button:hover{border-color:#4bcaff;color:white}.service-monitor-head button:disabled{opacity:.55;cursor:wait}.service-monitor-note{margin:12px 0 17px;color:#8fa4b5;font-size:13px}.service-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service-card{display:flex;align-items:center;gap:12px;min-height:73px;padding:14px;border:1px solid #24445a;border-radius:8px;background:#071019}.service-dot{flex:0 0 12px;height:12px;border-radius:50%;background:#62717d;box-shadow:0 0 13px #62717d}.service-card strong{display:block;font:800 14px "Space Grotesk"}.service-card small{display:block;margin-top:5px;color:#8fa4b5;font-size:12px}.service-card.operational{border-color:#176044}.service-card.operational .service-dot{background:#31f89b;box-shadow:0 0 14px #31f89b}.service-card.slow{border-color:#84651b}.service-card.slow .service-dot{background:#ffc13c;box-shadow:0 0 14px #ffc13c}.service-card.issue{border-color:#8e302b}.service-card.issue .service-dot{background:#ff4d43;box-shadow:0 0 14px #ff4d43}.service-checked{margin-top:12px;color:#61798b;font-size:11px;text-align:right}.service-checked a{color:#ff8749}.service-card.loading .service-dot{animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.3}}@media(max-width:620px){.service-status-grid{grid-template-columns:1fr}.service-monitor{padding:18px}.service-monitor-head{align-items:center}.service-monitor h2{font-size:22px}}
.header-links{display:flex;align-items:center;gap:20px}.back-home{color:#8fcbe8;text-decoration:none;font:800 11px "Space Grotesk",sans-serif;letter-spacing:.1em}.back-home:hover{color:#fff}.back-home:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:620px){.header-links{gap:10px}.back-home{font-size:9px}.status{font-size:9px}}
html{background:#020305;color-scheme:dark}body{min-height:100dvh}