:root{color-scheme:light}
.top-social{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:1px solid var(--line);border-radius:7px;color:var(--ink);text-decoration:none}
.top-social:hover{background:#2458ed15;color:#648fff}
@media(max-width:800px){.nav>.top-social{margin-left:auto}.nav>.theme-toggle{margin-left:0!important}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .hero .market-art{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s ease-out,box-shadow .3s ease-out;transform-origin:center;backface-visibility:hidden}
  .hero .market-art.is-tilting{box-shadow:0 28px 65px #132b4e35}
  [data-theme="dark"] .hero .market-art.is-tilting{box-shadow:0 28px 65px #0007,0 0 0 1px #638ac04d}
}
/* Subtle pointer feedback; disabled controls and touch layouts stay stable. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .company-tile,.asset,.eligibility-cards article,.balance-card,.strategy-snapshot,.key-explainer{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
  .company-tile:hover{transform:translateY(-5px);background:#284774;border-color:#7097d0;box-shadow:0 10px 22px #0003}
  .company-tile img,.asset-logo{transition:transform .22s ease}
  .company-tile:hover img,.asset:hover .asset-logo{transform:scale(1.13)}
  .asset:hover,.eligibility-cards article:hover{transform:translateY(-4px);border-color:#86a6ea;box-shadow:0 12px 28px #18396114}
  .balance-card:hover,.strategy-snapshot:hover,.key-explainer:hover{transform:translateY(-2px);border-color:#7495c7;box-shadow:0 10px 25px #142d4b12}
  button:not(:disabled),a.button,.nav nav button,.footer-links a,.text-link{transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease}
  .button:not(:disabled):hover,.wallet-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 18px #2458ed35}
  .button:not(:disabled):active,.wallet-button:not(:disabled):active{transform:translateY(0);box-shadow:none}
  .nav nav button:hover{background:#e8efff;color:#2458ed;transform:translateY(-1px)}
  .footer-links a:hover,.text-link:hover{color:#2458ed;transform:translateY(-1px)}
  .leader-row:not(.head):hover,.reward-stock-row:not(.reward-stock-head):hover{background:#2458ed09}
  [data-theme="dark"] .asset:hover,[data-theme="dark"] .eligibility-cards article:hover{border-color:#668dcc;box-shadow:0 14px 28px #0004}
  [data-theme="dark"] .nav nav button:hover{background:#263d60;color:#c9dcff}
  [data-theme="dark"] .footer-links a:hover,[data-theme="dark"] .text-link:hover{color:#aac5ff}
  [data-theme="dark"] .leader-row:not(.head):hover,[data-theme="dark"] .reward-stock-row:not(.reward-stock-head):hover{background:#8fb5ff0d}
}
.hero{padding-bottom:75px}.market-art{transform:none;box-shadow:0 20px 60px #10233d12}.hero h1{font-size:clamp(42px,4.7vw,66px)}
.portfolio{margin-top:0}.strategy-feature-row{grid-template-columns:1fr}.strategy-heading{flex-wrap:wrap}.research-link{font-size:10px;white-space:nowrap}.snapshot-metrics{gap:25px}.strategy-snapshot{padding:25px}
.compact-teaser{display:block;padding:35px 42px;margin-bottom:65px}.compact-teaser>div{display:grid;grid-template-columns:1fr auto;column-gap:45px}.compact-teaser .soon-pill{grid-column:1;justify-self:start}.compact-teaser h2{font-size:30px;margin:18px 0 10px}.compact-teaser p{max-width:600px;margin:0}.compact-teaser .button{grid-column:2;grid-row:2/4;align-self:center}
.eligibility-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.basket-disclosure{margin-bottom:65px;border:1px solid var(--line);border-radius:10px;padding:0 24px;background:var(--card)}.basket-disclosure>summary{display:flex;justify-content:space-between;padding:23px 0;font-weight:600;font-size:15px;cursor:pointer;list-style:none}.basket-disclosure[open]>summary span{transform:rotate(45deg)}.basket-disclosure .reward-stocks{width:100%;padding-bottom:24px}.basket-disclosure .reward-stocks-heading{padding-top:20px;border-top:1px solid var(--line)}
.footer-brand strong{font-size:20px;color:var(--ink)}.footer-brand p{font-size:11px;color:var(--muted);margin-top:10px}.footer-links{display:flex;gap:25px;margin-left:auto;flex-wrap:wrap}.footer-links a{font-size:11px;text-decoration:none}.footer-legal{width:100%;border-top:1px solid var(--line);padding-top:20px;font-size:10px;line-height:1.8;color:var(--muted)}
@media(max-width:760px){.compact-teaser{padding:28px}.compact-teaser>div{display:block}.compact-teaser .button{margin-top:22px}.eligibility-cards{grid-template-columns:1fr}.footer-links{margin-left:0}.basket-disclosure{padding:0 16px}.basket-disclosure>summary{font-size:13px}.hero{padding-bottom:45px}.account-column{display:block}}
.key-explainer{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;padding:32px;margin-bottom:60px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.key-explainer h2{font-size:27px;letter-spacing:-1px;line-height:1.25;margin:16px 0}
.key-explainer p{font-size:13px;line-height:1.8;color:var(--muted)}
.key-explainer small{display:block;font-size:11px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}
.eligibility-number{font-size:25px}
@media(max-width:760px){.key-explainer{grid-template-columns:1fr;gap:10px;padding:24px}.key-explainer h2{font-size:24px}.nav nav button[data-page="rewards"]{font-size:9px}}
.theme-toggle{display:flex;align-items:center;justify-content:center;gap:7px;background:#f3f6fb;color:#344b68;border:1px solid #e1e7f0;border-radius:7px;font-size:10px;padding:10px 12px;cursor:pointer;white-space:nowrap}
.theme-toggle>span:first-child{font-size:17px;line-height:1}
.theme-toggle:hover{background:#e7edfa}
.action-label{text-transform:none;font-size:12px;letter-spacing:0;font-weight:700}
.lede,.notice,.minimum,.faq details p{font-weight:400}
[data-theme="dark"]{color-scheme:dark;--ink:#e5edf9;--muted:#a3b1c5;--paper:#0b1220;--card:#121d2f;--line:#273449;--lime:#81a6ff}
[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
[data-theme="dark"] .nav{background:#0f1929;border-color:var(--line)}
[data-theme="dark"] .nav nav button{color:#adbad0}
[data-theme="dark"] .nav nav button[aria-current]{background:#203354;color:#b6cdff}
[data-theme="dark"] .nav nav button span{background:#27364d;color:#c3cfe1}
[data-theme="dark"] .theme-toggle{background:#1b2940;border-color:#31415a;color:#c6d6f1}
[data-theme="dark"] .theme-toggle:hover{background:#2a3b58}
[data-theme="dark"] .hero h1 em,[data-theme="dark"] .asset-weight,[data-theme="dark"] .campaign-rate,[data-theme="dark"] .eligibility-number{color:#85a9ff}
[data-theme="dark"] .hero-actions .text-link,[data-theme="dark"] .action-label,[data-theme="dark"] .snapshot-metrics b,[data-theme="dark"] .footer-statement{color:#e3ecfb}
[data-theme="dark"] .eyebrow,[data-theme="dark"] .hero .network,[data-theme="dark"] .platform-strip span,[data-theme="dark"] .platform-strip strong small,[data-theme="dark"] .snapshot-kicker,[data-theme="dark"] .workspace-heading p:last-child{color:#9bacc6}
[data-theme="dark"] .platform-strip>div,[data-theme="dark"] .editorial-grid article,[data-theme="dark"] .faq details,[data-theme="dark"] footer.shell{border-color:var(--line)}
[data-theme="dark"] .feature-icon{background:#1c3050;border-color:#30476a;color:#9ab9ff}
[data-theme="dark"] .editorial h2>span{color:#8ca0bd}
[data-theme="dark"] .portfolio{background:#101c2d}
[data-theme="dark"] .strategy-snapshot,[data-theme="dark"] .asset,[data-theme="dark"] .account-guide,[data-theme="dark"] .action-panel,[data-theme="dark"] .holdings-table-wrap,[data-theme="dark"] .eligibility-cards article,[data-theme="dark"] .reward-stocks-table,[data-theme="dark"] .leader-table,[data-theme="dark"] .member-count{background:var(--card);border-color:var(--line)}
[data-theme="dark"] .afterbook-card{background:#1b2c48;border-color:#304364}
[data-theme="dark"] .afterbook-mark{background:#2a4269;color:#b2cbff}
[data-theme="dark"] .afterbook-card .eyebrow{color:#aac1e6}
[data-theme="dark"] .asset-logo{background:#fff}
[data-theme="dark"] .amount-field,[data-theme="dark"] .withdraw-panel select{background:#0e1828;border-color:#304159;color:#ecf2fc}
[data-theme="dark"] input{color:#edf3ff}
[data-theme="dark"] input::placeholder{color:#8292aa;opacity:1}
[data-theme="dark"] .action-panel label,[data-theme="dark"] .amount-field span,[data-theme="dark"] .account-guide p,[data-theme="dark"] .account-guide small,[data-theme="dark"] .campaign-strip p{color:#a6b6cf}
[data-theme="dark"] .ghost{color:#ccdaee;border-color:#34465e;background:transparent}
[data-theme="dark"] .ghost:hover{background:#243550}
[data-theme="dark"] .max-button,[data-theme="dark"] .campaign-deposit-note,[data-theme="dark"] .soon-pill,[data-theme="dark"] .reward-basket-status{background:#1d3154;color:#bad0fb;border-color:#345077}
[data-theme="dark"] .holdings-head,[data-theme="dark"] .leader-row.head,[data-theme="dark"] .reward-stock-head{background:#19283e;color:#adbed5}
[data-theme="dark"] .holdings-row,[data-theme="dark"] .leader-row,[data-theme="dark"] .reward-stock-row{border-color:var(--line)}
[data-theme="dark"] .campaign-strip{border-color:#304159}
[data-theme="dark"] .editorial-grid a,[data-theme="dark"] .campaign-strip>a,[data-theme="dark"] .campaign-deposit-note a,[data-theme="dark"] .notice a,[data-theme="dark"] .afterbook-card a,[data-theme="dark"] .portfolio-contract,[data-theme="dark"] .reward-stock-row>a,[data-theme="dark"] .faq a{color:#95b6ff}
[data-theme="dark"] .strategy-notice,[data-theme="dark"] .eligibility-cards small{color:#a6b8d0!important}
[data-theme="dark"] .member-count span{color:#e4edfa}
[data-theme="dark"] .positive-return{color:#6cddb4!important}
[data-theme="dark"] .app-notice,[data-theme="dark"] .wallet-dialog{background:#17243a;color:#e8effb;border:1px solid #34435c}
[data-theme="dark"] .app-notice .eyebrow{color:#a6c0ff}
[data-theme="dark"] :focus-visible{outline-color:#9abaff!important}
@media(max-width:1100px){.nav{gap:10px}.theme-toggle{padding:10px}.theme-toggle>span:last-child{display:none}}
@media(max-width:800px){.nav>.theme-toggle{margin-left:auto}.nav>.wallet-button{margin-left:0}}
