:root{--bg:#f4f8ff;--bg-elevated:#fff;--court:#3d6fd8;--court-deep:#1e4fbf;--line:#1e4fbf38;--accent:#2f6bff;--accent-soft:#6b9aff;--accent-ink:#fff;--text:#0b1f4a;--muted:#5a6f96;--glow:#2f6bff33;--font-display:"Syne", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.stage{isolation:isolate;height:100dvh;max-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));background:radial-gradient(90% 70% at 100% 0,#6b9aff59,#0000 55%),radial-gradient(70% 50% at 0 100%,#2f6bff1f,#0000 50%),linear-gradient(165deg,#fff 0%,#eef4ff 48%,#e3ecff 100%);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.stage__glow{background:radial-gradient(circle at 30% 30%, var(--glow), transparent 60%);pointer-events:none;z-index:0;height:55%;position:absolute;inset:auto -10% -25% 35%}.stage__court{background:linear-gradient(90deg, transparent 49.5%, #ffffff73 49.5%, #ffffff73 50.5%, transparent 50.5%), linear-gradient(160deg, var(--court), var(--court-deep));opacity:.9;pointer-events:none;z-index:0;border:1px solid #ffffff59;border-radius:1.25rem;width:min(42vw,320px);position:absolute;inset:12% 6% 10% auto;transform:rotate(8deg);box-shadow:inset 0 0 0 10px #0e308247,0 24px 60px #1e4fbf38}.stage__net{background:linear-gradient(#0000,#ffffffb3,#0000);width:2px;margin:auto;position:absolute;inset:8% 0}.stage__ball{background:#fff;border-radius:50%;width:1.35rem;height:1.35rem;animation:4.5s ease-in-out infinite float;position:absolute;top:22%;right:14%;box-shadow:0 2px 8px #0b1f4a33,0 0 0 1px #fffc}.top,.hero,.foot{z-index:1;position:relative}.top{align-items:center;gap:.7rem;animation:.7s both rise;display:flex}.brand-logo{object-fit:cover;background:#000;border-radius:50%;width:2.25rem;height:2.25rem;box-shadow:0 4px 14px #1e4fbf33}.brand-name{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text);font-size:.85rem;font-weight:700}.hero{flex-direction:column;justify-content:center;gap:clamp(.75rem,2.2vh,1.35rem);max-width:40rem;min-height:0;display:flex}.title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-size:clamp(2.6rem,9vw,5.2rem);font-weight:800;line-height:.92;animation:.75s 80ms both rise}.title span{color:var(--accent)}.lead{max-width:28rem;color:var(--muted);font-size:clamp(.95rem,2.4vw,1.1rem);line-height:1.45;animation:.75s .14s both rise}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;list-style:none;animation:.75s .2s both rise;display:grid}.feature{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc7;border:1px solid #2f6bff24;border-radius:.9rem;flex-direction:column;gap:.2rem;min-width:0;padding:.75rem .8rem;display:flex;box-shadow:0 8px 24px #1e4fbf0f}.feature strong{font-family:var(--font-display);color:var(--text);font-size:clamp(.85rem,2.2vw,1rem);font-weight:700}.feature span{color:var(--muted);font-size:clamp(.7rem,1.8vw,.82rem);line-height:1.25}.cta{background:linear-gradient(135deg, var(--accent-soft), var(--accent) 55%, #1e4fbf);width:min(100%,22rem);color:var(--accent-ink);font-family:var(--font-display);letter-spacing:.02em;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;margin-top:.25rem;padding:.95rem 1.15rem;font-weight:800;transition:transform .2s,box-shadow .2s;animation:.8s .26s both rise;display:inline-flex;box-shadow:0 12px 40px #2f6bff59}.cta:hover{transform:translateY(-2px);box-shadow:0 16px 48px #2f6bff6b}.cta:active{transform:translateY(0)}.cta__label{font-size:1.05rem}.cta__hint{background:#ffffff38;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:1.1rem;line-height:1;display:grid}.foot{color:var(--muted);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.78rem;animation:.7s .3s both rise;display:flex}.foot__dot{background:var(--muted);opacity:.6;border-radius:50%;width:4px;height:4px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=640px){.stage__court{opacity:.55;width:58vw;inset:18% -8% auto auto}.features{grid-template-columns:1fr;gap:.45rem}.feature{flex-direction:row;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.65rem .8rem}}@media (height<=700px){.stage{padding-block:.75rem}.hero{gap:.65rem}.title{font-size:clamp(2.2rem,8vw,3.4rem)}.lead{font-size:.92rem}.stage__court{display:none}.features{grid-template-columns:repeat(3,minmax(0,1fr))}.feature{flex-direction:column;padding:.55rem .6rem}}@media (height<=560px){.features{display:none}.lead{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}