*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--dark:#050a0e;--dark2:#0d1117;--dark3:#161d26;--accent:#4ade80;--accent2:#22c55e;--gold:#f59e0b;--silver:#94a3b8;--bronze:#cd7c3a;--light:#f8f7f4;--light2:#eeecea;--text:#1a1a1a;--muted:#6b7280}html{scroll-behavior:smooth}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:rgba(5,10,14,.85);backdrop-filter:blur(12px);border-bottom:1px solid hsla(0,0%,100%,.06)}.nav-logo{font-family:"DM Serif Display",serif;font-size:1.4rem;color:#fff;letter-spacing:-.02em}.nav-logo span{color:var(--accent)}.nav-cta{background:var(--accent);color:#050a0e;font-weight:700;font-size:.85rem;padding:.5rem 1.25rem;border-radius:999px;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.85}.hero{min-height:100vh;background:var(--dark);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7rem 1.5rem 5rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(74,222,128,.12) 0,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.25);color:var(--accent);font-size:.75rem;font-weight:500;padding:.3rem .9rem;border-radius:999px;margin-bottom:1.75rem;letter-spacing:.04em;text-transform:uppercase}.hero h1{font-family:"DM Serif Display",serif;font-size:clamp(2.8rem,8vw,5.5rem);color:#fff;line-height:1.05;letter-spacing:-.03em;max-width:800px;margin:0 auto 1.25rem}.hero h1 em{font-style:italic;color:var(--accent)}.hero-sub{color:#94a3b8;font-size:clamp(1rem,2vw,1.2rem);max-width:520px;margin:0 auto 2.5rem;line-height:1.6;font-weight:300}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:var(--accent);color:#050a0e;font-weight:700;font-size:1rem;padding:.875rem 2rem;border-radius:999px;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-block}.btn-primary:hover{transform:translateY(-2px);opacity:.9}.btn-ghost{color:#94a3b8;font-size:1rem;font-weight:400;padding:.875rem 1.5rem;border-radius:999px;text-decoration:none;border:1px solid hsla(0,0%,100%,.12);transition:border-color .2s,color .2s;display:inline-block}.btn-ghost:hover{border-color:hsla(0,0%,100%,.3);color:#fff}.hero-note{margin-top:1.25rem;color:#4b5563;font-size:.8rem}.preview-wrap{margin-top:4rem;position:relative;max-width:680px;width:100%}.preview-glow{position:absolute;inset:-20px;background:radial-gradient(ellipse at 50% 100%,rgba(74,222,128,.15),transparent 70%);pointer-events:none}.preview-frame{background:#0d1117;border-radius:16px;border:1px solid hsla(0,0%,100%,.08);overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.6)}.preview-bar{background:#161d26;padding:.6rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid hsla(0,0%,100%,.06)}.dot{width:10px;height:10px;border-radius:50%}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.preview-url{flex:1;background:hsla(0,0%,100%,.05);border-radius:6px;padding:.2rem .75rem;font-size:.7rem;color:#4b5563;text-align:center;margin:0 .5rem}.preview-body{padding:1.25rem}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.preview-title{font-family:"DM Serif Display",serif;color:#fff;font-size:1rem}.preview-badge{font-size:.65rem;color:var(--accent);border:1px solid rgba(74,222,128,.3);padding:.15rem .6rem;border-radius:999px}.preview-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.podium-card{background:#161d26;border-radius:10px;padding:.75rem .4rem;text-align:center;border:1px solid hsla(0,0%,100%,.06)}.podium-card.first{border-color:rgba(245,158,11,.4)}.podium-medal{font-size:1rem;margin-bottom:.3rem}.podium-avatar{width:32px;height:32px;border-radius:50%;margin:0 auto .3rem;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff}.podium-name{font-size:.65rem;color:#e5e7eb;font-weight:500;margin-bottom:.2rem}.podium-pts{font-size:.75rem;font-weight:700}.preview-rows{display:flex;flex-direction:column;gap:.4rem}.preview-row{background:#161d26;border-radius:8px;padding:.5rem .75rem;display:flex;align-items:center;gap:.6rem}.row-num{font-size:.6rem;color:#4b5563;width:12px;text-align:center}.row-av{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:#fff;flex-shrink:0}.row-name{flex:1;font-size:.7rem;color:#d1d5db}.row-right{text-align:right;min-width:60px}.row-pts{font-size:.7rem;font-weight:600;color:var(--accent);margin-bottom:3px}.row-bar-wrap{display:flex;align-items:center;gap:4px}.row-bar-bg{flex:1;height:3px;background:#374151;border-radius:2px;overflow:hidden}.row-bar-fill{height:100%;border-radius:2px}.sports{background:var(--light);padding:5rem 1.5rem;text-align:center}.section-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}.section-title{font-family:"DM Serif Display",serif;font-size:clamp(1.8rem,4vw,2.8rem);color:var(--text);letter-spacing:-.02em;margin-bottom:1rem;line-height:1.15}.section-sub{color:var(--muted);font-size:1.05rem;max-width:480px;margin:0 auto 3rem;line-height:1.6}.sports-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:640px;margin:0 auto}.sport-pill{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--light2);border-radius:999px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.06);transition:box-shadow .2s,transform .2s}.sport-pill:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.sport-pill span:first-child{font-size:1.3rem}.sport-more{color:var(--muted);font-style:italic}.how,.sport-more{background:var(--light2)}.how{padding:5rem 1.5rem}.how-inner{max-width:900px;margin:0 auto}.how-header{text-align:center;margin-bottom:3.5rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.step{background:#fff;border-radius:16px;padding:2rem 1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.06);position:relative;overflow:hidden}.step:before{content:attr(data-n);position:absolute;top:-.5rem;right:1rem;font-family:"DM Serif Display",serif;font-size:5rem;color:rgba(0,0,0,.04);line-height:1;pointer-events:none}.step-icon{font-size:2rem;margin-bottom:1rem}.step h3{font-family:"DM Serif Display",serif;font-size:1.2rem;color:var(--text);margin-bottom:.5rem;letter-spacing:-.01em}.step p{color:var(--muted);font-size:.9rem;line-height:1.6}.pricing{background:var(--dark);padding:5rem 1.5rem;text-align:center}.pricing .section-title{color:#fff}.pricing .section-sub{color:#94a3b8}.price-card{display:inline-block;margin-top:2rem;background:var(--dark3);border:1px solid rgba(74,222,128,.2);border-radius:20px;padding:2.5rem 3rem;box-shadow:0 0 40px rgba(74,222,128,.08)}.price-trial{background:rgba(74,222,128,.1);color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.3rem 1rem;border-radius:999px;display:inline-block;margin-bottom:1.5rem}.price-amount{font-family:"DM Serif Display",serif;font-size:4rem;color:#fff;line-height:1;margin-bottom:.25rem}.price-amount span{font-size:1.5rem;vertical-align:super}.price-period{color:#4b5563;font-size:.85rem;margin-bottom:2rem}.price-features{list-style:none;text-align:left;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.price-features li{display:flex;align-items:center;gap:.6rem;color:#d1d5db;font-size:.9rem}.price-features li:before{content:"✓";color:var(--accent);font-weight:700;flex-shrink:0}.footer{background:var(--dark2);padding:2rem 1.5rem;text-align:center;color:#374151;font-size:.8rem;border-top:1px solid hsla(0,0%,100%,.04)}@media (max-width:600px){.nav{padding:.875rem 1rem}.hero{padding:6rem 1rem 4rem}.preview-wrap{margin-top:3rem}.price-card{padding:2rem 1.5rem}}