/* Shared components used further down every page (lead form and phone field, call demos,
   footer, dark theme…). Linked where these rules sat in the template, after the page's own
   early styles. See docs/design-considerations.md, "Where styles live". */
.faq summary h3.fqh{font:inherit;letter-spacing:inherit;color:inherit;margin:0;flex:1}
/* ============ RESPONSIVE HARDENING (27 Sep 2026) ============ */
/* grid tracks never grow past the viewport */
.scards{grid-template-columns:repeat(3,minmax(0,1fr))}
.icase,.dash-body,.fgrid2,.cagrid,.samp,.whygrid,.eplan,.defgrid{min-width:0}
.icase>*,.dash-body>*,.dash-main,.fgrid2>*,.cagrid>*,.samp>*,.whygrid>*,.eplan>*,.defgrid>*,.scards>*,.bens>*,.fcards>*,.scns>*,.lsteps>*{min-width:0}
.istats{grid-template-columns:repeat(3,minmax(0,1fr))}
.icase h3,.icase p,.icallcard,.iquote{overflow-wrap:anywhere}
/* last-resort guard: no page ever scrolls sideways */
html,body{overflow-x:clip}
/* ============ RESPONSIVE HARDENING, PART 2 ============ */
.icta{white-space:normal;max-width:100%;text-align:center;line-height:1.3}
.dreset{min-height:40px;padding-left:14px;padding-right:14px}
@media(max-width:700px){.smono,.smet,.istats p.l,p.l{font-size:12px!important}}
/* ============ RESPONSIVE HARDENING, PART 3: compare table + hero card ============ */
.cmphint{display:none}
@media(max-width:760px){
.cmphint{display:flex;align-items:center;justify-content:center;gap:6px;font:600 12px/1 var(--font-b);color:var(--muted);margin:22px 0 -8px}
.cmpwrap{-webkit-overflow-scrolling:touch}
.cmp{min-width:600px!important}
.cmp th:first-child,.cmp td:first-child{position:sticky;left:0;z-index:2;background:#fff;width:128px;min-width:128px;max-width:128px;box-shadow:6px 0 10px -8px rgba(4,18,28,.25)}
.cmp tbody th .rl{white-space:normal;font-size:12px;line-height:1.3;align-items:flex-start}
.cmp tbody th .rl svg{display:none}
.cmp td,.cmp th{padding-left:10px!important;padding-right:10px!important}
}
@media(max-width:560px){
.cahero h1{font-size:clamp(2rem,8.4vw,2.35rem);line-height:1.08}
.cahero .ctarow{flex-direction:column;align-items:stretch}
.cahero .ctarow .btn{justify-content:center}
.rtop{flex-wrap:wrap}
.rtop>span:nth-child(2){flex:1 1 calc(100% - 60px)}
.rbadge{order:3;margin-left:60px}
.rline{grid-template-columns:52px 1fr}
}
/* ============ RESPONSIVE HARDENING, PART 4: homepage dashboard + stories ============ */
.rw .m{min-width:0}
@media(max-width:560px){
.rw{flex-wrap:wrap;align-items:flex-start}
.rw .m{flex:1 1 calc(100% - 56px)}
.rw .d{white-space:normal;overflow:visible;text-overflow:clip;display:block}
.rw .tag{margin-left:44px}
.stop{flex-wrap:wrap;gap:10px}
.smark{min-width:0;flex:1 1 100%}
.smn{white-space:normal;overflow:visible;text-overflow:clip}
}
/* ============ COUNTRY CODE DROPDOWN (hero form) ============
Flags: flag-icons, MIT licence, (c) 2013 Panayiotis Lipiridis.
Country data: countries-list, MIT licence, (c) 2014 Annexare Studio. */
.lfield{display:flex;flex-direction:column;gap:7px;text-align:left}
.lfield>label{font:600 .8rem/1 var(--font-b);color:var(--text)}
.telwrap{position:relative}
.fl{display:inline-block;width:20px;height:15px;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(4,18,28,.12);background-image:url(/media/90a699b6ebe38cf7.webp);background-size:320px 240px;background-repeat:no-repeat}
.hlead .ccbtn{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 10px 0 12px;background:#fff;border:0;border-right:1px solid var(--line);font:600 .92rem/1 var(--font-b);color:var(--text);cursor:pointer}
.hlead .ccbtn:focus-visible{outline:2px solid var(--act);outline-offset:-2px}
.hlead .ccar{width:10px;height:6px;color:var(--muted);transition:transform var(--t)}
.hlead .ccbtn[aria-expanded="true"] .ccar{transform:rotate(180deg)}
.ccpop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px rgba(4,18,28,.16);padding:8px}
.ccpop[hidden]{display:none}
.hlead .ccsearch{width:100%;font:400 .92rem/1.3 var(--font-b);border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--bg);color:var(--text)}
.hlead .ccsearch:focus{outline:none;border-color:var(--act)}
.cclist{list-style:none;margin:6px 0 0;padding:0;max-height:260px;overflow-y:auto;overscroll-behavior:contain}
.cclist li[role="option"].act,.cclist li[role="option"]:hover{background:var(--bg)}
.cclist li[role="option"][aria-selected="true"]{background:rgba(14,155,196,.1)}
.cclist .ccsep{height:1px;background:var(--line);margin:6px 4px}
.cclist .ccnone{padding:12px 10px;color:var(--muted);font-size:.9rem}
/* pricing ticks: primary 2 (was secondary 1, var(--acc)) */
.ci{border-color:var(--p2);color:var(--p2)}
/* 2. buttons may wrap to two lines, with proper padding when they do */
.btn{height:auto;min-height:var(--bt-h,44px);line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere}
.bar .btn,.annc .btn{white-space:nowrap;overflow-wrap:normal}
.btn--lg{min-height:54px;padding-top:12px;padding-bottom:12px}
.btn--sm{--bt-h:40px}
.icta{min-height:54px;padding:14px 24px!important}
.mbtn,.mlink{white-space:nowrap}
/* 5. step numbers sit inside the card on phones (no collision between stacked cards) */
@media(max-width:760px){
.lsteps{gap:16px}
.lstep{display:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:12px;padding:18px}
.lstep .lnum{position:static;grid-column:1;grid-row:1;margin:0;box-shadow:none}
.lstep .lic{grid-column:2;grid-row:1;margin:0}
.lstep>*:not(.lnum):not(.lic){grid-column:1/-1}
.lstep .lt{margin-top:14px}
}
/* 6. footer: about block full width, link columns below */
.fcontact .fcl{margin:0;padding:0;display:inline;font:500 .88rem/1.4 var(--font-b);color:var(--muted)}
.fcontact .femail{line-height:1.4}
.fcol a{line-height:1.4}
@media(max-width:1100px){
.fgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.fgrid .fabout{grid-column:1/-1;max-width:560px}
}
@media(max-width:760px){
.fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
}
@media(max-width:360px){.fcol a{font-size:.8rem}}
.fcol a:has(.msoon){white-space:nowrap}
/* sample-call header: tag drops to its own line on small screens */
@media(max-width:420px){
.cwhead{flex-wrap:wrap;row-gap:8px}
.cwhead .cwwho{flex:1 1 0;min-width:0}
.cwhead .cwtag{margin-left:50px}
}
/* pricing coming-soon rows: card corners on phones so a wrapped pill reads cleanly */
@media(max-width:420px){
.fi.soon{border-radius:12px!important;align-items:flex-start}
.fi.soon .soonpill{margin-top:4px}
}
/* announcement bar on narrow phones: message full width, header already has the trial button */
@media(max-width:420px){
.anncbtn{display:none}
.anncin{border-radius:16px;padding:10px 44px 10px 16px;justify-content:flex-start}
.anncin p{text-align:left;font-size:.82rem}
.anncin p b{display:inline}
}
.ctaproof li svg{margin-top:4px;flex:none}
.ctaproof li b{color:#fff;font-weight:700;margin-right:4px}
.leadcard .lcintro{font-size:.92rem;line-height:1.5;color:var(--muted);margin:-12px 0 20px}
.plans.plans4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1180px){.plans.plans4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.plans.plans4{grid-template-columns:minmax(0,1fr)}}
.plans4 .plan .pd{min-height:3.2em}
/* v5: cards, announcement, header, minutes polish */
.plans4 .yr{color:var(--ink);font-weight:700}
/* filled ticks and info icons (v4) */
.plans4 .fi .ci{background:var(--p2);border-color:var(--p2);color:#fff}
.plans4 .fi.csoon .cst{display:inline-flex;align-items:center;gap:6px;color:var(--text)}
.ii:focus-visible{outline:2px solid var(--act);outline-offset:1px}
.ii:hover .iitip,.ii:focus .iitip{opacity:1;visibility:visible}
.annc{padding:10px 0}
.anncin p{margin:0}
.anncin p b{font-weight:600}
.anncbtn{background:var(--p2);padding:10px 16px}
.anncbtn:hover{background:#0B86AA}
.anncx{right:12px}
/* v7: header links, slider styling */
.navsep{width:1px;height:22px;background:var(--line);margin:0 4px}
/* v10: cleaner mega menu, text only and aligned */
.drop .mrow .mi{display:none}
.drop .mrow{display:block;padding:9px 12px;border-radius:10px}
.drop .mrow>span{display:block}
.drop .mrow .t{font:600 .86rem/1.3 var(--font-b);color:var(--ink);display:flex;align-items:center;gap:6px}
.drop .mrow .d{font-size:.76rem;line-height:1.4;color:var(--muted);margin-top:2px}
.drop .mrow:hover .t{color:var(--act-text)}
.drop .mh{padding:0 12px;margin:6px 0 4px;letter-spacing:.04em}
.drop .mgroup{gap:2px}
.drop .dcols{gap:6px 18px;padding:16px 14px}
@media(min-width:1024px){.drop.w3 .dcols{grid-template-columns:repeat(3,248px)}.drop.w2 .dcols{grid-template-columns:repeat(2,248px)}}
.fstack .fh2{margin-top:28px}
/* MEGAMENU START */
/* ===== mega menu v4 (Tabs style) ===== */
.tbp{display:none}
/* MEGAMENU END */
/* ===== sitewide v3 (2 Oct 2026) ===== */
/* responsive QC fixes (2 Oct) */
@media(max-width:1180px){.stage .float{display:none!important}}
.plt{display:none}
/* header buttons: smaller, never wrap (2 Oct) */
#siteBar .loglink{white-space:nowrap}
@media(min-width:901px){
#siteBar .navstart,#siteBar .navcta{min-width:124px!important;min-height:38px;height:38px;padding:0 16px;font-size:13.5px;box-sizing:border-box;white-space:nowrap}
}
@media(min-width:901px) and (max-width:1100px){
#siteBar .navstart,#siteBar .navcta{min-width:0!important;padding:0 14px;font-size:13px}
#siteBar .navsep{margin:0 2px}
#siteBar .mbtn{padding-left:9px;padding-right:9px}
}
/* RB-END */











/* site-patch v11 */
.btn--primary{--bt-bg:#0B7FA0;--bt-bd:#0B7FA0}
.btn--accent{--bt-bg:#DB345E;--bt-bd:#DB345E}
.pop-chip{background:#DB345E}
.anncbtn{background:#DB345E}
.pill[aria-selected="true"],.pill[aria-pressed="true"]{background:#0B7FA0;border-color:#0B7FA0}
.iband .pill[aria-selected="true"]{background:#DB345E;border-color:#DB345E}
.cmp .best,#options .cmp .best{background:#DB345E}
.pmt{background:#DB345E}
.tab[aria-selected="true"]{background:#0B7FA0}
.gav[style^="background:#0E9BC4"]{background:#0B7FA0!important}
.gav[style^="background:#FF3D6E"]{background:#DB345E!important}
.gav[style^="background:#13B79C"]{background:#0B7A68!important}
.gav[style^="background:#E6F4FA"]{color:#0B5F7A!important}
.relr{padding-top:40px!important;padding-bottom:40px!important}
.relp{margin:0 0 14px;font:600 1rem/1.4 var(--font-d);color:var(--ink)}
.rell{display:flex;flex-wrap:wrap;gap:10px}
/* demo-flow v2 */
.cta,section:has(.leadcard){overflow:clip!important}
.dmform>.dfx,.dmform>.dfsr{grid-column:1/-1;min-width:0;max-width:100%;box-sizing:border-box}
.dmform:has(.dfx){display:block}
@media(max-width:350px){.dfsteps{font-size:.62rem!important;gap:3px!important}.dfsteps li{gap:3px!important}.dfsteps li+li::before{width:5px!important}.dfsteps .n{width:18px!important;height:18px!important;font-size:.6rem!important}}
.leadcard .dfx{min-width:0}
.lerr{display:block;margin-top:6px;font:500 .8rem/1.35 var(--font-b);color:#B3123F}
.leadcard .telgroup:has([aria-invalid=true]){border-color:#B3123F!important;box-shadow:0 0 0 3px rgba(179,18,63,.12)!important}
.dfx{animation:dfin .35s ease both}
@keyframes dfin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.dfx,.dfok-ring,.dfok-ring svg path,.dfskel{animation:none!important}.dfok-ring svg path{stroke-dashoffset:0!important}}
.dfsr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dfsteps{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;margin:0 0 16px;padding:0;list-style:none;font:600 .74rem/1 var(--font-b);color:#4F5A68}
.dfsteps li+li::before{content:"";width:12px;height:2px;border-radius:2px;background:#D9DEE5;margin-right:2px}
.dfsteps .n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:2px solid #D9DEE5;background:#fff;color:#4F5A68;font-size:.7rem}
.dfsteps .cur{color:var(--ink)}
.dfsteps li.done+li::before,.dfsteps li.cur::before{background:#0B7FA0}
.dft{margin:0;font:700 1.16rem/1.3 var(--font-d);color:var(--ink)}
.dft:focus{outline:none}
.dfs{margin:4px 0 0;font:400 .9rem/1.5 var(--font-b);color:var(--muted)}
.dfwho{display:flex;align-items:center;gap:10px;margin:12px 0 14px;padding:8px 8px 8px 12px;border:1px solid var(--line);border-radius:12px;background:#F7F9FB}
.dfav{flex:none;width:34px;height:34px;border-radius:50%;background:#0B7FA0;color:#fff;display:grid;place-items:center;font:700 .85rem/1 var(--font-b)}
.dfbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.dfmon{font:700 .95rem/1.2 var(--font-b);color:var(--ink)}
.dfnav{display:flex;gap:6px}
.dfnav button{width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;display:grid;place-items:center;color:var(--ink)}
.dfnav button:disabled{opacity:.4;cursor:not-allowed}
.dfdays{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:14px}
.dfday:hover{border-color:#0B7FA0}
.dfgrp{margin:0 0 10px}
.dfgl{display:flex;align-items:center;gap:6px;margin:0 0 6px;font:600 .72rem/1 var(--font-m);letter-spacing:.06em;text-transform:uppercase;color:#4F5A68}
.dfslots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@media(max-width:400px){.dfslots{grid-template-columns:repeat(2,minmax(0,1fr))}.dfsteps{font-size:.68rem;gap:4px}.dfsteps li+li::before{width:8px}.dfsteps .n{width:20px;height:20px}}
.dfslot:hover{border-color:#0B7FA0;background:#F2F8FB}
.dfempty{margin:4px 0 10px;padding:14px;border:1px dashed var(--line);border-radius:12px;text-align:center;font:400 .88rem/1.4 var(--font-b);color:var(--muted)}
.dfskel{height:44px;border-radius:999px;background:linear-gradient(90deg,#EEF2F6 25%,#F7F9FB 50%,#EEF2F6 75%);background-size:200% 100%;animation:dfsk 1.2s infinite}
@keyframes dfsk{to{background-position:-200% 0}}
.dftzrow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:2px 0 12px;font:500 .8rem/1.3 var(--font-b);color:#4F5A68}
.dfcta{margin-top:6px;padding:12px;border-radius:14px;background:#F2F8FB;border:1px solid #CFE6EF}
.dfsel{margin:0 0 10px;font:500 .84rem/1.4 var(--font-b);color:#4F5A68}
.dfgo{width:100%}
.dfgo:disabled{opacity:.55;cursor:not-allowed}
.dfgo .spin{display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:dfspin .8s linear infinite;vertical-align:-2px}
@keyframes dfspin{to{transform:rotate(360deg)}}
.dferr{margin:8px 0 0;font:500 .82rem/1.35 var(--font-b);color:#B3123F}
.dffoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;margin-top:8px}
.dfsec{display:flex;align-items:center;gap:5px;font:500 .74rem/1.3 var(--font-b);color:#4F5A68}
.dfok{text-align:center}
.dfok .dfsteps{justify-content:center}
.dfok-ring{width:64px;height:64px;margin:4px auto 12px;border-radius:50%;background:#E3F5EC;display:grid;place-items:center;animation:dfpop .45s cubic-bezier(.2,1.4,.4,1) both}
.dfok-ring svg path{stroke-dasharray:30;stroke-dashoffset:30;animation:dfdraw .45s .25s ease forwards}
@keyframes dfpop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes dfdraw{to{stroke-dashoffset:0}}
.dfticket{display:flex;margin:16px 0 12px;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:left;background:#fff;box-shadow:0 6px 18px rgba(4,18,28,.06)}
.dfdate{flex:none;width:80px;padding:12px 6px;background:#0B7FA0;color:#fff;text-align:center;font:700 .72rem/1.2 var(--font-b);letter-spacing:.06em;text-transform:uppercase;display:flex;flex-direction:column;justify-content:center}
.dfadd{display:grid;grid-template-columns:1fr;margin:0 0 14px}
.dfnext{margin:0;padding:10px 14px;border-radius:12px;background:#F7F9FB;text-align:left;list-style:none;counter-reset:dfn}
.dfref{font:500 .74rem/1.3 var(--font-m);color:#4F5A68}
/* voice v1 */
.vx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;align-items:start;text-align:left}
@media(max-width:900px){.vx{grid-template-columns:1fr}}
.vxchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.vxchip:hover{border-color:#0B7FA0}
.vxcard{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;box-shadow:0 8px 24px rgba(4,18,28,.06)}
.vxwho{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.vxav{flex:none;width:42px;height:42px;border-radius:12px;background:#E6F3F8;color:#0B5F7A;display:grid;place-items:center}
.vxctl{display:flex;align-items:center;gap:14px}
.vxplay{flex:none;width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;background:#DB345E;color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px rgba(219,52,94,.32)}
.vxplay:hover{background:#C41E48}
.vxbar{position:relative;height:8px;border-radius:999px;background:#E6EBF0;cursor:pointer}
.vxtime{display:flex;justify-content:space-between;margin-top:6px;font:500 .78rem/1 var(--font-m);color:#4F5A68}
.vxnote{margin:12px 0 0;font:400 .78rem/1.4 var(--font-b);color:#4F5A68}
.vxl{display:flex;margin:0 0 8px}
.vxl.ai{justify-content:flex-start}
.vxl.caller{justify-content:flex-end}
.vxl.caller p{background:#FFF4F7;border-color:#F6D4DE}
.vxtr.playing .vxl.now p{opacity:1;border-color:#0B7FA0;box-shadow:0 0 0 2px rgba(11,127,160,.15)}
.vxtr.playing .vxl.done p{opacity:.9}
.vxtabs{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:10px;border-bottom:1px solid var(--line);background:#F7F9FB}
@media(max-width:700px){.vxtabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}}
.vxtabs::-webkit-scrollbar{display:none}
.vxtabs .vxchip{flex:none;padding:0 10px;font-size:.78rem}
.vxcon .vx{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;align-items:stretch}
.vxcon .vxp{padding:24px;background:linear-gradient(160deg,#04121C,#0B2233);display:flex;flex-direction:column;justify-content:center}
.vxcon .vxbar{background:rgba(255,255,255,.18)}
.vxcon .vxnote{color:rgba(255,255,255,.72)}
.vxcon .vxtr{border:0;border-radius:0;max-height:440px;min-height:360px;background:#fff;padding:20px}
@media(max-width:900px){.vxcon .vx{grid-template-columns:1fr}.vxcon .vxtr{min-height:0}}
.vxeq{display:flex;align-items:flex-end;gap:3px;height:52px;margin:4px 0 18px}
.vxcard.on .vxeq i{animation:vxeq 1.1s ease-in-out infinite;animation-delay:var(--d)}
@keyframes vxeq{0%,100%{height:15%}50%{height:100%}}
/* sample-call layout on feature and solution pages */
.vxs-stack .vx{grid-template-columns:1fr;gap:14px}
.vxs-stack .vxtr{max-height:300px}
.vxres{margin:18px 0 0;padding:14px 16px;border:1px solid #CFE6EF;border-radius:14px;background:#F2F8FB;text-align:left}
.hm-hero:hover{border-color:#DB345E}
.hm-hero .ic{flex:none;width:36px;height:36px;border-radius:50%;background:#DB345E;display:grid;place-items:center}
.hm-dlg{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(4,18,28,.55)}
.hm-dlg.open{display:flex}
.hm-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 12px}
.hm-x{flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font:400 1.4rem/1 var(--font-b);color:var(--ink)}
.hm-box .vxtr{margin-top:14px;max-height:260px}
.hm-cta{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.bento .bk-blue{grid-column:2 / span 2}
.ixs[data-href],.subrow span[data-href]{cursor:default}
.ixs[data-href]:hover{border-color:var(--line)}
@media(min-width:1025px){.dorgrid.d3{grid-template-columns:repeat(3,minmax(0,1fr))}}
html.dk{--bg:#040E1C;--surface:#061426;--line:#153A56;--text:#EAF2F9;--muted:#A9BCCE;--faint:#8FA3B8;--tint:rgba(255,255,255,.05);--ink:#EAF2F9;--act-text:#3FC1E4;--acc-text:#FF7A97;--ok-text:#5AD08A;--warn-text:#F0A878;--act-quiet:rgba(63,193,228,.12);--act-line:rgba(63,193,228,.4);--acc-quiet:rgba(255,122,151,.12);--acc-line:rgba(255,122,151,.4);--focus:#3FC1E4;--link:#3FC1E4;--link-h:#FF7A97;color-scheme:dark}
html.dk img{filter:brightness(.92)}
.themebtn{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;padding:0}
.themebtn:hover{border-color:var(--faint)}
.themebtn .tm-sun{display:none}
.dk .anncin{background:#081421}
.dk .bar{background:rgba(6,20,38,0.6)}
.dk .leadcard{background:#081421}
.dk .dash{background:#081421}
.dk .kpi{background:#081421}
.dk .rw{background:#081421}
.dk .float{background:rgba(6,20,38,0.55);border:1px solid rgba(21,58,86,0.8)}
.dk .logos{background:#081421}
.dk .acma{background:#081421}
.dk .hwork{background:linear-gradient(180deg,#0c1725 0%,#0b1722 55%,#220b12 100%)}
.dk .hwkick{color:#7fa0ff;background:#081421}
.dk .hwpill{color:#7fa0ff}
.dk .hwquote{background:#081421}
.dk .hwai{background:#081421}
.dk .hwcard{background:#081421}
.dk .hwcard.lit[data-kind="blue"]{background:#0c1c24}
.dk .hwcard.lit[data-kind="warm"]{background:#24170c}
.dk .hwic.b{color:#7fa0ff}
.dk .hwic.w{color:#f7a96e}
.dk .hwtag.b{color:#7fa0ff}
.dk .hwtag.w{color:#f7a96e}
.dk .dkick{color:#7fa0ff}
.dk .pill{background:#081421}
.dk .dreset{color:#7fa0ff}
.dk .chatwin{background:#081421}
.dk .cwurl{background:#081421}
.dk .cwbody{background:linear-gradient(180deg,#081421,#0b1621)}
.dk .calcin,.dk .calcout{background:#081421}
.dk .sc button{background:#081421}
.dk .calcout{background:#04121c}
.dk .seg{background:#081421}
.dk .seg button{background:#081421}
.dk .tframe{background:#081421}
.dk .frow{background:#081421}
.dk .cfg{background:#081421}
.dk .cchip{background:#081421}
.dk .cchip.sel{color:#7fa0ff}
.dk .cfpop{background:#081421}
.dk .mockcal .s{background:#081421}
.dk .kmini .k{background:#081421}
.dk .oc{background:#081421}
.dk .nrow{background:#081421}
.dk .nrow .ni{color:#7fa0ff}
.dk .scard{background:#081421}
.dk .icase{background:#081421}
.dk .icallcard .who .mk{background:#081421}
.dk .iquote{background:#081421}
.dk .cmpwrap{background:#081421}
.dk .cmp .ro{background:linear-gradient(180deg,#0c1423 0%,#0d1727 100%)}
.dk .ptoggle{background:#081421}
.dk .plan{background:#081421}
.dk .entband{background:#04121c}
.dk .faq details{background:#081421}
.dk footer{background:#081421}
.dk .toast{background:#04121c}
.dk .mcta{background:rgba(6,20,38,0.94)}
.dk .ccpop{background:#081421}
.dk .msoon{background:#27190d;border:1px solid #422a19}
.dk .iitip{background:#04121c}
.dk .gav[style^="background:#E6F4FA"]{color:#73d3f2!important}
.dk .dfsteps li+li::before{background:#1c2229}
.dk .dfwho{background:#0f171f}
.dk .dfnav button{background:#081421}
.dk .dfgl{color:#a9bcce}
.dk .dfslot:hover{background:#0c1c24}
.dk .dfskel{background:linear-gradient(90deg,#121a22 25%,#0f171f 50%,#121a22 75%)}
.dk .dfcta{background:#0c1c24;border:1px solid #193641}
.dk .dfgo .spin{border-top-color:#14293d}
.dk .dfok-ring{background:#0f2b1d}
.dk .dfok-ring svg{stroke:#74f1cc}
.dk .dfticket{background:#081421}
.dk .dftinfo{border-left:2px dashed #252c36}
.dk .dftinfo ul{color:#a9bcce}
.dk .dftinfo li svg{stroke:#70d8f5}
.dk .dfnext{background:#0f171f}
.dk .vxbar{background:#161d25}
.dk .vxnote{color:#a9bcce}
.dk .vxtr{background:#0f171f}
.dk .vxl.ai p b{color:#73d3f2}
.dk .vxl.caller p b{color:#f0759a}
.dk .vxcon{background:#081421}
.dk .vxtabs{background:#0f171f}
.dk .vxcon .vxtr{background:#081421}
.dk .vxres{border:1px solid #193641;background:#0c1c24}
.dk .hm-hero{background:#081421}
.dk .hm-box{background:#081421}
.dk .hm-x{background:#081421}
.mh{font-size:.75rem!important}
.mrow .d{font-size:.75rem!important}
.rw .av{font-size:.75rem!important}
.float .fk{font-size:.75rem!important}
.hwtag{font-size:.75rem!important}
.cwurl{font-size:.75rem!important}
.cwtag{font-size:.75rem!important}
.msg .mm{font-size:.75rem!important}
.nrow .tm{font-size:.75rem!important}
.smono{font-size:.75rem!important}
.smet{font-size:.75rem!important}
.icallcard .who .st{font-size:.75rem!important}
.iquote .qa .pav{font-size:.75rem!important}
.greet .gs{font-size:.75rem!important}
.cmp thead th:first-child{font-size:.75rem!important}
.cmp .best{font-size:.75rem!important}
.newchip{font-size:.75rem!important}
.entl2{font-size:.75rem!important}
.soon{font-size:.75rem!important}
.iitip{font-size:.75rem!important}
.dfsteps{font-size:.75rem!important}
.dfsteps .n{font-size:.75rem!important}
.dfday{font-size:.75rem!important}
.dfgl{font-size:.75rem!important}
@media(max-width:400px){.dfsteps{font-size:.75rem!important}}
.dfsec{font-size:.75rem!important}
.dfdate{font-size:.75rem!important}
.dfref{font-size:.75rem!important}
.vxtr h3{font-size:.75rem!important}
.vxl p b{font-size:.75rem!important}
.vxres .vxrl{font-size:.75rem!important}
table a{display:inline-flex;align-items:center;min-height:24px}
html.dk .tag.ok{color:#5ad08a}
html input[type=range]{box-sizing:content-box!important;padding:9px 0!important;margin:1px 0!important;background-clip:content-box!important}