:root{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color-scheme:dark;letter-spacing:0;--ink:#f6faff;--muted:#b0bfcb;--accent:#20e7ff;--line:rgb(246 250 255 / 20%)}
*{box-sizing:border-box}
html{background:#05070b;scrollbar-width:none}
html::-webkit-scrollbar{display:none}
body{margin:0;color:var(--ink);overflow-x:clip}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button,a{transition:background-color .16s,transform .15s,color .16s}
button:active,a:active{transform:scale(.97)}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
[hidden]{display:none!important}
#journey{height:100svh;width:100%;position:relative;overflow:hidden;isolation:isolate;background:#05070b;color:var(--ink)}
#world,.poster{position:absolute;inset:0;width:100%;height:100%}
.poster{object-fit:cover;object-position:65% center}
#world{opacity:0}
#journey.ready #world{opacity:1}
.site-header{position:absolute;z-index:10;left:5%;right:5%;top:max(26px,env(safe-area-inset-top));height:48px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{width:133px;display:flex;align-items:center;min-height:44px}
.brand img{width:133px;height:auto;display:block}
.main-nav{display:flex;align-items:center;gap:34px}
.main-nav a{font-size:14px;min-height:44px;display:flex;align-items:center;color:var(--muted);border-bottom:1px solid transparent}
.main-nav a:hover,.main-nav a[aria-current="location"]{color:var(--ink);border-color:var(--accent)}
.header-action{display:flex;align-items:center;gap:18px;font-size:14px;min-height:44px;border-bottom:1px solid var(--line)}
.header-action svg{width:18px;height:18px;color:var(--accent)}
.menu-toggle{display:none!important}
.icon-button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:4px;padding:11px;background:transparent}
.icon-button svg{width:21px;height:21px}
.icon-button:hover{background:var(--line)}
.chapter{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}
.chapter.active{opacity:1;visibility:visible;pointer-events:auto}
.chapter-copy{position:absolute;left:6%;top:27%;width:35%;max-width:590px}
.eyebrow{font-size:11px;font-weight:600;color:var(--accent);margin:0 0 22px;line-height:1.5}
h1,h2,p{margin-top:0}
h1{margin-bottom:20px;line-height:1}
.hero-wordmark{display:block;width:100%;max-width:480px;height:auto}
h2{font-size:64px;line-height:1.06;font-weight:600;margin-bottom:24px;text-wrap:balance}
.hero-line{font-size:54px;font-weight:600;line-height:1.08;margin-bottom:24px}
.intro{font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:24px}
.text-action{display:inline-flex;align-items:center;gap:24px;min-height:44px;border:0;border-bottom:1px solid var(--accent);background:transparent;padding:0;font-size:14px}
.text-action svg{width:20px;height:20px;color:var(--accent)}
.text-action:hover{color:var(--accent)}
.feature-lines{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:15px;font-size:14px;color:var(--muted)}
.feature-lines li{display:flex;align-items:center;gap:13px;line-height:1.5}
.feature-lines svg{width:19px;height:19px;flex:0 0 19px;color:var(--accent)}
.supporting{font-size:13px;line-height:1.7;color:var(--muted);margin-top:28px}
.sport-list{display:grid;grid-template-columns:repeat(3,max-content);gap:16px 25px;list-style:none;padding:0;margin:30px 0;font-size:14px;color:var(--ink)}
.sport-list li{border-bottom:1px solid var(--line);padding-bottom:8px}
.chapter-footnote{position:absolute;left:6%;bottom:max(34px,env(safe-area-inset-bottom));font-size:12px;color:var(--muted);margin:0;line-height:1.5}
.next-chapter{position:absolute;z-index:8;right:5%;bottom:max(25px,env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:50%}
.product-tabs{display:flex;gap:23px;margin:34px 0 16px}
.product-tabs button{padding:0;min-height:44px;min-width:44px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:13px}
.product-tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--accent)}
.phone-showcase{position:absolute;top:17%;left:51%;width:43%;height:72%;pointer-events:none}
.phone{position:absolute;height:100%;aspect-ratio:852/1846;background:#05070b;border:5px solid #262e34;border-radius:30px;overflow:hidden;box-shadow:0 25px 80px rgb(0 0 0 / 50%)}
.phone img{width:100%;height:100%;object-fit:cover;display:block}
.phone-front{left:27%;transform:rotate(5deg);z-index:2}
.phone-back{left:2%;top:5%;transform:rotate(-9deg) scale(.88);filter:brightness(.65)}
.site-footer{position:absolute;left:6%;right:6%;bottom:max(28px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);font-size:11px}
.site-footer div{display:flex;gap:24px;flex-wrap:wrap}
.site-footer button{border:0;background:none;padding:0;min-height:44px;min-width:44px;font-size:11px}
.site-footer button:hover{color:var(--accent)}
#loading{position:absolute;right:5%;top:100px;z-index:20;background:rgb(5 7 11 / 85%);padding:12px 18px;border-radius:4px;display:flex;align-items:center;gap:16px;font-size:12px;color:#f6faff}
#retry{min-height:44px;border:1px solid #a8b3c7;border-radius:4px;background:none;padding:0 12px}
.skip-link{position:fixed;z-index:100;top:-100px;left:20px;background:#05070b;padding:14px}
.skip-link:focus{top:20px}
#journey.light{--ink:#0b2029;--muted:#385262;--accent:#007884;--line:rgb(11 32 41 / 25%);color-scheme:light}
#journey.light .brand img{filter:brightness(0)}
#mobile-menu{position:absolute;z-index:15;top:85px;left:4%;right:4%;background:#0d141b;border:1px solid #283640;padding:12px 20px;color:#f6faff}
#mobile-menu a{display:flex;align-items:center;min-height:48px;font-size:17px}
#info-dialog{background:#10141c;color:#f6faff;border:1px solid #283a45;border-radius:8px;padding:40px;max-width:580px;width:calc(100% - 32px);max-height:85svh;overflow:auto}
#info-dialog::backdrop{background:rgb(0 0 0 / 70%);backdrop-filter:blur(8px)}
#info-dialog h2{font-size:30px;margin-bottom:22px}
#info-content p{font-size:15px;line-height:1.8;color:#b0bfcb}
.dialog-close{position:absolute;top:8px;right:8px}
@media(min-width:1600px){.chapter-copy{top:27%;width:34%}h2{font-size:76px}.hero-line{font-size:64px}.intro{font-size:19px}.feature-lines{font-size:16px;gap:19px}.eyebrow{font-size:12px}}
@media(max-width:1100px) and (min-width:701px){h2{font-size:46px}.hero-line{font-size:42px}.intro{font-size:14px}.chapter-copy{width:39%;top:25%}.feature-lines{font-size:12px;gap:12px}.main-nav{gap:20px}.phone-showcase{left:53%;width:42%;height:63%;top:21%}.phone-front{left:18%}.phone-back{left:0}.sport-list{gap:13px 17px}.site-footer div{gap:15px}}
@media(max-width:700px){
  .site-header{left:6%;right:6%;top:max(16px,env(safe-area-inset-top));gap:12px}
  .brand,.brand img{width:112px}.main-nav{display:none}.header-action{margin-left:auto;font-size:12px;gap:8px}.header-action svg{width:16px}.menu-toggle{display:grid!important}
  .chapter-copy{top:16%;left:7%;width:86%;max-width:none}
  .eyebrow{font-size:9px;margin-bottom:12px}
  h1{margin-bottom:14px}.hero-wordmark{width:235px;max-width:80%}.hero-line{font-size:34px;margin-bottom:15px;line-height:1.04}
  h2{font-size:36px;line-height:1.05;margin-bottom:14px}
  .intro{font-size:13px;line-height:1.6;margin-bottom:12px}
  .text-action{font-size:12px;gap:22px;min-height:44px}.text-action svg{width:17px}
  .feature-lines{font-size:11px;margin-top:17px;gap:9px}.feature-lines svg{width:15px;height:15px;flex-basis:15px}
  .sport-list{grid-template-columns:repeat(3,max-content);gap:10px 22px;font-size:12px;margin:18px 0}
  .supporting{font-size:11px;margin-top:15px;max-width:80%}
  .chapter-footnote{left:7%;bottom:max(25px,env(safe-area-inset-bottom));font-size:9px;max-width:75%}
  .next-chapter{right:6%;bottom:max(18px,env(safe-area-inset-bottom));width:44px;height:44px;padding:10px}
  .product-chapter .chapter-copy{top:15%}.product-chapter h2{font-size:32px}.product-chapter .intro{font-size:12px}
  .product-tabs{gap:23px;margin:14px 0 8px}.product-tabs button{font-size:11px}
  
  .phone-showcase{top:48%;left:10%;width:80%;height:40%}.phone{border-width:3px;border-radius:17px}.phone-front{left:43%;transform:rotate(5deg)}.phone-back{left:10%}
  .site-footer{left:7%;right:7%;bottom:8px;font-size:10px;gap:8px;justify-content:center}.site-footer>span{display:none}.site-footer div{width:100%;gap:8px;justify-content:space-between}.site-footer button{font-size:10px;min-height:44px;min-width:44px}
  #info-dialog{padding:34px 24px}#info-dialog h2{font-size:25px}#info-content p{font-size:14px}
}
@media(max-width:700px) and (max-height:700px){
  .chapter-copy{top:16%}h2{font-size:29px}.hero-line{font-size:28px}.hero-wordmark{width:190px}.eyebrow{margin-bottom:8px}.intro{font-size:11px;line-height:1.5}.feature-lines{font-size:10px;gap:6px;margin-top:12px}.feature-lines svg{width:13px;height:13px}.sport-list{font-size:11px;gap:7px 20px;margin:14px 0}.supporting{font-size:10px;margin-top:10px}.product-chapter h2{font-size:26px}.product-chapter .intro{font-size:11px}.product-tabs{margin:8px 0 4px;gap:18px}.product-tabs button{font-size:11px;min-height:44px}.phone-showcase{top:55%;height:32%}
}
@media(min-width:701px) and (max-height:650px){
  .site-header{top:12px}.chapter-copy{top:21%;width:38%}.eyebrow{margin-bottom:9px;font-size:9px}h2{font-size:37px;margin-bottom:12px}.hero-wordmark{max-width:230px}.hero-line{font-size:32px;margin-bottom:12px}.intro{font-size:12px;line-height:1.5;margin-bottom:10px}.feature-lines{font-size:11px;gap:7px;margin-top:12px}.feature-lines svg{width:15px;height:15px}.sport-list{margin:15px 0;font-size:12px}.supporting{font-size:10px;margin-top:12px}.chapter-footnote{font-size:9px;bottom:18px}.phone-showcase{top:22%;height:60%}.product-tabs{margin:10px 0;font-size:11px;gap:20px}.site-footer{bottom:4px;font-size:9px}.site-footer button{font-size:10px}.next-chapter{bottom:12px}.text-action{font-size:12px;min-height:44px}
}
@media(max-width:700px) and (orientation:landscape){
  .site-header{top:10px}.chapter-copy,.product-chapter .chapter-copy{top:24%;width:44%}.hero-copy{top:22%}.hero-wordmark{width:165px}.hero-line{font-size:25px}.intro{font-size:10px}.eyebrow{font-size:8px;margin-bottom:7px}h2,.product-chapter h2{font-size:26px}.feature-lines{font-size:9px;gap:5px}.supporting{font-size:9px}.text-action{font-size:11px}.chapter-footnote{font-size:8px;bottom:15px}.phone-showcase{top:23%;left:58%;width:34%;height:60%}.phone-front{left:26%}.phone-back{left:0}.product-tabs{gap:17px;margin:5px 0}.product-tabs button{font-size:10px}.site-footer{bottom:0}.site-footer div{justify-content:flex-end;gap:20px}.next-chapter{bottom:10px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}