:root{color:#172535;--blue:#082b4c;--blue2:#0d4778;--green:#13804b;--red:#c52d36;--border:#ced9e2;--shadow:0 10px 35px #15324d18;background:#edf2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{border:1px solid var(--border);color:#18344d;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-height:46px;padding:.65rem 1rem;font-weight:700;display:inline-flex}button:hover{background:#f2f6f9}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #f5a623}input,select{color:#142538;background:#fff;border:1px solid #aebdca;border-radius:9px;width:100%;min-height:46px;padding:.65rem .8rem}label{gap:.35rem;font-weight:650;display:grid}.primary,.call{background:var(--green);border-color:var(--green);color:#fff}.video-call{color:#fff;background:#1266a0;border-color:#1266a0}.danger{background:var(--red);border-color:var(--red);color:#fff}.danger-link{color:#a61f28}.link{background:0 0;border:0;min-height:0;padding:0;text-decoration:underline}.brand{color:inherit;align-items:center;gap:.7rem;display:flex}.brand-mark{color:#fff;background:#e43740;border-radius:13px;place-items:center;width:48px;height:48px;font-size:1.15rem;font-weight:900;display:grid;box-shadow:inset 0 0 0 2px #fff4}.brand strong{font-size:1.25rem;display:block}.brand small{opacity:.8;font-size:.72rem;display:block}.setup{background:radial-gradient(circle at 85% 10%,#1e6493 0,#082b4c 42%,#061e35 100%);place-items:center;min-height:100vh;padding:clamp(1rem,4vw,3rem);display:grid}.welcome-card{background:#fff;border-radius:22px;width:min(800px,100%);padding:clamp(1.4rem,4vw,3rem);box-shadow:0 25px 70px #0005}.welcome-card h1{color:var(--blue);margin:.45rem 0 1rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#b5252e;margin:2rem 0 0;font-weight:800}.lede{color:#506375;font-size:1.15rem}.install-card{background:#eefaf3;border:1px solid #abd2bc;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:1rem;margin:1.5rem 0;padding:1rem;display:grid}.install-details{gap:.45rem;display:grid}.install-details .primary{margin-top:.4rem}.install-card small{color:#506375}.install-card a{color:var(--blue2);font-weight:700}.install-qr{border:1px solid var(--border);background:#fff;border-radius:10px;width:160px;height:160px;padding:7px}.welcome-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin:2rem 0;display:grid}.welcome-actions .primary{grid-column:1/-1;min-height:60px}.check{align-items:center;gap:.65rem;display:flex}.check input{width:21px;min-height:21px}.remember{margin-top:1.2rem}.security-note{color:#677887;font-size:.9rem}.welcome-card footer{border-top:1px solid var(--border);color:#657687;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding-top:1rem;font-size:.9rem;display:flex}.alert{border-radius:8px;padding:.8rem 1rem}.error{color:#8d1620;border-left:5px solid var(--red);background:#fff0f0}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.wide{grid-column:1/-1}.input-action{display:flex}.input-action input{border-radius:9px 0 0 9px}.input-action button{border-radius:0 9px 9px 0}.form-actions,.button-row{justify-content:flex-end;gap:.7rem;margin-top:1.2rem;display:flex}.phone-shell{min-height:100vh}.phone-shell>header{background:var(--blue);color:#fff;grid-template-columns:1fr auto auto auto;align-items:center;gap:clamp(1rem,3vw,2.5rem);padding:1rem clamp(1rem,4vw,3rem);display:grid}.identity{display:grid}.identity span,header time{opacity:.82;text-align:right;font-size:.85rem}.status{align-items:center;gap:.45rem;font-weight:750;display:inline-flex}.status i{background:#d64a51;border-radius:50%;width:11px;height:11px}.status-registered i{background:#32cc7b;box-shadow:0 0 0 4px #32cc7b33}.status-connecting i,.status-reconnecting i{background:#f0b832;animation:1.2s infinite pulse}.browser-notice,.connection-message{text-align:center;color:#644d06;background:#fff6d9;padding:.55rem 1rem;font-size:.9rem}.connection-message{color:#254963;background:#eaf2f8}.phone-layout{grid-template-columns:minmax(360px,600px) 260px;justify-content:center;gap:1.25rem;padding:1.5rem;display:grid}.panel{box-shadow:var(--shadow);background:#fff;border:1px solid #d8e1e8;border-radius:16px}.dialer{padding:clamp(1rem,3vw,2rem)}.number-entry>span{color:#5b6b78;font-size:.82rem}.number-entry>div{margin:.35rem 0 1.3rem;display:flex}.number-entry input{text-align:center;border-radius:10px 0 0 10px;height:58px;font-size:1.5rem}.number-entry button{border-radius:0}.number-entry button:last-child{border-radius:0 10px 10px 0}.keypad{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.keypad button{border-radius:14px;height:70px;padding:.25rem;display:grid}.keypad b{font-size:1.6rem;line-height:1}.keypad small{letter-spacing:.15em;color:#627586;font-size:.65rem}.call-buttons{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.call-buttons button{min-height:58px}.quick{flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.quick button{justify-content:flex-start}.quick button:last-child{margin-top:auto}.quick svg,.nav-icon{text-align:center;width:22px;font-size:1.4rem}.quick small{margin-left:auto}.demo-banner{color:#211d04;text-align:center;letter-spacing:.04em;background:#ffd43b;padding:.45rem;font-weight:900}.call-overlay{z-index:10;background:#061b2edf;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.call-card{text-align:center;background:#fff;border-radius:24px;width:min(600px,100%);padding:2rem;box-shadow:0 20px 80px #0008}.call-card h2{margin:.4rem;font-size:2rem}.pulse{width:75px;height:75px;color:var(--blue);background:#eaf2f7;border-radius:50%;place-items:center;margin:auto;animation:1.4s infinite pulse;display:grid}.incoming .pulse{color:var(--green);background:#e3f7ec}.timer{margin:1rem;font-size:1.6rem;display:block}.call-card video{background:#0b1720;border-radius:10px;width:100%;max-height:45vh}.active-controls{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.5rem;display:flex}.page{width:min(1000px,100% - 2rem);min-height:calc(100vh - 2rem);margin:1rem auto;padding:clamp(1rem,3vw,2rem)}.page-title{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:1.5rem;display:grid}.page-title h2{text-align:center}.page-title>:last-child{justify-self:end}.list{gap:.65rem;margin-top:1rem;display:grid}.list article{border:1px solid var(--border);border-radius:12px;align-items:center;gap:.8rem;padding:.7rem;display:flex}.list article>div{flex:1;display:grid}.list small,.summary small,.check-result small{color:#647483;display:block}.avatar,.direction{background:#dce9f2;border-radius:50%;place-items:center;width:45px;height:45px;font-weight:800;display:grid}.direction.missed,.direction.failed,.direction.declined{color:#a61f28;background:#ffe4e6}.empty{text-align:center;color:#6a7a86;padding:3rem}.inline-form{background:#f1f6f9;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1rem 0;padding:1rem;display:grid}.settings h3,.prose h3{color:var(--blue);border-bottom:1px solid var(--border);margin-top:2rem;padding-bottom:.4rem}.summary{flex-wrap:wrap;gap:2rem;display:flex}.summary span{display:grid}.setting-list{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.test-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.test-grid video{aspect-ratio:4/3;background:#14202a;border-radius:12px;width:100%}.test-grid progress{width:100%;height:20px}.check-result{background:#edf5f0;border-radius:10px;gap:.8rem;margin:.5rem;padding:.8rem;display:flex}.check-result>b{color:var(--green);font-size:1.5rem}.check-result.warning{background:#fff6d9}.check-result.warning>b{color:#936a00}.check-result.fail{background:#ffe7e8}.check-result.fail>b{color:var(--red)}.prose{max-width:800px}.prose p{line-height:1.75}.high-contrast{--blue:#001f3f;--green:#007a36;--red:#bd0011}.large-buttons button{min-height:58px;font-size:1.1rem}@keyframes pulse{50%{opacity:.75;transform:scale(1.06)}}@media (width<=760px){.phone-shell>header{grid-template-columns:1fr auto}.identity,header time{display:none}.phone-layout{grid-template-columns:1fr;padding:.75rem}.quick{grid-template-columns:1fr 1fr;display:grid}.quick button:last-child{margin:0}.form-grid,.setting-list,.test-grid,.inline-form{grid-template-columns:1fr}.wide{grid-column:auto}.page-title{grid-template-columns:auto 1fr}.page-title h2{text-align:left}.page-title>:last-child{grid-column:1/-1;justify-self:stretch}.list article{flex-wrap:wrap}.list article>div{min-width:calc(100% - 65px)}.welcome-actions,.install-card{grid-template-columns:1fr}.install-qr{justify-self:center}.call-buttons{grid-template-columns:1fr 1fr}}@media (width<=420px){.quick{grid-template-columns:1fr}.brand small{display:none}.keypad button{height:64px}.page{border-radius:0;width:100%;margin:0}.call-buttons{grid-template-columns:1fr}}