.page-home{
  --home-gap:clamp(16px,2.6vw,28px);
  --home-pad:clamp(48px,7vw,96px);
  background:var(--ink);
  color:var(--paper);
  font-family:var(--font-sans);
  overflow-x:hidden;
}
.page-home h1,
.page-home h2,
.page-home p,
.page-home ul,
.page-home ol,
.page-home figure{
  margin:0;
}
.page-home ul,
.page-home ol{
  list-style:none;
  padding:0;
}
.page-home .eyebrow{
  font-size:var(--fs-micro);
  letter-spacing:.18em;
  color:var(--cyan);
  margin-bottom:12px;
}
.page-home .home-hero h1,
.page-home .season h2,
.page-home .mirror h2,
.page-home .push h2,
.page-home .push h2,
.page-home .stats h2{
  font-family:var(--font-serif);
  font-weight:800;
  letter-spacing:-.01em;
  line-height:1.1;
}
.page-home .home-hero{
  position:relative;
  padding:clamp(24px,4vw,52px) 0 clamp(36px,5vw,64px);
  background:
    radial-gradient(90% 70% at 88% -12%, rgba(14,124,147,.42), transparent 62%),
    radial-gradient(70% 60% at -8% 108%, rgba(200,16,46,.22), transparent 70%),
    var(--ink);
  isolation:isolate;
}
.page-home .home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    repeating-linear-gradient(90deg, rgba(244,246,248,.06) 0 1px, transparent 1px 96px),
    repeating-linear-gradient(0deg, rgba(244,246,248,.05) 0 1px, transparent 1px 96px);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.4) 72%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.4) 72%,transparent 100%);
}
.page-home .hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:var(--fs-micro);
  letter-spacing:.16em;
  color:var(--muted);
  margin-bottom:clamp(16px,2.4vw,26px);
}
.page-home .kicker-dot{
  width:8px;
  height:8px;
  background:var(--cyan);
  box-shadow:0 0 0 4px var(--cyan-soft);
  flex:none;
}
.page-home .hero-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--home-gap);
}
.page-home .hero-lead h1{
  font-size:var(--fs-display);
  margin-bottom:clamp(14px,2vw,22px);
}
.page-home .hero-lede{
  font-size:var(--fs-body);
  line-height:1.75;
  color:var(--paper);
  opacity:.86;
  max-width:36em;
}
.page-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(18px,2.4vw,26px);
}
.page-home .hero-note{
  margin-top:14px;
  font-size:var(--fs-micro);
  letter-spacing:.04em;
  color:var(--muted);
}
.page-home .hero-visual{
  position:relative;
  border:1px solid var(--hair);
  background:var(--panel-deep);
  box-shadow:var(--shadow-sm);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);
  overflow:hidden;
}
.page-home .hero-visual img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}
.page-home .hero-visual figcaption{
  padding:10px 14px 14px;
  font-size:var(--fs-micro);
  color:var(--muted);
  letter-spacing:.03em;
}
.page-home .verify-card{
  position:relative;
  padding:clamp(20px,3vw,32px);
  background:linear-gradient(165deg,var(--panel) 0%,var(--panel-deep) 100%);
  border:1px solid var(--hair);
  box-shadow:var(--shadow-sm);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease);
}
.page-home .verify-card:not(:has(input[type="checkbox"]:not(:checked))){
  border-color:var(--cyan);
  box-shadow:0 0 0 1px rgba(34,211,238,.45), var(--shadow-sm);
}
.page-home .verify-eyebrow{
  font-size:var(--fs-micro);
  letter-spacing:.16em;
  color:var(--cyan);
  margin-bottom:8px;
}
.page-home .verify-title{
  font-size:var(--fs-h3);
  font-weight:800;
  letter-spacing:.01em;
  margin-bottom:18px;
}
.page-home .verify-list{
  display:grid;
  gap:14px;
}
.page-home .check{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  cursor:pointer;
  font-size:var(--fs-small);
  line-height:1.7;
  color:rgba(244,246,248,.82);
}
.page-home .check input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.page-home .check-box{
  position:relative;
  width:20px;
  height:20px;
  margin-top:2px;
  border:1px solid var(--hair-strong);
  background:rgba(7,9,11,.5);
  flex:none;
}
.page-home .check input:checked + .check-box{
  background:var(--lime);
  border-color:var(--lime);
}
.page-home .check input:checked + .check-box::after{
  content:"";
  position:absolute;
  left:6px;
  top:2px;
  width:6px;
  height:11px;
  border-right:2px solid var(--black);
  border-bottom:2px solid var(--black);
  transform:rotate(40deg);
}
.page-home .check input:focus-visible + .check-box{
  outline:2px solid var(--cyan);
  outline-offset:2px;
}
.page-home .check-body strong{
  display:block;
  color:var(--paper);
  font-weight:700;
  letter-spacing:.02em;
}
.page-home .verify-more{
  display:inline-block;
  margin-top:18px;
  color:var(--cyan);
  font-size:var(--fs-small);
  text-decoration:none;
  border-bottom:1px solid rgba(34,211,238,.4);
  padding-bottom:2px;
}
.page-home .verify-more:hover{
  color:var(--paper);
  border-bottom-color:var(--paper);
}
.page-home .fixture-panel{
  padding:clamp(20px,3vw,32px);
  background:
    linear-gradient(200deg, rgba(14,124,147,.3), rgba(26,31,36,.92) 58%),
    var(--panel);
  border:1px solid var(--hair);
  box-shadow:var(--shadow-sm);
}
.page-home .fixture-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding-bottom:14px;
  border-bottom:1px solid var(--hair);
}
.page-home .fixture-head h2{
  font-size:var(--fs-h3);
  font-weight:800;
  letter-spacing:.02em;
}
.page-home .fixture-all{
  font-size:var(--fs-micro);
  letter-spacing:.08em;
  color:var(--cyan);
  text-decoration:none;
}
.page-home .fixture-all:hover{
  color:var(--paper);
}
.page-home .fixture-list li{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 16px;
  padding:14px 0;
  border-bottom:1px solid var(--hair);
}
.page-home .fx-day{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:var(--fs-small);
  color:rgba(244,246,248,.86);
  flex:1 1 200px;
}
.page-home .fx-score{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:1.35rem;
  font-weight:700;
  color:var(--lime);
  letter-spacing:.04em;
}
.page-home .fx-state{
  font-size:var(--fs-micro);
  color:var(--muted);
  letter-spacing:.04em;
}
.page-home .fixture-flash{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:18px;
  padding:10px 16px;
  font-size:var(--fs-small);
  color:var(--paper);
  text-decoration:none;
  background:rgba(7,9,11,.55);
  border:1px solid var(--hair-strong);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  transition:transform .18s var(--ease),border-color .18s var(--ease);
}
.page-home .fixture-flash:hover,
.page-home .fixture-flash:focus-visible{
  transform:translateY(-4px);
  border-color:var(--cyan);
}
.page-home .flash-dot{
  width:7px;
  height:7px;
  background:var(--lime);
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(232,255,58,.16);
  flex:none;
}
.page-home .slant-divider{
  height:clamp(26px,4.5vw,52px);
  background:linear-gradient(90deg,var(--red-deep),var(--red) 48%,var(--red-deep));
  clip-path:polygon(0 42%,100% 0,100% 58%,0 100%);
}
.page-home .season{
  padding:var(--home-pad) 0;
  background:var(--ink);
}
.page-home .season-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(26px,4vw,52px);
}
.page-home .season h2,
.page-home .mirror h2,
.page-home .push h2,
.page-home .stats h2{
  font-size:var(--fs-h1);
  margin-bottom:14px;
}
.page-home .season-text,
.page-home .mirror-text,
.page-home .push-text,
.page-home .stats-text{
  font-size:var(--fs-body);
  line-height:1.75;
  color:rgba(244,246,248,.8);
  max-width:36em;
}
.page-home .season-figure{
  margin-top:clamp(20px,3vw,30px);
  border:1px solid var(--hair);
  background:var(--panel-deep);
  overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% 100%,26px 100%,0 calc(100% - 26px));
}
.page-home .season-figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
}
.page-home .figure__caption{
  padding:10px 14px 14px;
  font-size:var(--fs-micro);
  color:var(--muted);
  letter-spacing:.04em;
}
.page-home .season-track{
  position:relative;
  padding-left:32px;
}
.page-home .season-track::before{
  content:"";
  position:absolute;
  left:7px;
  top:8px;
  bottom:8px;
  width:1px;
  background:linear-gradient(180deg,var(--cyan),rgba(34,211,238,.18) 65%,transparent 100%);
}
.page-home .tl{
  position:relative;
  padding:0 0 clamp(20px,3vw,28px);
}
.page-home .tl::before{
  content:"";
  position:absolute;
  left:-32px;
  top:4px;
  width:15px;
  height:15px;
  border-radius:50%;
  border:1px solid var(--cyan);
  background:var(--ink);
  box-shadow:0 0 0 4px rgba(34,211,238,.12);
}
.page-home .tl-day{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-size:var(--fs-small);
  letter-spacing:.04em;
  color:var(--paper);
  margin-bottom:6px;
}
.page-home .tl-row{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px 14px;
}
.page-home .tl-score{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:1.25rem;
  font-weight:700;
  color:var(--lime);
  letter-spacing:.05em;
}
.page-home .tl-state{
  font-size:var(--fs-micro);
  color:var(--muted);
  letter-spacing:.04em;
}
.page-home .mirror{
  padding:var(--home-pad) 0;
  background:linear-gradient(180deg,var(--ink) 0%,var(--panel-deep) 45%,var(--ink) 100%);
}
.page-home .mirror-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  margin-top:clamp(22px,3vw,32px);
  background:var(--hair);
  border:1px solid var(--hair);
}
.page-home .mirror-col{
  background:var(--panel);
  padding:clamp(18px,2.6vw,28px);
}
.page-home .mirror-col--new{
  background:linear-gradient(160deg,rgba(14,124,147,.24),var(--panel) 62%);
}
.page-home .mirror-head{
  font-size:var(--fs-micro);
  letter-spacing:.18em;
  color:var(--muted);
  font-weight:600;
  padding-bottom:12px;
  border-bottom:1px solid var(--hair);
}
.page-home .mirror-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:48px;
  padding:10px 0;
  border-bottom:1px solid var(--hair);
  font-size:var(--fs-small);
  color:var(--paper);
  transition:background .18s var(--ease);
}
.page-home .mirror-row:last-child{
  border-bottom:0;
}
.page-home .mirror-row:hover{
  background:rgba(34,211,238,.07);
}
.page-home .mirror-tag{
  font-family:var(--font-mono);
  font-size:var(--fs-micro);
  color:var(--cyan);
  letter-spacing:.06em;
}
.page-home .mirror-foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:clamp(18px,2.6vw,26px);
}
.page-home .mirror-foot .note{
  flex:1 1 320px;
  font-size:var(--fs-micro);
  color:var(--muted);
  letter-spacing:.04em;
  line-height:1.7;
}
.page-home .ticker-band{
  position:relative;
  padding:clamp(34px,5vw,60px) 0 clamp(30px,4vw,44px);
  background:var(--panel-deep);
  border-top:1px solid var(--hair);
  border-bottom:1px solid var(--hair);
  overflow:hidden;
}
.page-home .ticker-band__bg{
  position:absolute;
  inset:0;
  opacity:.16;
  pointer-events:none;
}
.page-home .ticker-band__bg img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-home .ticker-band__head{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:clamp(16px,2.4vw,24px);
}
.page-home .ticker-band__head h2{
  font-size:var(--fs-h3);
  font-weight:800;
  letter-spacing:.02em;
}
.page-home .ticker-more{
  font-size:var(--fs-micro);
  letter-spacing:.08em;
  color:var(--cyan);
  text-decoration:none;
}
.page-home .ticker-more:hover{
  color:var(--paper);
}
.page-home .ticker{
  position:relative;
  overflow:hidden;
}
.page-home .ticker__track{
  display:flex;
  width:max-content;
  animation:home-ticker 40s linear infinite;
}
.page-home .ticker:hover .ticker__track,
.page-home .ticker:focus-within .ticker__track{
  animation-play-state:paused;
}
.page-home .ticker__item{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-right:14px;
  padding:12px 18px;
  white-space:nowrap;
  font-size:var(--fs-small);
  color:var(--paper);
  text-decoration:none;
  background:rgba(26,31,36,.92);
  border:1px solid var(--hair);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  transition:border-color .18s var(--ease),transform .18s var(--ease);
}
.page-home .ticker__item:hover,
.page-home .ticker__item:focus-visible{
  border-color:var(--cyan);
  transform:translateY(-3px);
}
.page-home .ticker__item:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:2px;
}
@keyframes home-ticker{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
.page-home .ticker-note{
  position:relative;
  margin-top:18px;
  font-size:var(--fs-micro);
  letter-spacing:.04em;
  color:var(--muted);
}
.page-home .push{
  padding:var(--home-pad) 0;
  background:var(--ink);
}
.page-home .push-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(26px,4vw,48px);
  align-items:start;
}
.page-home .flow{
  margin-top:clamp(20px,3vw,28px);
  border-top:1px solid var(--hair);
  border-bottom:1px solid var(--hair);
}
.page-home .flow li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  padding:clamp(16px,2.4vw,22px) 0;
  border-bottom:1px solid var(--hair);
  font-size:var(--fs-small);
  line-height:1.75;
  color:rgba(244,246,248,.8);
}
.page-home .flow li:last-child{
  border-bottom:0;
}
.page-home .flow-num{
  font-family:var(--font-mono);
  font-size:1.35rem;
  font-weight:700;
  color:var(--cyan);
  letter-spacing:.04em;
  line-height:1.2;
}
.page-home .flow strong{
  display:block;
  color:var(--paper);
  letter-spacing:.04em;
  margin-bottom:4px;
}
.page-home .push-figure{
  border:1px solid var(--hair);
  background:
    linear-gradient(160deg, rgba(14,124,147,.22), rgba(26,31,36,.9) 60%),
    var(--panel-deep);
  overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);
}
.page-home .push-figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  object-fit:cover;
}
.page-home .stats{
  padding:var(--home-pad) 0;
  background:linear-gradient(180deg,var(--ink) 0%,var(--panel-deep) 100%);
}
.page-home .stats-head{
  max-width:44em;
  margin-bottom:clamp(24px,3.4vw,36px);
}
.page-home .stats-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:var(--hair);
  border:1px solid var(--hair);
}
.page-home .stat{
  background:rgba(26,31,36,.86);
  padding:clamp(18px,2.6vw,28px);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.page-home .stat-num{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(1.7rem,1.2rem + 1.6vw,2.5rem);
  font-weight:700;
  line-height:1;
  color:var(--paper);
  letter-spacing:.02em;
}
.page-home .stat:nth-child(2) .stat-num,
.page-home .stat:nth-child(4) .stat-num{
  color:var(--lime);
}
.page-home .stat-label{
  font-size:var(--fs-micro);
  line-height:1.7;
  letter-spacing:.04em;
  color:var(--muted);
}
.page-home .stats-note{
  margin-top:16px;
  font-size:var(--fs-micro);
  letter-spacing:.04em;
  color:var(--muted);
}
.page-home .next-steps{
  padding:clamp(36px,5vw,64px) 0 clamp(48px,7vw,88px);
  background:var(--ink);
}
.page-home .next-steps h2{
  font-size:var(--fs-h3);
  font-weight:800;
  letter-spacing:.02em;
  margin-bottom:clamp(16px,2.4vw,24px);
}
.page-home .next-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.page-home .next-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  font-size:var(--fs-small);
  color:var(--paper);
  text-decoration:none;
  background:var(--panel);
  border:1px solid var(--hair);
  transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease);
}
.page-home .next-link:hover,
.page-home .next-link:focus-visible{
  transform:translateY(-4px);
  border-color:var(--cyan);
  box-shadow:var(--shadow-sm);
}
.page-home .next-link:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:2px;
}
.page-home .next-arrow{
  color:var(--cyan);
  font-family:var(--font-mono);
}
@media (min-width:760px){
  .page-home .mirror-grid{grid-template-columns:1fr 1fr;}
  .page-home .stats-grid{grid-template-columns:repeat(4,1fr);}
  .page-home .next-grid{grid-template-columns:repeat(2,1fr);}
}
@media (min-width:900px){
  .page-home .hero-grid{grid-template-columns:repeat(12,1fr);align-items:start;}
  .page-home .hero-lead{grid-column:1 / span 7;}
  .page-home .hero-visual{grid-column:8 / span 5;margin-top:6px;}
  .page-home .verify-card{grid-column:1 / span 5;}
  .page-home .fixture-panel{grid-column:6 / span 7;}
  .page-home .season-grid{grid-template-columns:5fr 7fr;}
  .page-home .push-grid{grid-template-columns:7fr 5fr;}
  .page-home .next-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:520px){
  .page-home .fx-day{flex:1 1 100%;}
  .page-home .flow-num{font-size:1.1rem;}
  .page-home .ticker__item{white-space:normal;max-width:78vw;}
}
@media (prefers-reduced-motion:reduce){
  .page-home .ticker__track{animation:none;}
  .page-home .ticker{overflow-x:auto;}
  .page-home .next-link,
  .page-home .ticker__item,
  .page-home .fixture-flash{transition:none;}
}
</main>
