:root{--bg:#fff;--soft:#F4F6F9;--ink:#111823;--ink2:#5A6675;--accent:#F26522;--accent2:#E1571A;--dark:#0B1522;--border:#E6E9EF;--radius:16px;--maxw:1080px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
h1,h2,h3{line-height:1.15;letter-spacing:-.01em}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(11,21,34,.96);backdrop-filter:blur(8px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:18px;letter-spacing:-.02em}
.logo b{color:var(--accent)}
.hdr .cta{background:var(--accent);color:#fff;padding:10px 18px;border-radius:10px;font-weight:700;font-size:14px}
/* breadcrumbs */
.crumbs{font-size:13px;color:var(--ink2);padding:16px 0}
.crumbs a{color:var(--accent)}
/* hero */
.hero{background:linear-gradient(180deg,#0B1522,#122234);color:#fff;padding:44px 0 52px}
.hero h1{font-size:clamp(26px,4.5vw,40px);font-weight:800;max-width:820px;margin-bottom:14px}
.hero p.lead{color:#B9C4D2;font-size:clamp(16px,2vw,19px);max-width:680px}
.hero .eyebrow{display:inline-block;background:rgba(242,101,34,.15);color:#F7A06A;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:20px;margin-bottom:16px}
/* payout cards */
section{padding:clamp(40px,6vw,64px) 0}
.h2{font-size:clamp(23px,3.4vw,34px);font-weight:800;margin-bottom:10px}
.sub{color:var(--ink2);margin-bottom:28px;max-width:720px}
.pay{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.paycard{background:var(--soft);border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.paycard .lbl{font-size:13px;color:var(--ink2);font-weight:600;margin-bottom:8px}
.paycard .val{font-size:clamp(24px,3.5vw,34px);font-weight:800;color:var(--ink)}
.paycard.accent{background:linear-gradient(135deg,#F26522,#E1571A);border:none;color:#fff}
.paycard.accent .lbl,.paycard.accent .val{color:#fff}
.paycard .note{font-size:12px;color:var(--ink2);margin-top:8px}
.paycard.accent .note{color:rgba(255,255,255,.85)}
.datenote{font-size:13px;color:var(--ink2);margin-top:16px;padding:10px 14px;background:#FFF7F2;border-left:3px solid var(--accent);border-radius:8px}
/* steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;counter-reset:s}
.step{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;position:relative}
.step::before{counter-increment:s;content:counter(s);display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--accent);color:#fff;border-radius:9px;font-weight:800;margin-bottom:12px}
.step h3{font-size:17px;margin-bottom:6px}
.step p{color:var(--ink2);font-size:15px}
/* form */
.leadwrap{background:linear-gradient(135deg,#0B1522,#16283e);border-radius:20px;padding:clamp(24px,4vw,40px);color:#fff}
.leadwrap h2{font-size:clamp(22px,3vw,30px);font-weight:800;margin-bottom:8px}
.leadwrap p{color:#B9C4D2;margin-bottom:22px}
.lead-form{display:grid;gap:12px;max-width:440px}
.lead-form input{padding:14px 16px;border-radius:11px;border:1px solid #2a3b52;background:#0e1c2e;color:#fff;font-size:15px}
.lead-form input::placeholder{color:#7889a0}
.lead-form button{background:var(--accent);color:#fff;border:none;padding:15px;border-radius:11px;font-weight:800;font-size:16px;cursor:pointer}
.lead-form button:hover{background:var(--accent2)}
.lead-form .pdn{font-size:12px;color:#8496ad;display:flex;gap:8px;align-items:flex-start}
/* faq */
.faq details{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden}
.faq summary{padding:16px 20px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-weight:800;font-size:20px}
.faq details[open] summary::after{content:"–"}
.faq .body{padding:0 20px 18px;color:var(--ink2)}
/* geo links */
.geolinks{display:flex;flex-wrap:wrap;gap:8px}
.geolinks a{background:var(--soft);border:1px solid var(--border);border-radius:9px;padding:9px 14px;font-size:14px;font-weight:600}
.geolinks a:hover{border-color:var(--accent);color:var(--accent)}
/* footer */
.ftr{background:#0B1522;color:#8496ad;padding:34px 0;font-size:13px}
.ftr .disc{border:1px solid #22344a;border-radius:10px;padding:14px 16px;margin-bottom:16px;color:#a9b6c7}
.ftr a{color:#B9C4D2}
