/* =========================================================
   ST7D v7.3.4 - HOMEPAGE VISUAL HIERARCHY
   Design-only homepage pass. Existing content, live data,
   links, APIs and responsive structure remain authoritative.
   ========================================================= */

.home-page-v734{
  --home-panel:#0b0b0e;
  --home-panel-2:#111116;
  --home-line:rgba(255,255,255,.085);
  --home-muted:#938d89;
  --home-red:#ef353b;
  --home-gold:#e2bd63;
}

.home-page-v734 main{overflow:hidden}
.home-page-v734 .section{position:relative}
.home-page-v734 .section-title,
.home-page-v734 .v7-pulse-head,
.home-page-v734 .why-st7d-heading{position:relative;z-index:1}

/* The hero already has strong art; sharpen its landing instead of rebuilding it. */
.home-page-v734 .home-hero-v2{
  border-bottom:1px solid rgba(255,255,255,.055);
  box-shadow:0 26px 80px rgba(0,0,0,.20);
}
.home-page-v734 .home-hero-v2:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:92px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(7,7,9,.42));
}
.home-page-v734 .home-hero-v2 .hero-content{position:relative;z-index:2}
.home-page-v734 .home-hero-v2 .home-ready-card{
  border-color:rgba(94,228,139,.20);
  background:linear-gradient(90deg,rgba(19,47,30,.34),rgba(8,10,11,.74));
  box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);
}
.home-page-v734 .home-hero-v2 .home-live-summary{
  overflow:hidden;
  border-color:rgba(255,255,255,.095);
  background:linear-gradient(180deg,rgba(12,12,15,.80),rgba(7,7,9,.88));
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}

/* Stronger shared section headings create rhythm without adding more content. */
.home-page-v734 :is(.section-title,.v7-pulse-head,.why-st7d-heading) h2{
  letter-spacing:-.025em;
}
.home-page-v734 :is(.section-title,.v7-pulse-head,.why-st7d-heading) .section-kicker,
.home-page-v734 .v7-pulse-head>div>span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.home-page-v734 :is(.section-title,.v7-pulse-head,.why-st7d-heading) .section-kicker:before,
.home-page-v734 .v7-pulse-head>div>span:before{
  content:"";
  width:24px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--home-red),rgba(239,53,59,.18));
}

/* ---------------------------------------------------------
   PERSONAL HOME: make signed-in state feel like a dashboard.
   --------------------------------------------------------- */
.home-page-v734 .home-personal-shell{
  padding-top:58px;
  padding-bottom:58px;
}
.home-page-v734 .home-personal-panel{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  border-color:rgba(239,53,59,.16);
  background:
    radial-gradient(circle at 8% 0%,rgba(182,29,36,.14),transparent 32%),
    radial-gradient(circle at 94% 12%,rgba(226,189,99,.06),transparent 30%),
    linear-gradient(145deg,rgba(19,19,24,.985),rgba(8,8,11,.985));
  box-shadow:0 28px 80px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.035);
}
.home-page-v734 .home-personal-panel:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:linear-gradient(90deg,#8f1218,var(--home-red) 28%,var(--home-gold) 76%,transparent);
}
.home-page-v734 .home-personal-head{
  padding-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.home-page-v734 .home-personal-head h2{font-size:clamp(2.15rem,3.4vw,3.15rem)}
.home-page-v734 .home-personal-grid{gap:11px}
.home-page-v734 .home-personal-card{
  --personal-accent:#ef5358;
  position:relative;
  min-height:128px;
  padding:18px 18px 16px;
  overflow:hidden;
  border-color:rgba(255,255,255,.08);
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  box-shadow:inset 0 1px rgba(255,255,255,.018);
}
.home-page-v734 .home-personal-card:before{
  content:"";
  position:absolute;
  left:0;top:14px;bottom:14px;
  width:2px;
  border-radius:99px;
  background:var(--personal-accent);
  opacity:.9;
}
.home-page-v734 .home-personal-card:nth-child(2){--personal-accent:#e2bd63}
.home-page-v734 .home-personal-card:nth-child(3){--personal-accent:#5ce892}
.home-page-v734 .home-personal-card:nth-child(4){--personal-accent:#a88cff}
.home-page-v734 .home-personal-card:nth-child(5){--personal-accent:#ff6b70}
.home-page-v734 .home-personal-card:nth-child(6){--personal-accent:#68c9f2}
.home-page-v734 .home-personal-card>span{color:color-mix(in srgb,var(--personal-accent) 86%,white)}
.home-page-v734 .home-personal-card strong{font-size:1.35rem}
.home-page-v734 .home-progress-meter{height:6px;background:rgba(255,255,255,.075)}
.home-page-v734 .home-progress-meter i{background:linear-gradient(90deg,var(--personal-accent),color-mix(in srgb,var(--personal-accent) 72%,white))}
.home-page-v734 .v7-next-moves{
  margin-top:16px;
  padding:16px;
  border-color:rgba(226,189,99,.14);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(226,189,99,.04),rgba(255,255,255,.015));
}
.home-page-v734 .v7-next-grid article{min-height:84px;background:rgba(7,7,10,.55)}

/* ---------------------------------------------------------
   NETWORK PULSE: a full-width editorial band between hero and worlds.
   --------------------------------------------------------- */
.home-page-v734 .v7-network-pulse{
  padding-top:72px;
  padding-bottom:78px;
  isolation:isolate;
}
.home-page-v734 .v7-network-pulse:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;bottom:0;left:50%;
  width:100vw;
  transform:translateX(-50%);
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
  background:
    radial-gradient(circle at 16% 12%,rgba(166,27,34,.12),transparent 28%),
    radial-gradient(circle at 84% 88%,rgba(226,189,99,.045),transparent 24%),
    linear-gradient(180deg,#09090c,#0d0d11 55%,#09090c);
}
.home-page-v734 .v7-pulse-head{margin-bottom:20px}
.home-page-v734 #v7NetworkPulse{gap:11px}
.home-page-v734 .v7-pulse-card{
  min-height:104px;
  padding:15px;
  border-color:rgba(255,255,255,.085);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(24,24,29,.92),rgba(12,12,15,.94));
  box-shadow:0 12px 28px rgba(0,0,0,.15);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.home-page-v734 .v7-pulse-card:hover{
  transform:translateY(-3px);
  border-color:rgba(239,53,59,.34);
  background:linear-gradient(145deg,rgba(34,23,27,.96),rgba(13,13,17,.96));
  box-shadow:0 18px 38px rgba(0,0,0,.22);
}
.home-page-v734 .v7-pulse-icon{
  width:44px;height:44px;
  border-radius:12px;
  background:linear-gradient(145deg,rgba(124,24,29,.24),rgba(42,19,22,.40));
  border-color:rgba(239,53,59,.18);
}
.home-page-v734 .v7-pulse-card strong{font-size:13px}
.home-page-v734 .v7-pulse-card em{font-size:10.5px}

/* ---------------------------------------------------------
   SIX WORLDS: make the network itself a visual centrepiece.
   --------------------------------------------------------- */
.home-page-v734 .home-server-choices{
  padding-top:88px;
  padding-bottom:92px;
}
.home-page-v734 .home-server-choice-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:30px;
}
.home-page-v734 .home-server-choice-grid>a{
  min-height:176px;
  justify-content:flex-end;
  padding:25px 24px 22px;
  border-radius:17px;
  border-color:color-mix(in srgb,var(--server-accent) 20%,rgba(255,255,255,.095));
  background:
    radial-gradient(circle at 87% 16%,color-mix(in srgb,var(--server-accent) 17%,transparent),transparent 34%),
    linear-gradient(150deg,color-mix(in srgb,var(--server-accent) 7%,rgba(20,20,24,.98)),rgba(7,7,10,.99) 72%);
  box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.home-page-v734 .home-server-choice-grid>a:before{
  inset:0 18px auto 18px;
  width:auto;
  height:2px;
  background:linear-gradient(90deg,var(--server-accent),transparent 78%);
  opacity:.82;
}
.home-page-v734 .home-server-choice-grid>a:after{
  position:absolute;
  right:18px;
  top:15px;
  color:color-mix(in srgb,var(--server-accent) 25%,transparent);
  font:900 52px/1 "Barlow Condensed",sans-serif;
  letter-spacing:-.05em;
  pointer-events:none;
}
.home-page-v734 .home-server-choice-grid>a:nth-child(1):after{content:"01"}
.home-page-v734 .home-server-choice-grid>a:nth-child(2):after{content:"02"}
.home-page-v734 .home-server-choice-grid>a:nth-child(3):after{content:"03"}
.home-page-v734 .home-server-choice-grid>a:nth-child(4):after{content:"04"}
.home-page-v734 .home-server-choice-grid>a:nth-child(5):after{content:"05"}
.home-page-v734 .home-server-choice-grid>a:nth-child(6):after{content:"06"}
.home-page-v734 .home-server-choice-grid>a:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--server-accent) 58%,rgba(255,255,255,.14));
  box-shadow:0 24px 54px rgba(0,0,0,.28),0 0 34px color-mix(in srgb,var(--server-accent) 9%,transparent);
}
.home-page-v734 .home-server-choice-grid span{font-size:10px;letter-spacing:.15em}
.home-page-v734 .home-server-choice-grid strong{font-size:36px;letter-spacing:-.015em}
.home-page-v734 .home-server-choice-grid small{font-size:13px}
.home-page-v734 .server-section-actions{margin-top:22px}

/* ---------------------------------------------------------
   SEASON PULSE: give competitive history its own atmosphere.
   --------------------------------------------------------- */
.home-page-v734 .home-season-pulse{
  padding-top:82px;
  padding-bottom:86px;
  isolation:isolate;
}
.home-page-v734 .home-season-pulse:after{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;bottom:0;left:50%;
  width:100vw;
  transform:translateX(-50%);
  border-top:1px solid rgba(226,189,99,.07);
  border-bottom:1px solid rgba(226,189,99,.055);
  background:
    radial-gradient(circle at 82% 16%,rgba(226,189,99,.07),transparent 30%),
    radial-gradient(circle at 14% 84%,rgba(153,22,29,.08),transparent 28%),
    linear-gradient(180deg,rgba(16,14,13,.96),rgba(9,9,11,.98));
}
.home-page-v734 .home-season-pulse .section-kicker:before{background:linear-gradient(90deg,var(--home-gold),rgba(226,189,99,.16))}
.home-page-v734 .season-pulse-tabs{margin-top:6px;margin-bottom:20px}
.home-page-v734 .season-pulse-tabs button{padding:10px 15px;background:rgba(6,6,8,.66)}
.home-page-v734 .season-pulse-card{box-shadow:0 30px 75px rgba(0,0,0,.30)}

/* ---------------------------------------------------------
   WHY ST7D: bold editorial blocks, not another row of tiny cards.
   --------------------------------------------------------- */
.home-page-v734 .home-why-clean{
  padding-top:92px!important;
  padding-bottom:94px;
}
.home-page-v734 .why-st7d-grid{gap:0;margin-top:30px;border-top:1px solid rgba(255,255,255,.075);border-bottom:1px solid rgba(255,255,255,.075)}
.home-page-v734 .why-st7d-grid article{
  min-height:276px;
  padding:32px 32px 30px;
  border:0;
  border-radius:0;
  background:transparent;
}
.home-page-v734 .why-st7d-grid article+article{border-left:1px solid rgba(255,255,255,.075)}
.home-page-v734 .why-st7d-grid article:before{
  width:180px;height:180px;
  border-color:rgba(239,53,59,.075);
  box-shadow:0 0 64px rgba(170,0,0,.045);
}
.home-page-v734 .why-st7d-grid article>span{font-size:15px;letter-spacing:.1em}
.home-page-v734 .why-st7d-grid strong{margin-top:34px;font-size:42px}
.home-page-v734 .why-st7d-grid p{max-width:390px;font-size:13.5px}

/* ---------------------------------------------------------
   NEW PLAYER PATH: read as a journey instead of three same cards.
   --------------------------------------------------------- */
.home-page-v734 .home-start-clean{
  padding-top:82px;
  padding-bottom:88px;
}
.home-page-v734 .onboarding-steps-three{position:relative;gap:12px;margin-top:28px}
.home-page-v734 .onboarding-steps-three:before{
  content:"";
  position:absolute;
  left:14%;right:14%;top:29px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(239,53,59,.28),rgba(239,53,59,.28),transparent);
  pointer-events:none;
}
.home-page-v734 .onboarding-steps-three>a{
  position:relative;
  min-height:205px;
  padding:28px 24px 24px;
  border-color:rgba(255,255,255,.075);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.009));
  box-shadow:0 14px 36px rgba(0,0,0,.12);
}
.home-page-v734 .onboarding-steps-three>a:hover{border-color:rgba(239,53,59,.30);background:linear-gradient(145deg,rgba(117,20,25,.09),rgba(255,255,255,.012))}
.home-page-v734 .onboarding-steps-three span{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:44px;height:44px;
  margin-bottom:22px;
  border:1px solid rgba(239,53,59,.30);
  border-radius:50%;
  background:#111115;
  box-shadow:0 0 0 6px #08080a,0 0 24px rgba(239,53,59,.08);
}
.home-page-v734 .onboarding-steps-three strong{font-size:26px}

/* ---------------------------------------------------------
   FINAL DISCOVERY STRIP: four distinct doors, not four grey cards.
   --------------------------------------------------------- */
.home-page-v734 .home-community-simple{
  padding-top:78px;
  padding-bottom:96px;
  isolation:isolate;
}
.home-page-v734 .home-community-simple:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;bottom:0;left:50%;
  width:100vw;
  transform:translateX(-50%);
  border-top:1px solid rgba(255,255,255,.05);
  background:linear-gradient(180deg,rgba(12,12,15,.80),rgba(6,6,8,.96));
}
.home-page-v734 .home-simple-link-grid{gap:10px;margin-top:28px}
.home-page-v734 .home-simple-link-grid>a{
  --door-accent:#ef353b;
  position:relative;
  min-height:168px;
  padding:24px 22px;
  overflow:hidden;
  border-color:rgba(255,255,255,.075);
  background:linear-gradient(145deg,color-mix(in srgb,var(--door-accent) 5%,rgba(19,19,23,.92)),rgba(8,8,10,.96));
}
.home-page-v734 .home-simple-link-grid>a:nth-child(2){--door-accent:#d5974b}
.home-page-v734 .home-simple-link-grid>a:nth-child(3){--door-accent:#6f8eff}
.home-page-v734 .home-simple-link-grid>a:nth-child(4){--door-accent:#67d992}
.home-page-v734 .home-simple-link-grid>a:before{
  content:"";
  position:absolute;
  left:20px;right:55%;top:0;
  height:2px;
  background:linear-gradient(90deg,var(--door-accent),transparent);
}
.home-page-v734 .home-simple-link-grid>a:hover{
  border-color:color-mix(in srgb,var(--door-accent) 38%,rgba(255,255,255,.1));
  background:linear-gradient(145deg,color-mix(in srgb,var(--door-accent) 9%,rgba(20,20,24,.94)),rgba(8,8,10,.98));
}
.home-page-v734 .home-simple-link-grid span{color:var(--door-accent)}
.home-page-v734 .home-simple-link-grid strong{font-size:29px}

/* Light theme keeps hierarchy without muddy translucent dark surfaces. */
html[data-site-theme="light"] .home-page-v734{
  --home-panel:#fff;
  --home-panel-2:#f8f4f0;
  --home-line:rgba(48,39,34,.12);
  --home-muted:#6f6762;
}
html[data-site-theme="light"] .home-page-v734 .home-personal-panel{
  background:radial-gradient(circle at 8% 0%,rgba(176,37,43,.07),transparent 32%),linear-gradient(145deg,#fff,#f7f3ef);
  border-color:rgba(153,25,31,.16);
}
html[data-site-theme="light"] .home-page-v734 :is(.v7-network-pulse:before,.home-season-pulse:after,.home-community-simple:before){filter:none}
html[data-site-theme="light"] .home-page-v734 .v7-network-pulse:before{background:linear-gradient(180deg,#f6f2ee,#fbf9f6)}
html[data-site-theme="light"] .home-page-v734 .home-season-pulse:after{background:radial-gradient(circle at 82% 16%,rgba(186,142,50,.08),transparent 30%),linear-gradient(180deg,#faf7f2,#f5f0eb)}
html[data-site-theme="light"] .home-page-v734 .home-community-simple:before{background:linear-gradient(180deg,#f7f3ef,#f2eeea)}
html[data-site-theme="light"] .home-page-v734 .home-personal-card,
html[data-site-theme="light"] .home-page-v734 .v7-pulse-card,
html[data-site-theme="light"] .home-page-v734 .v7-next-grid article{background:rgba(255,255,255,.74);border-color:rgba(45,37,33,.11)}
html[data-site-theme="light"] .home-page-v734 .home-server-choice-grid>a{background:radial-gradient(circle at 87% 16%,color-mix(in srgb,var(--server-accent) 12%,transparent),transparent 34%),linear-gradient(150deg,#fff,#f5f1ed 76%)}
html[data-site-theme="light"] .home-page-v734 .why-st7d-grid{border-color:rgba(45,37,33,.12)}
html[data-site-theme="light"] .home-page-v734 .why-st7d-grid article{background:transparent!important}
html[data-site-theme="light"] .home-page-v734 .why-st7d-grid article+article{border-color:rgba(45,37,33,.12)}
html[data-site-theme="light"] .home-page-v734 .onboarding-steps-three>a{background:rgba(255,255,255,.64);border-color:rgba(45,37,33,.11)}
html[data-site-theme="light"] .home-page-v734 .onboarding-steps-three span{background:#fff;box-shadow:0 0 0 6px #f3f0ec,0 0 20px rgba(170,35,40,.06)}
html[data-site-theme="light"] .home-page-v734 .home-simple-link-grid>a{background:#fff;border-color:rgba(45,37,33,.11)}

@media (max-width:1180px){
  .home-page-v734 .home-server-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page-v734 .home-simple-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  .home-page-v734 .home-personal-shell{padding-top:38px;padding-bottom:38px}
  .home-page-v734 .home-server-choices,.home-page-v734 .home-season-pulse,.home-page-v734 .home-why-clean,.home-page-v734 .home-start-clean,.home-page-v734 .home-community-simple{padding-top:68px!important;padding-bottom:70px}
  .home-page-v734 .why-st7d-grid{grid-template-columns:1fr;border-bottom:0}
  .home-page-v734 .why-st7d-grid article{min-height:auto;border-bottom:1px solid rgba(255,255,255,.075)}
  .home-page-v734 .why-st7d-grid article+article{border-left:0}
  .home-page-v734 .onboarding-steps-three:before{display:none}
}

@media (max-width:620px){
  .home-page-v734 .home-server-choice-grid,
  .home-page-v734 .home-simple-link-grid{grid-template-columns:1fr}
  .home-page-v734 .home-server-choice-grid>a{min-height:142px;padding:20px 18px}
  .home-page-v734 .home-server-choice-grid strong{font-size:31px}
  .home-page-v734 .home-server-choice-grid>a:after{font-size:42px}
  .home-page-v734 .home-personal-panel{border-radius:18px}
  .home-page-v734 .home-personal-card{min-height:110px}
  .home-page-v734 .home-simple-link-grid>a{min-height:142px}
  .home-page-v734 .why-st7d-grid article{padding:28px 20px}
  .home-page-v734 .why-st7d-grid strong{font-size:36px}
}

@media (prefers-reduced-motion:reduce){
  .home-page-v734 :is(.v7-pulse-card,.home-server-choice-grid>a,.home-simple-link-grid>a,.onboarding-steps-three>a){transition:none!important}
}