.page-home{
  --home-gap:14px;
  --home-shadow:0 26px 64px -34px rgba(0,0,0,.9);
  --home-paper-ink:#3a2f24;
  padding-bottom:72px;
  color:var(--paper);
}

.page-home .home-wrap{padding-top:20px}

/* breadcrumb */
.page-home .breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 18px;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--sand);
}
.page-home .breadcrumb a{color:var(--sand);text-decoration:none;transition:color 160ms var(--ease)}
.page-home .breadcrumb a:hover{color:var(--mint)}
.page-home .breadcrumb__sep{color:var(--line)}

/* ---------- hero ---------- */
.page-home .hero{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--home-gap);
}

.page-home .hero__intro{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:18px 16px 16px;
  border:1px solid var(--line);
  border-left:3px solid var(--mint);
  background:linear-gradient(180deg,rgba(12,42,32,.94),rgba(6,26,19,.7));
  overflow:hidden;
}
.page-home .hero__kicker{color:var(--aqua)}
.page-home .hero__title{
  margin:0;
  font-family:var(--f-display);
  font-size:clamp(30px,8.4vw,48px);
  font-weight:900;
  line-height:1.04;
  letter-spacing:-.02em;
  color:var(--paper);
}
.page-home .hero__lede{
  margin:0;
  font-size:14.5px;
  line-height:1.75;
  color:var(--sand);
  max-width:38ch;
}

.page-home .entry-list{
  list-style:none;
  margin:2px 0 0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line-soft);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-home .entry-list__link{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:9px 8px;
  background:var(--panel);
  color:var(--paper);
  text-decoration:none;
  font-size:13px;
  transition:background 160ms var(--ease),color 160ms var(--ease);
}
.page-home .entry-list__link:hover,
.page-home .entry-list__link:focus-visible{background:var(--panel-lift);color:var(--mint)}
.page-home .entry-list__num{font-family:var(--f-mono);font-size:11px;color:var(--amber)}
.page-home .entry-list__desc{font-size:11px;letter-spacing:.04em;color:var(--sand);white-space:nowrap}

.page-home .rail-shot{
  margin:2px 0 0;
  border:1px solid var(--line);
  background:var(--deep);
}
.page-home .rail-shot img{
  display:block;
  width:100%;
  height:auto;
  max-height:260px;
  object-fit:cover;
  object-position:top center;
  filter:saturate(.85) contrast(1.05);
}
.page-home .rail-shot__cap{
  margin:0;
  padding:8px 10px;
  border-top:1px solid var(--line);
  font-size:11px;
  line-height:1.6;
  letter-spacing:.04em;
  color:var(--sand);
}

.page-home .hero__lead{
  position:relative;
  margin:0;
  border:1px solid var(--line);
  background:var(--panel);
  overflow:hidden;
  box-shadow:var(--home-shadow);
}
.page-home .hero__lead::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(61,242,182,.05) 0 1px,transparent 1px 5px);
  mix-blend-mode:screen;
}
.page-home .hero__img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  filter:saturate(.9) contrast(1.06);
}
.page-home .hero__lead-body{
  position:relative;
  z-index:1;
  display:grid;
  gap:10px;
  padding:16px;
}
.page-home .hero__lead-label{color:var(--amber)}
.page-home .hero__lead-title{
  margin:0;
  font-family:var(--f-display);
  font-size:clamp(20px,5.4vw,26px);
  font-weight:800;
  line-height:1.18;
  letter-spacing:-.01em;
}
.page-home .hero__lead-body p{
  margin:0;
  font-size:14px;
  line-height:1.72;
  color:var(--sand);
  max-width:40ch;
}
.page-home .hero__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}

.page-home .hero__notice{
  position:relative;
  display:grid;
  gap:8px;
  padding:16px 14px;
  background:var(--paper);
  color:var(--ink);
  border:1px solid rgba(26,20,16,.28);
  box-shadow:var(--home-shadow);
}
.page-home .hero__notice::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:52px;
  height:3px;
  background:var(--rust);
}
.page-home .hero__notice-kicker{
  margin:0;
  font-size:11px;
  letter-spacing:.16em;
  color:#6b5a48;
}
.page-home .hero__notice-ver{
  margin:0;
  font-family:var(--f-mono);
  font-size:36px;
  font-weight:700;
  line-height:.92;
  letter-spacing:-.03em;
  color:var(--ink);
}
.page-home .hero__notice-text{
  margin:0;
  font-size:13px;
  line-height:1.7;
  color:var(--home-paper-ink);
}
.page-home .notice-more{
  border-top:1px solid rgba(26,20,16,.18);
  padding-top:8px;
  font-size:12.5px;
}
.page-home .notice-more summary{
  cursor:pointer;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--ink);
}
.page-home .notice-more summary:hover{color:var(--rust)}
.page-home .notice-more ul{
  margin:8px 0 0;
  padding-left:16px;
  display:grid;
  gap:5px;
  line-height:1.6;
  color:var(--home-paper-ink);
}

.page-home .hero__feedback{
  display:grid;
  align-content:start;
  gap:10px;
  padding:15px 14px;
  border:1px solid var(--line);
  border-top:2px solid var(--amber);
  background:var(--panel-lift);
}
.page-home .hero__feedback-label{color:var(--amber)}
.page-home .hero__feedback-text{
  margin:0;
  font-size:13px;
  line-height:1.72;
  color:var(--sand);
}

/* ---------- section head shared ---------- */
.page-home .sec-head{display:grid;gap:8px;margin:0 0 18px}
.page-home .sec-head__title{
  margin:0;
  font-family:var(--f-display);
  font-size:clamp(24px,6.2vw,38px);
  font-weight:900;
  line-height:1.08;
  letter-spacing:-.02em;
}
.page-home .sec-head__note{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--sand);
  max-width:42ch;
}

/* ---------- rounds ---------- */
.page-home .rounds{margin-top:52px}
.page-home .rounds__body{
  position:relative;
  border:1px solid var(--line);
  background:var(--panel);
  overflow:hidden;
}
.page-home .rounds__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.17;
  filter:grayscale(.35) contrast(1.1);
  pointer-events:none;
}
.page-home .timeline{
  position:relative;
  list-style:none;
  margin:0;
  padding:16px;
  display:grid;
  gap:10px;
}
.page-home .timeline__item{position:relative;padding-left:24px}
.page-home .timeline__item::before{
  content:"";
  position:absolute;
  left:6px;
  top:16px;
  bottom:-12px;
  width:1px;
  background:var(--line);
}
.page-home .timeline__item:last-child::before{display:none}
.page-home .timeline__item::after{
  content:"";
  position:absolute;
  left:1px;
  top:15px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--amber);
  box-shadow:0 0 0 3px rgba(255,138,61,.18);
}

.page-home .round{
  border:1px solid var(--line);
  background:rgba(10,36,25,.88);
  transition:border-color 160ms var(--ease);
}
.page-home .round:hover{border-color:var(--line-soft)}
.page-home .round[open]{border-color:rgba(61,242,182,.42)}
.page-home .round__sum{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  cursor:pointer;
  list-style:none;
}
.page-home .round__sum::-webkit-details-marker{display:none}
.page-home .round__sum:focus-visible{outline:1px solid var(--mint);outline-offset:-2px}
.page-home .round__no{font-family:var(--f-mono);font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--mint)}
.page-home .round__name{font-size:15px;font-weight:700;letter-spacing:.01em}
.page-home .round__body{
  display:grid;
  gap:9px;
  padding:12px 14px 14px;
  border-top:1px solid var(--line-soft);
}
.page-home .round__row{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:10px;
  font-size:13px;
  line-height:1.65;
}
.page-home .round__k{font-size:11px;letter-spacing:.08em;color:var(--sand);padding-top:2px}
.page-home .round__v{color:var(--paper)}
.page-home .round__go{
  justify-self:start;
  margin-top:2px;
  padding-bottom:2px;
  font-size:12px;
  letter-spacing:.06em;
  color:var(--mint);
  text-decoration:none;
  border-bottom:1px solid rgba(61,242,182,.35);
}
.page-home .round__go:hover{color:var(--paper);border-bottom-color:var(--paper)}

/* ---------- release ---------- */
.page-home .release{
  margin-top:52px;
  display:grid;
  gap:16px;
}
.page-home .release__paper{
  position:relative;
  padding:20px 18px;
  background:var(--paper);
  color:var(--ink);
  border:1px solid rgba(26,20,16,.28);
  box-shadow:var(--home-shadow);
}
.page-home .release__paper::after{
  content:"";
  position:absolute;
  right:16px;
  top:-1px;
  width:42px;
  height:6px;
  background:var(--rust);
}
.page-home .release__kicker{
  margin:0;
  font-size:11px;
  letter-spacing:.16em;
  color:#6b5a48;
}
.page-home .release__ver{
  margin:8px 0 12px;
  font-family:var(--f-mono);
  font-size:clamp(42px,11vw,64px);
  font-weight:700;
  line-height:.86;
  letter-spacing:-.045em;
  color:var(--ink);
}
.page-home .release__title{
  margin:0 0 10px;
  font-family:var(--f-display);
  font-size:clamp(22px,5.6vw,30px);
  font-weight:900;
  line-height:1.12;
  letter-spacing:-.02em;
}
.page-home .release__text{
  margin:0;
  font-size:13.5px;
  line-height:1.75;
  color:var(--home-paper-ink);
}
.page-home .steps{
  list-style:none;
  margin:14px 0 0;
  padding:0;
  display:grid;
  gap:8px;
}
.page-home .steps li{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:10px;
  font-size:13px;
  line-height:1.65;
  color:var(--home-paper-ink);
}
.page-home .steps__n{font-family:var(--f-mono);font-weight:700;color:var(--rust)}
.page-home .release__note{
  margin:14px 0 0;
  padding-top:10px;
  border-top:1px solid rgba(26,20,16,.16);
  font-size:12px;
  line-height:1.7;
  color:#6b5a48;
}

.page-home .release__side{display:grid;gap:10px}
.page-home .release__img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  border:1px solid var(--line);
  filter:saturate(.85) contrast(1.05);
}
.page-home .release__facts{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line);
}
.page-home .release__facts li{
  display:grid;
  gap:3px;
  padding:10px 12px;
  background:var(--panel);
}
.page-home .release__fk{
  font-size:11px;
  letter-spacing:.12em;
  color:var(--amber);
}
.page-home .release__fv{font-size:13px;line-height:1.6;color:var(--paper)}

/* ---------- routes ---------- */
.page-home .routes{margin-top:52px}
.page-home .routes__grid{display:grid;gap:12px}
.page-home .route-card{
  position:relative;
  display:grid;
  align-content:start;
  gap:8px;
  padding:18px 16px 16px;
  border:1px solid var(--line);
  background:linear-gradient(160deg,rgba(12,42,32,.96),rgba(6,26,19,.92));
  text-decoration:none;
  color:var(--paper);
  transition:border-color 160ms var(--ease),transform 200ms var(--ease);
}
.page-home .route-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:2px;
  height:100%;
  background:var(--line);
  transition:background 160ms var(--ease);
}
.page-home .route-card:hover,
.page-home .route-card:focus-visible{border-color:rgba(61,242,182,.5);transform:translateY(-2px)}
.page-home .route-card:hover::before{background:var(--mint)}
.page-home .route-card__k{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--amber)}
.page-home .route-card__t{
  font-family:var(--f-display);
  font-size:19px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.01em;
}
.page-home .route-card__d{font-size:13px;line-height:1.72;color:var(--sand)}
.page-home .route-card__go{font-size:12px;letter-spacing:.06em;color:var(--mint);margin-top:2px}
.page-home .routes__foot{
  margin:16px 0 0;
  font-size:13px;
  line-height:1.7;
  color:var(--sand);
}
.page-home .routes__foot a{color:var(--aqua);text-decoration:none;border-bottom:1px solid rgba(143,227,210,.4)}
.page-home .routes__foot a:hover{color:var(--mint)}

/* ---------- scale ---------- */
.page-home .scale{
  margin-top:52px;
  padding:26px 0 28px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-home .scale__stats{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line);
}
.page-home .stat{
  display:grid;
  gap:4px;
  padding:14px 13px;
  background:var(--deep);
}
.page-home .stat__n{
  font-family:var(--f-mono);
  font-size:28px;
  font-weight:700;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--mint);
}
.page-home .stat__u{font-size:15px;letter-spacing:0;color:var(--mint)}
.page-home .stat__k{font-size:11.5px;letter-spacing:.06em;color:var(--sand)}
.page-home .scale__note{
  margin:16px 0 0;
  font-size:13px;
  line-height:1.75;
  color:var(--sand);
  max-width:60ch;
}
.page-home .scale__note a{color:var(--aqua);text-decoration:none;border-bottom:1px solid rgba(143,227,210,.4)}
.page-home .scale__note a:hover{color:var(--mint)}

/* ---------- feedback ---------- */
.page-home .feedback{
  margin-top:52px;
  display:grid;
  gap:18px;
  padding:22px 16px;
  border:1px solid var(--line);
  background:
    radial-gradient(120% 140% at 100% 0%,rgba(61,242,182,.11),transparent 56%),
    var(--panel);
}
.page-home .feedback__intro{display:grid;gap:10px;align-content:start}
.page-home .feedback__title{
  margin:0;
  font-family:var(--f-display);
  font-size:clamp(23px,6vw,34px);
  font-weight:900;
  line-height:1.1;
  letter-spacing:-.02em;
}
.page-home .feedback__text{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:var(--sand);
  max-width:40ch;
}
.page-home .feedback__promise{
  list-style:none;
  margin:2px 0 4px;
  padding:0;
  display:grid;
  gap:6px;
}
.page-home .feedback__promise li{
  position:relative;
  padding-left:16px;
  font-size:13px;
  line-height:1.65;
  color:var(--paper);
}
.page-home .feedback__promise li::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:6px;
  height:6px;
  background:var(--amber);
  transform:rotate(45deg);
}
.page-home .feedback .btn{justify-self:start}

.page-home .contact-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line);
}
.page-home .contact-list li{
  display:grid;
  gap:3px;
  padding:11px 13px;
  background:var(--panel-lift);
}
.page-home .contact-list__k{font-size:11px;letter-spacing:.12em;color:var(--sand)}
.page-home .contact-list__v{
  font-family:var(--f-mono);
  font-size:13.5px;
  line-height:1.6;
  color:var(--mint);
  word-break:break-all;
}
.page-home .contact-list__v--text{
  font-family:var(--f-body);
  color:var(--paper);
  word-break:normal;
}

/* ---------- tablet ---------- */
@media (min-width:640px){
  .page-home .routes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-home .scale__stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .page-home .round__row{grid-template-columns:86px minmax(0,1fr)}
}

/* ---------- desktop ---------- */
@media (min-width:900px){
  .page-home .home-wrap{padding-top:26px}
  .page-home .hero{
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:18px;
    align-items:stretch;
  }
  .page-home .hero__intro{grid-column:1 / span 4;grid-row:1 / span 2}
  .page-home .hero__lead{grid-column:5 / span 8;grid-row:1 / span 2}
  .page-home .hero__notice{
    grid-column:9 / span 4;
    grid-row:1;
    align-self:end;
    transform:translateY(34px);
    z-index:3;
  }
  .page-home .hero__feedback{
    grid-column:5 / span 4;
    grid-row:2;
    margin-top:-4px;
  }
  .page-home .hero__lead-body{padding:20px 20px 46px}
  .page-home .rail-shot img{max-height:320px}

  .page-home .rounds{margin-top:64px}
  .page-home .sec-head{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    column-gap:24px;
  }
  .page-home .sec-head__note{max-width:36ch;text-align:right}
  .page-home .timeline{padding:22px 24px;gap:12px}

  .page-home .release{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:26px;
    align-items:start;
    margin-top:64px;
  }
  .page-home .release__paper{padding:26px 26px 22px}

  .page-home .routes{margin-top:64px}
  .page-home .routes__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .page-home .scale{margin-top:64px;padding:32px 0}
  .page-home .feedback{
    margin-top:64px;
    grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
    gap:32px;
    padding:30px 28px;
  }
}

@media (min-width:1200px){
  .page-home .hero__title{font-size:54px}
  .page-home .hero__lead-title{font-size:28px}
  .page-home .stat__n{font-size:32px}
}

/* ---------- motion preferences ---------- */
@media (prefers-reduced-motion:reduce){
  .page-home *,
  .page-home *::before,
  .page-home *::after{
    animation:none !important;
    transition:none !important;
  }
  .page-home .hero__notice{transform:none}
}
<<<END>>>