:root{--ink:#111827;--coral:#f26b51;--cream:#f4f0e8;--paper:#fffdf9;--muted:#737780;--line:#dedbd3;--mint:#b9d6cc}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--ink)}button,input{font:inherit}.hidden{display:none!important}.eyebrow{display:block;font:700 11px 'Manrope';letter-spacing:.16em;color:var(--coral);margin-bottom:8px}.brand{display:flex;align-items:center;gap:10px;font:800 20px 'Manrope'}.brand-mark,.mobile-logo b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--coral);color:white;font-style:italic}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.brand-panel{background:var(--ink);color:white;padding:50px 7vw;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand-copy{margin:auto 0}.brand-copy h1{font:800 clamp(45px,6vw,84px)/.98 'Manrope';letter-spacing:-.06em;margin:18px 0 30px}.brand-copy h1 em{color:var(--coral);font-style:normal}.brand-copy p{max-width:480px;color:#b6bac2;font-size:18px;line-height:1.6}.signal-art{position:absolute;right:-70px;bottom:-100px;width:370px;height:370px}.signal-art i{position:absolute;border:1px solid #ffffff24;border-radius:50%;inset:calc(var(--i,0)*35px)}.signal-art i:nth-child(2){inset:35px}.signal-art i:nth-child(3){inset:70px}.signal-art i:nth-child(4){inset:105px;background:var(--coral);border:0}.auth-card{background:var(--paper);padding:45px clamp(30px,8vw,110px);display:flex;flex-direction:column}.auth-top{display:flex;justify-content:flex-end}.mobile-logo{display:none;align-items:center;gap:8px;font:800 20px 'Manrope'}.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button{border:0;background:none;padding:10px 17px;color:var(--muted);cursor:pointer}.tabs button.active{color:var(--ink);border-bottom:2px solid var(--coral)}.auth-form{margin:auto 0;display:grid;gap:22px}.auth-form h2,.phone-panel h2{font:800 40px 'Manrope';margin:5px 0}.auth-form p{color:var(--muted);margin:0}.auth-form label{display:grid;gap:8px;font-size:13px;font-weight:600}.auth-form input,.dial-display,#dialogFields input{border:1px solid var(--line);background:white;border-radius:4px;padding:15px;outline:none}.auth-form input:focus,#dialogFields input:focus{border-color:var(--coral)}.primary{border:0;background:var(--coral);color:white;padding:16px 20px;font-weight:700;display:flex;justify-content:space-between;cursor:pointer;border-radius:3px}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:var(--ink);color:white;padding:30px 20px;display:flex;flex-direction:column}.sidebar nav{display:grid;gap:6px;margin-top:70px}.nav-item{border:0;background:transparent;color:#9da1aa;padding:13px 16px;text-align:left;border-radius:5px;cursor:pointer;display:flex;gap:13px;align-items:center}.nav-item.active,.nav-item:hover{background:#ffffff0e;color:white}.nav-item.active{border-left:3px solid var(--coral)}.badge{margin-left:auto;background:var(--coral);color:white;border-radius:20px;padding:2px 7px;font-size:10px}.account-mini{margin-top:auto;border-top:1px solid #ffffff17;padding-top:20px;display:flex;gap:10px;align-items:center}.avatar,.icon-btn span{width:38px;height:38px;border-radius:50%;background:var(--mint);color:var(--ink);display:grid;place-items:center;font-weight:800}.account-mini div:nth-child(2){display:grid;flex:1}.account-mini small{color:#8f949d}.account-mini button{background:none;border:0;color:#8f949d;cursor:pointer}.workspace{padding:0 clamp(22px,5vw,75px) 60px;min-width:0}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar h2{font:700 15px 'Manrope'}.icon-btn{border:0;background:none;cursor:pointer}.page{display:none;padding-top:45px}.page.active{display:block}.welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.welcome h1{font:800 clamp(35px,5vw,60px) 'Manrope';letter-spacing:-.05em;margin:5px 0}.welcome p{color:var(--muted)}.number-card{background:var(--ink);color:white;padding:22px 25px;min-width:300px}.number-card small{color:#8f949d;letter-spacing:.13em}.number-card strong{font:700 24px 'Manrope';display:block;margin:7px 0}.number-card button{border:0;background:none;color:var(--coral);padding:0;cursor:pointer}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:40px 0}.quick{border:0;padding:25px;text-align:left;display:flex;align-items:center;gap:15px;cursor:pointer;color:var(--ink)}.quick>span{font-size:25px}.quick div{display:grid;gap:5px;flex:1}.quick small{font-size:10px;letter-spacing:.12em}.quick.ink{background:var(--ink);color:white}.quick.coral{background:var(--coral);color:white}.quick.mint{background:var(--mint)}.panel{background:var(--paper);border:1px solid var(--line);padding:25px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-head h3{font:700 23px 'Manrope';margin:0}.section-head button{border:0;background:none;color:var(--coral);cursor:pointer}.list{display:grid}.list-row{display:flex;align-items:center;gap:15px;padding:15px 0;border-top:1px solid var(--line);cursor:pointer}.list-row:first-child{border-top:0}.list-row .avatar{flex:none}.list-row div:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}.list-row small,.list-row time{color:var(--muted);font-size:12px}.list-row p{margin:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{color:var(--muted);padding:35px;text-align:center}.phone-panel{max-width:430px;margin:0 auto;text-align:center}.dial-display{border:0;border-bottom:1px solid var(--line);font:700 34px 'Manrope';width:100%;text-align:center;background:transparent;letter-spacing:.06em}.dial-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.dial-pad button{aspect-ratio:1;border:1px solid var(--line);background:var(--paper);border-radius:50%;font:700 24px 'Manrope';cursor:pointer}.call-button,.hangup{width:70px;height:70px;border-radius:50%;border:0;background:#39a96b;color:white;font-size:25px;cursor:pointer;display:block;margin:15px auto}.phone-panel>small{color:var(--muted)}.split{display:grid;grid-template-columns:340px 1fr;gap:18px;height:calc(100vh - 180px)}.split .panel{overflow:auto}.round{font-size:25px}.chat{display:flex;flex-direction:column}.empty-chat{margin:auto;display:grid;place-items:center;gap:10px;color:var(--muted);font-size:40px}.empty-chat strong{color:var(--ink);font-size:18px}.empty-chat span{font-size:14px}.chat-head{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.chat-head div{display:grid}.messages-flow{flex:1;overflow:auto;padding:20px 0;display:flex;flex-direction:column;gap:8px}.bubble{max-width:75%;padding:10px 13px;background:#eeeae2;align-self:flex-start;border-radius:3px 12px 12px 12px}.bubble.mine{background:var(--ink);color:white;align-self:flex-end;border-radius:12px 3px 12px 12px}.bubble small{display:block;font-size:9px;opacity:.6;margin-top:4px}.compose{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:15px}.compose input{flex:1;padding:12px;border:1px solid var(--line)}.compose button{border:0;background:var(--coral);color:white;width:45px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.contact-card{border:1px solid var(--line);padding:18px;display:flex;align-items:center;gap:12px}.contact-card div:nth-child(2){display:grid;flex:1}.contact-card small{color:var(--muted)}.contact-card button{border:0;background:none;cursor:pointer;color:var(--muted)}.compact{display:inline-flex;padding:11px 15px}.bottom-nav{display:none}.toast{position:fixed;z-index:20;right:25px;top:25px;background:var(--ink);color:white;padding:13px 20px;transform:translateY(-100px);transition:.25s}.toast.show{transform:none}.toast.error{background:#b73d37}dialog{border:0;padding:0;background:transparent}dialog::backdrop{background:#111827a8;backdrop-filter:blur(3px)}#dialogForm{width:min(420px,calc(100vw - 30px));padding:35px;background:var(--paper);position:relative}#dialogForm h2{font:800 28px 'Manrope'}#dialogFields{display:grid;gap:18px;margin:25px 0}#dialogFields label{display:grid;gap:7px;font-size:12px;font-weight:700}.dialog-close{position:absolute;right:17px;top:14px;border:0;background:none;font-size:25px}.call-dialog>div{width:min(430px,calc(100vw - 30px));background:var(--ink);color:white;padding:60px;text-align:center}.pulse-avatar{width:100px;height:100px;border-radius:50%;background:var(--mint);color:var(--ink);display:grid;place-items:center;margin:auto auto 30px;font:800 35px 'Manrope';box-shadow:0 0 0 15px #b9d6cc18}.call-dialog small{display:block;color:#999fa9;letter-spacing:.15em}.call-dialog h2{font:800 30px 'Manrope';margin:10px}.call-dialog p{color:#aaa}.call-dialog strong{display:block;margin:35px}.hangup{background:var(--coral);transform:rotate(135deg)}
@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.brand-panel{display:none}.auth-card{min-height:100vh;padding:25px}.auth-top{justify-content:space-between}.mobile-logo{display:flex}.app-shell{display:block}.sidebar{display:none}.workspace{padding:0 16px 95px}.topbar{height:70px}.topbar .mobile-logo{display:flex}.topbar h2{display:none}.page{padding-top:25px}.welcome{align-items:stretch;flex-direction:column}.number-card{min-width:0}.quick-grid{grid-template-columns:1fr;margin:25px 0}.quick{padding:20px}.bottom-nav{position:fixed;display:flex;z-index:10;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);justify-content:space-around;padding:7px 3px max(7px,env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:none;color:var(--muted);display:grid;place-items:center;gap:2px;font-size:19px}.bottom-nav button.active{color:var(--coral)}.bottom-nav small{font-size:9px}.split{display:block;height:auto}.conversation-list{min-height:70vh}.chat{position:fixed;z-index:12;inset:0;background:var(--paper);border:0}.chat .back-chat{display:block}.contact-grid{grid-template-columns:1fr}.panel{padding:18px}.toast{top:12px;right:12px;left:12px;text-align:center}.auth-form h2{font-size:34px}}
@media(min-width:851px){.back-chat{display:none}}
.incoming-actions{display:flex;justify-content:center;gap:35px}.incoming-actions .hangup{margin:15px 0}.accept{width:70px;height:70px;border-radius:50%;border:0;background:#39a96b;color:white;font-size:25px;cursor:pointer}.incoming-actions+.hangup{margin-top:15px}
.text-button{border:0;background:none;color:var(--coral);padding:0;text-align:left;cursor:pointer;font-weight:600}.back-login{margin-bottom:24px}.reset-fields{display:grid;gap:18px}.dev-code{padding:13px;background:#e5f1ec;border:1px solid var(--mint);color:#23584a;font-weight:700;text-align:center;letter-spacing:.06em}button:disabled{opacity:.55;cursor:wait}.back-chat{border:0;background:transparent;font-size:22px;cursor:pointer;padding:8px;margin-left:-8px}.compose input:disabled{background:#f2efe9}
@media(max-width:850px){.chat{display:none;padding:16px 18px calc(18px + env(safe-area-inset-bottom));overflow:hidden}.chat.mobile-open{display:flex}.chat-head{flex:none}.messages-flow{min-height:0}.compose{flex:none}.conversation-list{min-height:calc(100vh - 190px)}body:has(.chat.mobile-open){overflow:hidden}}
.subscription-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:30px}.subscription-hero h1{font:800 clamp(34px,5vw,58px) 'Manrope';letter-spacing:-.05em;margin:5px 0}.subscription-hero p{color:var(--muted);max-width:600px}.status-pill{border:1px solid var(--line);background:var(--paper);padding:9px 14px;border-radius:30px;font-size:12px;font-weight:700;white-space:nowrap}.status-pill.active{background:#e3f3ec;border-color:#afd7c7;color:#176044}.status-pill.pending{background:#fff4d9;border-color:#ead28d;color:#775b0e}.pricing-grid{display:grid;grid-template-columns:minmax(300px,520px) minmax(240px,360px);gap:22px;align-items:start}.plan-card{background:var(--ink);color:white;padding:38px;border-radius:5px}.plan-tag{color:var(--coral);font-size:11px;font-weight:700;letter-spacing:.15em}.plan-card h2{font:800 30px 'Manrope';margin:12px 0}.price{display:flex;align-items:center;gap:12px;margin:22px 0}.price b{font:800 52px 'Manrope'}.price span{color:#aeb2bb;font-size:12px}.plan-card ul{list-style:none;padding:0;margin:25px 0;display:grid;gap:13px;color:#d4d6da}.plan-card .primary{width:100%;margin:20px 0}.plan-card>small{display:block;color:#969ba5;line-height:1.5}.danger{color:#ff8a76!important;margin-bottom:20px}.payment-note{background:var(--paper);border:1px solid var(--line);padding:28px}.payment-note>span{font-size:30px}.payment-note h3{font:700 21px 'Manrope'}.payment-note p{color:var(--muted);line-height:1.6}.payment-note div{display:grid;gap:5px;border-top:1px solid var(--line);padding-top:18px}.payment-note div span{color:var(--muted);margin-bottom:10px}@media(max-width:850px){.subscription-hero{flex-direction:column}.pricing-grid{grid-template-columns:1fr}.plan-card{padding:27px}.price b{font-size:44px}}