/* ==========================================================================
   Quantum — shared design system
   High-frequency blue palette (energetic electric blue + deep trust blue)
   ========================================================================== */
:root{
  --navy:#071633;      /* deep blue — dark sections & headings */
  --ink:#122341;       /* body text */
  --slate:#495a75;     /* secondary text */
  --mute:#8493ab;      /* muted */
  --blue:#1a5cff;      /* PRIMARY — high-frequency electric blue */
  --blue-d:#1444c4;    /* primary hover */
  --sky:#4d8bff;       /* light accent */
  --sky-2:#7db0ff;     /* lighter accent */
  --blue-bg:#e9f0ff;   /* tint background */
  --line:#e5eaf2;
  --bg:#f4f8fe;
  --card:#ffffff;
  --radius:18px;
  --shadow:0 10px 30px rgba(26,92,255,.10);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink); background:var(--card); line-height:1.6; font-size:17px;}
a{color:var(--blue); text-decoration:none;}
h1,h2,h3,h4{color:var(--navy); line-height:1.14; letter-spacing:-.5px;}
img{max-width:100%;}
.wrap{max-width:1100px; margin:0 auto; padding:0 22px;}
.center{text-align:center;}
.adlabel{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9fb0c6;text-align:center;
  padding:6px;background:#eef3fb;font-weight:700;}

/* buttons */
.btn{display:inline-block;text-decoration:none;font-weight:700;border-radius:999px;text-align:center;
  padding:15px 28px;font-size:16px;cursor:pointer;border:none;transition:transform .05s, box-shadow .2s;font-family:inherit;}
.btn:active{transform:translateY(1px);}
.btn-primary{background:var(--blue);color:#fff !important;box-shadow:0 8px 22px rgba(26,92,255,.30);}
.btn-primary:hover{background:var(--blue-d);}
.btn-outline{background:transparent;color:var(--navy)!important;border:1.5px solid #cfd9e8;}
.btn-light{background:#fff;color:var(--blue)!important;}
.btn-lg{width:100%;}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);}
.nav .row{display:flex;align-items:center;justify-content:space-between;height:66px;}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--navy);font-size:20px;letter-spacing:-.4px;}
.logo .mark{width:34px;height:34px;border-radius:9px;
  background:linear-gradient(140deg,var(--blue),var(--sky));color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;}
.nav .links{display:flex;align-items:center;gap:26px;}
.nav .links a{color:var(--slate);font-size:15px;font-weight:600;}
.nav .links a:hover,.nav .links a.active{color:var(--blue);}
.nav .btn{padding:11px 20px;font-size:14px;}
.nav .menu-links{display:flex;align-items:center;gap:26px;}
@media(max-width:760px){ .nav .menu-links{display:none;} }

/* hero */
.hero{background:
    radial-gradient(900px 420px at 78% -20%, rgba(77,139,255,.55) 0%, rgba(7,22,51,0) 60%),
    radial-gradient(700px 500px at 0% 120%, rgba(26,92,255,.45) 0%, rgba(7,22,51,0) 55%),
    linear-gradient(160deg,#0a1f47 0%, #071633 100%);
  color:#fff;overflow:hidden;}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:70px 0 64px;}
.hero .eyebrow{display:inline-block;background:rgba(125,176,255,.16);color:var(--sky-2);font-weight:700;
  font-size:13px;letter-spacing:.05em;padding:7px 14px;border-radius:999px;margin-bottom:18px;}
.hero h1{color:#fff;font-size:46px;}
.hero h1 .g{color:var(--sky-2);}
.hero p.sub{color:#c3d3ee;font-size:19px;margin:18px 0 26px;max-width:33ch;}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;}
.hero .trust{margin-top:22px;color:#9fb4d6;font-size:13px;display:flex;gap:18px;flex-wrap:wrap;}
.hero .visual{aspect-ratio:4/5;border-radius:22px;background:linear-gradient(160deg,#12356b,#0a1f47);
  border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;color:#6d88b4;text-align:center;font-size:13px;padding:20px;}

/* sections */
section{padding:60px 0;}
.kick{color:var(--blue);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;}
h2.big{font-size:34px;margin:10px 0 8px;}
.lead{color:var(--slate);font-size:18px;max-width:62ch;margin:0 auto;}
.tint{background:var(--bg);}

/* generic cards grid */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;}
.card-b{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);}
.card-b .ic{width:48px;height:48px;border-radius:12px;background:var(--blue-bg);color:var(--blue);
  display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;margin-bottom:14px;}
.card-b h3{font-size:19px;margin-bottom:8px;} .card-b p{color:var(--slate);font-size:15px;}

/* steps */
.step{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin:26px 0;
  background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:30px;}
.step .art{aspect-ratio:16/11;border-radius:14px;background:linear-gradient(150deg,#e9f0ff,#d7e6ff);
  display:flex;align-items:center;justify-content:center;color:#7f9bd0;font-size:13px;text-align:center;padding:16px;}
.step .pill{display:inline-block;background:var(--navy);color:var(--sky-2);font-weight:700;font-size:12px;
  padding:5px 12px;border-radius:999px;margin-bottom:12px;}
.step h3{font-size:24px;margin-bottom:10px;}
.step ul{list-style:none;margin-top:12px;}
.step ul li{position:relative;padding:7px 0 7px 30px;color:var(--slate);border-bottom:1px solid var(--line);}
.step ul li::before{content:"✓";position:absolute;left:0;top:7px;color:var(--blue);font-weight:900;}
.step:nth-child(even) .txt{order:2;}

/* table */
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);margin-top:24px;}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px;}
th,td{padding:15px 16px;text-align:left;border-bottom:1px solid var(--line);}
thead th{background:#fff;color:var(--navy);} thead th.feat{color:var(--slate);font-weight:600;}
thead th.hi{background:var(--navy);color:#fff;}
td.feat{color:var(--slate);font-weight:600;} td.hi{background:var(--blue-bg);font-weight:700;color:var(--navy);}
.yes{color:var(--blue);font-weight:800;} .no{color:#c2ccdb;font-weight:700;} .part{color:#c98a12;font-weight:700;}

/* faq */
.faq{max-width:780px;margin:24px auto 0;}
.faq details{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:6px 20px;margin-bottom:12px;}
.faq summary{cursor:pointer;font-weight:700;color:var(--navy);padding:14px 0;list-style:none;font-size:16px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";float:right;color:var(--blue);font-weight:900;}
.faq details[open] summary::after{content:"–";}
.faq p{color:var(--slate);padding:0 0 16px;font-size:15px;}

/* CTA band */
.cta-band{background:linear-gradient(150deg,var(--blue),#0f3fb0);color:#fff;border-radius:26px;padding:46px 32px;text-align:center;}
.cta-band h2{color:#fff;font-size:32px;} .cta-band p{color:#dbe6ff;font-size:18px;max-width:52ch;margin:12px auto 22px;}

/* prose (legal/about) */
.prose{max-width:820px;margin:0 auto;}
.prose h1{font-size:38px;margin-bottom:8px;}
.prose h2{font-size:23px;margin:28px 0 8px;}
.prose p{color:var(--slate);margin:12px 0;}
.prose ul{margin:12px 0 12px 22px;color:var(--slate);}
.prose li{margin:6px 0;}
.updated{color:var(--mute);font-size:14px;}

/* forms */
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);}
.form-card input,.form-card select,.form-card textarea{width:100%;padding:14px;border:1px solid #d6dee9;border-radius:10px;
  margin-bottom:12px;font-size:16px;font-family:inherit;color:var(--ink);}
.fine{font-size:11px;color:var(--mute);line-height:1.5;}

/* footer */
footer{background:var(--navy);color:#9fb4d6;padding:44px 0 28px;margin-top:20px;font-size:14px;}
footer .cols{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;}
footer a{color:#c3d3ee;display:block;margin:6px 0;}
footer h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}
footer .logo{color:#fff;}
.disc{border-top:1px solid #16294d;margin-top:26px;padding-top:20px;font-size:11px;color:#7286a8;line-height:1.6;}

@media(max-width:820px){
  .hero .grid{grid-template-columns:1fr;padding:48px 0 42px;} .hero h1{font-size:34px;} .hero .visual{display:none;}
  .cards{grid-template-columns:1fr;}
  .step{grid-template-columns:1fr;padding:22px;} .step:nth-child(even) .txt{order:0;} .step .art{order:-1;}
  h2.big{font-size:27px;} .cta-band h2{font-size:26px;} .prose h1{font-size:30px;}
}