﻿/* Runde 2: the original mark and functional driver tools. */
.hero-intro{max-width:385px}.hero-art{isolation:isolate}#logo-scene{inset:-9% -2% 4%;z-index:1}.logo-relief{width:100%;height:100%;transform-style:preserve-3d;will-change:transform}.logo-fallback{object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 52% 48%,#000 32%,#000b 53%,transparent 73%)}.scene-ready .logo-relief{visibility:hidden}#logo-scene canvas{position:absolute;inset:0;width:100%;height:100%}.car-depth{z-index:3;bottom:12%;filter:drop-shadow(0 17px 12px #0009)}.scene-frame{inset:27% 2% 12% 7%;opacity:.6}.art-baseline{z-index:4;bottom:1%}.hero h1{font-size:clamp(58px,5.7vw,96px)}.header nav{gap:27px}.team-section{padding-top:75px;padding-bottom:85px}.app-panel{min-height:490px;grid-template-columns:64% 36%}.app-visual{padding-right:24px}.app-copy{padding-left:32px}.app-copy h3{font-size:34px}.app-tabs{padding-left:38%}.demo-explanation .text-link{font-size:15px}.standalone-demo{max-width:1080px}.standalone-demo>.calapex-demo,.standalone-demo>.overlay-demo{min-height:0}.small-action{min-height:44px;padding:9px 13px;border:1px solid #3a5878;border-radius:3px;font-size:14px;text-align:left;color:#dceeff}.small-action:disabled{opacity:.55}.events-section{max-width:1600px;margin:auto;padding:55px 5.4vw 80px;border-top:1px solid #203349}.events-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.events-heading h2{font-size:clamp(36px,3.3vw,52px)}.events-heading>p{font-size:15px}.events-content{display:grid;grid-template-columns:1fr 300px;gap:65px}.empty-events{padding:28px 0;border-top:1px solid #2e455e;font-size:21px;max-width:600px}.event-row{display:grid;grid-template-columns:115px 1fr;gap:22px;padding:24px 0;border-top:1px solid #31475f;overflow-wrap:anywhere}.event-row time{color:#7bcbff;font-size:19px;max-width:105px}.event-row h3{font-size:23px}.event-row p{margin:9px 0 4px;font-size:16px}.event-row div>span{font-size:13px;color:#b6c8dc}.event-row>.text-link{grid-column:2;font-size:15px;justify-self:start}.broadcast{border-left:1px solid #2c435a;padding-left:30px}.broadcast h3{font-size:25px}.broadcast p{font-size:15px;margin-top:12px}.broadcast .text-link{font-size:15px;margin-top:10px;min-height:44px}.broadcast #livestream{margin-bottom:26px}.broadcast #stream-links{display:flex;flex-direction:column}.product-top,.product-bottom,.overlay-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.calapex-demo{padding:23px 25px 17px;border:1px solid #365d80;background:#0a1726;box-shadow:10px 13px 0 #020812;transform:perspective(1300px) rotateY(-3deg);min-height:360px}.product-top strong{font-size:29px;letter-spacing:-1px}.product-top strong>span{color:#65caff}.product-top>span{font-size:12px;color:#b7cadb}.product-tabs{display:flex;gap:22px;margin-top:20px;border-bottom:1px solid #2f455d;overflow:auto;scrollbar-width:thin}.product-tabs button{font-size:14px;padding:9px 0 14px;min-height:44px;white-space:nowrap;position:relative;border-bottom:2px solid transparent}.product-tabs [aria-selected=true]{color:#7ed1ff;border-color:#7ed1ff}.calapex-screen{padding:23px 0 14px;min-height:250px}.screen-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.screen-title h3{font-size:20px;letter-spacing:-.2px}.screen-title>span{font-size:11px;color:#aab8cb;white-space:nowrap}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-top:22px}.week>span,.week>button{min-height:45px;display:grid;align-content:center;justify-items:center;font-size:14px;position:relative;border-bottom:1px solid #2d4358}.week>span{color:#9badc0}.week>button{background:#142b42}.week [aria-pressed=true]{background:#1767e8;color:white}.week i{width:3px;height:3px;background:#96e2ff;border-radius:50%;position:absolute;bottom:5px}.calendar-detail{display:grid;grid-template-columns:100px 1fr;gap:5px 16px;margin-top:24px;align-items:center}.calendar-time{grid-row:1/3;color:#70caff;font-size:16px;font-variant-numeric:tabular-nums}.calendar-detail h4{font-size:20px;margin:0;font-weight:600}.calendar-detail p{font-size:13px}.calendar-track{margin-top:22px;height:2px;background:#142d47;overflow:hidden}.calendar-track i{display:block;width:20%;height:100%;background:#4b9fd7;animation:calendar-track 12s linear infinite}@keyframes calendar-track{from{transform:translateX(-100%)}to{transform:translateX(600%)}}.product-bottom{border-top:1px solid #283d53;padding-top:12px;font-size:11px;color:#95b2cd}.product-signal{display:flex;align-items:flex-end;height:12px;gap:3px}.product-signal i{width:3px;height:8px;background:#73c8f1;animation:signal 1.8s ease-in-out infinite alternate}.product-signal i:nth-child(2){height:12px;animation-delay:-.5s}.product-signal i:nth-child(3){height:6px;animation-delay:-1s}@keyframes signal{to{transform:scaleY(.4)}}.stint-ruler{display:flex;justify-content:space-between;font-size:11px;color:#98aec5;margin-top:27px}.stint-timeline{display:flex;margin-top:9px;height:73px;position:relative;background:#122a43}.stint-timeline>div{flex:1;padding:13px 10px;border-right:3px solid #081522;background:#123860}.stint-timeline>div:nth-child(2){background:#1d4d7b}.stint-timeline>div:nth-child(3){background:#226594}.stint-timeline b,.stint-timeline small{display:block;font-weight:400;font-size:13px}.stint-timeline small{font-size:11px;color:#b9cee4;margin-top:5px}.stint-timeline{overflow:hidden}.stint-playhead{position:absolute;top:0;bottom:0;left:0;width:100%;border-left:2px solid #d5f2ff;animation:playhead 12s linear infinite;pointer-events:none}@keyframes playhead{from{transform:translateX(0)}to{transform:translateX(100%)}}.stint-timeline+.small-action{margin-top:20px;font-size:12px}.setup-list{margin-top:17px}.setup-list button{display:flex;justify-content:space-between;width:100%;border-bottom:1px solid #2a425c;padding:11px 9px;min-height:44px;font-size:15px}.setup-list button[aria-pressed=true]{color:#8ed6ff;background:#142d47}.setup-list button>span:last-child{font-size:12px}.setup-status{margin-top:19px;font-size:13px}.stream-preview{background:#0b2036;position:relative;margin-top:14px;height:105px;overflow:hidden}.stream-preview svg{width:100%;height:100%;opacity:.3}.stream-preview path{fill:none;stroke:#66c9ff;stroke-width:2;stroke-dasharray:430 40;animation:stream-line 8s linear infinite}.stream-preview.camera-b{background:#122e36}.stream-preview.camera-b svg{transform:scaleY(-1)}@keyframes stream-line{to{stroke-dashoffset:-470}}.camera-label{position:absolute;left:18px;top:35px;font-size:18px}.camera-switch{display:flex;gap:16px;margin-top:8px}.camera-switch button{font-size:12px;min-height:44px;padding:8px 12px}.camera-switch [aria-pressed=true]{color:#83d2ff;border-bottom:1px solid #7ccfff}
.overlay-demo{min-height:0}.overlay-toolbar{font-size:13px;margin-bottom:10px;color:#c5dcf2}.overlay-toolbar>span:last-child{color:#93adc5;font-size:11px}.overlay-select{display:flex;gap:18px;margin-bottom:15px;border-bottom:1px solid #2c435c;overflow:auto}.overlay-select button{min-height:44px;padding:7px 3px;font-size:13px;border-bottom:2px solid transparent}.overlay-select [aria-pressed=true]{border-color:#7ed2ff;color:#8bd8ff}.overlay-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;align-items:stretch;transform:perspective(1500px) rotateY(-3deg);font-variant-numeric:tabular-nums}.overlay-module{background:#08131e;border:1px solid #2a425a;padding:13px;box-shadow:5px 7px 0 #020811;transition:border-color 180ms ease}.overlay-demo[data-focus=relative] .relative-module,.overlay-demo[data-focus=standings] .standings-module,.overlay-demo[data-focus=fuel] .fuel-module,.overlay-demo[data-focus=inputs] .inputs-module{border-color:#649dcc}.module-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #2b3b4c}.module-title h3{font-size:15px}.module-title>span{font-size:10px;color:#9eb1c7}.race-row{display:grid;grid-template-columns:25px 1fr 52px;gap:9px;padding:7px 5px;font-size:12px;border-bottom:1px solid #192c3e}.race-row b{font-weight:400;color:#9eb5ca}.race-row em{font-style:normal;text-align:right;color:#9ec6e7}.race-row.own-row{background:#174a85;border-color:#1d66b4}.race-row.own-row *{color:#fff}.standing-lead{display:flex;flex-direction:column;margin:13px 0 19px}.standing-lead>strong{font-size:45px;line-height:1.2;font-weight:600}.standing-lead strong>span{font-size:16px;font-weight:400;color:#9eb1c7;margin-left:6px}.standing-lead>span{font-size:11px;color:#b1c0d1}.standing-line{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-top:8px}.standing-line span{color:#a5b8cc}.standing-line b{font-weight:400}.fuel-values{display:flex;gap:27px;margin:15px 0}.fuel-values strong{display:block;font-size:28px;font-weight:600;line-height:1.1}.fuel-values span{font-size:10px;color:#a8bbcf}.fuel-meter{height:3px;background:#243d50;margin-bottom:13px}.fuel-meter i{display:block;width:58%;height:100%;background:#75c1ee}.input-row{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:10px}.input-row>span{width:34px;color:#b0c3d7}.input-row>div{flex:1;height:5px;background:#233d4e}.input-row i{display:block;width:100%;height:100%;background:#68c9e7;transform-origin:left;transform:scaleX(.78);transition:transform 200ms linear}.input-row .input-brake{background:#ea9d80;transform:scaleX(0)}.input-row output{width:32px;text-align:right;font-size:10px}.input-graph{height:34px;width:100%;margin-top:13px}.input-graph path{fill:none;stroke:#5ea9d8;stroke-width:1;stroke-dasharray:300 20;animation:stream-line 9s linear infinite}.overlay-caption{font-size:11px;margin-top:17px;color:#a0b8cf}.standalone-demo .calapex-demo{padding:30px 36px 22px;transform:perspective(1500px) rotateY(-2deg)}.standalone-demo .calapex-screen{min-height:300px;padding:30px 0}.standalone-demo .product-tabs{gap:42px}.standalone-demo .product-tabs button{font-size:17px}.standalone-demo .screen-title h3{font-size:26px}.standalone-demo .calendar-detail{grid-template-columns:140px 1fr}.standalone-demo .calendar-detail h4{font-size:25px}.standalone-demo .calendar-detail p{font-size:16px}.standalone-demo .week>span,.standalone-demo .week>button{min-height:55px;font-size:18px}.standalone-demo .overlay-layout{gap:20px;grid-template-columns:1.45fr 1fr}.standalone-demo .overlay-module{padding:20px 24px}.standalone-demo .module-title h3{font-size:20px}.standalone-demo .race-row{font-size:17px;padding:10px 9px;grid-template-columns:35px 1fr 70px}.standalone-demo .module-title>span,.standalone-demo .standing-line{font-size:14px}.standalone-demo .standing-lead>strong{font-size:64px}.standalone-demo .standing-lead>span{font-size:14px}.standalone-demo .fuel-values strong{font-size:38px}.standalone-demo .fuel-values span{font-size:13px}.standalone-demo .input-row{font-size:13px;margin-top:22px}.standalone-demo .input-row>span{width:55px}.standalone-demo .input-row output{font-size:13px;width:45px}.standalone-demo .overlay-select button{font-size:16px;padding:9px 15px}.standalone-demo .stint-timeline{height:95px}.standalone-demo .stint-timeline b{font-size:19px}.standalone-demo .stint-timeline small{font-size:14px}.standalone-demo .stream-preview{height:170px}.standalone-demo .camera-label{top:65px}
.admin-page{max-width:1300px;padding:25px 5vw 80px;margin:auto;min-height:72vh}.admin-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.admin-heading h1{font-size:clamp(38px,5vw,68px)}.admin-heading .back-link{margin-bottom:20px}#admin-status{margin:25px 0;padding:15px 18px;background:#11273c;border-left:3px solid #67baff;overflow-wrap:anywhere}#admin-status[data-error=true]{background:#341c1d;border-color:#ef9b8b;color:#ffd8cf}.admin-page label{display:block;font-size:15px;color:#c2d3e5}.admin-page label>span{font-size:12px;color:#91adc7}.admin-page input{display:block;width:100%;background:#081624;border:1px solid #39546e;color:#f4f8ff;min-height:48px;padding:10px 12px;border-radius:2px;margin-top:6px;min-width:0;color-scheme:dark}.admin-page input:focus-visible{outline-offset:3px}.login-row{display:flex;align-items:end;gap:15px;max-width:600px}.login-row input{flex:1;min-width:0}.login-row .button{min-height:48px}.admin-events{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:45px}.admin-section-title{display:flex;justify-content:space-between;align-items:center;gap:18px}.admin-page h2{font-size:32px}.event-editor h2{margin-bottom:25px}#event-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}#event-form>label:first-of-type,#event-form>label:last-of-type,.form-actions{grid-column:1/-1}.form-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:8px}.admin-event{padding:20px 0;border-bottom:1px solid #30465a;overflow-wrap:anywhere}.admin-event h3{font-size:21px}.admin-event p{font-size:14px;margin:10px 0}.admin-event-actions{display:flex;gap:12px}.admin-event-actions button{min-height:44px;font-size:13px;padding:9px 11px;border:1px solid #334f68}.admin-event-actions button:last-child{color:#e8b6ac}.admin-links{margin-top:65px;border-top:1px solid #2a435a;padding-top:30px}.admin-links form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.admin-links .button{justify-self:start;grid-column:1/-1}.admin-page .button{font-size:15px}.admin-page~.thumb-nav{display:none}button:disabled{opacity:.6}.motion{min-width:44px;min-height:44px}.paused *,.paused *:before,.paused *:after,.offscreen *{animation-play-state:paused!important}
@media(max-width:1100px) and (min-width:761px){.app-panel{grid-template-columns:60% 40%}.product-tabs{gap:12px}.calapex-demo{padding:16px}.calapex-screen{min-height:265px}.calendar-detail{display:block}.calendar-detail h4{margin-top:10px}.overlay-layout{gap:8px}.race-row{gap:4px}.events-content{gap:30px;grid-template-columns:1fr 260px}.admin-events{gap:30px}}
@media(max-width:760px){.hero h1{font-size:48px}.hero-intro{font-size:16px;max-width:330px}.hero-art{height:285px;margin-top:0}.hero-classes{margin:20px 0 23px}.hero{padding-bottom:45px}.hero-art #logo-scene{inset:-10% 0 0}.logo-fallback{top:0;mask-image:radial-gradient(ellipse,#000 33%,#000b 50%,transparent 74%)}.logo-relief{will-change:auto}.car-depth{bottom:8%;width:100%;left:0}.art-baseline{bottom:-1%;left:8%;right:7%}.art-baseline>span{font-size:10px}.tilt-button{font-size:11px;min-height:44px}.scene-frame{inset:22% 7% 7%}.team-section{padding:48px 24px}.events-section{padding:35px 24px 42px}.events-heading{display:block;margin-bottom:22px}.events-heading h2{font-size:35px}.events-heading>p{font-size:14px;margin-top:15px}.events-content{display:block}.empty-events{font-size:18px;padding:20px 0}.broadcast{border-left:0;border-top:1px solid #30475e;padding:23px 0 0;margin-top:15px}.broadcast h3{font-size:23px}.broadcast #livestream{margin-bottom:22px}.event-row{grid-template-columns:76px 1fr;gap:14px;padding:20px 0}.event-row time{font-size:16px}.event-row h3{font-size:21px}.event-row p{font-size:14px}.event-row>.text-link{font-size:14px}.app-tabs{padding:0;gap:25px}.app-panel{min-height:0;display:flex}.app-visual{padding:0}.app-copy{padding:25px 0 0}.app-copy h3{font-size:28px}.calapex-demo{padding:17px 14px 12px;transform:none;box-shadow:5px 7px 0 #020812;min-height:0}.product-top strong{font-size:26px}.product-top>span{font-size:10px}.product-tabs{gap:19px;margin-top:14px;padding-bottom:0}.product-tabs button{font-size:12px}.calapex-screen{padding:18px 0 8px;min-height:250px}.screen-title{gap:8px;align-items:start}.screen-title h3{font-size:18px}.screen-title>span{font-size:9px;margin-top:4px}.week{gap:6px;margin-top:19px}.week>span,.week>button{min-height:44px;font-size:12px}.calendar-detail{grid-template-columns:1fr;gap:4px;margin-top:18px}.calendar-time{grid-row:auto;font-size:12px}.calendar-detail h4{font-size:20px}.calendar-detail p{font-size:12px}.calendar-track{margin-top:14px}.product-bottom{font-size:9px;gap:8px;padding-top:10px}.stint-timeline{height:71px}.stint-timeline>div{padding:12px 6px}.stint-timeline b{font-size:11px}.stint-timeline small{font-size:9px}.stint-timeline+.small-action{font-size:11px}.stint-ruler{font-size:10px}.setup-list button{font-size:14px}.setup-list button>span:last-child{font-size:11px}.setup-status{font-size:12px}.overlay-select{gap:23px;margin-bottom:12px}.overlay-select button{font-size:12px;flex:1}.overlay-layout{display:block;transform:none;min-height:244px}.overlay-module{display:none;box-shadow:none;min-height:244px;padding:17px}.overlay-demo[data-focus=relative] .relative-module,.overlay-demo[data-focus=standings] .standings-module,.overlay-demo[data-focus=fuel] .fuel-module,.overlay-demo[data-focus=inputs] .inputs-module{display:block}.module-title h3{font-size:18px}.module-title>span{font-size:12px}.race-row{font-size:14px;padding:9px 5px;grid-template-columns:25px 1fr 53px}.standing-lead>strong{font-size:58px}.standing-lead{margin:14px 0 20px}.standing-line{font-size:13px}.fuel-values{gap:38px;margin:25px 0}.fuel-values strong{font-size:38px}.fuel-values span{font-size:12px}.fuel-meter{margin:22px 0}.input-row{font-size:13px;margin-top:27px}.input-row>span{width:45px}.input-row output{font-size:12px;width:38px}.input-graph{height:50px;margin-top:20px}.overlay-caption{font-size:11px;margin-top:13px}.overlay-toolbar{font-size:12px}.overlay-toolbar>span:last-child{font-size:10px}.standalone-demo{margin-top:28px}.standalone-demo .calapex-demo{padding:17px 14px 12px;transform:none}.standalone-demo .calapex-screen{padding:18px 0 8px;min-height:250px}.standalone-demo .product-tabs{gap:19px}.standalone-demo .product-tabs button{font-size:12px}.standalone-demo .screen-title h3{font-size:18px}.standalone-demo .calendar-detail{grid-template-columns:1fr}.standalone-demo .calendar-detail h4{font-size:20px}.standalone-demo .calendar-detail p{font-size:12px}.standalone-demo .week>span,.standalone-demo .week>button{min-height:44px;font-size:12px}.standalone-demo .overlay-module{padding:17px}.standalone-demo .race-row{font-size:14px;padding:9px 5px;grid-template-columns:25px 1fr 53px}.standalone-demo .standing-line{font-size:13px}.standalone-demo .module-title>span{font-size:12px}.standalone-demo .overlay-select button{font-size:12px;padding:8px 3px}.standalone-demo .stint-timeline{height:71px}.standalone-demo .stint-timeline b{font-size:11px}.standalone-demo .stint-timeline small{font-size:9px}.standalone-demo .stream-preview{height:105px}.standalone-demo .camera-label{top:35px}.standalone-demo .input-row>span{width:45px}.standalone-demo .input-row output{width:38px;font-size:12px}.admin-page{padding:12px 24px 50px}.admin-heading{align-items:start;gap:15px}.admin-heading h1{font-size:37px}.admin-heading .back-link{margin-bottom:15px}.admin-heading>#logout{margin-top:10px;font-size:12px;padding:8px}.admin-events{display:block;margin-top:30px}.admin-section-title h2{font-size:28px}.admin-section-title .small-action{font-size:12px;white-space:nowrap}.event-editor{margin-top:35px}.admin-page h2{font-size:28px}.login-row{display:block}.login-row .button{margin-top:15px}.admin-page input{font-size:16px}#event-form,.admin-links form{grid-template-columns:1fr}.admin-links{margin-top:40px}.admin-page .button{min-height:48px;padding:13px 18px}.admin-page~.footer{padding-bottom:40px}#admin-status{font-size:14px}.footer nav{gap:17px}}
@media(prefers-reduced-motion:reduce){.logo-relief{transform:none!important}.car-depth{transform:none!important}}

