
:root{
  --ink:#14213d;--text:#2b3550;--muted:#556079;--line:#dfe3ea;--bg:#fbfbf9;--panel:#f2f4f7;--white:#fff;
  --accent:#14213D;--accent-soft:#FFF4DC;--accent-line:#FFD58A;--amber:#FFB020;
  --radius:10px;--max:1080px;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--text);background:var(--bg);line-height:1.6;-webkit-text-size-adjust:100%;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);font-size:16px}
img{max-width:100%;height:auto}
a{color:var(--ink);text-underline-offset:3px}
a:hover{color:var(--accent)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
h1,h2,h3{color:var(--ink);line-height:1.15;letter-spacing:-.01em;overflow-wrap:break-word}
h1{font-size:2.1rem;margin:.4em 0 .4em;letter-spacing:-.02em}
h2{font-size:1.55rem;margin:0 0 .6em}
h3{font-size:1.1rem;margin:0 0 .35em}
p{margin:0 0 1em}
ul,ol{padding-left:1.25em;margin:0 0 1em}
li{margin:0 0 .4em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:9;background:var(--ink);color:#fff;padding:8px 12px}

/* Draft banner */
.draft{background:var(--ink);color:#fff;text-align:center;font-size:.85rem;font-weight:600;padding:6px 16px;letter-spacing:.02em}

/* Header */
.site-head{border-bottom:1px solid var(--line);background:var(--white)}
.site-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding-top:12px;padding-bottom:12px}
.brand{font-weight:800;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.brand small{font-weight:500;color:var(--muted);font-size:.85rem}
.brand-mark{width:34px;height:28px;flex:none;overflow:visible}



.site-nav{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:.95rem}
.site-nav a{text-decoration:none;color:var(--text)}
.site-nav a:hover,.site-nav a[aria-current]{color:var(--accent)}
.site-nav a.nav-apply{font-weight:700;color:var(--accent)}

/* Sections */
main{display:block}
.section{padding:40px 0;border-bottom:1px solid var(--line)}
.section:last-child{border-bottom:0}
.eyebrow{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--accent);margin:0 0 .4em}
.lead{font-size:1.12rem;color:var(--text);max-width:42em}
.muted{color:var(--muted)}
.small{font-size:.88rem;color:var(--muted)}
.hero{padding:44px 0 36px}
.hero h1{font-size:2.6rem}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:1.4em 0 .8em}

/* Buttons */
.btn{display:inline-block;background:var(--accent);color:#fff;font-weight:700;text-decoration:none;border:2px solid var(--accent);border-radius:8px;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer;text-align:center}
.btn:hover{background:#9c3423;border-color:#9c3423;color:#fff}
.btn.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.secondary:hover{background:var(--ink);color:#fff}

/* Grids and cards */
.grid{display:grid;gap:16px;grid-template-columns:1fr}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.card p:last-child,.card ul:last-child{margin-bottom:0}
.card.plain{background:var(--panel);border-color:transparent}
.offer-card{display:flex;flex-direction:column}
.product{display:flex;flex-direction:column;gap:12px}
.product h3{font-size:1.4rem;margin:0}
.product .what{font-size:1.08rem;margin:0}
.product .who{margin:0;color:var(--muted)}
.product .who span,.price-row span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.price-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:var(--panel);border-radius:8px}
.price-row strong{font-size:1.5rem;font-variant-numeric:tabular-nums}
.price-row .earn strong{color:var(--accent)}
@media (max-width:420px){.price-row{grid-template-columns:1fr}}
.product .btn{align-self:flex-start}
.checks.short li{margin-bottom:.4em}
.offer-card h3{font-size:1.25rem;margin-top:.5em}
.offer-card .terms{margin:.2em 0 1em;padding:12px 14px;background:var(--panel);border-radius:8px;font-size:.95rem}
.offer-card .terms div{padding:3px 0}
.offer-card .terms div+div{border-top:1px solid var(--line)}
.offer-card .terms dt{color:var(--muted)}
.offer-card .terms dt{font-size:.85rem}
.offer-card .terms dd{margin:0;font-weight:700;color:var(--ink)}
.offer-card .btn{margin-top:auto;align-self:flex-start}
.badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.03em;border-radius:999px;padding:3px 10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);white-space:nowrap}
.badge.pilot,.badge.soon{background:var(--accent-soft);border-color:var(--accent-line);color:#8e2f1f}
.badge.available{background:var(--ink);border-color:var(--ink);color:#fff}

/* Lists */
.checks,.crosses,.steps{list-style:none;padding:0}
.checks li,.crosses li{position:relative;padding-left:28px;margin-bottom:.7em}
.checks li::before,.crosses li::before{position:absolute;left:0;top:0;font-weight:800}
.checks li::before{content:"\2713";color:var(--ink)}
.crosses li::before{content:"\2715";color:var(--accent)}
.steps{counter-reset:s;display:grid;gap:14px}
.steps li{counter-increment:s;position:relative;padding:16px 16px 16px 60px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin:0}
.steps li::before{content:counter(s);position:absolute;left:16px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.steps strong{display:block;color:var(--ink)}
.supply li{margin-bottom:1em}
.supply strong{color:var(--ink)}

/* Facts strip on offer pages */
.facts{display:grid;gap:12px;grid-template-columns:1fr;margin:1.4em 0 0}
.fact{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}
.fact span{display:block;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.fact strong{display:block;color:var(--ink);font-size:1.15rem;line-height:1.35;margin-top:2px}

/* Tables */
.table-wrap+p{margin-top:1em}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td{border-bottom:0}
th{background:var(--panel);color:var(--ink);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
td.num{white-space:nowrap;font-weight:700;color:var(--ink)}
.stack-table td{display:block;border:0;padding:4px 14px;white-space:normal}
.calc tr{display:block;padding:10px 0;border-bottom:1px solid var(--line)}
.calc tr:last-child{border-bottom:0}
.calc td{display:block;border:0;padding:2px 14px;white-space:normal}
.calc td:first-child{color:var(--muted);font-size:.9rem}
.stack-table tr{display:block;padding:10px 0;border-bottom:1px solid var(--line)}
.stack-table tr:last-child{border-bottom:0}
.stack-table thead{display:none}
.stack-table td[data-label]::before{content:attr(data-label) ": ";color:var(--muted);font-weight:400;font-size:.88rem}
.stack-table td:first-child{font-weight:700;color:var(--ink);font-size:1.02rem}

/* Notes */
.note{border-left:4px solid var(--accent);background:var(--accent-soft);padding:12px 16px;border-radius:0 8px 8px 0;margin:1.2em 0;color:var(--ink)}
.note p:last-child{margin:0}

/* Q&A */
.qa dt{font-weight:700;color:var(--ink);margin-top:1em}
.qa dd{margin:.25em 0 0;color:var(--text)}
details{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:0 16px;margin-bottom:10px}
summary{cursor:pointer;font-weight:700;color:var(--ink);padding:14px 0;list-style-position:outside}
details[open] summary{border-bottom:1px solid var(--line);margin-bottom:10px}
details p{margin-bottom:14px}

/* Prose pages */
.prose{max-width:46em}
.wrap.prose{max-width:var(--max)}
.wrap.prose>*{max-width:46em}
.prose h2{margin-top:1.6em}
.prose .eyebrow+h2,.prose h2:first-child{margin-top:0}
.rules-list h2{font-size:1.3rem}
.crumbs{font-size:.88rem;color:var(--muted);margin:24px 0 0}
.crumbs a{color:var(--muted)}

/* Form */
.form{max-width:40em}
.wrap.form{max-width:var(--max)}
.wrap.form>*{max-width:40em}
.field{margin:0 0 18px}
.field label,.field legend{display:block;font-weight:700;color:var(--ink);margin-bottom:6px}
.field .hint{display:block;font-weight:400;color:var(--muted);font-size:.88rem}
.opt{font-weight:400;color:var(--muted);font-size:.88rem}
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],select,textarea{display:block;width:100%;font:inherit;color:var(--ink);background:var(--white);border:1px solid #b9c1cf;border-radius:8px;padding:11px 12px;min-height:46px}
textarea{min-height:120px;resize:vertical}
fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}
legend{padding:0}
.field .check,.field .radios label{font-weight:400;color:var(--text)}
.section.flush{padding-top:0}
.radios{display:flex;gap:10px;flex-wrap:wrap}
.radios label,.check{display:flex;align-items:flex-start;gap:10px;font-weight:400;color:var(--text);background:var(--white);border:1px solid #b9c1cf;border-radius:8px;padding:10px 14px;cursor:pointer}
.radios label{min-width:96px}
.radios input,.check input{margin:4px 0 0;width:18px;height:18px;flex:none;accent-color:var(--accent)}
.two{display:grid;gap:0 16px;grid-template-columns:1fr}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.errors{border:1px solid var(--accent-line);background:var(--accent-soft);color:#7a2618;border-radius:var(--radius);padding:14px 18px;margin:0 0 20px}
.errors ul{margin:.4em 0 0}
.field.invalid input,.field.invalid select,.field.invalid textarea,.invalid .check,.invalid .radios label{border-color:var(--accent)}
.err{color:#8e2f1f;font-size:.88rem;font-weight:600;margin-top:4px;display:block}

/* Footer */
.site-foot{border-top:1px solid var(--line);background:var(--white);margin-top:24px}
.site-foot .wrap{padding-top:24px;padding-bottom:32px;display:grid;gap:10px;font-size:.9rem;color:var(--muted)}
.site-foot a{color:var(--text)}
.site-foot p{margin:0}
.site-foot nav{display:flex;flex-wrap:wrap;gap:6px 18px}

@media (min-width:700px){
  h1{font-size:2.7rem}
  .hero{padding:72px 0 56px}
  .hero h1{font-size:3.6rem}
  h2{font-size:1.9rem}
  .section{padding:56px 0}
  .wrap{padding:0 28px}
  .grid.two-col{grid-template-columns:1fr 1fr}
  .grid.three-col{grid-template-columns:repeat(3,1fr)}
  .grid.four-col{grid-template-columns:repeat(2,1fr)}
  .facts{grid-template-columns:repeat(3,1fr)}
  .two{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .stack-table thead{display:table-header-group}
  .stack-table tr{display:table-row;padding:0;border:0}
  .stack-table td{display:table-cell;padding:12px 14px;border-bottom:1px solid var(--line)}
  .stack-table td.num{white-space:nowrap}
  .calc tr{display:table-row;padding:0;border:0}
  .calc td{display:table-cell;padding:12px 14px;border-bottom:1px solid var(--line)}
  .calc tr:last-child td{border-bottom:0}
  .calc td:first-child{color:var(--text);font-size:inherit}
  .calc td.num{white-space:nowrap}
  .offer-card .terms div{display:flex;justify-content:space-between;gap:12px}
  .offer-card .terms dd{text-align:right}
  .offer-card .terms dt{font-size:inherit}
  .stack-table tr:last-child td{border-bottom:0}
  .stack-table td[data-label]::before{content:none}
  .stack-table td:first-child{font-size:inherit}
  .split{display:grid;grid-template-columns:1fr 1fr;gap:40px}
}
@media (min-width:1000px){
  .grid.four-col{grid-template-columns:repeat(4,1fr)}
  .steps{grid-template-columns:repeat(4,1fr)}
  .steps li{padding:56px 16px 16px}
  .steps li::before{top:16px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
