:root{--bg:#f3f4f6;--panel:#fff;--border:#e5e7eb;--hl:#f9fafb;--text:#1f2937;--muted:#6b7280;--blue:#3b82f6;--blue-dk:#2563eb;--green:#10b981;--red:#ef4444;--soft:#eaf1fe;}
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
  a{color:var(--blue);text-decoration:none}
  .wrap{max-width:780px;margin:0 auto;padding:0 18px}
  header.site{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
  .nav{display:flex;align-items:center;justify-content:space-between;height:62px}
  .brand{display:flex;align-items:center;gap:10px}
  .brand img{height:32px;width:auto}.brand span{font-weight:800;font-size:18px;letter-spacing:-.3px}
  .btn{display:inline-block;background:var(--blue);color:#fff;font-weight:700;padding:11px 20px;border-radius:11px;border:none;cursor:pointer;font-size:15px;transition:.15s;box-shadow:0 8px 20px -8px rgba(59,130,246,.6)}
  .btn:hover{background:var(--blue-dk)}.btn.sm{padding:9px 15px;font-size:14px}
  .nav-links{display:flex;gap:22px;font-size:14px;font-weight:600}
  .nav-links a{color:var(--muted)}.nav-links a:hover{color:var(--text)}
  @media(max-width:680px){.nav-links{display:none}}
  .topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 0 2px}
  .ctry{display:flex;flex-wrap:wrap;gap:7px}
  .ctry button{padding:7px 13px;border-radius:20px;border:1px solid var(--border);background:#fff;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit;font-size:13px;transition:.15s}
  .ctry button.on{background:var(--soft);border-color:var(--blue);color:var(--blue-dk)}
  .lang{display:flex;gap:4px}
  .lang button{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--muted);cursor:pointer;font-weight:700;font-size:12px;font-family:inherit}
  .lang button.on{background:var(--text);color:#fff;border-color:var(--text)}
  .detected{font-size:13px;color:var(--muted);margin:8px 0 0}
  .hero{text-align:center;padding:24px 0 6px}
  .eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--blue);background:var(--soft);padding:6px 14px;border-radius:20px;margin-bottom:14px}
  h1{font-size:32px;line-height:1.2;letter-spacing:-.8px}
  .hero p{color:var(--muted);font-size:17px;margin-top:10px;max-width:560px;margin-inline:auto}
  .card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:26px;margin:20px 0;box-shadow:0 10px 30px -12px rgba(31,41,55,.12)}
  label{display:block;font-weight:600;font-size:14px;margin-bottom:9px}
  .field{position:relative}.field .pre{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:700}
  input[type=text]{width:100%;padding:15px 15px 15px 52px;font-size:21px;font-weight:700;border:1.5px solid var(--border);border-radius:12px;outline:none;color:var(--text);font-family:inherit}
  input[type=text]:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--soft)}
  select{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:11px;font-family:inherit;font-size:15px;font-weight:600;color:var(--text);background:#fff;margin-top:12px}
  .freq{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
  .freq button{flex:1;min-width:92px;padding:10px;border:1.5px solid var(--border);background:#fff;border-radius:10px;cursor:pointer;font-weight:600;font-size:13px;color:var(--muted);font-family:inherit}
  .freq button.on{border-color:var(--blue);background:var(--soft);color:var(--blue-dk)}
  .result{margin-top:22px;border-top:1px dashed var(--border);padding-top:20px}
  .net{text-align:center;margin-bottom:14px}.net .lbl{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.7px;font-weight:800}
  .net .num{font-size:42px;font-weight:800;color:var(--green);letter-spacing:-1.2px;margin-top:2px}
  .gbar{height:8px;border-radius:5px;background:var(--hl);overflow:hidden;margin:6px 0 16px}.gbar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--blue))}
  .row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:15px;border-bottom:1px solid var(--border)}
  .row .k{color:var(--muted)}.row .v{font-weight:700}.row .v.neg{color:var(--red)}
  .row.total{font-size:17px;border-top:2px solid var(--text);margin-top:4px;padding-top:14px}.row.total .v{color:var(--green)}
  .disc{font-size:12px;color:var(--muted);margin-top:14px;text-align:center}
  h2{font-size:23px;margin:30px 0 12px;letter-spacing:-.4px}
  p.tx{color:#374151;margin:10px 0}
  .faq details{border:1px solid var(--border);border-radius:12px;padding:2px 16px;margin:10px 0;background:#fff}
  .faq summary{font-weight:700;cursor:pointer;padding:13px 0;font-size:15px;list-style:none}
  .faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';float:right;color:var(--blue);font-weight:800}.faq details[open] summary::after{content:'\2212'}
  .faq p{padding-bottom:13px;color:#374151}
  .cta{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-radius:20px;padding:34px 24px;text-align:center;margin:32px 0;box-shadow:0 16px 40px -16px rgba(37,99,235,.6)}
  .cta h2{color:#fff;margin:0 0 8px}.cta p{color:#dbeafe;margin:0 0 20px}.cta .btn{background:#fff;color:var(--blue-dk);box-shadow:none}
  footer{border-top:1px solid var(--border);padding:26px 0;text-align:center;color:var(--muted);font-size:13px;margin-top:18px}
  footer .fb{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;font-weight:700;color:var(--text)}footer .fb img{height:22px}
  @media(max-width:560px){h1{font-size:26px}.net .num{font-size:35px}}