.page-home{
  --home-red:#E4002B;
  --home-red-soft:rgba(228,0,43,0.14);
  --home-silver:#A9A9A9;
  --home-bg:#0B0B0C;
  --home-green:#39FF14;
  --home-text:#F2F2F0;
  --home-card:#1E1E1E;
  --home-glass:rgba(30,30,30,0.72);
  --home-glass-border:rgba(169,169,169,0.22);
  --home-font-display:'Archivo Black',sans-serif;
  --home-font-body:'Noto Sans SC',sans-serif;
  --home-font-mono:'Roboto Mono',monospace;
  --home-page-width:1280px;
  --home-page-padding:clamp(16px,4vw,48px);
  position:relative;
  background:var(--home-bg);
  color:var(--home-text);
  font-family:var(--home-font-body);
  overflow-x:hidden;
  min-height:70vh;
}
.page-home *,
.page-home *::before,
.page-home *::after{box-sizing:border-box;}
.page-home a{color:inherit;text-decoration:none;}
.page-home img{max-width:100%;height:auto;display:block;}
.page-home .visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.page-home .home-bg-texture{
  position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
}
.page-home .home-court-lines,
.page-home .home-skyline{
  position:absolute;left:0;width:100%;height:100%;object-fit:cover;
}
.page-home .home-skyline{bottom:0;height:60%;opacity:0.7;}
.page-home .section{
  position:relative;
  z-index:1;
  padding:clamp(36px,7vw,72px) var(--home-page-padding);
  max-width:var(--home-page-width);
  margin:0 auto;
  width:100%;
}
.page-home .section-header{
  display:flex;flex-direction:column;gap:8px;margin-bottom:24px;
}
.page-home .section-header .section-title{
  font-family:var(--home-font-display);
  font-style:italic;
  text-transform:uppercase;
  font-size:clamp(1.7rem,3.6vw,2.7rem);
  line-height:1.1;
  margin:0;
  color:var(--home-text);
  letter-spacing:-0.01em;
}
.page-home .section-subtitle{
  font-family:var(--home-font-mono);
  font-size:0.8rem;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--home-green);margin:0;
}
.page-home .section-desc{
  color:rgba(242,242,240,0.72);
  font-size:0.95rem;line-height:1.7;max-width:65ch;margin:4px 0 0;
}
.page-home .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 22px;border-radius:6px;
  font-family:var(--home-font-body);font-weight:700;font-size:0.92rem;
  border:1px solid transparent;cursor:pointer;
  transition:transform 0.25s ease,box-shadow 0.25s ease,background-color 0.25s ease,border-color 0.25s ease;
  white-space:nowrap;
}
.page-home .btn:focus-visible{
  outline:2px solid var(--home-green);outline-offset:3px;
}
.page-home .btn-primary{
  background:var(--home-red);color:#fff;border-color:var(--home-red);
}
.page-home .btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 24px rgba(228,0,43,0.38);
}
.page-home .btn-outline{
  background:transparent;color:var(--home-text);
  border-color:var(--home-silver);
}
.page-home .btn-outline:hover{
  border-color:var(--home-green);
  color:var(--home-green);
  transform:translateY(-2px);
}
.page-home .btn-accent{
  background:transparent;color:var(--home-green);
  border-color:var(--home-green);
}
.page-home .btn-accent:hover{
  background:rgba(57,255,20,0.1);
  transform:translateY(-2px);
  box-shadow:0 0 20px rgba(57,255,20,0.18);
}
.page-home .breadcrumb{
  display:flex;flex-wrap:wrap;gap:6px 12px;list-style:none;
  margin:0 0 18px;padding:0;
  font-family:var(--home-font-body);font-size:0.84rem;color:rgba(242,242,240,0.58);
}
.page-home .breadcrumb-item{display:inline-flex;align-items:center;gap:12px;}
.page-home .breadcrumb-item + .breadcrumb-item::before{
  content:"/";color:rgba(169,169,169,0.5);
}
.page-home .breadcrumb-link{color:var(--home-silver);transition:color 0.2s ease;}
.page-home .breadcrumb-link:hover{color:var(--home-green);}
.page-home .breadcrumb-item.is-current{color:var(--home-text);font-weight:600;}

/* ===== hero collage ===== */
.page-home .home-lead{
  position:relative;z-index:1;
  padding:clamp(28px,5vw,56px) var(--home-page-padding) 32px;
  max-width:var(--home-page-width);
  margin:0 auto;
}
.page-home .home-lead-inner{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
}
@media (min-width:768px){
  .page-home .home-lead-inner{
    grid-template-columns:minmax(0,1.35fr) minmax(320px,0.85fr);
    align-items:stretch;
    gap:clamp(20px,4vw,56px);
  }
}
.page-home .home-lead-main{
  position:relative;
  background:linear-gradient(135deg,rgba(228,0,43,0.2),rgba(11,11,12,0.88) 58%);
  border:1px solid rgba(169,169,169,0.18);
  border-radius:10px;
  padding:clamp(22px,4vw,44px);
  display:flex;flex-direction:column;justify-content:center;
  box-shadow:0 20px 60px rgba(0,0,0,0.4);
  color:var(--home-text);
}
.page-home .home-lead-main::after{
  content:"";position:absolute;left:0;bottom:0;width:36%;height:4px;
  background:linear-gradient(90deg,var(--home-red),transparent);
}
.page-home .home-lead-language{
  display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:18px;
}
.page-home .home-lead-language span{
  font-family:var(--home-font-mono);
  font-size:0.72rem;letter-spacing:0.14em;
  color:var(--home-green);
  border:1px solid rgba(57,255,20,0.35);
  padding:4px 8px;border-radius:3px;
  text-transform:uppercase;
  background:rgba(57,255,20,0.04);
}
.page-home .home-lead-title{
  font-family:var(--home-font-display);
  font-style:italic;
  text-transform:uppercase;
  font-size:clamp(2rem,5.2vw,3.6rem);
  line-height:1.04;
  margin:0 0 16px;
  letter-spacing:-0.02em;
  color:var(--home-text);
}
.page-home .home-lead-desc{
  font-size:0.95rem;line-height:1.78;
  color:rgba(242,242,240,0.74);
  max-width:62ch;
  margin:0 0 24px;
}
.page-home .home-lead-actions{
  display:flex;flex-wrap:wrap;gap:14px;
  align-items:center;
}
@media (max-width:768px){
  .page-home .home-lead-actions .btn{width:100%;}
}
.page-home .home-lead-panel{
  background:var(--home-glass);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid var(--home-glass-border);
  border-radius:10px;
  padding:clamp(18px,3vw,30px);
  box-shadow:0 16px 50px rgba(0,0,0,0.3);
  display:flex;flex-direction:column;gap:18px;
}
.page-home .home-lead-panel-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding-bottom:12px;
  border-bottom:1px solid rgba(169,169,169,0.16);
}
.page-home .home-panel-tag{
  font-family:var(--home-font-mono);
  font-size:0.75rem;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--home-silver);
}
.page-home .home-panel-live{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--home-font-mono);font-size:0.7rem;
  color:var(--home-green);letter-spacing:0.1em;
  border:1px solid rgba(57,255,20,0.4);border-radius:3px;
  padding:3px 8px;
}
.page-home .home-panel-live i{
  width:6px;height:6px;border-radius:50%;
  background:var(--home-green);
  box-shadow:0 0 8px var(--home-green);
}
.page-home .home-metrics{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
}
@media (max-width:480px){
  .page-home .home-metrics{grid-template-columns:1fr;}
  .page-home .home-lead-panel{min-height:auto;}
}
.page-home .home-metrics .data-metric{
  background:rgba(11,11,12,0.5);
  border:1px solid rgba(169,169,169,0.14);
  border-radius:6px;
  padding:14px 10px;
  display:flex;flex-direction:column;gap:6px;
}
.page-home .data-label{
  font-size:0.7rem;letter-spacing:0.08em;
  color:rgba(242,242,240,0.6);
  text-transform:uppercase;
}
.page-home .data-value{
  font-family:var(--home-font-mono);
  font-size:clamp(1.35rem,2.6vw,1.85rem);
  font-weight:700;
  color:var(--home-green);
  line-height:1;
}
.page-home .home-lead-versions{
  display:grid;gap:8px;
}
.page-home .home-version-item{
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;
  border:1px solid rgba(169,169,169,0.14);
  border-radius:6px;
  font-size:0.86rem;
}
.page-home .home-version-item.is-active{
  border-color:rgba(228,0,43,0.5);
  background:rgba(228,0,43,0.08);
}
.page-home .home-version-code{
  font-family:var(--home-font-mono);
  font-weight:700;
  font-size:0.86rem;
  color:var(--home-red);
  min-width:30px;
}
.page-home .home-version-item.is-active .home-version-code{color:var(--home-green);}
.page-home .home-version-text{color:rgba(242,242,240,0.8);}

/* ===== latest dynamic ===== */
.page-home .home-latest .section-header{
  flex-direction:row;align-items:flex-end;justify-content:space-between;gap:20px;
}
@media (max-width:640px){
  .page-home .home-latest .section-header{flex-direction:column;align-items:flex-start;}
}
.page-home .home-latest-scroll{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(270px,1fr));
  gap:16px;
  overflow:visible;
  padding-bottom:8px;
}
.page-home .home-latest-card{
  position:relative;
  background:linear-gradient(145deg,#161617,#0E0E0F);
  border:1px solid rgba(169,169,169,0.15);
  border-radius:10px;
  padding:20px 18px 16px;
  display:flex;flex-direction:column;gap:12px;
  transition:transform 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;
  overflow:hidden;
  min-height:200px;
}
.page-home .home-latest-card::before{
  content:"";position:absolute;top:0;right:0;width:86px;height:86px;
  background:radial-gradient(circle at top right,rgba(228,0,43,0.35),transparent 72%);
  opacity:0;transition:opacity 0.3s ease;
}
.page-home .home-latest-card:hover{
  transform:translateY(-4px);
  border-color:rgba(228,0,43,0.45);
  box-shadow:0 14px 34px rgba(0,0,0,0.45);
}
.page-home .home-latest-card:hover::before{opacity:1;}
.page-home .home-latest-card-idx{
  font-family:var(--home-font-mono);
  font-size:0.76rem;color:rgba(169,169,169,0.5);
  letter-spacing:0.1em;
}
.page-home .home-latest-card-body{display:flex;flex-direction:column;gap:8px;flex:1;}
.page-home .home-latest-tag{
  font-family:var(--home-font-mono);
  font-size:0.7rem;letter-spacing:0.1em;
  color:var(--home-red);
  text-transform:uppercase;
  border-bottom:2px solid rgba(228,0,43,0.3);
  padding-bottom:4px;
  align-self:flex-start;
}
.page-home .home-latest-card-body h3{
  font-size:1.02rem;line-height:1.45;margin:0;
  font-weight:700;
}
.page-home .home-latest-card-body p{
  margin:0;font-size:0.85rem;line-height:1.65;
  color:rgba(242,242,240,0.65);
}
.page-home .home-latest-link{
  display:inline-flex;align-items:center;justify-content:space-between;gap:10px;
  font-size:0.84rem;font-weight:600;
  color:var(--home-silver);
  transition:color 0.2s ease;
  margin-top:6px;
}
.page-home .home-latest-link:hover{color:var(--home-green);}

/* ===== stats ===== */
.page-home .home-stats{
  border-top:1px solid rgba(169,169,169,0.12);
  border-bottom:1px solid rgba(169,169,169,0.12);
  max-width:none;
}
.page-home .home-stats::before{
  content:"";position:absolute;top:0;left:0;width:100%;height:100%;
  background:linear-gradient(90deg,rgba(228,0,43,0.05),transparent 60%);
  pointer-events:none;
}
.page-home .home-stats-grid{
  max-width:var(--home-page-width);
  margin:0 auto;
  display:grid;grid-template-columns:1fr;
  gap:clamp(22px,4vw,52px);
  align-items:center;
}
@media (min-width:920px){
  .page-home .home-stats-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);}
}
.page-home .home-stats-copy .section-header{margin-bottom:12px;}
.page-home .home-stats-desc{
  color:rgba(242,242,240,0.72);line-height:1.75;font-size:0.94rem;
  max-width:56ch;margin:12px 0 22px;
}
.page-home .home-stats-bars{
  display:grid;gap:16px;margin-bottom:28px;
}
.page-home .home-bar-row{
  display:grid;grid-template-columns:96px minmax(0,1fr) 62px;
  gap:12px;align-items:center;
  font-size:0.84rem;
}
.page-home .home-bar-row > span{color:rgba(242,242,240,0.72);}
.page-home .home-bar-row strong{
  font-family:var(--home-font-mono);font-weight:600;color:var(--home-green);
  text-align:right;
}
.page-home .home-bar-track{
  background:rgba(169,169,169,0.12);
  height:8px;border-radius:4px;overflow:hidden;
}
.page-home .home-bar-track i{
  display:block;height:100%;border-radius:4px;
  background:linear-gradient(90deg,var(--home-red),#FF4D6A);
}
.page-home .home-stats-visual{
  position:relative;
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(169,169,169,0.16);
  background:var(--home-card);
  box-shadow:0 18px 44px rgba(0,0,0,0.35);
}
.page-home .home-stats-img{
  width:100%;object-fit:cover;
}
.page-home .home-stats-float{
  position:absolute;left:14px;bottom:14px;
  background:rgba(11,11,12,0.82);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(169,169,169,0.18);
  border-radius:8px;
  padding:12px 14px;
  display:flex;flex-direction:column;gap:4px;
}
.page-home .home-stats-float .data-value{
  font-size:1.3rem;
}
.page-home .home-stats-float .data-label{
  font-size:0.68rem;
}

/* ===== entry ===== */
.page-home .home-entry{
  max-width:none;
  background:
    radial-gradient(ellipse at 12% 30%,rgba(228,0,43,0.13),transparent 55%),
    radial-gradient(ellipse at 90% 80%,rgba(57,255,20,0.06),transparent 45%),
    var(--home-bg);
}
.page-home .home-entry-inner{
  max-width:var(--home-page-width);
  margin:0 auto;
}
.page-home .home-entry-head{
  max-width:720px;
  margin-bottom:28px;
}
.page-home .home-entry-desc{
  color:rgba(242,242,240,0.72);line-height:1.7;font-size:0.94rem;margin:8px 0 0;
}
.page-home .home-entry-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
@media (min-width:860px){
  .page-home .home-entry-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-home .home-entry-tabs{
    grid-column:1 / -1;
  }
}
.page-home .home-entry-card{
  position:relative;
  display:flex;flex-direction:column;gap:8px;
  padding:26px 22px;
  border-radius:10px;
  border:1px solid rgba(169,169,169,0.2);
  overflow:hidden;
  min-height:180px;
  transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;
}
.page-home .home-entry-card::after{
  content:"";position:absolute;right:-24px;bottom:-24px;
  width:120px;height:120px;border-radius:50%;
  background:rgba(169,169,169,0.08);
  transition:transform 0.35s ease;
}
.page-home .home-entry-card:hover{
  transform:translateY(-4px);
  border-color:rgba(228,0,43,0.5);
  box-shadow:0 16px 40px rgba(0,0,0,0.4);
}
.page-home .home-entry-card:hover::after{transform:scale(1.4);}
.page-home .home-entry-apple{
  background:linear-gradient(135deg,rgba(228,0,43,0.22),rgba(11,11,12,0.92) 55%);
}
.page-home .home-entry-local{
  background:linear-gradient(135deg,rgba(57,255,20,0.1),rgba(11,11,12,0.9) 55%);
}
.page-home .home-entry-icon{
  font-size:1.7rem;line-height:1;color:var(--home-silver);
  width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  background:rgba(11,11,12,0.5);
  border:1px solid rgba(169,169,169,0.2);
  border-radius:8px;margin-bottom:6px;
}
.page-home .home-entry-apple .home-entry-icon{color:var(--home-red);}
.page-home .home-entry-local .home-entry-icon{color:var(--home-green);}
.page-home .home-entry-card strong{
  font-size:1.06rem;line-height:1.4;
}
.page-home .home-entry-card > span:not(.home-entry-icon){
  font-size:0.85rem;line-height:1.6;color:rgba(242,242,240,0.68);
  max-width:38ch;
}
.page-home .home-entry-more{
  margin-top:auto;
  font-size:1.1rem;
  color:var(--home-silver);
  transition:color 0.2s ease;
  z-index:1;
}
.page-home .home-entry-card:hover .home-entry-more{color:var(--home-green);}
.page-home .home-entry-tabs{
  background:var(--home-glass);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid var(--home-glass-border);
  border-radius:10px;
  padding:20px;
}
.page-home .home-entry-tabs-head{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:12px;margin-bottom:12px;
  border-bottom:1px solid rgba(169,169,169,0.14);
}
.page-home .home-entry-tabs-head span:first-child{
  font-family:var(--home-font-mono);font-size:0.75rem;letter-spacing:0.1em;
  text-transform:uppercase;color:var(--home-silver);
}
.page-home .home-entry-tabs-switch{
  display:inline-flex;gap:4px;background:rgba(11,11,12,0.6);
  border-radius:4px;padding:3px;
}
.page-home .home-entry-tabs-switch i{
  font-style:normal;font-size:0.7rem;padding:4px 10px;border-radius:3px;
  color:rgba(242,242,240,0.6);
}
.page-home .home-entry-tabs-switch i:first-child{
  background:var(--home-red);color:#fff;
}
.page-home .home-entry-tabs-device{
  border-radius:8px;overflow:hidden;
  border:1px solid rgba(169,169,169,0.12);
  margin-bottom:12px;
}
.page-home .home-entry-tabs-device img{
  width:100%;object-fit:cover;
}
.page-home .home-entry-tabs p{
  margin:0;font-size:0.84rem;line-height:1.65;
  color:rgba(242,242,240,0.66);
}
.page-home .home-entry-banner{
  margin-top:16px;
  position:relative;
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(169,169,169,0.18);
  min-height:170px;
  display:flex;align-items:flex-end;
}
.page-home .home-entry-banner-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0.42;
}
.page-home .home-entry-banner-text{
  position:relative;z-index:1;
  padding:20px 18px;
  width:100%;
  background:linear-gradient(0deg,rgba(11,11,12,0.92),transparent);
  display:flex;flex-direction:column;gap:4px;
}
.page-home .home-entry-banner-tag{
  font-family:var(--home-font-mono);font-size:0.7rem;letter-spacing:0.1em;
  color:var(--home-green);text-transform:uppercase;
}
.page-home .home-entry-banner-text strong{
  font-size:1.02rem;
}
.page-home .home-entry-banner-text span:last-child{
  font-size:0.82rem;color:rgba(242,242,240,0.68);
}

/* ===== compare ===== */
.page-home .home-compare{
  background:linear-gradient(180deg,rgba(11,11,12,0.4),rgba(30,30,30,0.3));
  border-radius:0;
}
.page-home .home-compare-inner{
  max-width:980px;margin:0 auto;
}
.page-home .home-compare .section-header{
  align-items:center;text-align:center;
}
.page-home .home-compare .section-desc{
  margin-left:auto;margin-right:auto;
}
.page-home .home-compare-table-wrap{
  border-radius:12px;
  border:1px solid rgba(169,169,169,0.16);
  background:rgba(30,30,30,0.68);
  overflow-x:auto;
  box-shadow:0 14px 36px rgba(0,0,0,0.28);
}
.page-home .data-table{
  width:100%;border-collapse:collapse;
  min-width:640px;
}
.page-home .data-table th,
.page-home .data-table td{
  padding:13px 14px;
  text-align:left;
  border-bottom:1px solid rgba(169,169,169,0.1);
  font-size:0.9rem;
}
.page-home .data-table thead th{
  font-family:var(--home-font-mono);
  font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--home-silver);
  background:rgba(11,11,12,0.4);
  position:sticky;top:0;
}
.page-home .data-table tbody tr:last-child td,
.page-home .data-table tbody tr:last-child th{border-bottom:none;}
.page-home .data-table tbody tr:hover td,
.page-home .data-table tbody tr:hover th{
  background:rgba(228,0,43,0.06);
}
.page-home .data-table tbody th{
  font-weight:600;color:var(--home-text);
}
.page-home .home-cmp-badge{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;
  font-size:0.78rem;font-weight:700;
  background:rgba(169,169,169,0.16);color:var(--home-silver);
}
.page-home .home-cmp-badge.home-cmp-home{
  background:rgba(228,0,43,0.18);color:#FF6B7A;
}
.page-home .home-cmp-num{
  font-family:var(--home-font-mono);font-weight:600;
  font-size:0.88rem;
  display:inline-flex;align-items:baseline;gap:8px;
}
.page-home .home-cmp-bar{
  display:inline-block;
  width:56px;height:6px;
  background:rgba(169,169,169,0.14);
  border-radius:3px;
  overflow:hidden;
  vertical-align:middle;
}
.page-home .home-cmp-bar i{
  display:block;height:100%;
  background:linear-gradient(90deg,var(--home-red),#FF4D6A);
  border-radius:3px;
}
.page-home .home-cmp-bar.home-cmp-bar-away i{
  background:linear-gradient(90deg,var(--home-silver),#D5D5D5);
}
.page-home .data-table td .home-cmp-bar{
  margin-left:8px;
}
.page-home .home-compare-foot{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;
  margin-top:18px;
}
.page-home .home-compare-foot span{
  font-family:var(--home-font-mono);font-size:0.76rem;
  color:rgba(169,169,169,0.6);
}
@media (max-width:540px){
  .page-home .home-compare-foot{flex-direction:column;align-items:stretch;}
  .page-home .home-compare-foot .btn{width:100%;}
}

/* ===== channels ===== */
.page-home .home-channels{
  padding-top:44px;padding-bottom:44px;
}
.page-home .home-channels-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:14px;
}
.page-home .home-channel-card{
  position:relative;
  border-radius:10px;
  padding:22px 18px 18px;
  border:1px solid rgba(169,169,169,0.15);
  background:rgba(30,30,30,0.6);
  transition:transform 0.3s ease,border-color 0.3s ease,background-color 0.3s ease;
  display:flex;flex-direction:column;gap:8px;
  min-height:148px;
}
.page-home .home-channel-card:hover{
  transform:translateY(-3px);
  border-color:rgba(228,0,43,0.48);
  background:rgba(228,0,43,0.07);
}
.page-home .home-channel-idx{
  font-family:var(--home-font-mono);font-size:0.72rem;
  color:var(--home-red);letter-spacing:0.1em;
}
.page-home .home-channel-card h3{
  font-size:1.05rem;margin:0;font-weight:700;
}
.page-home .home-channel-card p{
  margin:0;font-size:0.84rem;line-height:1.6;
  color:rgba(242,242,240,0.66);
}
.page-home .home-channel-link{
  margin-top:auto;
  font-size:0.84rem;font-weight:600;
  color:var(--home-silver);
  transition:color 0.2s ease;
}
.page-home .home-channel-link:hover{color:var(--home-green);}

/* ===== timeline ===== */
.page-home .home-timeline{
  border-top:1px solid rgba(169,169,169,0.12);
  background:linear-gradient(180deg,rgba(30,30,30,0.35),rgba(11,11,12,0.6));
  display:grid;gap:26px;
}
@media (min-width:880px){
  .page-home .home-timeline{
    grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);
    align-items:center;
  }
}
.page-home .home-timeline-copy .section-title{
  font-size:clamp(1.6rem,3vw,2.3rem);
}
.page-home .home-timeline-desc{
  color:rgba(242,242,240,0.72);
  line-height:1.72;font-size:0.94rem;
  margin:10px 0 18px;max-width:46ch;
}
.page-home .timeline{
  list-style:none;margin:0;padding:0;
  border-left:2px solid rgba(228,0,43,0.4);
  padding-left:22px;
  display:grid;gap:20px;
}
.page-home .timeline-item{
  position:relative;
  padding:14px 16px;
  background:rgba(30,30,30,0.6);
  border:1px solid rgba(169,169,169,0.12);
  border-radius:8px;
  display:flex;flex-direction:column;gap:6px;
  font-size:0.9rem;line-height:1.6;
}
.page-home .timeline-item::before{
  content:"";position:absolute;left:-27px;top:18px;
  width:9px;height:9px;border-radius:50%;
  background:var(--home-green);
  box-shadow:0 0 10px rgba(57,255,20,0.55);
}
.page-home .timeline-date{
  font-family:var(--home-font-mono);
  font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--home-red);font-weight:600;
}
.page-home .timeline-item span:last-child{
  color:rgba(242,242,240,0.78);font-size:0.88rem;
}

/* ===== reveal motion ===== */
.page-home [data-reveal]{
  opacity:0;
  transform:translateY(18px);
  transition:opacity 0.7s cubic-bezier(0.22,1,0.36,1),transform 0.7s cubic-bezier(0.22,1,0.36,1);
  transition-delay:calc(var(--home-reveal-stagger,0) * 0.1s);
  will-change:opacity,transform;
}
.page-home [data-reveal][data-reveal-delay="1"]{--home-reveal-stagger:1;}
.page-home [data-reveal][data-reveal-delay="2"]{--home-reveal-stagger:2;}
.page-home [data-reveal][data-reveal-delay="3"]{--home-reveal-stagger:3;}
.page-home [data-reveal].is-revealed,
.page-home [data-reveal].is-visible{
  opacity:1;
  transform:translateY(0);
}
@media (prefers-reduced-motion:reduce){
  .page-home *,
  .page-home *::before,
  .page-home *::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
  }
  .page-home [data-reveal]{
    opacity:1;transform:none;
  }
}

/* ===== responsive ===== */
@media (max-width:768px){
  .page-home .section{
    padding-top:34px;padding-bottom:34px;
  }
  .page-home .section-title{
    font-size:1.45rem;
  }
  .page-home .home-stats-float{
    position:relative;left:auto;bottom:auto;
    margin:10px 12px 12px;
  }
  .page-home .home-bar-row{
    grid-template-columns:1fr;
    gap:5px;
  }
  .page-home .home-bar-row strong{
    text-align:left;
  }
  .page-home .home-entry-card{
    min-height:150px;
  }
  .page-home .home-timeline{
    padding-top:34px;
  }
  .page-home .home-lead-title{
    font-size:1.9rem;
  }
}
@media (min-width:769px) and (max-width:1024px){
  .page-home .home-stats-grid{
    gap:20px;
  }
  .page-home .home-stats-float{
    left:10px;bottom:10px;
  }
  .page-home .home-stats-float .data-value{
    font-size:1rem;
  }
}
@media (prefers-reduced-motion:no-preference){
  .page-home .home-panel-live i{
    animation:home-blink 2s ease-in-out infinite;
  }
  @keyframes home-blink{
    0%,100%{opacity:1;}
    50%{opacity:0.35;}
  }
}
</PAGE_CSS>