:root{--navy:#0B1220;--navy2:#14213D;--green:#1F6F5C;--lime:#10F4A0;--mint:#DFF3EC;--amber:#F2A541;--off:#F7F9F8;--ink:#0B1220;--muted:#5A6580;--border:#E2E8F0;--mono:"JetBrains Mono",monospace}
*{box-sizing:border-box;margin:0}
body{font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif;color:var(--ink);background:var(--off);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,.d{font-family:"Space Grotesk","Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:-.03em;line-height:1.08}
a{color:var(--green);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--navy)}
.w{max-width:1200px;margin:0 auto;padding:0 20px}
.w-narrow{max-width:880px;margin:0 auto;padding:0 20px}
.btn,.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--lime);color:var(--navy);font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;text-decoration:none;padding:16px 26px;border-radius:14px;font-size:17px;border:2px solid var(--lime);cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 28px rgba(16,244,160,.3)}
.btn:hover,.cta:hover,.btn:focus-visible,.cta:focus-visible{transform:translateY(-2px);box-shadow:0 16px 36px rgba(16,244,160,.45);color:var(--navy)}
.btn.sm{padding:10px 18px;font-size:14px;border-radius:10px;box-shadow:none}
.cta.alt,.btn.alt{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.35);box-shadow:none}
.cta.alt:hover,.btn.alt:hover{border-color:var(--lime);color:var(--lime)}
header.top{background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:50}
header.top nav.bar{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:16px;flex-wrap:wrap}
.logo{display:inline-flex;gap:12px;align-items:center;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:20px;color:#fff;text-decoration:none;letter-spacing:-.03em}
.logo:hover{color:#fff}
.logo span.hl-word{color:var(--lime)}
.nav-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.nav-links a{color:#C9D4E8;text-decoration:none;font-size:15px;font-weight:600;transition:color .15s}
.nav-links a:hover{color:var(--lime)}
.hero{background:radial-gradient(800px 500px at 85% 10%,rgba(16,244,160,.22),transparent 60%),var(--navy);color:#fff;padding:48px 0 80px;overflow:hidden}
.page-hero{background:radial-gradient(700px 400px at 85% 0%,rgba(16,244,160,.18),transparent 60%),var(--navy);color:#fff;padding:44px 0 56px;border-bottom:1px solid rgba(255,255,255,.08)}
.page-hero h1{font-size:clamp(34px,5.2vw,60px);color:#fff;max-width:22ch;margin:8px 0 0}
.page-hero .lead{color:#C9D4E8;margin:16px 0 0;font-size:clamp(18px,2.2vw,22px);max-width:60ch}
.crumb{font-family:var(--mono);font-size:12.5px;color:#94A3B8;margin-bottom:12px;letter-spacing:.02em}
.crumb a{color:var(--lime);text-decoration:none}
.crumb a:hover{text-decoration:underline}
.eyebrow{display:inline-block;border:1px solid rgba(16,244,160,.4);background:rgba(16,244,160,.08);color:var(--lime);border-radius:99px;padding:6px 14px;font-size:13px;font-family:var(--mono);font-weight:700;margin-bottom:22px}
.hero h1{font-size:clamp(44px,7vw,84px);font-weight:700;max-width:12.5ch;color:#fff;line-height:1}
.hero h1 .hl{color:var(--lime);position:relative}
.hero h1 .hl:after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.11em;background:var(--amber);border-radius:4px}
.hero .sub{font-size:clamp(19px,2.4vw,25px);margin:24px 0 32px;color:#C9D4E8;font-weight:500;max-width:44ch}
.hero .note-sm{font-size:14px;color:#94A3B8;margin-top:14px;font-family:var(--mono)}
.hero-grid{display:grid;gap:44px}
.mock-card{background:#fff;color:var(--ink);border-radius:24px;padding:24px;box-shadow:0 30px 60px rgba(0,0,0,.4);border:2px solid rgba(16,244,160,.3)}
.mock-card h3{font-size:18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.tag{font-size:12px;background:var(--mint);color:var(--green);padding:4px 10px;border-radius:99px;font-family:var(--mono);font-weight:700}
.row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #E6ECEA;font-weight:600;font-size:15px}
.row:first-of-type{border:0}
.pill{font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:8px;white-space:nowrap;font-family:var(--mono)}
.pill.g,.ok-pill{background:var(--green);color:#fff}
.pill.a,.mid-pill{background:var(--amber);color:var(--navy)}
.pill.s,.no-pill{background:#E3E7EE;color:#3A4560}
section.sec{padding:76px 0}
section.sec-tight{padding:48px 0 76px}
h2{font-size:clamp(30px,4.5vw,52px);font-weight:700;margin:40px 0 16px;color:var(--navy)}
section.sec > .w > h2:first-child{margin-top:0}
h3{font-size:23px;font-weight:700;margin:24px 0 8px}
p{margin:0 0 16px}
ul,ol{margin:0 0 20px;padding-left:22px}
li{margin-bottom:8px}
.lead{font-size:20px;color:#3A4560;max-width:54ch;margin-bottom:36px;font-weight:500}
.steps{display:grid;gap:20px}
.step{background:#fff;border-radius:24px;padding:30px;border:2px solid var(--border);box-shadow:0 10px 24px rgba(11,18,32,.04)}
.step b{display:block;font-family:var(--mono);font-size:56px;line-height:1;color:var(--green);margin-bottom:16px}
.step h3{font-size:24px;margin:0 0 8px}
.bento{display:grid;gap:20px;margin:24px 0}
.v{border-radius:28px;padding:34px;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end}
.v .k{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-family:var(--mono)}
.v h3{font-size:40px;margin:10px 0;color:inherit}
.v p{font-size:17px;margin:0;opacity:.94}
.vg{background:var(--green);color:#fff}
.va{background:var(--amber);color:var(--navy)}
.vs{background:var(--navy2);color:#fff}
.radar{background:var(--navy);color:#fff;border-radius:32px;padding:32px 20px;display:grid;gap:32px;align-items:center;overflow:hidden;margin:24px 0}
.radar h2{color:#fff;margin-top:0}
.radar p{color:#C9D4E8;font-size:18px}
.scope{position:relative;width:min(100%,350px);aspect-ratio:1;margin:0 auto;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 38px,rgba(16,244,160,.32) 39px 40px),radial-gradient(circle,#123a3a,#0B1220 70%)}
.scope:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(16,244,160,.55),transparent 25%);animation:spin 5s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.blip{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 6px rgba(242,165,65,.25)}
.lbl{position:absolute;font-size:11.5px;background:#fff;color:var(--navy);padding:5px 9px;border-radius:8px;font-weight:700;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.price{display:grid;gap:20px;margin:28px 0}
.p{background:#fff;border:2px solid var(--border);border-radius:26px;padding:30px;display:flex;flex-direction:column;box-shadow:0 10px 24px rgba(11,18,32,.04)}
.p h3{font-size:25px;margin:0}
.amt{font-family:"Space Grotesk",sans-serif;font-size:52px;font-weight:700;margin:12px 0 4px;letter-spacing:-.03em;line-height:1}
.amt small{font-size:17px;font-weight:500;color:var(--muted)}
.p ul{padding:0;list-style:none;margin:18px 0 0}
.p li{padding:6px 0 6px 26px;position:relative;margin:0}
.p li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.p.f{background:var(--navy);color:#fff;border:3px solid var(--lime);box-shadow:0 20px 44px rgba(11,18,32,.22)}
.p.f h3{color:#fff}
.p.f .amt small{color:#C9D4E8}
.p.f li:before{color:var(--lime)}
.badge{align-self:flex-start;background:var(--amber);color:var(--navy);font-weight:800;font-size:12px;font-family:var(--mono);padding:5px 12px;border-radius:99px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:24px 0}
.card{background:#fff;border:2px solid var(--border);border-radius:22px;padding:26px;margin:16px 0;box-shadow:0 8px 20px rgba(11,18,32,.04)}
.grid .card{margin:0}
.card h3{margin-top:0}
.card a{font-weight:700}
.ok{display:inline-block;background:var(--green);color:#fff;font-family:var(--mono);font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:8px;margin-bottom:8px}
.mid{display:inline-block;background:var(--amber);color:var(--navy);font-family:var(--mono);font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:8px;margin-bottom:8px}
.no{display:inline-block;background:var(--navy2);color:#fff;font-family:var(--mono);font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:8px;margin-bottom:8px}
small,.muted{color:var(--muted)}
.table-wrap{background:#fff;border:2px solid var(--border);border-radius:22px;overflow-x:auto;margin:24px 0;box-shadow:0 8px 20px rgba(11,18,32,.04)}
table{border-collapse:collapse;width:100%;font-size:15px}
th{background:var(--navy);color:#fff;font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;padding:14px 16px;text-align:left}
td{border-top:1px solid var(--border);padding:14px 16px;text-align:left;vertical-align:top}
tr:hover td{background:#F1F6F4}
.mono-val{font-family:var(--mono);font-weight:700;color:var(--green);white-space:nowrap}
.mono-date{font-family:var(--mono);font-size:13.5px;color:var(--muted);white-space:nowrap}
.region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;list-style:none;padding:0;margin:24px 0}
.region-card{background:#fff;border:2px solid var(--border);border-radius:18px;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;color:var(--navy);font-weight:700;transition:transform .15s,border-color .15s,box-shadow .15s}
.region-card:hover{transform:translateY(-2px);border-color:var(--green);box-shadow:0 12px 24px rgba(11,18,32,.08)}
.region-count{font-family:var(--mono);font-size:12.5px;background:var(--mint);color:var(--green);padding:4px 10px;border-radius:99px;white-space:nowrap}
.note{background:var(--mint);border-left:5px solid var(--green);border-radius:14px;padding:18px 22px;margin:24px 0;color:var(--navy);font-weight:500}
.cta-banner{background:var(--navy);color:#fff;border-radius:32px;padding:48px 28px;text-align:center;margin:40px 0;border:2px solid rgba(16,244,160,.3)}
.cta-banner h2{color:#fff;margin:0 0 16px}
.cta-banner p{color:#C9D4E8;max-width:50ch;margin:0 auto 24px}
form.signup-box{background:#fff;border:2px solid var(--border);border-radius:24px;padding:28px;max-width:560px;box-shadow:0 12px 30px rgba(11,18,32,.06);margin:20px 0}
form label{display:block;font-weight:700;font-size:14px;margin-bottom:14px;color:var(--navy)}
form input,form select{padding:12px 14px;border:2px solid #CBD5E1;border-radius:12px;width:100%;margin-top:6px;font:inherit;background:#fff;color:var(--navy)}
form input:focus,form select:focus{outline:none;border-color:var(--green)}
footer.site-footer{background:var(--navy);color:#94A3B8;padding:56px 0;font-size:14px;margin-top:64px;border-top:1px solid rgba(255,255,255,.08)}
footer.site-footer strong{color:#fff;font-family:"Space Grotesk",sans-serif;font-size:17px}
footer.site-footer a{color:#C9D4E8;text-decoration:none}
footer.site-footer a:hover{color:var(--lime)}
footer.site-footer .f-links{display:flex;flex-wrap:wrap;gap:18px;margin:16px 0}
@media(min-width:800px){
  .hero{padding:72px 0 110px}
  .hero-grid{grid-template-columns:1.3fr 1fr;align-items:center}
  .steps{grid-template-columns:repeat(3,1fr)}
  .price{grid-template-columns:repeat(4,1fr)}
  .bento{grid-template-columns:1.8fr 1fr;grid-template-rows:auto auto}
  .bento .vg{grid-row:span 2;min-height:460px}
  .bento .vg h3{font-size:64px}
  .radar{grid-template-columns:1.05fr .95fr;padding:56px;gap:40px}
  .scope{width:min(100%,370px)}
  .lbl{font-size:12.5px;padding:5px 10px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}