@font-face{font-family:Inter;src:url('/fonts/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-700.woff2') format('woff2');font-weight:700;font-display:swap}
/* LiveLaps brand palette, aligned with sites.livelaps.com. */
:root{--navy:#10213a;--navy-deep:#0c1729;--navy-raised:#192e4b;--navy-border:#3b506d;--navy-rgb:16 33 58;--brand:#c7431f;--brand-hover:#a93618;--brand-strong:#8e3019;--brand-soft:#edf2f6;--brand-border:#c4d0de;--brand-rgb:199 67 31;--canvas:#f6f8fb;--surface-soft:#edf2f8;--text-secondary:#34455e;--muted:#536179;--text-subtle:#627188;--on-dark:#d7e2f2;--on-dark-muted:#b2c2d9;--line:#dce4ed;--border-strong:#bccbdd;--white:#fff;--header-height:84px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:22px;height:22px;flex:none}img{display:block;max-width:100%}button{cursor:pointer}button[hidden],[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}h2{font-size:clamp(38px,4.3vw,64px);line-height:1.06;letter-spacing:-.055em}::selection{background:var(--brand);color:var(--white)}:focus-visible{outline:3px solid var(--brand);outline-offset:6px}.button-orange:focus-visible,.closing :focus-visible{outline-color:#fff}.wrap{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}.skip-link{position:fixed;top:8px;left:12px;z-index:100;background:var(--brand);color:var(--white);padding:12px 20px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:30;height:var(--header-height);background:var(--navy);border-bottom:1px solid #ffffff17;container-type:inline-size}.header-inner{height:100%;display:flex;align-items:center;gap:36px}.brand{flex-shrink:0}.brand img{width:198px;height:auto}.desktop-nav{display:flex;gap:28px;align-items:center;margin-left:auto}.desktop-nav a,.sign-in{font-size:14px;font-weight:500;white-space:nowrap;transition:color .2s}.desktop-nav a:hover,.sign-in:hover{color:var(--brand)}.header-actions{display:flex;align-items:center;gap:26px;margin-left:22px}.sign-in{display:flex;gap:10px;align-items:center}.sign-in svg{width:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:54px;padding:17px 23px;font-size:15px;font-weight:600;border:1px solid transparent;border-radius:3px;transition:background .2s,color .2s,border-color .2s,transform .2s}.button svg{width:20px;height:20px;transition:transform .2s}.button:hover svg{transform:translateX(3px)}.button-orange{background:var(--brand);color:var(--white)}.button-orange:hover{background:var(--brand-hover)}.button-small{min-height:43px;padding:11px 16px;font-size:14px;gap:19px}.button-small svg{width:17px;height:17px}.button-ghost{border-color:#ffffff50;background:rgb(var(--navy-rgb) / 0.271);color:white}.button-ghost:hover{background:#ffffff13;border-color:var(--line)}.button-dark{background:var(--navy);color:white}.button-dark:hover{background:var(--navy-raised)}.mobile-menu{display:none}
.hero{position:relative;isolation:isolate;min-height:710px;height:calc(100svh - var(--header-height));max-height:900px;overflow:hidden;background:var(--navy-deep)}.hero-art,.hero-shade{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-image{height:100%;width:100%;object-fit:cover;object-position:70% 50%;transform:scale(1.015);transform-origin:70% 55%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(12,23,41,.92) 0%,rgba(12,23,41,.75) 27%,rgba(12,23,41,.12) 65%,rgba(12,23,41,0) 100%),linear-gradient(0deg,rgb(var(--navy-rgb) / 0.851),transparent 25%)}.hero-content{padding-top:108px;position:relative}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:600;line-height:1.6;display:flex;align-items:center;gap:12px;color:var(--text-secondary)}.eyebrow.light{color:var(--on-dark)}.accent-rule{display:inline-block;width:26px;height:2px;background:var(--brand);flex:none}.hero h1{font-size:clamp(68px,7.4vw,112px);letter-spacing:-.065em;line-height:1.01;margin:29px 0 28px;max-width:780px}.hero h1 span{color:var(--brand)}.hero-description{font-size:17px;line-height:1.7;color:var(--on-dark);letter-spacing:-.015em}.hero-actions{display:flex;gap:12px;margin-top:33px}.hero-bottom{position:absolute;bottom:34px;left:0;right:0;display:flex;align-items:center;justify-content:space-between}.explore-down{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:600;letter-spacing:.15em;color:var(--on-dark)}.down-circle{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff38;border-radius:50%;font-size:16px;font-weight:400}.explore-down:hover{color:white}
.quick-links{background:var(--navy-raised);border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff16}.quick-links-inner{display:grid;grid-template-columns:repeat(3,1fr)}.quick-links a{padding:30px 30px 30px 0;display:flex;align-items:center;gap:23px;min-width:0}.quick-links a+a{padding-left:35px;border-left:1px solid #ffffff16}.quick-number{font-size:13px;color:var(--muted);align-self:flex-start;line-height:19px;font-variant-numeric:tabular-nums}.quick-links small{display:block;font-size:12px;letter-spacing:.13em;color:var(--on-dark-muted);font-weight:500;margin:0 0 10px}.quick-links strong{font-size:20px;font-weight:500;letter-spacing:-.03em}.quick-links svg{margin-left:auto;width:24px;color:var(--brand);transition:transform .2s}.quick-links a:hover svg{transform:translate(3px,-3px)}.quick-links a:hover strong{color:var(--brand)}
.section-light{background:var(--canvas);color:var(--navy);color-scheme:light}.platform{padding:112px 0 104px}.section-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:90px;margin-bottom:64px}.section-heading h2{margin-top:26px}.section-intro{font-size:17px;line-height:1.75;color:var(--muted);max-width:410px;padding-bottom:5px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.feature{padding:34px 48px 38px 0;border-bottom:1px solid var(--line);display:block;transition:background .2s}.feature:nth-child(even){padding-left:48px;padding-right:0;border-left:1px solid var(--line)}.feature:nth-child(n+3){padding-top:38px}.feature-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.feature-number{font-size:12px;font-weight:500;letter-spacing:.13em;color:var(--muted)}.feature-top svg{width:21px;height:21px;transition:transform .2s}.feature h3{font-size:31px;line-height:1.15;letter-spacing:-.045em;margin-bottom:18px}.feature p{font-size:15px;line-height:1.8;color:var(--muted);max-width:405px;min-height:76px}.text-link{display:inline-flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.text-link svg{width:20px;height:20px;transition:transform .2s}.feature .text-link{margin-top:22px}.feature:hover .feature-top svg{transform:translate(3px,-3px);color:var(--brand-strong)}.feature:hover .text-link svg,.text-link:hover svg{transform:translateX(4px)}
.scoring-section{display:grid;grid-template-columns:1fr 1fr;min-height:635px;background:var(--navy-raised)}.scoring-image{position:relative;overflow:hidden;min-height:570px}.scoring-image>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.75);object-position:51% 50%}.scoring-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgb(var(--navy-rgb) / 0.733),transparent 50%)}.photo-caption{position:absolute;bottom:32px;left:40px;right:30px;z-index:1;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;letter-spacing:.12em;line-height:1.6}.caption-rule{height:1px;width:25px;background:var(--white)}.scoring-copy{padding:80px clamp(35px,5.5vw,88px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.scoring-copy h2{margin:26px 0 25px;font-size:clamp(38px,4vw,59px)}.scoring-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:var(--on-dark-muted);max-width:460px}.scoring-points{padding:0;margin:28px 0 33px;list-style:none;display:grid;gap:15px}.scoring-points li{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.6;color:var(--on-dark)}.scoring-points svg{color:var(--brand);height:16px;width:16px;margin-top:1px}.light-link{color:white}.light-link svg{color:var(--brand)}
.community{padding:112px 0 118px}.community-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.community-heading h2{margin:26px 0}.community-heading>p:last-child{font-size:16px;line-height:1.9;color:var(--muted)}.audience{min-width:0}.audience-tabs{display:flex;border-bottom:1px solid var(--line);gap:28px;margin-bottom:35px}.audience-tabs button{color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:14px;white-space:nowrap;padding:0 0 17px}.audience-tabs button[aria-selected=true]{color:var(--navy);border-color:var(--brand);font-weight:600}.audience-tabs button:hover{color:var(--navy)}.audience-panel{min-height:360px}.panel-label{font-size:12px;letter-spacing:.13em;color:var(--muted);font-weight:500}.audience-panel h3{font-size:38px;letter-spacing:-.045em;line-height:1.1;margin:20px 0}.audience-panel>p:not(.panel-label){font-size:15px;line-height:1.85;color:var(--muted);max-width:470px;min-height:104px}.audience-panel .button{margin-top:22px;font-size:14px}.audience-secondary{display:flex;align-items:center;gap:20px;font-size:13px;margin-top:24px;width:fit-content}.audience-secondary svg{height:15px;width:15px}.audience-secondary:hover{text-decoration:underline;text-underline-offset:5px}
.company{padding:90px 0 100px;position:relative;overflow:hidden;background:var(--navy);border-top:1px solid #ffffff15}.company:before{content:'';position:absolute;width:390px;height:700px;border:1px solid #ffffff08;transform:rotate(38deg);left:-80px;top:10px;pointer-events:none}.company-inner{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start}.company .eyebrow{padding-top:8px}.company h2{font-size:clamp(37px,4.2vw,62px)}.company p:not(.eyebrow){max-width:660px;font-size:16px;line-height:1.85;color:var(--on-dark-muted);margin:28px 0}.company .text-link{margin-top:5px}.closing{background:var(--brand);color:var(--navy);padding:65px 0 70px}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.closing .eyebrow{color:var(--navy);font-size:12px;margin-bottom:18px}.closing h2{font-size:clamp(36px,4.3vw,62px);letter-spacing:-.06em}.closing-actions{display:flex;flex-direction:column;align-items:center;gap:20px}.closing-actions .button{min-width:245px;justify-content:space-between}.contact-link{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500}.contact-link svg{width:17px;height:17px}.contact-link:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer{padding:69px 0 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;padding-bottom:63px}.footer-brand img{width:218px;height:auto}.footer-brand p{font-size:14px;color:var(--text-subtle);margin-top:20px}.footer-top nav{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.footer-top h2{font-size:12px;letter-spacing:.14em;color:var(--muted);font-weight:500;margin:0 0 10px}.footer-top nav a{font-size:13px;color:var(--on-dark);display:flex;align-items:center;gap:22px}.footer-top nav a svg{width:14px;height:14px}.footer-top a:hover{color:var(--brand)}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--text-subtle);font-size:12px}.footer-bottom>div{display:flex;gap:26px}.footer-bottom a{display:flex;align-items:center;gap:8px}.footer-bottom svg{width:12px;height:12px}.footer-bottom a:hover{color:#fff}
@media(min-width:1600px){.hero-content{padding-top:130px}.hero h1{margin-top:36px}.hero-description{font-size:19px}.hero-actions{margin-top:40px}}
/* The header's rules are @container queries on .site-header (its container-type is set with its other rules), so they follow the width the header really has: a classic scrollbar takes 15px of the window and @media cannot see it. Without a scrollbar the header is as wide as the window, so every breakpoint keeps its old pixel value. The rules that must not reach the phone menu sit in @media(min-width:761px). */
@container (max-width:1180px){.header-inner{gap:24px}.brand img{width:170px}.desktop-nav{gap:20px}.header-actions{margin-left:0;gap:20px}.desktop-nav a,.sign-in{font-size:14px}}
@container (max-width:980px){.desktop-nav{gap:22px}.desktop-nav a[href='#platform']{display:none}.header-inner{gap:25px}.header-actions{gap:20px}.header-actions .sign-in svg{display:none}.brand img{width:155px}.button-small{gap:14px}}
@media(max-width:1180px){.wrap{width:calc(100% - 72px)}.hero{min-height:660px}.hero-content{padding-top:106px}.hero h1{font-size:88px}.section-heading{gap:55px}.community-grid{gap:65px}.scoring-copy{padding:65px 42px}.scoring-points li{font-size:12px}.footer-top{gap:35px}.company-inner{grid-template-columns:.8fr 2fr}}
@media(max-width:980px){:root{--header-height:76px}.hero h1{font-size:78px}.hero-image{object-position:61% 50%}.hero-shade{background:linear-gradient(90deg,rgb(var(--navy-rgb) / 0.949),rgb(var(--navy-rgb) / 0.749) 32%,rgb(var(--navy-rgb) / 0.063) 100%),linear-gradient(0deg,rgb(var(--navy-rgb) / 0.788),transparent 25%)}.feature h3{font-size:27px}.feature:nth-child(even){padding-left:32px}.feature{padding-right:32px}.quick-links a{gap:15px;padding-right:20px}.quick-links a+a{padding-left:24px}.quick-links strong{font-size:18px}.quick-links small{font-size:12px}.quick-links svg{width:20px}.community-grid{gap:45px;grid-template-columns:1fr 1.15fr}.audience-tabs{gap:23px}.community-heading .eyebrow{font-size:12px}.scoring-section{grid-template-columns:.9fr 1fr}.scoring-copy{padding:60px 32px}.scoring-copy .eyebrow{font-size:12px}.scoring-copy>p:not(.eyebrow){font-size:14px}.scoring-points li{font-size:12px}.photo-caption{left:25px;bottom:25px;font-size:12px}.scoring-image{min-height:600px}}
@media(max-width:760px){:root{--header-height:72px}.wrap{width:calc(100% - 40px)}.header-inner{gap:16px}.brand img{width:155px}.desktop-nav,.header-actions .sign-in{display:none}.header-actions{margin-left:auto}.button-small{min-height:38px;padding:10px 13px;font-size:12px;gap:12px}.button-small svg{width:14px;height:14px}.mobile-menu{display:block}.mobile-menu summary{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:6px;width:28px;height:38px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.menu-line{width:23px;height:1px;background:var(--white);transition:transform .2s}.mobile-menu[open] .menu-line:first-child{transform:translateY(3.5px) rotate(45deg)}.mobile-menu[open] .menu-line:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu nav{position:absolute;left:0;right:0;top:71px;background:var(--navy-raised);border-bottom:1px solid #ffffff25;padding:12px 26px 24px;box-shadow:0 25px 40px #0005}.mobile-menu nav a{padding:17px 0;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff15;font-size:16px}.mobile-menu nav a:last-child{color:var(--brand)}.mobile-menu nav svg{width:20px;height:20px}.hero{height:740px;min-height:0;max-height:none}.hero-content{padding-top:67px}.hero h1{font-size:clamp(56px,10.5vw,79px);letter-spacing:-.065em;margin:25px 0 23px}.hero-description{font-size:15px;line-height:1.75}.hero-art{inset:180px -200px 0 -155px}.hero-image{object-fit:cover;object-position:68% 50%}.hero-shade{background:linear-gradient(180deg,var(--navy-deep) 3%,rgb(var(--navy-rgb) / 0.89) 23%,rgb(var(--navy-rgb) / 0.478) 53%,rgb(var(--navy-rgb) / 0) 75%,rgb(var(--navy-rgb) / 0.702)),linear-gradient(90deg,rgb(var(--navy-rgb) / 0.314),transparent 70%)}.hero-content .eyebrow{font-size:12px;letter-spacing:.12em}.hero-actions{gap:10px;margin-top:25px}.hero-actions .button{min-height:47px;padding:14px 17px;font-size:13px;gap:22px}.hero-actions svg{width:17px;height:17px}.hero-bottom{bottom:22px}.explore-down{font-size:12px;gap:8px;letter-spacing:.1em}.down-circle{width:25px;height:25px;font-size:15px}.quick-links-inner{grid-template-columns:1fr}.quick-links a{padding:22px 0;gap:20px}.quick-links a+a{padding:22px 0;border-left:0;border-top:1px solid #ffffff16}.quick-links small{font-size:12px;margin-bottom:5px}.quick-links strong{font-size:19px}.quick-number{align-self:center;font-size:12px}.quick-links svg{width:22px}.platform{padding:72px 0 65px}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:37px}.section-heading h2{margin-top:22px}.section-intro{font-size:15px;max-width:460px;line-height:1.8}.eyebrow{font-size:12px;letter-spacing:.12em}h2{font-size:42px;letter-spacing:-.055em}.feature-grid{grid-template-columns:1fr}.feature,.feature:nth-child(even),.feature:nth-child(n+3){border-left:0;padding:28px 0 30px}.feature-top{margin-bottom:25px}.feature-number{font-size:12px}.feature h3{font-size:29px;margin-bottom:16px}.feature p{font-size:14px;min-height:0;max-width:440px}.feature .text-link{margin-top:22px}.scoring-section{grid-template-columns:1fr}.scoring-image{min-height:385px}.scoring-copy{padding:55px 24px 65px}.scoring-copy h2{font-size:45px}.scoring-copy>p:not(.eyebrow){font-size:15px;max-width:500px}.scoring-points li{font-size:13px}.photo-caption{font-size:12px;left:22px}.community{padding:70px 0}.community-grid{grid-template-columns:1fr;gap:40px}.community-heading h2{margin-top:20px;margin-bottom:22px}.community-heading>p:last-child{font-size:15px}.community-heading>p:last-child br{display:none}.community-heading>p:last-child{max-width:330px}.audience-tabs{gap:30px;margin-bottom:28px}.audience-tabs button{font-size:14px}.audience-panel{min-height:360px}.audience-panel h3{font-size:36px}.audience-panel>p:not(.panel-label){min-height:0;font-size:14px}.audience-panel .button{margin-top:23px;min-height:49px}.company{padding:66px 0 72px}.company-inner{grid-template-columns:1fr;gap:26px}.company h2{font-size:40px}.company p:not(.eyebrow){font-size:15px;margin:24px 0}.closing{padding:46px 0 49px}.closing-inner{flex-direction:column;align-items:flex-start;gap:30px}.closing h2{font-size:42px}.closing .eyebrow{font-size:12px;max-width:300px;line-height:1.8}.closing-actions{align-items:flex-start;gap:18px}.closing-actions .button{min-width:230px}.site-footer{padding:49px 0 25px}.footer-top{grid-template-columns:1fr 1fr;gap:40px 30px;padding-bottom:42px}.footer-brand{grid-column:1/-1}.footer-brand img{width:190px}.footer-brand p{font-size:13px}.footer-top h2{font-size:12px}.footer-top nav a{font-size:14px}.footer-bottom{flex-wrap:wrap;gap:22px;line-height:1.6}.footer-note{display:none}.footer-bottom>div{gap:20px}.footer-bottom{font-size:12px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.brand img{width:135px}.header-inner{gap:11px}.button-small{font-size:12px;padding:10px;gap:8px}.hero h1{font-size:54px}.hero-actions .button{padding:14px 13px;gap:15px}.hero-description{font-size:14px}.audience-tabs{gap:24px}.audience-tabs button{font-size:13px}.explore-down{font-size:12px}.quick-links strong{font-size:18px}h2{font-size:37px}.closing h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Lifetime track record: static layout, animated numerals only. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.track-record{padding:91px 0 36px;background:var(--navy)}
.track-record-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:70px}
.track-record-heading h2{margin-top:25px;font-size:clamp(36px,4.3vw,62px)}
.track-record-intro{max-width:410px;font-size:16px;line-height:1.85;color:var(--on-dark-muted);padding-bottom:3px}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:64px 0 0;padding:0 0 46px;border-bottom:1px solid #ffffff20}
.metric{display:flex;flex-direction:column;min-width:0;padding-right:30px}
.metric+.metric{padding-left:40px;border-left:1px solid #ffffff20}
.metric:last-child{padding-right:0}
.metric dt{margin-top:19px;font-size:14px;line-height:1.5;color:var(--on-dark);font-weight:500}
.metric dd{order:-1;margin:0;color:var(--brand)}
.metric-number{display:block;font-size:clamp(32px,4.6vw,70px);line-height:1.07;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.065em;white-space:nowrap}
.metric-plus{font-size:.55em;vertical-align:.15em;margin-left:.12em;letter-spacing:0}
.track-record-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:23px;font-size:12px;line-height:1.8;letter-spacing:.015em;color:var(--on-dark-muted)}
.track-record-footnote p:first-child{color:var(--on-dark)}
.track-record-footnote span{color:var(--muted);margin:0 10px}
@media(max-width:980px){.track-record{padding-top:75px}.track-record-heading{gap:40px}.track-record-intro{font-size:14px}.metric+.metric{padding-left:24px}.metric{padding-right:18px}.metric dt{font-size:13px}}
@media(max-width:760px){.track-record{padding:64px 0 29px}.track-record-heading{grid-template-columns:1fr;gap:22px}.track-record-heading h2{font-size:40px;margin-top:20px}.track-record-intro{font-size:15px;max-width:470px}.metrics{grid-template-columns:1fr;margin-top:35px;padding-bottom:0}.metric,.metric+.metric,.metric:last-child{padding:26px 0 28px;border-left:0;border-top:1px solid #ffffff20}.metric-number{font-size:clamp(42px,13.6vw,68px)}.metric dt{font-size:14px;margin-top:12px}.track-record-footnote{flex-direction:column;gap:5px;margin-top:21px}.track-record-footnote p:first-child{font-size:12px}}
@media(max-width:380px){.track-record-heading h2{font-size:36px}}

/* Brand treatment: navy framing, clear white surfaces, restrained orange actions. */
.site-header{background:#16233b}
.desktop-nav a:hover,.sign-in:hover,.footer-top a:hover{color:#fff;text-decoration:underline;text-underline-offset:7px}
.button{border-radius:10px}
.button-small{white-space:nowrap}
.button-orange,.button-orange:hover{color:#fff}
.mobile-menu nav a:last-child{color:var(--on-dark)}
.hero h1 span{color:var(--on-dark)}
.hero-description{color:var(--on-dark)}
.hero .eyebrow.light,.scoring-section .eyebrow.light,.company .eyebrow.light{color:var(--on-dark)}
.hero-image{filter:saturate(.7)}
.quick-links{background:var(--navy-raised)}
.quick-links svg,.quick-links a:hover strong,.scoring-points svg,.light-link svg{color:var(--on-dark)}
.quick-number,.quick-links small{color:var(--on-dark-muted)}
.platform,.community{background:var(--white)}
.track-record{background:var(--canvas);color:var(--navy)}
.track-record .eyebrow{color:var(--muted)}
.track-record-intro,.metric dt,.track-record-footnote,.track-record-footnote p:first-child{color:var(--muted)}
.metric dd{color:var(--navy)}
.metrics,.metric+.metric{border-color:var(--line)}
.track-record-footnote span{color:var(--text-subtle)}
.closing{background:var(--surface-soft);color:var(--navy);border-top:1px solid var(--line)}
.closing .eyebrow{color:var(--muted)}
.closing .button-dark{background:var(--brand);color:var(--white)}
.closing .button-dark:hover{background:var(--brand-hover)}
.closing :focus-visible{outline-color:var(--brand)}
.site-footer{background:#16233b}
.footer-brand p,.footer-top h2,.footer-bottom{color:var(--on-dark-muted)}
@media(max-width:760px){.metric,.metric+.metric,.metric:last-child{border-color:var(--line)}}
@media(max-width:380px){.brand img{width:128px}}

/* Company navigation and shared readability pass. */
.platform-menu{position:relative}.platform-menu>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:14px;font-weight:500;white-space:nowrap}.platform-menu>summary::-webkit-details-marker{display:none}.platform-menu>summary>span{font-size:17px;color:var(--on-dark-muted)}.platform-menu[open]>summary>span{transform:rotate(180deg)}.platform-menu-panel{position:absolute;top:35px;right:-24px;width:290px;padding:22px;background:#162b46;border:1px solid #40506a;border-radius:6px;box-shadow:0 20px 45px #0005}.platform-menu-panel>span{display:block;color:var(--on-dark-muted);font-size:12px;letter-spacing:.12em;margin:0 0 14px}.platform-menu-panel>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid #ffffff15;font-size:14px}.platform-menu-panel svg{width:16px;height:16px;color:#b2c2d9}.desktop-nav .platform-menu-panel>a:hover{color:white}.desktop-nav .platform-menu-panel>a:hover svg{color:#60c9de}.footer-top nav a{font-size:14px;line-height:1.6}.footer-top h2{font-size:12px;color:var(--on-dark-muted)}.footer-brand p,.footer-bottom{color:var(--on-dark-muted)}.footer-bottom{font-size:12px}.footer-legal{flex-wrap:wrap}.mobile-menu nav{max-height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain}
@media(min-width:761px){@container (max-width:980px){.header-inner{gap:17px}.desktop-nav{gap:16px}.desktop-nav a,.platform-menu>summary{font-size:13px}.header-actions{gap:14px}.header-actions .sign-in{font-size:13px}.header-actions .button-small{font-size:13px;padding:10px 12px;gap:10px}.brand img{width:142px}}}
@media(max-width:760px){.mobile-menu nav a{padding:13px 0;font-size:15px}.footer-bottom{gap:18px}.footer-bottom>div{gap:18px}.footer-legal{width:100%}}
/* Homepage "Next up" rail, restored from sites.livelaps.com. */
.next-up{background:var(--white);color:var(--navy);padding:72px 0 76px;color-scheme:light}.next-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.next-heading h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.04em}.next-heading p{margin-top:10px;font-size:16px;line-height:1.6;color:var(--muted)}.next-heading .text-link{gap:12px;flex:none}.next-heading .text-link svg{width:18px}.next-empty{font-size:16px;color:var(--muted)}
.next-featured{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 30px;border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:12px;background:var(--canvas)}.next-featured-copy{min-width:0}.next-badge{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--white);border:1px solid var(--line);color:var(--text-secondary)}.next-featured h3{margin-top:12px;font-size:clamp(22px,2.2vw,30px);line-height:1.15;letter-spacing:-.03em}.next-featured h3 a:hover{color:var(--brand)}.next-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px;font-size:15px;color:var(--muted)}.next-meta span,.next-card-body>span{display:inline-flex;align-items:center;gap:7px}.next-meta svg{width:17px;height:17px}
.next-featured-actions{display:flex;align-items:center;gap:22px;flex:none}.next-countdown{padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.next-countdown small{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.next-countdown div{display:flex;gap:14px;margin-top:4px;font-size:14px;color:var(--muted)}.next-countdown strong{font-size:24px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums;margin-right:1px}.next-buttons{display:flex;gap:10px}.button-light{background:var(--white);color:var(--navy);border-color:var(--line)}.button-light:hover{border-color:var(--navy)}
.next-rail{position:relative;margin-top:22px}.next-track{list-style:none;margin:0;padding:2px 2px 8px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.next-track::-webkit-scrollbar{display:none}.next-track li{scroll-snap-align:start}
.next-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:300px;border-radius:14px;overflow:hidden;color:var(--white);background:linear-gradient(140deg,var(--navy-raised),var(--navy-deep))}.next-card-media{position:absolute;inset:0}.next-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.next-card:hover .next-card-media img{transform:scale(1.04)}.next-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgb(var(--navy-rgb) / .92))}.next-card-body{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px}.next-card-body strong{font-size:19px;line-height:1.2;letter-spacing:-.02em}.next-card-body>span{font-size:14px;color:var(--on-dark)}.next-card-body svg{width:15px;height:15px}.next-card-foot{justify-content:space-between;width:100%;margin-top:4px}.next-card-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--white)}.next-card-link svg{width:16px;transition:transform .2s}.next-card:hover .next-card-link svg{transform:translateX(3px)}
.next-scroll{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:40px;height:40px;margin-top:-24px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--navy);box-shadow:0 6px 18px #10213a22}.next-scroll.prev{left:-20px}.next-scroll.next{right:-20px}.next-scroll svg{width:18px}.next-scroll:hover{border-color:var(--navy)}
@media(max-width:980px){.next-featured{flex-direction:column;align-items:flex-start}.next-track{grid-auto-columns:calc((100% - 20px)/2)}}
@media(max-width:760px){.next-up{padding:52px 0 56px}.next-heading{flex-direction:column;align-items:flex-start}.next-featured{padding:22px 20px}.next-featured-actions{flex-direction:column;align-items:stretch;width:100%}.next-countdown div{justify-content:space-between}.next-buttons .button{flex:1}.next-track{grid-auto-columns:82%}.next-card{height:260px}.next-scroll{display:none}}
/* Header tools: support chat and colour theme. */
.header-tools{display:flex;align-items:center;gap:4px}.header-icon{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:8px;background:none;color:var(--white)}.header-icon:hover{background:#ffffff14}.header-icon:disabled{opacity:.45;cursor:default}.header-icon svg{width:19px;height:19px}
.tool-menu{position:relative}.tool-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:168px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--navy);box-shadow:0 18px 40px #0c172933}.tool-menu-panel button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:7px;background:none;font-size:14px;font-weight:500;color:inherit;text-align:left}.tool-menu-panel button:hover,.tool-menu-panel button:focus-visible{background:var(--canvas);outline:none}.tool-menu-panel button[aria-checked=true]{background:var(--surface-soft);font-weight:600}.tool-menu-panel svg{width:17px;height:17px;color:var(--muted)}
@media(max-width:760px){.header-actions{gap:8px}.header-actions .button-orange{display:none}.header-icon{width:36px;height:36px}}

/* Dark theme. Dark sections already use the navy palette; only the light containers flip. */
html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:#0a1220}
html[data-theme=dark] :is(.section-light,.track-record,.closing,.tool-menu-panel,body.events-page .events-hero){--canvas:#0d1726;--white:#142034;--surface-soft:#1b2a42;--line:#26364f;--border-strong:#3a4f70;--brand-soft:#2b1d1a;--brand-border:#6b3524;--brand-strong:#f29a7b;--text-secondary:#c3cfe0;--muted:#9fb0c8;--text-subtle:#8d9fb8;--navy:#e8eef7;color-scheme:dark}
html[data-theme=dark] :is(.section-light,.track-record,.closing) .button-orange{color:#fff}html[data-theme=dark] :is(.section-light,.track-record,.closing) .button-dark{background:#e8eef7;color:#0c1729}
html[data-theme=dark] .community,html[data-theme=dark] .next-up{background:var(--white)}
html[data-theme=dark] :is(.section-light,.track-record,.closing) :is(.page-button,.race-card,.filter-trigger,.catalog-image,.detail-panel,.search-panel,.event-row,.event-tabs a[aria-current],.calendar-link,.filter-popover,.lb-scroll,.leaderboard thead th,.race-head-card,.company-card,.rider-compare,.race-view-utilities a,.race-view-utilities button,.next-badge,.next-countdown,.button-light,.calendar-step,.calendar-today,.catalog-card,.month-calendar,.calendar-day,.race-table-scroll,.timing-number,.sticky-rider,.race-data-table tbody th,.race-data-table td,.report-overview,.report-pace-bars,.report-breakdown,.analytics-sort a){background-color:var(--white)}
html[data-theme=dark] .lb-change.up{color:#4ade80}html[data-theme=dark] .lb-change.down{color:#f87171}html[data-theme=dark] .lb-fastest{color:#c4b5fd}html[data-theme=dark] .lb-entry:hover .lb-row td{background:#18263c}
html[data-theme=dark] :is(.section-light) .cell-personal-best{background-color:#123a3a}html[data-theme=dark] .calendar-event.live{background-color:#16322a}

/* Tints and accent text are mixed against the theme: unchanged in light, deep tints and lighter accents in dark. */
:root{--tint-keep:100%;--ink-keep:100%;--ink-bg:#10213a}html[data-theme=dark] :is(.section-light,.track-record,.closing,.tool-menu-panel,body.events-page .events-hero){--tint-keep:18%;--ink-keep:42%}
html[data-theme=dark] .race-page{--best:#5fd3dc;--best-soft:#123540}html[data-theme=dark] .compare-race-number{opacity:.35}
.header-language{width:auto;gap:6px;padding:0 9px;display:inline-flex;align-items:center}.header-language span{font-size:13px;font-weight:600;letter-spacing:.02em}
.tool-menu-panel a{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:7px;font-size:14px;font-weight:500;color:inherit}.tool-menu-panel a:hover,.tool-menu-panel a:focus-visible{background:var(--canvas);outline:none}.tool-menu-panel [aria-checked=true]{background:var(--surface-soft);font-weight:600}
@media(max-width:380px){.header-language span{display:none}}
.not-found{min-height:60vh;padding:96px 0 110px}.not-found .wrap{max-width:720px}.not-found-code{font-size:15px;font-weight:700;letter-spacing:.1em;color:var(--brand)}.not-found h1{margin-top:10px;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.04em;color:var(--navy)}.not-found h1+p{margin-top:16px;font-size:17px;line-height:1.6;color:var(--muted)}.not-found-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.next-links{display:flex;gap:18px;margin-top:10px}.next-links a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-secondary)}.next-links a:hover{color:var(--brand)}.next-links svg{width:14px;height:14px}
@media(max-width:760px){.audience-tabs{flex-wrap:wrap;column-gap:20px;row-gap:4px}}
/* Loading skeletons for the events, series, memberships, calendar and race pages. */
.page-loading{min-height:70vh;padding:0 0 64px}.sk-page{animation:sk-fade .3s ease-out}.sk{display:block;width:var(--w,100%);max-width:100%;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--surface-soft) 0%,var(--canvas) 40%,var(--surface-soft) 80%) 0 0/300% 100%;animation:sk-shimmer 1.4s ease-in-out infinite}
.sk-head{padding:22px 0 26px;display:grid;gap:12px}.sk-title{height:38px;border-radius:9px}.sk-line-sm{height:12px}.sk-line{height:15px}.sk-line-lg{height:20px}
.sk-panel,.sk-card{border:1px solid var(--line);border-radius:12px;background:var(--white)}.sk-panel{padding:14px;display:grid;gap:14px}.sk-input{height:44px;border-radius:9px}.sk-solo{margin-top:14px}.sk-row{display:flex;gap:10px;flex-wrap:wrap}.sk-chip{height:36px;border-radius:9px}.sk-tabs{margin:18px 0 14px}.sk-button{height:40px;border-radius:9px}
.sk-event{display:flex;align-items:center;gap:18px;padding:18px 20px;margin-top:12px}.sk-date{height:52px}.sk-poster{height:64px;border-radius:9px}.sk-stack{flex:1;display:grid;gap:9px;min-width:0}.sk-end{margin-left:auto}
.sk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.sk-tile{padding:20px;display:grid;gap:12px}.sk-icon{width:44px;height:44px;border-radius:10px}
.sk-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;overflow:hidden;background:var(--line)}.sk-cell{height:96px;border-radius:0}
.sk-detail{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;margin-top:10px}.sk-race{display:grid;gap:10px;padding:18px;margin-top:6px}.sk-side{padding:20px;display:grid;gap:12px;align-self:start}
.sk-racehead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;margin-top:34px}
.sk-table{margin-top:4px;padding:6px 0}.sk-trow{display:flex;align-items:center;gap:22px;padding:14px 18px;border-bottom:1px solid var(--line)}.sk-trow:last-child{border-bottom:0}.sk-trow .sk-stack{max-width:220px}
.loading-fallback{padding-top:10px}.page-loading.load-failed .sk-page{display:none}.page-loading.load-failed #loading-message{position:static;width:auto;height:auto;clip:auto;clip-path:none;margin:48px 0 16px;font-size:18px;color:var(--navy);white-space:normal}
@keyframes sk-shimmer{from{background-position:100% 0}to{background-position:0 0}}@keyframes sk-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.sk,.sk-page{animation:none}}
@media(max-width:980px){.sk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-detail{grid-template-columns:1fr}.sk-side{display:none}}
@media(max-width:760px){.sk-grid{grid-template-columns:1fr}.sk-tile:nth-child(n+3){display:none}.sk-poster,.sk-end,.sk-opt{display:none}.sk-cell{height:56px}.sk-racehead{flex-direction:column;align-items:stretch}.sk-trow{gap:14px}}
html[data-theme=dark] .page-loading{--canvas:#0d1726;--white:#142034;--surface-soft:#1b2a42;--line:#26364f;--navy:#e8eef7}
/* The Explore menu's arrow: a drawn chevron instead of the "⌄" character. */
.site-header .platform-menu>summary{display:inline-flex;align-items:center;gap:8px}.site-header .platform-menu>summary>span{display:inline-block;width:7px;height:7px;margin-top:-4px;font-size:0;line-height:0;color:transparent;border-right:1.6px solid var(--on-dark-muted);border-bottom:1.6px solid var(--on-dark-muted);transform:rotate(45deg);transition:transform .2s,margin .2s}
.site-header .platform-menu[open]>summary>span{transform:rotate(225deg);margin-top:4px}.site-header .platform-menu>summary:hover>span{border-color:var(--brand)}
html[data-theme=dark] .button-dark{background:#e8eef7;color:#0c1729}html[data-theme=dark] .button-dark:hover{background:#fff}
/* Button icons (js/icons.js): one size, beside the label. */
.ui-icon{width:16px;height:16px;flex:none}
.page-button,.print-button,.race-tools a,.race-tools button,.filter-multi>summary,.platform-menu>summary{display:inline-flex;align-items:center;gap:6px}
.platform-menu>summary .ui-icon{width:14px;height:14px}
/* "← Series", "← event name", "← Back": the way back at the top of a page, instead of breadcrumbs. */
.back-link{display:inline-flex;align-items:center;gap:8px;max-width:100%;font-size:14px;font-weight:600;color:var(--muted)}
.back-link>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.back-link .ui-icon{width:17px;height:17px}
.back-link:hover{color:var(--brand)}
.events-hero .wrap>.back-link{margin-bottom:28px}
/* A list page has no way back: its title keeps the space the breadcrumb took. */.events-hero:not(:has(.wrap>.back-link)) .wrap{padding-top:44px}@media(max-width:760px){.events-hero:not(:has(.wrap>.back-link)) .wrap{padding-top:28px}}
/* Small tablets (761–840px): the full header fits once its gaps tighten and the button drops its arrow. */@media(min-width:761px){@container (max-width:840px){.header-inner{gap:12px}.desktop-nav{gap:12px}.header-actions{gap:10px}.header-actions .button-orange svg{display:none}}}
/* "Classic LiveLaps" (site.js): on desktop a dropdown after Explore in the main navigation, built with Explore's markup and styles (platform-menu); at the end of the mobile menu, a heading and the same two links. */
.classic-menu .platform-menu-panel{width:340px}.classic-menu .classic-key{display:none;width:19px;height:19px;flex:none}.classic-menu .classic-short{display:none}
/* The trigger shrinks with the room (measured with the support chat that production shows): "Classic LiveLaps", then "Classic" up to 1100px, then only a key up to 850px. */
@media(min-width:761px){@container (max-width:1100px){.classic-menu .classic-long{display:none}.classic-menu .classic-short{display:inline}}}
@media(min-width:761px){@container (max-width:850px){.classic-menu .classic-short{display:none}.classic-menu .classic-key{display:block}}}
@media(min-width:761px){@container (max-width:840px){.header-tools{gap:0}}}
/* French and Spanish words are wider: the key up to 1220px, "Classic" up to 1285px, and the button and Sign in drop their arrows (as they do up to 840px and 980px) up to 1100px. */
@container (min-width:841px) and (max-width:1220px){.classic-menu:not([data-lang=en]) .classic-long,.classic-menu:not([data-lang=en]) .classic-short{display:none}.classic-menu:not([data-lang=en]) .classic-key{display:block}}
@container (min-width:841px) and (max-width:1100px){.site-header:has(.classic-menu:not([data-lang=en])) .header-actions :is(.button-orange,.sign-in) svg{display:none}}
@container (min-width:1221px) and (max-width:1285px){.classic-menu:not([data-lang=en]) .classic-long{display:none}.classic-menu:not([data-lang=en]) .classic-short{display:inline}}
/* Just above 1180px the header's wider spacing leaves "Classic LiveLaps" two pixels short of room. */
@container (min-width:1181px) and (max-width:1220px){.header-actions{margin-left:0}}
/* French and Spanish tablets: Événements, Connexion, Iniciar sesión and the rest are wider still, so the tablet spacing above lasts up to 870px, the language button shows only its globe (its code stays for screen readers) up to 830px, and up to 805px the logo, gaps, icons and button padding shrink a little. */
@container (min-width:841px) and (max-width:870px){.site-header:has(.classic-menu:not([data-lang=en])) .header-inner{gap:12px}.site-header:has(.classic-menu:not([data-lang=en])) .desktop-nav{gap:12px}.site-header:has(.classic-menu:not([data-lang=en])) .header-actions{gap:10px}.site-header:has(.classic-menu:not([data-lang=en])) .header-tools{gap:0}}
@media(min-width:761px){@container (max-width:830px){.site-header:has(.classic-menu:not([data-lang=en])) .header-language{width:38px;padding:0;justify-content:center}.site-header:has(.classic-menu:not([data-lang=en])) .header-language span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}}
@media(min-width:761px){@container (max-width:805px){.site-header:has(.classic-menu:not([data-lang=en])) .header-inner{gap:10px}.site-header:has(.classic-menu:not([data-lang=en])) .desktop-nav{gap:10px}.site-header:has(.classic-menu:not([data-lang=en])) .header-actions{gap:8px}.site-header:has(.classic-menu:not([data-lang=en])) .brand img{width:130px}.site-header:has(.classic-menu:not([data-lang=en])) .header-actions .button-small{padding:10px}.site-header:has(.classic-menu:not([data-lang=en])) .header-icon,.site-header:has(.classic-menu:not([data-lang=en])) .header-language{width:34px}}}
/* The phone menu takes over at a 760px window, but a classic scrollbar leaves the header 746-760px of it: the French and Spanish logo gives up another 10px. */
@media(min-width:761px){@container (max-width:760px){.site-header:has(.classic-menu:not([data-lang=en])) .brand img{width:120px}}}
/* The home page's audience tabs wrap, as they do on phones, when French or Spanish words leave them too little room (and, with a classic scrollbar taking 15px, for another 20px beyond that). */
@media(min-width:761px) and (max-width:840px){.audience-tabs{flex-wrap:wrap;column-gap:20px;row-gap:4px}}
@media(min-width:841px) and (max-width:860px){.audience-tabs{flex-wrap:wrap;row-gap:4px}}
.mobile-menu nav>a:last-of-type{color:var(--on-dark)}.mobile-menu nav .mobile-classic a{color:inherit}.mobile-classic{margin-top:6px}.mobile-classic-heading{display:block;padding:18px 0 4px;color:var(--on-dark-muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
/* The phone header (up to 760px, where the menu button replaces the navigation): the logo takes the room the support chat, theme and language buttons and the menu button leave, up to its usual 155px (128px up to 380px), so the header fits at every width from 300px, with or without a classic scrollbar and in every language. From 381px to 400px the gaps are 12px, which leaves the logo all of its 155px from 386px (390px iPhones, 393px Pixels). */
@media(max-width:760px){.brand{flex:0 1 155px;min-width:0}.brand img{width:100%;max-width:155px}}
@media(max-width:380px){.brand{flex-basis:128px}.brand img{max-width:128px}}
@media(min-width:381px) and (max-width:400px){.header-inner{gap:12px}}