:root{
  --ink:#12171f; --sub:#5c6672; --paper:#ffffff; --panel:#f2f4f7;
  --navy:#153050; --navy-soft:#e7edf4; --amber:#c97a06; --amber-btn:#e0920c;
  --line:#dce1e8; --on-navy:#ffffff;
  --bar-plus:#2d5a88; --bar-minus:#b5483a; --bar-total:#e0920c; --track:#eceff3;
  --gothic:"Noto Sans JP",-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --mincho:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --ink:#e7ecf3; --sub:#9aa5b3; --paper:#10151d; --panel:#19202b;
    --navy:#0e1a29; --navy-soft:#1d2836; --amber:#f0aa33; --amber-btn:#d98f10;
    --line:#2a3340; --on-navy:#ffffff;
    --bar-plus:#6f9ccc; --bar-minus:#e0786a; --bar-total:#f0aa33; --track:#222b37;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ink:#e7ecf3; --sub:#9aa5b3; --paper:#10151d; --panel:#19202b;
  --navy:#0e1a29; --navy-soft:#1d2836; --amber:#f0aa33; --amber-btn:#d98f10;
  --line:#2a3340; --on-navy:#ffffff;
  --bar-plus:#6f9ccc; --bar-minus:#e0786a; --bar-total:#f0aa33; --track:#222b37;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--gothic); font-size:15px; line-height:1.85;
  -webkit-text-size-adjust:100%;
}
.wrap{max-width:560px; margin:0 auto; padding-inline:16px}
section{padding-block:40px; border-top:1px solid var(--line)}
section:first-of-type{border-top:0}
h2{
  font-family:var(--mincho); font-weight:700; font-size:20px; line-height:1.5;
  margin:0 0 4px; text-wrap:balance;
}
.eyebrow{
  font-size:11px; letter-spacing:.14em; font-weight:700; color:var(--amber);
  margin:0 0 6px;
}
p{margin:0 0 16px}
p:last-child{margin-bottom:0}
.dummy{
  background:var(--amber-btn); color:#1a1205; font-size:11.5px; font-weight:700;
  line-height:1.6; padding:8px 16px; text-align:center;
}
.fv{position:relative; isolation:isolate; overflow:hidden; background:#0b1628; color:var(--on-navy); padding-block:22px 20px; border-top:0}
.fv-bg{position:absolute; inset:0; z-index:-3; background:#0b1628 url("fv-bg-m.jpg") 62% 100%/cover no-repeat; transform-origin:62% 85%; transform:scale(1.04)}
.fv-shade{position:absolute; inset:0; z-index:-2; background:linear-gradient(180deg, rgba(7,14,27,.66) 0%, rgba(7,14,27,.46) 42%, rgba(7,14,27,.34) 72%, rgba(7,14,27,.62) 100%)}
.fv-glow{position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.5;
  background:radial-gradient(58% 26% at 80% 76%, rgba(247,178,82,.42), rgba(247,178,82,0) 72%)}
.fv .wrap{position:relative}
@media (min-width:640px){
  .fv{padding-block:44px 40px}
  .fv-bg{background-image:url("fv-bg.jpg"); background-position:70% 100%}
}
.fv-top{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 8px; margin:0 0 12px}
.fv-tags{display:flex; gap:6px; margin:0}
.fv .tag{font-size:10.5px; font-weight:700; color:#f5c46a; border:1px solid rgba(245,196,106,.55); border-radius:2px; padding:1px 7px; white-space:nowrap}
.fv-dates{margin:14px 0 0; padding-top:10px; border-top:1px solid rgba(223,232,243,.2)}
.fv-dates .lbl{display:block; font-size:10.5px; color:#c3d3e6; margin-bottom:5px; letter-spacing:.02em}
.fv-dates .row{display:grid; grid-template-columns:repeat(3,1fr)}
.fv-dates .row > span{display:flex; flex-direction:column; gap:1px; padding-left:8px; border-left:1px solid rgba(245,196,106,.5); font-size:11px; line-height:1.45; color:#c3d3e6; font-variant-numeric:tabular-nums; white-space:nowrap}
.fv-dates .row > span:first-child{padding-left:0; border-left:0}
.fv-dates b{font-size:12.5px; font-weight:700; color:#fff}
.fv .btn{margin-top:18px}
@media (max-width:639px){.fv .btn{display:none}}
.nw{white-space:nowrap}
.fv-eyebrow{display:inline-block; font-size:11px; font-weight:700; letter-spacing:.06em; color:#10151d; background:#f5c46a; border-radius:2px; padding:2px 9px; margin:0}
.fv-hook{margin:0 0 12px; text-shadow:0 1px 14px rgba(4,9,18,.5)}
.fv-h1{display:block; font-family:var(--mincho); font-weight:700; font-size:22px; line-height:1.35; color:#fff; letter-spacing:.02em}
.fv-h2{position:relative; display:inline-block; font-size:13px; font-weight:700; color:#dfe8f3; letter-spacing:.04em; margin-top:5px; padding-bottom:4px}
.fv-h2::after{content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:#f5c46a; transform-origin:left center}
.fv-title{margin:0; font-weight:700}
.fv-chips{display:grid; grid-template-columns:1fr auto 1fr auto 1.4fr; align-items:stretch; gap:4px; margin-bottom:3px}
.chip{position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:7px 4px 6px; border:1px solid rgba(245,196,106,.62); background:rgba(8,16,30,.58); border-radius:4px; text-align:center}
.chip em{font-style:normal; font-size:10.5px; font-weight:700; color:#c8d6e6; line-height:1.3; white-space:nowrap}
.chip b{font-family:var(--mincho); font-weight:700; font-size:24px; line-height:1.05; color:#f5c46a; font-variant-numeric:tabular-nums; white-space:nowrap}
.chip b small{font-size:12px; margin-left:1px}
.fv-chips .x{align-self:center; color:#8fa6c1; font-size:14px; font-weight:500}
.fv-aim{display:block; text-align:right; font-size:13px; color:#dfe8f3; margin:0 0 6px; text-shadow:0 1px 10px rgba(4,9,18,.5)}
.fv-main2{display:block; font-family:var(--mincho); font-size:22px; line-height:1.38; color:#fff; text-wrap:balance; text-shadow:0 1px 14px rgba(4,9,18,.5)}
@media (min-width:640px){
  .fv-h1{font-size:28px} .fv-h2{font-size:15px}
  .chip b{font-size:34px} .chip b small{font-size:15px} .chip em{font-size:11.5px}
  .fv-main2{font-size:31px}
}
.btn{
  display:block; width:100%; text-align:center; text-decoration:none;
  background:var(--amber-btn); color:#1a1205;
  font-weight:700; font-size:16px; letter-spacing:.02em;
  padding:15px 16px; border-radius:4px; border:0; cursor:pointer;
  font-family:var(--gothic);
}
.btn:focus-visible{outline:3px solid #fff; outline-offset:2px}
.btn .small{display:block; font-size:11px; font-weight:500; opacity:.8; margin-top:2px}
.sticky{
  position:fixed; left:0; right:0; bottom:0; z-index:20;
  background:color-mix(in srgb, var(--paper) 92%, transparent);
  backdrop-filter:blur(8px);
  border-top:1px solid var(--line);
  padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
}
.sticky .inner{max-width:560px; margin:0 auto}
.sticky{transition:transform .2s ease, visibility .2s}
.sticky.is-off{transform:translateY(110%); visibility:hidden}
.spacer{height:84px}
.lead p{font-size:15.5px}
.lead b{font-weight:700; color:var(--ink)}
.lead b.mk{background:linear-gradient(transparent 64%, color-mix(in srgb, var(--amber-btn) 28%, transparent) 64%)}
.wf{margin:4px 0 24px; padding:18px 16px 14px; background:var(--panel); border-radius:4px}
.wf-cap{font-size:12.5px; font-weight:700; color:var(--ink); margin:0 0 14px}
.wf-row{display:flex; flex-direction:column; gap:5px; padding-block:7px}
.wf-row.total{border-top:1px solid var(--line); margin-top:6px; padding-top:13px}
.wf-lab{display:flex; justify-content:space-between; align-items:baseline; gap:12px; font-size:13px; line-height:1.5}
.wf-val{font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap}
.wf-val.plus{color:var(--bar-plus)} .wf-val.minus{color:var(--bar-minus)} .wf-val.total{color:var(--ink); font-size:15px}
.wf-track{position:relative; height:14px; background:var(--track); border-radius:2px}
.wf-row.total .wf-track{height:18px}
.wf-bar{position:absolute; top:0; bottom:0; border-radius:2px}
.wf-bar.plus{background:var(--bar-plus)} .wf-bar.minus{background:var(--bar-minus)} .wf-bar.total{background:var(--bar-total)}
.lead .wf-note{font-size:10.5px; line-height:1.7; color:var(--sub); margin:12px 0 0}
.lead .lh{font-family:var(--mincho); font-weight:700; font-size:18.5px; line-height:1.5; color:var(--ink); margin:34px 0 14px; padding-left:12px; border-left:3px solid var(--bar-total)}
.lead .lh:first-child{margin-top:0}
.lead .lh-sub{display:block; font-size:.78em; font-weight:700; color:var(--sub); margin-top:4px}
@media (min-width:640px){.lead .lh{font-size:21px}}
.fig{margin:4px 0 28px; padding:18px 16px 14px; background:var(--panel); border-radius:6px; position:relative; overflow:hidden}
.lead .fig p{font-size:12px; line-height:1.6; margin:0}
.fig-h{display:flex; align-items:baseline; gap:8px; font-size:13.5px; font-weight:700; line-height:1.5; margin:0 0 16px; color:var(--ink); text-wrap:balance}
.fig-no{flex:none; font-size:10.5px; letter-spacing:.08em; color:var(--paper); background:var(--ink); border-radius:2px; padding:2px 7px}
.lead .fig .fig-src{font-size:10px; line-height:1.65; color:var(--sub); margin-top:14px}
.lead .fig b{color:inherit}
.dep{display:grid; grid-template-columns:74px 16px 1fr; align-items:center; gap:6px}
.dep-pay{display:flex; flex-direction:column; align-items:center; gap:3px; padding:8px 4px; border-radius:6px; background:var(--paper); border:1px solid var(--line)}
.dep-pay .coin{width:26px; height:26px; border-radius:50%; background:var(--bar-total); color:#1a1205; font-weight:700; display:grid; place-items:center; font-size:14px}
.dep-pay b{font-size:12.5px}
.dep-pay small{font-size:9.5px; color:var(--sub); line-height:1.3; text-align:center}
.dep-arrow{height:2px; background:var(--sub); position:relative; transform-origin:left center}
.dep-arrow::after{content:""; position:absolute; right:-2px; top:-4px; border:5px solid transparent; border-left-color:var(--sub); border-right:0}
.dep-years{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,1fr); gap:4px}
.dep-years li{display:flex; flex-direction:column; align-items:center; gap:3px}
.dep-years span{width:100%; text-align:center; font-size:10.5px; font-weight:700; color:var(--paper); background:var(--bar-plus); border-radius:3px; padding:6px 0}
.dep-years .more span{background:transparent; color:var(--sub)}
.dep-years em{font-style:normal; font-size:9px; color:var(--sub); line-height:1.2}
.lead .fig .dep-note{font-size:12.5px; text-align:center; margin:12px 0 18px; color:var(--ink)}
.dep-note b{color:var(--bar-plus)}
.ratio{display:flex; flex-direction:column; gap:12px}
.ratio-row{display:flex; flex-direction:column; gap:5px}
.ratio-lab{display:flex; justify-content:space-between; align-items:baseline; font-size:13px; font-weight:700}
.ratio-lab b{font-family:var(--mincho); font-size:24px; line-height:1; color:var(--bar-plus); font-variant-numeric:tabular-nums}
.ratio-row.hot .ratio-lab b{color:var(--amber)}
.ratio-bar{position:relative; height:16px; border-radius:3px; overflow:hidden; background:repeating-linear-gradient(135deg, var(--track) 0 5px, color-mix(in srgb, var(--sub) 24%, var(--track)) 5px 10px)}
.ratio-bar .ok{position:absolute; left:0; top:0; bottom:0; width:var(--w); background:var(--bar-plus); transform-origin:left center}
.ratio-row.hot .ratio-bar .ok{background:var(--bar-total)}
.lead .fig .ratio-sub{font-size:10.5px; color:var(--sub)}
.lead .fig .ratio-key{display:flex; align-items:center; flex-wrap:wrap; gap:4px 6px; font-size:10.5px; color:var(--sub); margin-top:2px}
.k{display:inline-block; width:10px; height:10px; border-radius:2px}
.k.ok{background:var(--bar-plus)} .k.hot{background:var(--bar-total)}
.k.ng{background:repeating-linear-gradient(135deg, var(--track) 0 3px, color-mix(in srgb, var(--sub) 24%, var(--track)) 3px 6px); border:1px solid var(--line); margin-left:6px}
.ways{display:grid; gap:12px}
.way{background:var(--paper); border:1px solid var(--line); border-radius:6px; padding:12px}
.lead .fig .way-h{display:flex; align-items:center; gap:6px; font-size:13px; font-weight:700; margin-bottom:12px}
.tag{font-size:10px; font-weight:700; color:var(--paper); background:var(--ink); border-radius:2px; padding:1px 6px}
.inc-bar{display:flex; height:30px}
.inc-keep{flex:0 0 70%; background:var(--bar-plus); border-radius:3px 0 0 3px; display:flex; align-items:center; padding-left:8px; overflow:hidden}
.inc-keep em{font-style:normal; font-size:10.5px; font-weight:700; color:var(--paper); white-space:nowrap}
.inc-cut{flex:0 0 30%; border:1.5px dashed var(--bar-total); border-left:0; border-radius:0 3px 3px 0; display:flex; align-items:center; justify-content:center; overflow:hidden}
.inc-cut em{font-style:normal; font-size:9.5px; font-weight:700; color:var(--amber); white-space:nowrap}
.lead .fig .inc-cap{display:flex; justify-content:space-between; font-size:10.5px; color:var(--sub); margin-top:5px}
.inc-cap .minus{color:var(--amber); font-weight:700}
.lead .fig .way-res{display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:13px; margin-top:12px}
.ret{display:inline-grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--bar-total); color:#1a1205; font-weight:700; font-size:13px; line-height:1}
.lead .fig .way-res b{color:var(--amber)}
.lead .fig .way-res .big{font-family:var(--mincho); font-size:23px; line-height:1; font-variant-numeric:tabular-nums}
.vat{display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:end; gap:4px}
.vat-col{display:flex; flex-direction:column; align-items:center; gap:5px}
.vat-stage{height:70px; width:36px; display:flex; align-items:flex-end}
.vat-bar{display:block; width:100%; border-radius:3px 3px 0 0; transform-origin:bottom center}
.vat-bar.paid{height:100%; background:var(--bar-plus)}
.vat-bar.kept{height:10%; background:color-mix(in srgb, var(--sub) 50%, var(--track))}
.vat-bar.back{height:90%; background:var(--bar-total)}
.vat-col span{font-size:9.5px; line-height:1.35; color:var(--sub); text-align:center}
.vat-col span b{color:var(--amber)}
.vat-op{align-self:center; font-size:16px; font-weight:700; color:var(--sub); padding-bottom:28px}
@media (min-width:640px){.ways{grid-template-columns:1fr 1fr}}
.tl{position:relative; padding-top:30px; margin-bottom:20px}
.tl-track{position:absolute; left:7px; right:7px; top:35px; height:4px; background:var(--track); border-radius:2px}
.tl-fill{position:absolute; inset:0; background:var(--bar-total); border-radius:2px; transform-origin:left center}
.tl-coin{position:absolute; top:-27px; left:100%; transform:translateX(-50%); font-size:11px; font-weight:700; color:#1a1205; background:var(--bar-total); border-radius:999px; padding:3px 9px; white-space:nowrap; box-shadow:0 3px 10px rgba(224,146,12,.35)}
.tl-coin::after{content:""; position:absolute; left:50%; bottom:-5px; transform:translateX(-50%); border:5px solid transparent; border-top-color:var(--bar-total); border-bottom:0}
.tl-nodes{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:6px}
.tl-nodes li{display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px}
.tl-nodes li:first-child{align-items:flex-start; text-align:left}
.tl-nodes li:last-child{align-items:flex-end; text-align:right}
.dot{display:block; width:14px; height:14px; border-radius:50%; background:var(--bar-total); box-shadow:0 0 0 3px var(--panel); margin-bottom:8px}
.tl-nodes b{font-size:12px; line-height:1.4}
.tl-nodes span{font-size:10.5px; line-height:1.45; color:var(--sub)}
.cmp{display:flex; flex-direction:column; gap:10px}
.cmp-top{display:flex; justify-content:space-between; align-items:baseline; font-size:12px; font-weight:700; gap:8px}
.cmp-top b{font-family:var(--mincho); font-size:21px; line-height:1; font-variant-numeric:tabular-nums; white-space:nowrap}
.cmp-row.hi .cmp-top b{color:var(--amber)}
.cmp-row.lo .cmp-top b{color:var(--sub)}
.cmp-track{height:12px; background:var(--track); border-radius:2px; overflow:hidden; margin-top:5px}
.cmp-track i{display:block; height:100%; width:var(--w); border-radius:2px; transform-origin:left center}
.cmp-row.hi i{background:var(--bar-total)}
.cmp-row.lo i{background:color-mix(in srgb, var(--sub) 55%, var(--track))}
.lead .fig .cmp-note{font-size:12.5px; text-align:right; margin-top:2px}
.lead .fig .cmp-note b{color:var(--amber); font-size:15px}
.vs{display:flex; flex-direction:column; gap:14px}
.vs-top{display:flex; justify-content:space-between; align-items:flex-end; gap:8px}
.vs-top > span{font-size:13px; font-weight:700; display:flex; flex-direction:column; line-height:1.35}
.vs-top small{font-size:10px; font-weight:500; color:var(--sub)}
.vs-top b{font-family:var(--mincho); font-size:22px; line-height:1; font-variant-numeric:tabular-nums; white-space:nowrap}
.vs-row.n .vs-top b{color:var(--bar-plus)}
.vs-row.s .vs-top b{color:var(--amber); font-size:27px}
.vs-track{height:18px; background:var(--track); border-radius:3px; overflow:hidden; margin-top:6px}
.vs-track i{display:block; height:100%; width:var(--w); border-radius:3px; transform-origin:left center}
.vs-row.n i{background:var(--bar-plus)}
.vs-row.s i{background:var(--bar-total)}
.vs-badge{align-self:flex-end; transform:rotate(-6deg); font-family:var(--mincho); font-weight:700; font-size:16px; color:#1a1205; background:var(--bar-total); border-radius:999px; padding:6px 14px; box-shadow:0 4px 14px rgba(224,146,12,.35); margin-top:-2px}
@keyframes riseIn{from{transform:translateY(10px); opacity:.35} to{transform:none; opacity:1}}
@keyframes sweep{from{transform:scaleX(0)} to{transform:scaleX(1)}}
@keyframes chipIn{from{transform:translateY(12px) scale(.94); opacity:.3} to{transform:none; opacity:1}}
@keyframes glint{from{transform:translateX(-130%)} to{transform:translateX(130%)}}
@keyframes coinDrop{0%{transform:translateY(-12px)} 60%{transform:translateY(2px)} 100%{transform:none}}
@keyframes hotPulse{0%{box-shadow:0 0 0 0 rgba(224,146,12,.55)} 100%{box-shadow:0 0 0 9px rgba(224,146,12,0)}}
@keyframes cutSeq{0%,22%{background:var(--bar-plus); border-color:transparent; transform:none; opacity:1}
  40%,58%{background:var(--bar-total); border-color:transparent; transform:none; opacity:1}
  78%{background:var(--bar-total); border-color:transparent; transform:translateY(9px) rotate(3deg); opacity:.15}
  79%{background:transparent; transform:none; opacity:.15}
  100%{background:transparent; border-color:var(--bar-total); transform:none; opacity:1}}
@keyframes lateIn{0%,84%{opacity:0} 100%{opacity:1}}
@keyframes retPop{from{transform:scale(.3) rotate(-120deg); opacity:.3} to{transform:none; opacity:1}}
@keyframes glow{50%{box-shadow:0 0 0 4px rgba(224,146,12,.35)}}
@keyframes stamp{from{transform:scale(1.9) rotate(-20deg); opacity:.25} to{transform:rotate(-6deg); opacity:1}}
.motion .fv.is-in .fv-eyebrow{animation:riseIn .6s ease .05s both}
.motion .fv.is-in .fv-h1{animation:riseIn .7s ease .15s both}
.motion .fv.is-in .fv-h2{animation:riseIn .7s ease .4s both}
.motion .fv.is-in .fv-h2::after{animation:sweep 1s cubic-bezier(.6,0,.2,1) .85s both}
.motion .fv.is-in .chip{animation:chipIn .6s cubic-bezier(.2,.8,.2,1) both; animation-delay:calc(1s + var(--i)*.16s)}
.motion .fv.is-in .chip::after{content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(105deg, transparent 35%, rgba(255,255,255,.24) 50%, transparent 65%); transform:translateX(-130%); animation:glint 1.1s ease both; animation-delay:calc(1.9s + var(--i)*.16s)}
.motion .fv.is-in .fv-aim{animation:riseIn .5s ease 1.6s both}
.motion .fv.is-in .fv-main2{animation:riseIn .7s ease 1.8s both}
.motion .f1 .dep-pay{transition:transform .5s cubic-bezier(.2,.8,.2,1), opacity .5s}
.motion .f1.is-pre .dep-pay{transform:scale(.9); opacity:.35}
.motion .f1.is-in .coin{animation:coinDrop .7s cubic-bezier(.3,1.6,.5,1) .15s both}
.motion .f1 .dep-arrow{transition:transform .45s ease .4s}
.motion .f1.is-pre .dep-arrow{transform:scaleX(0)}
.motion .f1 .dep-years li{transition:transform .5s cubic-bezier(.2,.8,.2,1), opacity .5s; transition-delay:calc(.65s + var(--i)*.16s)}
.motion .f1.is-pre .dep-years li{transform:translateY(8px) scale(.85); opacity:.2}
.motion .f1 .ratio-bar .ok{transition:transform 1.1s cubic-bezier(.3,.7,.1,1) 1.5s}
.motion .f1 .ratio-row.hot .ratio-bar .ok{transition-delay:1.8s; transition-duration:1.3s}
.motion .f1.is-pre .ratio-bar .ok{transform:scaleX(0)}
.motion .f1.is-in .ratio-row.hot .ratio-bar{animation:hotPulse 1.1s ease-out 3.2s 2}
.motion .f2 .way{transition:transform .5s ease, opacity .5s}
.motion .f2 .w2{transition-delay:.15s}
.motion .f2.is-pre .way{transform:translateY(10px); opacity:.35}
.motion .f2.is-in .inc-cut{animation:cutSeq 2.4s ease .35s both}
.motion .f2.is-in .inc-cut em, .motion .f2.is-in .inc-keep em{animation:lateIn 2.8s ease both}
.motion .f2.is-in .w1 .ret{animation:retPop .6s cubic-bezier(.3,1.6,.5,1) 2.75s both}
.motion .f2 .vat-bar{transition:transform .8s cubic-bezier(.3,.7,.1,1)}
.motion .f2 .vat-bar.paid{transition-delay:.5s} .motion .f2 .vat-bar.kept{transition-delay:.95s} .motion .f2 .vat-bar.back{transition-delay:1.45s; transition-duration:1s}
.motion .f2.is-pre .vat-bar{transform:scaleY(0)}
.motion .f2 .vat-op{transition:opacity .3s, transform .35s cubic-bezier(.3,1.6,.5,1)}
.motion .f2 .vat-op:nth-of-type(1){transition-delay:.85s} .motion .f2 .vat-op:nth-of-type(2){transition-delay:1.3s}
.motion .f2.is-pre .vat-op{opacity:.2; transform:scale(.5)}
.motion .f2.is-in .vat-bar.back{animation:glow 1.3s ease-in-out 2.6s 2}
.motion .f3 .tl-fill{transition:transform 2.4s cubic-bezier(.45,.05,.3,1) .25s}
.motion .f3.is-pre .tl-fill{transform:scaleX(0)}
.motion .f3 .tl-coin{transition:left 2.4s cubic-bezier(.45,.05,.3,1) .25s}
.motion .f3.is-pre .tl-coin{left:0%}
.motion .f3 .tl-nodes li{transition:opacity .45s, transform .45s; transition-delay:calc(.2s + var(--n)*1.15s)}
.motion .f3.is-pre .tl-nodes li{opacity:.25; transform:translateY(6px)}
.motion .f3 .dot{transition:transform .45s cubic-bezier(.3,1.6,.5,1); transition-delay:calc(.2s + var(--n)*1.15s)}
.motion .f3.is-pre .dot{transform:scale(.3)}
.motion .f3 .cmp-track i{transition:transform 1s cubic-bezier(.3,.7,.1,1)}
.motion .f3 .cmp-row.hi i{transition-delay:2.8s} .motion .f3 .cmp-row.lo i{transition-delay:3.1s}
.motion .f3.is-pre .cmp-track i{transform:scaleX(0)}
.motion .f3 .cmp-note{transition:opacity .4s ease 4s, transform .4s ease 4s}
.motion .f3.is-pre .cmp-note{opacity:.2; transform:translateY(4px)}
.motion .f4 .vs-track i{transition:transform 1.2s cubic-bezier(.3,.7,.1,1)}
.motion .f4 .vs-row.n i{transition-delay:.25s} .motion .f4 .vs-row.s i{transition-delay:.55s; transition-duration:1.6s}
.motion .f4.is-pre .vs-track i{transform:scaleX(0)}
.motion .f4.is-in .vs-badge{animation:stamp .55s cubic-bezier(.3,1.7,.5,1) 2.2s both}
.spk{display:flex; flex-direction:column; gap:24px}
.spk article{display:grid; grid-template-columns:62px 1fr; gap:14px}
.spk .ph{
  width:62px; height:62px; border-radius:50%; background:var(--navy-soft);
  display:block; object-fit:cover;
}
.spk .nm{font-family:var(--mincho); font-size:17px; font-weight:700; margin:0}
.spk .ti{font-size:11.5px; color:var(--sub); margin:2px 0 8px; line-height:1.6}
.spk .bio{font-size:13px; line-height:1.8; margin:0; grid-column:1/-1}
.checks{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px}
.checks li{display:grid; grid-template-columns:18px 1fr; gap:10px; font-size:14.5px; line-height:1.7}
.checks .c{color:var(--amber); font-weight:700}
.checks b{display:block; font-weight:700; color:var(--ink)}
.outline{margin:0; font-size:14px}
.outline div{display:grid; grid-template-columns:82px 1fr; gap:10px; padding:11px 0; border-bottom:1px solid var(--line)}
.outline dt{color:var(--sub); font-size:12.5px; margin:0}
.outline dd{margin:0}
.notes{font-size:11.5px; line-height:1.85; color:var(--sub)}
.notes p{margin:0 0 8px; text-indent:-1em; padding-left:1em}
.form{display:flex; flex-direction:column; gap:14px}
.form label{font-size:12.5px; font-weight:700; display:block; margin-bottom:5px}
.form .req{color:var(--amber); font-size:10.5px; margin-left:5px}
.form input,.form select{
  width:100%; font:inherit; font-size:16px; padding:11px 12px;
  border:1px solid var(--line); border-radius:3px;
  background:var(--paper); color:var(--ink);
}
.form input:focus-visible,.form select:focus-visible{outline:2px solid var(--amber); outline-offset:1px}
.done{background:var(--navy-soft); color:var(--navy); padding:16px; border-radius:3px; font-size:13.5px; line-height:1.7}
footer{background:var(--navy); color:#a8bbd0; padding:24px 16px calc(24px + 84px + env(safe-area-inset-bottom,0px)); font-size:11.5px; line-height:1.8}
footer .in{max-width:560px; margin:0 auto}
@media (min-width:640px){
  body{font-size:16px}
  h2{font-size:23px}
  section{padding-block:52px}
}
@keyframes fvDrift{from{transform:scale(1.04) translate3d(0,0,0)} to{transform:scale(1.11) translate3d(-2.4%,-1.2%,0)}}
@keyframes fvDawnIn{from{opacity:.12} to{opacity:.62}}
@keyframes fvDawn{from{opacity:.62} to{opacity:.9}}
@keyframes wfGrow{from{transform:scaleX(0)} to{transform:scaleX(1)}}
@media (prefers-reduced-motion:no-preference){
  .fv-bg{animation:fvDrift 28s ease-in-out infinite alternate}
  .fv-glow{animation:fvDawnIn 2.6s ease-out both, fvDawn 9s ease-in-out 2.6s infinite alternate}
  @supports (animation-timeline: view()){
    .wf-bar{transform-origin:left center; animation:wfGrow linear both; animation-timeline:view(); animation-range:entry 30% cover 42%}
    .wf-bar.minus{transform-origin:right center}
    div.wf-row:nth-of-type(2) .wf-bar{animation-range:entry 40% cover 48%}
    div.wf-row:nth-of-type(3) .wf-bar{animation-range:entry 50% cover 54%}
    div.wf-row:nth-of-type(4) .wf-bar{animation-range:entry 60% cover 62%}
  }
}
@media (prefers-reduced-motion:reduce){*{animation:none!important; transition:none!important}}
.fv-kv{background:#000; padding:0; border-top:0}
.fv-kv-h{margin:0}
.fv-kv picture,.fv-kv img{display:block; width:100%; height:auto}
@media (min-width:1024px){ .fv-kv img{height:auto; min-height:540px; object-fit:cover; object-position:50% 50%} }
.fv-cta{background:var(--paper); padding:16px 16px 4px}
.fv-cta .btn{max-width:560px; margin:0 auto}
.btn.btn--ds{background:#fbb302; color:#000; border-radius:0}
.btn.btn--ds:focus-visible{outline-color:var(--ink)}
html{scroll-padding-bottom:96px}
.mkt-grid{position:relative; width:100%; aspect-ratio:4/1;
  background:radial-gradient(circle closest-side, color-mix(in srgb, var(--sub) 34%, var(--panel)) 64%, transparent 72%) 0 0/2.5% 10%}
.mkt-hit{position:absolute; left:calc(var(--c) * 2.5%); top:calc(var(--r) * 10%); width:2.5%; height:10%; display:grid; place-items:center}
.mkt-hit::before{content:""; width:130%; aspect-ratio:1; border-radius:50%; background:var(--bar-total); box-shadow:0 0 0 2px var(--panel)}
.lead .fig .mkt-key{display:flex; align-items:center; gap:6px; font-size:10.5px; color:var(--sub); margin-top:8px}
.mkt-k{border-radius:50%; background:color-mix(in srgb, var(--sub) 34%, var(--panel))}
.mkt-stats{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px}
.mkt-stats > div{display:flex; flex-direction:column; gap:2px; padding:10px 12px; border-radius:6px; background:var(--paper); border:1px solid var(--line)}
.mkt-stats span{font-size:11px; font-weight:700; color:var(--sub); line-height:1.4}
.mkt-stats b{font-family:var(--mincho); font-size:23px; line-height:1.15; font-variant-numeric:tabular-nums; color:var(--ink)}
.mkt-stats .hot{border-color:var(--bar-total)}
.mkt-stats .hot b{color:var(--amber)}
.mkt-stats em{font-style:normal; font-size:11px; font-weight:700; color:var(--amber)}
.tax{display:flex; flex-direction:column; gap:12px}
.tax-row{display:flex; flex-direction:column; gap:5px}
.tax-lab{font-size:12px; font-weight:700; color:var(--ink); line-height:1.4}
.tax-bar{display:flex; height:30px}
.tax-bar i{flex:0 0 var(--w); display:flex; align-items:center; overflow:hidden}
.tax-bar .t-base{background:var(--bar-plus); border-radius:3px; padding-left:8px}
.tax-row.after .t-base{border-radius:3px 0 0 3px}
.tax-bar .t-cut{justify-content:center; border:1.5px dashed var(--bar-total); border-left:0; border-radius:0 3px 3px 0; background:color-mix(in srgb, var(--bar-total) 12%, transparent)}
.tax-bar em{font-style:normal; font-size:10.5px; font-weight:700; white-space:nowrap}
.t-base em{color:var(--paper)} .t-cut em{color:var(--amber)}
.lead .fig .tax-res{display:flex; align-items:center; gap:6px; font-size:13px; margin-top:14px}
.lead .fig .tax-res b{color:var(--amber)}
.lead .fig .tax-big{font-size:12.5px; margin-top:8px}
.lead .fig .tax-big b{font-family:var(--mincho); font-size:23px; line-height:1; color:var(--amber); font-variant-numeric:tabular-nums}
.motion .f6 .mkt-grid{transition:opacity .6s ease}
.motion .f6.is-pre .mkt-grid{opacity:.3}
.motion .f6 .mkt-hit{transition:transform .5s cubic-bezier(.3,1.6,.5,1); transition-delay:calc(.7s + var(--d) * .3s)}
.motion .f6.is-pre .mkt-hit{transform:scale(0)}
.motion .f6.is-in .mkt-hit::before{animation:hotPulse 1.1s ease-out 1.9s 2}
.motion .f6 .mkt-stats > div{transition:opacity .4s ease 1.6s, transform .4s ease 1.6s}
.motion .f6.is-pre .mkt-stats > div{opacity:.25; transform:translateY(6px)}
.motion .f7 .tax-bar i{transition:clip-path .9s cubic-bezier(.3,.7,.1,1)}
.motion .f7 .t1{transition-delay:.2s} .motion .f7 .t2{transition-delay:.8s} .motion .f7 .t-cut{transition-delay:1.5s}
.motion .f7.is-pre .tax-bar i{clip-path:inset(0 100% 0 0)}
.motion .f7 .tax-res, .motion .f7 .tax-big{transition:opacity .4s ease 2.4s}
.motion .f7.is-pre .tax-res, .motion .f7.is-pre .tax-big{opacity:.2}
.motion .f7.is-in .ret{animation:retPop .6s cubic-bezier(.3,1.6,.5,1) 2.4s both}
.lead .lh.lh-fit{font-size:min(18.5px, calc((100vw - 48px) / 19.2))}
@media (min-width:640px){.lead .lh.lh-fit{font-size:21px}}
@media (min-width:1024px){.lead .lh.lh-fit{font-size:25px}}
.sticky{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.7)}
.btn.btn--arrow{position:relative;padding-inline:44px}
.btn--arrow .arr{position:absolute;right:20px;top:50%;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg)}
@media (min-width:1024px){
  body{font-size:17px}
  .wrap{max-width:872px}
  section{padding-block:72px}
  h2{font-size:30px}
  .eyebrow{font-size:12px; margin-bottom:8px}
  .fv-cta{padding:28px 16px 8px}
  .lead p{font-size:17px; line-height:1.95; margin-bottom:20px}
  .lead .lh{font-size:25px; margin:60px 0 20px; padding-left:16px; border-left-width:4px}
  .lead .lh:first-child{margin-top:0}
  .fig{margin:12px 0 40px; padding:28px 32px 24px}
  .fig-h{font-size:16px; margin-bottom:22px}
  .fig-no{font-size:11.5px}
  .lead .fig .fig-src{font-size:11px}
  .checks{gap:16px}
  .checks li{font-size:16.5px; grid-template-columns:20px 1fr; gap:12px}
  .checks--grid{display:grid; grid-template-columns:1fr 1fr; gap:16px 40px}
  .spk{gap:44px}
  .spk article{grid-template-columns:120px 1fr; column-gap:36px; row-gap:12px; align-items:start}
  .spk .ph{width:120px; height:120px; grid-row:1 / span 2}
  .spk .nm{font-size:22px}
  .spk .ti{font-size:13.5px; margin-bottom:0}
  .spk .bio{grid-column:2; font-size:15px; line-height:1.9}
  .outline{font-size:16px}
  .outline div{grid-template-columns:140px 1fr; gap:16px; padding:16px 0}
  .outline dt{font-size:14px}
  .form{display:grid; grid-template-columns:1fr 1fr; gap:22px 24px}
  .form > .btn, .form > .notes{grid-column:1/-1}
  .form > .btn{max-width:560px; justify-self:center}
  .form label{font-size:13.5px}
  .notes{font-size:12.5px}
  footer{font-size:12.5px}
  footer .in{max-width:840px}
}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fv-kv-h{margin:0;position:relative;overflow:hidden;aspect-ratio:1640/1093;background:#000 url("https://prd-cdn-zuuonline.storage.googleapis.com/images/EVUZSnWZPkbPDHAwjzrdvvWUiGAKZIZa/40702745-c671-416f-b70d-688851356704.jpg") center/cover no-repeat}
@media (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5){.fv-kv-h{background:url("https://prd-cdn-zuuonline.storage.googleapis.com/images/cabOZuwdHbTtfRZQbchgWuOlJuwZMOQq/024c6744-e4ae-4396-9e4f-1a9121518f50.jpg") 0% 0/50.4878% 100% no-repeat,url("https://prd-cdn-zuuonline.storage.googleapis.com/images/QOxfYSDlbozFJJyQuSLYMzSDKnFutQoN/f804848c-919e-48be-8df8-1acc1e871e51.jpg") 100% 0/50.4878% 100% no-repeat;background-color:#000}}
@media (min-width:1024px){.fv-kv-h{aspect-ratio:auto;height:max(540px,calc(100vw / 3.5));background:#000}.fv-kv-h::before{content:"";position:absolute;top:0;left:50%;height:100%;aspect-ratio:3780/1080;transform:translateX(-50%);background:url("https://prd-cdn-zuuonline.storage.googleapis.com/images/parjrRrhgEtUpIdYorFezOVNemYgEorB/2da4c951-4ffc-4058-91be-7346599a2439.jpg") 0% 0/25.2116% 100% no-repeat,url("https://prd-cdn-zuuonline.storage.googleapis.com/images/OHflOHeYsnBAVmjIcVOmJELrbRiBxmKl/77b61bbb-9f10-47c7-aac6-8b8624071aa1.jpg") 33.2387% 0/25.4233% 100% no-repeat,url("https://prd-cdn-zuuonline.storage.googleapis.com/images/dWVwDQjzWrWdbUVtzZzTyoKlmCrhUpDa/2fc32286-d85d-4808-be13-7abe3c2a65d4.jpg") 66.7613% 0/25.4233% 100% no-repeat,url("https://prd-cdn-zuuonline.storage.googleapis.com/images/TQtZpNcSYsZmCXgYaWVnpAcECdhgWnkB/1afc0c2a-02ce-42ba-afa7-f916326ba853.jpg") 100% 0/25.2116% 100% no-repeat}}
.hs-target{min-height:560px;margin-top:20px}
@media (min-width:1024px){.hs-target{max-width:640px}}