.page-home{
  --home-hair:1px solid var(--ks-line);
  --home-accent:var(--ks-lime);
  display:block;
  background:var(--ks-deep);
  color:var(--ks-mist);
  font-family:var(--ks-font-body);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
.page-home *{box-sizing:border-box;}
.page-home .mono{font-family:var(--ks-font-mono);}
.page-home p{margin:0 0 14px;font-size:16px;line-height:1.62;color:rgba(217,233,223,.78);}
.page-home h2{
  font-family:var(--ks-font-display);
  font-size:clamp(28px,6vw,40px);
  line-height:1.06;
  letter-spacing:-.01em;
  font-weight:700;
  color:var(--ks-mist);
  margin:0 0 14px;
}
.page-home h3{
  font-family:var(--ks-font-body);
  font-size:16px;
  line-height:1.35;
  font-weight:700;
  color:var(--ks-mist);
  margin:6px 0 6px;
}
.page-home a{color:inherit;}
.page-home a:focus-visible,
.page-home button:focus-visible{
  outline:2px solid var(--ks-lime);
  outline-offset:3px;
}
.page-home .home-num{
  display:block;
  font-size:13px;
  letter-spacing:.22em;
  color:var(--ks-steel);
  margin-bottom:10px;
}
.page-home .home-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 12px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.14em;
  color:var(--ks-lime);
}
.page-home .home-kicker::before{
  content:"";
  width:22px;
  height:2px;
  background:var(--ks-lime);
}

/* ---------- buttons ---------- */
.page-home .home-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:0 20px;
  border:1px solid var(--ks-glass-line);
  border-radius:999px;
  background:var(--ks-glass);
  color:var(--ks-lime);
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:background var(--ks-base) var(--ks-ease),color var(--ks-base) var(--ks-ease),border-color var(--ks-base) var(--ks-ease);
}
.page-home .home-btn::after{content:"→";font-family:var(--ks-font-mono);font-size:13px;}
.page-home .home-btn:hover{background:var(--ks-lime);color:var(--ks-deep);border-color:var(--ks-lime);}
.page-home .home-btn--solid{background:var(--ks-lime);color:var(--ks-deep);border-color:var(--ks-lime);}
.page-home .home-btn--solid:hover{background:var(--ks-mist);border-color:var(--ks-mist);}
.page-home .home-textlink{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:14px;
  font-weight:600;
  color:var(--ks-mist);
  text-decoration:none;
  border-bottom:1px solid var(--ks-line-strong);
  padding-bottom:2px;
}
.page-home .home-textlink:hover{color:var(--ks-lime);border-bottom-color:var(--ks-lime);}

/* ---------- badges ---------- */
.page-home .badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 9px;
  border:1px solid currentColor;
  border-radius:999px;
  font-family:var(--ks-font-mono);
  font-size:10.5px;
  letter-spacing:.06em;
  line-height:1.4;
  white-space:nowrap;
}
.page-home .badge--lime{color:var(--ks-lime);background:rgba(184,255,61,.1);}
.page-home .badge--steel{color:var(--ks-steel);background:rgba(147,183,201,.12);}
.page-home .badge--orange{color:var(--ks-orange);background:rgba(255,107,53,.12);}
.page-home .badge--mint{color:var(--ks-mint);background:rgba(125,224,195,.12);}
.page-home .badge--gold{color:var(--ks-gold);background:rgba(242,201,76,.12);}
.page-home .badge--help{color:var(--ks-help);background:rgba(168,184,176,.12);}

/* ---------- hero ---------- */
.page-home .home-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:calc(var(--ks-header-h) + 32px) var(--ks-gutter) 48px;
  background:
    radial-gradient(120% 90% at 82% 0%,rgba(184,255,61,.15),transparent 58%),
    radial-gradient(100% 80% at 0% 28%,rgba(147,183,201,.13),transparent 62%),
    linear-gradient(180deg,#071A15 0%,#071A15 58%,#0B2620 100%);
}
.page-home .home-hero__bg{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.18;
  filter:contrast(1.05) saturate(.75);
}
.page-home .home-hero__veil{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(7,26,21,.7) 0%,rgba(7,26,21,.52) 45%,rgba(7,26,21,.94) 100%);
}
.page-home .home-hero__inner{
  position:relative;
  z-index:2;
  display:grid;
  gap:32px;
  max-width:var(--ks-shell);
  margin:0 auto;
}
.page-home .home-crumb{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:26px;
  font-family:var(--ks-font-mono);
  font-size:12px;
  color:var(--ks-steel);
}
.page-home .home-crumb__item--now{color:var(--ks-mist);}
.page-home .home-crumb__sep{opacity:.5;}
.page-home .home-hero__kicker{
  margin:0 0 16px;
  font-family:var(--ks-font-mono);
  font-size:11.5px;
  letter-spacing:.14em;
  color:var(--ks-steel);
}
.page-home .home-hero__title{
  margin:0 0 20px;
  font-family:var(--ks-font-display);
  font-size:clamp(42px,11vw,78px);
  line-height:.95;
  letter-spacing:-.015em;
  font-weight:700;
  color:var(--ks-mist);
}
.page-home .home-hero__title-hl{color:var(--ks-lime);}
.page-home .home-hero__lede{
  max-width:46ch;
  margin:0 0 26px;
  font-size:16px;
  line-height:1.66;
  color:rgba(217,233,223,.82);
}
.page-home .home-hero__index{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:0;
}
.page-home .home-hero__index li{
  display:flex;
  align-items:baseline;
  gap:12px;
  padding:10px 0;
  border-top:1px solid var(--ks-line);
  font-size:13.5px;
  color:rgba(217,233,223,.76);
}
.page-home .home-hero__index li:last-child{border-bottom:1px solid var(--ks-line);}
.page-home .home-hero__index .mono{
  flex:none;
  font-size:11px;
  letter-spacing:.14em;
  color:var(--ks-lime);
}
.page-home .home-hero__aside{
  display:grid;
  gap:14px;
  align-content:start;
}

/* ---------- entry tabs ---------- */
.page-home .home-entry{
  padding:16px;
  border:1px solid var(--ks-glass-line);
  border-radius:var(--ks-radius-lg);
  background:var(--ks-glass);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.page-home .home-entry__list{
  position:relative;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:1fr;
  gap:4px;
  padding:4px;
  border-radius:999px;
  background:rgba(7,26,21,.55);
}
.page-home .home-entry__tab{
  position:relative;
  z-index:2;
  appearance:none;
  border:0;
  border-radius:999px;
  background:transparent;
  padding:9px 6px;
  font-family:var(--ks-font-body);
  font-size:13px;
  font-weight:600;
  color:rgba(217,233,223,.72);
  cursor:pointer;
  transition:color var(--ks-fast) var(--ks-ease);
}
.page-home .home-entry__tab[aria-selected="true"]{color:var(--ks-deep);}
.page-home .home-entry__indicator{
  position:absolute;
  top:4px;
  bottom:4px;
  left:4px;
  z-index:1;
  width:calc(50% - 6px);
  border-radius:999px;
  background:var(--ks-lime);
  transition:transform var(--ks-base) var(--ks-ease);
}
.page-home .home-entry__panel{padding-top:14px;}
.page-home .home-entry__panel[hidden]{display:none;}
.page-home .home-entry__name{
  margin:0 0 6px;
  font-family:var(--ks-font-mono);
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--ks-lime);
}
.page-home .home-entry__text{
  margin:0 0 12px;
  font-size:14px;
  line-height:1.6;
  color:rgba(217,233,223,.78);
}
.page-home .home-entry__link{
  font-size:13px;
  font-weight:600;
  color:var(--ks-mist);
  text-decoration:none;
  border-bottom:1px solid var(--ks-glass-line);
  padding-bottom:2px;
}
.page-home .home-entry__link:hover{color:var(--ks-lime);border-bottom-color:var(--ks-lime);}

/* ---------- mobile pod ---------- */
.page-home .home-pod{
  position:relative;
  overflow:hidden;
  padding:16px 18px;
  border:1px solid var(--ks-glass-line);
  border-radius:24px;
  background:rgba(7,26,21,.6);
}
.page-home .home-pod__bg{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.22;
}
.page-home .home-pod__label,
.page-home .home-pod__text,
.page-home .home-pod__link{position:relative;z-index:1;}
.page-home .home-pod__label{
  margin:0 0 6px;
  font-size:11px;
  letter-spacing:.12em;
  color:var(--ks-gold);
}
.page-home .home-pod__text{
  margin:0 0 10px;
  font-size:13.5px;
  line-height:1.55;
  color:rgba(217,233,223,.8);
}
.page-home .home-pod__link{
  font-size:13px;
  font-weight:600;
  color:var(--ks-mist);
  text-decoration:none;
  border-bottom:1px solid var(--ks-glass-line);
  padding-bottom:2px;
}
.page-home .home-pod__link:hover{color:var(--ks-lime);border-bottom-color:var(--ks-lime);}

/* ---------- shared inner ---------- */
.page-home .home-slate__inner,
.page-home .home-tags__inner,
.page-home .home-weekend__inner,
.page-home .home-matrix__inner,
.page-home .home-report__inner,
.page-home .home-close__inner{
  max-width:var(--ks-shell);
  margin:0 auto;
  padding:0 var(--ks-gutter);
}

/* ---------- slate ---------- */
.page-home .home-slate{
  padding:56px 0;
  border-top:1px solid var(--ks-line);
  background:linear-gradient(180deg,#071A15 0%,#0B2620 18%,#0B2620 100%);
}
.page-home .home-slate__inner{display:grid;gap:28px;}
.page-home .home-slate__text{margin:0 0 22px;max-width:52ch;}
.page-home .home-slate__rows{
  list-style:none;
  margin:0 0 16px;
  padding:0;
  border-top:1px solid var(--ks-line);
}
.page-home .home-slate__row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid var(--ks-line);
}
.page-home .home-slate__time{
  font-size:12px;
  letter-spacing:.04em;
  color:var(--ks-lime);
  white-space:nowrap;
}
.page-home .home-slate__match{
  min-width:0;
  font-size:14px;
  color:rgba(217,233,223,.86);
}
.page-home .home-slate__figure{margin:0;}
.page-home .home-slate__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border:1px solid var(--ks-line);
  border-radius:var(--ks-radius-lg);
}
.page-home .home-slate__figure figcaption{
  margin-top:10px;
  font-family:var(--ks-font-mono);
  font-size:12px;
  line-height:1.5;
  color:var(--ks-steel);
}

/* ---------- tags ---------- */
.page-home .home-tags{
  padding:56px 0;
  background:var(--ks-deep);
  border-top:1px solid var(--ks-line);
}
.page-home .home-tags__text{max-width:56ch;margin:0;}
.page-home .home-tags__grid{
  list-style:none;
  margin:28px 0 0;
  padding:0;
  display:grid;
  gap:12px;
}
.page-home .home-tags__cell{
  --accent:var(--ks-dim);
  display:grid;
  align-content:start;
  gap:8px;
  padding:18px;
  border:1px solid var(--ks-line);
  border-radius:var(--ks-radius);
  background:var(--ks-panel);
  transition:transform var(--ks-base) var(--ks-ease),border-color var(--ks-base) var(--ks-ease);
}
.page-home .home-tags__cell:hover{
  transform:translateY(-3px);
  border-color:var(--ks-line-strong);
}
.page-home .home-tags__cell--lime{--accent:var(--ks-lime);}
.page-home .home-tags__cell--steel{--accent:var(--ks-steel);}
.page-home .home-tags__cell--orange{--accent:var(--ks-orange);}
.page-home .home-tags__cell--mint{--accent:var(--ks-mint);}
.page-home .home-tags__cell--gold{--accent:var(--ks-gold);}
.page-home .home-tags__cell--help{--accent:var(--ks-help);}
.page-home .home-tags__bar{
  display:block;
  width:34px;
  height:3px;
  border-radius:2px;
  background:var(--accent);
}
.page-home .home-tags__name{
  margin:0;
  font-family:var(--ks-font-display);
  font-size:21px;
  line-height:1.2;
  font-weight:700;
  color:var(--ks-mist);
}
.page-home .home-tags__desc{
  margin:0;
  font-size:13.5px;
  line-height:1.6;
  color:rgba(217,233,223,.72);
}
.page-home .home-tags__link{
  justify-self:start;
  margin-top:4px;
  font-size:13px;
  font-weight:600;
  color:var(--accent);
  text-decoration:none;
  border-bottom:1px solid currentColor;
  padding-bottom:2px;
}

/* ---------- weekend ---------- */
.page-home .home-weekend{
  padding:56px 0;
  background:var(--ks-board);
  border-top:1px solid var(--ks-line);
  border-bottom:1px solid var(--ks-line);
}
.page-home .home-weekend__text{max-width:54ch;margin:0;}
.page-home .home-weekend__track{
  list-style:none;
  margin:28px 0 24px;
  padding:0;
  display:grid;
}
.page-home .home-weekend__step{
  position:relative;
  padding:0 0 24px 26px;
  border-left:1px solid var(--ks-line-strong);
}
.page-home .home-weekend__step:last-child{padding-bottom:0;border-left-color:transparent;}
.page-home .home-weekend__step::before{
  content:"";
  position:absolute;
  left:-5px;
  top:6px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--ks-steel);
}
.page-home .home-weekend__step--mint::before{background:var(--ks-mint);}
.page-home .home-weekend__step--now::before{
  background:var(--ks-orange);
  box-shadow:0 0 0 4px rgba(255,107,53,.16);
}
.page-home .home-weekend__code{
  display:block;
  font-size:11px;
  letter-spacing:.1em;
  color:var(--ks-steel);
}
.page-home .home-weekend__step p{margin:0;font-size:13.5px;line-height:1.6;color:rgba(217,233,223,.76);}
.page-home .home-weekend__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
}

/* ---------- matrix ---------- */
.page-home .home-matrix{
  padding:56px 0;
  background:linear-gradient(160deg,#0C2A24 0%,#071A15 72%);
}
.page-home .home-matrix__inner{display:grid;gap:28px;}
.page-home .home-matrix__text-body{margin:0 0 20px;max-width:50ch;}
.page-home .home-matrix__facts{
  list-style:none;
  margin:0 0 24px;
  padding:0;
  display:grid;
  gap:10px;
}
.page-home .home-matrix__facts li{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding-bottom:10px;
  border-bottom:1px solid var(--ks-line);
  font-size:13.5px;
  color:rgba(217,233,223,.78);
}
.page-home .home-matrix__num{
  flex:none;
  min-width:44px;
  font-size:13px;
  letter-spacing:.06em;
  color:var(--ks-mint);
}
.page-home .home-matrix__figure{margin:0;}
.page-home .home-matrix__grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:4px;
  padding:12px;
  border:1px solid var(--ks-line);
  border-radius:var(--ks-radius-lg);
  background:rgba(147,183,201,.08);
}
.page-home .home-matrix__cell{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  aspect-ratio:1/1;
  padding-bottom:4px;
  border-radius:3px;
  background:rgba(147,183,201,.14);
  font-family:var(--ks-font-mono);
  font-size:10px;
  color:rgba(147,183,201,.8);
}
.page-home .home-matrix__cell--head{
  align-items:center;
  padding-bottom:0;
  background:transparent;
  color:var(--ks-steel);
  font-size:9px;
}
.page-home .home-matrix__cell--on{
  background:var(--ks-mint);
  color:#07180F;
  font-weight:700;
}
.page-home .home-matrix__img{
  display:block;
  width:100%;
  height:auto;
  margin-top:12px;
  aspect-ratio:3/2;
  object-fit:cover;
  border:1px solid var(--ks-line);
  border-radius:var(--ks-radius-lg);
  opacity:.85;
}
.page-home .home-matrix__figure figcaption{
  margin-top:10px;
  font-family:var(--ks-font-mono);
  font-size:12px;
  line-height:1.5;
  color:var(--ks-steel);
}

/* ---------- report ---------- */
.page-home .home-report{
  padding:56px 0;
  background:var(--ks-deep);
  border-top:1px solid var(--ks-line);
}
.page-home .home-report__text{max-width:54ch;margin:0;}
.page-home .home-report__bar{
  display:grid;
  grid-template-columns:24fr 22fr 54fr;
  gap:4px;
  height:6px;
  margin:24px 0 26px;
}
.page-home .home-report__seg{border-radius:3px;}
.page-home .home-report__seg--live{background:var(--ks-orange);}
.page-home .home-report__seg--warm{background:rgba(255,107,53,.55);}
.page-home .home-report__seg--cool{background:rgba(147,183,201,.28);}
.page-home .home-report__steps{
  list-style:none;
  margin:0 0 26px;
  padding:0;
  display:grid;
  gap:16px;
}
.page-home .home-report__step{
  padding-top:14px;
  border-top:1px solid var(--ks-line);
}
.page-home .home-report__code{
  display:block;
  font-size:11.5px;
  letter-spacing:.1em;
  color:var(--ks-orange);
}
.page-home .home-report__step p{margin:0;font-size:13.5px;line-height:1.6;color:rgba(217,233,223,.76);}

/* ---------- close ---------- */
.page-home .home-close{
  padding:56px 0 64px;
  border-top:1px solid var(--ks-line);
  background:
    radial-gradient(90% 120% at 100% 0%,rgba(184,255,61,.14),transparent 62%),
    linear-gradient(180deg,#0B2620 0%,#06170F 100%);
}
.page-home .home-close__text{max-width:56ch;margin:0 0 22px;}
.page-home .home-close__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 20px;
}
.page-home .home-close__meta{
  margin:0;
  font-size:12px;
  line-height:1.7;
  letter-spacing:.02em;
  color:var(--ks-steel);
}

/* ---------- motion ---------- */
@media (prefers-reduced-motion:no-preference){
  .page-home [data-reveal]{animation:home-rise var(--ks-slow) var(--ks-ease) both;}
}
@keyframes home-rise{
  from{opacity:0;transform:translateY(14px);}
  to{opacity:1;transform:none;}
}

/* ---------- responsive ---------- */
@media (min-width:600px){
  .page-home .home-tags__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:760px){
  .page-home .home-weekend__track{
    grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:0;
  }
  .page-home .home-weekend__step{
    padding:20px 22px 0 0;
    border-left:0;
    border-top:1px solid var(--ks-line-strong);
  }
  .page-home .home-weekend__step:last-child{border-top-color:var(--ks-line-strong);}
  .page-home .home-weekend__step::before{left:0;top:-5px;}
  .page-home .home-report__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
}
@media (min-width:900px){
  .page-home .home-hero{padding-top:calc(var(--ks-header-h) + 64px);padding-bottom:72px;}
  .page-home .home-hero__inner{
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:24px;
    row-gap:0;
    align-items:start;
  }
  .page-home .home-hero__lead{grid-column:1 / span 7;padding-right:20px;}
  .page-home .home-hero__aside{grid-column:9 / span 4;padding-top:52px;}
  .page-home .home-slate{padding:80px 0;}
  .page-home .home-slate__inner{
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    column-gap:40px;
    align-items:start;
  }
  .page-home .home-tags{padding:80px 0;}
  .page-home .home-tags__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
  .page-home .home-weekend{padding:80px 0;}
  .page-home .home-matrix{padding:80px 0;}
  .page-home .home-matrix__inner{
    grid-template-columns:minmax(0,6fr) minmax(0,6fr);
    column-gap:44px;
    align-items:center;
  }
  .page-home .home-report{padding:80px 0;}
  .page-home .home-close{padding:80px 0 88px;}
}
@media (min-width:1100px){
  .page-home .home-pod{margin-left:auto;max-width:340px;}
}
@media (prefers-reduced-motion:reduce){
  .page-home *,
  .page-home *::before,
  .page-home *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
}
<<<PAGE_CSS_END>>>
