:root {
  color-scheme: dark;
  --bg:#10131c;--surface:#181e2a;--card:#202938;--text:#f3f6fc;
  --soft:#b7c2d3;--line:#34425a;--accent:#70e1e9;--button:#8aedee;--ink:#102029;
  --shadow:0 18px 60px #0004;
}
:root[data-theme="light"] {
  color-scheme:light;
  --bg:#edf3f8;--surface:#fdfefe;--card:#f2f7fb;--text:#132239;
  --soft:#415472;--line:#bbcbdc;--accent:#075f6b;--button:#075f6b;--ink:#fff;
  --shadow:0 18px 55px #1a3c6020;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.56 "Century Gothic","Trebuchet MS",sans-serif}
h1,h2,h3,p{margin:0 0 .7em}
h1,h2{line-height:1.07;letter-spacing:-.045em}
h1{font-size:clamp(2.8rem,7.3vw,5.85rem)}
h2{font-size:clamp(1.8rem,4vw,3rem)}
h3{font-size:1.05rem}
p,li{color:var(--soft)}
a{color:var(--accent);text-underline-offset:.22em}
button{font:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.wrap{width:min(1160px,calc(100% - 44px));margin-inline:auto}
.top{border-bottom:1px solid var(--line)}
.bar,.brand,.actions,.listen,footer{display:flex;align-items:center;gap:14px}
.bar{min-height:70px}
.brand{font-weight:800;letter-spacing:.08em;color:var(--text);text-decoration:none;margin-right:auto}
.brand img{border-radius:9px}
.brand small{display:block;font-size:.61em;color:var(--soft);letter-spacing:.16em}
.quick{margin-inline:6px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.45em;min-height:44px;padding:.58em .96em;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--card);text-decoration:none;font-weight:700;cursor:pointer}
.button:hover{border-color:var(--accent)}
.button:disabled{opacity:.65;cursor:wait}
.primary{background:var(--button);color:var(--ink);border-color:transparent}
.hero{margin-top:25px;min-height:510px;display:grid;align-items:end;overflow:hidden;border-radius:24px;box-shadow:var(--shadow);isolation:isolate;background:#142638 url('/assets/hero.webp') 64% center/cover}
.hero:before{content:"";grid-area:1/1;background:linear-gradient(90deg,#07121df7 2%,#0a182ce8 32%,#0a182c28 90%);height:100%}
.hero-copy{grid-area:1/1;z-index:1;padding:clamp(24px,5vw,62px);color:#fff;animation:arrive .8s ease both}
@keyframes arrive{from{transform:translateY(13px);opacity:0}to{transform:none;opacity:1}}
.hero-copy p{max-width:42ch;color:#e5eef7}
.hero-copy .eyebrow{color:#95ebee;font-weight:bold;font-size:.78rem;letter-spacing:.15em}
.hero-copy .button:not(.primary){background:#18283b;color:#fff;border-color:#64778f}
.hero-copy .button:focus-visible{outline-color:#95ebee}
.actions{flex-wrap:wrap;margin-top:1.15rem}
.listen{margin-top:16px;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);flex-wrap:wrap}
.listen p{margin:0}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 12px}
.tabs a{border-radius:10px;padding:10px 15px;border:1px solid var(--line);text-decoration:none;color:var(--text);font-weight:700}
.tabs [aria-selected="true"]{background:var(--button);border-color:transparent;color:var(--ink)}
.panel{padding:clamp(18px,4vw,38px);margin-bottom:22px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:var(--shadow);scroll-margin-top:20px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:1.15rem 0}
.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards article,.notice{border:1px solid var(--line);background:var(--card);border-radius:13px;padding:16px}
.cards article p:last-child{margin:0}
.value{display:block;color:var(--accent);font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.amount{font-size:clamp(1.3rem,3vw,2.1rem);margin-bottom:.4em}
.steps{padding-left:1.4rem;margin:1.35rem 0}
.steps li{padding-left:.3rem;margin:.75rem 0}
.steps strong{color:var(--text)}
.notice{border-color:var(--accent);margin:.9em 0}
.muted{font-size:.88rem;margin:1rem 0 0}
.editorial{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin:20px 0}
.editorial img{width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;border-radius:13px}
.topics{margin:0;padding-left:1.2rem}
.topics li{margin-bottom:.4em}
footer{justify-content:space-between;flex-wrap:wrap;padding:20px 0 38px;color:var(--soft)}
@media(max-width:660px){
  .wrap{width:calc(100% - 24px)}
  .quick{display:none}
  .hero{min-height:465px;background-position:62% center}
  .hero:before{background:linear-gradient(0deg,#06121ef9 13%,#0a182cc2 57%,#0a182c18)}
  .cards,.cards.two,.editorial{grid-template-columns:1fr}
  .tabs{display:grid;grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}