/* The site look (src/concept.js) for the plain HTML pages that skip the Worker: privacy and terms. */
@font-face{font-family:"Inter";src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
html,:root[data-theme]{
  --bg:#050605;--surface:#121512;--surface-2:#0c0e0c;--text:#f4f6f3;--muted:#a3aaa2;
  --line-soft:rgba(255,255,255,.08);--accent-bright:#7CF03C;--btn-fg:#0a1a04;--viz-1:#4fd11a;--viz-2:#b6ff8c;color-scheme:dark;
}
html body{background:#050605;color:#f4f6f3;font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.011em}
html h1,html h2,html h3,html .display,html .index .row b,html .facts h2{
  font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif!important;font-weight:850!important;letter-spacing:-.035em!important}
html h1 span{color:#7CF03C}
/* buttons: green, dark ink */
html .cta,html .navcta,html .band .cta,html .light .cta{background:#7CF03C!important;color:#0a1a04!important;border-radius:999px;font-weight:700}
html .cta.ghost{background:rgba(255,255,255,.04)!important;color:#f4f6f3!important;border:1px solid rgba(255,255,255,.1)}
/* the light bands go dark too */
html .band,html .light,html .cover,html .final{background:#0c0e0c!important;color:#f4f6f3!important}
html .band .note,html .band .card,html .light .note,html .note,html .card{
  background:#121512!important;color:#a3aaa2!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;box-shadow:none!important}
html .note strong,html .band h2,html .band b{color:#f4f6f3!important}
html .band p,html .lead{color:#a3aaa2!important}
html .band a{color:#7CF03C!important}
html .index{border-top-color:rgba(255,255,255,.08)!important}
html .index .row{border-bottom-color:rgba(255,255,255,.08)!important}
html .index .row small{color:#7CF03C!important}
/* the program card */
html .facts{background:#121512!important;color:#f4f6f3!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 60px rgba(124,240,60,.08)!important;border-radius:28px!important}
html .facts h2,html .facts dd{color:#f4f6f3!important}
html .facts dt,html .facts .fnote{color:#a3aaa2!important}
html .facts .row{border-top-color:rgba(255,255,255,.08)!important}
html .facts .big{color:#7CF03C!important}
/* glow behind the hero, checks in green */
/* no glow layers over the hero clip: their edges showed as a lighter box */
html .glowwrap::before,html .glowwrap::after{display:none}
html .bullets li::before{border-color:#7CF03C!important}
html .stat b{color:#f4f6f3}
html .stat{background:#121512!important;border:1px solid rgba(255,255,255,.08);border-radius:22px}
html .earn .kick{color:#7CF03C}
html body > nav .navinner{background:rgba(5,6,5,.75)}
html .earn-out .amt{color:#7CF03C!important}
html input[type=range]{accent-color:#7CF03C}
/* the closing call to apply: a dark card with a green glow from the top, white heading */
html .final{background:radial-gradient(80% 120% at 50% 0%,rgba(124,240,60,.18),transparent 70%),#121512!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:32px!important;box-shadow:none!important;padding:72px 28px!important}
html .final h2{color:#f4f6f3!important;font-size:clamp(32px,5vw,54px)!important;max-width:24ch}
html .final .lead{color:#a3aaa2!important;max-width:52ch}
html .final-ctas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
html .final .cta-note{color:#a3aaa2!important}
/* hover: a small lift and a soft green glow on things you can press */
html .cta,html .navcta,html .tk-submit,html .gcover,html .stat,html .card,html .facts,html .earn-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
html .cta:hover,html .navcta:hover,html .tk-submit:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 0 0 1px rgba(124,240,60,.35),0 8px 28px rgba(124,240,60,.35)!important}
html .cta.ghost:hover{box-shadow:0 0 0 1px rgba(124,240,60,.35),0 8px 24px rgba(124,240,60,.18)!important}
html .stat:hover,html .card:hover,html .earn-card:hover{transform:translateY(-2px);border-color:rgba(124,240,60,.35)!important;box-shadow:0 10px 34px rgba(124,240,60,.12)!important}
html .gcover:hover{transform:scale(1.05);box-shadow:0 0 0 1px rgba(124,240,60,.4),0 14px 40px rgba(124,240,60,.25)}
html .navlinks a:hover{color:#7CF03C;text-shadow:0 0 12px rgba(124,240,60,.55)}
@media (prefers-reduced-motion:reduce){html *{transform:none!important}}
html footer{background:#050605;color:#a3aaa2}