#tos-hero{--tos-bg:#07121e;--tos-panel:#152333;--tos-line:#344356;--tos-text:#edf3fa;--tos-muted:#b1bece;--tos-orange:#ff590c;color:var(--tos-text);background:var(--tos-bg);font-family:Inter,Arial,sans-serif;border-radius:16px;overflow:hidden;color-scheme:dark;position:relative;isolation:isolate}#tos-hero *{box-sizing:border-box}#tos-hero button,#tos-hero a{font:inherit;-webkit-tap-highlight-color:transparent}#tos-hero a{color:inherit;text-decoration:none}#tos-hero button{color:inherit}#tos-hero [hidden]{display:none!important}#tos-hero .tos-header{display:flex;align-items:center;justify-content:space-between;padding:23px 30px;gap:20px;border-bottom:1px solid #ffffff0e;position:relative;z-index:3;background:#07121ee8}#tos-hero .tos-brand{display:flex;align-items:center;gap:13px}#tos-hero .tos-mark{color:var(--tos-orange);font-weight:950;font-size:49px;font-style:italic;line-height:.9;letter-spacing:-8px;width:39px;transform:skew(-8deg)}#tos-hero .tos-wordmark{font-size:19px;font-style:italic;font-weight:850;letter-spacing:-.4px}#tos-hero .tos-brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--tos-muted);margin-top:5px}#tos-hero .tos-nav{display:flex;align-items:center;gap:22px;font-size:13px}#tos-hero .tos-nav a{padding:12px 0}#tos-hero .tos-nav a:last-child{padding:12px 18px;border:1px solid #718099;border-radius:9px}#tos-hero .tos-main{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;padding:42px 28px 28px;gap:8px;position:relative;min-height:580px;background:radial-gradient(ellipse at 92% 27%,#ff76243d,transparent 40%),linear-gradient(110deg,#07121e 27%,#0a1b2b 70%,#293143)}#tos-hero .tos-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}#tos-hero .tos-sun{position:absolute;right:8%;top:18%;width:54px;height:54px;border-radius:50%;background:#ffc17a;filter:blur(2px);box-shadow:0 0 90px 22px #ff610b3c;opacity:.7}#tos-hero .tos-water{position:absolute;inset:46% 0 0 37%;background:repeating-linear-gradient(177deg,transparent 0 12px,#e9822d0d 13px 14px,transparent 15px 21px);mask-image:linear-gradient(90deg,transparent,#000 70%);transform:perspective(400px) rotateX(35deg);opacity:.6}#tos-hero .tos-copy{position:relative;z-index:2;padding:10px 0 18px}#tos-hero .tos-eyebrow{font-size:11px;letter-spacing:2.2px;color:#ff884d;font-weight:700;margin:0 0 24px}#tos-hero .tos-heading{font-size:clamp(36px,4.7vw,57px);line-height:1.07;letter-spacing:-2.4px;font-weight:850;margin:0 0 24px}#tos-hero .tos-heading span{display:block;color:var(--tos-orange)}#tos-hero .tos-lead{font-size:16px;line-height:1.65;max-width:365px;color:#c1ccda;margin:0 0 28px}#tos-hero .tos-actions{display:flex;flex-wrap:wrap;gap:10px}#tos-hero .tos-cta{border-radius:10px;min-height:47px;padding:13px 17px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #718099;background:#102032;font-size:13px;font-weight:650;transition:background .2s,transform .2s}#tos-hero .tos-cta.primary{background:var(--tos-orange);border-color:var(--tos-orange);color:#fff;box-shadow:0 8px 30px #ff590c18}#tos-hero .tos-cta:hover{transform:translateY(-2px);background:#233448}#tos-hero .tos-cta.primary:hover{background:#ed4e00}#tos-hero .tos-copy-foot{display:flex;align-items:center;gap:10px;margin-top:28px;color:#a7b8cb;font-size:12px}#tos-hero .tos-copy-foot:before{content:'';width:24px;height:1px;background:#8295ab}#tos-hero .tos-product{min-width:0;position:relative;z-index:1}#tos-hero .tos-stage{position:relative;height:530px;perspective:1100px;margin:0 -2px;transform:rotateX(var(--tos-tilt-x,0deg)) rotateY(var(--tos-tilt-y,0deg));transition:transform .25s ease-out}#tos-hero .tos-phone{appearance:none;text-align:left;position:absolute;top:0;left:50%;width:228px;height:520px;line-height:1.25;font-weight:400;letter-spacing:normal;padding:10px;border-radius:34px;background:linear-gradient(140deg,#454b52,#070b10 22%,#1c2530 80%,#89909a);border:1px solid #586576;box-shadow:0 20px 34px #0008;transition:transform .65s cubic-bezier(.22,.8,.25,1),filter .65s,opacity .65s;transform-origin:50% 80%;overflow:hidden;will-change:transform}#tos-hero .tos-phone[data-place="front"]{transform:translateX(-50%) translateY(0) rotate(0);z-index:3;filter:brightness(1)}#tos-hero .tos-phone[data-place="left"]{transform:translateX(-91%) translateY(34px) rotate(-9deg) scale(.82);z-index:1;filter:brightness(.68)}#tos-hero .tos-phone[data-place="right"]{transform:translateX(-7%) translateY(38px) rotate(10deg) scale(.82);z-index:2;filter:brightness(.72)}#tos-hero .tos-phone:not([data-place="front"]):hover{filter:brightness(.95)}#tos-hero .tos-glass{background:#091522;border-radius:25px;height:100%;overflow:hidden;padding:26px 10px 10px;position:relative}#tos-hero .tos-island{position:absolute;top:7px;width:65px;height:12px;border-radius:0 0 9px 9px;background:#03070c;left:50%;transform:translateX(-50%)}#tos-hero .tos-phone-nav{font-weight:850;font-style:italic;font-size:11px;display:flex;gap:10px;align-items:center;margin:2px 3px 16px}#tos-hero .tos-mini-mark{color:var(--tos-orange);font-size:18px;font-weight:950}#tos-hero .tos-screen-box{background:var(--tos-panel);border:1px solid #334257;border-radius:13px;padding:12px 10px;margin-bottom:9px;color:#eaf0f8}#tos-hero .tos-screen-kicker{font-size:8px;letter-spacing:.6px;color:#ff9154;font-weight:750;margin-bottom:6px}#tos-hero .tos-screen-title{font-size:15px;line-height:1.2;font-weight:750;margin:0 0 6px}#tos-hero .tos-screen-sub{font-size:10px;line-height:1.5;color:var(--tos-muted)}#tos-hero .tos-mini-tabs{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#abbad0;padding:9px 5px;margin-bottom:8px;background:#152333;border-radius:7px}#tos-hero .tos-mini-tabs span:first-child{color:#f3f7fc}#tos-hero .tos-sport{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:700;margin-bottom:11px}#tos-hero .tos-sport svg{width:15px;height:15px;color:#b9c9dd}#tos-hero .tos-row{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#adbbcf;padding:7px 0;border-top:1px solid #344154}#tos-hero .tos-row strong{color:#e8eff8;font-size:11px;white-space:nowrap}#tos-hero .tos-status{display:inline-block;font-size:9px;padding:5px 8px;color:#95e4b5;background:#113e30;border-radius:6px;margin-bottom:10px}#tos-hero .tos-race-title{font-size:16px;line-height:1.25;font-weight:800;margin-bottom:9px}#tos-hero .tos-time{font-size:34px;font-weight:800;letter-spacing:-1px;padding:4px 0 11px;color:#edf3fa}#tos-hero .tos-ranking{display:flex;justify-content:space-between;gap:7px;font-size:10px;border-top:1px solid #354257;padding-top:10px;margin-bottom:10px;color:#b1bdcd}#tos-hero .tos-ranking strong{font-size:14px;color:#edf3fa}#tos-hero .tos-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}#tos-hero .tos-metric{background:#152333;border:1px solid #354258;border-radius:10px;padding:11px 8px;font-size:10px;color:var(--tos-muted)}#tos-hero .tos-metric strong{display:block;font-size:17px;color:#edf3fa;margin-top:6px}#tos-hero .tos-map-link{background:linear-gradient(135deg,#142b38,#182334);border:1px solid #32465b;padding:17px 12px;border-radius:12px;margin-top:9px;display:flex;align-items:center;gap:12px;font-size:12px;color:#e9f0fa}#tos-hero .tos-map-link svg{width:29px;height:29px;color:#ff9154}#tos-hero .tos-map-link small{display:block;font-size:10px;color:#adbbcf;line-height:1.4;margin-top:6px}#tos-hero .tos-selector{display:flex;justify-content:center;gap:5px;margin:22px 0 12px;position:relative;z-index:4}#tos-hero .tos-selector button{border:1px solid transparent;background:transparent;display:flex;gap:7px;align-items:center;padding:11px 12px;min-height:44px;border-radius:8px;font-size:12px;color:#adbed0;transition:background .2s,border-color .2s}#tos-hero .tos-selector button[aria-pressed="true"]{background:#213044;border-color:#526278;color:#fff}#tos-hero .tos-selector button svg{width:15px;height:15px}#tos-hero .tos-caption{text-align:center;font-size:12px;line-height:1.5;color:#b6c4d5;min-height:36px;margin:0;padding:0 12px}#tos-hero .tos-demo{position:relative;background:#101e2d;border-top:1px solid #344356;padding:26px 30px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}#tos-hero .tos-demo h2{font-size:23px;line-height:1.2;letter-spacing:-.5px;margin:6px 0 9px;font-weight:750}#tos-hero .tos-demo p{font-size:14px;color:#b9c7d8;line-height:1.6;margin:0;max-width:580px}#tos-hero .tos-step{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:#ff9154}#tos-hero .tos-demo-actions{display:flex;gap:8px;flex-wrap:wrap}#tos-hero .tos-close{border:1px solid #4d5f76;min-height:44px;min-width:44px;display:grid;place-items:center;border-radius:10px;background:transparent}#tos-hero .tos-close svg{height:17px;width:17px}#tos-hero .tos-demo-progress{display:flex;gap:5px;margin-top:14px}#tos-hero .tos-demo-progress span{width:24px;height:3px;border-radius:3px;background:#415167}#tos-hero .tos-demo-progress span.active{background:var(--tos-orange)}#tos-hero[data-motion="false"] .tos-stage{transform:none!important}#tos-hero[data-motion="false"] .tos-phone{transition:none}
#tos-hero .tos-screen-box{padding:8px 10px;margin-bottom:6px}#tos-hero .tos-row{padding:4px 0}#tos-hero .tos-sport{margin-bottom:6px}#tos-hero .tos-phone-nav{margin-bottom:10px}#tos-hero .tos-metric{padding:8px}#tos-hero .tos-map-link{padding:12px}#tos-hero .tos-screen-sub{line-height:1.3}
@media(max-width:760px){#tos-hero .tos-header{padding:20px}#tos-hero .tos-nav{gap:14px}#tos-hero .tos-nav .tos-nav-login{display:none}#tos-hero .tos-wordmark{font-size:17px}#tos-hero .tos-main{grid-template-columns:1fr;padding:36px 22px 27px;gap:20px}#tos-hero .tos-copy{text-align:center;padding-bottom:0}#tos-hero .tos-heading{font-size:49px;letter-spacing:-2px}#tos-hero .tos-lead{max-width:450px;margin:0 auto 23px}#tos-hero .tos-actions{justify-content:center}#tos-hero .tos-copy-foot{justify-content:center;margin-top:22px}#tos-hero .tos-eyebrow{margin-bottom:17px;font-size:10px}#tos-hero .tos-product{margin:12px auto 0;width:100%;max-width:475px}#tos-hero .tos-stage{height:530px}#tos-hero .tos-demo{grid-template-columns:1fr;padding:23px}#tos-hero .tos-demo-actions{justify-content:space-between}#tos-hero .tos-sun{top:49%;right:9%}}@media(max-width:400px){#tos-hero .tos-header{padding:17px 15px;gap:8px}#tos-hero .tos-mark{font-size:40px;width:30px}#tos-hero .tos-brand{gap:8px}#tos-hero .tos-wordmark{font-size:15px}#tos-hero .tos-brand small{font-size:7px;letter-spacing:1.5px}#tos-hero .tos-nav a:last-child{padding:10px 11px;font-size:11px}#tos-hero .tos-main{padding:29px 15px 22px}#tos-hero .tos-heading{font-size:39px;letter-spacing:-1.8px}#tos-hero .tos-lead{font-size:14px}#tos-hero .tos-cta{font-size:12px;padding:12px}#tos-hero .tos-phone[data-place="left"]{transform:translateX(-70%) translateY(34px) rotate(-7deg) scale(.82)}#tos-hero .tos-phone[data-place="right"]{transform:translateX(-30%) translateY(38px) rotate(7deg) scale(.82)}#tos-hero .tos-selector button{font-size:11px;padding:10px 8px;gap:5px}}@media(prefers-reduced-motion:reduce){#tos-hero *,#tos-hero .tos-phone{transition:none!important;animation:none!important}#tos-hero .tos-stage{transform:none!important}}

#tos-hero{border-radius:0;line-height:1.5}#tos-hero .tos-main{max-width:1280px;margin:auto}#tos-hero .tos-demo{max-width:1280px;margin:auto}#tos-hero button,#tos-hero a{cursor:pointer}#tos-hero .tos-mini-mark{width:18px;height:18px;object-fit:contain}#tos-hero svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#tos-hero .tos-preview-label{text-align:center;font-size:9px;letter-spacing:1.4px;color:#a8b9cc;margin:0 0 20px}#tos-hero:not(.tos-ready) .tos-selector{display:none}#tos-hero:not(.tos-ready) .tos-phone:not([data-place="front"]){display:none}#tos-hero .tos-cta:focus-visible,#tos-hero .tos-phone:focus-visible,#tos-hero .tos-selector button:focus-visible,#tos-hero .tos-close:focus-visible{outline:3px solid #ffb082;outline-offset:3px}@media(prefers-reduced-motion:reduce){#tos-hero{scroll-behavior:auto}}

/* Keep the app's animated screen collage within the compact club section. */
#tos-hero { border-radius: 16px; }
#tos-hero .tos-main { min-height: 0; grid-template-columns: 1.1fr 1fr; padding: 20px 28px; gap: 24px; }
#tos-hero .tos-copy { min-width: 0; padding: 0; text-align: left; }
#tos-hero .tos-eyebrow { margin-bottom: 9px; font-size: 11px; letter-spacing: 1.4px; }
#tos-hero .tos-heading { font-size: clamp(25px, 2.5vw, 32px); line-height: 1.12; letter-spacing: -.7px; margin-bottom: 10px; text-transform: none; }
#tos-hero .tos-lead { font-size: 14px; line-height: 1.5; margin: 0 0 16px; max-width: 40ch; }
#tos-hero .tos-actions { justify-content: flex-start; gap: 8px; }
#tos-hero .tos-cta { min-height: 44px; padding: 9px 13px; font-size: 12px; }
#tos-hero .tos-android { background: #ff570b; border-color: #ff570b; color: #fff; }
#tos-hero .tos-android:hover { background: #df4600; }
#tos-hero .tos-download-note { margin: 10px 0 0; color: #b1bece; font-size: 11px; max-width: 48ch; }
#tos-hero .tos-product { margin: 0; width: 100%; min-width: 0; }
#tos-hero .tos-preview-label { margin: 0 0 6px; font-size: 9px; letter-spacing: .8px; }
#tos-hero .tos-stage { height: 232px; margin: 0; }
#tos-hero .tos-phone { transform-origin: 50% 0; }
#tos-hero .tos-phone[data-place="front"] { transform: translateX(-50%) scale(.44); }
#tos-hero .tos-phone[data-place="left"] { transform: translateX(-50%) translateX(-82px) translateY(22px) rotate(-9deg) scale(.36); }
#tos-hero .tos-phone[data-place="right"] { transform: translateX(-50%) translateX(82px) translateY(22px) rotate(9deg) scale(.36); }
#tos-hero .tos-selector { margin: 4px 0 0; gap: 4px; }
#tos-hero .tos-selector button { min-height: 44px; padding: 7px 9px; font-size: 12px; }
#tos-hero .tos-caption { min-height: 17px; margin: 4px 0 0; padding: 0; font-size: 11px; }
#tos-hero .tos-demo { padding: 18px 28px; }
#tos-hero .tos-demo h2 { font-size: 18px; }
#tos-hero .tos-demo p { font-size: 13px; }
@media (max-width: 760px) {
    #tos-hero .tos-main { grid-template-columns: 1fr; padding: 20px; gap: 18px; }
    #tos-hero .tos-product { max-width: 400px; margin-inline: auto; }
    #tos-hero .tos-demo { padding: 18px 20px; }
}
@media (max-width: 360px) {
    #tos-hero .tos-main { padding: 16px; }
    #tos-hero .tos-phone[data-place="left"] { transform: translateX(-50%) translateX(-64px) translateY(22px) rotate(-7deg) scale(.36); }
    #tos-hero .tos-phone[data-place="right"] { transform: translateX(-50%) translateX(64px) translateY(22px) rotate(7deg) scale(.36); }
    #tos-hero .tos-selector button { font-size: 11px; padding-inline: 7px; }
}