:root{
  --bg:#06111f;--bg2:#09182a;--panel:#0b1c31;--panel2:#10243e;--line:#203a59;
  --text:#f4f8ff;--muted:#9db0c8;--blue:#3975ff;--cyan:#20d6ff;--purple:#9557ff;
  --green:#39d86b;--amber:#ffb238;--red:#ff5570;--white:#fff;--shadow:0 20px 60px rgba(0,0,0,.28);
  --radius:22px;--max:1220px;
  /* Text on light surfaces. --muted (#9db0c8) is only legible on the dark
     surfaces it was designed for; on white it measures 2.2:1 and fails WCAG AA,
     so light sections use these instead. */
  --ink:#111827;--ink-2:#4e6076;--ink-3:#5d6e84;
  --nav-break:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;background:#f5f8fc;color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}.muted{color:var(--muted)}.tiny{font-size:.78rem}.small{font-size:.9rem}.text-center{text-align:center}.hide{display:none!important}
.topbar{background:#030a13;color:#d7e3f3;border-bottom:1px solid #142438}.topbar-inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.82rem}.support-strip{display:flex;gap:18px;flex-wrap:wrap}.support-link{display:flex;align-items:center;gap:7px;color:#d9e7f8}.support-link:hover{color:#fff}.crypto-only{display:flex;align-items:center;gap:8px;font-weight:700;color:#ffd48c}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.header{position:sticky;top:0;z-index:50;background:rgba(6,17,31,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(90,130,177,.22);color:#fff}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{width:225px;max-width:44vw}.nav{display:flex;gap:4px;align-items:center}.nav a{padding:10px 12px;color:#bdcbe0;font-size:.92rem;border-radius:10px}.nav a:hover,.nav a.active{color:#fff;background:#11243c}.header-actions{display:flex;align-items:center;gap:9px}.icon-btn,.outline-btn,.primary-btn,.ghost-btn,.danger-btn{border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;transition:.2s ease}.icon-btn{height:42px;min-width:42px;padding:0 12px;background:#10243c;color:#fff;border:1px solid #26415f}.icon-btn:hover{transform:translateY(-1px);border-color:#3e79c4}.cart-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--blue);font-size:.7rem}.mobile-toggle{display:none}.primary-btn{padding:12px 18px;color:#fff;background:linear-gradient(135deg,var(--blue),#5a55ff);box-shadow:0 10px 25px rgba(57,117,255,.23)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(57,117,255,.32)}.outline-btn{padding:11px 17px;border:1px solid #8ba0bc;background:transparent;color:inherit}.outline-btn:hover{border-color:var(--cyan)}.ghost-btn{padding:10px 14px;background:#eef4fb;color:#173250}.danger-btn{padding:10px 14px;background:#fff0f3;color:#a51634}.full{width:100%}.disabled{opacity:.45;pointer-events:none}
.hero{background:radial-gradient(circle at 76% 30%,rgba(24,109,255,.22),transparent 34%),radial-gradient(circle at 30% 12%,rgba(32,214,255,.08),transparent 28%),linear-gradient(180deg,#06111f 0%,#08182a 100%);color:#fff;overflow:hidden}.hero-grid{min-height:610px;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:28px;padding:62px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#42d9ff;font-size:.83rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(2.6rem,5vw,5rem);line-height:1.02;margin:16px 0 20px;letter-spacing:-.045em}.gradient-text{background:linear-gradient(90deg,#34d8ff,#626dff 65%,#a068ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:1.12rem;color:#b9c8da;max-width:670px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:34px;padding-top:22px;border-top:1px solid #1e3855}.trust-item{display:flex;align-items:flex-start;gap:9px}.trust-icon{font-size:1.25rem}.trust-item strong{display:block;font-size:.84rem}.trust-item span{display:block;color:#8fa4bc;font-size:.74rem}.hero-art{position:relative}.hero-art img{filter:drop-shadow(0 40px 80px rgba(0,0,0,.3))}.float-card{position:absolute;background:rgba(8,23,41,.92);border:1px solid #275486;border-radius:16px;padding:12px 15px;box-shadow:var(--shadow);backdrop-filter:blur(10px);font-size:.82rem}.float-card strong{display:block}.float-card.one{left:2%;bottom:10%}.float-card.two{right:2%;top:9%}.pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 0 6px rgba(57,216,107,.12)}
.section{padding:84px 0}.section.white{background:#fff}.section.soft{background:#f4f7fb}.section.dark{background:var(--bg);color:#fff}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:34px}.section-head.center{display:block;text-align:center;max-width:720px;margin:0 auto 38px}.section-head h2{font-size:clamp(2rem,3vw,3.1rem);line-height:1.1;margin:9px 0 10px;letter-spacing:-.035em}.section-head p{margin:0;color:#65768c}.dark .section-head p{color:#9fb0c6}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{background:#fff;border:1px solid #e1e8f0;border-radius:22px;padding:22px;box-shadow:0 10px 25px rgba(16,35,59,.06);transition:.25s}.category-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(16,35,59,.12);border-color:#b8cdf0}.category-card img{height:150px;width:100%;object-fit:cover;border-radius:16px;margin-bottom:18px}.category-card h3{margin:0 0 6px}.category-card p{color:#66778c;font-size:.9rem;min-height:68px}.category-link{font-weight:800;color:#2e68ed}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff;border:1px solid #dfe7f0;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 25px rgba(21,39,66,.055);transition:.23s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(21,39,66,.12)}.product-visual{height:130px;display:grid;place-items:center;position:relative;overflow:hidden;background:#08182a}.product-visual img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:12px;left:12px;background:rgba(6,17,31,.82);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:800;backdrop-filter:blur(8px)}.product-body{padding:19px;display:flex;flex-direction:column;flex:1}.product-category{text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:#4876d7;font-size:.7rem}.product-card h3{font-size:1.12rem;line-height:1.3;margin:7px 0}.product-card p{font-size:.88rem;color:#68788d;margin:0 0 15px}.product-footer{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:12px}.price{font-size:1.55rem;font-weight:900;color:#101d31}.price small{display:block;font-size:.68rem;font-weight:650;color:#7b8999}.mini-btn{border:0;border-radius:10px;background:#eaf1ff;color:#225bd5;padding:9px 12px;font-weight:800}.mini-btn:hover{background:#dce8ff}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{position:relative;padding:24px;background:#0b1c31;border:1px solid #1f3959;border-radius:20px}.step-number{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--purple));font-weight:900;margin-bottom:18px}.step h3{margin:0 0 8px}.step p{color:#9fb1c8;font-size:.9rem;margin:0}.step:not(:last-child):after{content:"→";position:absolute;right:-18px;top:50%;color:#4d7cb5;font-size:1.5rem}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:24px;border:1px solid #e0e7ef;border-radius:20px;background:#fff}.feature-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#eaf2ff;font-size:1.5rem}.feature h3{margin:16px 0 7px}.feature p{margin:0;color:#68798d;font-size:.9rem}.cta{background:radial-gradient(circle at 85% 25%,rgba(39,215,255,.18),transparent 28%),linear-gradient(135deg,#0b1a31,#112a50);border:1px solid #264c78;border-radius:28px;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:30px;color:#fff;box-shadow:var(--shadow)}.cta h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.08;margin:0 0 10px}.cta p{margin:0;color:#aebed2}
.page-hero{background:linear-gradient(180deg,#06111f,#0b1b31);color:#fff;padding:62px 0 52px}.page-hero h1{font-size:clamp(2.25rem,4vw,4rem);margin:12px 0 10px;line-height:1.06}.page-hero p{max-width:760px;color:#a9bbd0;font-size:1.06rem}.breadcrumbs{font-size:.82rem;color:#8097b2}.breadcrumbs span{margin:0 7px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filter-btn{border:1px solid #d8e2ed;border-radius:999px;background:#fff;padding:9px 14px;font-weight:750;color:#52657b}.filter-btn.active,.filter-btn:hover{background:#10233e;color:#fff;border-color:#10233e}
.product-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}.detail-visual{background:#071525;border-radius:26px;overflow:hidden;position:sticky;top:105px}.detail-visual img{width:100%;min-height:390px;object-fit:cover}.detail-panel h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:9px 0 15px}.detail-price{font-size:2rem;font-weight:950;margin:20px 0}.detail-price small{font-size:.85rem;color:#6d7e91;font-weight:600}.detail-copy{color:#5e7086}.feature-list{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}.feature-list li{display:flex;gap:10px}.check{color:#1cbf59;font-weight:900}.spec-table{width:100%;border-collapse:collapse;margin:22px 0;border:1px solid #dce5ef;border-radius:15px;overflow:hidden}.spec-table td{padding:12px 14px;border-bottom:1px solid #e3eaf2}.spec-table tr:last-child td{border-bottom:0}.spec-table td:first-child{font-weight:800;width:42%;background:#f6f9fc}.notice{padding:14px 16px;border-radius:13px;background:#fff8e8;border:1px solid #f7d78a;color:#74520b;font-size:.88rem}.info-notice{background:#edf6ff;border-color:#bddcff;color:#17477f}.success-notice{background:#edfff2;border-color:#ace9bd;color:#1c6632}
.cart-layout,.checkout-layout,.account-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.panel{background:#fff;border:1px solid #dfe7f0;border-radius:20px;padding:22px;box-shadow:0 8px 22px rgba(19,40,69,.05)}.panel h2,.panel h3{margin-top:0}.cart-item{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid #e5ebf2}.cart-item:last-child{border-bottom:0}.cart-thumb{width:90px;height:70px;border-radius:12px;object-fit:cover}.qty{display:flex;align-items:center;border:1px solid #cfd9e5;border-radius:10px;overflow:hidden;width:max-content}.qty button{border:0;background:#f4f7fb;width:34px;height:34px}.qty span{min-width:34px;text-align:center;font-weight:800}.summary-row{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.summary-row.total{border-top:1px solid #dfe6ee;margin-top:8px;padding-top:16px;font-size:1.15rem;font-weight:900}.empty{padding:60px 20px;text-align:center}.empty-icon{font-size:3rem}.empty h2{margin-bottom:5px}.empty p{color:#6d7d90}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px}.field.full-span{grid-column:1/-1}.field label{font-weight:780;font-size:.86rem;color:#2e4056}.field input,.field textarea,.field select{width:100%;border:1px solid #cbd6e2;border-radius:11px;padding:12px 13px;background:#fff;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#3975ff;box-shadow:0 0 0 3px rgba(57,117,255,.11)}.field textarea{min-height:105px;resize:vertical}.payment-options{display:grid;gap:10px}.payment-option{border:1px solid #d6e0ea;border-radius:13px;padding:13px;display:flex;gap:12px;align-items:center;cursor:pointer}.payment-option:has(input:checked){border-color:#3975ff;background:#f1f6ff}.coin{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffb12c;color:#fff;font-weight:900}.payment-box{padding:22px;border-radius:18px;background:#08172a;color:#fff}.wallet{word-break:break-all;background:#102641;border:1px solid #294866;padding:13px;border-radius:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem}.status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:.74rem;font-weight:850;text-transform:capitalize}.status.awaiting_payment{background:#fff4d8;color:#875d00}.status.payment_submitted{background:#e8f2ff;color:#175bb2}.status.payment_confirmed{background:#e8fff0;color:#147a38}.status.provisioning{background:#f1eaff;color:#6c32b2}.status.completed{background:#e1faeb;color:#13662e}.status.cancelled,.status.refunded{background:#ffe7ec;color:#9d1731}
.auth-wrap{min-height:640px;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(61,119,255,.15),transparent 25%),#06111f;padding:50px 18px}.auth-card{width:min(480px,100%);background:#fff;border-radius:24px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.4)}.auth-tabs{display:flex;background:#edf2f8;border-radius:12px;padding:4px;margin-bottom:22px}.auth-tabs button{flex:1;border:0;border-radius:9px;padding:10px;background:transparent;font-weight:800}.auth-tabs button.active{background:#fff;box-shadow:0 3px 12px rgba(15,38,65,.1)}
.account-sidebar{position:sticky;top:100px}.account-menu{display:grid;gap:5px}.account-menu button{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;font-weight:750;color:#4e6177}.account-menu button.active,.account-menu button:hover{background:#edf4ff;color:#225bcf}.order-card{border:1px solid #dce5ef;border-radius:15px;padding:17px;margin-bottom:12px}.order-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.order-items{color:#627489;font-size:.88rem;margin-top:10px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #dce5ef;border-radius:15px;padding:17px}.stat-card span{display:block;color:#718197;font-size:.8rem}.stat-card strong{font-size:1.6rem}.admin-table-wrap{overflow:auto;border:1px solid #dce4ed;border-radius:15px}.admin-table{width:100%;border-collapse:collapse;min-width:850px}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #e1e7ee;text-align:left;font-size:.84rem;vertical-align:top}.admin-table th{background:#f2f6fa;color:#4e6177}.admin-table tr:last-child td{border-bottom:0}.admin-table select{padding:7px;border:1px solid #cbd6e2;border-radius:8px}.tabs{display:flex;gap:5px;border-bottom:1px solid #dce5ef;margin-bottom:20px}.tabs button{border:0;background:transparent;padding:11px 14px;font-weight:800;color:#66788d;border-bottom:3px solid transparent}.tabs button.active{color:#245fdd;border-color:#3975ff}
.content{max-width:850px}.content h2{margin-top:35px}.content h3{margin-top:26px}.content p,.content li{color:#52657b}.content ul{padding-left:21px}.faq-list{display:grid;gap:11px}.faq{border:1px solid #dce5ef;border-radius:15px;background:#fff;overflow:hidden}.faq button{width:100%;border:0;background:#fff;text-align:left;padding:17px 19px;font-weight:850;display:flex;justify-content:space-between;gap:20px}.faq-content{display:none;padding:0 19px 18px;color:#607288}.faq.open .faq-content{display:block}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-card{padding:25px;border-radius:20px;border:1px solid #dce5ef;background:#fff;text-align:center}.contact-card .big-icon{font-size:2rem}.contact-card h3{margin:10px 0 5px}.contact-card p{color:#6e7e91;font-size:.9rem}
.footer{background:#040c16;color:#d8e4f3;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer-logo{width:220px;margin-bottom:15px}.footer p{color:#8fa3bb;font-size:.9rem}.footer h4{margin:0 0 15px}.footer-links{display:grid;gap:9px}.footer-links a{color:#91a5bd;font-size:.88rem}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #17283b;margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#71869f;font-size:.8rem}.floating-support{position:fixed;right:18px;bottom:18px;z-index:45;display:grid;gap:8px}.floating-support a{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:1.3rem;box-shadow:0 12px 30px rgba(0,0,0,.25)}.floating-support .wa{background:#20be62}.floating-support .tg{background:#229ed9}.toast{position:fixed;z-index:200;top:18px;left:50%;transform:translate(-50%,-20px);background:#10243d;color:#fff;padding:12px 17px;border-radius:12px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1180px){.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#081729;padding:14px 18px;border-bottom:1px solid #203753;flex-direction:column;align-items:stretch}.nav.open{display:flex}.mobile-toggle{display:inline-flex}.header-actions .account-label{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:55px 0}.hero-copy{max-width:780px}.hero-art{max-width:720px;margin:auto}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.step:after{display:none}.stats-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.container{width:min(100% - 24px,var(--max))}.topbar-inner{padding:8px 0;align-items:flex-start}.support-strip{gap:9px}.support-link span.label{display:none}.crypto-only{font-size:.72rem}.header-inner{height:68px}.logo{width:185px}.nav{top:68px}.hero-grid{padding:40px 0}.hero h1{font-size:2.65rem}.trust-row{grid-template-columns:repeat(2,1fr)}.float-card{display:none}.section{padding:60px 0}.section-head{display:block}.section-head .outline-btn{margin-top:15px}.category-grid,.product-grid,.steps,.features,.contact-grid{grid-template-columns:1fr}.category-card p{min-height:0}.cta{padding:28px;display:block}.cta .primary-btn{margin-top:20px}.product-detail,.cart-layout,.checkout-layout,.account-layout{grid-template-columns:1fr}.detail-visual{position:static}.detail-visual img{min-height:250px}.form-grid{grid-template-columns:1fr}.field.full-span{grid-column:auto}.cart-item{grid-template-columns:72px 1fr}.cart-thumb{width:72px;height:62px}.cart-item>div:last-child{grid-column:2}.account-sidebar{position:static}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:5px}}
@media(max-width:420px){.hero h1{font-size:2.25rem}.hero-actions{display:grid}.hero-actions a{width:100%}.trust-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.stats-grid{grid-template-columns:1fr}.cart-item{grid-template-columns:1fr}.cart-thumb{width:100%;height:120px}.cart-item>div:last-child{grid-column:auto}}
.nav-dropdown{position:relative}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;width:250px;padding:9px;background:#09182a;border:1px solid #27415f;border-radius:14px;box-shadow:var(--shadow)}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:grid}.nav-dropdown-menu a{padding:9px 11px}.responsible-footer{margin-top:32px;padding:16px;border:1px solid #203a59;border-radius:14px;color:#91a5bd;font-size:.82rem}
.nav-dropdown>a{display:inline-flex;align-items:center;gap:7px}.nav-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);transform-origin:center;opacity:.78;transition:transform .2s ease,opacity .2s ease}.nav-dropdown:hover .nav-chevron,.nav-dropdown:focus-within .nav-chevron{transform:rotate(225deg) translate(-1px,-1px);opacity:1}
.leads-hero{background:radial-gradient(circle at 80% 20%,rgba(32,214,255,.14),transparent 32%),linear-gradient(180deg,#06111f,#0b1c31);color:#fff;padding:90px 0 170px}.leads-hero h1{max-width:900px;font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.04;margin:15px 0}.leads-hero>div>p{max-width:810px;color:#b5c5d9;font-size:1.1rem}.leads-filter{display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:end;gap:13px;margin-top:-120px;margin-bottom:70px;position:relative;z-index:2}.database-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.database-card{background:#fff;border:1px solid #dce5ef;border-radius:20px;padding:22px;box-shadow:0 10px 25px rgba(21,39,66,.06);display:flex;flex-direction:column;gap:14px}.database-card-head{display:flex;gap:14px;align-items:center}.database-card h3{margin:4px 0}.country-flag,.cart-flag{font-size:2.6rem}.field-badges{display:flex;flex-wrap:wrap;gap:6px}.field-badges span{padding:5px 8px;border-radius:999px;background:#eaf2ff;color:#2858ad;font-size:.7rem;font-weight:750}.database-meta{display:grid;gap:5px;color:#5d7086;font-size:.85rem;margin-top:auto}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.card-actions a{flex:1;padding:10px 12px}.pricing-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #dce5ef;border-radius:18px;overflow:hidden}.pricing-table th,.pricing-table td{padding:15px;border-right:1px solid #e2e9f1;border-bottom:1px solid #e2e9f1;text-align:center}.pricing-table th{background:#0b1c31;color:#fff}.pricing-table th:first-child{text-align:left}.pricing-table .recommended{background:#eef4ff;color:#173f8f;font-weight:850}.pricing-table th.recommended{background:#3975ff;color:#fff}.pricing-table small{display:block;font-size:.65rem}.pricing-mobile{display:none}.database-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.database-facts span{background:#f1f6fc;border-radius:10px;padding:11px}.package-selector{position:sticky;top:100px}.package-price{font-size:2.3rem;font-weight:950;margin:22px 0}.package-price small{display:block;font-size:.75rem;color:#708096}.responsible-use{margin-top:18px}.database-tabs .tabs{overflow:auto}.database-tabs .tabs a{padding:11px 13px;white-space:nowrap;font-weight:800;color:#66788d;border-bottom:3px solid transparent}.database-tabs .tabs a.active{color:#245fdd;border-color:#3975ff}.checkbox-field{border:1px solid #cbd6e2;border-radius:12px;padding:14px;display:flex;flex-wrap:wrap;gap:12px}.checkbox-field legend{font-weight:780}.checkbox-field label{font-weight:500}.custom-request-form{max-width:900px;margin:auto}.consent-check{display:flex;gap:9px;align-items:flex-start;margin:22px 0}.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.recommended-card{border-color:#3975ff!important}.cart-flag{display:grid;place-items:center;width:90px;height:70px;background:#edf4ff;border-radius:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #20d6ff;outline-offset:3px}
@media(max-width:1180px){.nav{max-height:calc(100vh - 76px);overflow:auto}.nav-dropdown-menu{display:grid;position:static;width:auto;margin-left:16px;box-shadow:none;border:0;border-left:1px solid #27415f;border-radius:0}}
@media(max-width:1050px){.database-grid{grid-template-columns:repeat(2,1fr)}.leads-filter{grid-template-columns:repeat(2,1fr);margin-top:-90px}}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.leads-hero{padding:60px 0 170px}.database-grid,.leads-filter{grid-template-columns:1fr}.leads-filter{margin-top:-130px}.pricing-desktop{display:none}.pricing-mobile{display:grid;gap:12px}.database-facts{grid-template-columns:1fr}.package-selector{position:static}.cart-flag{width:72px;height:62px}.product-detail{width:100%;max-width:100%;min-width:0}.product-detail>.panel{width:100%;max-width:100%;overflow:hidden}}
.status.payment_verifying{background:#fff4d8;color:#875d00}.status.paid{background:#e8fff0;color:#147a38}.status.processing{background:#f1eaff;color:#6c32b2}.status.delivered{background:#e1faeb;color:#13662e}
.product-detail>*{min-width:0}.admin-table-wrap{max-width:100%}.database-tabs{min-width:0}
.voip-hero .trust-row{grid-template-columns:repeat(5,1fr)}.voip-route-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.voip-route-card{padding:30px}.route-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-size:1.8rem;font-weight:900}.voip-route-card h2{font-size:1.7rem;margin:18px 0 8px}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0}.spec-grid div{background:#f1f6fc;border-radius:10px;padding:10px}.spec-grid span{display:block;color:#6d7e91;font-size:.72rem;text-transform:capitalize}.billing-glossary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.billing-glossary h3{font-size:1.6rem;margin-bottom:5px}.billing-badge{display:inline-flex;align-items:center;gap:4px;border-bottom:1px dotted currentColor;cursor:help}.voip-filter{margin-top:-110px;margin-bottom:32px;position:relative;z-index:2}.route-tabs{display:flex;gap:7px;margin-bottom:18px;flex-wrap:wrap}.route-tabs button{border:1px solid #cbd7e5;background:#f4f7fb;border-radius:10px;padding:10px 13px;font-weight:800}.route-tabs button.active{background:#10243e;color:#fff;border-color:#10243e}.voip-filter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end}.voip-filter-grid .wide{grid-column:span 2}.rate-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.rate-toolbar>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.rate-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rate-summary div{padding:10px;border-radius:11px;background:#f2f6fb}.rate-summary span{display:block;color:#697a8f;font-size:.72rem}.rate-summary strong{font-size:.9rem}.rate-change{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.7rem;font-weight:850}.rate-change.increase{background:#ffe7ec;color:#9d1731}.rate-change.decrease{background:#e8fff0;color:#147a38}.rate-change.no-change{background:#edf2f8;color:#52657b}.rate-change.new-prefix{background:#e8f2ff;color:#175bb2}.rate-change.upcoming{background:#fff4d8;color:#875d00}.copy-prefix{border:0;background:#edf4ff;color:#225bcf;padding:7px 9px;border-radius:8px;font-family:ui-monospace,monospace}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.pagination button:disabled{opacity:.45;cursor:not-allowed}.cost-calculator{max-width:980px;margin:auto}.calculator-result{margin-top:20px}.calculator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.calculator-grid div{background:#edf4ff;border-radius:12px;padding:14px}.calculator-grid span{display:block;color:#63758a;font-size:.76rem}.calculator-grid strong{font-size:1.15rem}.voip-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:22px}.admin-route-tabs a{padding:11px 14px;font-weight:800;color:#66788d;border-bottom:3px solid transparent}.admin-route-tabs a.active{color:#245fdd;border-color:#3975ff}.import-preview{margin:20px 0}
@media(max-width:1050px){.voip-filter-grid{grid-template-columns:repeat(3,1fr)}.voip-hero .trust-row{grid-template-columns:repeat(3,1fr)}.billing-glossary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.voip-route-grid,.billing-glossary,.voip-spec-grid,.calculator-grid{grid-template-columns:1fr}.voip-filter{margin-top:-90px}.voip-filter-grid{grid-template-columns:1fr}.voip-filter-grid .wide{grid-column:auto}.rate-toolbar{display:block}.rate-toolbar>div:last-child{margin-top:12px}.voip-hero .trust-row{grid-template-columns:1fr 1fr}.rate-table{min-width:0}.rate-table thead{display:none}.rate-table,.rate-table tbody,.rate-table tr,.rate-table td{display:block;width:100%}.rate-table tr{padding:12px;border-bottom:1px solid #dce5ef}.rate-table td{border:0;padding:7px 8px 7px 42%;position:relative}.rate-table td:before{content:attr(data-label);position:absolute;left:8px;width:36%;font-weight:800;color:#52657b}.pagination{justify-content:space-between}.pagination span{text-align:center;font-size:.76rem}}
.voip-quick-search{max-width:980px;margin:30px 0 26px;padding:20px;border:1px solid #2a4b70;border-radius:20px;background:rgba(5,18,34,.82);box-shadow:0 18px 45px rgba(0,0,0,.2)}.voip-quick-copy{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.voip-quick-copy strong{font-size:1.15rem}.voip-quick-copy span,.voip-search-examples{color:#9fb3ca;font-size:.82rem}.voip-quick-controls{display:grid;grid-template-columns:minmax(280px,1fr) 210px auto;gap:9px}.voip-search-input{display:flex;align-items:center;background:#fff;border-radius:12px;color:#486079;padding-left:13px}.voip-search-input input{width:100%;border:0;outline:0;padding:14px 12px;border-radius:12px;font-size:1rem}.voip-quick-controls select{border:1px solid #405d7d;border-radius:12px;background:#102640;color:#fff;padding:0 12px}.voip-quick-controls .primary-btn{display:grid;place-items:center}.voip-search-examples{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px}.voip-search-examples button{border:1px solid #375a80;border-radius:999px;background:#112a48;color:#d9e9fa;padding:4px 9px;cursor:pointer}.voip-search-examples span{margin-left:auto}
@media(max-width:760px){.voip-quick-copy{display:grid;gap:3px}.voip-quick-controls{grid-template-columns:1fr}.voip-quick-controls select{min-height:46px}.voip-search-examples span{width:100%;margin-left:0}}
.currency-switcher{height:42px;border:1px solid #315171;border-radius:11px;background:#10243c;color:#fff;padding:0 9px;font-weight:800;cursor:pointer}.exchange-rate-settings{display:grid;grid-template-columns:1fr 220px auto;gap:18px;align-items:end;margin-bottom:20px}.exchange-rate-settings h2{margin-bottom:4px}.rate-setting-input{display:flex;align-items:center;border:1px solid #cbd6e2;border-radius:11px;overflow:hidden}.rate-setting-input span{padding:0 0 0 12px;font-weight:900}.rate-setting-input input{border:0}.comparison-rate-table th:nth-child(3),.comparison-rate-table th:nth-child(4){background:#173c69;color:#fff;min-width:170px}.comparison-rate-table td:nth-child(3),.comparison-rate-table td:nth-child(4){background:#f7faff}.voip-quick-controls{grid-template-columns:minmax(280px,1fr) auto}
@media(max-width:760px){.currency-switcher{width:68px;padding:0 5px;font-size:.75rem}.exchange-rate-settings{grid-template-columns:1fr}.comparison-rate-table td:nth-child(3),.comparison-rate-table td:nth-child(4){background:#f7faff}.voip-quick-controls{grid-template-columns:1fr}}
.special-data-badges{display:grid;gap:6px}.special-data-badges strong{display:block;padding:8px 10px;border-radius:10px;background:#fff5da;border:1px solid #f0d085;color:#76520a;font-size:.78rem}
.voip-ticker{position:fixed;z-index:60;left:0;right:0;bottom:0;height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;background:#0b2849;border-top:1px solid #31577f;color:#fff;box-shadow:0 -10px 35px rgba(2,12,24,.22);overflow:hidden}.voip-ticker-label{height:100%;display:flex;align-items:center;gap:8px;padding:0 20px;background:#071d36;font-size:.75rem;font-weight:900;letter-spacing:.07em;white-space:nowrap}.voip-ticker-label span{color:#34d5ff;font-size:.7rem}.voip-ticker-window{min-width:0;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}.voip-ticker-track{display:flex;width:max-content;gap:16px;padding:0 18px;animation:voipTicker 38s linear infinite}.voip-ticker:hover .voip-ticker-track,.voip-ticker:focus-within .voip-ticker-track{animation-play-state:paused}.voip-ticker-chip{height:42px;display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid #d9e2ec;color:#273749;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.12)}.voip-ticker-chip:hover{border-color:#53ccef;transform:translateY(-1px)}.voip-ticker-chip strong{font-size:.82rem}.voip-ticker-chip span:last-child{font-size:.76rem;color:#52647a}.voip-ticker-flag{font-size:1.35rem}.voip-ticker-all{height:100%;display:grid;place-items:center;padding:0 20px;background:#071d36;color:#78dcff;font-size:.78rem;font-weight:900;white-space:nowrap}.floating-support{bottom:84px}.footer{padding-bottom:88px}@keyframes voipTicker{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}
@media(prefers-reduced-motion:reduce){.voip-ticker-track{animation:none}}
@media(max-width:760px){.voip-ticker{height:58px;grid-template-columns:auto minmax(0,1fr)}.voip-ticker-label{padding:0 10px;font-size:0}.voip-ticker-label span{font-size:.75rem}.voip-ticker-all{display:none}.voip-ticker-track{gap:10px;padding:0 10px;animation-duration:30s}.voip-ticker-chip{height:38px;padding:0 12px}.voip-ticker-chip strong{font-size:.76rem}.voip-ticker-chip span:last-child{font-size:.7rem}.floating-support{bottom:72px}.footer{padding-bottom:75px}}

/* ==========================================================================
   UX + visual refinements
   ========================================================================== */

/* --- 1. Icon system ------------------------------------------------------ */
.ico{width:1.15em;height:1.15em;flex:none;display:inline-block;vertical-align:-.18em}
.support-link .ico,.crypto-only .ico{width:15px;height:15px}
.icon-btn .ico{width:19px;height:19px}
.primary-btn .ico,.outline-btn .ico,.ghost-btn .ico,.mini-btn .ico,.danger-btn .ico{width:17px;height:17px}
.category-link .ico{width:15px;height:15px;transition:transform .2s ease}
.category-card:hover .category-link .ico{transform:translateX(3px)}

/* --- 2. Text contrast on light surfaces ---------------------------------- */
/* --muted is a dark-surface colour. Default .muted to a legible ink and only
   restore the pale tone inside genuinely dark containers. */
.muted{color:var(--ink-2)}
.hero .muted,.page-hero .muted,.leads-hero .muted,.section.dark .muted,.footer .muted,
.topbar .muted,.payment-box .muted,.voip-quick-search .muted,
.step .muted,.cta .muted,.boot .muted{color:var(--muted)}
.product-card p,.feature p,.empty p,.contact-card p,.database-meta,.spec-grid span,
.rate-summary span,.calculator-grid span,.stat-card span,.account-menu button{color:var(--ink-3)}
.price small,.package-price small,.detail-price small,.pricing-table td small{color:var(--ink-3)}
/* White on the old #3975ff header measured 4.07:1. */
.pricing-table th.recommended{background:#2f5fd6}
.pricing-table th small{color:#eef3ff}
.section-head p{color:var(--ink-2)}
.dark .section-head p{color:#9fb0c6}
/* The cyan eyebrow measured 1.6:1 on white. Keep cyan on dark surfaces only. */
.eyebrow{color:#1f56c4}
.hero .eyebrow,.page-hero .eyebrow,.leads-hero .eyebrow,.section.dark .eyebrow,
.footer .eyebrow,.cta .eyebrow,.payment-box .eyebrow{color:#42d9ff}
.product-category{color:#2f5fc4}
.category-link{color:#1f56c4}
.breadcrumbs{color:#9fb6d0}
.breadcrumbs a:hover{color:#fff;text-decoration:underline}
.page-hero-slim{padding:16px 0;background:linear-gradient(180deg,#06111f,#0a1a2e)}
.crumb-current{color:#e4eefb;font-weight:700}
.product-detail{padding-top:8px}

/* --- 3. Header ----------------------------------------------------------- */
/* At 1440px the nav used to wrap onto a second line. Shorter labels, no wrap
   and a higher mobile breakpoint keep it on one row. */
.logo{width:196px}
.header-inner{gap:14px}
.nav{gap:2px;flex-wrap:nowrap}
.nav>a,.nav-dropdown>a{white-space:nowrap}
.nav a{padding:9px 11px;font-size:.9rem}
.nav-account{display:none}
.header-actions{gap:8px;flex:none}
.currency-switcher{font-size:.82rem;padding:0 7px}
.cart-btn{position:relative}
.cart-count{position:absolute;top:-6px;right:-6px;border:2px solid #0b1a2c;font-weight:800}
.mobile-toggle .menu-close{display:none}
.mobile-toggle[aria-expanded="true"] .menu-open{display:none}
.mobile-toggle[aria-expanded="true"] .menu-close{display:block}

/* --- 4. Hero ------------------------------------------------------------- */
/* The float cards used to sit on top of the illustration's own labels. Give the
   art column padding and park the cards in that gutter instead. */
.hero-grid{min-height:auto;padding:52px 0 58px}
.hero-actions{margin:26px 0 0}
.trust-row{margin-top:28px;padding-top:20px}
.hero-art{padding:44px 0}
.hero-art img{position:relative;z-index:1}
.float-card{z-index:2;max-width:212px}
.float-card.one{left:0;bottom:0}
.float-card.two{right:0;top:0}
/* Four fixed columns forced two-line wraps inside the narrow hero column. */
.trust-row{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:18px 20px}
.hero .trust-row{grid-template-columns:repeat(2,1fr)}
.voip-hero .trust-row{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
/* Top-align so icons stay on one line when sublabels wrap to different heights. */
.trust-row{align-items:start}
.trust-item{align-items:flex-start;gap:11px}
.trust-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;background:rgba(64,138,255,.2);border:1px solid rgba(110,170,255,.42);color:#8fd6ff;font-size:0}
.trust-icon .ico{width:18px;height:18px}
.trust-item strong{font-size:.87rem;line-height:1.3}
.trust-item span{color:#a4bad2;font-size:.76rem;line-height:1.35}

/* Heroes without an overlapping filter card should not reserve room for one. */
.leads-hero.hero-flush{padding-bottom:56px}
.voip-hero .trust-row{padding-top:26px}

/* --- 5. Buttons ---------------------------------------------------------- */
.outline-btn{border:1px solid rgba(255,255,255,.3)}
.outline-btn:hover{border-color:var(--cyan);background:rgba(255,255,255,.06)}
.section.white .outline-btn,.section.soft .outline-btn,.panel .outline-btn,
.rate-toolbar .outline-btn,.pagination .outline-btn,.empty-actions .outline-btn{border-color:#c3d0e0;color:#1d3554;background:#fff}
.section.white .outline-btn:hover,.section.soft .outline-btn:hover,.panel .outline-btn:hover,
.rate-toolbar .outline-btn:hover,.empty-actions .outline-btn:hover{border-color:var(--blue);color:#1a49b8;background:#f5f9ff}
.mini-btn{padding:10px 14px}

/* --- 6. Cards ------------------------------------------------------------ */
/* Category art is a flat illustration; contain it on a tinted panel instead of
   cropping it edge to edge. */
.product-visual{height:150px;background:linear-gradient(140deg,#0a1c31,#123055)}
.product-visual img{width:auto;height:88px;object-fit:contain;margin:auto}
.category-card img{height:140px;object-fit:contain;padding:16px;background:linear-gradient(140deg,#0a1c31,#123055)}
.feature-icon{color:#2c5fd4;font-size:0}
.feature-icon .ico{width:22px;height:22px}
.features-compact{grid-template-columns:repeat(3,1fr)}
.features-compact .feature h3{font-size:1.02rem;margin:13px 0 6px}
.steps-3{grid-template-columns:repeat(3,1fr)}
.steps-3 .step:nth-child(3n):after{display:none}
.route-icon .ico{width:26px;height:26px}
.spec-empty{display:flex;gap:9px;align-items:flex-start;grid-column:1/-1;margin:0;padding:13px 14px;border-radius:12px;background:#f1f6fc;border:1px solid #dbe6f2;color:var(--ink-2);font-size:.86rem}
.spec-empty .ico{color:#3d6ea8;margin-top:2px;flex:none}
.spec-empty a{color:#1f56c4;font-weight:750;text-decoration:underline}
.empty-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 6px;border-radius:20px;background:#eef4fc;color:#42618a;font-size:0}
.empty-icon .ico{width:27px;height:27px}
.empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.billing-badge .ico{width:13px;height:13px;opacity:.65;margin-left:3px}
.copy-prefix{display:inline-flex;align-items:center;gap:6px}
.copy-prefix .ico{width:13px;height:13px}
.check{display:inline-flex}
.check .ico{width:16px;height:16px}

/* --- 7. Floating support + rate ticker ----------------------------------- */
/* The label lives in its own dark pill rather than on the brand-coloured
   button, where white-on-brand measured 2.4:1 and 3.0:1. */
.floating-support a{position:relative;width:48px;height:48px;border-radius:14px;transition:transform .22s ease,box-shadow .22s ease}
.floating-support a:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.3)}
.floating-support .ico{width:23px;height:23px}
.fs-label{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:7px 11px;border-radius:10px;background:#0d2033;color:#fff;border:1px solid #2a4a6d;font-size:.8rem;font-weight:750;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}
.floating-support a:hover .fs-label,.floating-support a:focus-visible .fs-label{opacity:1}
.voip-ticker{height:60px;grid-template-columns:auto minmax(0,1fr) auto auto}
.voip-ticker-label .dot{width:7px;height:7px}
.voip-ticker-close{position:relative;z-index:2;display:grid;place-items:center;width:40px;height:100%;border:0;background:#071d36;color:#8fb4d6}
.voip-ticker-close:hover{color:#fff;background:#0d2a4b}
.voip-ticker-close .ico{width:16px;height:16px}
/* Only reserve footer space when the ticker is actually on the page. */
.footer{padding-bottom:60px}
.floating-support{bottom:18px}
.page.has-ticker .footer{padding-bottom:92px}
.page.has-ticker .floating-support{bottom:76px}

/* --- 8. Auth ------------------------------------------------------------- */
.auth-wrap{min-height:auto;padding:64px 18px 76px}
.auth-card{padding:34px 30px}
.auth-logo{display:block;width:214px;margin:0 auto 10px}
.auth-title{margin:14px 0 6px;text-align:center;font-size:1.5rem;letter-spacing:-.02em}
.auth-intro{margin:0 0 22px;text-align:center;color:var(--ink-2);font-size:.92rem}
.contact-card .big-icon{display:grid;place-items:center;width:60px;height:60px;margin:0 auto;border-radius:18px;font-size:0;color:#fff}
.contact-card .big-icon .ico{width:27px;height:27px}
.contact-card .big-icon.wa{background:#1c9d54}
.contact-card .big-icon.tg{background:#1b7fb4}
.contact-card .big-icon.em{background:#2f5fd6}
.contact-card .category-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px}
.auth-help{margin:16px 0 0;color:var(--ink-2)}
.auth-help a{color:#1f56c4;font-weight:750;text-decoration:underline}
.auth-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;padding-top:16px;border-top:1px solid #e7edf5;color:var(--ink-3)}
.auth-note .ico{width:14px;height:14px}
.field-hint{color:var(--ink-3);font-size:.78rem}

/* --- 9. Boot / loading state --------------------------------------------- */
.boot{min-height:70vh;display:grid;place-content:center;justify-items:center;gap:16px;padding:60px 24px;text-align:center;background:linear-gradient(180deg,#06111f,#0b1c31);color:#cddcee}
.boot-logo{width:220px}
.boot p{margin:0;color:#93a9c4;font-size:.92rem}
.boot-bar{width:190px;height:4px;border-radius:99px;background:#152c48;overflow:hidden}
.boot-bar span{display:block;width:40%;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--blue));animation:bootSlide 1.15s ease-in-out infinite}
@keyframes bootSlide{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}
.boot-error h1{margin:0;font-size:1.6rem;color:#fff}
.boot-detail{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;color:#6f8aa8;max-width:520px}
.boot-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
@media(prefers-reduced-motion:reduce){.boot-bar span{animation:none;width:100%}}

/* --- 10. Focus visibility ------------------------------------------------ */
/* Cyan on white measured poorly; use a blue that passes on light surfaces and
   keep the cyan only where the background is dark. */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1b6fe0;outline-offset:2px}
.hero :focus-visible,.header :focus-visible,.topbar :focus-visible,.footer :focus-visible,
.section.dark :focus-visible,.leads-hero :focus-visible,.page-hero :focus-visible,
.voip-ticker :focus-visible,.floating-support :focus-visible{outline-color:#57d6ff}

/* --- 11. Responsive ------------------------------------------------------ */
@media(max-width:1180px){
  /* In the mobile panel this is the only route to the client area. */
  .nav-account{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px;border-radius:12px;background:#0f2440;border:1px solid #27415f;color:#dce9f8;font-weight:750}
  .nav-account .ico{width:18px;height:18px}
  .nav.open{box-shadow:0 26px 50px rgba(2,10,20,.5);padding-bottom:18px}
  .nav a{padding:12px 12px}
  /* Collapse the submenus; 14 always-open sub-links buried the rest of the menu. */
  .nav-dropdown>.nav-dropdown-menu,
  .nav-dropdown:hover>.nav-dropdown-menu,
  .nav-dropdown:focus-within>.nav-dropdown-menu{display:none}
  .nav-dropdown.open>.nav-dropdown-menu{display:grid}
  .nav-dropdown>a{justify-content:space-between;width:100%}
  .nav-dropdown.open>a .nav-chevron{transform:rotate(225deg) translate(-1px,-1px)}
  .nav-dropdown:hover>a .nav-chevron,.nav-dropdown:focus-within>a .nav-chevron{transform:rotate(45deg) translateY(-2px)}
  .nav-dropdown.open>a .nav-chevron{transform:rotate(225deg) translate(-1px,-1px)}
}
@media(max-width:1050px){
  .hero-art{max-width:640px;margin:auto;padding:40px 0}
}
@media(max-width:900px){
  .features-compact,.steps-3{grid-template-columns:repeat(2,1fr)}
  .steps-3 .step:after{display:none}
}
@media(max-width:760px){
  /* The support strip was taking three stacked rows of the first screen. */
  .topbar-inner{min-height:38px;align-items:center;gap:10px;font-size:.76rem}
  .support-strip{flex-wrap:nowrap;gap:15px}
  .support-link span:not(.label){display:none}
  .support-link{gap:0}
  .crypto-only{gap:5px;white-space:nowrap}
  .crypto-only span{font-size:.7rem}
  .trust-row{gap:14px}
  .hero-art{padding:8px 0}
  .features-compact,.steps-3{grid-template-columns:1fr}
  .floating-support a{width:44px;height:44px}
  .floating-support .fs-label{display:none}
  .auth-wrap{padding:34px 14px 46px}
  .auth-card{padding:26px 20px}
  .page.has-ticker .floating-support{bottom:68px}
  .page.has-ticker .footer{padding-bottom:80px}
}
@media(max-width:420px){
  .logo{width:152px}
  .currency-switcher{width:70px;font-size:.72rem;padding:0 4px}
  .login-btn .account-label{display:none}
  .empty-actions{flex-direction:column}
  .empty-actions>*{width:100%}
}

/* --- 12. Trust Centre ----------------------------------------------------- */
.trust-callout{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:30px;border-left:4px solid var(--blue)}
.trust-callout h2{margin:8px 0 6px;font-size:1.3rem}
.trust-callout p{margin:0;color:var(--ink-2);max-width:62ch}
.trust-callout .ico{width:26px;height:26px;color:#2c5fd4}
.trust-callout .primary-btn{flex:none}
.trust-group{margin-bottom:34px}
.trust-group .eyebrow{margin-bottom:14px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trust-card{display:flex;flex-direction:column;gap:9px;transition:.22s}
.trust-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(21,39,66,.12);border-color:#b8cdf0}
.trust-card h3{margin:0;font-size:1.05rem;line-height:1.35}
.trust-card p{margin:0;color:var(--ink-3);font-size:.88rem;flex:1}
.trust-card .category-link{display:inline-flex;align-items:center;gap:6px;font-size:.86rem}
.document-foot{margin-top:44px;padding-top:18px;border-top:1px solid #e3eaf2}
.document-foot a{color:#1f56c4;font-weight:700;text-decoration:underline}
.content ul{margin:0 0 18px;padding-left:22px}
.content li{margin-bottom:7px}
.content h2{margin-top:34px;font-size:1.35rem;letter-spacing:-.015em}
.content h2:first-child{margin-top:0}
.responsible-footer a{color:#8fc7ff;text-decoration:underline}
.faq button .faq-mark{position:relative;width:14px;height:14px;flex:none}
.faq button .faq-mark:before,.faq button .faq-mark:after{content:"";position:absolute;background:#5d6e84;border-radius:2px;transition:.2s}
.faq button .faq-mark:before{left:0;top:6px;width:14px;height:2px}
.faq button .faq-mark:after{left:6px;top:0;width:2px;height:14px}
.faq.open button .faq-mark:after{transform:rotate(90deg);opacity:0}
@media(max-width:1050px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  .trust-grid{grid-template-columns:1fr}
  .trust-callout{display:block}
  .trust-callout .primary-btn{margin-top:18px;width:100%}
}
.trust-callout>div:first-child{flex:1;min-width:0}
.notice a{color:#8a5d00;font-weight:750;text-decoration:underline}
.info-notice a{color:#17477f}
.trust-callout .ico{display:block;margin-bottom:4px}
.topbar-right{display:flex;align-items:center;gap:18px}
.topbar-trust{display:flex;align-items:center;gap:6px;color:#bcd4ee;font-weight:700}
.topbar-trust:hover{color:#fff}
.topbar-trust .ico{width:14px;height:14px}
@media(max-width:760px){.topbar-right{gap:10px}.topbar-trust span{display:none}}

/* --- 13. Permanent VoIP rate ticker --------------------------------------- */
/* Shown on every page and not dismissible: the rates refresh daily and are a
   primary selling point. Because it is fixed, the page wrapper reserves an
   equal strip at the end of the document so the bar can never sit on top of
   content the visitor has not been able to scroll past. */
:root{--ticker-h:60px}
.page.has-ticker{padding-bottom:var(--ticker-h)}
.page.has-ticker .footer{padding-bottom:38px}
.page.has-ticker .floating-support{bottom:calc(var(--ticker-h) + 16px)}

.voip-ticker{height:var(--ticker-h);grid-template-columns:auto minmax(0,1fr) auto}
.voip-ticker-label{gap:10px;padding:0 18px;line-height:1.15}
.voip-ticker-label .voip-ticker-title{display:block;color:#fff;font-size:.72rem;letter-spacing:.08em}
.voip-ticker-label .voip-ticker-sub{display:block;color:#5fd8ff;font-size:.62rem;font-weight:750;letter-spacing:.04em;text-transform:none}
.voip-ticker-label .dot{animation:tickerPulse 2.4s ease-in-out infinite}
.voip-ticker-all{display:inline-flex;align-items:center;gap:7px;height:100%;padding:0 20px}
.voip-ticker-all .ico{width:14px;height:14px}
@keyframes tickerPulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.voip-ticker-label .dot{animation:none}}

@media(max-width:760px){
  :root{--ticker-h:56px}
  .voip-ticker{grid-template-columns:auto minmax(0,1fr)}
  .voip-ticker-label{padding:0 11px;font-size:0}
  .voip-ticker-label .voip-ticker-title{font-size:.6rem}
  .voip-ticker-label .voip-ticker-sub{display:none}
  .voip-ticker-all{display:none}
}

/* Footer gained a fifth column (Trust & compliance); the grid still declared four. */
.footer-grid{grid-template-columns:1.5fr repeat(4,1fr);gap:32px}
@media(max-width:1050px){.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:760px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.footer-grid{grid-template-columns:1fr}}

/* --- 14. Price breakdown --------------------------------------------------- */
/* Recurring fee, one-time setup and optional add-ons are itemised so the amount
   due today is never a surprise at checkout. */
.price-panel{margin:22px 0 6px;padding:20px;border:1px solid #dbe4ef;border-radius:18px;background:#f8fafd}
.price-panel .detail-price{margin:0}
.price-lines{display:grid;gap:2px}
.price-line{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:9px 0;font-size:.94rem;color:var(--ink-2)}
.price-line strong{color:var(--ink);font-weight:800;white-space:nowrap}
.price-line strong i{font-style:normal;font-weight:650;font-size:.78rem;color:var(--ink-3)}
.price-line.optional{color:var(--ink-3)}
.price-line.optional em{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:999px;background:#eef3fa;border:1px solid #d8e3f0;font-style:normal;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#4a6a8c}
.price-line.optional.selected{color:var(--ink-2)}
.price-line.total{margin-top:6px;padding-top:14px;border-top:1px solid #dbe4ef;font-size:1.06rem;color:var(--ink)}
.price-line.total strong{font-size:1.5rem;letter-spacing:-.02em}
.price-note{margin:12px 0 0;color:var(--ink-3);font-size:.83rem}
.support-toggle{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border:1px solid #cfdcec;border-radius:12px;background:#fff;cursor:pointer;font-size:.89rem;color:var(--ink-2)}
.support-toggle:hover{border-color:#8fb4e4}
.support-toggle:has(input:checked){border-color:var(--blue);background:#f2f7ff;color:var(--ink)}
.support-toggle input{width:17px;height:17px;flex:none;accent-color:var(--blue)}
.support-toggle strong{color:var(--ink)}
.cart-breakdown{list-style:none;margin:9px 0 0;padding:0;display:grid;gap:3px;max-width:340px}
.cart-breakdown li{display:flex;justify-content:space-between;gap:14px;font-size:.82rem;color:var(--ink-3)}
@media(max-width:760px){.price-panel{padding:16px}.price-line.total strong{font-size:1.3rem}}

/* --- 15. Hero trust row --------------------------------------------------- */
/* Grouped as bordered tiles so each icon binds visually to its own label
   instead of four pairs floating in shared whitespace. */
.hero .trust-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px;padding-top:0;border-top:0}
.hero .trust-item{gap:12px;padding:12px 14px;border:1px solid rgba(96,140,200,.26);border-radius:14px;background:rgba(14,32,56,.5)}
.hero .trust-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(140deg,rgba(70,150,255,.32),rgba(46,214,255,.18));border:1px solid rgba(120,185,255,.5);color:#a9e2ff}
.hero .trust-icon .ico{width:17px;height:17px}
.hero .trust-item strong{font-size:.86rem;line-height:1.25}
.hero .trust-item span{color:#9db4cf;font-size:.75rem;line-height:1.3}
@media(max-width:900px){.hero .trust-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.hero .trust-row{grid-template-columns:1fr}}
/* The illustration now carries its own four labelled nodes, so the floating
   cards only duplicated the trust tiles and collided with the artwork. */
.float-card{display:none}
.hero-grid{padding:44px 0 48px}
.hero-art{padding:26px 0}
.hero .trust-row{margin-top:24px}
.hero .trust-item{padding:10px 12px}
/* Sized so the full hero — including both trust rows — clears the fold on a
   1366x768 laptop, where the usable area is about 600px after the header and
   the rate ticker. */
.hero h1{font-size:clamp(2.35rem,4.2vw,4.2rem);margin:14px 0 18px}
.hero-grid{padding:36px 0 44px}
.hero .trust-row{gap:8px;margin-top:22px}
.hero .trust-item{padding:9px 12px}

/* --- 16. Password management ---------------------------------------------- */
.password-form{margin-top:20px;padding-top:18px;border-top:1px solid #e5ebf2;display:grid;gap:12px}
.password-form h4{margin:0;font-size:1rem}
.password-form p{margin:0;color:var(--ink-2)}
.customer-search{max-width:420px;margin-bottom:18px}
.reset-result{margin-bottom:18px;border:1px solid #b9d3f5;background:#f4f9ff}
.reset-result h3{margin:0 0 4px}
.temp-password{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 10px;padding:14px 16px;border:1px dashed #7fa8dd;border-radius:12px;background:#fff}
.temp-password code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem;font-weight:700;letter-spacing:.06em;color:#12325e;user-select:all}
/* The VoIP Rates entry is a link among buttons; match the tab metrics. */
.tabs a{padding:11px 14px;font-weight:800;color:#66788d;border-bottom:3px solid transparent;display:inline-flex;align-items:center}
.tabs a:hover{color:#245fdd}
.tabs{align-items:center;flex-wrap:wrap}