/* Version 2.1 · 2026-10-30 · CRONGEMAS-PROMPT-074; supersedes PR #70 v2.0 (adds .final-note; nav link targets, phone ticker wrap and PONK mark size). */
:root{color-scheme:dark;--bg:#171724;--panel:#232335;--white:#f9f3e9;--muted:#c6bfcb;--lime:#d7f869;--orange:#ff8f55;--lavender:#b6a4ff;--line:#464457;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--white);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}::selection{background:var(--lime);color:#171724}:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.wrap{width:min(1240px,calc(100% - 72px));margin-inline:auto}.skip{position:absolute;top:-90px;left:16px;padding:14px 20px;z-index:10;background:var(--lime);color:var(--bg)}.skip:focus{top:14px}.topbar{border-bottom:1px solid var(--line)}.topbar-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:9px;font-size:27px;font-weight:900;letter-spacing:-1.7px;text-decoration:none;white-space:nowrap}.logo-burst{color:var(--orange);font-size:31px;font-weight:400}.logo-period,.punct{color:var(--orange)}nav{display:flex;align-items:center;gap:32px}nav a{display:inline-block;padding:12px 0;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.06em}nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-play{border:1px solid var(--lime);color:var(--lime);border-radius:4px;padding:14px 18px}.nav-play:hover{background:var(--lime);color:var(--bg);text-decoration:none}
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:stretch;padding-top:67px;padding-bottom:79px}.hero-copy{padding:23px 0 0}.kicker{color:var(--lime);font-weight:900;font-size:11px;letter-spacing:.15em;line-height:1.5}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--lime);margin-right:8px}.kicker-star{padding:0 10px}h1{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(70px,8vw,123px);line-height:.91;letter-spacing:-.042em;margin:40px 0 30px;font-weight:900}h1 span{color:var(--lime)}.hero-sub{font-size:19px;line-height:1.65;color:#ded8df;max-width:510px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:35px;flex-wrap:wrap}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:58px;padding:17px 23px;background:var(--lime);color:var(--bg);border:2px solid var(--lime);border-radius:5px;text-decoration:none;font-weight:900;letter-spacing:.03em}.cta:hover{background:var(--white);border-color:var(--white)}.text-link{text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.05em;border-bottom:2px solid var(--orange);padding:10px 0}.hero-footnote{margin-top:30px;font-size:10px;letter-spacing:.1em;line-height:1.6;color:#bbb3c3}.hero-panel{min-height:560px;position:relative;overflow:hidden;border:2px solid #615a72;border-radius:14px;background:#302b50;box-shadow:11px 11px 0 #0f101b}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:23px;font-size:12px;font-weight:900;letter-spacing:.12em}.panel-badge{border:1px solid var(--white);padding:6px 8px}.court-wrap{position:absolute;inset:55px 0 55px;display:flex;justify-content:center;align-items:center}.court-wrap img{width:100%;height:100%;object-fit:contain;transform:rotate(-7deg) scale(1.12)}.panel-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:end;padding:27px;font-size:12px;font-weight:800;letter-spacing:.08em}.panel-bottom strong{font-size:65px;font-family:Impact,'Arial Black',sans-serif;color:var(--lime);line-height:.9;letter-spacing:-.07em}.sticker{position:absolute;right:14px;top:90px;border-radius:50%;width:100px;height:100px;background:var(--orange);color:var(--bg);display:grid;place-content:center;text-align:center;font-weight:1000;font-size:17px;line-height:1;transform:rotate(17deg);box-shadow:4px 7px 0 #161522}.ticker{background:var(--lime);color:var(--bg);overflow:hidden;border-block:2px solid var(--lime)}.ticker-text{width:max-content;min-width:100%;padding:16px 20px;text-align:center;font-size:14px;font-weight:900;letter-spacing:.12em;word-spacing:.5em}.ticker span{color:#bd4b37;padding-inline:12px}.section{padding-top:100px;padding-bottom:32px;scroll-margin-top:30px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.section-head h2{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(42px,5vw,65px);font-weight:900;letter-spacing:-.035em;line-height:1.04;margin:10px 0}.section-head>p{max-width:250px;line-height:1.7;color:var(--muted);font-size:14px}.feature-card{display:grid;grid-template-columns:1.1fr .9fr;background:var(--white);color:var(--bg);border-radius:13px;overflow:hidden}.feature-visual{min-height:400px;background:#e87651;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;border-right:7px solid var(--bg)}.feature-mark{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(110px,13vw,200px);line-height:.9;letter-spacing:-.08em;z-index:1;transform:rotate(-8deg);text-shadow:6px 9px 0 #572e3c}.feature-mark span{color:var(--lime)}.feature-visual p{font-size:11px;font-weight:900;letter-spacing:.13em;z-index:1}.feature-ball{width:90px;height:90px;border-radius:50%;background:var(--lime);position:absolute;right:35px;top:30px}.feature-details{padding:52px 52px 40px;display:flex;flex-direction:column;align-items:flex-start}.pill{padding:8px 12px;background:var(--bg);color:var(--lime);font-size:10px;letter-spacing:.1em;font-weight:900;border-radius:100px}.feature-details h3{font-family:Impact,'Arial Black',sans-serif;font-size:65px;line-height:1;margin:25px 0 12px;letter-spacing:-.04em}.feature-details p{font-size:17px;line-height:1.65;max-width:350px;color:#393646}.cta-secondary{background:var(--bg);color:var(--white);border-color:var(--bg);margin-top:24px}.cta-secondary:hover{background:#403955;border-color:#403955;color:var(--white)}.feature-details small{font-size:11px;line-height:1.6;margin-top:17px;color:#5f5869}.community{padding-bottom:90px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.club-card{border-radius:11px;padding:27px;min-height:340px;display:flex;flex-direction:column;color:#161624;position:relative;overflow:hidden}.orange{background:var(--orange)}.cream{background:var(--white)}.lavender{background:var(--lavender)}.card-index,.card-footer{font-size:11px;font-weight:900;letter-spacing:.1em}.card-glyph{font-size:60px;position:absolute;right:25px;top:42px;transform:rotate(-15deg)}.club-card h3{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(35px,3.6vw,51px);line-height:.98;letter-spacing:-.02em;margin:72px 0 13px}.club-card p{font-size:14px;line-height:1.55;max-width:260px}.card-footer{margin-top:auto;border-top:1px solid #554e59;padding-top:17px}.final-invite{border-top:1px solid var(--line);padding-top:80px;padding-bottom:100px;text-align:center}.invitation-kicker{font-weight:900;font-size:11px;letter-spacing:.14em;color:var(--lime)}.final-invite h2{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(70px,10vw,150px);line-height:.9;letter-spacing:-.045em;margin:24px 0}.final-invite h2 em{font-style:normal;color:var(--orange)}.final-note{margin:22px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.footer{border-top:1px solid var(--line);padding-block:35px}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:18px}.footer p,.footer small{color:var(--muted);font-size:12px}
@media(max-width:1050px){.hero{grid-template-columns:1fr .9fr;gap:20px}.hero-panel{min-height:480px}.hero-copy{padding-top:10px}h1{font-size:clamp(68px,7.7vw,95px)}.feature-details{padding:36px}.feature-details h3{font-size:55px}}
@media(max-width:760px){.wrap{width:min(100% - 36px,620px)}.topbar-inner{min-height:80px}.logo{font-size:24px}nav{gap:13px}nav a:not(.nav-play){display:none}.nav-play{padding:11px;font-size:10px}.hero{grid-template-columns:1fr;padding:32px 0 55px;gap:30px}h1{font-size:clamp(66px,15vw,105px);margin:25px 0}.hero-sub{font-size:16px}.hero-panel{min-height:430px}.sticker{width:80px;height:80px;font-size:14px}.ticker-text{width:auto;font-size:10px;padding:13px 10px;line-height:1.8}.section{padding-top:65px}.section-head{display:block}.section-head>p{max-width:100%}.feature-card{grid-template-columns:1fr}.feature-visual{border-right:0;border-bottom:6px solid var(--bg);min-height:260px}.feature-mark{font-size:min(130px,27vw)}.feature-details{padding:32px}.feature-details h3{font-size:56px}.card-grid{grid-template-columns:1fr}.club-card{min-height:255px}.club-card h3{font-size:47px;margin-top:45px}.community{padding-bottom:65px}.final-invite{padding-block:70px}.footer-content{flex-wrap:wrap}.footer-content .logo{width:100%}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.logo{font-size:22px}h1{font-size:61px}.hero-panel{min-height:350px}.panel-bottom strong{font-size:53px}.feature-mark{font-size:25vw}.feature-details{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(forced-colors:active){.cta,.nav-play{border:2px solid ButtonText}.club-card,.feature-card{border:1px solid CanvasText}}