.page-home{overflow-x:hidden;}

.page-home img{max-width:100%;height:auto;display:block;}

.page-home .inline-link{color:var(--teal);text-decoration:none;border-bottom:1px solid currentColor;}
.page-home .inline-link:hover{color:var(--ink);}

/* ---------- Hero ---------- */
.page-home .hero{
  position:relative;
  background:var(--ink-900);
  color:var(--on-dark-strong);
  overflow:hidden;
  padding:0 0 clamp(56px,8vw,104px);
}
.page-home .hero-grid-bg{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(41,224,194,.09) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(41,224,194,.09) 1px,transparent 1px);
  background-size:80px 80px;
  opacity:.5;
}
.page-home .hero-inner{
  position:relative;
  padding-top:clamp(36px,9vw,110px);
}
.page-home .hero-title{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(40px,9.4vw,86px);
  line-height:.98;
  letter-spacing:-.02em;
  margin:18px 0 0;
}
.page-home .hero-title em{font-style:normal;color:var(--cyan);}
.page-home .hero-lead{
  max-width:34em;
  margin:22px 0 0;
  font-size:17px;
  line-height:1.75;
  color:var(--on-dark);
}
.page-home .btn-row{margin-top:28px;}

.page-home .score-tilt{
  margin:36px 0 0;
  max-width:560px;
  display:flex;
  flex-wrap:wrap;
  background:var(--ink-800);
  border:1px solid rgba(41,224,194,.45);
  transform:rotate(-3deg);
  transform-origin:left center;
}
.page-home .tilt-cell{
  flex:1 1 33%;
  min-width:112px;
  padding:14px 16px 16px;
  border-right:1px solid rgba(41,224,194,.18);
}
.page-home .tilt-cell:last-child{border-right:0;}
.page-home .tilt-label{
  display:block;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.18em;
  color:var(--on-dark);
}
.page-home .tilt-time{
  display:block;
  margin-top:6px;
  font-family:var(--font-mono);
  font-size:22px;
  letter-spacing:-.01em;
  color:var(--cyan);
}

.page-home .hero-visual{margin-top:44px;position:relative;}
.page-home .hero-figure{
  margin:0;
  border:1px solid rgba(245,242,234,.16);
  overflow:hidden;
}
.page-home .hero-figure img{
  width:100%;
  filter:brightness(.82) saturate(.75);
}
.page-home .board-card{
  position:relative;
  margin:-64px 14px 0;
  background:var(--ink-800);
  border:1px solid var(--ink-700);
  border-top:2px solid var(--cyan);
  padding:12px;
}
.page-home .board-card img{
  width:100%;
  height:96px;
  object-fit:cover;
  filter:brightness(.9);
}
.page-home .board-card-body{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:4px 12px;
  padding:12px 6px 4px;
}
.page-home .board-kicker{
  flex:1 1 100%;
  font-size:12px;
  letter-spacing:.16em;
  font-family:var(--font-mono);
  color:var(--on-dark);
}
.page-home .board-num{
  font-family:var(--font-mono);
  font-size:30px;
  line-height:1;
  color:var(--orange);
}
.page-home .board-meta{
  font-size:12px;
  color:var(--on-dark);
}

.page-home .hero-strip{
  margin-top:clamp(44px,7vw,80px);
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  background:rgba(245,242,234,.16);
  border:1px solid rgba(245,242,234,.16);
}
.page-home .hero-strip .data-cell{
  background:var(--ink-900);
  padding:22px 18px;
}
.page-home .hero-strip .data-value{
  display:block;
  font-family:var(--font-mono);
  font-size:clamp(28px,7vw,46px);
  line-height:1;
  letter-spacing:-.02em;
  color:var(--cyan);
}
.page-home .hero-strip .data-label{
  display:block;
  margin-top:10px;
  font-size:13px;
  letter-spacing:.06em;
  color:var(--on-dark);
}
.page-home .hero-num-alt{color:var(--orange)!important;}

/* ---------- Section shells ---------- */
.page-home .section{padding:clamp(60px,9vw,118px) 0;}
.page-home .section--paper{background:var(--paper);color:var(--ink);}
.page-home .section--white{background:var(--paper-white);color:var(--ink);}
.page-home .section--dark{background:var(--ink-900);color:var(--on-dark-strong);}

.page-home .home-head{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-bottom:clamp(28px,4vw,48px);
  padding-bottom:20px;
  border-bottom:1px solid var(--line);
}
.page-home .home-title{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(26px,4.4vw,44px);
  line-height:1.14;
  letter-spacing:-.02em;
  margin:0;
  color:var(--ink);
}
.page-home .home-sub{
  margin:0;
  max-width:62ch;
  font-size:16px;
  line-height:1.75;
  color:var(--muted);
}
.page-home .on-dark .home-head{border-bottom-color:rgba(245,242,234,.18);}
.page-home .on-dark .home-title{color:var(--on-dark-strong);}
.page-home .on-dark .home-sub{color:var(--on-dark);}

/* ---------- Tabs & tags ---------- */
.page-home .tablist{
  display:flex;
  gap:6px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-bottom:1px solid var(--line);
  padding-bottom:2px;
}
.page-home .tab{
  flex:0 0 auto;
  min-height:44px;
  padding:10px 16px;
  background:transparent;
  border:0;
  border-bottom:2px solid transparent;
  font-family:var(--font-body);
  font-size:15px;
  color:var(--muted);
  cursor:pointer;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-home .tab:hover{color:var(--ink);}
.page-home .tab[aria-selected="true"]{
  color:var(--ink);
  font-weight:700;
  border-bottom-color:var(--cyan);
}
.page-home .tab-panel{padding-top:24px;}
.page-home .tab-panel:focus-visible{outline:2px solid var(--teal);outline-offset:4px;}

.page-home .classify-body{display:grid;gap:clamp(24px,4vw,40px);grid-template-columns:1fr;}
.page-home .tag-cloud{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.page-home .tag-item{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:10px 16px;
  background:var(--paper-white);
  border:1px solid var(--line);
  border-radius:2px;
  font-size:14px;
  color:var(--ink);
}
.page-home .classify-foot{margin:22px 0 0;font-size:15px;}
.page-home .classify-figure{margin:0;}
.page-home .classify-figure img{
  border:1px solid var(--line);
  filter:saturate(.85);
}
.page-home .classify-cap{
  margin-top:10px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--muted);
}

/* ---------- Panel entry ---------- */
.page-home .entry-panel{
  display:block;
  text-decoration:none;
  color:var(--on-dark-strong);
  background:var(--ink-800);
  border:1px solid rgba(41,224,194,.35);
  padding:clamp(22px,3.6vw,40px);
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-home .entry-panel:hover,
.page-home .entry-panel:focus-visible{
  background:var(--ink-700);
  border-color:var(--cyan);
}
.page-home .entry-flex{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.page-home .entry-title{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(22px,4.4vw,34px);
  letter-spacing:-.01em;
}
.page-home .entry-arrow{
  font-family:var(--font-mono);
  font-size:26px;
  color:var(--cyan);
}
.page-home .entry-modules{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  margin-top:24px;
  background:rgba(245,242,234,.14);
}
.page-home .entry-module{
  display:block;
  background:var(--ink-800);
  padding:16px 18px;
}
.page-home .entry-module-name{
  display:block;
  font-size:15px;
  font-weight:700;
  color:var(--cyan);
}
.page-home .entry-module-text{
  display:block;
  margin-top:6px;
  font-size:14px;
  line-height:1.6;
  color:var(--on-dark);
  opacity:.62;
  transition:opacity var(--dur) var(--ease);
}
.page-home .entry-panel:hover .entry-module-text,
.page-home .entry-panel:focus-visible .entry-module-text{opacity:1;}

/* ---------- Split panels ---------- */
.page-home .split-panels{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--gap);
}
.page-home .home-panel{
  border:1px solid var(--line);
  background:var(--paper-white);
  padding:clamp(20px,3vw,32px);
  border-radius:2px;
}
.page-home .panel-figure{margin:0 0 20px;border:1px solid var(--line);overflow:hidden;}
.page-home .panel-figure img{width:100%;filter:brightness(.95);}
.page-home .panel-heading{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(20px,3.2vw,26px);
  line-height:1.2;
  margin:0 0 12px;
  color:var(--ink);
}
.page-home .panel-text{
  margin:0;
  font-size:16px;
  line-height:1.75;
  color:var(--ink);
}
.page-home .panel-list{
  list-style:none;
  margin:18px 0 0;
  padding:0;
}
.page-home .panel-list li{
  position:relative;
  padding:10px 0 10px 20px;
  border-top:1px solid var(--line);
  font-size:15px;
  line-height:1.6;
  color:var(--ink);
}
.page-home .panel-list li::before{
  content:"";
  position:absolute;
  left:0;top:18px;
  width:8px;height:8px;
  background:var(--cyan);
}
.page-home .home-panel--clock{
  background:var(--ink-900);
  border-color:var(--ink-700);
  color:var(--on-dark-strong);
}
.page-home .home-panel--clock .panel-heading{color:var(--on-dark-strong);}
.page-home .home-panel--clock .panel-text{color:var(--on-dark);}
.page-home .update-list{
  list-style:none;
  margin:22px 0 0;
  padding:0;
}
.page-home .update-row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:6px 18px;
  align-items:baseline;
  padding:14px 0;
  border-top:1px solid rgba(245,242,234,.16);
}
.page-home .update-time{
  font-family:var(--font-mono);
  font-size:24px;
  line-height:1;
  color:var(--orange);
}
.page-home .update-desc{
  font-size:14px;
  line-height:1.6;
  color:var(--on-dark);
}
.page-home .panel-note{
  margin:20px 0 0;
  padding-left:14px;
  border-left:2px solid var(--cyan);
  font-size:14px;
  line-height:1.7;
  color:var(--on-dark);
}

/* ---------- Season timeline ---------- */
.page-home .season-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border-bottom:0;
  border-top:1px solid var(--line);
  padding-top:26px;
  overflow:visible;
}
.page-home .season-tab{
  position:relative;
  display:grid;
  gap:4px;
  justify-items:start;
  padding:0 8px 18px;
  min-height:44px;
  border-bottom:1px solid var(--line);
  text-align:left;
}
.page-home .season-tab::before{
  content:"";
  position:absolute;
  left:8px;
  top:-31px;
  width:9px;height:9px;
  border:1px solid var(--line);
  background:var(--paper);
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-home .season-tab[aria-selected="true"]::before{
  background:var(--cyan);
  border-color:var(--cyan);
}
.page-home .season-tab[aria-selected="true"]{border-bottom-color:var(--cyan);}
.page-home .season-year{
  font-family:var(--font-mono);
  font-size:clamp(13px,2.6vw,18px);
  letter-spacing:-.01em;
  color:var(--ink);
}
.page-home .season-note{
  font-size:12px;
  letter-spacing:.06em;
  color:var(--muted);
}
.page-home .season-panel{
  max-width:72ch;
  padding-top:26px;
}
.page-home .season-text{
  margin:0;
  font-size:17px;
  line-height:1.8;
  color:var(--ink);
}

/* ---------- Family subscription ---------- */
.page-home .family-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(26px,4vw,44px);
}
.page-home .family-lead{
  margin:0 0 16px;
  max-width:52ch;
  font-size:16px;
  line-height:1.8;
  color:var(--on-dark);
}
.page-home .family-copy .btn-row{margin-top:8px;}
.page-home .device-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid rgba(245,242,234,.18);
}
.page-home .device-row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:baseline;
  padding:18px 0;
  border-bottom:1px solid rgba(245,242,234,.18);
}
.page-home .device-num{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.16em;
  color:var(--cyan);
}
.page-home .device-name{
  display:block;
  font-size:16px;
  font-weight:700;
  color:var(--on-dark-strong);
}
.page-home .device-text{
  display:block;
  margin-top:4px;
  font-size:14px;
  color:var(--on-dark);
}

/* ---------- Verification flow ---------- */
.page-home .flow-wrap{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(26px,4vw,48px);
}
.page-home .flow-list{
  list-style:none;
  margin:0;
  padding:0;
  counter-reset:flow;
}
.page-home .flow-step{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  padding:20px 0;
  border-top:1px solid var(--line);
}
.page-home .flow-step:last-child{border-bottom:1px solid var(--line);}
.page-home .flow-num{
  font-family:var(--font-mono);
  font-size:14px;
  letter-spacing:.14em;
  color:var(--teal);
  padding-top:4px;
}
.page-home .flow-title{
  font-family:var(--font-display);
  font-weight:900;
  font-size:19px;
  margin:0 0 8px;
  color:var(--ink);
}
.page-home .flow-text{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:var(--muted);
}
.page-home .stat-rail{
  background:var(--ink-900);
  color:var(--on-dark-strong);
  padding:clamp(20px,3vw,30px);
  border-top:2px solid var(--cyan);
}
.page-home .rail-stat{
  padding:12px 0;
  border-bottom:1px solid rgba(245,242,234,.16);
}
.page-home .rail-stat:first-child{padding-top:0;}
.page-home .rail-value{
  display:block;
  font-family:var(--font-mono);
  font-size:clamp(26px,5vw,34px);
  line-height:1;
  color:var(--cyan);
}
.page-home .rail-label{
  display:block;
  margin-top:8px;
  font-size:13px;
  letter-spacing:.06em;
  color:var(--on-dark);
}
.page-home .rail-note{
  margin:18px 0 0;
  font-size:13px;
  line-height:1.75;
  color:var(--on-dark);
}

/* ---------- Next steps ---------- */
.page-home .next-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--gap);
}
.page-home .next-card{
  display:grid;
  gap:8px;
  padding:24px 22px 22px;
  background:var(--paper-white);
  border:1px solid var(--line);
  border-left:3px solid var(--cyan);
  text-decoration:none;
  color:var(--ink);
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.page-home .next-card:hover,
.page-home .next-card:focus-visible{
  border-left-color:var(--orange);
  transform:translateY(-2px);
}
.page-home .next-kicker{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.18em;
  color:var(--teal);
}
.page-home .next-title{
  font-family:var(--font-display);
  font-weight:900;
  font-size:22px;
}
.page-home .next-text{
  font-size:15px;
  line-height:1.7;
  color:var(--muted);
}
.page-home .next-arrow{
  font-family:var(--font-mono);
  font-size:18px;
  color:var(--ink);
}
.page-home .next-foot{
  margin:28px 0 0;
  font-size:14px;
  line-height:1.8;
  color:var(--muted);
}

/* ---------- Responsive ---------- */
@media (min-width:720px){
  .page-home .hero-strip{grid-template-columns:repeat(3,1fr);}
  .page-home .entry-modules{grid-template-columns:repeat(2,1fr);}
  .page-home .next-grid{grid-template-columns:repeat(3,1fr);}
}

@media (min-width:900px){
  .page-home .hero-inner{
    display:grid;
    grid-template-columns:repeat(12,1fr);
    gap:var(--gap);
    align-items:start;
  }
  .page-home .hero-copy{grid-column:1 / span 7;}
  .page-home .hero-visual{grid-column:8 / span 5;margin-top:8px;}
  .page-home .hero-strip{grid-column:1 / -1;}
  .page-home .board-card{margin:-72px 0 0 -30px;max-width:300px;}
  .page-home .board-card img{height:110px;}

  .page-home .home-head{
    grid-template-columns:auto minmax(0,1fr);
    column-gap:28px;
    row-gap:8px;
    align-items:start;
  }
  .page-home .home-head .section-num{grid-row:1 / span 2;padding-top:6px;}
  .page-home .home-title{grid-column:2;}
  .page-home .home-sub{grid-column:2;}

  .page-home .classify-body{grid-template-columns:minmax(0,1fr) 320px;}
  .page-home .entry-modules{grid-template-columns:repeat(4,1fr);}
  .page-home .split-panels{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);}
  .page-home .family-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;}
  .page-home .flow-wrap{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;}
  .page-home .season-note{font-size:13px;}
}

@media (min-width:1100px){
  .page-home .hero-title{font-size:clamp(56px,7vw,86px);}
  .page-home .score-tilt{margin-top:44px;}
}

@media (prefers-reduced-motion:reduce){
  .page-home .score-tilt{transform:none;}
  .page-home .next-card:hover,
  .page-home .next-card:focus-visible{transform:none;}
}
<<<END>>>