.presentation { background:#f5f8fa; color:#122d3d; font-size:16px; line-height:1.65; }
.presentation .shell { width:min(1180px,calc(100% - 64px)); }
.presentation h1,.presentation h2,.presentation h3 { color:#122d3d; letter-spacing:-.045em; }
.presentation h2 { font-size:clamp(2rem,3.8vw,3.25rem); line-height:1.12; }
.presentation .eyebrow { color:#16749a; font-size:11px; letter-spacing:.16em; font-weight:800; }
.presentation .site-header { background:rgba(245,248,250,.96); border-bottom:1px solid #dce6ea; }
.presentation .nav { min-height:88px; gap:20px; }
.presentation .brand img { width:164px; height:auto; }
.presentation .nav-links { gap:30px; margin-left:auto; margin-right:32px; font-size:13px; }
.presentation .languages { border:1px solid #d8e5eb; padding:3px; border-radius:8px; gap:0; }
.presentation .lang-button { border-radius:5px; min-width:36px; min-height:36px; padding:6px; font-size:11px; }
.presentation .button { border-radius:8px; min-height:52px; gap:28px; padding:0 22px; font-size:14px; font-weight:750; }
.presentation .button:hover { background:#063d65; }
.text-link { display:inline-flex; align-items:center; gap:14px; text-decoration:none; font-size:14px; font-weight:750; min-height:44px; }
.presentation :focus-visible { outline:3px solid #21a9d5; outline-offset:4px; }
.intro { overflow:hidden; padding:64px 0 70px; }
.intro-grid { display:grid; grid-template-columns:1.13fr 1fr; gap:60px; align-items:center; }
.intro h1 { font-size:clamp(2.6rem,5.3vw,4.65rem); line-height:1.03; margin:22px 0 26px; font-weight:800; }
.intro h1 em { color:#08618e; font-style:normal; }
.intro .lead { font-size:17px; line-height:1.75; max-width:470px; color:#526b79; }
.intro-actions { display:flex; align-items:center; gap:24px; margin-top:30px; flex-wrap:wrap; }
.intro-note { color:#60747f; font-size:12px; margin-top:20px; }
.check { color:#23805d; margin-right:6px; }
.app-visual { position:relative; margin:0; padding:10px 0 0; display:grid; justify-items:center; }
.visual-circle { position:absolute; width:112%; aspect-ratio:1; top:60px; left:-5%; border-radius:50%; background:#dceff3; border:1px solid #cde6ec; }
.visual-circle::before,.visual-circle::after { content:''; position:absolute; border:1px solid #bddde5; border-radius:50%; inset:24px; }
.visual-circle::after { inset:55px; }
.phone { position:relative; width:254px; border:7px solid #17313e; border-radius:34px; overflow:hidden; background:#edf4f7; box-shadow:20px 30px 50px #12334520; transform:rotate(5deg); }
.phone img { display:block; width:100%; height:auto; }
.app-visual figcaption { position:relative; margin-top:25px; font-size:10px; color:#526b79; }
.find-section { background:white; border-block:1px solid #dfE8ed; padding:48px 0; scroll-margin-top:105px; }
.find-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:64px; align-items:start; }
.search-panel h2 { font-size:29px; margin-bottom:10px; }
.search-panel>p:not(.eyebrow) { font-size:14px; color:#60747f; }
.presentation .club-search { margin-top:20px; gap:0; border:1px solid #c6d9e2; border-radius:8px; overflow:hidden; background:white; }
.presentation .club-search:focus-within { outline:2px solid #21a9d5; outline-offset:3px; }
.presentation .club-search input { min-width:0; min-height:52px; border:0; border-radius:0; font-size:14px; padding:0 14px; box-shadow:none; }
.presentation .club-search button { border-radius:0; min-width:102px; padding:0 14px; font-size:13px; }
.presentation .search-status { min-height:0; font-size:13px; }
.presentation .search-status:empty,.presentation .search-results:empty { display:none; }
.presentation .score-card { border:0; border-radius:0; box-shadow:none; max-width:none; }
.presentation .score-card::before { display:none; }
.presentation .live-list-title { padding:0 0 16px; }
.presentation .live-list-title h2 { font-size:20px; }
.presentation .live { font-size:10px; letter-spacing:.09em; }
.presentation .live-list { padding:0; gap:8px; }
.presentation .live-match { border:1px solid #dfe9ee; border-radius:8px; padding:14px; background:#f7fafb; }
.presentation .live-match strong { font-size:12px; overflow-wrap:anywhere; }
.presentation .live-match small { font-size:10px; }
.presentation .live-score { font-size:25px; }
.presentation .score-note { padding:12px 0 0; background:none; font-size:11px; font-weight:500; text-align:left; color:#647985; }
.presentation .section { padding:76px 0; scroll-margin-top:85px; }
.presentation .section-heading { max-width:800px; margin-bottom:40px; }
.presentation .feature-grid { gap:40px; }
.presentation .feature { padding:22px 0 0; border:0; border-top:1px solid #c7dbe4; border-radius:0; background:transparent; }
.presentation .feature-mark { width:auto; height:auto; display:block; background:none; margin-bottom:28px; color:#1688ac; font-size:13px; }
.presentation .feature h3 { font-size:22px; letter-spacing:-.03em; margin-bottom:14px; }
.presentation .feature p { font-size:15px; color:#526b79; }
.club-section { background:#0b4162; }
.club-pitch { display:grid; grid-template-columns:1.2fr 1fr; gap:80px; align-items:center; }
.club-pitch h2 { color:white; }
.club-pitch .eyebrow { color:#74d5e2; }
.club-pitch p { color:#c6dce7; font-size:15px; }
.club-pitch .text-link { color:white; border-bottom:1px solid #60859a; margin-top:12px; }
.club-roles>div { display:flex; gap:20px; padding:22px 0; border-bottom:1px solid #47718b; }
.club-roles>div:first-child { border-top:1px solid #47718b; }
.club-roles>div>span { color:#61d9e4; font-size:12px; padding-top:3px; }
.club-roles p { margin:0; font-size:13px; }
.club-roles strong { display:block; color:white; font-size:18px; margin-bottom:5px; }
.launch { display:grid; grid-template-columns:auto 1fr auto; gap:28px; align-items:center; }
.launch>img { border-radius:17px; }
.launch h2 { font-size:28px; margin-bottom:12px; }
.launch p:not(.eyebrow) { font-size:14px; color:#526b79; max-width:610px; margin:0; }
.presentation .site-footer { padding:28px 0; background:white; }
.presentation .footer-row { font-size:12px; }
.presentation .footer-signature small { font-size:11px; }
.sr-only,.skip-link:not(:focus) { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip-link:focus { position:fixed; z-index:100; top:10px; left:10px; background:white; padding:10px; }
@media(max-width:900px) {
 .presentation .nav-links { gap:16px; margin-right:10px; }
 .intro-grid { gap:30px; }
 .phone { width:225px; }
 .find-grid { gap:30px; }
 .club-pitch { gap:35px; }
 .launch { grid-template-columns:auto 1fr; }
 .launch .button { grid-column:2; justify-self:start; }
}
@media(max-width:680px) {
 .presentation .shell { width:calc(100% - 40px); }
 .presentation .nav { min-height:72px; gap:12px; }
 .presentation .brand img { width:136px; max-width:none; }
 .presentation .nav-links { display:none; }
 .presentation .languages { margin-left:auto; }
 .presentation .lang-button { min-width:34px; min-height:38px; }
 .intro { padding:36px 0 36px; }
 .intro-grid { grid-template-columns:1fr; gap:28px; }
 .intro h1 { font-size:clamp(38px,10.2vw,54px); margin:17px 0 20px; }
 .intro .lead { font-size:15px; line-height:1.7; }
 .intro-actions { gap:10px 22px; margin-top:24px; }
 .intro-actions .button { width:auto; gap:16px; }
 .intro-actions .text-link { font-size:13px; }
 .intro-note { margin:12px 0 0; font-size:11px; }
 .app-visual { padding-top:5px; }
 .phone { width:202px; border-width:5px; border-radius:27px; transform:rotate(3deg); }
 .visual-circle { width:310px; max-width:100%; top:44px; left:50%; transform:translateX(-50%); }
 .app-visual figcaption { margin-top:17px; }
 .find-section { padding:34px 0; }
 .find-grid { grid-template-columns:1fr; gap:32px; }
 .search-panel h2 { font-size:27px; }
 .presentation .club-search { flex-direction:row; }
 .presentation .club-search button { min-width:92px; padding:0 10px; }
 .presentation .section { padding:48px 0; }
 .presentation h2 { font-size:30px; }
 .presentation .feature-grid { grid-template-columns:1fr; gap:22px; }
 .presentation .feature { position:relative; padding:22px 0 0 42px; }
 .presentation .feature-mark { position:absolute; left:0; top:24px; margin:0; }
 .presentation .feature h3 { font-size:21px; margin-bottom:8px; }
 .presentation .feature p { margin-top:0; font-size:14px; }
 .presentation .section-heading { margin-bottom:24px; }
 .club-pitch { grid-template-columns:1fr; gap:22px; }
 .club-roles strong { font-size:17px; }
 .launch { grid-template-columns:1fr; gap:20px; }
 .launch>img { width:56px; height:56px; }
 .launch h2 { font-size:29px; }
 .launch .button { grid-column:auto; width:auto; }
 .presentation .footer-row { align-items:flex-start; gap:20px; }
 .presentation .footer-links a { display:inline-flex; min-height:44px; align-items:center; }
}

/* Store availability banner; update iPhone status when public release is confirmed. */
.store-banner { background:#0b4162; color:#fff; }
.store-banner-inner { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:19px 0; }
.store-banner-copy strong { display:block; font-size:17px; letter-spacing:-.02em; }
.store-banner-copy p { margin:3px 0 0; color:#c6e5ee; font-size:13px; }
.store-banner-action { display:flex; align-items:center; gap:16px; }
.store-banner-action small { max-width:165px; color:#d1e5ef; font-size:10px; line-height:1.5; }
.store-link { display:inline-flex; flex-shrink:0; border-radius:7px; }
.store-link img { display:block; width:140px; height:47px; object-fit:contain; }
.store-link:hover { opacity:.85; }
@media(max-width:680px) {
 .store-banner-inner { flex-direction:column; align-items:flex-start; gap:13px; padding:18px 0; }
 .store-banner-copy strong { font-size:16px; }
 .store-banner-copy p { font-size:12px; }
 .store-banner-action { gap:14px; width:100%; }
 .store-banner-action small { max-width:170px; }
 .store-link img { width:130px; height:44px; }
}

.languages a.lang-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.languages a[aria-current="page"]{background:var(--navy,#084d78);color:white}