@property --bg{syntax:"<color>";inherits:true;initial-value:#070808}@property --body-glow{syntax:"<color>";inherits:true;initial-value:rgba(242,160,31,0.13)}@property --body-wash{syntax:"<color>";inherits:true;initial-value:rgba(39,200,211,0.09)}@property --grid-line{syntax:"<color>";inherits:true;initial-value:rgba(255,255,255,0.026)}@property --panel{syntax:"<color>";inherits:true;initial-value:rgba(11,13,13,0.88)}@property --panel-strong{syntax:"<color>";inherits:true;initial-value:rgba(16,18,18,0.96)}@property --ink{syntax:"<color>";inherits:true;initial-value:#f1f4ee}@property --copy{syntax:"<color>";inherits:true;initial-value:#c9cec7}@property --panel-copy{syntax:"<color>";inherits:true;initial-value:#c6cbc4}@property --muted{syntax:"<color>";inherits:true;initial-value:#9ba39b}@property --dim{syntax:"<color>";inherits:true;initial-value:#5c635f}@property --chip-ink{syntax:"<color>";inherits:true;initial-value:#dfe5db}@property --setting-label{syntax:"<color>";inherits:true;initial-value:#f4e2bb}@property --chip-bg{syntax:"<color>";inherits:true;initial-value:rgba(255,255,255,0.045)}@property --chip-border{syntax:"<color>";inherits:true;initial-value:rgba(255,255,255,0.12)}@property --control-bg{syntax:"<color>";inherits:true;initial-value:rgba(255,255,255,0.035)}@property --control-hover{syntax:"<color>";inherits:true;initial-value:rgba(242,160,31,0.16)}@property --control-active{syntax:"<color>";inherits:true;initial-value:rgba(242,160,31,0.18)}@property --control-active-border{syntax:"<color>";inherits:true;initial-value:rgba(242,160,31,0.48)}@property --control-active-shadow{syntax:"<color>";inherits:true;initial-value:rgba(242,160,31,0.12)}@property --rule{syntax:"<color>";inherits:true;initial-value:rgba(255,255,255,0.1)}@property --watch-shadow{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0.72)}@property --line{syntax:"<color>";inherits:true;initial-value:rgba(242,160,31,0.76)}@property --orange{syntax:"<color>";inherits:true;initial-value:#f2a01f}@property --cyan{syntax:"<color>";inherits:true;initial-value:#27c8d3}@property --green{syntax:"<color>";inherits:true;initial-value:#a8d640}@property --red{syntax:"<color>";inherits:true;initial-value:#e45742}@property --border{syntax:"<color>";inherits:true;initial-value:rgba(242,160,31,0.26)}@property --focus-ring{syntax:"<color>";inherits:true;initial-value:#ffd166}:root{--bg:#070808;--body-glow:rgba(242, 160, 31, 0.13);--body-wash:rgba(39, 200, 211, 0.09);--grid-line:rgba(255, 255, 255, 0.026);--panel:rgba(11, 13, 13, 0.88);--panel-strong:rgba(16, 18, 18, 0.96);--ink:#f1f4ee;--copy:#c9cec7;--panel-copy:#c6cbc4;--muted:#9ba39b;--dim:#5c635f;--chip-ink:#dfe5db;--setting-label:#f4e2bb;--chip-bg:rgba(255, 255, 255, 0.045);--chip-border:rgba(255, 255, 255, 0.12);--control-bg:rgba(255, 255, 255, 0.035);--control-hover:rgba(242, 160, 31, 0.16);--control-active:rgba(242, 160, 31, 0.18);--control-active-border:rgba(242, 160, 31, 0.48);--control-active-shadow:rgba(242, 160, 31, 0.12);--rule:rgba(255, 255, 255, 0.1);--watch-shadow:rgba(0, 0, 0, 0.72);--line:rgba(242, 160, 31, 0.76);--orange:#f2a01f;--cyan:#27c8d3;--green:#a8d640;--red:#e45742;--border:rgba(242, 160, 31, 0.26);--focus-ring:#ffd166;--radius:10px;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:72px;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:--bg 260ms ease,--body-glow 260ms ease,--body-wash 260ms ease,--grid-line 260ms ease,--panel 260ms ease,--panel-strong 260ms ease,--ink 260ms ease,--copy 260ms ease,--panel-copy 260ms ease,--muted 260ms ease,--dim 260ms ease,--chip-ink 260ms ease,--setting-label 260ms ease,--chip-bg 260ms ease,--chip-border 260ms ease,--control-bg 260ms ease,--control-hover 260ms ease,--control-active 260ms ease,--control-active-border 260ms ease,--control-active-shadow 260ms ease,--rule 260ms ease,--watch-shadow 260ms ease,--line 260ms ease,--orange 260ms ease,--cyan 260ms ease,--green 260ms ease,--red 260ms ease,--border 260ms ease,--focus-ring 260ms ease}:root[data-theme=light]{--bg:#f3f1eb;--body-glow:rgba(242, 160, 31, 0.2);--body-wash:rgba(39, 200, 211, 0.13);--grid-line:rgba(20, 24, 22, 0.055);--panel:rgba(255, 252, 244, 0.9);--panel-strong:rgba(255, 252, 244, 0.96);--ink:#151817;--copy:#313935;--panel-copy:#3b433f;--muted:#68716b;--dim:#7e8780;--chip-ink:#202622;--setting-label:#7b4b05;--chip-bg:rgba(255, 255, 255, 0.58);--chip-border:rgba(19, 24, 21, 0.14);--control-bg:rgba(255, 255, 255, 0.54);--control-hover:rgba(176, 109, 16, 0.13);--control-active:rgba(255, 244, 214, 0.7);--control-active-border:rgba(176, 109, 16, 0.38);--control-active-shadow:rgba(176, 109, 16, 0.08);--rule:rgba(19, 24, 21, 0.12);--watch-shadow:rgba(28, 26, 22, 0.36);--border:rgba(176, 109, 16, 0.38);--focus-ring:#704300;--orange:#9a5b00;--cyan:#087783;--green:#4f6800;--red:#a53628;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 18%,var(--body-glow),transparent 24rem),linear-gradient(135deg,var(--body-wash),transparent 32rem),repeating-linear-gradient(135deg,var(--grid-line) 0,var(--grid-line) 1px,transparent 1px,transparent 18px),var(--bg);color:var(--ink)}button{font:inherit}.scroll-top{position:fixed;right:var(--space-3);bottom:var(--space-3);z-index:20;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--chip-border);border-radius:var(--radius);padding:0;color:var(--chip-ink);background:var(--panel-strong);font-size:1.2rem;font-weight:700;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:background 140ms ease,opacity 140ms ease,transform 140ms ease,box-shadow 140ms ease}.scroll-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top:hover{background:var(--control-hover)}.scroll-top:active{transform:translateY(1px) scale(.98);box-shadow:0 4px 10px rgba(0,0,0,.16)}.scroll-top:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:calc(var(--space-5) + 68px) 0 var(--space-6)}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:var(--space-5);align-items:center;min-height:min(730px,calc(100vh - 32px))}.product-copy{--copy-width:600px;min-width:0}.controls{display:flex;flex-wrap:wrap;gap:var(--space-2);position:fixed;top:var(--space-2);left:calc(max(16px,(100% - 1120px)/ 2) - 18px);z-index:20;width:fit-content;margin:0;padding:12px 18px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--bg) 86%,transparent),transparent 72%)}.theme-control,.view-control{display:inline-grid;gap:2px;padding:3px;border:1px solid var(--chip-border);border-radius:999px;background:var(--control-bg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.16)}.controls>*{background:var(--panel-strong)}.controls .sort-control{background:var(--panel-strong)}.theme-control{grid-template-columns:repeat(3,minmax(0,1fr))}.view-control{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-option,.view-option{min-width:58px;border:0;border-radius:999px;padding:7px 11px;background:0 0;color:var(--muted);cursor:pointer;font-size:.84rem;font-weight:700;transition:background 140ms ease,box-shadow 140ms ease}.theme-option:hover,.view-option:hover{background:var(--control-hover)}.theme-option:focus-visible,.view-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-option[aria-pressed=true],.view-option[aria-pressed=true]{background:var(--control-active);box-shadow:inset 0 0 0 1px var(--control-active-border)}.eyebrow{margin:0 0 var(--space-1);color:var(--orange);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow a{color:inherit;text-decoration:none}.eyebrow a:hover{text-decoration:underline;text-underline-offset:3px}.eyebrow a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}h1{margin:0;max-width:12ch;font-size:clamp(3.1rem, 9vw, 7.1rem);line-height:.88;letter-spacing:0}.lede{width:min(100%,var(--copy-width));margin:20px 0 0;color:var(--copy);font-size:clamp(1.02rem, 2vw, 1.22rem);line-height:1.55;text-align:left;overflow-wrap:break-word}.feature-strip{display:flex;flex-wrap:wrap;gap:var(--space-2);width:min(100%,var(--copy-width));margin-top:var(--space-4)}.feature-strip span{display:inline-flex;align-items:center;max-width:100%;border:1px solid var(--chip-border);border-radius:999px;padding:7px 11px;color:var(--muted);background:rgba(255,255,255,.045);font-size:.84rem}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.action-link{display:inline-flex;align-items:center;border:1px solid var(--chip-border);border-radius:999px;padding:7px 11px;color:var(--chip-ink);background:var(--chip-bg);font-size:.84rem;font-weight:700;text-decoration:none;transition:background 140ms ease,transform 140ms ease,box-shadow 140ms ease}.action-link--primary:hover{background:var(--control-hover)}.action-link:active{transform:translateY(1px) scale(.98);box-shadow:0 4px 10px rgba(0,0,0,.16)}.action-link--primary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.action-link--pending{color:var(--muted);cursor:default}.support-card{grid-column:1/-1}.support-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.support-meta h3{margin:0 0 10px;color:var(--setting-label);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.support-list{margin:0;padding-left:18px;color:var(--copy)}.support-list--devices{column-width:15rem;column-gap:24px}.support-list--devices li{break-inside:avoid}.support-list li+li{margin-top:6px}.support-code{color:var(--muted);font-size:.85em;text-transform:uppercase}.support-note{margin:10px 0 0;color:var(--muted);font-size:.8rem;line-height:1.4}.watch-zone{align-self:start;position:relative;min-width:0;min-height:720px}.watch-stage{position:relative;width:min(100%,396px);margin:0 auto;aspect-ratio:396/548}.watch-stage::before{content:"";position:absolute;inset:11% 8% 6%;border-radius:45%;background:radial-gradient(circle,rgba(242,160,31,.18),transparent 70%);filter:blur(28px);opacity:.8}.watch-face{position:absolute;z-index:1;left:17.3%;top:27.5%;width:66.35%;height:47.95%;object-fit:cover;user-select:none}.watch-overlay{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 46px var(--watch-shadow));user-select:none}.watch-overlay--dark{display:none}:root[data-theme=dark] .watch-overlay--light{display:none}:root[data-theme=dark] .watch-overlay--dark{display:block}.face-ring{position:absolute;z-index:3;border:1px solid rgba(242,160,31,0);border-radius:50%;background:rgba(242,160,31,0);box-shadow:none;pointer-events:none;transition:background 160ms ease,border-color 160ms ease,box-shadow 160ms ease}.face-ring::after{content:"";position:absolute;inset:-6px;border:1px solid rgba(242,160,31,0);border-radius:50%;transition:border-color 160ms ease,box-shadow 160ms ease}.face-ring.is-active{border-color:rgba(242,160,31,.68);background:rgba(242,160,31,.035);box-shadow:0 0 26px rgba(242,160,31,.24),inset 0 0 24px rgba(242,160,31,.12)}.face-ring.is-active::after{border-color:rgba(242,160,31,.36);box-shadow:0 0 18px rgba(242,160,31,.22)}.hotspot{appearance:none;position:absolute;z-index:4;display:block;padding:0;border:1px solid transparent;border-radius:var(--radius);background:rgba(242,160,31,0);color:transparent;cursor:pointer;outline:0;transition:background 160ms ease,border-color 160ms ease,box-shadow 160ms ease}.hotspot.is-hidden{display:none}.hotspot::after{content:"";position:absolute;inset:-6px;border:1px solid rgba(242,160,31,0);border-radius:calc(var(--radius) + 6px);pointer-events:none;transition:border-color 160ms ease,box-shadow 160ms ease}.hotspot[data-feature=top]{border-radius:50% 50% var(--radius) var(--radius)/100% 100% var(--radius) var(--radius)}.hotspot[data-feature=top]::after{border-radius:calc(50% + 6px) calc(50% + 6px) calc(var(--radius) + 6px) calc(var(--radius) + 6px)/calc(100% + 6px) calc(100% + 6px) calc(var(--radius) + 6px) calc(var(--radius) + 6px)}.hotspot[data-feature=status]{border-radius:100% var(--radius) var(--radius) 100%/50% var(--radius) var(--radius) 50%}.hotspot[data-feature=status]::after{border-radius:calc(100% + 6px) calc(var(--radius) + 6px) calc(var(--radius) + 6px) calc(100% + 6px)/calc(50% + 6px) calc(var(--radius) + 6px) calc(var(--radius) + 6px) calc(50% + 6px)}.hotspot[data-feature=gauges]{border-radius:var(--radius) 100% 100% var(--radius)/var(--radius) 50% 50% var(--radius)}.hotspot[data-feature=gauges]::after{border-radius:calc(var(--radius) + 6px) calc(100% + 6px) calc(100% + 6px) calc(var(--radius) + 6px)/calc(var(--radius) + 6px) calc(50% + 6px) calc(50% + 6px) calc(var(--radius) + 6px)}.hotspot[data-feature=bottom]{border-radius:var(--radius) var(--radius) 50% 50%/var(--radius) var(--radius) 100% 100%}.hotspot[data-feature=bottom]::after{border-radius:calc(var(--radius) + 6px) calc(var(--radius) + 6px) calc(50% + 6px) calc(50% + 6px)/calc(var(--radius) + 6px) calc(var(--radius) + 6px) calc(100% + 6px) calc(100% + 6px)}.hotspot.is-active::after,.hotspot:focus-visible::after{border-color:rgba(242,160,31,.36);box-shadow:0 0 18px rgba(242,160,31,.22)}.hotspot.is-active,.hotspot:focus-visible{border-color:rgba(242,160,31,.68);background:rgba(242,160,31,.035);box-shadow:0 0 26px rgba(242,160,31,.24),inset 0 0 24px rgba(242,160,31,.12)}.hotspot:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.hotspot[data-feature=general].is-active,.hotspot[data-feature=general]:focus-visible{border-color:transparent;background:0 0;box-shadow:none}.hotspot[data-feature=general]:focus-visible{outline:0}.hotspot[data-feature=general].is-active::after,.hotspot[data-feature=general]:focus-visible::after{border-color:transparent;box-shadow:none}.detail-panel{position:relative;z-index:5;width:min(100%,var(--copy-width));height:470px;max-height:470px;margin-top:28px;overflow:auto;overflow-x:hidden;scrollbar-color:rgba(242,160,31,0.56) transparent;scrollbar-width:thin;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(242,160,31,.13),transparent 86px),var(--panel-strong);box-shadow:0 26px 60px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(8px)}.detail-panel::-webkit-scrollbar{width:10px}.detail-panel::-webkit-scrollbar-track{background:0 0}.detail-panel::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:linear-gradient(180deg,rgba(242,160,31,.78),rgba(39,200,211,.58)) border-box;background-clip:padding-box}.detail-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(242,160,31,.96),rgba(39,200,211,.76)) border-box;background-clip:padding-box}.detail-panel::before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--orange),var(--cyan),transparent)}.panel-inner{padding:18px}.panel-kicker{margin:0 0 8px;color:var(--orange);font-size:.75rem;font-weight:800;text-transform:uppercase}.panel-title{margin:0;font-size:1.42rem;line-height:1.15;letter-spacing:0}.panel-copy{margin:10px 0 16px;color:var(--panel-copy);line-height:1.5;text-align:justify}.panel-note{margin:-4px 0 16px;border-left:3px solid var(--cyan);padding:8px 10px;background:rgba(39,200,211,.08);color:var(--panel-copy);font-size:.88rem;line-height:1.45}.setting-group+.setting-group{margin-top:16px;padding-top:16px;border-top:1px solid var(--rule)}.group-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:8px}.group-head h3{margin:0;font-size:1rem;letter-spacing:0}.setting-row{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--rule)}.setting-row:first-of-type{border-top:0}.setting-name{color:var(--setting-label);font-size:.875rem;font-weight:700}.setting-options{display:flex;flex-wrap:wrap;gap:6px;min-width:0;color:var(--chip-ink);font-size:.875rem;line-height:1.35}.option-pill{max-width:100%;border:1px solid var(--chip-border);border-radius:999px;padding:3px 7px;background:var(--chip-bg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-pill.is-color{display:inline-flex;align-items:center;gap:5px}.boolean-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(2.5rem,1fr));max-width:100%;overflow:hidden;border:1px solid var(--chip-border);border-radius:999px;background:var(--chip-bg);color:var(--chip-ink);white-space:nowrap}.boolean-toggle span{padding:3px 9px;text-align:center}.boolean-toggle span+span{border-left:1px solid var(--chip-border)}.swatch{width:10px;height:10px;border:1px solid rgba(255,255,255,.36);border-radius:50%}.supporting{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);padding:var(--space-6) 0}.supporting article{border-top:1px solid var(--chip-border);padding-top:var(--space-2)}.supporting h2{margin:0 0 var(--space-1);font-size:1.05rem;letter-spacing:0}.supporting p{margin:0;color:var(--muted);line-height:1.5}@media (max-width:960px){.hero{grid-template-columns:minmax(0,1fr);gap:var(--space-3);min-height:0}.product-copy{display:contents;padding-top:0}.product-copy>*{min-width:0}.product-copy>:not(.detail-panel){order:1}h1{max-width:none;font-size:clamp(3.1rem, 9vw, 5.4rem)}.watch-zone{order:2;min-height:0;padding-top:0}.watch-stage{width:min(100%,520px)}.detail-panel{order:3;width:min(100%,var(--copy-width));height:auto;max-height:none;margin:14px auto 0}.supporting{grid-template-columns:1fr}}@media (max-width:560px){.scroll-top{right:var(--space-2);bottom:var(--space-2)}.page{width:calc(100% - 20px);padding-top:calc(18px + 68px)}.supporting{padding:var(--space-5) 0}.controls{left:-8px;width:calc(100% - 20px)}.actions,.feature-strip,.lede{width:100%;max-width:100%;min-width:0}.support-meta{grid-template-columns:1fr}.support-list--devices{column-width:auto;columns:1}.lede{font-size:1rem;text-align:left;overflow-wrap:anywhere}.feature-strip{gap:var(--space-1);margin-top:16px}.feature-strip span{flex:1 1 8.5rem;padding:6px 8px;font-size:.78rem;text-align:center}.panel-inner{padding:14px}.setting-row{grid-template-columns:1fr;gap:6px;overflow:hidden}.setting-options{display:block;max-width:100%}.option-pill{display:block;width:fit-content;margin:0 0 6px}.option-pill.is-color{display:flex}}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}