:root{--bg:#0f0f11;--surface:#17171a;--surface-2:#1e1e22;--border:#ffffff12;--border-strong:#ffffff24;--text:#e8e8ed;--text-muted:#7a7a8a;--text-dim:#4a4a5a;--pink:#00e5ff;--pink-glow:#00e5ff26;--pink-subtle:#00e5ff14;--user-bubble:#1a1a2e;--green:#22c55e;--amber:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);flex-direction:column;align-items:center;min-height:100vh;font-family:DM Sans,sans-serif;display:flex}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -10%,#00e5ff0f 0%,#0000 60%);position:fixed;inset:0}header{border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:14px;width:100%;max-width:760px;padding:20px 24px 18px;display:flex;position:relative}.header-icon{background:var(--pink);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex;box-shadow:0 0 20px #00e5ff66}.header-info h1{letter-spacing:-.01em;font-size:15px;font-weight:600}.header-info p{color:var(--text-muted);margin-top:1px;font-size:12px;font-weight:300}.header-status{color:var(--text-muted);align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.chat-area{z-index:5;scroll-behavior:smooth;flex-direction:column;flex:1;gap:24px;width:100%;max-width:760px;height:calc(100vh - 140px);padding:32px 24px 20px;display:flex;position:relative;overflow-y:auto}.chat-area::-webkit-scrollbar{width:4px}.chat-area::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.msg-group{flex-direction:column;gap:4px;animation:.35s cubic-bezier(.2,0,0,1) fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msg-group.user{align-items:flex-end}.msg-group.assistant{align-items:flex-start}.bubble{border-radius:18px;max-width:78%;padding:13px 16px;font-size:14.5px;font-weight:400;line-height:1.65}.msg-group.assistant .bubble{background:var(--surface);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:6px}.msg-group.user .bubble{background:var(--user-bubble);color:var(--text);border:1px solid #00e5ff33;border-bottom-right-radius:6px}.bubble strong{color:#fff;font-weight:600}.bubble em{color:var(--text-muted);font-size:13px;font-style:normal}.typing-bubble{background:var(--surface);border:1px solid var(--border);border-radius:18px;align-items:center;gap:5px;padding:14px 18px;display:flex}.typing-bubble span{background:var(--text-dim);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typeBounce}.typing-bubble span:nth-child(2){animation-delay:.15s}.typing-bubble span:nth-child(3){animation-delay:.3s}@keyframes typeBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.interactive-wrap{animation:.4s cubic-bezier(.2,0,0,1) .1s both fadeUp}.option-pills{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:24px;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:all .18s}.pill:hover{background:var(--pink-subtle);color:#fff;border-color:#00e5ff66;transform:translateY(-1px)}.provider-cards{flex-direction:column;gap:10px;max-width:600px;display:flex}.provider-card{background:var(--surface);border:1px solid var(--border-strong);cursor:pointer;border-radius:16px;padding:0;transition:all .2s;position:relative;overflow:hidden}.provider-card:hover{border-color:#00e5ff66;transform:translateY(-2px);box-shadow:0 8px 30px #00e5ff14}.provider-card.recommended{border-color:var(--pink)}.provider-card .rec-banner{background:var(--pink);color:#0a0a0f;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:5px 14px;font-size:10px;font-weight:700}.provider-card .card-body{align-items:center;gap:16px;padding:16px 18px;display:flex}.provider-logo{object-fit:contain;border-radius:6px;flex-shrink:0;width:80px;height:40px}.provider-info{flex:1;min-width:0}.provider-name{color:#fff;font-size:15px;font-weight:600}.provider-tagline{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:300}.provider-meta{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.meta-chip{white-space:nowrap;border-radius:10px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:500;display:flex}.meta-chip.tp{color:#00c458;background:#00b74a1f}.meta-chip.install{color:#818cf8;background:#6366f11f}.meta-chip.price{color:var(--pink);background:#00e5ff1a}.provider-arrow{color:var(--text-dim);flex-shrink:0;font-size:18px}.term-cards{grid-template-columns:1fr 1fr;gap:10px;max-width:400px;display:grid}.term-card{background:var(--surface);border:1px solid var(--border-strong);cursor:pointer;border-radius:14px;padding:18px 16px;transition:all .2s;position:relative}.term-card:hover{background:var(--pink-subtle);border-color:#00e5ff66;transform:translateY(-2px)}.term-card.selected{border-color:var(--pink)}.term-months{color:#fff;font-family:DM Mono,monospace;font-size:28px;font-weight:500;line-height:1}.term-unit{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:13px;font-weight:400}.term-label{color:var(--text-muted);margin-top:5px;font-size:12px}.term-badge{color:var(--pink);letter-spacing:.03em;background:#00e5ff33;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px}.speed-cards{grid-template-columns:repeat(2,1fr);gap:10px;max-width:560px;display:grid}.speed-card{background:var(--surface);border:1px solid var(--border-strong);cursor:pointer;border-radius:14px;padding:26px 16px 18px;transition:all .2s;position:relative}.speed-card:hover{border-color:#00e5ff73;transform:translateY(-2px);box-shadow:0 8px 30px #00e5ff1a}.speed-saving{letter-spacing:.04em;background:var(--pink);color:#0a0a0f;border-radius:12px;margin-bottom:8px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.speed-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.speed-val{color:#fff;margin-top:3px;font-family:DM Mono,monospace;font-size:30px;font-weight:500;line-height:1.1}.speed-unit{color:var(--text-muted);font-size:13px;font-weight:400}.speed-price{color:var(--pink);margin-top:10px;font-size:18px;font-weight:600}.speed-per{color:var(--text-muted);font-size:12px;font-weight:400}.speed-was{color:var(--text-muted);opacity:.7;margin-left:8px;font-size:12px;font-weight:400;text-decoration:line-through}.speed-then{color:var(--text-muted);font-size:11px;font-weight:400}.speed-note{color:var(--text-muted);margin-top:10px;font-size:13px;font-weight:400;line-height:1.5}.speed-guide{background:var(--surface);border:1px solid var(--border);border-radius:14px;max-width:560px;padding:4px 0}.sg-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:11px 16px;display:flex}.sg-row:last-child{border-bottom:none}.sg-icon{flex-shrink:0;margin-top:1px;font-size:15px}.sg-text strong{color:var(--text);font-size:13px;font-weight:600;display:block}.sg-text span{color:var(--text-muted);font-size:12.5px;font-weight:300}.slot-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-width:480px;display:grid}.slot-btn{background:var(--surface);border:1px solid var(--border-strong);cursor:pointer;color:var(--text);text-align:left;border-radius:12px;padding:13px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .18s}.slot-btn:hover{background:var(--pink-subtle);color:#fff;border-color:#00e5ff66;transform:translateY(-1px)}.slot-btn.selected{border-color:var(--pink);background:var(--pink-subtle)}.slot-date{color:var(--text-muted);margin-top:4px;font-size:13px;font-weight:400}.slot-asap{border-color:#22c55e4d}.slot-asap:hover{background:#22c55e14;border-color:#22c55eb3}.inline-input-wrap{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:12px;align-items:center;gap:8px;max-width:420px;padding:4px 4px 4px 14px;transition:border-color .2s;display:flex}.inline-input-wrap.wide{width:min(820px,100%);max-width:100%}.inline-input-wrap.wide .inline-inp{width:100%;min-width:0}.inline-input-wrap:focus-within{border-color:#00e5ff80}.inline-inp{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400}.inline-inp::placeholder{color:var(--text-dim)}.inline-submit{background:var(--pink);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.inline-submit:hover{background:#00b8cc}.inline-submit svg{width:15px;height:15px}.order-summary{background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;max-width:92%;font-size:13.5px;overflow:hidden}.os-header{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:13px 18px;display:flex}.os-header h3{font-size:13px;font-weight:600}.os-logo{border-radius:4px;width:auto;height:24px;margin-left:auto}.os-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 18px;display:flex}.os-row:last-child{border-bottom:none}.os-key{color:var(--text-muted);flex-shrink:0;padding-top:1px;font-size:12.5px}.os-val{color:var(--text);text-align:right;font-size:13px;font-weight:500}.os-row.total .os-key{color:var(--text);font-weight:600}.os-row.total .os-val{color:var(--pink);font-family:DM Mono,monospace;font-size:20px}.terms-block{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;max-width:92%;padding:16px}.terms-check{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.terms-check:last-of-type{margin-bottom:14px}.terms-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--pink);cursor:pointer;flex-shrink:0;margin-top:2px}.terms-check label{color:var(--text-muted);cursor:pointer;font-size:13px;line-height:1.5}.terms-check label a{color:var(--pink);font-weight:500;text-decoration:none}.terms-check label a:hover{text-decoration:underline}.confirm-btn{background:var(--pink);color:#0a0a0f;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 20px #00e5ff4d}.confirm-btn:hover:not(:disabled){background:#00b8cc;transform:translateY(-1px);box-shadow:0 6px 28px #00e5ff66}.confirm-btn:disabled{opacity:.32;cursor:not-allowed;box-shadow:none;transform:none}.success-card{background:linear-gradient(135deg, var(--surface), #0d1a0d);text-align:center;border:1px solid #22c55e40;border-radius:16px;max-width:78%;padding:26px 22px}.success-icon{margin-bottom:12px;font-size:36px}.success-ref{color:var(--green);background:#22c55e1a;border-radius:8px;margin:8px 0;padding:5px 14px;font-family:DM Mono,monospace;font-size:13px;display:inline-block}.success-card h3{color:#fff;margin-bottom:8px;font-size:16px;font-weight:600}.success-card p{color:var(--text-muted);font-size:14px;line-height:1.65}.success-card strong{color:var(--text)}.contract-popup{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.contract-popup.open{display:flex}.contract-inner{color:#111;background:#fff;border-radius:12px;width:100%;max-width:680px;max-height:88vh;padding:32px;font-family:Arial,Helvetica,sans-serif;font-size:10pt;position:relative;overflow-y:auto;box-shadow:0 25px 80px #000000b3}.contract-close{float:right;cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin:0 0 16px 16px;font-size:16px;display:flex}.contract-close:hover{background:#ddd}.input-bar{z-index:10;width:100%;max-width:760px;padding:14px 24px 20px;position:relative}.input-outer{background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;align-items:flex-end;gap:8px;padding:4px 4px 4px 16px;transition:border-color .2s;display:flex}.input-outer:focus-within{border-color:#00e5ff73;box-shadow:0 0 0 3px #00e5ff1a}#main-input{color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:22px;max-height:120px;padding:10px 0;font-family:DM Sans,sans-serif;font-size:14.5px;font-weight:400;line-height:1.5}#main-input::placeholder{color:var(--text-dim)}.send-btn{background:var(--pink);cursor:pointer;border:none;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:2px;transition:all .15s;display:flex;box-shadow:0 2px 12px #00e5ff4d}.send-btn:hover{background:#00b8cc;transform:scale(1.05)}.send-btn:active{transform:scale(.95)}.input-hint{text-align:center;color:var(--text-dim);margin-top:8px;font-size:11px}.provider-select-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-width:520px;display:grid}.prov-select-btn{background:var(--surface);border:1px solid var(--border-strong);cursor:pointer;color:var(--text-muted);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:14px 12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .18s;display:flex}.prov-select-btn:hover{color:#fff;background:var(--pink-subtle);border-color:#00e5ff66;transform:translateY(-1px)}.prov-select-btn.selected{border-color:var(--pink);background:var(--pink-subtle);color:#fff}.prov-name-label{font-size:14px;font-weight:500}.ots-match-card{background:#22c55e0f;border:1px solid #22c55e40;border-radius:14px;max-width:460px;padding:16px 18px;font-size:13.5px;line-height:1.6}.ots-match-card .match-icon{margin-bottom:8px;font-size:24px;display:block}.ots-match-card .match-title{color:var(--green);font-size:14px;font-weight:600}.ots-match-card .match-detail{color:var(--text-muted);margin-top:4px;font-size:12.5px}.ots-warn-card{background:#f59e0b0f;border:1px solid #f59e0b40;border-radius:14px;max-width:460px;padding:16px 18px;font-size:13.5px;line-height:1.6}.ots-warn-card .warn-icon{margin-bottom:6px;font-size:22px;display:block}.ots-warn-card .warn-title{color:var(--amber);font-size:14px;font-weight:600}.ots-warn-card .warn-detail{color:var(--text-muted);margin-top:4px;font-size:12.5px}.dd-handoff{background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;width:100%;max-width:440px;padding:18px}.dd-handoff-top{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.dd-lock{background:var(--pink-subtle);border:1px solid #00e5ff4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dd-lock svg{width:18px;height:18px}.dd-handoff h4{margin-bottom:3px;font-size:14px;font-weight:600}.dd-handoff p{color:var(--text-muted);font-size:12.5px;line-height:1.55}.dd-points{color:var(--text-muted);margin:0 0 14px;padding:0;font-size:12.5px;list-style:none}.dd-points li{gap:8px;padding:4px 0;display:flex}.dd-points li:before{content:"✓";color:var(--green);font-weight:600}.dd-open-btn{background:var(--pink);color:#0a0a0f;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 18px;font-family:DM Sans,sans-serif;font-size:14.5px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 20px #00e5ff4d}.dd-open-btn:hover{background:#00b8cc;transform:translateY(-1px)}.dd-open-btn svg{width:15px;height:15px}.dd-url-note{text-align:center;color:var(--text-dim);margin-top:10px;font-family:DM Mono,monospace;font-size:11px}.dd-status{color:var(--amber);background:#f59e0b14;border:1px solid #f59e0b40;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12.5px;display:none}.dd-status.show{display:block}.dd-done-card{background:#22c55e0f;border:1px solid #22c55e40;border-radius:14px;align-items:center;gap:12px;max-width:440px;padding:14px 16px;font-size:13px;display:flex}.dd-done-card .tick{background:var(--green);color:#0a0a0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.dd-done-card strong{color:var(--text);font-size:13.5px;display:block}.dd-done-card span{color:var(--text-muted);font-size:12px}.advisor-main{z-index:5;flex:1;width:100%;max-width:760px;position:relative}#conversation{width:100%}body{min-height:100dvh}.chat-area{height:auto;min-height:320px;overflow:visible}.input-bar{background:linear-gradient(transparent, var(--bg) 12%);padding-top:26px;position:sticky;bottom:0}.input-outer input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:12px 0}.send-btn{color:#0a0a0f;width:auto;min-width:60px;padding:0 12px;font:600 13px DM Sans,sans-serif}.speaker{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 5px 4px;font-size:10px}.bubble{overflow-wrap:anywhere}.bubble p+p{margin-top:10px}.bubble p:last-child{margin-bottom:0}.welcome-details{max-width:560px;margin:8px 0 12px}.eyebrow{color:var(--pink);letter-spacing:.13em;font-size:10px;font-weight:600}.welcome-details h2{letter-spacing:-.04em;margin:12px 0;font-size:clamp(24px,5vw,36px);font-weight:500;line-height:1.22}.welcome-details p{color:var(--text-muted);font-size:14px;line-height:1.8}.trust-row{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.trust-row span{border:1px solid var(--border-strong);color:var(--text-muted);border-radius:8px;padding:7px 10px;font-size:11px}.journey-choice{display:contents}.provider-mark{background:var(--pink-subtle);border:1px solid var(--border-strong);width:48px;height:48px;color:var(--pink);border-radius:12px;place-items:center;font-size:22px;display:grid}.provider-card{cursor:default}.term-card{color:var(--text);font-family:DM Mono,monospace;font-size:20px}.speed-card .pill{width:100%;margin-top:16px}.speed-cards{margin-top:16px}.price-tier{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.6}.muted{color:var(--text-muted);margin:8px 0;font-size:12px;line-height:1.7}.customer-form{max-width:480px;margin:16px 0}.customer-form label{margin-bottom:10px;font-size:13px;display:block}.customer-form select,.customer-form input[type=date]{color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);font:inherit;border-radius:8px;padding:10px}.customer-form select option{background:var(--surface)}.inline-input-wrap .pill{border:0}.current-step{flex-direction:column;gap:16px;display:flex}.notice{color:#f5d28b;background:#f59e0b12;border:1px solid #f59e0b4d;border-radius:12px;padding:16px;font-size:13px;line-height:1.7}.notice p{margin:8px 0}.notice .pill{margin-top:10px}.order-summary,.terms-block,.success-card{width:100%;max-width:600px}.summary-pricing{padding:12px 18px}.summary-pricing ul{margin-left:18px;line-height:1.8}.speed-guide{padding:14px 18px}summary{cursor:pointer;font-size:13px}.speed-guide p{color:var(--text-muted);margin-top:10px;font-size:13px;line-height:1.7}.verified-link{color:var(--pink);text-underline-offset:4px;margin:10px 12px 10px 0;font-size:13px;display:inline-block}.dd-open-btn{text-align:center;margin:10px 0;text-decoration:none}.terms-block h3{margin-bottom:10px;font-size:15px}.terms-check{margin-top:16px}.terms-check select{background:var(--surface);max-width:130px;color:var(--text);border:1px solid var(--border-strong);border-radius:6px;padding:7px}.option-list{gap:8px;max-width:580px;display:grid}.address-button{text-align:left;font:inherit;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;border-radius:12px;padding:16px;line-height:1.6}.address-button:hover{border-color:var(--pink)}.footer{z-index:5;width:100%;max-width:760px;color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:0 24px 24px;font-size:11px;display:flex;position:relative}.text-button{color:var(--text-muted);font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;text-decoration:underline}.sr-only,.skip-link:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{z-index:100;background:var(--pink);color:#000;padding:12px;position:fixed;top:10px;left:10px}:focus-visible{outline:2px solid var(--pink);outline-offset:4px}.current-step:focus{outline:none}@media (width<=520px){header{gap:10px;padding:18px 16px}.header-status{display:none}.header-info p{font-size:11px}.chat-area{padding:24px 16px 16px}.bubble{max-width:94%}.input-bar{padding:22px 16px 16px}.provider-card .card-body{flex-wrap:wrap;gap:10px;padding:14px}.provider-mark{width:36px;height:36px;font-size:16px}.provider-info{min-width:160px}.speed-cards{grid-template-columns:1fr}.os-row{gap:12px}.os-val{overflow-wrap:anywhere}.dd-handoff{max-width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}