@font-face{font-family:Funnel Display;font-style:normal;font-display:swap;font-weight:500 800;src:url(/fonts/funnel-display-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Funnel Display;font-style:normal;font-display:swap;font-weight:500 800;src:url(/fonts/funnel-display-latin-ext-wght-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Funnel Sans;font-style:normal;font-display:swap;font-weight:400 700;src:url(/fonts/funnel-sans-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Funnel Sans;font-style:normal;font-display:swap;font-weight:400 700;src:url(/fonts/funnel-sans-latin-ext-wght-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400 500;src:url(/fonts/jetbrains-mono-latin-wght-normal.woff2)format("woff2");unicode-range:U+20-7E,U+B0,U+B7,U+C7,U+D6,U+DC,U+E7,U+F6,U+FC,U+131,U+2014,U+2019}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400 500;src:url(/fonts/jetbrains-mono-latin-ext-wght-normal.woff2)format("woff2");unicode-range:U+11E,U+11F,U+130,U+15E,U+15F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/ibm-plex-mono-400-latin.woff2)format("woff2");unicode-range:U+20-7E,U+B0,U+B7,U+C7,U+D6,U+DC,U+E7,U+F6,U+FC,U+131,U+2014,U+2019}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/ibm-plex-mono-400-ext.woff2)format("woff2");unicode-range:U+11E,U+11F,U+130,U+15E,U+15F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/ibm-plex-mono-600-latin.woff2)format("woff2");unicode-range:U+20-7E,U+B0,U+B7,U+C7,U+D6,U+DC,U+E7,U+F6,U+FC,U+131,U+2014,U+2019}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/ibm-plex-mono-600-ext.woff2)format("woff2");unicode-range:U+11E,U+11F,U+130,U+15E,U+15F}@font-face{font-family:Funnel Display Fallback;src:local(Arial),local(Helvetica Neue),local(Liberation Sans);size-adjust:108.2%;ascent-override:92.4%;descent-override:23.1%;line-gap-override:0%}@font-face{font-family:Funnel Sans Fallback;src:local(Arial),local(Helvetica Neue),local(Liberation Sans);size-adjust:102.3%;ascent-override:97.7%;descent-override:24.4%;line-gap-override:0%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-display:"Funnel Display", "Funnel Display Fallback", ui-sans-serif, system-ui, sans-serif;--font-text:"Funnel Sans", "Funnel Sans Fallback", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-app:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--lab-ink:var(--lightningcss-light,#121a2b)var(--lightningcss-dark,#e9eef6);--lab-paper:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a2130);--lab-line:var(--lightningcss-light,#c3ccd9)var(--lightningcss-dark,#38435a);--lab-mut:var(--lightningcss-light,#4d5868)var(--lightningcss-dark,#a8b3c4);--r-s:8px;--r-m:14px;--r-l:22px;--wrap:1240px;--pad:clamp(20px, 4vw, 48px);--ease-out:cubic-bezier(.16, 1, .3, 1);--ground:var(--lightningcss-light,#f3f6f9)var(--lightningcss-dark,#0b1118);--wall:var(--lightningcss-light,#d3dfea)var(--lightningcss-dark,#13212e);--floor:var(--lightningcss-light,#e8eef4)var(--lightningcss-dark,#0f1923);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#141f2b);--surface-2:var(--lightningcss-light,#edf2f7)var(--lightningcss-dark,#1a2836);--ink:var(--lightningcss-light,#0f1b27)var(--lightningcss-dark,#e6edf4);--mut:var(--lightningcss-light,#45586a)var(--lightningcss-dark,#9eb0c1);--line:var(--lightningcss-light,#c3d0dc)var(--lightningcss-dark,#2b3b4c);--accent:var(--lightningcss-light,#1c4e79)var(--lightningcss-dark,#8cc0ea);--accent-ink:var(--lightningcss-light,#fff)var(--lightningcss-dark,#071c2e);--accent-soft:var(--lightningcss-light,#d9e6f2)var(--lightningcss-dark,#16324a);--rose:var(--lightningcss-light,#0f1b272e)var(--lightningcss-dark,#e6edf421);--rose-strong:var(--lightningcss-light,#0f1b276b)var(--lightningcss-dark,#e6edf457);--bezel:var(--lightningcss-light,#1a222c)var(--lightningcss-dark,#36414e);--shadow:var(--lightningcss-light,#101c2829)var(--lightningcss-dark,#0000008c);--brass:var(--lightningcss-light,#7e5e12)var(--lightningcss-dark,#d2ac4b);--brass-soft:var(--lightningcss-light,#f0e6c8)var(--lightningcss-dark,#2e2818);--dial-bg:var(--lightningcss-light,#f4f2ea)var(--lightningcss-dark,#0c0e10);--dial-bg2:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1b1f24);--dial-ink:var(--lightningcss-light,#1b1e22)var(--lightningcss-dark,#f2f0e8);--dial-dim:var(--lightningcss-light,#5f656c)var(--lightningcss-dark,#8a9199);--dial-tick:var(--lightningcss-light,#cfc9b8)var(--lightningcss-dark,#2c3138);--good:var(--lightningcss-light,#23695a)var(--lightningcss-dark,#5fbba4);--good-soft:var(--lightningcss-light,#ddede7)var(--lightningcss-dark,#1c2e2a);--warn:var(--lightningcss-light,#7a4f0c)var(--lightningcss-dark,#e0a83e);--warn-soft:var(--lightningcss-light,#f0dfb8)var(--lightningcss-dark,#332a16);--bad:var(--lightningcss-light,#9c3a2c)var(--lightningcss-dark,#db6a56);--bad-soft:var(--lightningcss-light,#f3dcd8)var(--lightningcss-dark,#33201c)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--line) var(--ground);-webkit-text-size-adjust:100%;accent-color:var(--accent)}body{background:var(--ground);color:var(--ink);font-family:var(--font-text);caret-color:var(--accent);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.55}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:700}p{text-wrap:pretty;margin:0}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{max-width:var(--wrap);padding-inline:var(--pad);margin-inline:auto}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:10;background:var(--accent);color:var(--accent-ink);border-radius:var(--r-s);padding:12px 16px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}svg.ico{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}main:focus{outline:none}.nav .wrap{align-items:center;gap:24px;min-height:76px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;min-height:44px;font-size:1.375rem;font-weight:700;text-decoration:none;display:inline-flex}.brand svg{border-radius:9px;flex:none;width:34px;height:34px}.nav .wrap>nav{margin-left:auto}.nav-links{gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{min-height:44px;color:var(--mut);border-radius:8px;align-items:center;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.nav-links a:hover{color:var(--ink)}.lang{border:1px solid var(--line);border-radius:12px;padding:2px;display:inline-flex}.lang a{min-width:44px;min-height:44px;color:var(--mut);border-radius:9px;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.lang a[aria-current=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px var(--shadow)}.btn{cursor:pointer;white-space:nowrap;min-height:48px;transition:background-color .15s, transform .15s var(--ease-out);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 88%, var(--ink))}.btn-primary:active{transform:translateY(1px)}.btn-sm{min-height:44px;padding:0 16px;font-size:.9375rem}.badges{flex-wrap:wrap;gap:12px;display:flex}.store{height:56px;transition:transform .15s var(--ease-out), box-shadow .15s;border-radius:10px;line-height:0;display:block;overflow:hidden}.store img{max-width:none;display:block}.store:hover{box-shadow:0 6px 16px -8px var(--shadow);transform:translateY(-1px)}.badge-meta{color:var(--mut);flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:.875rem;display:flex}.badge-meta span{align-items:center;gap:6px;display:inline-flex}.badge-meta svg.ico{width:16px;height:16px}.hero-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:24px 56px;padding-block:clamp(24px,3.4vw,48px) clamp(24px,2.8vw,36px);display:grid}.hero h1{letter-spacing:-.035em;max-width:17ch;font-size:clamp(2.5rem,1.5rem + 2.9vw,3.875rem);line-height:1.02}.lead{color:var(--mut);max-width:46ch;margin-bottom:22px;font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem)}.stage{background:linear-gradient(to bottom, var(--wall) 0%, var(--wall) 52%, var(--floor) 80%, var(--ground) 100%);isolation:isolate;padding-block:clamp(28px,3.5vw,48px) clamp(64px,7vw,108px);position:relative;overflow:hidden}.stage-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"scenes device notes";align-items:start;gap:28px 48px;display:grid}.side{grid-area:scenes;justify-self:end;gap:24px;width:min(100%,290px);margin-top:clamp(24px,4vw,64px);display:grid}.scenes{background:color-mix(in srgb, var(--surface) 62%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:18px;flex-direction:column;gap:4px;padding:6px;display:flex}.scene{text-align:left;cursor:pointer;min-height:56px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:12px;gap:2px;padding:10px 16px;display:grid}.scene strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.0625rem;font-weight:650}.scene span{color:var(--mut);font-size:.875rem}.scene:hover{background:color-mix(in srgb, var(--surface) 55%, transparent)}.scene[aria-selected=true]{background:var(--surface);border-color:var(--line);box-shadow:0 1px 2px var(--shadow), 0 10px 24px -14px var(--shadow)}.turn{background:color-mix(in srgb, var(--surface) 72%, transparent);border:1px solid var(--line);border-radius:12px;gap:8px;padding:14px 16px 12px;display:grid}.turn[hidden]{display:none}.turn-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.turn label{font-size:.9375rem;font-weight:600}.turn output{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;font-size:.9375rem}.turn small{color:var(--mut);font-size:.8125rem}.turn input{appearance:none;cursor:ew-resize;--tick:color-mix(in srgb, var(--ink) 34%, transparent);background:0 0;width:100%;height:44px;margin:0}.turn input::-webkit-slider-runnable-track{background:repeating-linear-gradient(to right, var(--tick) 0 1px, transparent 1px calc(100% / 36)), linear-gradient(var(--surface-2), var(--surface-2));border:1px solid var(--line);background-position:0 100%,0 0;background-repeat:no-repeat;background-size:100% 10px,100% 100%;border-radius:6px;height:22px}.turn input::-moz-range-track{background:repeating-linear-gradient(to right, var(--tick) 0 1px, transparent 1px calc(100% / 36)), linear-gradient(var(--surface-2), var(--surface-2));border:1px solid var(--line);background-position:0 100%,0 0;background-repeat:no-repeat;background-size:100% 10px,100% 100%;border-radius:6px;height:22px}.turn input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brass);border:2px solid var(--surface);width:14px;height:34px;box-shadow:0 2px 6px var(--shadow);border-radius:4px;margin-top:-7px}.turn input::-moz-range-thumb{background:var(--brass);border:2px solid var(--surface);width:14px;height:34px;box-shadow:0 2px 6px var(--shadow);border-radius:4px}.turn input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.device-wrap{grid-area:device;justify-self:center;justify-items:center;margin:0;display:grid;position:relative}.device-wrap:after{content:"";background:radial-gradient(closest-side, var(--shadow), transparent);z-index:0;pointer-events:none;height:44px;position:absolute;bottom:-34px;left:10%;right:10%}.rose{aspect-ratio:1;z-index:-1;pointer-events:none;width:min(1040px,172vw);position:absolute;top:46%;left:50%;translate:-50% -50%}.rose svg{width:100%;height:100%;display:block;overflow:visible}.rose .ring{transform-origin:500px 500px;will-change:transform}.rose-tick{stroke:var(--rose);stroke-width:1.2px}.rose-tick.thirty{stroke:var(--rose-strong);stroke-width:2px}.rose-l{font-family:var(--font-mono);fill:var(--rose-strong);text-anchor:middle;dominant-baseline:central;font-size:17px}.rose-l.n{fill:var(--brass);font-size:26px;font-weight:500}.rose-c{fill:none;stroke:var(--rose);stroke-width:1px}.rose-lubber{fill:var(--brass)}.synthetic{white-space:nowrap;color:var(--mut);z-index:1;font-size:.8125rem;position:absolute;bottom:-46px;left:50%;transform:translate(-50%)}.notes{background:color-mix(in srgb, var(--surface) 62%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:18px;grid-area:notes;gap:8px;max-width:300px;margin:clamp(24px,4vw,64px) 0 0;padding:6px;list-style:none;display:grid}.note-btn{text-align:left;width:100%;min-height:48px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:.9375rem;line-height:1.4;display:flex}.note-btn b{font-weight:600;display:block}.note-btn span span{color:var(--mut)}.note-btn .pin{border:1.5px solid var(--accent);width:24px;height:24px;color:var(--accent);border-radius:50%;flex:none;place-items:center;margin-top:-1px;display:grid}.note-btn .pin:after{content:"";width:8px;height:8px;transition:transform .2s var(--ease-out);background:currentColor;border-radius:50%;transform:scale(.6)}.note-btn:hover,.note-btn[aria-pressed=true]{background:color-mix(in srgb, var(--surface) 72%, transparent);border-color:var(--line)}.note-btn:hover .pin:after,.note-btn[aria-pressed=true] .pin:after{transform:scale(1)}.device{z-index:1;animation:settle 1.1s var(--ease-out) both;position:relative}@keyframes settle{0%{transform:translateY(-14px)}to{transform:none}}.device [data-hl]{outline-offset:4px;border-radius:12px;outline:2px solid #0000;transition:opacity .25s,outline-color .2s}.device[data-lit] [data-hl]{opacity:.32}.device[data-lit=pill] [data-hl=pill],.device[data-lit=north] [data-hl=north],.device[data-lit=readout] [data-hl=readout],.device[data-lit=sheet] [data-hl=sheet],.device[data-lit=bubble] [data-hl=bubble],.device[data-lit=theme] [data-hl=theme],.device[data-lit=sun] [data-hl=sun],.device[data-lit=ads] [data-hl=ads]{opacity:1;outline-color:var(--accent)}.phone{aspect-ratio:330/690;background:var(--bezel);width:min(330px,82vw);box-shadow:inset 0 0 0 1px #ffffff14, 0 2px 4px var(--shadow), 0 40px 70px -30px var(--shadow);border-radius:52px;padding:10px}.phone:focus-visible{outline-offset:6px;border-radius:52px}.screen{background:var(--dial-bg);height:100%;color:var(--dial-ink);font-family:var(--font-app);border-radius:42px;flex-direction:column;font-size:12px;line-height:1.35;display:flex;position:relative;overflow:hidden;container-type:inline-size}.screen-swap{animation:swap .45s var(--ease-out) both}@keyframes swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sbar{height:44px;font-family:var(--font-text);flex:none;justify-content:space-between;align-items:center;padding:0 26px;font-size:13px;font-weight:600;display:flex}.sbar i{align-items:center;gap:5px;display:flex}.sbar i b{opacity:.8;background:currentColor;border-radius:2px;width:15px;height:9px;display:block}.sbar i b:first-child{clip-path:polygon(50% 100%,0 20%,100% 20%);border-radius:0;width:13px;height:10px}.app-title{letter-spacing:.24em;color:var(--dial-dim);flex:none;padding:8px 22px 0;font-size:11px}.app-title.center{text-align:center}.app-body{flex-direction:column;flex:1;align-items:center;min-height:0;display:flex;position:relative}.pill{white-space:nowrap;min-height:30px;color:var(--dial-ink);border:1.25px solid;border-radius:999px;align-items:center;gap:7px;margin-top:10px;padding:0 14px;font-size:11.5px;display:inline-flex}.pill i{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.pill.good{background:var(--good-soft);border-color:var(--good)}.pill.warn{background:var(--warn-soft);border-color:var(--warn)}.pill.bad{background:var(--bad-soft);border-color:var(--bad)}.pill.good i{background:var(--good)}.pill.warn i{background:var(--warn)}.pill.bad i{background:var(--bad)}.dial{aspect-ratio:1;width:78cqi;margin-top:auto}.dial svg{width:100%;height:100%;display:block;overflow:visible}.dial-tick{stroke:var(--dial-tick);stroke-width:1px;stroke-linecap:round}.dial-tick.major{stroke:var(--dial-dim);stroke-width:1.8px}.dial-l{font-family:var(--font-app);fill:var(--dial-dim);text-anchor:middle;dominant-baseline:central;font-size:14px;font-weight:400}.dial-l.n{fill:var(--brass);font-weight:600}.dial-mark{fill:var(--brass)}.dial-mark-line{stroke:var(--brass);stroke-width:2px}.readout{text-align:center;margin-top:auto}.readout b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:600;line-height:1;display:block}.readout span{color:var(--dial-dim);font-size:13px;font-family:var(--font-app);margin-top:6px;display:block}.north{border:1px solid var(--dial-tick);letter-spacing:.14em;min-height:36px;color:var(--dial-dim);border-radius:999px;align-items:center;gap:8px;margin:12px 0 10px;padding:0 18px;font-size:11px;display:inline-flex}.north svg{width:12px;height:12px}.tabbar{color:var(--dial-dim);flex:none;grid-template-columns:repeat(3,1fr);padding:6px 10px 20px;font-size:10.5px;display:grid}.tabbar span{justify-items:center;gap:4px;display:grid}.tabbar i{border-radius:999px;place-items:center;width:52px;height:28px;display:grid}.tabbar svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:18px;height:18px}.tabbar .on{color:var(--brass)}.tabbar .on i{background:var(--brass-soft)}.sheet{background:var(--dial-bg2);text-align:center;font-family:var(--font-text);border-radius:22px 22px 0 0;justify-items:center;gap:8px;padding:10px 20px 22px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 30px -12px #00000059}.sheet:before{content:"";background:var(--dial-tick);border-radius:2px;width:36px;height:4px}.sheet h4{margin:4px 0 0;font-size:15px;font-weight:600}.sheet p{color:var(--dial-dim);max-width:30ch;font-size:12px}.sheet .fig8{width:120px;height:56px}.sheet .close{background:var(--brass);color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#14171a);border-radius:999px;place-items:center;min-height:34px;padding:0 22px;font-size:12px;font-weight:600;display:grid}.fig8 path{fill:none;stroke:var(--dial-tick);stroke-width:3px}.fig8 circle{fill:var(--brass);offset-path:path("M60 28 C 80 4, 112 4, 112 28 C 112 52, 80 52, 60 28 C 40 4, 8 4, 8 28 C 8 52, 40 52, 60 28 Z");animation:3.2s linear infinite fig}@keyframes fig{to{offset-distance:100%}}.level{aspect-ratio:1;width:72cqi;margin-top:auto;position:relative}.level:before,.level:after{content:"";background:var(--dial-tick);position:absolute}.level:before{width:1px;top:0;bottom:0;left:50%}.level:after{height:1px;top:50%;left:0;right:0}.level .target{border:1px solid var(--dial-dim);opacity:.7;border-radius:50%;position:absolute;inset:34%}.level .bubble{aspect-ratio:1;background:var(--good);outline:1.5px solid color-mix(in srgb, var(--good) 45%, transparent);outline-offset:5px;border-radius:50%;width:22%;position:absolute;top:50%;left:50%;translate:calc(8px - 50%) calc(-50% - 5px)}.level-read{margin-bottom:28px}.set{width:100%;font-family:var(--font-text);gap:10px;padding:14px 18px 0;font-size:12.5px;display:grid}.set h4{font-family:var(--font-text);letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:600}.set-row{border-bottom:1px solid var(--dial-tick);justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:6px 0;display:flex}.device .set-row[data-hl]{border-radius:0}.set-row small{color:var(--dial-dim);font-size:11px}.mini-seg{border:1px solid var(--dial-tick);border-radius:999px;padding:2px;font-size:11px;display:flex}.mini-seg span{border-radius:999px;padding:4px 9px}.mini-seg .on{background:var(--brass-soft);color:var(--dial-ink);font-weight:600}.tog{background:var(--dial-tick);border-radius:999px;flex:none;width:36px;height:20px;position:relative}.tog:after{content:"";background:var(--dial-bg2);border-radius:50%;width:14px;height:14px;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.tog.on{background:var(--brass)}.tog.on:after{left:19px}.ads-card{border:1px solid var(--brass);background:var(--brass-soft);border-radius:14px;gap:2px;padding:12px 14px;display:grid}.ads-card b{font-size:13.5px}.ads-card span{color:var(--dial-dim);font-size:11.5px}.ads-card u{color:var(--brass);margin-top:6px;font-size:11.5px;font-weight:600;text-decoration:none}.about{color:var(--dial-dim);text-align:center;font-size:11px;font-family:var(--font-app);margin-top:auto;padding:14px 0 6px}.plate{z-index:2;margin-top:-44px;position:relative}.plate dl{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:0 1px 2px var(--shadow), 0 24px 48px -32px var(--shadow);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.plate div{align-content:start;gap:4px;padding:20px 24px;display:grid}.plate div+div{border-left:1px solid var(--line)}.plate dt{color:var(--mut);font-size:.875rem}.plate dd{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1.3125rem;font-weight:600;line-height:1.2}.sec{padding-block:clamp(72px,9vw,128px) 0}.sec-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:16px 56px;margin-bottom:clamp(32px,4vw,56px);display:grid}.sec h2{letter-spacing:-.03em;max-width:18ch;font-size:clamp(2rem,1.3rem + 2.4vw,3.25rem);line-height:1.05}.sec-head p{color:var(--mut);max-width:46ch}.cus{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;display:grid}.cu{border-radius:var(--r-l);background:var(--surface-2);grid-template-rows:auto 1fr;gap:22px;padding:clamp(20px,2.4vw,32px);display:grid}.cu:first-child{grid-row:span 2}.cu.wide{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}.cu h3{letter-spacing:-.01em;margin-bottom:8px;font-size:1.375rem;font-weight:600;line-height:1.2}.cu p{color:var(--mut);max-width:48ch}.plinth{border-radius:var(--r-m);background:var(--dial-bg);color:var(--dial-ink);box-shadow:0 1px 2px var(--shadow), 0 18px 36px -24px var(--shadow);font-family:var(--font-app);place-items:center;padding:clamp(20px,3vw,36px);display:grid}.states{gap:14px;width:min(100%,420px);margin:0;padding:0;list-style:none;display:grid}.states li{grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;display:grid}.states .pill{min-height:36px;margin:0;padding:0 16px;font-size:13px}.states .pill svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.states .pill.good svg{stroke:var(--good)}.states .pill.warn svg{stroke:var(--warn)}.states .pill.bad svg{stroke:var(--bad)}.states p{font-family:var(--font-text);color:var(--dial-dim);max-width:none;font-size:.9375rem}.decl svg{width:min(100%,260px);height:auto}.decl text{font-family:var(--font-app);fill:var(--dial-dim);font-size:9px}.mini-sheet{background:var(--dial-bg2);text-align:center;width:min(100%,280px);font-family:var(--font-text);border-radius:18px;justify-items:center;gap:8px;padding:10px 18px 18px;display:grid;box-shadow:0 10px 24px -14px #0006}.mini-sheet:before{content:"";background:var(--dial-tick);border-radius:2px;width:34px;height:4px}.mini-sheet b{font-size:.9375rem}.mini-sheet .fig8{width:120px;height:56px}.faces{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.face{border-radius:var(--r-m);font-family:var(--font-app);justify-items:center;gap:10px;margin:0;padding:20px 16px 14px;display:grid}.face svg{width:min(100%,170px);height:auto}.face figcaption{font-family:var(--font-text);font-size:.875rem;font-weight:600}.face.night{--dial-ink:#f2f0e8;--dial-dim:#8a9199;--dial-tick:#2c3138;--brass:#d2ac4b;color:#f2f0e8;background:#0c0e10}.face.sun{--dial-ink:#1b1e22;--dial-dim:#5f656c;--dial-tick:#cfc9b8;--brass:#7e5e12;color:#1b1e22;background:#f4f2ea;box-shadow:inset 0 0 0 1px #d9d4c5}.ledger{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);gap:20px;display:grid}.col{border-radius:var(--r-l);border:1px solid var(--line);background:var(--surface);padding:clamp(20px,2.4vw,32px)}.col h3{letter-spacing:-.01em;margin-bottom:14px;font-size:1.25rem;font-weight:600}.col ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.col li{border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.col li:first-child{border-top:0}.col li svg{margin-top:2px}.col li span small{color:var(--mut);font-size:.875rem;display:block}.col.yes svg{color:var(--accent)}.col.no svg{color:var(--mut)}.col.priv{background:var(--accent-soft);border-color:#0000}.col.priv p{color:var(--ink);margin-bottom:14px}.col.priv p+p{color:var(--mut)}.link{min-height:44px;color:var(--accent);align-items:center;gap:8px;font-weight:600;text-decoration:underline;display:inline-flex}.faq{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:24px 56px;display:grid}.faq h2{position:sticky;top:24px}.qa{border-top:1px solid var(--line)}.qa details{border-bottom:1px solid var(--line)}.qa summary{cursor:pointer;min-height:64px;font-family:var(--font-display);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:16px;padding:12px 4px;font-size:1.1875rem;font-weight:600;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary svg{transition:rotate .25s var(--ease-out)}.qa details[open] summary svg{rotate:45deg}.qa details p{color:var(--mut);max-width:62ch;padding:0 4px 22px}.final{background:linear-gradient(to bottom, var(--wall), var(--floor) 70%, var(--ground));isolation:isolate;margin-top:clamp(72px,9vw,128px);position:relative;overflow:hidden}.final-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:32px 56px;padding-top:clamp(56px,7vw,96px);display:grid}.final h2{letter-spacing:-.035em;max-width:16ch;margin-bottom:16px;font-size:clamp(2.25rem,1.4rem + 3vw,4rem);line-height:1.02}.final p{color:var(--mut);max-width:44ch;margin-bottom:26px}.final-copy{padding-bottom:clamp(56px,7vw,96px)}.peek{align-self:end;justify-items:center;height:clamp(300px,34vw,420px);display:grid;overflow:hidden}.peek .device{animation:none}.foot{border-top:1px solid var(--line);padding-block:48px 32px;font-size:.9375rem}.foot-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:start;gap:32px 48px;display:grid}.foot p{color:var(--mut);max-width:36ch;margin-top:10px}.foot ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.foot ul a{min-height:44px;color:var(--mut);align-items:center;text-decoration:none;display:inline-flex}.foot ul a:hover{color:var(--ink);text-decoration:underline}.foot-bottom{border-top:1px solid var(--line);color:var(--mut);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:40px;padding-top:20px;font-size:.8125rem;display:flex}.labs{border:1px solid var(--lab-line);border-radius:var(--r-s);background:var(--lab-paper);min-height:64px;color:var(--lab-ink);font-family:var(--font-text);align-items:stretch;font-size:1rem;font-weight:600;line-height:1.25;text-decoration:none;transition:border-color .15s;display:inline-flex;overflow:hidden}.labs-mark{background:var(--lab-ink);width:64px;color:var(--lab-paper);flex:none;place-items:center;display:grid}.labs-mark svg{width:28px;height:28px}.labs-text{flex-direction:column;justify-content:center;gap:2px;padding:10px 18px;display:flex}.labs small{color:var(--lab-mut);font-size:.875rem;font-weight:400}.labs:hover{border-color:var(--lab-ink)}.labs:focus-visible{outline-color:var(--lab-ink)}.choose{min-height:100svh;padding:var(--pad);place-content:center;justify-items:start;gap:24px;max-width:560px;margin-inline:auto;display:grid}.choose h1{letter-spacing:-.03em;font-size:clamp(2rem,1.3rem + 2.4vw,3rem);line-height:1.05}.choose p{color:var(--mut)}.choose ul{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}@media (max-width:1080px){.stage-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"scenes""device""notes";justify-items:center}.side{justify-self:stretch;width:100%;margin-top:0}.scenes{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.turn{order:3;justify-self:center;width:100%;max-width:520px}.notes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:100%;max-width:none;margin-top:56px}}@media (max-width:860px){.nav .wrap>nav{display:none}.nav .wrap{gap:12px}.lang{margin-left:auto}.hero-head,.sec-head,.final-grid,.faq{grid-template-columns:1fr}.faq h2{position:static}.plate dl{grid-template-columns:1fr 1fr}.plate div:nth-child(3){border-left:0}.plate div:nth-child(n+3){border-top:1px solid var(--line)}.cus{grid-template-columns:1fr}.cu:first-child{grid-row:auto}.cu.wide,.ledger,.foot-grid{grid-template-columns:1fr}.peek{height:300px;margin-inline:calc(-1 * var(--pad))}}@media (max-width:560px){.scenes{grid-template-columns:1fr 1fr}.scene span{display:none}.scene{text-align:center;justify-items:center;min-height:48px}.nav .btn-sm{display:none}.plate dd{font-size:1.125rem}.plate div{padding:16px 18px}.faces{grid-template-columns:1fr 1fr;gap:10px}.states li{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.device,.screen-swap{animation:none}.fig8 circle{offset-distance:25%;animation:none}html{scroll-behavior:auto}.qa summary svg,.store,.note-btn .pin:after{transition:none}}.js-only{display:revert}.nf{min-height:100svh;padding:var(--pad);place-content:center;gap:16px;display:grid}.foot .badges{margin-top:20px}
