.page-home{overflow-x:hidden}
.page-home .home-container{
  width:min(var(--container),100%);
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--pad);
  padding-right:var(--pad)
}
.page-home .section-kicker{
  color:var(--orange-400);
  font-weight:700;
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 10px
}
.page-home .section-kicker::before{
  content:"";
  width:22px;
  height:2px;
  background:var(--green-400);
  flex-shrink:0
}
.page-home .section-heading h2,
.page-home .records-heading h2,
.page-home .split-heading h2{
  font-family:var(--font-display);
  font-size:clamp(32px,4.5vw,64px);
  line-height:1.02;
  letter-spacing:-.01em;
  margin:0 0 14px;
  color:inherit
}
.page-home .section-lede{
  font-family:var(--font-serif);
  font-size:17px;
  line-height:1.75;
  color:var(--muted-600);
  max-width:44em;
  margin:0
}
.page-home .text-link{
  color:var(--orange-400);
  text-decoration:underline;
  text-underline-offset:4px;
  text-decoration-thickness:1px;
  font-weight:600;
  font-size:14px;
  display:inline-block;
  margin-top:14px
}
.page-home .text-link:hover{
  color:var(--orange-500);
  text-decoration-thickness:2px
}
.page-home .desktop-preview,
.page-home .records-section,
.page-home .split-section,
.page-home .report-section{
  padding:clamp(56px,8vw,104px) 0
}
.page-home .section-heading,
.page-home .records-heading,
.page-home .split-heading{
  margin-bottom:clamp(32px,5vw,56px)
}
.page-home .hero-zone{
  position:relative;
  background:var(--navy-900);
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:56px 56px;
  color:var(--surface);
  padding-top:clamp(56px,8vw,112px);
  padding-bottom:clamp(48px,7vw,88px)
}
.page-home .hero-bg{
  position:absolute;
  inset:0;
  overflow:hidden;
  z-index:0
}
.page-home .hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(10,31,68,.92) 0%,rgba(10,31,68,.68) 48%,rgba(10,31,68,.3) 100%),
    linear-gradient(135deg,rgba(18,42,94,.85) 0%,transparent 62%)
}
.page-home .hero-bg-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}
.page-home .hero-layout{
  position:relative;
  z-index:1;
  width:min(var(--container),100%);
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--pad);
  padding-right:var(--pad);
  display:grid;
  gap:16px;
  align-items:stretch
}
.page-home .page-context{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.62);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  padding:6px 12px;
  margin:0 0 14px
}
.page-home .page-context::before{
  content:"";
  width:6px;
  height:6px;
  background:var(--green-400);
  display:inline-block
}
.page-home .hero-masthead{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  background:rgba(18,42,94,.64);
  border-left:5px solid var(--orange-400);
  padding:clamp(20px,4vw,48px);
  min-height:280px
}
.page-home .hero-masthead h1{
  font-family:var(--font-display);
  font-size:clamp(44px,6.5vw,92px);
  line-height:.95;
  letter-spacing:-.02em;
  margin:6px 0 16px;
  color:var(--surface);
  font-weight:700
}
.page-home .hero-lead{
  font-size:16px;
  line-height:1.75;
  color:rgba(255,255,255,.82);
  max-width:42em;
  margin:0 0 20px
}
.page-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:20px
}
.page-home .hero-actions .btn-ghost{
  border-color:rgba(255,255,255,.72);
  color:var(--surface)
}
.page-home .hero-actions .btn-ghost:hover{
  background:rgba(255,255,255,.1)
}
.page-home .hero-trust{
  font-size:14px;
  color:rgba(255,255,255,.62);
  margin:0 0 16px
}
.page-home .hero-masthead .text-link{
  color:var(--green-400)
}
.page-home .hero-masthead .text-link:hover{
  color:var(--surface)
}
.page-home .focus-match{
  background:
    linear-gradient(135deg,rgba(255,107,53,.12) 0%,transparent 46%),
    var(--navy-700);
  border:1px solid rgba(255,255,255,.12);
  padding:clamp(24px,4.5vw,52px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:24px;
  outline:none;
  transition:border-color var(--transition),box-shadow var(--transition)
}
.page-home .focus-match:hover,
.page-home .focus-match:focus-within{
  border-color:var(--green-400);
  box-shadow:inset 0 0 0 1px rgba(57,255,20,.3),0 12px 40px rgba(10,31,68,.35)
}
.page-home .match-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap
}
.page-home .match-status{
  font-family:var(--font-mono);
  font-size:13px;
  color:rgba(255,255,255,.64);
  letter-spacing:.08em
}
.page-home .scoreline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px
}
.page-home .team-col{
  text-align:center;
  flex:1;
  min-width:0
}
.page-home .team-name{
  font-family:var(--font-display);
  font-size:clamp(24px,3vw,40px);
  font-weight:700;
  color:var(--surface);
  display:block;
  line-height:1.1
}
.page-home .team-venue{
  font-size:13px;
  color:rgba(255,255,255,.58);
  display:block;
  margin-top:6px
}
.page-home .score-col{
  flex-shrink:0
}
.page-home .score-big{
  display:flex;
  align-items:center;
  gap:6px;
  font-family:var(--font-mono);
  font-size:clamp(48px,6vw,88px);
  color:var(--orange-400);
  line-height:1
}
.page-home .match-hover-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  max-height:0;
  overflow:hidden;
  opacity:0;
  padding-top:0;
  border-top:1px solid transparent;
  transition:max-height 320ms ease,padding-top 320ms ease,opacity 260ms ease,border-color 260ms ease
}
.page-home .focus-match:hover .match-hover-stats,
.page-home .focus-match:focus-within .match-hover-stats{
  max-height:140px;
  opacity:1;
  padding-top:18px;
  border-top-color:rgba(255,255,255,.16)
}
.page-home .stat-pair{
  background:rgba(10,31,68,.5);
  border-left:3px solid var(--green-400);
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  gap:4px
}
.page-home .stat-label{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:rgba(255,255,255,.62)
}
.page-home .stat-pair .data-number{
  font-size:18px;
  color:var(--surface)
}
.page-home .hero-stats,
.page-home .hero-round,
.page-home .hero-mini-schedule{
  background:var(--navy-700);
  border-top:4px solid var(--orange-400);
  padding:20px 22px;
  margin:0
}
.page-home .hero-round{
  border-top-color:var(--green-400)
}
.page-home .hero-stats h2{
  font-family:var(--font-display);
  font-size:38px;
  margin:2px 0 8px;
  line-height:1
}
.page-home .hero-stats .muted,
.page-home .hero-round .muted,
.page-home .hero-mini-schedule .muted{
  color:rgba(255,255,255,.6);
  font-size:13px
}
.page-home .round-num{
  font-family:var(--font-display);
  font-size:44px;
  line-height:1;
  margin:10px 0 12px;
  color:var(--surface)
}
.page-home .round-num .data-number{
  color:var(--green-400)
}
.page-home .round-ok{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  font-weight:600;
  color:var(--green-400);
  margin:0 0 4px
}
.page-home .mini-schedule-head{
  width:100%;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
  font:inherit;
  color:inherit;
  text-align:left
}
.page-home .mini-schedule-label{
  font-family:var(--font-display);
  font-size:20px;
  letter-spacing:.02em;
  color:var(--surface)
}
.page-home .mini-schedule-note{
  font-size:12px
}
.page-home .mini-match-list{
  list-style:none;
  margin:14px 0 0;
  padding:0;
  display:grid;
  gap:8px
}
.page-home .mini-match{
  display:grid;
  grid-template-columns:1fr auto 1fr auto;
  align-items:center;
  gap:8px;
  background:rgba(10,31,68,.5);
  border:1px solid rgba(255,255,255,.08);
  padding:10px 12px;
  font-size:14px
}
.page-home .mini-team{
  font-weight:600;
  color:rgba(255,255,255,.88)
}
.page-home .mini-match .mini-team:nth-of-type(2){
  text-align:right
}
.page-home .mini-score{
  font-family:var(--font-mono);
  font-size:16px;
  color:var(--orange-400);
  font-weight:700
}
.page-home .mini-match .tag,
.page-home .mini-match .tag-live{
  font-size:11px;
  padding:3px 6px
}
.page-home .desktop-preview{
  background:var(--light-100)
}
.page-home .desktop-preview .section-heading h2{
  color:var(--navy-900)
}
.page-home .features-grid{
  display:grid;
  gap:16px;
  grid-template-columns:1fr
}
.page-home .feature-card{
  position:relative;
  background:var(--surface);
  border-top:5px solid var(--navy-900);
  box-shadow:var(--shadow-card);
  padding:26px 24px;
  display:flex;
  flex-direction:column;
  gap:10px;
  transition:transform var(--transition),box-shadow var(--transition)
}
.page-home .feature-card::before{
  content:"";
  position:absolute;
  top:22px;
  right:-1px;
  width:22px;
  height:2px;
  background:var(--green-400)
}
.page-home .feature-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lift)
}
.page-home .feature-index{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.1em;
  color:var(--orange-400)
}
.page-home .feature-card h3{
  font-size:20px;
  font-weight:700;
  color:var(--navy-900);
  margin:0
}
.page-home .feature-card p{
  font-size:14px;
  line-height:1.7;
  color:var(--muted-600);
  margin:0
}
.page-home .records-section{
  background:var(--navy-900);
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:40px 40px;
  color:var(--surface)
}
.page-home .records-section .section-lede{
  color:rgba(255,255,255,.72)
}
.page-home .records-grid{
  display:grid;
  gap:24px
}
.page-home .shots-card,
.page-home .rounds-card{
  background:var(--navy-700);
  border-top:5px solid var(--green-400);
  overflow:hidden;
  display:flex;
  flex-direction:column
}
.page-home .rounds-card{
  border-top-color:var(--orange-400)
}
.page-home .records-img{
  aspect-ratio:4/3;
  overflow:hidden;
  background:var(--navy-900)
}
.page-home .rounds-card .records-img{
  aspect-ratio:3/2
}
.page-home .records-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform 400ms ease
}
.page-home .shots-card:hover .records-img img,
.page-home .rounds-card:hover .records-img img{
  transform:scale(1.04)
}
.page-home .records-body{
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1
}
.page-home .records-body h3{
  font-family:var(--font-display);
  font-size:30px;
  margin:0
}
.page-home .records-body > p{
  font-size:14px;
  line-height:1.7;
  color:rgba(255,255,255,.72);
  margin:0
}
.page-home .records-body .muted{
  color:rgba(255,255,255,.58)
}
.page-home .metrics-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:6px
}
.page-home .metrics-list li{
  display:flex;
  align-items:center;
  gap:10px;
  padding:6px 0;
  color:rgba(255,255,255,.86);
  font-size:14px;
  line-height:1.5
}
.page-home .metric-dot{
  width:8px;
  height:8px;
  background:var(--green-400);
  display:inline-block;
  flex-shrink:0
}
.page-home .rounds-tabs{
  display:flex;
  gap:8px;
  margin-top:4px
}
.page-home .rounds-tab{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.2);
  color:var(--surface);
  padding:8px 16px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background var(--transition),border-color var(--transition),color var(--transition)
}
.page-home .rounds-tab:hover,
.page-home .rounds-tab[aria-expanded="true"]{
  background:var(--green-400);
  border-color:var(--green-400);
  color:var(--navy-900)
}
.page-home .rounds-panel + .rounds-panel{
  border-top:1px solid rgba(255,255,255,.1)
}
.page-home .rounds-scroll{
  overflow-x:auto;
  margin-top:14px
}
.page-home .rounds-table{
  width:100%;
  min-width:480px;
  border-collapse:collapse;
  font-size:13px
}
.page-home .rounds-table th,
.page-home .rounds-table td{
  border:1px solid rgba(255,255,255,.14);
  padding:10px 12px;
  text-align:center
}
.page-home .rounds-table th{
  background:rgba(255,255,255,.08);
  color:var(--green-400);
  font-weight:600;
  letter-spacing:.08em;
  font-size:12px;
  text-transform:uppercase
}
.page-home .rounds-table td{
  color:rgba(255,255,255,.86)
}
.page-home .rounds-table td:first-child{
  font-family:var(--font-mono);
  color:var(--green-400)
}
.page-home .rounds-table td:last-child{
  font-family:var(--font-mono);
  color:var(--orange-400);
  font-weight:700
}
.page-home .split-section{
  background:var(--surface)
}
.page-home .split-section .section-lede{
  color:var(--muted-600)
}
.page-home .split-grid{
  display:grid;
  gap:24px
}
.page-home .transfer-box{
  background:var(--navy-900);
  color:var(--surface);
  overflow:hidden;
  display:flex;
  flex-direction:column
}
.page-home .transfer-img{
  aspect-ratio:2/3;
  overflow:hidden;
  background:var(--navy-700)
}
.page-home .transfer-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform 400ms ease
}
.page-home .transfer-box:hover .transfer-img img{
  transform:scale(1.03)
}
.page-home .transfer-inner{
  padding:26px 24px;
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px
}
.page-home .transfer-inner h3{
  font-family:var(--font-display);
  font-size:32px;
  margin:0
}
.page-home .transfer-inner p{
  font-size:14px;
  line-height:1.75;
  color:rgba(255,255,255,.72);
  margin:0 0 6px
}
.page-home .help-box{
  border:2px solid var(--navy-900);
  background:var(--light-100);
  display:flex;
  align-items:center;
  padding:28px 24px
}
.page-home .help-inner{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px
}
.page-home .help-count{
  font-family:var(--font-display);
  font-size:clamp(64px,8vw,96px);
  line-height:1;
  color:var(--orange-400)
}
.page-home .help-inner h3{
  font-family:var(--font-display);
  font-size:28px;
  color:var(--navy-900);
  margin:0
}
.page-home .help-inner p{
  font-size:14px;
  line-height:1.75;
  color:var(--muted-600);
  margin:0
}
.page-home .help-contact-note{
  padding-top:8px;
  border-top:1px dashed var(--line)
}
.page-home .help-contact-note .text-link{
  margin-top:0;
  color:var(--orange-500)
}
.page-home .report-section{
  background:var(--light-100)
}
.page-home .report-section .section-heading h2{
  color:var(--navy-900)
}
.page-home .report-list{
  display:grid;
  gap:14px
}
.page-home .report-item{
  background:var(--surface);
  border-left:5px solid var(--navy-900);
  box-shadow:var(--shadow-card);
  transition:border-color var(--transition),box-shadow var(--transition)
}
.page-home .report-item[data-open]{
  border-left-color:var(--orange-400)
}
.page-home .report-item:hover{
  box-shadow:var(--shadow-lift)
}
.page-home .report-headline{
  width:100%;
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:18px 20px;
  background:none;
  border:0;
  text-align:left;
  cursor:pointer;
  font:inherit
}
.page-home .report-text{
  font-size:16px;
  font-weight:600;
  line-height:1.6;
  color:var(--ink-900);
  flex:1
}
.page-home .report-headline .tag{
  flex-shrink:0;
  margin-top:2px
}
.page-home .report-detail{
  border-top:1px solid var(--line);
  margin:0;
  padding:14px 20px 20px
}
.page-home .report-detail p{
  font-size:14px;
  line-height:1.7;
  color:var(--muted-600);
  margin:0
}
@media (min-width:768px){
  .page-home .hero-layout{
    gap:20px
  }
  .page-home .features-grid{
    grid-template-columns:repeat(2,1fr);
    gap:20px
  }
  .page-home .records-grid{
    gap:20px
  }
  .page-home .transfer-box{
    flex-direction:row
  }
  .page-home .transfer-img{
    width:38%;
    aspect-ratio:2/3;
    max-height:none
  }
  .page-home .transfer-inner{
    width:62%
  }
  .page-home .split-grid{
    grid-template-columns:7fr 5fr;
    align-items:stretch
  }
  .page-home .report-list{
    grid-template-columns:1fr 1fr;
    gap:18px
  }
  .page-home .report-item:last-child{
    grid-column:1/-1
  }
}
@media (min-width:1200px){
  .page-home .hero-layout{
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    grid-template-rows:auto auto auto auto;
    gap:24px
  }
  .page-home .hero-masthead{
    grid-column:1;
    grid-row:1
  }
  .page-home .focus-match{
    grid-column:2;
    grid-row:1/5
  }
  .page-home .hero-stats{
    grid-column:1;
    grid-row:2
  }
  .page-home .hero-round{
    grid-column:1;
    grid-row:3
  }
  .page-home .hero-mini-schedule{
    grid-column:1;
    grid-row:4
  }
  .page-home .features-grid{
    grid-template-columns:repeat(4,1fr)
  }
  .page-home .records-grid{
    grid-template-columns:5fr 7fr;
    align-items:start
  }
  .page-home .shots-card,
  .page-home .rounds-card{
    flex-direction:column
  }
  .page-home .rounds-panel{
    display:inline-block
  }
  .page-home .report-list{
    grid-template-columns:repeat(2,1fr)
  }
  .page-home .report-item:nth-child(3),
  .page-home .report-item:nth-child(4){
    grid-column:span 1
  }
}