/* =========================================================
   REBATE PAGE – additions that sit on top of the site stylesheet
========================================================= */
:root{color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 90px)}
.nav{top:env(safe-area-inset-top,0px)}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:8px}
.num{font-variant-numeric:tabular-nums}
button{font-family:inherit}
.brand svg{width:40px;height:40px;flex:none}
.navlinks{display:flex;gap:26px;margin-left:auto;font-size:14px;font-weight:700;color:var(--muted)}
.navlinks a:hover{color:var(--lime)}
@media(max-width:760px){.navlinks{display:none}}

/* hero ledger */
.hero-visual{position:relative}
.hero-visual:before{content:"";position:absolute;inset:-30px;background:radial-gradient(circle,rgba(200,255,40,.12),transparent 62%);filter:blur(10px);pointer-events:none}
.ledger{position:relative;padding:0;overflow:hidden}
.ledger:hover{transform:none}
.ledger-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;padding:24px 26px 20px;border-bottom:1px solid var(--line)}
.ledger-head small{display:block;color:var(--muted);font-size:13px}
.ledger-head .bal{font-size:44px;font-weight:900;letter-spacing:-.05em;line-height:1.1;color:var(--lime)}
.live{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--lime);background:rgba(200,255,40,.08);border:1px solid rgba(200,255,40,.2)}
.live i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.25}}
.rows{list-style:none;margin:0;padding:4px 0;min-height:300px}
.row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:13px 26px;border-bottom:1px solid rgba(255,255,255,.06)}
.row:last-child{border-bottom:0}
.row b{font-weight:800}
.row .meta{display:block;font-size:12px;color:var(--muted)}
.row .comm{color:var(--muted);font-size:12px;text-align:right}
.row .you{font-weight:900;font-size:13px;color:var(--lime);background:rgba(200,255,40,.09);border:1px solid rgba(200,255,40,.22);padding:5px 11px;border-radius:999px;min-width:78px;text-align:center}
.row.new{animation:drop .55s cubic-bezier(.2,.9,.3,1.2)}
.row.new .you{animation:flash 1.3s}
@keyframes drop{from{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}
@keyframes flash{0%,45%{background:var(--lime);color:#071000}}
.ledger-foot{padding:14px 26px;background:#0b100e;border-top:1px solid var(--line);font-size:12px;color:#77847d}
@media(max-width:480px){.row{grid-template-columns:1fr auto}.row .comm{display:none}.ledger-head .bal{font-size:36px}.row,.ledger-head,.ledger-foot{padding-left:20px;padding-right:20px}}

/* payout cards */
.pay-card{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.pay-card h3{margin:4px 0 0}
.pay-card p{flex:1}

/* calculator */
.calc-wrap{background:linear-gradient(180deg,transparent,rgba(10,15,13,.9) 14%,rgba(10,15,13,.9) 86%,transparent)}
.field{margin-bottom:26px}
.field:last-child{margin-bottom:0}
.field-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:800;margin-bottom:10px}
.field-label output{font-size:28px;font-weight:900;letter-spacing:-.04em;color:var(--lime)}
.field .hint{font-size:12px;color:#77847d;margin-top:8px}
input[type=range]{width:100%;accent-color:var(--lime);height:28px;cursor:pointer}
.field .search{width:100px;text-align:right;padding:10px 12px;font-weight:800}
.seg-row{display:flex;gap:8px}
.seg-row .filter-btn{flex:1;padding:12px 8px;font-size:13px}
.tiers{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tier-btn{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;width:100%;text-align:left;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:#080c0a;color:var(--text);cursor:pointer;transition:.2s}
.tier-btn:hover{border-color:#46624f}
.tier-btn>*{position:relative}
.tier-btn .fill{position:absolute;inset:0 auto 0 0;width:0;background:rgba(200,255,40,.09);transition:width .4s}
.tier-btn b{font-weight:800}
.tier-btn small{display:block;color:var(--muted);font-size:12px}
.tier-btn .pct{font-size:22px;font-weight:900;letter-spacing:-.03em;color:var(--lime)}
.tier-btn[aria-current="true"]{border-color:var(--lime)}
.tier-btn[aria-current="true"] .fill{width:100%}

.result-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}
.big{font-size:clamp(46px,7vw,64px);font-weight:900;letter-spacing:-.055em;line-height:1;color:var(--lime)}
.big-lbl{color:var(--muted);font-size:13px;margin-bottom:8px}
.mini-stats{display:flex;gap:26px}
.mini-stats div{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.mini-stats b{display:block;font-size:24px;letter-spacing:-.03em;color:#fff;text-transform:none}
.cal-head,.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal-head{font-size:11px;font-weight:900;color:#69766f;text-align:center;margin-bottom:6px;letter-spacing:.1em}
.day{aspect-ratio:1/.9;border-radius:10px;border:1px solid var(--line);background:#080c0a;color:var(--muted);display:flex;flex-direction:column;justify-content:space-between;padding:5px 7px;font:inherit;font-size:11px;text-align:left;min-width:0;cursor:pointer;transition:.2s}
.day:hover{border-color:#46624f}
.day.off{background:transparent;border-style:dashed;opacity:.5}
.day.pay{background:rgba(200,255,40,.1);border-color:rgba(200,255,40,.35);color:#fff}
.day.pay em{font-style:normal;font-weight:900;color:var(--lime);font-size:10.5px;white-space:nowrap;overflow:hidden}
.day.sel{outline:2px solid var(--lime);outline-offset:2px}
.day.pop{animation:pop .45s}
@keyframes pop{40%{transform:scale(1.12)}}
@media(max-width:520px){.day em{display:none}.day{padding:4px 5px}}
.readout{margin-top:16px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#080c0a;font-size:14px;min-height:52px;color:#c4d0ca}
.readout b{color:var(--lime)}
.note{margin-top:16px;font-size:11px;color:#69766f;line-height:1.55}

/* steps */
.step{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;display:block}
.step h3{font-size:19px}
.step[aria-selected="true"]{border-color:var(--lime)}
.step[aria-selected="true"] .icon{background:var(--lime);color:#071000}
.panel{margin-top:18px;min-height:260px}
.panel h3{font-size:28px;margin:0 0 10px;letter-spacing:-.03em}
.panel p{color:var(--muted);margin:0;max-width:680px}
.panel-body{animation:fade .35s}
@keyframes fade{from{opacity:0;transform:translateY(6px)}}
.linkbox{display:flex;gap:8px;align-items:center;margin-top:22px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#080c0a}
.linkbox code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;font-size:13px;color:#c4d0ca}
.linkbox .btn{padding:10px 14px;font-size:12px}
@media(max-width:520px){.linkbox{flex-wrap:wrap}.linkbox code{flex-basis:100%;padding:8px 10px}}

/* confirm / status */
.confirm-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}
@media(max-width:900px){.confirm-grid{grid-template-columns:1fr}}
.form label{display:grid;gap:6px;font-size:13px;font-weight:800;color:#c4d0ca}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.form .two{grid-template-columns:1fr}}
.form input:focus,.form select:focus,.form textarea:focus,.search:focus{border-color:var(--lime)}
.form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9baaa3 50%),linear-gradient(135deg,#9baaa3 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:38px}
.check{display:flex!important;grid-template-columns:none;gap:10px!important;align-items:flex-start;font-weight:500!important;color:var(--muted)!important;font-size:13px!important;line-height:1.5}
.check input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--lime)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg{display:none;padding:14px 16px;border-radius:14px;font-size:14px;line-height:1.5;border:1px solid var(--line);background:#080c0a;color:#c4d0ca}
.msg.show{display:block}
.msg.ok{border-color:rgba(200,255,40,.35);background:rgba(200,255,40,.07)}
.msg.err{border-color:rgba(255,77,77,.35);background:rgba(255,77,77,.07)}
.msg b{color:#fff}
.status-result{margin-top:16px}
.status-result .risk-badge{font-size:12px;padding:7px 12px}
.next-list{list-style:none;margin:20px 0 0;padding:0;counter-reset:n}
.next-list li{counter-increment:n;display:grid;grid-template-columns:30px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#c4cec9;font-size:14px}
.next-list li:last-child{border-bottom:0}
.next-list li:before{content:counter(n);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(200,255,40,.09);color:var(--lime);font-weight:900;font-size:12px}
.demo-flag{display:none;margin-bottom:16px}
.demo-flag.show{display:inline-block}

/* faq */
.faq{max-width:860px}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-weight:800;font-size:18px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:26px;line-height:1;color:var(--lime);transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--muted);padding:0 0 20px;max-width:46em;margin:0}

/* cta */
.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;background:radial-gradient(circle at 85% 0%,rgba(200,255,40,.14),transparent 45%),linear-gradient(145deg,#101914,#080c0a)}
.cta-panel h2{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:0 0 10px;letter-spacing:-.04em;max-width:16em}
.cta-panel p{margin:0;color:var(--muted);max-width:30em}
.cta-panel .actions{margin:0}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
}