@font-face{font-family:OCHeading;src:url('welcome-assets-v199v/barlow-condensed-extrabold.woff') format('woff');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:OCText;src:url('welcome-assets-v199v/inter-variable.woff') format('woff');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:OCNumber;src:url('welcome-assets-v199o/oneclub-display.woff') format('woff');font-weight:900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--navy:#06132d;--blue:#55d8ff;--muted:#b7cee5;font-family:OCText,Arial,sans-serif;color:#fff;background:var(--navy);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 2%,#114677 0,transparent 34%),#06132d}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:4px}.skip-link{position:absolute;top:-90px;left:16px;z-index:10;background:#fff;color:#06132d;padding:14px}.skip-link:focus{top:8px}
.site-header{border-bottom:1px solid #378bb74a;background:#050f25}.header-inner{max-width:1160px;margin:auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:44px;height:44px;object-fit:contain;border-radius:6px}.brand-name{font-size:17px;font-weight:800;letter-spacing:.09em}.brand small{display:block;font-size:9px;letter-spacing:.12em;margin-top:4px;color:#aacbe9}.nav{display:flex;align-items:center;gap:24px}.nav a{font-size:12px;font-weight:700;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 26px;border:1px solid #74e3ff;border-radius:999px;background:linear-gradient(110deg,#09bce9,#0877ef);color:#fff;font-size:15px;font-weight:800;letter-spacing:.03em;box-shadow:0 7px 24px #007bff29}.button:hover{filter:brightness(1.12)}.arrow{font-size:25px;line-height:1}.nav .button{min-height:44px;padding:12px 20px}
.display{font-family:OCHeading,Impact,'Arial Narrow',sans-serif;font-weight:800;text-transform:uppercase}.highlight{color:var(--blue)}.hero{max-width:1160px;margin:auto;padding:42px 28px 32px}.hero-inner{max-width:780px}.kicker{margin:0;color:#90dcf7;font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.5;text-transform:uppercase}.hero h1{font-size:clamp(66px,8.3vw,110px);line-height:.91;letter-spacing:-.012em;margin:15px 0 20px}.lead{font-size:21px;font-weight:600;line-height:1.4;color:#e2effa;margin:0 0 21px}.actions{display:flex;align-items:center;gap:24px}.actions .how-link{font-size:12px;font-weight:700;letter-spacing:.035em;padding:12px 0;min-height:44px;display:flex;align-items:center;gap:10px}.note{font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0 0}
.steps{max-width:1160px;margin:0 auto;padding:0 28px;list-style:none;scroll-margin-top:15px}.step{display:grid;grid-template-columns:112px minmax(0,1fr) minmax(0,330px);gap:22px;align-items:center;min-width:0;padding:26px 28px;margin-bottom:16px;border:1px solid #3b94c876;border-radius:22px;background:radial-gradient(ellipse at 95% 0%,#12517c65,transparent 72%),linear-gradient(125deg,#081a34,#0a2544);box-shadow:0 10px 25px #010a2033}.step-2{background:radial-gradient(ellipse at 85% 70%,#145b8f60,transparent 65%),linear-gradient(120deg,#071932,#0a2442)}.number{font-family:OCNumber,Impact,'Arial Narrow',sans-serif;font-weight:900;font-size:215px;line-height:.84;letter-spacing:-.055em;color:#78eaff;background:linear-gradient(150deg,#e0ffff 5%,#6de8ff 35%,#00a8ff 75%,#006beb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px #00aaff32)}.step-copy{min-width:0}.step h2{font-size:43px;line-height:1;letter-spacing:-.005em;margin:0 0 17px}.bullets{list-style:none;margin:0;padding:0;display:grid;gap:10px}.bullets li{position:relative;padding-left:17px;font-size:19px;font-weight:600;line-height:1.4;color:#e8f3fc}.bullets li:before{content:'•';position:absolute;left:0;color:#59dfff;font-weight:800}
.screen-pair{margin:0;min-width:0}.screen-open{display:block;width:100%;padding:0;overflow:hidden;border:1px solid #50add773;border-radius:12px;background:#05152c;text-align:left;box-shadow:0 8px 20px #020b1d50}.screen-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;color:#c5edff;background:#0a2443;font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1.3}.expand-icon{font-size:16px;line-height:1}.screen-open img{display:block;width:100%;height:auto}.preview-crop{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:691/260}.preview-crop img{position:absolute;inset:0 auto auto 0;width:100%;height:auto}.preview-crop.preview-group{aspect-ratio:691/155}.preview-group img{transform:translateY(-40.85%)}.preview-home{aspect-ratio:691/370}.preview-home img{transform:translateY(-38.2%)}.phone-frame{display:block;position:relative;overflow:hidden;aspect-ratio:691/1386;width:100%}.phone-frame img{position:absolute;inset:0 auto auto 0;width:100%;height:auto;transform:translateY(-3.90625%)}.matchday-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:12px;align-items:center;max-width:330px}.preview-phone{max-width:178px;margin:auto}.preview-video{max-width:145px;margin:auto}.video-frame{display:block;overflow:hidden}.screen-poll{display:block;position:relative;overflow:hidden;aspect-ratio:536/306}.screen-poll img{position:absolute;left:-14.55%;top:0;width:128.918%;height:auto;max-width:none;transform:translateY(-31.9%)}.more-screen{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;margin:7px 0 0;padding:6px 4px;border:0;background:transparent;color:#bce8ff;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.ai-teaser{margin:15px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:14px;line-height:1.4;color:#d9ecff;font-weight:600}.soon-badge{font-size:9px;line-height:1.4;font-weight:800;letter-spacing:.03em;color:#8ee7ff;border:1px solid #429dcc6b;border-radius:4px;padding:4px 6px;background:#0b3050}
.cta{max-width:1160px;margin:auto;padding:24px 28px 27px;text-align:center}.cta h2{font-size:clamp(40px,5.3vw,64px);line-height:.98;margin:0 0 15px}.join-steps{font-size:14px;line-height:1.7;color:#c5dbed;margin:0 auto 17px;max-width:550px}.cta .button{width:min(100%,520px);justify-content:space-between;padding-inline:25px}.cta .note{margin-top:12px}.site-footer{max-width:1104px;margin:0 auto;border-top:1px solid #518eb445;padding:20px 20px 24px;font-size:11px;line-height:1.6;color:#a6bed5;text-align:center}.footer-links{display:flex;justify-content:center;gap:22px;margin-top:10px}.footer-links a{padding:8px 0;text-decoration:underline;text-underline-offset:3px}
.screen-dialog{width:min(92vw,530px);max-height:92vh;max-height:92dvh;margin:auto;padding:15px;border:1px solid #5aa6cc;border-radius:16px;background:#07152d;color:#fff;overflow:auto;box-shadow:0 16px 80px #0008}.screen-dialog::backdrop{background:#010817df}.dialog-header{position:sticky;top:0;z-index:1;background:#07152d;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.dialog-header h2{font-size:16px;font-weight:700;line-height:1.4;margin:0}.dialog-close{width:44px;height:44px;flex:0 0 44px;border:1px solid #477da5;border-radius:50%;background:#102d4f;font-size:28px;line-height:1}.dialog-image{max-width:380px;margin:auto;overflow:hidden;border-radius:9px;border:1px solid #397fa4}.dialog-image img{display:block;width:100%;height:auto}.dialog-image .screen-poll{width:100%}
@media(max-width:1000px) and (min-width:701px){.step{grid-template-columns:80px minmax(0,1fr) minmax(0,270px);gap:16px;padding:24px 22px}.number{font-size:172px}.step h2{font-size:37px}.bullets li{font-size:18px}.matchday-visual{gap:8px}}
@media(max-width:700px){.header-inner{padding:10px 16px;gap:12px}.brand img{width:36px;height:36px}.brand-name{font-size:13px;letter-spacing:.06em}.brand small{display:none}.nav{gap:15px}.nav .how-link{display:none}.nav a{font-size:11px}.nav .button{font-size:11px;padding:10px 13px;min-height:42px}.hero{padding:29px 22px 25px}.hero h1{font-size:clamp(64px,17vw,95px);margin:12px 0 17px}.kicker{font-size:10px;letter-spacing:.12em}.lead{font-size:19px;margin-bottom:17px}.actions{display:grid;grid-template-columns:1fr;gap:3px}.actions .button{width:100%;justify-content:space-between;padding-inline:23px}.actions .how-link{justify-content:center;font-size:11px;padding:7px 0;min-height:36px}.hero .note{margin-top:6px;font-size:11px}.steps{padding:0 14px}.step{grid-template-columns:61px minmax(0,1fr);gap:14px 13px;padding:20px 19px;margin-bottom:13px;border-radius:17px;align-items:start}.number{font-size:128px;line-height:.87;align-self:center}.step-copy{grid-column:2;grid-row:1}.step h2{font-size:34px;margin-bottom:11px}.bullets{gap:7px}.bullets li{font-size:18px;line-height:1.35;padding-left:14px}.screen-pair{grid-column:1/-1;grid-row:2;width:100%;max-width:360px;margin:auto}.preview-wide{max-width:360px;margin:auto}.preview-crop{aspect-ratio:691/235}.preview-home{aspect-ratio:691/330}.matchday-visual{max-width:315px;gap:13px;grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}.preview-phone{max-width:175px}.preview-video{max-width:132px}.screen-label{font-size:10px;padding:8px 10px}.ai-teaser{grid-column:1/-1;font-size:12px;margin-top:11px;gap:6px}.soon-badge{font-size:8px}.cta{padding:21px 20px 23px}.cta h2{font-size:43px}.join-steps{font-size:12px;line-height:1.7;margin-bottom:15px;max-width:320px}.cta .button{font-size:14px}.cta .note{font-size:10px}.site-footer{padding:16px 20px 19px;font-size:10px}.footer-links{margin-top:5px}.screen-dialog{width:94vw;padding:12px}.dialog-header h2{font-size:14px}}
@media(max-width:350px){.header-inner{padding-inline:12px}.brand{gap:7px}.brand img{width:31px;height:31px}.brand-name{font-size:11px}.nav{gap:10px}.nav a{font-size:10px}.nav .button{padding-inline:11px;font-size:10px}.hero{padding-inline:19px}.lead{font-size:18px}.step{padding:18px 15px;grid-template-columns:48px minmax(0,1fr);gap:12px 10px}.number{font-size:110px}.step h2{font-size:31px}.bullets li{font-size:18px}.matchday-visual{gap:10px}.screen-label{font-size:9px}.ai-teaser{font-size:11px}.cta h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
@media(forced-colors:active){.highlight,.number{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;filter:none}.button{border:1px solid ButtonText}}