/* Logitech G SIM reference: black, white, and one shared electric blue. */
:root{--bg:#000;--panel:#141414;--line:#343434;--muted:#f2f2f2;--label:#fff;--white:#fff;--blue:#00b8fc;--radius:20px}
body{background:var(--bg);color:var(--white)}
h1,h2,h3,h4{text-transform:uppercase}h2{letter-spacing:-1px}h3{letter-spacing:0}
.nav{height:100px;border-bottom:1px solid #343434}.nav nav>a,.button,.text-link,.launch-status,.option-indicator{text-transform:uppercase;font-weight:700;letter-spacing:.5px}.nav nav>a:not(.nav-cta){color:#fff;font-size:16px}.nav .nav-cta,.button{background:var(--blue);border-color:var(--blue);color:#000;border-radius:6px}.nav .nav-cta:hover,.button:hover{background:var(--blue);box-shadow:0 0 0 2px #fff}.text-link{color:var(--blue);border-bottom:2px solid var(--blue);padding-bottom:8px}
.hero h1{font-size:clamp(48px,5vw,72px);letter-spacing:-2.5px;line-height:1.08}.hero .intro,.hero .micro,.hero .eyebrow,.section-heading>p:last-child,.wheel-copy>p:not(.eyebrow),.launch>p:not(.eyebrow),.ecosystem-label>span{color:#fff}.hero .intro{line-height:1.55}.hero .eyebrow{font-weight:600}.hero-film .film-topline{padding-bottom:12px;color:#fff}.film-topline>span:last-child{color:#eee}.cockpit-scene{border-radius:var(--radius);border:1px solid #303030}.film-controls>span{color:#fff}.film-controls button{background:#171717;border-color:#555;color:#fff;border-radius:6px}.film-timeline span{color:#fff;border-color:#444;text-transform:uppercase;letter-spacing:.5px}.film-timeline .active{color:var(--blue);border-color:var(--blue)}
.principles{border-top:2px solid var(--blue);border-bottom:1px solid #343434}.principles>span:first-child,.principles p{color:#fff}.principles p{text-transform:uppercase;font-weight:600}.principles .separator{color:var(--blue)}
.section{padding-top:110px}.section-heading{margin-bottom:44px}.section-heading h2::before,.wheel-copy h2::before{content:"";display:block;width:64px;height:4px;background:var(--blue);margin-bottom:24px}.section-heading>p:last-child{line-height:1.6}.wheel-stage{border-radius:var(--radius);background:#171717;min-height:490px;isolation:isolate}.wheel-stage::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:#f4f4f4;z-index:-1}.wheel-model{color:var(--blue);font-size:70px;letter-spacing:-3px;top:22px;left:24px;z-index:2}.wheel-stage>img{height:450px;padding:45px 0 48px}.wheel-stage figcaption{color:#fff}.wheel-stage figcaption>span:first-child{color:var(--blue)}
.telemetry-flow{background:#111;border:1px solid #343434;border-radius:var(--radius)}.flow-layer-label{color:#fff;text-transform:uppercase;font-weight:600}.flow-layer-label>span,.flow-step{color:var(--blue)}.flow-source{background:#191919;border:1px solid #3a3a3a;border-radius:16px}.flow-source>strong{text-transform:uppercase}.flow-source .game-list li{background:#050505;border-color:#333;border-radius:10px}.flow-route{background:#1b1b1b;border:1px solid #444;border-top:3px solid var(--blue);border-radius:14px}.flow-route p,.flow-result p,.flow-footnote{color:#fff}.flow-lane>svg,.flow-last-arrow>svg,.flow-wireless .icon{color:var(--blue)}.flow-merge{border-color:var(--blue)}.flow-merge span{background:var(--blue)}.flow-wireless{color:#fff;border-color:var(--blue);background:#000}.flow-destination{background:#1b1b1b;border-color:#444;border-radius:16px}.flow-result h4{font-size:24px}.flow-ps5{width:86px!important;height:86px!important;min-height:86px!important;border-radius:50%;background:#fff;color:#000;margin:10px auto!important;flex-direction:column;gap:0!important;font-size:18px!important}.flow-ps5 img{filter:none;mix-blend-mode:normal;width:38px;height:38px}.flow-route{min-height:240px}.simhub-heading{height:86px!important;min-height:86px!important;margin:10px auto!important}.simhub-heading img{border-radius:50%;width:86px;height:86px;max-height:none;max-width:none;padding:23px 6px;object-fit:contain;background:#fff}.setup-note{color:#fff}.connection-summary{border-bottom:2px solid var(--blue)}.connection-summary span{color:#fff;text-transform:uppercase;letter-spacing:.6px;font-size:14px}.connection-summary strong{font-family:Oxanium,sans-serif;font-size:19px}
.video-placeholder{border-radius:var(--radius);background:#151515;border-color:#333}.video-rings{border-color:var(--blue);box-shadow:0 0 0 65px #151515,0 0 0 66px #444,0 0 0 130px #151515,0 0 0 131px #333}.play-symbol{background:#fff;color:#000;border:0}.video-center h3{font-weight:600}.video-center p,.video-bottom{color:#fff}.feature-row article{border-top:3px solid var(--blue);padding-top:24px}.feature-row .feature-number{color:var(--blue);font-weight:600}.feature-row h3{font-size:23px}.feature-row p{color:#fff}
.wheel-options button,.version-options button{background:#171717;border-color:#444;border-radius:16px}.wheel-options strong{text-transform:uppercase}.wheel-options button>span,.version-options p,.selection-summary p,.selection-summary>div>span,.range-note,.brand-note{color:#fff}.wheel-options button[aria-pressed="true"],.version-options button[aria-pressed="true"]{background:#171717;border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.version-options svg{width:94px;height:94px;border-radius:50%;padding:16px;background:#fff;color:#000}.version-options button[aria-pressed="true"] .option-indicator{background:var(--blue);border-color:var(--blue);color:#000}.option-indicator{color:#fff;border-color:#666;border-radius:5px}.configuration-status{background:var(--blue);color:#000;border-radius:5px;font-weight:600}.launch-status{color:#fff;border-color:var(--blue);border-radius:6px}.launch-status .icon{color:var(--blue)}.launch h2{font-size:clamp(40px,5.4vw,72px)}.launch .eyebrow,footer,footer>a:last-of-type{color:#fff}
@media(max-width:1000px){.hero h1{font-size:clamp(38px,5vw,54px)}.wheel-copy h2{font-size:35px}.wheel-stage{min-height:380px}.wheel-stage>img{height:380px}.wheel-stage figcaption{font-size:12px}.wheel-model{font-size:58px}}
@media(max-width:700px){.nav{height:auto;min-height:120px}.nav nav{gap:10px}.nav nav>a:not(.nav-cta){font-size:14px;letter-spacing:.2px}.nav .nav-cta{font-size:14px;padding:12px;gap:8px;letter-spacing:.2px}.nav .nav-cta .icon{width:16px;height:16px}.hero h1{font-size:clamp(39px,10.5vw,66px);letter-spacing:-1.6px}.hero .eyebrow{font-size:14px}.hero .intro{font-size:18px}.section{padding-top:72px}.section-heading h2,.wheel-copy h2{font-size:clamp(28px,7.8vw,38px);letter-spacing:-.8px;overflow-wrap:normal}.section-heading h2::before,.wheel-copy h2::before{margin-bottom:20px;width:48px}.wheel-stage{min-height:350px}.wheel-stage>img{height:350px}.wheel-model{font-size:54px}.wheel-stage::before{width:82%}.wheel-stage figcaption{font-size:12px}.flow-route{min-height:268px;padding-inline:8px}.flow-source>strong{font-size:15px}.flow-wireless{font-size:13px}.flow-result h4{font-size:22px}.connection-summary strong{font-size:17px}.connection-summary span{font-size:13px}.feature-row{gap:24px}.version-options svg{width:76px;height:76px;padding:12px}.version-options h3{font-size:20px}.version-options button{padding:20px 12px}.option-indicator{font-size:12px;letter-spacing:.2px;padding:8px}.wheel-options strong{font-size:18px}.film-timeline span{font-size:12px;letter-spacing:.2px}.launch h2{font-size:clamp(30px,8.2vw,52px);letter-spacing:-1px}}

.dash-mark{height:36px;background:var(--blue);mask:url(assets/dash-wordmark.png) center/contain no-repeat;-webkit-mask:url(assets/dash-wordmark.png) center/contain no-repeat}footer .dash-mark{height:28px}
.wheel-stage::before{width:min(72%,390px);top:44%;left:50%;transform:translate(-50%,-50%)}
@media(min-width:701px){.flow-source{height:300px}.flow-route{height:250px}}
@media(max-width:700px){.wheel-stage::before{width:78%;top:43%}}