:root{color:#101828;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #101828;--muted: #667085;--line: rgba(16, 24, 40, .1);--brand: #0891b2;--green: #16a34a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}main{overflow:hidden}.hero-shell{position:relative;padding:24px clamp(20px,4vw,56px) 80px;color:#fff;background:radial-gradient(circle at 15% 15%,rgba(34,197,94,.26),transparent 32%),radial-gradient(circle at 80% 5%,rgba(125,211,252,.28),transparent 34%),linear-gradient(135deg,#0f172a,#10243f 45%,#053244)}.hero-shell:after{position:absolute;inset:auto -8% -20% 48%;height:420px;content:"";background:radial-gradient(circle,rgba(14,165,233,.16),transparent 68%);pointer-events:none}.nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:0 auto 72px}.brand,.nav-actions,.hero-actions,.trust-row,.preview-footer,.court-title,.feature-list span,.eyebrow{display:flex;align-items:center}.brand{gap:10px;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;width:36px;height:36px;place-items:center;color:#0f172a;background:linear-gradient(135deg,#7dd3fc,#86efac);border-radius:12px;box-shadow:0 14px 34px #22d3ee38}.nav-actions{gap:24px;font-size:.95rem;color:#ffffffc7}.nav-cta{padding:10px 16px;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(36px,6vw,84px);align-items:center;max-width:1160px;margin:0 auto}.eyebrow{width:fit-content;gap:8px;padding:8px 12px;margin-bottom:22px;font-size:.88rem;color:#bff7ff;border:1px solid rgba(125,211,252,.26);border-radius:999px;background:#0891b224}h1,h2,h3,p{margin:0}h1{max-width:760px;font-size:clamp(3rem,7vw,5.75rem);line-height:.92;letter-spacing:-.08em}.hero-lede{max-width:650px;margin-top:26px;color:#ffffffbd;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;font-weight:750;border-radius:999px}.primary-button{color:#05232d;background:linear-gradient(135deg,#67e8f9,#86efac);box-shadow:0 20px 44px #22d3ee38}.primary-button.dark{color:#fff;background:#101828;box-shadow:none}.secondary-button{color:#fff;border:1px solid rgba(255,255,255,.18);background:#ffffff14}.trust-row{flex-wrap:wrap;gap:18px;margin-top:24px;color:#ffffffad;font-size:.92rem}.trust-row span{display:inline-flex;gap:7px;align-items:center}.product-card{padding:18px;color:var(--ink);border:1px solid rgba(255,255,255,.35);border-radius:32px;background:#ffffffe0;box-shadow:0 34px 90px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card-topbar{display:flex;gap:7px;margin-bottom:18px}.card-topbar span{width:11px;height:11px;border-radius:999px;background:#d0d5dd}.card-topbar span:first-child{background:#f97066}.card-topbar span:nth-child(2){background:#fdb022}.card-topbar span:nth-child(3){background:#32d583}.session-header,.cta-section,.feature-list-card{display:flex;align-items:center;justify-content:space-between;gap:24px}.session-header{padding:18px;border-radius:22px;background:#f8fafc}.session-header p{color:var(--muted);font-size:.92rem}.session-header h2{margin-top:4px;font-size:1.35rem;letter-spacing:-.04em}.status-pill{padding:8px 12px;color:#027a48;font-size:.86rem;font-weight:750;border-radius:999px;background:#dcfae6}.court-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.court-card{padding:14px;border:1px solid var(--line);border-radius:20px;background:#fff}.court-title{gap:8px;margin-bottom:12px;color:#0e7490;font-weight:800}.players-mini{display:grid;gap:7px}.players-mini span{display:block;padding:8px 10px;color:#475467;font-size:.82rem;border-radius:10px;background:#f2f4f7}.preview-footer{flex-wrap:wrap;gap:12px;margin-top:16px;color:var(--muted);font-size:.86rem}.preview-footer span{display:inline-flex;gap:6px;align-items:center}.section,.workflow-section,.cta-section,footer{width:min(1160px,calc(100% - 40px));margin:0 auto}.section{padding:90px 0 0}.section-heading{max-width:680px;margin-bottom:32px}.section-heading p,.section-kicker{margin-bottom:10px;color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.section-heading h2,.workflow-copy h2,.feature-list-card h2,.cta-section h2{font-size:clamp(2.1rem,4vw,3.35rem);line-height:1;letter-spacing:-.06em}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefit-card,.feature-list-card,.steps-card{border:1px solid var(--line);background:#fff;box-shadow:0 18px 50px #1018280f}.benefit-card{padding:28px;border-radius:28px}.icon-wrap{display:grid;width:48px;height:48px;margin-bottom:22px;place-items:center;color:#075985;border-radius:16px;background:#e0f2fe}.benefit-card h3{margin-bottom:10px;font-size:1.22rem;letter-spacing:-.04em}.benefit-card p,.workflow-copy p{color:var(--muted);line-height:1.65}.workflow-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:clamp(28px,5vw,74px);align-items:center;padding:96px 0 0}.workflow-copy p:last-child{margin-top:20px;font-size:1.05rem}.steps-card{padding:16px;border-radius:30px}.step{display:flex;align-items:center;gap:16px;padding:18px;border-radius:20px}.step+.step{margin-top:8px;background:#f8fafc}.step span{display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;color:#fff;font-weight:850;border-radius:14px;background:#101828}.step p{font-weight:760}.compact-section{padding-top:90px}.feature-list-card{padding:clamp(28px,5vw,46px);border-radius:34px}.feature-list-card>div:first-child{max-width:520px}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px}.feature-list span{gap:8px;padding:12px 14px;color:#344054;border-radius:999px;background:#f2f4f7;font-weight:650}.cta-section{padding:clamp(30px,5vw,48px);margin-top:90px;color:#fff;border-radius:36px;background:radial-gradient(circle at 10% 20%,rgba(125,211,252,.24),transparent 34%),linear-gradient(135deg,#0f172a,#164e63)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0 42px;color:#667085}footer .brand{color:var(--ink)}footer>div{display:flex;gap:22px}@media(max-width:900px){.hero-grid,.workflow-section,.feature-list-card{grid-template-columns:1fr}.hero-grid{display:grid}.product-card{max-width:620px}.benefit-grid{grid-template-columns:1fr}.feature-list-card,.cta-section{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.hero-shell{padding:18px 18px 56px}.nav{margin-bottom:48px}.nav-actions a:first-child{display:none}h1{font-size:clamp(2.7rem,16vw,4.4rem)}.court-grid,.feature-list{grid-template-columns:1fr}.session-header,footer{align-items:flex-start;flex-direction:column}.section,.workflow-section,.cta-section,footer{width:min(100% - 32px,1160px)}}