@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0b0617;--bg2:#17102f;--card:#fff;--ink:#111827;--muted:#667085;--line:#e7e9f2;--blue:#1d8cff;--purple:#7c2dff;--cyan:#15c8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#f7f8fc;line-height:1.7}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.narrow{width:min(880px,100%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(11,6,23,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:26px;font-weight:900;letter-spacing:-.06em;color:#fff;text-decoration:none}.brand span{color:#41dfff}.site-header nav{display:flex;gap:22px}.site-header nav a{color:#d9ddf1;text-decoration:none;font-weight:700;font-size:14px}.hero{background:radial-gradient(circle at 20% 10%,rgba(21,200,255,.24),transparent 32%),radial-gradient(circle at 80% 40%,rgba(124,45,255,.35),transparent 38%),linear-gradient(135deg,#090413,#17072e 58%,#0c1f45);padding:78px 0 72px;color:white}.eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(65,223,255,.35);background:rgba(65,223,255,.08);border-radius:999px;color:#6ee7ff;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.03;letter-spacing:-.055em;margin:18px 0}.lead{font-size:clamp(17px,2.2vw,22px);line-height:1.55;color:#cbd4e9;max-width:820px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;text-decoration:none;font-weight:900}.primary{color:white;background:linear-gradient(90deg,var(--cyan),#287cff,var(--purple));box-shadow:0 14px 34px rgba(38,124,255,.27)}.secondary{color:#eaf1ff;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.05)}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.trust-row span{font-size:12px;font-weight:800;color:#d9e2f6;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);padding:7px 10px;border-radius:999px}.article{padding:52px 0 70px}.notice{padding:18px 20px;border:1px solid #dbeafe;background:#eff6ff;border-radius:18px;color:#334155;margin-bottom:28px}.content-section{background:white;border:1px solid var(--line);border-radius:24px;padding:30px;margin:18px 0;box-shadow:0 14px 40px rgba(15,23,42,.055)}.content-section h2{font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.04em;margin:0 0 16px}.content-section p{color:#475467;margin:12px 0}.content-section ul{padding-left:20px;color:#475467}.content-section li{margin:8px 0}.faq-grid details{border-top:1px solid var(--line);padding:15px 0}.faq-grid details:first-child{border-top:0}.faq-grid summary{cursor:pointer;font-weight:850;color:#1d2939}.related{padding:26px 4px}.related h2{font-size:24px}.related-links{display:flex;gap:10px;flex-wrap:wrap}.related-links a{color:#334155;background:white;border:1px solid var(--line);border-radius:999px;padding:9px 13px;text-decoration:none;font-weight:750;font-size:13px}.cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#100722,#1b0d3a 60%,#0b2a50);color:white;border-radius:28px;padding:32px;margin-top:34px}.cta span{color:#67e8f9;font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.11em}.cta h2{margin:6px 0 6px;font-size:30px;letter-spacing:-.04em}.cta p{margin:0;color:#cbd5e1}.source-note{font-size:12px;color:#667085;background:#f2f4f7;border-radius:14px;padding:14px 16px;margin:18px 0}.source-note a{color:#475467}footer{background:#07040d;color:#c8cfdf;padding:44px 0}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:#dce5f7;text-decoration:none}.legal{grid-column:1/-1;font-size:12px;color:#8e98ad;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hub-card{display:block;background:white;border:1px solid var(--line);border-radius:20px;padding:22px;text-decoration:none;color:var(--ink);box-shadow:0 10px 28px rgba(15,23,42,.045)}.hub-card strong{display:block;font-size:17px;margin-bottom:7px}.hub-card span{color:var(--muted);font-size:13px;line-height:1.5}.plan-table{width:100%;border-collapse:collapse;margin:14px 0}.plan-table th,.plan-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.plan-table th{font-size:12px;text-transform:uppercase;color:#667085}.plan-table td{color:#344054}.badge{display:inline-block;background:#eef2ff;color:#4f46e5;border-radius:999px;padding:4px 8px;font-weight:800;font-size:11px}
@media(max-width:820px){.hub-grid{grid-template-columns:1fr}.site-header nav a:nth-child(1){display:none}.hero{padding:58px 0}.content-section{padding:22px}.cta{display:block}.cta .btn{margin-top:18px}.footer-inner{grid-template-columns:1fr}.legal{grid-column:auto}}

.article table{min-width:470px;margin:14px 0 24px}.article th,.article td{padding:12px;border-bottom:1px solid #dce4ec}.article th{background:#edf2ff;color:#243254}.article tr:nth-child(2n){background:#f7f9fd}

/* Helpful long-form SEO guides: mobile-first readability */
.breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#667085;font-size:13px;font-weight:700;margin-bottom:26px}.breadcrumb a{color:#2563eb;text-decoration:none}
.article .content-section ol{padding-left:22px;color:#475467}.article .content-section ol li{margin:12px 0}.article .content-section code{word-break:break-word;background:#eef2ff;padding:1px 5px;border-radius:5px;color:#4338ca}
.table-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:520px}
.article .content-section p{font-size:15.5px;line-height:1.85}.article .content-section li{font-size:15.5px;line-height:1.7}
.hub-card:focus-visible,.related-links a:focus-visible,.btn:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
.hub-card:hover{border-color:#93c5fd;transform:translateY(-2px)}.hub-card{transition:transform .15s,border-color .15s}
@media(max-width:640px){.hero h1{font-size:clamp(35px,9vw,48px)}.article{padding-top:30px}.content-section{border-radius:18px;padding:20px}.cta{padding:24px}.cta h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.hub-card{transition:none}.hub-card:hover{transform:none}}