.landing-page{--landing-radius-lg:28px;--landing-radius-md:18px;--landing-shadow:0 24px 70px rgba(19,20,23,.10);background:#f4f3ef;color:#0b0c0e;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.landing-page main{display:block}
.landing-page .site-header{isolation:isolate}
.landing-menu-toggle,.landing-mobile-menu{display:none}
.landing-page .team-marquee:hover .team-track{animation-play-state:running}
.landing-page .team-chip img{filter:none}
.landing-page .section-white,.landing-page .section-soft{background-image:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0) 180px)}
.landing-page .game-row,.landing-page .link-stack a,.landing-page .ranking-list li{transition:background .28s ease,padding .35s var(--ease),color .28s ease}
.landing-page :where(a,button):focus-visible{outline:2px solid #e51b36;outline-offset:4px}
.landing-page .prize-card{border-radius:var(--landing-radius-md);box-shadow:0 14px 38px rgba(18,19,22,.055)}
.landing-page .prize-image{background:linear-gradient(145deg,#f2f1ed,#e8e7e2)}
.landing-page .empty-card{border:1px solid #d6d6d2;border-radius:var(--landing-radius-md);background:#fff;text-align:center}
.landing-page .site-footer{background:radial-gradient(circle at 85% 10%,rgba(215,25,52,.09),transparent 28%),#101214}
.landing-page .footer-top{grid-template-columns:1.35fr .72fr .8fr 1.15fr;gap:48px}
.landing-page .footer-identity p,.landing-page .wexion p{max-width:330px;color:#969ba2;font-size:12px;line-height:1.7}
.landing-page .wexion img{width:176px;max-height:48px;filter:none}
.landing-page .footer-mail{display:inline-block;margin-top:18px;color:#fff;font-size:12px;font-weight:700}
.landing-page .footer-column{display:flex;flex-direction:column;gap:13px;font-size:12px}
.landing-page .footer-column>span{margin-bottom:7px;color:#71767d;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.landing-page .footer-column a,.landing-page .footer-bottom a{transition:color .2s ease}
.landing-page .footer-column a:hover,.landing-page .footer-bottom a:hover{color:#fff}

@media (max-width:1100px) and (min-width:801px){
  .landing-page .desktop-nav{gap:20px}
  .landing-page .hero-grid{grid-template-columns:.9fr 1.1fr}
  .landing-page .hero-copy h1{font-size:clamp(64px,7.7vw,92px)}
  .landing-page .footer-top{grid-template-columns:1.3fr .8fr .9fr;gap:34px}
  .landing-page .wexion{grid-column:1/-1;justify-self:start;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}
}

@media (max-width:800px){
  .landing-page{--landing-radius-lg:24px;--landing-radius-md:17px;background:#f5f4f1}
  .landing-page .site-header{height:66px;padding:0 15px;background:rgba(250,249,246,.88);border-color:rgba(14,15,17,.08);backdrop-filter:blur(24px) saturate(165%)}
  .landing-page .site-header.scrolled{height:62px}
  .landing-page .brand-wordmark img{width:126px;height:34px}
  .landing-page .header-actions{display:none}
  .landing-menu-toggle{position:relative;display:grid;width:42px;height:42px;padding:0;border:1px solid rgba(14,15,17,.09);border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 9px 24px rgba(13,14,16,.08);place-content:center;gap:6px;z-index:3}
  .landing-menu-toggle span{display:block;width:18px;height:1.5px;border-radius:2px;background:#111318;transition:transform .22s ease,width .22s ease}
  .landing-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
  .landing-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .landing-mobile-menu{position:absolute;z-index:2;top:100%;right:0;left:0;display:block;width:100%;padding:12px 15px 16px;border:0;border-top:1px solid rgba(19,20,22,.08);border-bottom:1px solid rgba(19,20,22,.1);border-radius:0 0 22px 22px;background:#fff;box-shadow:0 24px 45px rgba(16,17,20,.12);opacity:0;transform:translateY(-10px);transform-origin:top center;transition:opacity .18s ease,transform .25s cubic-bezier(.2,.85,.25,1);pointer-events:none}
  .landing-mobile-menu[hidden]{display:none}
  .landing-mobile-menu.is-open{opacity:1;transform:none;pointer-events:auto}
  .landing-mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 10px;color:#7a7e84;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
  .landing-mobile-menu-head button{display:none}
  .landing-mobile-menu>a{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 10px;border-top:1px solid rgba(19,20,22,.08);font-size:15px;font-weight:700;letter-spacing:-.02em}
  .landing-mobile-menu>a i{color:#9a9da2;font-size:8px;font-style:normal;letter-spacing:.12em}
  .landing-mobile-menu-actions{display:grid;grid-template-columns:.78fr 1.22fr;gap:8px;margin-top:10px}
  .landing-mobile-menu-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #d7d7d3;border-radius:14px;background:#fff;font-size:11px;font-weight:800}
  .landing-mobile-menu-actions a:last-child{justify-content:space-between;padding:0 15px;border-color:#d71934;background:#d71934;color:#fff}

  .landing-page .hero{min-height:auto;padding-bottom:0}
  .landing-page .hero:before{inset:0;background-position:60% top;opacity:.10}
  .landing-page .hero-grid{display:block;padding:54px 0 40px}
  .landing-page .hero-copy{padding:0;text-align:left}
  .landing-page .hero-copy .eyebrow{justify-content:flex-start;margin-bottom:16px;font-size:9px}
  .landing-page .hero-copy h1{font-size:clamp(54px,17vw,74px);line-height:.86}
  .landing-page .lead{max-width:340px;margin-top:24px;font-size:15px;line-height:1.55}
  .landing-page .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:27px}
  .landing-page .hero-actions .button{padding:0 12px;gap:8px;text-align:center}
  .landing-page .proof{justify-content:flex-start;gap:10px;margin-top:25px;font-size:8px}
  .landing-page .hero-visual{min-height:536px;margin-top:14px}
  .landing-page .landing-dashboard-card.app-card{width:min(276px,82vw)}
  .landing-page .landing-phone-screen{height:522px}
  .landing-page .landing-desktop-mockup{right:-286px;top:48%;opacity:.42}
  .landing-page .red-disc{right:50%;width:270px!important;height:270px!important;transform:translateX(50%)}

  .landing-page .league-intro{padding-top:72px}
  .landing-page .intro-grid,.landing-page .points-grid,.landing-page .ranking-grid,.landing-page .rules-grid,.landing-page .pwa-grid{gap:36px}
  .landing-page .intro-grid h2,.landing-page .points h2,.landing-page .ranking h2,.landing-page .final-cta h2{font-size:50px}
  .landing-page .intro-copy p{font-size:15px}
  .landing-page .team-marquee{margin-top:54px}
  .landing-page .team-chip{width:215px;padding:19px}
  .landing-page .how,.landing-page .points,.landing-page .games,.landing-page .prizes,.landing-page .ranking,.landing-page .rules,.landing-page .pwa{padding:72px 0}
  .landing-page .section-title h2,.landing-page .section-heading h2,.landing-page .rules h2,.landing-page .pwa h2{font-size:43px}
  .landing-page .section-heading{margin-bottom:34px}
  .landing-page .steps{margin-top:36px}
  .landing-page .steps article,.landing-page .steps article+article{min-height:190px}
  .landing-page .game-row{grid-template-columns:58px minmax(0,1fr) 28px;padding:0 4px}
  .landing-page .game-teams{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)}
  .landing-page .game-teams>span{min-width:0;flex-direction:column;text-align:center;line-height:1.15}
  .landing-page .game-teams>span:last-child{flex-direction:column-reverse}
  .landing-page .prize-card{border-radius:20px}
  .landing-page .ranking-list li{min-height:64px}
  .landing-page .championship-landing{padding-top:66px}
  .landing-page .championship-copy{text-align:left}
  .landing-page .championship-copy .eyebrow{justify-content:flex-start}
  .landing-page .championship-copy h2{font-size:44px}
  .landing-page .championship-copy>p:not(.eyebrow){margin-inline:0}
  .landing-page .championship-flow>header{text-align:left}
  .landing-page .championship-flow>header .eyebrow{justify-content:flex-start}
  .landing-page .championship-flow>header>p:last-child{margin-left:0}
  .landing-page .device-stack{min-height:330px}
  .landing-page .final-cta{padding:76px 0}
  .landing-page .site-footer{padding-top:62px}
  .landing-page .footer-top{grid-template-columns:1fr 1fr;gap:36px 24px}
  .landing-page .footer-identity,.landing-page .wexion{grid-column:1/-1}
  .landing-page .wexion{padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}
  .landing-page .footer-bottom nav{flex-wrap:wrap;justify-content:flex-start;gap:14px 22px}
}

@media (max-width:390px){
  .landing-page .hero-actions{grid-template-columns:1fr}
  .landing-page .proof span:last-child,.landing-page .proof i:last-of-type{display:none}
  .landing-page .footer-top{grid-template-columns:1fr}
  .landing-page .footer-column,.landing-page .footer-identity,.landing-page .wexion{grid-column:1}
}

@media (prefers-reduced-motion:reduce){
  .landing-mobile-menu,.landing-menu-toggle span{transition:none!important}
}