:root{font-family:'DM Sans',system-ui,sans-serif;color:#192923;background:#f1f4f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:48px 24px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #77ba9e;outline-offset:3px}.layout{max-width:1080px;margin:auto;display:grid;grid-template-columns:1fr 420px;gap:100px;align-items:center;min-height:calc(100vh - 96px)}.brand{display:flex;align-items:center;gap:10px;font:800 23px Manrope,system-ui}.logo{width:37px;height:37px;border-radius:12px;background:#214c3b;color:#fff;display:grid;place-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:#697e72;margin-top:78px}h1{font:500 60px/1.12 Manrope,system-ui;letter-spacing:-3px;margin:22px 0}h1 span{color:#618c75}.intro p{color:#6d7a72;line-height:1.7;font-size:16px;max-width:360px}.feature{display:flex;gap:12px;margin:27px 0;font-size:13px;color:#42564a}.feature span{color:#698c75}.preview-note{margin-top:68px;font-size:12px;color:#7b887f;line-height:1.7;max-width:350px}.phone{background:#fff;border:1px solid #e0e7e1;border-radius:32px;padding:28px;box-shadow:0 24px 80px #23402d12}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mini-brand{font:800 17px Manrope,system-ui}.badge{font-size:10px;color:#6b756d;border:1px solid #e3e8e4;border-radius:20px;padding:6px 9px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f4f1;padding:4px;border-radius:13px;margin-bottom:26px}.tab{border:0;border-radius:10px;background:transparent;padding:11px;font-size:12px;color:#748176}.tab[aria-selected=true]{color:#294c39;background:#fff;box-shadow:0 2px 5px #18281d0a;font-weight:700}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:#7c897f}.mode{color:#3c755a;background:#edf6ef;padding:5px 8px;border-radius:6px;font-size:10px}.destination{width:100%;border:0;background:transparent;text-align:center;margin:24px 0 3px;font:500 29px Manrope,system-ui;color:#243c2e;letter-spacing:1px;padding:7px 0}.destination::placeholder{color:#b7c3ba;font-size:24px;letter-spacing:-.5px}.number-help{text-align:center;color:#89958b;font-size:11px;margin:0 0 23px;min-height:16px}.caller{border:1px solid #e3e9e4;border-radius:13px;padding:11px 13px;display:flex;gap:12px;align-items:center}.caller-icon{border:1px solid #e1e8e2;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#628370}.caller label{font-size:10px;color:#859086;display:block;margin-bottom:3px}.caller select{width:100%;font-size:12px;color:#354c3d;border:0;background:transparent;padding:0;max-width:270px}.caller-content{flex:1;min-width:0}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 15px;margin:22px 0 16px}.key{background:#f7f9f6;border:1px solid transparent;border-radius:14px;height:61px;color:#2c4334;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:23px;font-weight:500;transition:background .15s,transform .15s}.key:hover{background:#eaf1e9}.key:active{transform:scale(.96)}.key small{font-size:8px;letter-spacing:2px;font-weight:500;color:#8a978b;height:11px;margin-top:2px}.utility{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8b978d;min-height:28px}.erase{border:0;background:transparent;font-size:18px;color:#6f8275;padding:2px 8px}.call{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;border:0;border-radius:14px;padding:16px;margin-top:12px;background:#264e39;color:white;font-weight:600;font-size:13px}.call:disabled{cursor:not-allowed;background:#dce7de;color:#768a7c}.status{text-align:center;font-size:10px;color:#8d988f;line-height:1.7;margin:15px 0 0}.callback{padding:38px 4px 20px;min-height:390px;text-align:center}.callback h2{font:600 22px Manrope,system-ui}.callback p{font-size:13px;color:#7f8c81;line-height:1.8}.callback .circle{width:64px;height:64px;margin:auto;background:#edf4ed;border-radius:22px;display:grid;place-items:center;color:#4f7b5b;font-size:28px}[hidden]{display:none!important}@media(max-width:800px){body{padding:18px;background:#f8faf7}.layout{display:block;min-height:0;max-width:420px}.intro{display:none}.phone{box-shadow:none;border:0;padding:20px 16px;background:transparent;border-radius:0}.key{background:#edf2eb;height:64px}.tabs{background:#eaf0e8}.caller{background:#fff}.destination{font-size:30px}}

.input-row{display:flex;gap:8px;align-items:center}.country{width:115px;min-width:0;border:0;background:#f1f5ef;border-radius:8px;padding:10px 6px;color:#425c48;font-size:11px}.caller-number{border:0;min-width:0;width:100%;color:#354c3d;font-size:14px;padding:8px 0;background:transparent}.caller select.country{width:90px;font-size:10px;padding:8px 3px;background:#f1f5ef}.balance{font-size:11px;color:#6b756d}.country-destination{display:block;margin:18px auto 0}.destination{margin-top:9px}.call:not(:disabled):hover{background:#1a3f2a}.hangup{background:#b0443d}.hangup:not(:disabled):hover{background:#91332e}.mute{border:1px solid #d7e3d8;background:white;border-radius:8px;padding:6px 12px;color:#425c48;font-size:11px}.mute[aria-pressed=true]{background:#fce9e6;color:#a53b30}.saved{font-size:11px;border:0;background:transparent;color:#587b61;max-width:100%;padding:9px 0}.error{color:#a53b30!important}.preview-note{margin-top:40px}.sheet{border:1px solid #d7e3d8;border-radius:22px;padding:26px;width:min(380px,90vw);color:#253d2b;box-shadow:0 20px 70px #193b2833}.sheet::backdrop{background:#10251bb0}.sheet h2{font:600 22px Manrope,system-ui;margin:0 0 20px}.quote-row{display:flex;justify-content:space-between;gap:16px;font-size:13px;margin:14px 0}.quote-row span{color:#748376}.sheet p{font-size:11px;line-height:1.7;color:#7a887c}.cancel{border:0;background:transparent;width:100%;padding:13px;color:#66796a;margin-top:6px}.callback{min-height:390px}.connection{display:flex;align-items:center;gap:5px}.dot{width:5px;height:5px;border-radius:50%;background:#92a394}.dot.ready{background:#50956a}.key:disabled{opacity:.6;cursor:default}.audio-play{background:#edf4ed;border:0;padding:8px;border-radius:8px;color:#35563d;font-size:12px}
@media(max-width:800px){body{padding:0}.phone{padding:20px 18px}.topline{margin-bottom:18px}.tabs{margin-bottom:20px}.country-destination{margin-top:12px;padding:8px 6px}.destination{font-size:28px;margin-top:7px;margin-bottom:1px;padding:5px 0}.number-help{margin-bottom:17px}.caller{padding:8px 12px}.keys{gap:6px 12px;margin:16px 0 8px}.key{height:54px}.call{padding:15px;margin-top:9px}.cancel{padding:9px;font-size:11px}.status{margin-top:7px}.callback{padding-top:28px}}
@media(max-width:800px) and (max-height:750px){.phone{padding-top:14px}.topline{margin-bottom:13px}.tabs{margin-bottom:14px}.key{height:47px}.keys{margin-top:12px}.country-destination{margin-top:8px}.number-help{margin-bottom:12px}.destination{font-size:26px}.caller{padding-top:6px;padding-bottom:6px}.status{font-size:9px}}