:root{
  --blue:#0b58a4;
  --blue2:#003e7a;
  --orange:#f48a24;
  --ink:#223044;
  --muted:#6b7788;
  --soft:#f4f8fc;
  --line:#d9e4ef;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:14px;line-height:1.5}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.topbar{background:#f5f8fb;border-bottom:1px solid #e1eaf2;color:#617187;font-size:13px}
.topbar .wrap{height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.lang{display:flex;gap:8px;align-items:center}.lang span{font-weight:bold;color:var(--blue)}
.header{background:#fff;border-bottom:1px solid #e2ebf3;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px rgba(20,55,90,.05)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:800;color:#1b2f47;letter-spacing:-.4px}.logo-mark{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#33a6ff);position:relative;box-shadow:inset 0 0 0 7px rgba(255,255,255,.25)}.logo-mark:after{content:"";position:absolute;inset:10px;border:2px solid #fff;border-radius:50%;border-left-color:transparent}.logo b{color:var(--orange)}
.menu{display:flex;align-items:center;gap:22px;font-weight:700}.menu a{color:#263a52}.menu a:hover{color:var(--blue);text-decoration:none}.menu .login{background:var(--blue);color:#fff;padding:10px 18px;border-radius:3px}.menu .signup{background:var(--orange);color:#fff;padding:10px 18px;border-radius:3px}
.hero{min-height:520px;background:linear-gradient(105deg,rgba(3,35,66,.88),rgba(8,76,135,.72)),radial-gradient(circle at 78% 38%,rgba(51,166,255,.4),transparent 28%),linear-gradient(135deg,#0d4c86,#012c55);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:-120px;top:40px;width:620px;height:620px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.04),0 0 0 92px rgba(255,255,255,.03),0 0 0 160px rgba(255,255,255,.025)}.hero:after{content:"";position:absolute;right:80px;top:135px;width:360px;height:360px;border-radius:50%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,rgba(255,255,255,.10) 0 1px,transparent 1px 44px);opacity:.72;transform:rotate(-12deg)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding-top:80px;padding-bottom:80px}.hero h1{font-size:54px;line-height:1.08;margin:0 0 18px;font-weight:800}.hero h1 span{color:#ffb15c}.hero p{font-size:19px;color:#e8f4ff;max-width:620px}.hero-list{list-style:none;margin:26px 0;padding:0;display:grid;gap:10px;color:#fff}.hero-list li:before{content:"✓";color:#ffb15c;font-weight:bold;margin-right:10px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:3px;padding:12px 22px;font-weight:800;cursor:pointer}.btn.primary{background:var(--orange);color:#fff}.btn.blue{background:var(--blue);color:#fff}.btn.light{background:#fff;color:var(--blue)}
.network-card{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);padding:28px;border-radius:8px;box-shadow:0 26px 70px rgba(0,0,0,.18)}.network-card h3{margin:0 0 20px;color:#fff;font-size:22px}.metric{display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.18)}.metric:last-child{border-bottom:0}.metric b{font-size:28px;color:#ffb15c}.metric span{color:#e9f6ff}
.section{padding:68px 0}.section.soft{background:var(--soft)}.title{text-align:center;margin:0 auto 38px;max-width:760px}.title h2{font-size:36px;margin:0 0 10px}.title p{color:var(--muted);font-size:16px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.features{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px;box-shadow:0 14px 34px rgba(24,57,92,.06)}.card h3{margin:0 0 10px;font-size:22px}.card p{color:var(--muted);margin:0 0 20px}.icon{width:48px;height:48px;border-radius:50%;background:#eef6ff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;margin-bottom:16px}.plan{border-top:4px solid var(--blue)}.plan:nth-child(2){border-top-color:var(--orange)}.plan ul{padding:0;margin:18px 0;list-style:none}.plan li{padding:7px 0;border-bottom:1px solid #edf2f6;color:#536477}.plan li:before{content:"✓";color:var(--orange);font-weight:bold;margin-right:8px}
.rates-page{background:#f6f9fc}.page-hero{background:linear-gradient(115deg,#08396a,#0e6db8);color:#fff;padding:54px 0}.page-hero h1{font-size:40px;margin:0 0 10px}.page-hero p{color:#e7f3ff;margin:0;max-width:760px}.panel{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 12px 30px rgba(22,52,84,.06);padding:26px;margin:34px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabs a{padding:10px 18px;border-radius:3px;background:#eef5fb;color:#1f486f;font-weight:bold}.tabs a.active{background:var(--blue);color:#fff}.az{display:flex;gap:6px;flex-wrap:wrap;background:#edf5fb;border:1px solid #d6e6f2;padding:9px;margin-bottom:12px;font-size:12px}.az a{font-weight:bold;color:#064f8f}.rates-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #999;font-size:11px;max-width:760px}.rates-table th{background:#737373;color:#fff;text-align:left;padding:5px 8px;font-size:12px;font-weight:bold}.rates-table th:last-child{text-align:right}.rates-table td{padding:3px 8px;border:0;color:#111;line-height:1.3}.rates-table td:last-child{text-align:right}.rates-table tr:nth-child(odd) td{background:#fff}.rates-table tr:nth-child(even) td{background:#dae3e3}.letter-row td{background:#e7f0f0!important;color:#111!important;font-weight:bold;padding:4px 8px!important}.letter-row a{color:#064f8f;margin:0 3px}.rates-note{color:#66788d;margin:0 0 14px;font-size:13px}.form-card{max-width:980px}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #cfdbe7;border-radius:4px;padding:11px;margin-top:6px}.form-card label{font-weight:bold;color:#35465a}.ct-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ct-form-grid .full{grid-column:1/-1}.notice{background:#fff7e9;border:1px solid #ffd49b;padding:14px;border-radius:4px;margin:16px 0;color:#5a3a13}.login-box{max-width:520px}.footer{background:#17283b;color:#b9c7d8;padding:46px 0 20px}.footer h3,.footer h4{color:#fff;margin-top:0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:28px}.footer a{color:#d5e5f6}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;font-size:13px;color:#8ea2ba}
@media(max-width:850px){.hero .wrap{grid-template-columns:1fr}.hero h1{font-size:38px}.menu{gap:10px;flex-wrap:wrap}.nav{height:auto;padding:16px 0;align-items:flex-start;flex-direction:column}.grid,.features,.footer-grid{grid-template-columns:1fr}.ct-form-grid{grid-template-columns:1fr}.rates-table{max-width:100%}}

/* Mobile fixes for VoipTrading header and rates tables - CSS only */
@media (max-width:850px){
  body{overflow-x:hidden}
  .wrap{width:100%;max-width:100%;padding-left:14px;padding-right:14px}
  .topbar .wrap{height:auto;min-height:32px;padding-top:7px;padding-bottom:7px;display:block;text-align:center;font-size:12px}
  .topbar .lang{justify-content:center;margin-top:3px}
  .header{position:relative}
  .nav{height:auto!important;padding:14px 14px 16px!important;align-items:center!important;gap:14px!important}
  .logo{font-size:24px;line-height:1.1;white-space:nowrap;max-width:100%;justify-content:center}
  .logo-mark{width:40px;height:40px;flex:0 0 40px}
  .menu{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;align-items:stretch;font-size:14px}
  .menu a{display:flex;align-items:center;justify-content:center;min-height:42px;text-align:center;padding:9px 8px!important;border-radius:4px;background:#eef5fb;color:#263a52!important;line-height:1.2;white-space:normal}
  .menu .signup{background:var(--orange)!important;color:#fff!important}
  .menu .login{background:var(--blue)!important;color:#fff!important}
  .page-hero{padding:34px 0}
  .page-hero h1{font-size:32px}
  .section{padding:34px 0}
  .panel{margin:18px 0;padding:14px;border-radius:6px;overflow:hidden}
  .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}
  .tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center;padding:10px 8px}
  .rates-note{font-size:13px;line-height:1.35;margin-bottom:12px}
  .rates-table{width:100%!important;max-width:100%!important;min-width:0!important;table-layout:auto;font-size:12px;border-color:#9aa3a8}
  .rates-table th{font-size:12px;padding:6px 7px}
  .rates-table td{padding:5px 7px;line-height:1.25;word-break:normal;overflow-wrap:break-word}
  .rates-table th:last-child,.rates-table td:last-child{width:86px;min-width:86px;white-space:nowrap;text-align:right}
  .letter-row td{white-space:normal!important;line-height:1.75!important;text-align:center!important;padding:6px 7px!important;overflow-wrap:normal!important;word-break:normal!important}
  .letter-row a{display:inline-block;margin:0 4px}
}

@media (max-width:420px){
  .wrap{padding-left:10px;padding-right:10px}
  .nav{padding-left:10px!important;padding-right:10px!important}
  .logo{font-size:22px}
  .menu{gap:7px!important}
  .menu a{font-size:13px;min-height:40px;padding-left:5px!important;padding-right:5px!important}
  .panel{padding:10px}
  .rates-table{font-size:11px}
  .rates-table th,.rates-table td{padding-left:5px;padding-right:5px}
  .rates-table th:last-child,.rates-table td:last-child{width:74px;min-width:74px}
}

/* BEGIN rates inline css */
/* Rates template polish - wrapper only, price generation logic untouched */
.rates-hero{padding:44px 0 18px;background:linear-gradient(180deg,rgba(11,29,54,.06),rgba(255,255,255,0));}
.rates-panel{background:#fff;border:1px solid rgba(15,32,55,.10);border-radius:22px;box-shadow:0 20px 55px rgba(5,18,34,.10);overflow:hidden;}
.rates-head{padding:28px 30px 22px;background:linear-gradient(135deg,#0b6fd3,#0958a8);color:#fff;}
.rates-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.78;margin-bottom:8px;}
.rates-head h1{margin:0;font-size:32px;line-height:1.15;color:#fff;}
.rates-head p{margin:10px 0 0;max-width:760px;color:rgba(255,255,255,.78);}
.rates-body{padding:24px 30px 30px;}
.rates-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px;}
.ratechooser ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap;}
.ratechooser li{margin:0;padding:0;}
.ratechooser a{display:inline-flex;align-items:center;justify-content:center;min-width:112px;padding:11px 18px;border-radius:999px;text-decoration:none;font-weight:700;color:#0b2848;background:#eef4fb;border:1px solid rgba(11,40,72,.13);transition:.15s ease;}
.ratechooser a:hover,.ratechooser a.active{background:#0b6fd3;color:#fff;border-color:#0b6fd3;box-shadow:0 8px 18px rgba(11,111,211,.22);}
.ratechooser span,.ratechooser font{font-size:inherit!important;font-family:inherit!important;color:inherit!important;}
.rates-note{font-size:13px;color:#64748b;}
.rates-table-shell{width:100%;overflow-x:auto;border:1px solid rgba(15,32,55,.10);border-radius:16px;background:#fff;}
.rates-table-shell table{border-collapse:collapse!important;}
table.newrates{width:100%!important;background:#fff!important;color:#152238;font-family:Arial,Helvetica,sans-serif;}
table.newrates td{padding:9px 12px!important;border-bottom:1px solid #e8eef5;font-size:13px!important;line-height:1.35;color:#152238;}
table.newrates font{font-size:13px!important;color:inherit!important;font-family:inherit!important;}
table.newrates tr[bgcolor="#DAE3E3"]{background:#f5f9fd!important;}
table.newrates tr[bgcolor="#FFFFFF"]{background:#fff!important;}
.rates-header-table td{background:#0b6fd3!important;color:#fff!important;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:12px!important;border-bottom:none!important;}
.rates-header-table font{color:#fff!important;font-weight:800;}
#ratesLetters{background:#edf5ff!important;color:#0b2848!important;padding:10px 12px!important;font-weight:700;border-top:1px solid #d9e8f7;border-bottom:1px solid #d9e8f7;}
#ratesLetters b{display:inline-block;margin-right:8px;color:#0b6fd3;}
a.ratesL{display:inline-block;margin:2px 3px;padding:3px 7px;border-radius:7px;color:#0b2848;text-decoration:none;background:#fff;border:1px solid rgba(11,40,72,.10);font-size:12px;font-weight:700;}
a.ratesL:hover{background:#0b6fd3;color:#fff;}
@media(max-width:720px){.rates-hero{padding:26px 0 12px}.rates-head{padding:22px 18px}.rates-head h1{font-size:25px}.rates-body{padding:18px 14px 22px}.ratechooser ul{gap:7px}.ratechooser a{min-width:auto;padding:9px 13px;font-size:13px}.rates-note{width:100%}table.newrates td{padding:8px 7px!important;font-size:12px!important}table.newrates font{font-size:12px!important}a.ratesL{padding:3px 6px;margin:2px}}
/* END rates inline css */