/* Each appearance translates the approved app's geometry into the website. */
:root{--bg:#0c121e;--surface:#111a29;--text:#eff4fc;--muted:#9bacc4;--line:#2a374b;--accent:#59b4ff;--secondary:#45e6c4;--heading:'Segoe UI',Arial,sans-serif;--body:'Segoe UI',Arial,sans-serif;--rail:208px;--page-pad:clamp(24px,4.5vw,76px);color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 var(--body);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2{font-family:var(--heading);font-weight:500}p{max-width:66ch}img{display:block;max-width:100%}svg{display:block}::selection{background:var(--accent);color:var(--bg)}.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}.skip-link{position:fixed;top:12px;left:12px;background:var(--text);color:var(--bg);padding:12px 18px;z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-shell{display:grid;grid-template-columns:minmax(0,1fr) var(--rail);max-width:2000px;margin:auto}.page-sheet{grid-column:1;grid-row:1;min-width:0}.design-rail{grid-column:2;grid-row:1;position:sticky;top:0;height:100vh;max-height:1100px;padding:36px 18px 24px;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;z-index:3}.rail-heading{font-size:12px;display:flex;gap:10px;align-items:center;color:var(--muted)}.rail-symbol{font-family:var(--heading);color:var(--accent);font-weight:700;border:1px solid var(--line);width:28px;height:28px;display:grid;place-items:center}.rail-description{font-size:24px;line-height:1.25;letter-spacing:-.025em;margin:34px 0 32px}.theme-choices{display:flex;flex-direction:column;gap:8px}.theme-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 11px;border:1px solid var(--line);border-radius:5px;background:transparent;position:relative;min-height:67px;transition:background .15s}.theme-choice:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.theme-choice[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 11%,var(--surface));border-color:var(--accent)}.theme-choice b{font-size:13px;font-weight:600;display:block;line-height:1.4}.theme-choice small{display:block;color:var(--muted);font-size:10px;line-height:1.5}.theme-glyph{position:relative;width:18px;height:18px;flex:0 0 18px;color:var(--muted)}.theme-choice[aria-pressed=true] .theme-glyph{color:var(--accent)}.glyph-core{background:repeating-linear-gradient(0deg,transparent 0 4px,currentColor 4px 5px);border-right:2px solid}.glyph-oled{border-bottom:1px solid;transform:skewY(-22deg)}.glyph-oled:after{content:'';position:absolute;right:0;bottom:-3px;width:5px;height:5px;border-radius:50%;background:currentColor}.glyph-aurora{border-radius:50% 20%;border:1px solid;transform:rotate(-30deg)}.glyph-graphite{border:1px solid}.glyph-graphite:after{content:'';position:absolute;inset:4px;border:1px solid}.glyph-whiteout{background:repeating-linear-gradient(0deg,transparent 0 5px,currentColor 5px 6px),repeating-linear-gradient(90deg,transparent 0 5px,currentColor 5px 6px)}.glyph-plasma{border:2px solid;border-radius:50%;border-bottom-color:transparent;transform:rotate(-30deg)}.choice-mark{display:none;margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.theme-choice[aria-pressed=true] .choice-mark{display:block}.rail-note{font-size:11px;line-height:1.6;color:var(--muted);padding:22px 4px}.rail-foot{margin-top:auto;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);padding-top:20px}.status-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;flex-shrink:0}.site-header{height:96px;margin:0 var(--page-pad);display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:600;letter-spacing:-.035em;display:flex;align-items:center;gap:10px}.brand svg{width:29px;height:29px;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linejoin:round}.site-nav{display:flex;gap:25px;font-size:12px;margin-left:auto}.site-nav a:hover,.quiet-action:hover{text-decoration:underline;text-underline-offset:5px}.sample-badge{font-size:10px;color:var(--muted);padding-left:20px;border-left:1px solid var(--line)}main{padding:0 var(--page-pad)}.hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:30px;align-items:center;min-height:720px;padding:80px 0 65px;position:relative}.intro{position:relative;z-index:1}.design-signature{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:27px;font-size:12px}.signature-line{width:24px;height:1px;background:var(--accent)}.concept-name{color:var(--muted);font-size:11px;padding-left:10px;border-left:1px solid var(--line)}h1{font-size:clamp(42px,4.1vw,76px);line-height:1.02;letter-spacing:-.05em;margin-bottom:25px}.hero-description{font-size:14px;line-height:1.8;color:var(--muted);max-width:38ch}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:30px}.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;background:var(--accent);color:var(--bg);font-size:12px;font-weight:600;padding:12px 17px;border-radius:4px}.primary-action span{font-size:18px;font-weight:400;line-height:1}.quiet-action{font-size:12px;color:var(--muted)}.hero-footnote{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-top:28px}.reference{min-width:0;position:relative;z-index:1;scroll-margin-top:30px}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:13px}.preview-label{color:var(--text);font-weight:500}.reference-kind{color:var(--muted);font-size:10px}.reference-frame{border:1px solid var(--line);background:var(--surface);box-shadow:0 24px 60px #0003;position:relative;overflow:hidden}.reference-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid var(--line);padding:8px 12px;min-height:44px}.view-buttons{display:flex;gap:5px}.view-buttons button{background:transparent;color:var(--muted);padding:6px 12px;border-radius:3px;font-size:10px}.view-buttons button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--text)}.enlarge-button{display:flex;align-items:center;gap:7px;background:none;padding:6px;color:var(--muted);font-size:10px}.enlarge-button:hover{color:var(--text)}.image-button{display:block;padding:0;width:100%;background:none;position:relative;text-align:left}.image-button img{width:100%;height:auto}.image-open-hint{position:absolute;right:12px;bottom:12px;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:7px 11px;font-size:10px;opacity:0;transition:opacity .15s}.image-button:hover .image-open-hint,.image-button:focus-visible .image-open-hint{opacity:1}.image-button:focus-visible{outline-offset:-4px;outline:3px solid var(--accent)}.reference-caption{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:var(--muted);margin-top:12px}.hero-instrument{grid-column:1/-1;max-width:100%;padding-top:28px;margin-top:10px;border-top:1px solid var(--line)}.track{display:grid;grid-template-columns:55px 1fr 100px;gap:20px;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);height:39px;color:var(--accent);position:relative}.track:after{content:'';position:absolute;right:120px;top:0;bottom:0;width:1px;background:var(--accent);opacity:.7}.track>span{color:var(--muted);font:9px Consolas,monospace;letter-spacing:.05em}.track b{font-size:10px;font-weight:400;color:var(--muted)}.track svg{width:100%;height:24px;overflow:visible}.track path{fill:none;stroke:currentColor;stroke-width:1.2;vector-effect:non-scaling-stroke}.track:nth-child(2){color:var(--secondary)}.track:nth-child(3){color:#a184ff}.instrument-caption{display:block;text-align:right;color:var(--muted);font-size:10px;margin-top:12px}.drawing-data{display:none}.design-story{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);padding:78px 0 88px}.section-kicker{font-size:11px;color:var(--accent);margin-bottom:20px}h2{font-size:clamp(30px,3vw,46px);line-height:1.15;letter-spacing:-.035em}.section-intro>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);margin-top:23px;max-width:42ch}.design-details>div{padding:22px 0;border-bottom:1px solid var(--line)}.design-details>div:first-child{padding-top:0}.design-details dt{font-size:16px;margin-bottom:8px;font-weight:500}.design-details dd{font-size:13px;color:var(--muted);line-height:1.8;max-width:49ch}.collection{padding:68px 0 90px;border-top:1px solid var(--line)}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px}.collection-heading p{font-size:12px;line-height:1.8;color:var(--muted)}.comparison{width:100%;display:grid;grid-template-columns:88px 170px 1fr 85px;gap:25px;align-items:center;text-align:left;background:none;border-top:1px solid var(--line);padding:22px 12px}.comparison:last-child{border-bottom:1px solid var(--line)}.comparison:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.comparison[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 7%,transparent)}.comparison-name{font-size:17px;font-weight:500}.comparison-name small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:2px}.comparison-description{font-size:12px;color:var(--muted);max-width:45ch}.comparison-state{font-size:10px;text-align:right;color:var(--muted)}.comparison[aria-pressed=true] .comparison-state{color:var(--accent)}.comparison-drawing{height:52px;width:84px;position:relative;display:block;overflow:hidden}.compare-core{background:#0c121e;border:1px solid #2a374b;padding:9px 13px 9px 7px;display:flex;flex-direction:column;justify-content:space-around}.compare-core:after{content:'';position:absolute;right:10px;top:0;bottom:0;border-right:1px solid #59b4ff}.compare-core i{height:4px;border-top:1px solid #59b4ff;transform:skewY(-5deg)}.compare-core i:nth-child(2){border-color:#45e6c4;transform:skewY(7deg)}.compare-core i:nth-child(3){border-color:#a184ff}.compare-oled{background:#000}.compare-oled i{position:absolute;left:8px;right:10px;top:31px;height:1px;background:linear-gradient(90deg,#000,#5fe8d2);transform:rotate(-14deg)}.compare-oled i:last-child{top:21px;background:linear-gradient(90deg,#000,#dfe3e8);transform:rotate(12deg)}.compare-oled:after{content:'';position:absolute;right:10px;top:22px;width:3px;height:3px;background:#5fe8d2;border-radius:50%;box-shadow:0 0 8px #5fe8d2}.compare-aurora{border:1px solid #29443e;border-radius:6px;background:radial-gradient(ellipse at 85% 10%,#8566a88c,transparent 60%),radial-gradient(ellipse at 70% 50%,#55ad7870,transparent 60%),#0b141d}.compare-aurora i{position:absolute;inset:9px 21px 9px 9px;border:1px solid #e0ffea38;border-radius:5px;background:#c9f3d40c}.compare-aurora i:last-child{inset:0 0 0 69px;border-radius:0}.compare-graphite{background:#1d1c1a;border:1px solid #5e5a51}.compare-graphite i{position:absolute;inset:5px;border:1px solid #8b8372}.compare-graphite i:last-child{inset:30px 5px 5px 47px;border-color:#8b8372}.compare-whiteout{background:repeating-linear-gradient(0deg,transparent 0 5px,#e4eaf2 5px 6px),repeating-linear-gradient(90deg,transparent 0 5px,#e4eaf2 5px 6px),#fff;border:1px solid #c3cedc}.compare-whiteout i{position:absolute;left:12px;right:12px;top:26px;border-top:1px solid #2053be}.compare-whiteout i:last-child{left:18px;right:18px;top:19px;bottom:19px;border:1px solid #2053be;border-top:0;border-bottom:0}.compare-plasma{background:#0a0612;border:1px solid #3a2560;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.compare-plasma i{position:absolute;left:13px;top:12px;width:29px;height:29px;border-radius:50%;border:2px solid #ff4fd8;border-bottom-color:#3a2560;transform:rotate(-30deg)}.compare-plasma i:last-child{left:45px;width:25px;height:25px;top:14px;border-color:#3fe0ff;border-bottom-color:#3a2560}.site-footer{display:flex;align-items:center;gap:35px;justify-content:space-between;padding:32px var(--page-pad);border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer-brand{font-size:17px;color:var(--text);font-weight:500;letter-spacing:-.03em}.site-footer>a:last-child{white-space:nowrap}.site-footer p{font-size:10px;line-height:1.7}.scan-sweep{display:none;pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,color-mix(in srgb,var(--accent) 13%,transparent) 49%,var(--accent) 50%,transparent 51%);background-size:100% 200%;z-index:2}.is-switching .scan-sweep{display:block;animation:scan .48s ease-out both}@keyframes scan{from{background-position:0 110%;opacity:.7}to{background-position:0 -100%;opacity:0}}
/* OLED: one open, black stage. */
[data-theme=oled]{--bg:#000;--surface:#000;--text:#f6f7f9;--muted:#a3a8b0;--line:#24282d;--accent:#5fe8d2;--secondary:#dfe3e8;--rail:180px}
[data-theme=oled] .design-rail{padding-top:38px}[data-theme=oled] .rail-symbol{border:0;font-weight:300;font-size:22px}[data-theme=oled] .rail-description{font-size:19px;font-weight:300;margin:42px 0 36px}[data-theme=oled] .theme-choice{border:0;border-left:1px solid transparent;border-radius:0;padding:13px 5px;min-height:60px}[data-theme=oled] .theme-choice[aria-pressed=true]{border-left-color:var(--accent);background:transparent}[data-theme=oled] .theme-glyph{display:none}[data-theme=oled] .theme-choice b{font-weight:400}[data-theme=oled] .hero{grid-template-columns:1fr;text-align:center;padding:66px 0 75px;gap:42px}[data-theme=oled] .design-signature,[data-theme=oled] .hero-actions,[data-theme=oled] .hero-footnote{justify-content:center}[data-theme=oled] h1{font-size:clamp(56px,7.5vw,120px);font-weight:300;letter-spacing:-.055em;line-height:.98}[data-theme=oled] .hero-description{margin:auto;max-width:57ch}[data-theme=oled] .hero-actions{margin-top:24px}[data-theme=oled] .primary-action{background:none;border:1px solid #565d64;border-radius:0;color:var(--text)}[data-theme=oled] .hero-footnote{display:none}[data-theme=oled] .reference{width:100%;max-width:1000px;margin:auto;text-align:left}[data-theme=oled] .reference-frame{border-color:#1a1d21;box-shadow:none;background:#000}[data-theme=oled] .reference-toolbar{padding:8px 0}[data-theme=oled] .hero-instrument{display:none}[data-theme=oled] .design-story{padding-top:90px}[data-theme=oled] h2{font-weight:300}[data-theme=oled] .comparison-drawing{filter:grayscale(.75)}[data-theme=oled] .comparison:hover .comparison-drawing,[data-theme=oled] .comparison[aria-pressed=true] .comparison-drawing{filter:none}
/* Aurora: an atmospheric sky and a translucent right column. */
[data-theme=aurora]{--bg:#0b141d;--surface:#0d1b25;--text:#ebf8f7;--muted:#a0bcbc;--line:#2b4449;--accent:#5ee6b0;--secondary:#b7a2ff;--rail:240px}
[data-theme=aurora] body{background:radial-gradient(ellipse 60% 29% at 77% 8%,#5ee6b025,transparent 90%),radial-gradient(ellipse 45% 32% at 91% 0%,#b7a2ff25,transparent 80%),#0b141d;background-attachment:fixed}[data-theme=aurora] .design-rail{background:linear-gradient(160deg,#b7a2ff0a,#5ee6b012 45%,#0b141d);backdrop-filter:blur(16px);padding:36px 24px 24px;border-left:1px solid #89d9c63a}[data-theme=aurora] .rail-description{font-size:31px;font-weight:300;margin:52px 0 38px}[data-theme=aurora] .theme-choice{border-color:transparent;border-radius:12px;background:#d8fef605;padding:15px 12px}[data-theme=aurora] .theme-choice[aria-pressed=true]{border-color:#83dcb44d;background:#5ee6b013}[data-theme=aurora] .rail-symbol{border-radius:50%;border-color:#5ee6b04d}[data-theme=aurora] .hero{grid-template-columns:1fr;gap:46px;padding-top:72px}[data-theme=aurora] .intro{display:grid;grid-template-columns:1.3fr 1fr;gap:0 50px;align-items:start}[data-theme=aurora] .design-signature{grid-column:1/-1}[data-theme=aurora] h1{font-weight:300;font-size:clamp(48px,5.4vw,88px);grid-row:2/5}[data-theme=aurora] .hero-description{padding-top:5px}[data-theme=aurora] .hero-actions{gap:16px}[data-theme=aurora] .hero-footnote{margin-top:22px}[data-theme=aurora] .primary-action{border-radius:30px;color:#0b141d}[data-theme=aurora] .reference{margin-left:5%;width:95%}[data-theme=aurora] .reference-frame{border-radius:18px;background:#ebf8f707;border-color:#9dfed231;box-shadow:0 24px 90px #0005}[data-theme=aurora] .hero-instrument{display:none}[data-theme=aurora] .design-story{grid-template-columns:1.2fr 1fr;gap:80px}[data-theme=aurora] .design-details{padding:30px;border:1px solid #a1dbc321;border-radius:18px;background:#d6ffee05}[data-theme=aurora] .design-details>div:last-child{border:0;padding-bottom:0}[data-theme=aurora] h2{font-weight:300}
/* Graphite: a framed engineering drawing with right-hand register tabs. */
[data-theme=graphite]{--bg:#1d1c1a;--surface:#24221f;--text:#f4f0e7;--muted:#b1a99a;--line:#514c43;--accent:#e4b970;--secondary:#d1cabd;--heading:Bahnschrift,'Arial Narrow','Segoe UI',sans-serif;--rail:190px}
[data-theme=graphite] body{background:#101010;padding:14px}[data-theme=graphite] .site-shell{border:1px solid #5e5a51}[data-theme=graphite] .page-sheet{background:#1d1c1a;border:1px solid #5e5a51;margin:18px 0 18px 18px;position:relative}[data-theme=graphite] .page-sheet:before,[data-theme=graphite] .page-sheet:after{content:'';position:absolute;top:18px;left:-7px;width:12px;border-top:1px solid #b1a99a;z-index:2}[data-theme=graphite] .page-sheet:after{top:auto;bottom:18px}[data-theme=graphite] .design-rail{background:#101010;border:0;height:calc(100vh - 30px);padding:34px 14px 28px 0}[data-theme=graphite] .rail-heading,[data-theme=graphite] .rail-description,[data-theme=graphite] .rail-note,[data-theme=graphite] .rail-foot{margin-left:18px}[data-theme=graphite] .rail-description{font-family:var(--heading);font-size:23px}[data-theme=graphite] .theme-choice{border:1px solid #5e5a51;border-left:0;border-radius:0 5px 5px 0;min-height:67px;background:#24221f;padding-left:18px}[data-theme=graphite] .theme-choice[aria-pressed=true]{background:#363126;border-color:#e4b970;border-left:4px solid #e4b970;padding-left:14px}[data-theme=graphite] .theme-glyph{display:none}[data-theme=graphite] .site-header{height:80px}[data-theme=graphite] .hero{grid-template-columns:1fr;padding:42px 0 52px;gap:32px}[data-theme=graphite] .intro{display:grid;grid-template-columns:1.2fr 1fr;gap:0 45px}[data-theme=graphite] .design-signature{grid-column:1/-1;margin-bottom:22px}[data-theme=graphite] h1{font-size:clamp(42px,5.3vw,82px);font-weight:600;letter-spacing:-.045em;grid-row:2/5}[data-theme=graphite] .hero-description{font-size:13px}[data-theme=graphite] .hero-actions{margin-top:20px}[data-theme=graphite] .primary-action{background:none;border:1px solid var(--accent);border-radius:0;color:var(--accent)}[data-theme=graphite] .hero-footnote{display:none}[data-theme=graphite] .reference-frame{box-shadow:none;border-color:#5e5a51}[data-theme=graphite] .hero-instrument{display:none}[data-theme=graphite] .drawing-data{display:grid;grid-template-columns:1fr 1.3fr 1fr;border:1px solid #5e5a51;justify-self:end;width:80%;margin-top:0}[data-theme=graphite] .drawing-data>div{padding:10px 13px;border-right:1px solid #5e5a51}[data-theme=graphite] .drawing-data>div:last-child{border:0}[data-theme=graphite] .drawing-data dt{font-size:9px;color:var(--muted)}[data-theme=graphite] .drawing-data dd{font-size:11px;font-family:var(--heading);margin-top:3px}[data-theme=graphite] .design-story{gap:55px;padding:56px 0}[data-theme=graphite] .section-kicker{color:var(--muted)}[data-theme=graphite] .comparison{grid-template-columns:70px 150px 1fr 70px;gap:18px}[data-theme=graphite] .comparison-drawing{width:68px;height:44px}
/* Whiteout: top tabs, blue drafting ink and a bright paper surface. */
[data-theme=whiteout]{--bg:#fff;--surface:#fafbfd;--text:#141d2b;--muted:#4e5b6d;--line:#c3cedc;--accent:#2053be;--secondary:#b42318;--heading:Bahnschrift,'Arial Narrow','Segoe UI',sans-serif;color-scheme:light}
[data-theme=whiteout] .site-shell{display:flex;flex-direction:column}[data-theme=whiteout] .design-rail{position:relative;height:auto;max-height:none;display:flex;flex-direction:row;align-items:center;padding:16px var(--page-pad);gap:28px;background:#fff;border:0;border-bottom:1px solid var(--line);order:1}[data-theme=whiteout] .page-sheet{display:contents}[data-theme=whiteout] .site-header{order:0;border-bottom:0;height:85px}[data-theme=whiteout] main{order:2}[data-theme=whiteout] .site-footer{order:3}[data-theme=whiteout] .rail-heading{white-space:nowrap}[data-theme=whiteout] .rail-symbol{display:none}[data-theme=whiteout] .rail-description,[data-theme=whiteout] .rail-note,[data-theme=whiteout] .rail-foot{display:none}[data-theme=whiteout] .theme-choices{flex-direction:row;flex:1;justify-content:space-between;gap:10px}[data-theme=whiteout] .theme-choice{border:0;border-radius:0;min-height:46px;padding:7px 13px;background:none;border-bottom:2px solid transparent;flex:1}[data-theme=whiteout] .theme-choice[aria-pressed=true]{border-bottom-color:var(--accent);background:#2053be06}[data-theme=whiteout] .theme-glyph,[data-theme=whiteout] .choice-mark{display:none}[data-theme=whiteout] .hero{grid-template-columns:1fr;gap:38px;padding:65px 0 48px;max-width:1320px;margin:auto}[data-theme=whiteout] .intro{display:grid;grid-template-columns:1.1fr 1fr;gap:0 95px}[data-theme=whiteout] .design-signature{grid-column:1/-1}[data-theme=whiteout] h1{font-size:clamp(50px,6.6vw,96px);font-weight:500;grid-row:2/5;letter-spacing:-.045em}[data-theme=whiteout] .hero-description{max-width:40ch;font-size:15px;padding-top:6px}[data-theme=whiteout] .primary-action{color:#fff;border-radius:0}[data-theme=whiteout] .hero-footnote{display:none}[data-theme=whiteout] .reference{padding:28px;background-image:linear-gradient(#e4eaf2 1px,transparent 1px),linear-gradient(90deg,#e4eaf2 1px,transparent 1px);background-size:20px 20px;border:1px solid var(--line)}[data-theme=whiteout] .preview-header{background:white;width:fit-content;padding-right:16px;gap:22px}[data-theme=whiteout] .reference-frame{box-shadow:0 10px 35px #1d375014;background:white;border-color:#8d9fb9}[data-theme=whiteout] .reference-caption{background:white;padding:5px 0;margin-bottom:-5px}[data-theme=whiteout] .hero-instrument{display:none}[data-theme=whiteout] .drawing-data{display:grid;grid-template-columns:1fr 1.3fr 1fr;border:1px solid var(--line);width:65%;justify-self:end;position:relative}[data-theme=whiteout] .drawing-data:before{content:'';position:absolute;left:-44px;right:-12px;top:50%;border-top:1px solid var(--accent);z-index:-1}[data-theme=whiteout] .drawing-data>div{padding:10px 15px;border-right:1px solid var(--line);background:white}[data-theme=whiteout] .drawing-data dt{font-size:10px;color:var(--muted)}[data-theme=whiteout] .drawing-data dd{font-size:12px;margin-top:4px;font-family:var(--heading)}[data-theme=whiteout] .design-story,[data-theme=whiteout] .collection{max-width:1320px;margin:auto}[data-theme=whiteout] .design-story{grid-template-columns:1fr 1.15fr;gap:130px}[data-theme=whiteout] .design-details>div{position:relative;padding-left:28px}[data-theme=whiteout] .design-details>div:before{content:'';position:absolute;left:0;top:29px;width:9px;height:9px;border:1px solid var(--accent);border-radius:50%}[data-theme=whiteout] .design-details>div:first-child:before{top:7px}
/* Plasma: a left rail and chamfered cockpit surfaces. */
[data-theme=plasma]{--bg:#0a0612;--surface:#140d24;--text:#f3eeff;--muted:#b4a6cf;--line:#3a2560;--accent:#ff4fd8;--secondary:#3fe0ff;--heading:Bahnschrift,'Arial Narrow','Segoe UI',sans-serif;--rail:185px}
[data-theme=plasma] .site-shell{grid-template-columns:var(--rail) minmax(0,1fr)}[data-theme=plasma] .design-rail{grid-column:1;border-left:0;border-right:1px solid var(--line);background:#10091b}[data-theme=plasma] .page-sheet{grid-column:2}[data-theme=plasma] .rail-heading{color:var(--secondary)}[data-theme=plasma] .rail-symbol{border:0;color:var(--accent);font-size:22px}[data-theme=plasma] .rail-description{font-family:var(--heading);font-size:25px;line-height:1.2}[data-theme=plasma] .theme-choice{border-radius:0;min-height:64px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}[data-theme=plasma] .theme-choice[aria-pressed=true]{border-left:3px solid var(--accent)}[data-theme=plasma] .theme-choice small{font-size:9px}[data-theme=plasma] .hero{grid-template-columns:.8fr 1.5fr;padding-top:75px;gap:30px;min-height:770px}[data-theme=plasma] h1{font-size:clamp(44px,5vw,78px);font-weight:600;letter-spacing:-.04em}[data-theme=plasma] .primary-action{border-radius:0;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);color:#0a0612}[data-theme=plasma] .reference-frame{border-color:#6c3b89;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:none}[data-theme=plasma] .reference:before{content:'';position:absolute;width:220px;height:220px;border:1px solid #ff4fd826;border-radius:50%;top:-48px;right:-25px;z-index:-1;background:radial-gradient(circle,transparent 59%,#ff4fd808 60%,transparent 61%)}[data-theme=plasma] .reference:after{content:'';position:absolute;width:125px;height:125px;border:1px dashed #3fe0ff35;border-radius:50%;bottom:-35px;left:-40px;z-index:-1}[data-theme=plasma] .hero-instrument{grid-column:1/-1;display:flex;gap:35px;padding-top:30px;align-items:center}[data-theme=plasma] .track{display:grid;grid-template-columns:42px auto;height:74px;border:0;flex:1;gap:10px}[data-theme=plasma] .track>span{display:grid;place-items:center;width:58px;height:58px;border:2px solid var(--accent);border-bottom-color:var(--line);border-radius:50%;font:11px var(--heading);color:var(--text)}[data-theme=plasma] .track svg,[data-theme=plasma] .track:after{display:none}[data-theme=plasma] .track b{padding-left:12px}[data-theme=plasma] .track:nth-child(2)>span{border-color:var(--secondary);border-bottom-color:var(--line)}[data-theme=plasma] .track:nth-child(3)>span{border-color:#b98cff;border-bottom-color:var(--line)}[data-theme=plasma] .instrument-caption{display:none}[data-theme=plasma] .design-story{gap:65px}[data-theme=plasma] .section-kicker{color:var(--secondary)}
/* Native lightbox is the only overlay. */
dialog{max-width:min(96vw,1600px);width:96vw;max-height:94vh;padding:0;border:1px solid var(--line);background:var(--bg);color:var(--text);box-shadow:0 35px 120px #0008}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:2}.dialog-header h2{font-size:18px;letter-spacing:-.02em}.dialog-header p{font-size:11px;color:var(--muted);margin-top:3px}.dialog-actions{display:flex;gap:10px}.dialog-actions button{min-height:42px;border:1px solid var(--line);background:var(--surface);padding:8px 15px;font-size:12px;white-space:nowrap}.dialog-actions button[aria-pressed=true]{border-color:var(--accent)}#close-preview span{font-size:19px;padding-left:10px}.dialog-image-container{overflow:auto;max-height:calc(94vh - 90px);padding:12px}.dialog-image-container img{width:100%;height:auto}.dialog-image-container.is-zoomed img{width:auto;max-width:none}.noscript-note{padding:15px;background:var(--surface);color:var(--text)}
@media(min-width:1700px){.hero{min-height:850px;gap:55px}.hero-description{font-size:16px}.theme-choice b{font-size:14px}.theme-choice small{font-size:11px}.reference-caption{font-size:10px}}
@media(max-width:1150px){:root{--page-pad:32px;--rail:178px}.site-header{gap:20px}.sample-badge{display:none}.hero{grid-template-columns:1fr;padding-top:54px;gap:38px;min-height:0}.intro{max-width:650px}.hero h1{font-size:62px}.hero-description{max-width:55ch}.hero-actions{margin-top:24px}.hero-footnote{display:none}.hero-instrument{padding-top:18px}.design-story{gap:48px}.comparison{grid-template-columns:66px 130px 1fr;gap:20px;padding:20px 0}.comparison-drawing{width:66px;height:44px}.comparison-state{display:none}.rail-description{font-size:21px}.theme-choice{gap:9px;padding:12px 9px}.theme-choice small{font-size:9px}.theme-glyph{width:14px;height:14px;flex-basis:14px}.choice-mark{width:4px;height:4px}[data-theme=aurora]{--rail:195px}[data-theme=aurora] .design-rail{padding:32px 17px}[data-theme=aurora] .hero .intro{grid-template-columns:1fr;max-width:none}[data-theme=aurora] .hero h1{grid-row:auto;font-size:65px}[data-theme=aurora] .hero .hero-description{max-width:54ch}[data-theme=aurora] .hero .hero-footnote{display:none}[data-theme=aurora] .reference{width:100%;margin-left:0}[data-theme=aurora] .design-story{gap:35px}[data-theme=aurora] .design-details{padding:20px}[data-theme=graphite]{--rail:165px;--page-pad:26px}[data-theme=graphite] .hero .intro{grid-template-columns:1fr}[data-theme=graphite] .hero h1{grid-row:auto}[data-theme=graphite] .drawing-data{width:100%}[data-theme=graphite] .comparison{grid-template-columns:66px 130px 1fr}[data-theme=whiteout] .design-rail{gap:12px}[data-theme=whiteout] .rail-heading{display:none}[data-theme=whiteout] .intro{gap:0 42px;max-width:none}[data-theme=whiteout] .design-story{gap:65px}[data-theme=plasma]{--rail:165px}[data-theme=plasma] .hero{grid-template-columns:1fr;min-height:0;padding-top:50px}[data-theme=plasma] .hero-instrument{gap:10px}[data-theme=plasma] .track{grid-template-columns:40px 1fr}[data-theme=plasma] .track>span{width:48px;height:48px}[data-theme=plasma] .track b{font-size:9px}}
@media(max-width:800px){:root{--page-pad:24px;scroll-padding-top:18px}.site-shell,[data-theme=plasma] .site-shell{display:flex;flex-direction:column}.page-sheet,[data-theme=graphite] .page-sheet,[data-theme=whiteout] .page-sheet{display:contents}.site-header,[data-theme=graphite] .site-header,[data-theme=whiteout] .site-header{order:0;height:78px;margin:0 var(--page-pad);gap:20px}.brand{font-size:21px}.site-nav{font-size:11px;gap:17px}.design-rail,[data-theme=oled] .design-rail,[data-theme=aurora] .design-rail,[data-theme=graphite] .design-rail,[data-theme=whiteout] .design-rail,[data-theme=plasma] .design-rail{order:1;position:relative;top:auto;height:auto;max-height:none;display:block;padding:16px var(--page-pad) 18px;border:0;border-bottom:1px solid var(--line);background:var(--bg);backdrop-filter:none}.rail-heading,[data-theme=whiteout] .rail-heading{display:block;font-size:10px;margin:0 0 10px;color:var(--muted)}.rail-symbol,.rail-description,.rail-note,.rail-foot,[data-theme=aurora] .rail-description,[data-theme=graphite] .rail-description,[data-theme=plasma] .rail-description,[data-theme=oled] .rail-description{display:none}.theme-choices,[data-theme=whiteout] .theme-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.theme-choice,[data-theme=oled] .theme-choice,[data-theme=aurora] .theme-choice,[data-theme=graphite] .theme-choice,[data-theme=whiteout] .theme-choice,[data-theme=plasma] .theme-choice{min-height:45px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:4px;gap:8px;background:transparent}.theme-choice[aria-pressed=true],[data-theme=graphite] .theme-choice[aria-pressed=true],[data-theme=whiteout] .theme-choice[aria-pressed=true]{padding:10px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.theme-choice b{font-size:11px;white-space:nowrap}.theme-choice small,.choice-mark{display:none!important}.theme-glyph,[data-theme=oled] .theme-glyph,[data-theme=graphite] .theme-glyph,[data-theme=whiteout] .theme-glyph{display:block;flex-basis:12px;width:12px;height:12px}main,[data-theme=whiteout] main{order:2}.site-footer,[data-theme=whiteout] .site-footer{order:3;flex-wrap:wrap;gap:18px;padding-top:25px;padding-bottom:25px}.site-footer p{order:3;width:100%;font-size:9px}.site-footer>a:last-child{margin-left:auto}.hero,[data-theme=oled] .hero,[data-theme=aurora] .hero,[data-theme=graphite] .hero,[data-theme=whiteout] .hero,[data-theme=plasma] .hero{padding:44px 0 45px;gap:36px;display:grid;grid-template-columns:1fr;min-height:0}.intro,[data-theme=aurora] .hero .intro,[data-theme=graphite] .hero .intro,[data-theme=whiteout] .intro{display:block;max-width:none}.design-signature{margin-bottom:22px;font-size:11px}.concept-name{font-size:10px}.hero h1,[data-theme=aurora] .hero h1,[data-theme=graphite] .hero h1,[data-theme=whiteout] .hero h1,[data-theme=plasma] .hero h1{font-size:clamp(46px,10.5vw,76px);line-height:1.02;margin-bottom:22px}.hero-description,[data-theme=whiteout] .hero-description{font-size:13px;line-height:1.8;max-width:55ch}.hero-actions{margin-top:25px;gap:19px}.primary-action{font-size:11px;min-height:44px}.quiet-action{font-size:11px}.reference{width:100%}.reference-kind{font-size:9px}.preview-header{font-size:10px;margin-bottom:10px}.reference-toolbar{padding:5px 8px;min-height:43px}.view-buttons button{font-size:10px;padding:7px 9px;min-height:32px}.enlarge-button{min-height:32px}.reference-caption{font-size:8px;gap:12px}.reference-caption>span:last-child{white-space:nowrap}.hero-instrument{margin-top:0;padding-top:16px}.track{grid-template-columns:38px 1fr 78px;gap:12px;height:32px}.track:after{right:90px}.track>span{font-size:8px}.track b{font-size:9px}.instrument-caption{font-size:9px}.design-story,[data-theme=aurora] .design-story,[data-theme=graphite] .design-story,[data-theme=whiteout] .design-story,[data-theme=plasma] .design-story{grid-template-columns:1fr;gap:35px;padding:48px 0 52px}.section-kicker{font-size:10px;margin-bottom:16px}h2{font-size:34px}.section-intro>p:last-child{font-size:13px;max-width:58ch;margin-top:20px}.design-details dt{font-size:15px}.design-details dd{font-size:12px;max-width:65ch}.design-details>div{padding:19px 0}.collection{padding:48px 0 56px}.collection-heading{display:block;margin-bottom:28px}.collection-heading h2{font-size:32px}.collection-heading p{font-size:12px;margin-top:16px}.collection-heading p br{display:none}.comparison,[data-theme=graphite] .comparison{grid-template-columns:66px 1fr;gap:3px 17px;padding:20px 0}.comparison-drawing{grid-row:1/3;align-self:start;margin-top:4px}.comparison-name{font-size:16px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.comparison-name small{font-size:10px}.comparison-description{grid-column:2;font-size:11px;line-height:1.6}.comparison-state{display:none}[data-theme=oled] .hero h1{font-size:clamp(48px,10.8vw,80px);font-weight:300}[data-theme=oled] .hero{gap:38px}[data-theme=oled] .hero .hero-description{max-width:50ch}[data-theme=aurora] body{background-attachment:scroll;background:radial-gradient(ellipse 150% 24% at 105% 20%,#5ee6b01f,transparent),#0b141d}[data-theme=aurora] .design-rail{background:#0b141d}[data-theme=aurora] .reference-frame{border-radius:10px}[data-theme=aurora] .design-details{padding:22px}[data-theme=graphite] body{padding:0}[data-theme=graphite] .site-shell{border:0}[data-theme=graphite] .theme-choice{border-radius:0}[data-theme=graphite] .drawing-data,[data-theme=whiteout] .drawing-data{width:100%;grid-template-columns:1fr 1fr}[data-theme=graphite] .drawing-data>div,[data-theme=whiteout] .drawing-data>div{padding:9px 10px}[data-theme=graphite] .drawing-data>div:last-child,[data-theme=whiteout] .drawing-data>div:last-child{display:none}[data-theme=whiteout] .reference{padding:12px}[data-theme=whiteout] .preview-header{gap:10px}[data-theme=whiteout] .reference-caption{display:block;background:white}[data-theme=whiteout] .reference-caption>span:last-child{display:none}[data-theme=whiteout] .drawing-data:before{display:none}[data-theme=whiteout] .hero{gap:30px}[data-theme=plasma] .reference:before{width:130px;height:130px;right:-10px;top:-20px}[data-theme=plasma] .reference:after{left:-12px;width:75px;height:75px;bottom:-15px}[data-theme=plasma] .hero-instrument{padding-top:18px;gap:5px}[data-theme=plasma] .track{display:flex;flex-direction:column;gap:8px;height:auto}[data-theme=plasma] .track b{padding:0;font-size:10px}[data-theme=plasma] .track>span{width:48px;height:48px;font-size:10px}.dialog-header{padding:12px;gap:10px;align-items:flex-start}.dialog-header h2{font-size:14px}.dialog-header p{font-size:9px;max-width:30ch}.dialog-actions{gap:6px}.dialog-actions button{font-size:10px;padding:7px 10px}.dialog-actions #close-preview span{display:none}.dialog-image-container{padding:6px}#zoom-preview{display:none}}
@media(max-width:360px){:root{--page-pad:18px}.site-nav{gap:12px;font-size:10px}.brand{font-size:19px}.theme-choice{padding:8px!important}.theme-choice b{font-size:10px}.theme-glyph{display:none!important}.comparison-name{gap:4px 8px}.hero-actions{gap:13px}.reference-caption>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scan-sweep{display:none!important}}
@media(max-width:800px){.dialog-header{flex-wrap:wrap}.dialog-actions{margin-left:auto}#zoom-preview{display:inline-block}.dialog-image-container{max-height:calc(94vh - 128px)}}
.site-nav a,.quiet-action,.site-footer>a{display:inline-flex;align-items:center;min-height:24px}

/* Keep focus inside clipped instrument controls; short windows retain every design. */
[data-theme=plasma] .theme-choice:focus-visible,
[data-theme=plasma] .primary-action:focus-visible { outline-offset: -4px; }
@media (min-width: 801px) {
  .design-rail { overflow-y: auto; }
  .design-rail > * { flex-shrink: 0; }
  .design-rail .theme-choice:focus-visible { outline-offset: -4px; }
}

/* V2: put the product and readable references first. */
:root{--rail:154px}
[data-theme=oled]{--rail:144px}
[data-theme=aurora]{--rail:176px}
[data-theme=graphite]{--rail:152px}
[data-theme=plasma]{--rail:150px}
.rail-description,.rail-note,.rail-foot,.theme-choice small,.rail-symbol,.choice-mark{display:none!important}
.design-rail,[data-theme=aurora] .design-rail,[data-theme=graphite] .design-rail{padding:34px 14px 24px}
.rail-heading{font-size:11px;margin:0 0 24px!important}
.theme-choice,[data-theme=oled] .theme-choice,[data-theme=aurora] .theme-choice,[data-theme=graphite] .theme-choice,[data-theme=plasma] .theme-choice{min-height:43px;padding:10px;gap:8px}
.theme-choice b{font-size:12px;white-space:nowrap}.theme-glyph{width:13px;height:13px;flex-basis:13px}
[data-theme=graphite] .theme-choice[aria-pressed=true]{padding-left:7px}
[data-theme=graphite] body{padding:0;background:#1d1c1a}
[data-theme=graphite] .site-shell,[data-theme=graphite] .page-sheet{border:0;margin:0}
[data-theme=graphite] .page-sheet:before,[data-theme=graphite] .page-sheet:after,[data-theme=graphite] .drawing-data{display:none}
[data-theme=graphite] .design-rail{border-left:1px solid #5e5a51;height:100vh}
[data-theme=graphite] .theme-choice{border:0;border-left:2px solid transparent;background:none;border-radius:0}
[data-theme=graphite] .theme-choice[aria-pressed=true]{border-left:2px solid var(--accent);padding-left:10px}
[data-theme=graphite] .reference-frame{border-color:#514c43}
[data-theme=core] .hero{grid-template-columns:1fr;min-height:0;padding-top:58px;gap:36px}
[data-theme=core] .intro{display:grid;grid-template-columns:1.15fr 1fr;gap:0 60px;max-width:none;align-items:start}
[data-theme=core] .design-signature{grid-column:1/-1}
[data-theme=core] h1{grid-row:2/5;font-size:clamp(48px,5.1vw,80px);margin-bottom:0}
[data-theme=core] .hero-description{max-width:40ch;padding-top:5px}
[data-theme=core] .hero-actions{margin-top:22px}
.hero-footnote{display:none}
[data-theme=plasma] .hero{grid-template-columns:.7fr 1.9fr;min-height:650px;gap:30px;padding-top:64px;padding-bottom:64px}
[data-theme=plasma] h1{font-size:clamp(40px,4vw,68px);letter-spacing:-.045em}
[data-theme=plasma] .hero-actions{gap:14px}
[data-theme=plasma] .reference:before,[data-theme=plasma] .reference:after{display:none}
[data-theme=whiteout] .design-rail{position:sticky;top:0;z-index:5;padding-top:10px;padding-bottom:10px}
[data-theme=whiteout] .theme-choice{min-height:39px}
.telemetry-demo{display:grid;grid-template-columns:.8fr 1.35fr;gap:60px;align-items:center;padding:64px 0 72px;border-top:1px solid var(--line)}
.demo-intro h2{font-size:clamp(28px,2.8vw,43px)}
.demo-intro>p:last-child{font-size:13px;line-height:1.8;color:var(--muted);margin-top:22px;max-width:40ch}
.demo-instrument{min-width:0}
.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.series-controls{display:flex;gap:7px}
.series-controls button{display:flex;gap:8px;align-items:center;min-height:36px;padding:7px 12px;background:transparent;border:1px solid var(--line);color:var(--muted);font-size:11px;border-radius:3px}
.series-controls button[aria-pressed=true]{color:var(--text);background:var(--surface)}
.series-controls button[aria-pressed=false] .series-key{background:transparent;border:1px solid var(--muted)}
.series-key{display:block;width:7px;height:7px;border-radius:50%}.cpu-key{background:var(--accent)}.gpu-key{background:var(--secondary)}
.demo-unit{font-size:10px;color:var(--muted)}
#sample-graph{display:block;width:100%;height:auto;margin-top:15px;touch-action:none;cursor:crosshair;user-select:none}
.graph-grid path{fill:none;stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
.graph-grid text{fill:var(--muted);font:11px var(--body);text-anchor:end}
.temperature-trace{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.cpu-trace{stroke:var(--accent)}.gpu-trace{stroke:var(--secondary);stroke-dasharray:5 4}
.sample-cursor{stroke:var(--muted);stroke-width:1;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}
.sample-point{stroke:var(--bg);stroke-width:2;vector-effect:non-scaling-stroke}.cpu-point{fill:var(--accent)}.gpu-point{fill:var(--secondary)}
.demo-readings{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 0 15px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.sample-time{font-size:21px;color:var(--text);font-weight:500}.demo-readings output{font-size:13px;color:var(--text)}
.demo-scrubber{display:flex;align-items:center;gap:18px;padding-top:13px}.demo-scrubber label{font-size:10px;white-space:nowrap;color:var(--muted)}
#sample-position{flex:1;min-width:0;height:30px;margin:0;accent-color:var(--accent);cursor:pointer}#sample-position:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.demo-help{font-size:10px;line-height:1.6;color:var(--muted);margin-top:4px}
[data-theme=aurora] .demo-instrument{padding:24px;border:1px solid #a1dbc326;border-radius:16px;background:#d6ffee05}
[data-theme=whiteout] .telemetry-demo{max-width:1320px;margin:auto}
[data-theme=whiteout] .demo-instrument{padding:20px;border:1px solid var(--line);background:var(--surface)}
[data-theme=oled] .telemetry-demo{grid-template-columns:.9fr 1.4fr;gap:70px}
[data-theme=plasma] .demo-toolbar{border-top:1px solid var(--line);padding-top:15px}
.collection{padding:0!important}
#design-comparison>summary{cursor:pointer;display:flex;gap:24px;align-items:center;min-height:84px;padding:22px 0;font-size:21px;list-style:none;font-family:var(--heading);letter-spacing:-.025em}
#design-comparison>summary::-webkit-details-marker{display:none}
#design-comparison>summary>span{margin-left:auto;font:11px var(--body);color:var(--muted);letter-spacing:0}
#design-comparison>summary:after{content:'+';font:26px var(--body);color:var(--accent);width:22px;text-align:center}
#design-comparison[open]>summary:after{content:'−'}
#design-comparison>summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
#design-comparison .comparison-list{padding-bottom:28px}
.comparison{cursor:default}
.comparison:hover{background:transparent}
.comparison[data-current=true],.comparison[data-current=true]:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.comparison[data-current=true] .comparison-state{color:var(--accent)}
@media(max-width:1150px){.comparison[data-current=true] .comparison-state{display:block;grid-column:2/-1;text-align:left;margin-top:3px}}
[data-theme=oled] .comparison:hover .comparison-drawing{filter:grayscale(.75)}
[data-theme=oled] .comparison[data-current=true] .comparison-drawing{filter:none}
.demo-readings .sample-time{font-variant-numeric:tabular-nums;min-width:6ch}
.demo-readings output{font-variant-numeric:tabular-nums;min-width:0;width:28ch;white-space:nowrap;text-align:right}
#sample-position{appearance:none;-webkit-appearance:none;background:transparent;--sample-progress:50%;padding:0}
#sample-position::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--accent) 0 var(--sample-progress),var(--line) var(--sample-progress) 100%)}
#sample-position::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7px;border:3px solid var(--bg);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent);cursor:grab;transition:none}
#sample-position::-moz-range-track{height:4px;border-radius:4px;background:var(--line)}
#sample-position::-moz-range-progress{height:4px;border-radius:4px;background:var(--accent)}
#sample-position::-moz-range-thumb{width:12px;height:12px;border:3px solid var(--bg);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent);cursor:grab;transition:none}
#sample-position:active::-webkit-slider-thumb{cursor:grabbing}
#sample-position:active::-moz-range-thumb{cursor:grabbing}
.beta-invitation{display:grid;grid-template-columns:1fr auto;gap:20px 35px;padding:56px 0 48px;border-top:1px solid var(--line);align-items:center}
.beta-invitation h2{font-size:clamp(27px,2.8vw,42px)}
.beta-invitation>div>p{color:var(--muted);font-size:13px;margin-top:14px}
.beta-draft-note{grid-column:1/-1;font-size:10px;color:var(--muted);text-align:right;max-width:none}
.product-availability{font-size:11px;line-height:1.75;color:var(--muted);margin-top:22px;max-width:44ch}
[data-theme=oled] .product-availability{margin-left:auto;margin-right:auto}
.product-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:48px 0 52px;border-top:1px solid var(--line)}
.product-details article+article{padding-left:28px;border-left:1px solid var(--line)}
.product-details h2{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin-bottom:15px}
.product-details p{font-size:13px;line-height:1.8;color:var(--muted);max-width:40ch}
[data-theme=whiteout] .product-details{max-width:1320px;margin:auto}
.beta-invitation .section-kicker{margin-bottom:14px}
.beta-invitation>div>p.beta-access-note{font-size:11px;line-height:1.75;max-width:64ch}
.footer-links{display:flex;flex-wrap:wrap;gap:16px;flex-shrink:0;margin-left:auto}
.footer-links a{display:inline-flex;align-items:center;min-height:28px}
.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.product-availability{font-size:10px;margin-top:18px}.product-details{grid-template-columns:1fr;gap:24px;padding:38px 0}.product-details article+article{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.product-details h2{font-size:20px;margin-bottom:12px}.product-details p{font-size:12px;max-width:60ch}.footer-links{font-size:10px;gap:14px}.site-footer p{max-width:65ch}.beta-invitation>div>p.beta-access-note{font-size:10px}}
[data-theme=whiteout] .beta-invitation{max-width:1320px;margin:auto}
@media(min-width:801px){[data-theme=whiteout]{scroll-padding-top:90px}}
@media(max-width:1150px){[data-theme=core] .intro{gap:0 35px}[data-theme=plasma] .hero{grid-template-columns:1fr;min-height:0;gap:35px}[data-theme=plasma] .intro{max-width:650px}[data-theme=plasma] h1{font-size:60px}.telemetry-demo,[data-theme=oled] .telemetry-demo{grid-template-columns:1fr;gap:30px}.demo-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.demo-intro .section-kicker{grid-column:1/-1}.demo-intro>p:last-child{margin-top:3px}[data-theme=aurora] .demo-instrument{padding:20px}}
@media(max-width:800px){.design-rail,[data-theme=oled] .design-rail,[data-theme=aurora] .design-rail,[data-theme=graphite] .design-rail,[data-theme=whiteout] .design-rail,[data-theme=plasma] .design-rail{position:sticky;top:0;z-index:5;padding:9px var(--page-pad);height:auto;max-height:none;border-left:0;border-bottom:1px solid var(--line);background:var(--bg)}.rail-heading,[data-theme=whiteout] .rail-heading{display:none}.theme-choices,[data-theme=whiteout] .theme-choices{gap:5px}.theme-choice,[data-theme=oled] .theme-choice,[data-theme=aurora] .theme-choice,[data-theme=graphite] .theme-choice,[data-theme=whiteout] .theme-choice,[data-theme=plasma] .theme-choice{min-height:33px;padding:7px 9px!important}.theme-choice b{font-size:10px}[data-theme=core] .hero,[data-theme=plasma] .hero{padding:39px 0 42px;gap:30px}[data-theme=core] .intro{display:block}[data-theme=core] h1,[data-theme=plasma] h1{font-size:clamp(43px,10.2vw,68px);margin-bottom:22px}[data-theme=core] .hero-description{padding:0;max-width:50ch}:root{scroll-padding-top:110px}.reference{scroll-margin-top:110px}.telemetry-demo,[data-theme=oled] .telemetry-demo{padding:45px 0 48px;gap:25px}.demo-intro{display:block}.demo-intro h2{font-size:30px}.demo-intro>p:last-child{margin-top:19px;max-width:55ch}.demo-toolbar{gap:12px}.demo-unit{font-size:9px}.demo-readings{gap:10px}.demo-readings output{font-size:12px}.sample-time{font-size:19px}[data-theme=aurora] .demo-instrument,[data-theme=whiteout] .demo-instrument{padding:15px}.demo-help{font-size:9px}.demo-scrubber{gap:12px}#design-comparison>summary{min-height:74px;font-size:19px;gap:10px}#design-comparison>summary>span{display:none}#design-comparison>summary:after{margin-left:auto}.beta-invitation{grid-template-columns:1fr;padding:40px 0;gap:22px}.beta-invitation .primary-action{justify-self:start}.beta-invitation h2{font-size:29px}.beta-invitation>div>p{font-size:12px}.beta-draft-note{grid-column:1;text-align:left;font-size:9px;overflow-wrap:anywhere}}