@charset "UTF-8";
:root{color-scheme:dark;--bg:#09090b;--panel:#121215;--line:#29292f;--text:#f5f5f7;--muted:#a2a2ac;--red:#ff3545;--red-light:#ff6874;--radius:18px;--max:1160px;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-size:1rem;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%}img{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;overflow-wrap:break-word}p{color:var(--muted)}strong{font-weight:600;color:#e6e1e7}[hidden]{display:none!important}.wrap{width:calc(100% - 96px);max-width:var(--max);margin-inline:auto}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red-light);outline-offset:5px}.skip-link{position:fixed;left:16px;top:-100px;background:var(--red);color:#fff;z-index:50;padding:10px 16px}.skip-link:focus{top:16px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header{position:sticky;top:0;z-index:20;background:#09090bf2;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0d}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:13px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;font-size:1.375rem;font-weight:800;letter-spacing:-1px;line-height:1}.brand img{border-radius:9px;border:1px solid #ffffff18}.brand-glow{color:var(--red)}.header-actions{display:flex;align-items:center;gap:30px}.main-navigation{display:flex;align-items:center;gap:28px;font-size:.875rem;font-weight:600}.main-navigation a:hover{color:var(--red-light)}.language-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px;font-size:.75rem;font-weight:700;letter-spacing:.5px;background:#111114}.language-switch a{display:grid;place-items:center;min-width:36px;min-height:34px;border-radius:5px;color:var(--muted)}.language-switch a[aria-current=page]{background:#42202a;color:#fff}.language-switch a:hover{background:#2c2027;color:#fff}
.eyebrow{color:var(--red-light);font-size:.75rem;letter-spacing:1.7px;font-weight:700;line-height:1.6}.live-section{padding-block:42px 76px}.live-layout{display:grid;grid-template-columns:.95fr 1.05fr;grid-template-areas:"heading demo" "details demo";grid-template-rows:auto 1fr;gap:24px 72px;align-items:start}.live-heading{grid-area:heading;padding-top:46px}.live-heading h1{font-size:clamp(58px,6.4vw,84px);letter-spacing:-4px;line-height:1.02;margin:22px 0}.live-heading h1 span{color:var(--red)}.intro{font-size:1.125rem;max-width:400px;line-height:1.65}.live-details{grid-area:details;min-width:0;max-width:400px}.feature-line{font-size:.9375rem;color:#c1bcc5}.edition-summary{display:flex;gap:26px;margin:26px 0}.edition-summary p{font-size:.875rem;line-height:1.5;flex:1}.edition-summary strong{display:block;color:var(--text);font-size:1rem;margin-bottom:5px}.edition-summary p+p{border-left:1px solid var(--line);padding-left:26px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 20px;border-radius:8px;font-size:.9375rem;font-weight:700;background:var(--red);color:white;transition:background .2s}.button:hover{background:#e82536}.release-note{margin-top:23px;font-size:.8125rem;line-height:1.6}.release-note>span{display:inline-flex;align-items:center;gap:7px;color:#b3acb6}.release-note>span:before{content:"";width:5px;height:5px;border-radius:50%;background:#a48c6a}.release-note p{margin-top:2px}.text-link{color:var(--red-light);font-weight:600}.text-link:hover{text-decoration:underline;text-underline-offset:4px}
/* The original interactive preview is the first section's main visual. */
.demo{grid-area:demo;min-width:0;background:#121013;border:1px solid #3d252a;border-radius:22px;padding:22px;box-shadow:0 24px 55px #0004;width:100%;max-width:540px;justify-self:center}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.6875rem;letter-spacing:1px;font-weight:700;flex-wrap:wrap}.mini-label{color:#9a8d98;font-size:.6875rem;font-weight:500}.car-preview{position:relative;margin:18px -10px 0;aspect-ratio:3/2;background:#111114;border-radius:12px;overflow:hidden;border:1px solid #303038;isolation:isolate}.car-preview>img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.car-lights{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lamp-overlay{opacity:0}.lamp-overlay.is-lit{opacity:1}.halo-haze{fill:#d9ecff;opacity:.25;filter:blur(12px)}.halo-rings{fill:none;stroke:#f0f7ff;stroke-width:6;stroke-linecap:round}.fog-haze{fill:#fff2d6;opacity:.8}.fog-lens{fill:#fff4df;opacity:.95}.fog-core{fill:#fffdf8}.beam-haze{fill:#e7efff;opacity:.9}.beam-core{fill:#fffdf5}
.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 8px}.control-modes{display:flex;gap:4px;background:#09090c;padding:4px;border:1px solid #3d252a;border-radius:9px}.control-mode,.preview-stop{border:1px solid transparent;border-radius:6px;min-height:40px;padding:7px 15px;background:transparent;font-size:.875rem;font-weight:600}.control-mode[aria-pressed=true]{background:#48232a;color:#fff;border-color:#a93b49}.preview-stop{color:var(--red-light);border-color:#69303a;background:#251418}.preview-stop:hover{background:#422028}.button-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;padding:8px 0 15px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.light-pad{min-width:0;min-height:76px;border:1px solid #57313a;border-radius:10px;background:#24191e;padding:8px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:.8125rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere;touch-action:none}.light-pad .icon{width:22px;height:22px;color:#d29aa4}.light-pad .pad-side{display:block;color:#b6a5ad;font-size:.8125rem;font-weight:400}.light-pad .pad-symbol{font-size:1.5rem;line-height:22px;color:#d29aa4}.light-pad.pad-pair{grid-column:span 2;justify-self:center;width:calc((100% - 8px)/2);min-width:3.7rem}.light-pad.selected{background:#9e2c3b;border-color:#ff6874;color:white;box-shadow:0 0 18px #ff35451a}.light-pad.selected .pad-side,.light-pad.selected .icon,.light-pad.selected .pad-symbol{color:#fff}
.wheel-wrap{padding:12px 0 15px;max-width:340px;margin-inline:auto}.wheel{display:block;width:100%;overflow:visible;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.wheel-segment{cursor:pointer}.wheel .wheel-segment:focus,.wheel .wheel-segment:focus-visible{outline:none}.wheel-segment path{fill:#1b171a;stroke:#3d252a;stroke-width:1.15}.wheel-segment-alt path{fill:#221b1e}.wheel-segment.selected path{fill:#b53440;stroke:#e0414e}.wheel-segment:focus-visible path{stroke:#f6f2f3;stroke-width:1.8}.wheel-segment text{font-family:Roboto,Arial,sans-serif;text-anchor:middle;fill:#f6f2f3;font-size:7.8px;font-weight:700;pointer-events:none}.wheel-segment.selected text{fill:#fff}.wheel-divider{fill:none;stroke:#b53440;stroke-width:1.7;pointer-events:none}.wheel-center{fill:#070709;stroke:#3d252a;stroke-width:1.4}.wheel-center-text{fill:#f6f2f3;font-family:Roboto,Arial,sans-serif;font-size:11px;font-weight:700;text-anchor:middle;pointer-events:none}.wheel-center-value{fill:#9e9195;font-size:8.5px}.demo-readout{display:flex;align-items:center;justify-content:center;gap:10px;min-height:38px;font-size:.875rem;font-weight:600;text-align:center;overflow-wrap:anywhere;line-height:1.5}.demo-readout span{min-width:0}.demo-readout .icon{color:var(--red-light);width:18px;height:18px}.demo-caption{font-size:.75rem;text-align:center;margin-top:9px;line-height:1.7;color:#a198a5}
.section{padding-block:76px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:34px}.section-heading h2{font-size:clamp(34px,4vw,48px);letter-spacing:-1.8px;margin-top:13px}.section-heading>p{font-size:1rem;line-height:1.7;padding-bottom:3px}.connection-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.cable-visual{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#111114;min-width:0}.cable-visual figure{margin:0}.cable-visual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.cable-visual figcaption{font-size:.75rem;line-height:1.6;padding:12px 22px 18px;color:var(--muted)}.connection-copy{min-width:0}.cable-name{font-size:1.5rem;letter-spacing:-.6px;margin:8px 0 15px}.connection-copy>p:not(.eyebrow){font-size:1rem;line-height:1.7}.connection-steps{margin:26px 0 0;padding:0;list-style:none}.connection-steps li{display:flex;gap:16px;margin-top:22px}.step-number{width:31px;height:31px;flex-shrink:0;border:1px solid #54313c;border-radius:50%;display:grid;place-items:center;font-size:.6875rem;color:var(--red-light);font-weight:700;background:#21161b}.connection-steps h3{font-size:1rem;line-height:1.5;margin:3px 0 5px}.connection-steps p{font-size:.9375rem;line-height:1.7}.connection-note{font-size:.8125rem;line-height:1.8;margin-top:30px;padding:17px 0 0;border-top:1px solid var(--line);max-width:900px}.connection-note span{display:block;color:#92909c}
.compatibility-table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.compatibility-table{width:100%;min-width:600px;border-collapse:collapse;font-size:.9375rem;text-align:left}.compatibility-table th,.compatibility-table td{padding:16px 24px;border-bottom:1px solid var(--line);vertical-align:middle}.compatibility-table thead th{background:#171419;font-size:.8125rem;color:#c8c2cc}.compatibility-table tbody th{font-weight:600}.compatibility-table td{color:#c4bec6}.compatibility-table tbody tr:nth-child(even){background:#ffffff03}.compatibility-table tbody tr:last-child>*{border-bottom:0}.compatibility-table td small{display:block;color:var(--muted);font-size:.75rem}.profile-tag{display:inline-block;border:1px solid #47584f;background:#18231d;color:#bfdfc9;padding:3px 10px;border-radius:6px;font-size:.75rem;font-weight:600}.compatibility-note,.protocol-note{font-size:.8125rem;line-height:1.8;margin-top:16px;max-width:1000px}.protocol-note{margin-top:8px}.table-scroll-hint{display:none}.free-check{display:flex;align-items:flex-start;gap:20px;padding:26px 28px;border:1px solid #68343e;border-radius:var(--radius);background:#28182070;margin-top:30px}.free-check>div{flex:1;min-width:0}.free-badge{padding:7px 10px;border-radius:7px;background:#5c2935;color:#ffd9df;font-size:.75rem;font-weight:700;letter-spacing:1px;flex-shrink:0}.free-check h3{font-size:1.125rem;line-height:1.4;margin:4px 0 8px}.free-check p{font-size:.9375rem;line-height:1.75}
.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:26px;border-top:1px solid var(--line);font-size:.8125rem}.footer .brand{gap:0;font-size:1.125rem}.footer>a:last-child{color:#bfb5c1}.footer>a:last-child:hover{color:var(--red-light)}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.live-layout{gap:24px 38px}.live-heading{padding-top:28px}.live-heading h1{font-size:64px;letter-spacing:-3px}.intro{font-size:1rem}.header-actions{gap:20px}.main-navigation{gap:20px}.connection-layout{gap:36px}.demo{padding:18px}.demo-top{letter-spacing:.7px}.light-pad.pad-pair{min-width:3.4rem}}
@media(max-width:760px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:66px}.main-navigation{display:none}.live-section{padding-block:28px 52px}.live-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "demo" "details";gap:24px}.live-heading{padding-top:0;max-width:540px;justify-self:center;width:100%}.live-heading h1{font-size:clamp(44px,9vw,62px);letter-spacing:-2.6px;margin:13px 0 16px}.live-heading h1 br{display:none}.live-heading h1 span{display:block}.intro{font-size:.9375rem;max-width:440px}.live-details{max-width:540px;width:100%;justify-self:center}.feature-line{font-size:.9375rem}.edition-summary{margin:20px 0}.demo{padding:18px;border-radius:17px;box-shadow:none}.car-preview{margin-top:14px}.section{padding-block:52px}.section-heading{display:block;margin-bottom:24px}.section-heading>p{margin-top:18px}.section-heading h2{font-size:2.125rem;letter-spacing:-1.3px}.connection-layout{grid-template-columns:minmax(0,1fr);gap:26px}.cable-visual{max-width:540px;width:100%;justify-self:center}.connection-copy{max-width:600px}.cable-visual figcaption{padding:8px 18px 14px}.cable-name{font-size:1.375rem}.connection-note{margin-top:25px}.compatibility-table th,.compatibility-table td{padding:15px 18px}.table-scroll-hint{display:block;font-size:.75rem;color:var(--muted);margin-top:9px}.free-check{padding:20px;gap:15px}.footer p{order:3;width:100%;font-size:.75rem}.footer{gap:16px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.header-inner .brand{font-size:1.125rem;gap:8px}.header-inner .brand img{width:29px;height:29px}.language-switch a{min-width:31px}.live-heading h1{font-size:43px}.eyebrow{letter-spacing:1.2px;font-size:.6875rem}.demo{padding:15px}.button-control{gap:9px 6px}.light-pad{min-height:75px;font-size:.75rem}.light-pad .pad-side{font-size:.75rem}.light-pad.pad-pair{min-width:3.4rem}.control-mode,.preview-stop{padding:7px 11px}.free-check{flex-wrap:wrap}.free-check>div{flex-basis:100%}.edition-summary{gap:18px}.edition-summary p+p{padding-left:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.lamp-overlay.is-lit{opacity:.65}.halo-haze,.fog-haze,.beam-haze{display:none}.halo-rings{filter:none}}