:root{
  --night:#05060b;--night2:#0c1018;--panel:#11151f;--panel2:#1a2030;
  --green:#2be38b;--cyan:#53d8ff;--violet:#9d7bff;--gold:#ffc857;--red:#ff5470;
  --text:#f2f5ff;--muted:#8e97b3;--line:#262d42;--radius:28px;
  --shadow:0 30px 80px rgba(0,0,0,.42);--max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--night);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 14%,rgba(43,227,139,.06),transparent 28%),radial-gradient(circle at 88% 20%,rgba(157,123,255,.08),transparent 32%);z-index:-5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-70px;background:var(--green);color:#00160b;padding:12px 18px;border-radius:12px;z-index:1000;font-weight:800}.skip-link:focus{top:16px}.cursor-glow{position:fixed;left:0;top:0;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(83,216,255,.055),transparent 68%);pointer-events:none;z-index:-1;opacity:0;transition:opacity .3s}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);animation:pulse 1.8s infinite}.section{position:relative;padding:120px 0}.section-heading{max-width:760px;margin-bottom:58px}.section-heading.centered{text-align:center;margin-inline:auto;margin-bottom:70px}.section-heading.centered .eyebrow{justify-content:center}.section-heading h2,.two-col h2,.training-copy h2,.compatibility-copy h2,.download-inner h2,.plus-copy h2{font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.055em;margin:16px 0 24px}.section-heading h2 span,.two-col h2 span,.training-copy h2 span,.compatibility-copy h2 span,.download-inner h2 span,.plus-copy h2 span{color:var(--green)}.section-heading p,.lead,.training-copy>p,.compatibility-copy>p,.plus-copy>p{font-size:18px;color:#a8b0c9;max-width:660px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-weight:850;letter-spacing:-.015em;transition:.25s ease;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#29e08a,#2abb7e);color:#03140c;box-shadow:0 10px 40px rgba(43,227,139,.18)}.btn-primary:hover{box-shadow:0 14px 48px rgba(43,227,139,.3)}.btn-ghost,.btn-glass{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.045);backdrop-filter:blur(16px)}.btn-ghost:hover,.btn-glass:hover{border-color:rgba(83,216,255,.35);background:rgba(83,216,255,.07)}.btn-large{min-height:58px;padding-inline:28px}.btn-small{min-height:42px;padding-inline:18px;font-size:14px}.text-link{display:inline-flex;gap:10px;align-items:center;font-weight:800;color:var(--green)}.text-link span{transition:.2s}.text-link:hover span{transform:translateX(4px)}

/* Header */
.site-header{position:fixed;inset:0 0 auto;z-index:100;padding:18px 0;transition:.3s ease}.site-header.scrolled{padding:10px 0;background:rgba(5,6,11,.78);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(22px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:950;font-size:21px;letter-spacing:-.04em}.brand img{filter:drop-shadow(0 8px 24px rgba(43,227,139,.15))}.main-nav{display:flex;align-items:center;gap:30px}.main-nav a{color:#aeb6cf;font-size:14px;font-weight:700;transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--text)}.main-nav a.active::after{content:"";display:block;width:12px;height:2px;background:var(--green);margin:5px auto -7px;border-radius:3px;box-shadow:0 0 10px var(--green)}.nav-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:50%;position:relative}.menu-toggle span{position:absolute;left:12px;width:18px;height:2px;background:white;transition:.2s}.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:24px}

/* Hero */
.hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:150px 0 80px;overflow:hidden}.hero-grid,.online-grid,.download-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(83,216,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(83,216,255,.045) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%);transform:perspective(700px) rotateX(58deg) scale(1.6) translateY(-13%);transform-origin:center bottom;opacity:.5}.hero-orb{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.hero-orb-a{width:560px;height:560px;right:-190px;top:8%;background:radial-gradient(circle,rgba(157,123,255,.18),transparent 68%)}.hero-orb-b{width:460px;height:460px;left:-180px;bottom:3%;background:radial-gradient(circle,rgba(43,227,139,.10),transparent 70%)}.hero-layout{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  align-items:center;
  gap:0;
  position:relative
}
.hero-copy{
  position:relative;
  z-index:3
}.hero h1{font-size:clamp(72px,8.4vw,132px);line-height:.79;letter-spacing:-.075em;margin:24px 0 34px;text-transform:uppercase}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(83,216,255,.75);text-shadow:0 0 34px rgba(83,216,255,.1)}.hero-lead{max-width:610px;color:#b2bad2;font-size:19px;line-height:1.7}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-proof{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:34px;color:#7f8aa7;font-size:11px;font-weight:900;letter-spacing:.1em}.hero-proof i{width:3px;height:3px;background:#566078;border-radius:50%}.hero-visual{
  position:relative;
  z-index:1;
  min-width:0;
  margin-left:-115px;
  margin-right:calc((100vw - min(var(--max), calc(100vw - 48px))) / -2);
}
.hero-image-wrap{
  position:relative;
  width:100%;
  height:min(74vh,780px);
  min-height:610px;
  border-radius:42px 0 0 42px;
  overflow:visible;
  filter:drop-shadow(0 50px 80px rgba(0,0,0,.42))
}
.hero-image-wrap>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  border-radius:42px 0 0 42px;
  mask-image:linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,.22) 8%,
    rgba(0,0,0,.78) 22%,
    #000 38%,
    #000 100%
  );
  -webkit-mask-image:linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,.22) 8%,
    rgba(0,0,0,.78) 22%,
    #000 38%,
    #000 100%
  );
  opacity:.92
}
.hero-image-wrap::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  border-radius:42px 0 0 42px;
  background:
    linear-gradient(90deg,rgba(5,6,11,.72) 0%,rgba(5,6,11,.18) 25%,transparent 48%),
    linear-gradient(180deg,rgba(5,6,11,.18),transparent 18%,transparent 78%,rgba(5,6,11,.20));
  pointer-events:none
}
.hero-image-wrap::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  border:1px solid rgba(83,216,255,.15);
  border-right:0;
  border-radius:42px 0 0 42px;
  pointer-events:none
}.glass-card{background:linear-gradient(145deg,rgba(12,16,24,.88),rgba(17,21,31,.72));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.hero-screen{position:absolute;left:-8%;bottom:-9%;width:min(480px,72%);padding:22px;border-radius:24px}.screen-topline{display:flex;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:.14em;color:#8992ac}.screen-topline .signal{color:var(--green)}.score-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;margin:20px 0 16px}.score-row small{display:block;color:#8791ae;font-weight:800;letter-spacing:.12em}.score-row strong{font-size:48px;line-height:1;letter-spacing:-.06em}.score-row .align-right{text-align:right}.versus{color:#505a74;font-size:12px;font-weight:900;padding-bottom:7px}.throw-row{display:flex;gap:8px}.throw-row b{padding:8px 12px;border-radius:10px;background:rgba(83,216,255,.09);color:var(--cyan);font-size:12px}.throw-row b.gold{background:rgba(255,200,87,.09);color:var(--gold)}.checkout-line{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.checkout-line span{font-size:9px;color:#7b85a2;font-weight:900}.checkout-line strong{font-size:25px;color:var(--green)}.checkout-line em{font-style:normal;font-size:11px;color:#9ca5bf;margin-left:auto}.float-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(7,9,15,.78);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.3)}.float-chip small{display:block;font-size:8px;letter-spacing:.15em;color:#79839e;font-weight:900}.float-chip strong{font-size:12px}.chip-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900}.chip-icon.green{background:rgba(43,227,139,.12);color:var(--green)}.chip-icon.cyan{background:rgba(83,216,255,.12);color:var(--cyan)}.float-chip-a{right:-2%;top:14%}.float-chip-b{right:4%;bottom:14%}.hero-scroll{position:absolute;right:32px;bottom:26px;display:flex;align-items:center;gap:10px;color:#5f6982;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl}.hero-scroll span{width:1px;height:36px;background:linear-gradient(var(--green),transparent)}

.trust-strip{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid div{padding:30px 22px;border-right:1px solid rgba(255,255,255,.06)}.trust-grid div:first-child{border-left:1px solid rgba(255,255,255,.06)}.trust-grid strong{display:block;font-size:18px}.trust-grid span{display:block;color:#77819b;font-size:12px;margin-top:3px}

/* Bento */
.feature-bento{display:grid;grid-template-columns:1.4fr .8fr;grid-template-rows:1fr 1fr;gap:18px}.bento-card{position:relative;overflow:hidden;min-height:250px;padding:34px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(17,21,31,.88),rgba(9,12,18,.88));border-radius:var(--radius);box-shadow:0 24px 70px rgba(0,0,0,.18)}.bento-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 30%);pointer-events:none}.bento-main{grid-row:1/3;min-height:520px;display:flex;flex-direction:column;justify-content:space-between}.bento-copy{position:relative;z-index:3;max-width:470px}.bento-card h3{font-size:27px;line-height:1.08;margin:15px 0 12px;letter-spacing:-.035em}.bento-main h3{font-size:38px}.bento-card p{color:#929bb6;margin:0 0 20px}.feature-tag{font-size:10px;font-weight:950;letter-spacing:.18em}.feature-tag.green{color:var(--green)}.feature-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px}.feature-icon.cyan{background:rgba(83,216,255,.1);color:var(--cyan)}.feature-icon.violet{background:rgba(157,123,255,.1);color:var(--violet)}.art-games{position:absolute;inset:auto 0 0 0;height:55%}.mini-game-card{position:absolute;width:56%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 25px 50px rgba(0,0,0,.35);transform-origin:center}.mini-game-card img{width:100%;height:100%;object-fit:cover}.mini-game-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(4,5,8,.84))}.mini-game-card span{position:absolute;left:16px;bottom:12px;z-index:2;font-size:12px;font-weight:950;letter-spacing:.12em}.card-a{left:4%;bottom:-2%;transform:rotate(-6deg)}.card-b{left:29%;bottom:7%;transform:rotate(2deg);z-index:2}.card-c{right:-7%;bottom:-8%;transform:rotate(8deg)}

/* Games */
.games-section{overflow:hidden;padding-bottom:90px}.game-rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(420px,82vw);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(24px,calc((100vw - var(--max))/2)) 28px;scrollbar-width:none}.game-rail::-webkit-scrollbar{display:none}.game-tile{position:relative;height:520px;border-radius:30px;overflow:hidden;scroll-snap-align:start;border:1px solid rgba(255,255,255,.1);background:#0a0c12;box-shadow:0 28px 70px rgba(0,0,0,.25)}.game-tile img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.game-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(5,6,11,.92) 92%)}.game-tile:hover img{transform:scale(1.055)}.game-tile>div{position:absolute;z-index:2;left:26px;right:26px;bottom:24px}.game-tile small{color:var(--green);font-size:10px;font-weight:900;letter-spacing:.16em}.game-tile h3{font-size:34px;margin:5px 0 4px;letter-spacing:-.04em}.game-tile p{color:#aab2c7;margin:0;font-size:14px}.rail-note{display:flex;gap:12px;justify-content:flex-end;color:#65708a;font-size:11px;font-weight:800;letter-spacing:.08em}

/* Coach */
.coach-section{overflow:hidden;background:linear-gradient(180deg,#06070d,#080a12)}.coach-glow{position:absolute;width:720px;height:720px;right:-200px;top:5%;border-radius:50%;background:radial-gradient(circle,rgba(157,123,255,.12),rgba(43,227,139,.06) 32%,transparent 70%)}.two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}.check-list{list-style:none;padding:0;margin:32px 0;display:grid;gap:18px}.check-list li{display:flex;gap:14px;align-items:flex-start}.check-list li>span{width:28px;height:28px;flex:none;border-radius:9px;display:grid;place-items:center;background:rgba(43,227,139,.1);color:var(--green);font-weight:900}.check-list strong,.check-list small{display:block}.check-list small{color:#7f89a4;margin-top:3px}.coach-window{position:relative;padding:1px;border-radius:30px;background:linear-gradient(135deg,rgba(157,123,255,.75),rgba(83,216,255,.25),rgba(43,227,139,.35));box-shadow:0 40px 110px rgba(0,0,0,.45)}.coach-window::after{content:"";position:absolute;inset:-35px;background:radial-gradient(circle at 50% 45%,rgba(157,123,255,.14),transparent 62%);z-index:-1}.coach-window-head{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#0b0d15;border-radius:29px 29px 0 0}.coach-window-head span{font-weight:950;letter-spacing:.08em}.coach-window-head em{font-style:normal;color:var(--green);font-size:9px;font-weight:900;letter-spacing:.12em}.coach-body{background:linear-gradient(145deg,#111420,#0b0e16);border-radius:0 0 29px 29px;padding:26px}.coach-target{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:24px}.target-wrap{position:relative}.target-wrap img{filter:drop-shadow(0 20px 45px rgba(0,0,0,.42))}.target-pulse{position:absolute;left:50%;top:50%;width:24px;height:24px;border:2px solid var(--green);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 26px rgba(43,227,139,.6);animation:targetPulse 2s infinite}.target-label small{display:block;color:var(--violet);font-size:9px;font-weight:900;letter-spacing:.14em}.target-label strong{display:block;font-size:37px;margin:8px 0 2px}.target-label span{color:#858faa}.coach-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.coach-metrics>div{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:15px;padding:14px}.coach-metrics small{display:block;color:#6f7994;font-size:8px;font-weight:900;letter-spacing:.1em}.coach-metrics strong{font-size:25px;margin-right:5px}.coach-metrics span{color:#7d87a1;font-size:10px}.coach-metrics .metric-up{color:var(--green)}.precision-chart{height:82px;display:flex;align-items:flex-end;gap:8px;margin:18px 0;padding:0 5px;border-bottom:1px solid rgba(83,216,255,.15)}.precision-chart span{height:var(--h);flex:1;background:linear-gradient(var(--cyan),rgba(43,227,139,.22));border-radius:4px 4px 0 0;box-shadow:0 -5px 18px rgba(83,216,255,.08)}.coach-message{display:flex;gap:14px;align-items:flex-start;background:rgba(157,123,255,.06);border:1px solid rgba(157,123,255,.14);padding:15px;border-radius:15px}.coach-message>i{width:11px;height:11px;margin-top:4px;border-radius:50%;background:var(--violet);box-shadow:0 0 15px var(--violet)}.coach-message small{font-size:8px;color:var(--violet);font-weight:900;letter-spacing:.13em}.coach-message p{font-size:12px;color:#aab2c8;margin:5px 0 0}

/* Online */
.online-section{background:radial-gradient(circle at 50% 42%,rgba(83,216,255,.07),transparent 34%)}.online-stage{position:relative;min-height:520px;border:1px solid rgba(83,216,255,.14);background:linear-gradient(145deg,rgba(9,13,22,.92),rgba(5,7,12,.96));border-radius:34px;overflow:hidden;box-shadow:var(--shadow)}.online-grid{transform:perspective(620px) rotateX(62deg) scale(1.35) translateY(10%);opacity:.48}.player-card{position:absolute;top:50%;display:flex;align-items:center;gap:14px;min-width:250px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(16,20,31,.8);backdrop-filter:blur(18px)}.player-left{left:8%;transform:translateY(-50%)}.player-right{right:8%;transform:translateY(-50%)}.avatar{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-weight:950;font-size:20px}.avatar-green{background:linear-gradient(145deg,#2be38b,#116647);color:#03140c}.avatar-cyan{background:linear-gradient(145deg,#53d8ff,#2b6e9e);color:#031018}.player-card small{display:block;color:#7d87a2;font-size:9px;font-weight:900;letter-spacing:.12em}.player-card strong{display:block}.online-badge{margin-left:auto;color:var(--green);font-size:8px;font-weight:900;letter-spacing:.1em}.versus-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:124px;height:124px;border:1px solid rgba(83,216,255,.35);border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;background:rgba(6,8,13,.86);box-shadow:0 0 70px rgba(83,216,255,.12)}.versus-core::after{content:"";position:absolute;inset:12px;border:1px dashed rgba(43,227,139,.24);border-radius:50%;animation:spin 16s linear infinite}.versus-core small{font-size:7px;color:#6e7993;letter-spacing:.12em}.versus-core strong{font-size:31px;line-height:1.1}.versus-core span{font-size:9px;color:var(--green)}.invite-toast{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:min(520px,88%);padding:13px 14px;border:1px solid rgba(43,227,139,.2);border-radius:18px;background:rgba(10,14,21,.92);box-shadow:0 22px 60px rgba(0,0,0,.35)}.invite-toast>span{font-size:25px}.invite-toast small{display:block;color:var(--green);font-size:8px;font-weight:900;letter-spacing:.12em}.invite-toast strong{font-size:12px}.invite-toast button{margin-left:auto;border:0;border-radius:11px;background:var(--green);color:#03140c;padding:9px 12px;font-size:9px;font-weight:950}.chat-bubble{position:absolute;padding:9px 12px;border-radius:14px;font-size:11px;color:#aeb6ca;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.bubble-a{left:16%;top:21%}.bubble-b{right:15%;top:26%}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.feature-mini{padding:26px;border-left:1px solid var(--line)}.feature-mini>span{font-size:10px;color:var(--green);font-weight:900;letter-spacing:.12em}.feature-mini h3{margin:10px 0 6px;font-size:22px}.feature-mini p{margin:0;color:#7e89a5;font-size:14px}

/* DartCast */
.cast-section{min-height:780px;display:flex;align-items:center;overflow:hidden}.cast-bg{position:absolute;inset:0}.cast-bg img{width:100%;height:100%;object-fit:cover}.cast-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,11,.96) 0%,rgba(5,6,11,.82) 43%,rgba(5,6,11,.24) 78%,rgba(5,6,11,.65) 100%),linear-gradient(180deg,#05060b 0%,transparent 18%,transparent 80%,#05060b 100%)}.cast-content{position:relative;z-index:2}.cast-content{max-width:var(--max);width:min(var(--max),calc(100% - 48px));margin:auto}.cast-content>*{max-width:590px}.cast-badge{width:max-content;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,200,87,.28);background:rgba(255,200,87,.08);color:var(--gold);font-size:10px;font-weight:950;letter-spacing:.18em}.cast-content h2{font-size:clamp(58px,7vw,98px);line-height:.86;letter-spacing:-.06em;margin:24px 0}.cast-content h2 span{color:var(--gold)}.cast-content>p{color:#a8b0c5;font-size:18px;line-height:1.65}.cast-wave{display:flex;align-items:center;gap:5px;height:52px;margin-top:30px}.cast-wave i{width:4px;height:20%;border-radius:5px;background:linear-gradient(var(--gold),#ff7c48);animation:wave 1s ease-in-out infinite alternate}.cast-wave i:nth-child(2n){animation-delay:.12s}.cast-wave i:nth-child(3n){animation-delay:.24s}.cast-wave i:nth-child(4n){animation-delay:.36s}.cast-quote{display:flex;align-items:flex-start;gap:12px;margin-top:15px}.cast-quote span{font-size:46px;line-height:.75;color:var(--gold)}.cast-quote p{font-size:20px;font-weight:800;margin:0}

/* Detail cards */
.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.detail-card{position:relative;min-height:310px;padding:28px;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:linear-gradient(150deg,rgba(17,21,31,.78),rgba(8,10,16,.78));overflow:hidden}.detail-card::before{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(43,227,139,.09),transparent 65%)}.detail-num{color:#4f5a75;font-size:10px;font-weight:900;letter-spacing:.15em}.detail-icon{font-size:34px;margin:54px 0 18px}.detail-card h3{font-size:22px;margin:0 0 8px}.detail-card p{color:#7f89a4;font-size:14px;margin:0}

/* Training */
.training-section{padding-top:80px}.training-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}.training-art{position:relative}.training-art img{border-radius:32px;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.training-art::after{content:"";position:absolute;inset:0;border-radius:32px;background:linear-gradient(90deg,transparent 55%,rgba(5,6,11,.45))}.training-chip{position:absolute;left:24px;bottom:24px;z-index:2;padding:12px 16px;background:rgba(6,8,13,.82);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);border-radius:14px}.training-chip small{display:block;color:var(--green);font-size:8px;font-weight:900;letter-spacing:.14em}.training-chip strong{font-size:16px}.pill-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.pill-list span{padding:8px 11px;border:1px solid rgba(83,216,255,.14);background:rgba(83,216,255,.045);border-radius:999px;color:#8fb9c7;font-size:9px;font-weight:900;letter-spacing:.08em}

/* Plus */
.plus-section{overflow:hidden;background:linear-gradient(180deg,#080910,#0c0b11,#080910)}.plus-orb{position:absolute;width:900px;height:900px;left:-450px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,87,.08),transparent 68%)}.plus-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}.gold-text{color:var(--gold)}.plus-copy h2 span{color:var(--gold)}.trial-callout{margin-top:30px;padding:18px;border-left:2px solid var(--gold);background:rgba(255,200,87,.04)}.trial-callout strong,.trial-callout span{display:block}.trial-callout span{color:#8e97af;font-size:12px;margin-top:4px}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.price-card{position:relative;display:flex;flex-direction:column;min-height:450px;padding:30px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(145deg,rgba(17,21,31,.9),rgba(8,10,15,.9))}.price-card-plus{border-color:rgba(255,200,87,.24);box-shadow:0 25px 80px rgba(255,200,87,.055)}.recommended{position:absolute;right:18px;top:18px;color:var(--gold);font-size:8px;font-weight:950;letter-spacing:.12em}.price-card small{color:#777f98;font-size:9px;font-weight:950;letter-spacing:.14em}.price-card h3{font-size:34px;margin:8px 0}.price-card p{color:#8992aa;font-size:13px}.price-card ul{list-style:none;padding:0;margin:28px 0;display:grid;gap:10px;color:#abb3c8;font-size:13px}.price-card li::first-letter{color:var(--green)}.price-card .btn{margin-top:auto}

/* Compatibility */
.compatibility-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:70px;border:1px solid rgba(83,216,255,.1);border-radius:36px;background:linear-gradient(145deg,rgba(11,15,23,.9),rgba(7,8,13,.92));overflow:hidden}.legal-note{display:block;margin-top:26px;color:#5f6981;max-width:600px}.compatibility-visual{position:relative;display:grid;place-items:center;min-height:440px}.compatibility-visual>img{width:min(420px,82%);position:relative;z-index:2;filter:drop-shadow(0 30px 60px rgba(0,0,0,.45))}.rings{position:absolute;inset:0;display:grid;place-items:center}.rings i{position:absolute;border:1px solid rgba(83,216,255,.13);border-radius:50%}.rings i:nth-child(1){width:78%;aspect-ratio:1}.rings i:nth-child(2){width:92%;aspect-ratio:1}.rings i:nth-child(3){width:108%;aspect-ratio:1}.connection-pill{position:absolute;z-index:3;right:4%;bottom:10%;padding:11px 14px;border-radius:999px;background:rgba(6,10,15,.9);border:1px solid rgba(43,227,139,.22);font-size:9px;font-weight:900;letter-spacing:.1em}.connection-pill b{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);margin-right:7px}

/* FAQ */
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:23px 0;font-size:17px;font-weight:750;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--green);font-size:23px;font-weight:400;transition:.25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-6px 45px 24px 0;color:#858fa8;line-height:1.7}

/* Download/Footer */
.download-section{position:relative;overflow:hidden;padding:140px 0;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.download-grid{opacity:.25;transform:perspective(650px) rotateX(63deg) scale(1.3) translateY(5%)}.download-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:760px;height:760px;background:radial-gradient(circle,rgba(43,227,139,.13),rgba(83,216,255,.06) 28%,transparent 67%)}.download-inner{position:relative}.download-logo{margin:0 auto 22px;filter:drop-shadow(0 20px 45px rgba(43,227,139,.25))}.download-inner .eyebrow{justify-content:center}.download-inner h2{margin-inline:auto;max-width:850px}.download-inner>p{color:#8f98b1;font-size:18px}.store-button{width:max-content;display:flex;align-items:center;gap:12px;margin:28px auto 0;padding:11px 24px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#0d1018;box-shadow:0 18px 60px rgba(0,0,0,.25);transition:.2s}.store-button:not([aria-disabled=true]):hover{transform:translateY(-2px);border-color:rgba(43,227,139,.35)}.store-triangle{font-size:26px;color:var(--green)}.store-button small,.store-button strong{display:block;text-align:left}.store-button small{font-size:8px;color:#7c86a0;font-weight:850}.store-button strong{font-size:19px}.download-note{font-size:11px!important;color:#5f6982!important}.download-note code{color:#8993ad}.site-footer{padding:58px 0 24px;border-top:1px solid rgba(255,255,255,.07);background:#05060a}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-brand p{color:#6e7891;font-size:13px}.footer-links{display:grid;align-content:start;gap:10px}.footer-links strong{font-size:11px;letter-spacing:.1em;margin-bottom:5px}.footer-links a{color:#77819a;font-size:13px}.footer-links a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:30px;margin-top:40px;border-top:1px solid rgba(255,255,255,.055);color:#4d566d;font-size:11px}

/* Reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.75,.2,1),transform .75s cubic-bezier(.2,.75,.2,1)}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.22s}.reveal.is-visible{opacity:1;transform:none}

@keyframes pulse{50%{opacity:.35;box-shadow:0 0 5px var(--green)}}@keyframes targetPulse{0%,100%{transform:translate(-50%,-50%) scale(.8);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.7);opacity:.15}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{from{height:12%}to{height:82%}}

@media(max-width:1050px){.main-nav{gap:18px}.desktop-only{display:none}.hero-layout{grid-template-columns:1fr 1fr}.hero-visual{margin-left:-55px}.hero h1{font-size:clamp(65px,8vw,92px)}.two-col,.training-layout,.plus-layout{gap:40px}.detail-grid{grid-template-columns:repeat(2,1fr)}.compatibility-wrap{padding:45px}.player-left{left:4%}.player-right{right:4%}.feature-bento{grid-template-columns:1fr 1fr}.bento-main{grid-column:1/3;grid-row:auto;min-height:560px}}
@media(max-width:820px){.container{width:min(100% - 30px,var(--max))}.site-header{padding:12px 0}.main-nav{display:none}.menu-toggle{display:block}.menu-open .main-nav{display:flex;position:fixed;left:15px;right:15px;top:72px;flex-direction:column;align-items:stretch;padding:20px;background:rgba(8,10,16,.96);border:1px solid rgba(255,255,255,.1);border-radius:22px;backdrop-filter:blur(24px);box-shadow:0 28px 70px rgba(0,0,0,.45)}.menu-open .main-nav a{padding:10px;font-size:16px}.menu-open .menu-toggle span:first-child{top:21px;transform:rotate(45deg)}.menu-open .menu-toggle span:last-child{top:21px;transform:rotate(-45deg)}.hero{min-height:auto;padding:125px 0 90px}.hero-layout{grid-template-columns:1fr}.hero-copy{max-width:700px}.hero h1{font-size:clamp(68px,15vw,110px)}.hero-lead{font-size:17px}.hero-visual{
  margin:30px 0 0;
  width:100%;
}
.hero-image-wrap{
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:16/10;
  border-radius:30px;
}
.hero-image-wrap>img{
  border-radius:30px;
  object-position:center center;
  mask-image:none;
  -webkit-mask-image:none;
}
.hero-image-wrap::before{
  border-radius:30px;
  background:linear-gradient(180deg,rgba(5,6,11,.06),transparent 55%,rgba(5,6,11,.24));
}
.hero-image-wrap::after{
  border-right:1px solid rgba(83,216,255,.15);
  border-radius:30px;
}
.hero-screen{left:2%;bottom:-8%;width:78%}.float-chip-a{right:2%;top:9%}.float-chip-b{right:2%;bottom:10%}.hero-scroll{display:none}.trust-grid{grid-template-columns:repeat(2,1fr)}.section{padding:90px 0}.feature-bento{display:grid;grid-template-columns:1fr}.bento-main{grid-column:auto;min-height:560px}.two-col,.training-layout,.plus-layout,.compatibility-wrap,.faq-layout{grid-template-columns:1fr}.coach-copy,.training-copy,.plus-copy{max-width:680px}.coach-ui{order:2}.feature-row{grid-template-columns:1fr}.feature-mini{border-left:0;border-top:1px solid var(--line)}.player-card{min-width:205px}.player-left{left:3%;top:42%}.player-right{right:3%;top:42%}.online-stage{min-height:610px}.versus-core{top:42%}.bubble-a{left:7%;top:14%}.bubble-b{right:7%;top:17%}.invite-toast{bottom:42px}.cast-section{min-height:680px}.detail-grid{grid-template-columns:repeat(2,1fr)}.training-layout{gap:40px}.pricing-grid{max-width:680px}.compatibility-wrap{padding:35px}.compatibility-visual{min-height:390px}.faq-layout{gap:20px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-links:last-child{grid-column:2/4}.cursor-glow{display:none}}
@media(max-width:560px){.container{width:calc(100% - 24px)}.nav-actions .btn-primary{display:none}.brand{font-size:19px}.hero{padding-top:112px}.hero h1{font-size:clamp(61px,18vw,88px);letter-spacing:-.07em}.hero-cta{display:grid}.hero-cta .btn{width:100%}.hero-proof{font-size:9px}.hero-visual{margin-top:18px}.hero-image-wrap{aspect-ratio:4/3;border-radius:25px}.hero-image-wrap>img{border-radius:25px;object-fit:cover;object-position:68% center}.hero-image-wrap::before,.hero-image-wrap::after{border-radius:25px}.hero-screen{position:relative;left:auto;bottom:auto;margin:-95px 12px 0;width:auto;padding:17px}.score-row strong{font-size:38px}.checkout-line em{display:none}.float-chip{display:none}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid div{padding:22px 14px}.trust-grid strong{font-size:15px}.section-heading h2,.two-col h2,.training-copy h2,.compatibility-copy h2,.download-inner h2,.plus-copy h2{font-size:clamp(39px,12vw,58px)}.section-heading{margin-bottom:36px}.feature-bento{gap:12px}.bento-card{padding:25px}.bento-main{min-height:510px}.bento-main h3{font-size:31px}.mini-game-card{width:68%}.card-b{left:20%}.game-rail{grid-auto-columns:84vw;padding-left:12px;padding-right:12px}.game-tile{height:440px}.coach-window-head{padding:15px}.coach-window-head em{font-size:7px}.coach-body{padding:16px}.coach-target{grid-template-columns:135px 1fr;gap:14px}.target-label strong{font-size:28px}.coach-metrics{gap:5px}.coach-metrics>div{padding:10px 8px}.coach-metrics strong{font-size:20px}.coach-metrics span{font-size:8px}.player-card{top:28%;min-width:0;width:43%;padding:11px;display:grid;grid-template-columns:auto 1fr}.player-left{left:4%}.player-right{right:4%}.avatar{width:38px;height:38px;border-radius:12px}.online-badge{display:none}.versus-core{top:51%;width:94px;height:94px}.chat-bubble{font-size:9px}.bubble-a{left:5%;top:48%}.bubble-b{right:5%;top:48%}.invite-toast{bottom:25px}.invite-toast strong{font-size:10px}.invite-toast button{font-size:8px}.detail-grid{grid-template-columns:1fr}.detail-card{min-height:230px}.detail-icon{margin:30px 0 13px}.pricing-grid{grid-template-columns:1fr}.compatibility-wrap{padding:26px 20px}.compatibility-visual{min-height:320px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.footer-links:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.download-section{padding:100px 0}.legal-note{font-size:10px}.rail-note{justify-content:center}.cast-content{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.live-dot,.target-pulse,.versus-core::after,.cast-wave i{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.game-tile img,.btn,.text-link span{transition:none}}

/* =========================================================
   REAL PRODUCT SCREENS — genuine DartMate UI captures
   ========================================================= */
.real-product-section{overflow:hidden;background:
  radial-gradient(circle at 50% 10%,rgba(83,216,255,.06),transparent 38%),
  linear-gradient(180deg,#05060b,#070910)}
.real-product-stage{position:relative;min-height:820px;margin-top:28px}
.shot-card,.game-showcase-card button,.coach-shot,.wide-product-shot,.celebration-shot{
  border:0;padding:0;background:none;color:inherit;font:inherit;cursor:zoom-in
}
.shot-card{position:absolute;overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.12);background:#080b13;box-shadow:0 40px 100px rgba(0,0,0,.48);transition:transform .45s ease,border-color .35s ease,box-shadow .35s ease}
.shot-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,5,9,.88));pointer-events:none}
.shot-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.shot-card:hover{border-color:rgba(83,216,255,.35);box-shadow:0 55px 120px rgba(0,0,0,.58)}
.shot-card:hover img{transform:scale(1.02)}
.shot-card-main{left:3%;top:0;width:76%;aspect-ratio:16/10;z-index:2;transform:rotate(-1deg)}
.shot-card-a{right:0;top:9%;width:38%;aspect-ratio:16/10;z-index:3;transform:rotate(2.3deg)}
.shot-card-b{right:7%;bottom:0;width:42%;aspect-ratio:16/10;z-index:4;transform:rotate(-2deg)}
.shot-label{position:absolute;z-index:2;left:20px;bottom:17px;text-align:left}
.shot-label small,.shot-label strong{display:block}
.shot-label small{color:var(--green);font-size:8px;font-weight:950;letter-spacing:.16em;margin-bottom:4px}
.shot-label strong{font-size:15px}

.games-real{overflow:visible}
.game-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.game-showcase-card{overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(16,20,30,.94),rgba(8,10,16,.96));box-shadow:0 28px 80px rgba(0,0,0,.24)}
.game-showcase-card button{display:block;width:100%;overflow:hidden;background:#05070d}
.game-showcase-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.game-showcase-card:hover img{transform:scale(1.025)}
.game-showcase-card>div{padding:24px 26px 28px}
.game-showcase-card small{color:var(--green);font-size:9px;font-weight:950;letter-spacing:.15em}
.game-showcase-card h3{font-size:28px;margin:6px 0 6px;letter-spacing:-.035em}
.game-showcase-card p{margin:0;color:#8993ac;font-size:13px;line-height:1.65}
.game-showcase-wide{grid-column:1/-1}
.game-showcase-wide button{max-height:720px}
.game-showcase-wide img{aspect-ratio:16/9}
.mode-cloud{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.mode-cloud span{padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#7f89a3;font-size:10px;font-weight:850;letter-spacing:.04em}
.mode-cloud span:nth-child(3n+1){border-color:rgba(83,216,255,.16);color:#9ab9c6}
.mode-cloud span:nth-child(3n+2){border-color:rgba(157,123,255,.16);color:#aaa0ce}
.mode-cloud span:nth-child(3n){border-color:rgba(43,227,139,.14);color:#8daf9f}

.coach-real{background:
  radial-gradient(circle at 72% 25%,rgba(157,123,255,.13),transparent 34%),
  radial-gradient(circle at 36% 78%,rgba(43,227,139,.05),transparent 32%),
  linear-gradient(180deg,#06070d,#070912)}
.coach-real-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;align-items:center}
.coach-screens{position:relative;min-height:610px}
.coach-shot{position:absolute;overflow:hidden;border-radius:24px;border:1px solid rgba(157,123,255,.28);box-shadow:0 35px 90px rgba(0,0,0,.48);background:#090b14;transition:.4s ease}
.coach-shot:hover{transform:translateY(-4px);border-color:rgba(157,123,255,.55)}
.coach-shot img{width:100%;height:100%;object-fit:cover;display:block}
.coach-shot-main{left:0;top:4%;width:92%;aspect-ratio:16/10;transform:rotate(-1.4deg)}
.coach-shot-float{right:-2%;bottom:0;width:68%;aspect-ratio:16/10;transform:rotate(2.3deg);z-index:2}
.coach-shot-main:hover{transform:rotate(-1.4deg) translateY(-4px)}
.coach-shot-float:hover{transform:rotate(2.3deg) translateY(-4px)}
.coach-deepdive{margin-top:74px;display:grid;grid-template-columns:.58fr 1.42fr;gap:34px;align-items:center;padding:34px;border:1px solid rgba(157,123,255,.14);border-radius:30px;background:linear-gradient(135deg,rgba(157,123,255,.055),rgba(83,216,255,.025) 55%,rgba(43,227,139,.025));overflow:hidden}
.coach-deepdive-copy{padding:10px 4px 10px 8px}
.coach-deepdive-copy small{color:var(--violet);font-size:9px;font-weight:950;letter-spacing:.16em}
.coach-deepdive-copy h3{font-size:33px;line-height:1.08;letter-spacing:-.04em;margin:10px 0 12px}
.coach-deepdive-copy p{color:#8f98b2;line-height:1.7;margin:0}
.wide-product-shot{display:block;width:100%;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.11);box-shadow:0 30px 90px rgba(0,0,0,.34);background:#070910;transition:transform .35s ease,border-color .35s ease}
.wide-product-shot:hover{transform:translateY(-3px);border-color:rgba(83,216,255,.3)}
.wide-product-shot img{width:100%;height:auto;display:block}

.online-real{background:
  radial-gradient(circle at 25% 35%,rgba(255,200,87,.08),transparent 32%),
  radial-gradient(circle at 80% 65%,rgba(83,216,255,.07),transparent 30%),
  #06080d}
.online-product-layout{position:relative}
.online-pub-shot{border-color:rgba(43,227,139,.18)}
.online-callouts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.online-callouts article{display:flex;gap:14px;padding:20px;border:1px solid rgba(255,255,255,.07);background:rgba(11,15,22,.72);border-radius:18px}
.online-callouts article>span{font-size:10px;color:var(--green);font-weight:950;letter-spacing:.12em;padding-top:3px}
.online-callouts strong{display:block;font-size:14px}
.online-callouts p{margin:4px 0 0;color:#7d879f;font-size:11px;line-height:1.55}

.stats-product-section{background:linear-gradient(180deg,#07090f,#05060a)}
.stats-product-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:46px;align-items:center}
.stats-product-copy p{color:#929bb4;line-height:1.7;max-width:570px}
.stats-kpis{display:grid;gap:10px;margin-top:28px}
.stats-kpis div{padding:14px 16px;border-left:2px solid rgba(83,216,255,.48);background:linear-gradient(90deg,rgba(83,216,255,.055),transparent);border-radius:0 12px 12px 0}
.stats-kpis strong,.stats-kpis span{display:block}
.stats-kpis strong{font-size:13px}.stats-kpis span{color:#6f7993;font-size:10px;margin-top:2px}
.stats-shot{border-color:rgba(83,216,255,.2)}

.celebration-showcase{grid-column:1/-1;display:grid;grid-template-columns:.58fr 1.42fr;gap:34px;align-items:center;margin-bottom:4px;padding:26px;border:1px solid rgba(255,200,87,.12);border-radius:26px;background:linear-gradient(135deg,rgba(255,200,87,.045),rgba(157,123,255,.04),rgba(83,216,255,.025))}
.celebration-copy{padding:12px}
.celebration-copy small{color:var(--gold);font-size:9px;font-weight:950;letter-spacing:.16em}
.celebration-copy h3{font-size:31px;line-height:1.07;margin:9px 0 11px;letter-spacing:-.04em}
.celebration-copy p{color:#8d96ae;line-height:1.65;margin:0}
.celebration-shot{overflow:hidden;border-radius:20px;border:1px solid rgba(255,200,87,.18);box-shadow:0 24px 70px rgba(0,0,0,.32)}
.celebration-shot img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}

/* Image lightbox */
.product-lightbox{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:28px;background:rgba(2,3,7,.88);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .22s ease}
.product-lightbox.open{opacity:1;pointer-events:auto}
.product-lightbox img{max-width:min(1500px,96vw);max-height:90vh;border-radius:20px;border:1px solid rgba(255,255,255,.16);box-shadow:0 50px 140px rgba(0,0,0,.7)}
.product-lightbox button{position:fixed;right:22px;top:20px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(10,12,18,.82);color:#fff;font-size:24px;cursor:pointer}

@media(max-width:1050px){
  .real-product-stage{min-height:700px}
  .coach-real-grid{gap:36px}
  .coach-screens{min-height:500px}
  .coach-deepdive,.stats-product-grid{grid-template-columns:1fr}
  .stats-product-copy{max-width:750px}
}
@media(max-width:820px){
  .real-product-stage{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .shot-card{position:relative;inset:auto!important;width:100%!important;transform:none!important;aspect-ratio:16/10!important;border-radius:20px}
  .shot-card-main{grid-column:1/-1}
  .game-showcase-grid{grid-template-columns:1fr}
  .game-showcase-wide{grid-column:auto}
  .coach-real-grid{grid-template-columns:1fr}
  .coach-screens{min-height:560px}
  .coach-deepdive{margin-top:42px;padding:24px}
  .online-callouts{grid-template-columns:1fr 1fr}
  .celebration-showcase{grid-template-columns:1fr}
}
@media(max-width:560px){
  .real-product-stage{grid-template-columns:1fr}
  .shot-card-main{grid-column:auto}
  .shot-label{left:13px;bottom:11px}.shot-label strong{font-size:12px}
  .game-showcase-card{border-radius:20px}.game-showcase-card>div{padding:18px}.game-showcase-card h3{font-size:25px}
  .coach-screens{min-height:420px}
  .coach-shot-main{width:94%}.coach-shot-float{width:74%}
  .coach-deepdive{padding:18px;border-radius:22px}.coach-deepdive-copy h3{font-size:28px}
  .online-callouts{grid-template-columns:1fr}
  .stats-product-grid{gap:28px}
  .celebration-showcase{padding:16px}.celebration-copy{padding:8px}.celebration-copy h3{font-size:27px}
  .product-lightbox{padding:12px}.product-lightbox img{border-radius:12px}
}