.page-home{
  --home-max:1180px;
  --home-pad:18px;
  background:var(--pitch);
  color:var(--ink);
  font-family:var(--font-ui);
  line-height:1.75;
  overflow-x:hidden;
}
.page-home .wrap{
  width:100%;
  max-width:var(--home-max);
  margin:0 auto;
  padding-left:var(--home-pad);
  padding-right:var(--home-pad);
}
.page-home a{color:inherit;text-decoration:none;}
.page-home h1,.page-home h2,.page-home h3{margin:0;line-height:1.2;letter-spacing:-0.02em;}
.page-home p{margin:0;}
.page-home ul,.page-home ol,.page-home dl{margin:0;padding:0;list-style:none;}
.page-home .num{font-family:var(--font-num);font-variant-numeric:tabular-nums;}

/* ---------- hero ---------- */
.page-home .hero{padding:22px 0 0;}
.page-home .hero__grid{display:grid;gap:22px;align-items:start;}
.page-home .hero__eyebrow{
  margin:14px 0 10px;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--cyan-soft);
}
.page-home .hero h1{
  font-size:clamp(30px,7.4vw,56px);
  font-weight:800;
  letter-spacing:-0.025em;
}
.page-home .hero__lede{
  margin-top:14px;
  max-width:34em;
  font-size:16px;
  color:var(--ink-2);
}
.page-home .hero__facts{
  display:flex;
  flex-wrap:wrap;
  gap:10px 26px;
  margin-top:22px;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.page-home .hero__facts li{display:flex;align-items:baseline;gap:7px;}
.page-home .hero__fact-num{font-size:22px;font-weight:700;color:var(--cyan);}
.page-home .hero__fact-label{font-size:12px;letter-spacing:.06em;color:var(--ink-2);}
.page-home .hero__more{
  display:inline-block;
  margin-top:20px;
  font-size:13px;
  color:var(--cyan-soft);
  border-bottom:1px solid var(--line);
  padding-bottom:2px;
}
.page-home .hero__more:hover{color:var(--cyan);border-bottom-color:var(--cyan);}

/* ---------- scoreboard ---------- */
.page-home .board{
  position:relative;
  border:1px solid var(--line);
  background:linear-gradient(170deg,var(--card) 0%,var(--pitch-2) 62%,var(--pitch) 100%);
  box-shadow:var(--shadow);
  padding:16px;
}
.page-home .board__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.page-home .board__round{font-size:12px;color:var(--ink-2);letter-spacing:.08em;}
.page-home .board__match{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:8px;
  margin-top:18px;
  padding-bottom:16px;
  border-bottom:1px solid var(--line);
}
.page-home .board__side{display:flex;flex-direction:column;gap:2px;}
.page-home .board__side--away{text-align:right;align-items:flex-end;}
.page-home .board__abbr{font-size:17px;font-weight:700;letter-spacing:.04em;}
.page-home .board__role{font-size:11px;letter-spacing:.18em;color:var(--ink-2);}
.page-home .board__kickoff{display:flex;flex-direction:column;align-items:center;gap:2px;}
.page-home .board__time{
  font-size:clamp(38px,11vw,62px);
  font-weight:700;
  color:var(--amber);
  letter-spacing:-0.02em;
  line-height:1;
}
.page-home .board__vs{font-size:10px;letter-spacing:.24em;color:var(--ink-2);}
.page-home .board__status{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:14px;
}
.page-home .board__status-text{font-size:12px;color:var(--ink-2);}
.page-home .board__clock{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:16px;
  padding:12px 14px;
  border:1px solid var(--line);
  background:rgba(6,17,15,.55);
}
.page-home .ring{width:64px;height:64px;flex:0 0 auto;transform:rotate(-90deg);}
.page-home .ring__track{fill:none;stroke:var(--line);stroke-width:4;}
.page-home .ring__bar{
  fill:none;
  stroke:var(--cyan);
  stroke-width:4;
  stroke-linecap:round;
  stroke-dasharray:213.6;
  stroke-dashoffset:139;
}
.page-home .board__clock-body{display:flex;flex-direction:column;gap:2px;}
.page-home .board__clock-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);}
.page-home .board__clock-value{font-size:26px;font-weight:700;color:var(--cyan);letter-spacing:.02em;}
.page-home .board__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.page-home .board__media{
  margin-top:16px;
  border:1px solid var(--line);
  overflow:hidden;
}
.page-home .board__media img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  filter:saturate(.92) brightness(.82);
}

/* ---------- status tags ---------- */
.page-home .status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 9px;
  font-size:11px;
  letter-spacing:.1em;
  border:1px solid var(--line);
  white-space:nowrap;
}
.page-home .status::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:currentColor;
}
.page-home .status--ok{color:var(--cyan);border-color:rgba(0,229,192,.36);}
.page-home .status--wait{color:var(--amber);border-color:rgba(255,185,46,.36);}
.page-home .status--alert{color:var(--alert);border-color:rgba(229,72,77,.42);}

/* ---------- slate ---------- */
.page-home .slate{
  margin-top:34px;
  padding:22px 0 26px;
  background:var(--pitch-2);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-home .slate__head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.page-home .slate__title{
  font-size:20px;
  font-weight:700;
}
.page-home .slate__bar{
  display:flex;
  gap:4px;
  border:1px solid var(--line);
  padding:3px;
}
.page-home .slate__tab{
  padding:6px 16px;
  font-size:12px;
  letter-spacing:.12em;
  background:transparent;
  color:var(--ink-2);
  border:0;
  cursor:pointer;
  font-family:inherit;
  transition:color .18s var(--ease),background-color .18s var(--ease);
}
.page-home .slate__tab[aria-selected="true"]{background:var(--cyan);color:var(--pitch);font-weight:700;}
.page-home .slate__tab:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;}
.page-home .slate__panel{margin-top:14px;}
.page-home .slate__row{
  display:grid;
  grid-template-columns:58px 1fr auto;
  align-items:center;
  gap:8px 12px;
  padding:11px 0;
  border-bottom:1px solid var(--line);
}
.page-home .slate__time{font-size:15px;color:var(--amber);letter-spacing:.02em;}
.page-home .slate__pair{font-size:14px;}
.page-home .slate__pair i{color:var(--ink-2);font-style:normal;font-size:11px;letter-spacing:.14em;margin:0 4px;}
.page-home .slate__row .status{grid-row:1;grid-column:3;}
.page-home .slate__link{
  grid-column:2 / 4;
  justify-self:start;
  font-size:12px;
  color:var(--cyan);
  letter-spacing:.06em;
}
.page-home .slate__link:hover{color:var(--cyan-soft);}

/* ---------- shared section ---------- */
.page-home .section{padding:44px 0 0;}
.page-home .section-head h2{
  font-size:clamp(21px,4.4vw,28px);
  font-weight:700;
}
.page-home .section-head h2::after{
  content:"";
  display:block;
  width:44px;
  height:2px;
  margin-top:12px;
  background:var(--cyan);
}
.page-home .section-head p{
  margin-top:12px;
  max-width:36em;
  font-size:14px;
  color:var(--ink-2);
}

/* ---------- steps ---------- */
.page-home .steps__list{
  display:grid;
  gap:14px;
  margin-top:22px;
}
.page-home .step{
  position:relative;
  padding:18px 18px 18px 20px;
  border:1px solid var(--line);
  background:var(--card);
  border-left:2px solid var(--amber);
}
.page-home .step__no{
  display:block;
  font-size:26px;
  font-weight:700;
  color:var(--amber);
  line-height:1;
  margin-bottom:10px;
}
.page-home .step__title{font-size:17px;font-weight:700;}
.page-home .step__body{margin-top:8px;font-size:14px;color:var(--ink-2);}
.page-home .step__go{
  display:inline-block;
  margin-top:12px;
  font-size:13px;
  color:var(--cyan);
  border-bottom:1px solid rgba(0,229,192,.4);
  padding-bottom:1px;
}
.page-home .step__go:hover{color:var(--cyan-soft);}

/* ---------- sync ---------- */
.page-home .sync__grid{display:grid;gap:20px;}
.page-home .sync__shot{margin:0;border:1px solid var(--line);overflow:hidden;background:var(--pitch-2);}
.page-home .sync__shot img{
  display:block;width:100%;height:auto;max-width:100%;
  object-fit:cover;
  filter:brightness(.86);
}
.page-home .sync__cap{
  padding:10px 12px;
  font-size:12px;
  color:var(--ink-2);
  border-top:1px solid var(--line);
}
.page-home .sync__body h2{font-size:clamp(21px,4.4vw,28px);font-weight:700;}
.page-home .sync__body h2::after{
  content:"";display:block;width:44px;height:2px;margin-top:12px;background:var(--cyan);
}
.page-home .sync__lede{margin-top:12px;font-size:14px;color:var(--ink-2);}
.page-home .sync__lede strong{color:var(--cyan);font-weight:700;}
.page-home .sync__card{
  margin-top:18px;
  border:1px solid var(--line);
  background:var(--card);
  padding:14px;
}
.page-home .sync__card-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}
.page-home .sync__card-title{font-family:var(--font-num);font-size:16px;font-weight:700;letter-spacing:.02em;}
.page-home .sync__stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:12px 0;
}
.page-home .sync__stats div{display:flex;flex-direction:column;gap:2px;}
.page-home .sync__stats dt{font-size:11px;color:var(--ink-2);letter-spacing:.1em;}
.page-home .sync__stats dd{margin:0;font-size:19px;font-weight:700;color:var(--cyan);}
.page-home .sync__stamp{font-size:11px;color:var(--ink-2);letter-spacing:.06em;}
.page-home .sync__card-img{
  display:block;width:100%;height:auto;max-width:100%;
  margin-top:12px;
  border:1px solid var(--line);
  object-fit:cover;
  filter:brightness(.9);
}
.page-home .sync__note{margin-top:14px;font-size:14px;color:var(--ink);}
.page-home .sync__body .btn{margin-top:14px;}

/* ---------- perks ---------- */
.page-home .perks{
  position:relative;
  margin-top:44px;
  padding:38px 0;
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--pitch-2);
}
.page-home .perks__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.22;
  filter:brightness(.6) saturate(.8);
  z-index:0;
}
.page-home .perks__inner{position:relative;z-index:1;}
.page-home .perks__head h2{color:var(--ink);}
.page-home .perks__list{display:grid;gap:12px;margin-top:22px;}
.page-home .perk{
  padding:16px;
  border:1px solid rgba(28,74,64,.9);
  background:rgba(6,17,15,.78);
  backdrop-filter:blur(2px);
}
.page-home .perk__idx{
  display:block;
  font-size:13px;
  letter-spacing:.18em;
  color:var(--amber);
  margin-bottom:8px;
}
.page-home .perk__title{font-size:16px;font-weight:700;}
.page-home .perk__body{margin-top:6px;font-size:13px;color:var(--ink-2);}
.page-home .perks__inner .btn{margin-top:20px;}

/* ---------- notes ---------- */
.page-home .notes__list{
  margin-top:20px;
  border-top:1px solid var(--line);
}
.page-home .note{
  display:grid;
  grid-template-columns:1fr auto;
  gap:4px 12px;
  padding:14px 0;
  border-bottom:1px solid var(--line);
}
.page-home .note__tag{
  grid-column:1;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--cyan-soft);
}
.page-home .note__title{
  grid-column:1 / -1;
  grid-row:2;
  font-size:15px;
  font-weight:600;
  transition:color .18s var(--ease);
}
.page-home .note__title:hover{color:var(--cyan);}
.page-home .note__time{
  grid-column:2;
  grid-row:1;
  align-self:start;
  font-size:11px;
  color:var(--ink-2);
  white-space:nowrap;
}
.page-home .notes .btn{margin-top:20px;}

/* ---------- help ---------- */
.page-home .help{
  padding:44px 0 12px;
  margin-top:44px;
  border-top:1px solid var(--line);
}
.page-home .help__grid{display:grid;gap:24px;}
.page-home .help__side h2{font-size:clamp(21px,4.4vw,28px);font-weight:700;}
.page-home .help__side h2::after{
  content:"";display:block;width:44px;height:2px;margin-top:12px;background:var(--cyan);
}
.page-home .help__lede{margin-top:12px;font-size:14px;color:var(--ink-2);}
.page-home .help__contacts{margin-top:16px;}
.page-home .help__contacts div{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:10px 0;
  border-top:1px solid var(--line);
}
.page-home .help__contacts dt{font-size:11px;letter-spacing:.16em;color:var(--ink-2);}
.page-home .help__contacts dd{margin:0;font-family:var(--font-num);font-size:15px;color:var(--ink);}
.page-home .help__contacts a:hover{color:var(--cyan);}
.page-home .help__side .btn{margin-top:16px;}

.page-home .faq{
  border:1px solid var(--line);
  background:var(--card);
  padding:0 14px;
  margin-bottom:10px;
}
.page-home .faq__q{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 0;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  list-style:none;
}
.page-home .faq__q::-webkit-details-marker{display:none;}
.page-home .faq__q::after{
  content:"+";
  font-family:var(--font-num);
  font-size:17px;
  color:var(--cyan);
  flex:0 0 auto;
}
.page-home .faq[open] .faq__q::after{content:"–";}
.page-home .faq__q:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;}
.page-home .faq__a{
  padding:0 0 14px;
  font-size:13px;
  color:var(--ink-2);
  border-top:1px solid var(--line);
  padding-top:12px;
}
.page-home .help__more{
  display:inline-block;
  margin-top:6px;
  font-size:13px;
  color:var(--cyan);
  border-bottom:1px solid rgba(0,229,192,.4);
  padding-bottom:1px;
}
.page-home .help__more:hover{color:var(--cyan-soft);}

/* ---------- breakpoints ---------- */
@media (min-width:640px){
  .page-home{--home-pad:26px;}
  .page-home .steps__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
  .page-home .perks__list{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .sync__stats{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (min-width:768px){
  .page-home{--home-pad:32px;}
  .page-home .hero{padding-top:32px;}
  .page-home .slate__row{
    grid-template-columns:64px minmax(0,1fr) auto auto;
    gap:16px;
  }
  .page-home .slate__row .status{grid-column:3;}
  .page-home .slate__link{grid-column:4;grid-row:1;justify-self:end;}
  .page-home .note{
    grid-template-columns:112px minmax(0,1fr) auto;
    align-items:baseline;
    gap:16px;
  }
  .page-home .note__tag{grid-column:1;grid-row:1;}
  .page-home .note__title{grid-column:2;grid-row:1;font-size:16px;}
  .page-home .note__time{grid-column:3;grid-row:1;}
}
@media (min-width:1000px){
  .page-home .hero__grid{
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
    gap:32px;
  }
  .page-home .hero__lede{font-size:17px;}
  .page-home .board{padding:20px;}
  .page-home .section{padding-top:56px;}
  .page-home .sync__grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:32px;align-items:start;}
  .page-home .help__grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:36px;}
  .page-home .perks{padding:52px 0;}
}
@media (prefers-reduced-motion:reduce){
  .page-home *{transition:none !important;animation:none !important;}
}