@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");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}.hexfloat,.hexfloat-plane,.hexfloat-content{display:contents}.hexfloat-spacer,.desk-bed{display:none}html[data-hexfloat=on],html[data-hexfloat=on] body{height:100%;overflow:hidden}.hexfloat[data-hexfloat-on]{z-index:0;display:block;position:fixed;inset:0}.hexfloat[data-hexfloat-on] .hexfloat-source{width:100%;height:100%;position:absolute;inset:0}.hexfloat[data-hexfloat-on] .hexfloat-content{overscroll-behavior:contain;width:100%;height:100%;display:block;position:relative;overflow:auto}.hexfloat[data-hexfloat-on] .hexfloat-output{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}:root{--desk-tooth-alpha:.11;--gloss-hard:#ffffff57;--gloss-soft:#ffffff1a;--gloss-dark:#12181e14;--gloss-fresnel:#ffffff38;--gloss-lamp:#fff0d280;--grid-fine:#40687e08;--grid-bold:#40687e13;--grid-fine-step:31px;--grid-bold-step:124px;--table-base:#c6b096;--table-sheen:#ffffff42;--table-light:#fff6e257;--table-shade:#16202a57;--table-contact:#19191757;--fold-far:rgba(var(--ink-rgb), .016);--fold-near:rgba(var(--ink-rgb), .026);--fold-hi:rgba(var(--hi-rgb), .14);--fold-tail:rgba(var(--ink-rgb), .012)}:root[data-theme=dark]{--desk-tooth-alpha:.17;--gloss-hard:#d6ecff1f;--gloss-soft:#c6def008;--gloss-dark:#0000004d;--gloss-fresnel:#bedcf512;--gloss-lamp:#ffd89a24;--grid-fine:#7eaac812;--grid-bold:#7eaac824;--table-base:#0d100f;--table-sheen:#96b2be1a;--table-light:#7ea2b017;--table-shade:#0000008c;--table-contact:#0009;--fold-far:#00000029;--fold-near:#0000004d;--fold-hi:rgba(var(--hi-rgb), .035);--fold-tail:#0000001f}:root{--table-layers: radial-gradient(34% 58% at 88% 4%, var(--gloss-lamp), transparent 64%),  linear-gradient(to bottom, var(--gloss-fresnel) 0%, transparent 44%),  linear-gradient(253deg, var(--gloss-dark) 0%, transparent 17%, var(--gloss-soft) 26.5%, var(--gloss-hard) 28.5%, var(--gloss-hard) 29.5%, var(--gloss-soft) 34%, transparent 60%), radial-gradient(120% 78% at 84% -12%, var(--table-light), transparent 56%), radial-gradient(150% 105% at 50% 116%, var(--table-shade), transparent 62%);--table-layer-repeat:no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;--table-layer-size:auto, auto, auto, auto, auto}html,html body{background-color:var(--table-base)}.desk-surface{z-index:0;pointer-events:none;background-color:var(--table-base);background-image:var(--table-layers);background-repeat:var(--table-layer-repeat);background-size:var(--table-layer-size);position:fixed;inset:0;transform:translateZ(0)}@media (width>=1024px){:root .paper-stage{width:min(1440px,100% - 88px);margin-top:34px;margin-bottom:48px}}.paper-stage:before{content:"";z-index:-1;background:color-mix(in srgb, var(--paper) 82%, var(--table-base));box-shadow:0 2px 3px var(--table-contact), 0 18px 34px -14px var(--table-contact);transform-origin:50%;position:absolute;inset:9px 7px 11px;transform:rotate(-.42deg)}.paper-stage:after{content:"";z-index:6;pointer-events:none;position:absolute;inset:0}@media (width>=960px){.paper-stage:after{background-image:linear-gradient(90deg, transparent calc(50% - 170px), var(--fold-far) calc(50% - 54px), var(--fold-near) calc(50% - 8px), var(--fold-hi) calc(50% + 10px), var(--fold-tail) calc(50% + 66px), transparent calc(50% + 178px)), var(--paper-grain);background-size:auto,140px 140px}}@media (width<=800px){.paper-stage:before{display:none}}@media (width>=1024px) and (pointer:fine) and (prefers-reduced-motion:no-preference){:root{--tilt-angle:24deg;--tilt-persp:2000px;--tilt-scale:.8;--k:1;--stage-w:calc(100vw / var(--k));--stage-h:calc(100vh / var(--k));--paper-top:-80px}html[data-paper-tilt=on]{scrollbar-width:none}html[data-paper-tilt=on]::-webkit-scrollbar{display:none}html[data-paper-tilt=on] .hexfloat-spacer{pointer-events:none;width:1px;display:block}html[data-paper-tilt=on] .hexfloat{z-index:0;perspective:calc(var(--tilt-persp) * var(--k));perspective-origin:50% 44%;background:0 0;display:block;position:fixed;inset:0}html[data-paper-tilt=on] body{background-color:#0000}html[data-paper-tilt=on] .desk-bed{z-index:0;pointer-events:none;opacity:var(--desk-tooth-alpha);transform:translateY(calc(var(--desk-tile,0px) * -1));will-change:transform;background-image:url(/desk-tooth.png);background-repeat:repeat;background-size:96px 96px;display:block;position:absolute;inset:-40% -30%}html[data-paper-tilt=on] .hexfloat-plane{width:var(--stage-w);height:var(--stage-h);margin-left:calc(var(--stage-w) / -2);margin-top:calc(var(--stage-h) / -2);transform:rotateX(var(--tilt-angle)) scale(calc(var(--tilt-scale) * var(--k)));transform-origin:50%;display:block;position:absolute;top:50%;left:50%}html[data-paper-tilt=on] .hexfloat-content{width:100%;transform:translateY(calc(var(--paper-top) - var(--desk-shift,0px)));display:block;position:absolute;top:0;left:0}html[data-paper-tilt=on] .paper-stage{width:100%;margin:0}html[data-paper-tilt=on] .sheet{background-image:var(--grid-layers);background-size:var(--grid-sizes)}html[data-paper-tilt=on] .paper-stage:before,html[data-paper-tilt=on] .paper-stage:after{display:none}}@media (width>=1700px) and (pointer:fine) and (prefers-reduced-motion:no-preference){:root{--k:1.2}}@media (width>=2100px) and (pointer:fine) and (prefers-reduced-motion:no-preference){:root{--k:1.45}}@media (width>=2500px) and (pointer:fine) and (prefers-reduced-motion:no-preference){:root{--k:1.7}}@media (width>=3000px) and (pointer:fine) and (prefers-reduced-motion:no-preference){:root{--k:2.05}}@media (width>=3500px) and (pointer:fine) and (prefers-reduced-motion:no-preference){:root{--k:2.4}}html[data-hexfloat=on] .desk-surface,html[data-hexfloat=on] .paper-stage:before,html[data-hexfloat=on] .paper-stage:after{display:none}.desk-sprite{width:0;height:0;position:absolute;overflow:hidden}.desk-props{display:none}@media (width>=1024px) and (pointer:fine) and (prefers-reduced-motion:no-preference){html[data-paper-tilt=on] .desk-props{width:var(--stage-w);height:var(--stage-h);margin-left:calc(var(--stage-w) / -2);margin-top:calc(var(--stage-h) / -2);z-index:1;pointer-events:none;transform:rotateX(var(--tilt-angle)) scale(calc(var(--tilt-scale) * var(--k,1))) translateY(calc(var(--desk-shift,0px) * -1));transform-origin:50%;--prop-body:color-mix(in srgb, var(--paper) 82%, var(--ink));--prop-body-hi:color-mix(in srgb, var(--paper) 94%, var(--ink));--prop-line:rgba(var(--ink-rgb), .45);--prop-ink:rgba(var(--ink-rgb), .68);--prop-steel:color-mix(in srgb, var(--paper) 62%, var(--ink));--prop-contact:#18161280;--prop-shadow:#1c18124d;display:block;position:absolute;top:50%;left:50%}:root[data-theme=dark] .desk-props{--prop-body:color-mix(in srgb, var(--paper) 62%, var(--ink) 18%);--prop-body-hi:color-mix(in srgb, var(--paper) 78%, var(--ink) 10%);--prop-line:rgba(var(--ink-rgb), .34);--prop-ink:rgba(var(--ink-rgb), .5);--prop-steel:color-mix(in srgb, var(--paper) 52%, var(--ink) 26%);--prop-contact:#000000b3;--prop-shadow:#00000080}}.desk-props .prop-cast{left:var(--x);top:var(--y);width:var(--w);filter:drop-shadow(calc(var(--lift,4) * -.16px) calc(var(--lift,4) * .32px) calc(var(--lift,4) * .2px) var(--prop-contact)) drop-shadow(calc(var(--lift,4) * -.7px) calc(var(--lift,4) * 2.2px) calc(var(--lift,4) * 1.5px) var(--prop-shadow));position:absolute;transform:translate(-50%,-50%)}.desk-props .prop{width:100%;height:auto;transform:rotate(var(--r,0deg));pointer-events:auto;cursor:grab;touch-action:none;display:block;overflow:visible}.desk-props .prop-cast[data-zone=write] .prop{cursor:crosshair}.desk-props .prop-cast[data-zone=spin] .prop{cursor:alias}.desk-props .prop-cast.is-held .prop{cursor:grabbing}.desk-props .prop-cast.is-held{z-index:2;filter:drop-shadow(calc(var(--lift,4) * -.3px) calc(var(--lift,4) * .7px) calc(var(--lift,4) * .5px) var(--prop-contact)) drop-shadow(calc(var(--lift,4) * -1.4px) calc(var(--lift,4) * 4.2px) calc(var(--lift,4) * 2.6px) var(--prop-shadow))}.desk-ink{z-index:7;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.ink{fill:none;stroke-linecap:round;stroke-linejoin:round}.ink-pencil{stroke:color-mix(in srgb, var(--ink) 78%, var(--paper));stroke-width:2.4px;opacity:.85}.ink-pencil-red{stroke:var(--tool-pencil-red);stroke-width:2.4px;opacity:.85}.ink-stub{stroke:color-mix(in srgb, var(--ink) 88%, var(--paper));stroke-width:3px;opacity:.8}.ink-pen{stroke:var(--tool-pen);stroke-width:2.2px}.ink-marker{stroke:var(--tool-marker);stroke-width:13px;opacity:.28}.ruler-body{fill:color-mix(in srgb, var(--prop-body-hi) 80%, transparent);stroke:var(--prop-line);stroke-width:1.2px}.ruler-edge{stroke:var(--prop-line);stroke-width:1px}.ruler-tick{stroke:var(--prop-ink);stroke-width:1.1px}.ruler-label{font-family:var(--font-mono);fill:var(--prop-line);font-size:13px}.watch-strap{fill:color-mix(in srgb, var(--ink) 58%, var(--paper));stroke:var(--prop-line);stroke-width:1.1px}.watch-strap-seam{stroke:rgba(var(--ink-rgb), .3);stroke-width:1.2px;fill:none}.watch-hole{fill:color-mix(in srgb, var(--ink) 82%, var(--paper))}.watch-case{fill:var(--prop-steel);stroke:var(--prop-line);stroke-width:1.4px}.watch-crown,.watch-button{fill:color-mix(in srgb, var(--prop-steel) 66%, var(--ink))}.watch-crown-rib{fill:rgba(var(--ink-rgb), .45)}.watch-screen{fill:#0f1518}.watch-time{fill:#e7ede9;font:700 19px/1 var(--font-mono);text-anchor:middle;letter-spacing:-.02em}.watch-date{fill:#7ea8ee;font:700 9.5px/1 var(--font-mono);text-anchor:middle;letter-spacing:.06em}.prop-pencil.tone-red{--pencil-body:var(--tool-pencil-red);--pencil-lead:color-mix(in srgb, var(--tool-pencil-red) 78%, #200806);--pencil-eraser:color-mix(in srgb, var(--paper) 74%, var(--tool-pencil-red))}.pencil-lead{fill:var(--pencil-lead,var(--ink))}.pencil-wood{fill:var(--prop-body-hi);stroke:var(--prop-line);stroke-width:1px}.pencil-body{fill:var(--pencil-body,#c8622f)}.stub-body{fill:var(--blue)}.pencil-facet{stroke:#00000029;stroke-width:1px}.pencil-ferrule{fill:var(--prop-steel)}.pencil-eraser{fill:var(--pencil-eraser,color-mix(in srgb, var(--paper) 70%, #c8622f))}.pen-tip,.pen-cone{fill:var(--prop-steel)}.pen-body,.pen-cap{fill:var(--tool-pen)}.pen-clip{stroke:var(--prop-steel);stroke-width:2.6px;fill:none}.pen-gloss{stroke:#ffffff38;stroke-width:2px}:root{--tool-marker:var(--pos);--tool-pen:var(--blue);--tool-pencil-red:#b5352b}:root[data-theme=dark]{--tool-pencil-red:#d95a4a}.marker-nib{fill:var(--prop-steel)}.marker-collar{fill:var(--prop-body)}.marker-body{fill:var(--prop-body);stroke:var(--prop-line);stroke-width:1px}.marker-cap{fill:var(--tool-marker)}.marker-band{stroke:var(--prop-line);stroke-width:1.2px}.clip-wire{stroke:var(--clip-ink,var(--prop-steel));stroke-width:3.4px;stroke-linecap:round;fill:none}.prop-cast[data-edge] .clip-tongue{stroke-dasharray:50 100}.prop-cast[data-edge=r] .clip-tongue{stroke-dashoffset:-50px}.prop-clip.tone-rust{--clip-ink:#c25a2c}.prop-clip.tone-blue{--clip-ink:var(--blue-2)}.prop-clip.tone-pos{--clip-ink:var(--pos)}.prop-clip.tone-brass{--clip-ink:#d29942}.eraser-body{fill:var(--prop-body-hi);stroke:var(--prop-line);stroke-width:1.2px}.eraser-band{fill:color-mix(in srgb, var(--blue) 34%, var(--paper))}.sticky-body{fill:color-mix(in srgb, var(--paper) 62%, white);stroke:var(--prop-line);stroke-width:1.2px}.sticky-fold{fill:color-mix(in srgb, var(--paper) 74%, var(--ink))}.sticky-rule{stroke:var(--prop-line);stroke-width:1.6px}.binder-body{fill:color-mix(in srgb, var(--ink) 88%, var(--paper))}.binder-lip{stroke:var(--prop-steel);stroke-width:2.4px}.binder-handle{stroke:var(--prop-steel);stroke-width:3px;fill:none;stroke-linecap:round}html[data-hexfloat=on] .desk-props,.desk-lamp{display:none}@media (width>=1024px) and (pointer:fine) and (prefers-reduced-motion:no-preference){html[data-paper-tilt=on] .desk-lamp{width:var(--lamp-w);z-index:8;height:calc(var(--lamp-w) * 2.2632);--lamp-w:clamp(104px, 8vw, 148px);--lamp-travel:max(0px, calc(6vh + var(--lamp-w) * .52 - 10px));--stem-min:calc(var(--lamp-w) * .12);--lamp-slide:min(calc(var(--desk-shift,0px) - min(var(--desk-shift,0px), var(--lamp-travel))), calc(var(--stem-len) - var(--stem-min)));--shade-tilt:44deg;--joint-y:calc(var(--lamp-w) * .8737);--joint-x:calc(var(--lamp-w) * .7474);--stem-w:calc(var(--lamp-w) * .0526);--stem-len:calc(var(--lamp-w) * 1.1632);right:max(72px,3.4%);top:calc(6vh - min(var(--desk-shift,0px), var(--lamp-travel)));--lamp-metal:color-mix(in srgb, var(--ink) 78%, var(--paper));--lamp-metal-hi:color-mix(in srgb, var(--ink) 46%, var(--paper));--lamp-metal-lo:color-mix(in srgb, var(--ink) 92%, var(--paper));--lamp-cast:#1919174d;--lamp-bulb-off:color-mix(in srgb, var(--ink) 62%, var(--paper));--lamp-glow:#ffd9a1;display:block;position:absolute;transform:translate(50%)}html[data-paper-tilt=on] .theme-toggle{display:none}:root[data-theme=dark] .desk-lamp{--lamp-metal:color-mix(in srgb, var(--paper) 58%, var(--ink) 22%);--lamp-metal-hi:color-mix(in srgb, var(--paper) 82%, var(--ink) 8%);--lamp-metal-lo:color-mix(in srgb, var(--paper) 38%, var(--ink) 40%);--lamp-cast:#0000009e;--lamp-glow:#ffcf8c}}.desk-lamp .lamp-head,.desk-lamp .lamp-foot{width:100%;height:auto;position:absolute;left:0;overflow:visible;transform:scaleX(-1)}.desk-lamp .lamp-head{top:0}.desk-lamp .lamp-foot{top:calc(var(--lamp-slide) * -1)}.desk-lamp .lamp-stem{top:var(--joint-y);left:calc(var(--joint-x) - var(--stem-w) / 2);width:var(--stem-w);height:max(0px, calc(var(--stem-len) - var(--lamp-slide)));background:linear-gradient(90deg, var(--lamp-metal-lo), var(--lamp-metal-hi) 62%, var(--lamp-metal) 100%);position:absolute}.lamp-swing{transform-box:view-box;transform-origin:48px 166px;transform:rotate(calc(var(--desk-progress,0) * 6deg)) translateX(calc(var(--desk-progress,0) * 5px))}.lamp-cast{fill:var(--lamp-cast);filter:blur(6px)}.desk-lamp .lamp-foot{overflow:visible}.lamp-mirror{pointer-events:none}.lamp-base-side{fill:var(--lamp-metal-lo)}.lamp-base-top{fill:var(--lamp-metal)}.lamp-base-hi{fill:var(--lamp-metal-hi);opacity:.5}.lamp-joint{fill:var(--lamp-metal-lo)}.lamp-joint-hi{fill:var(--lamp-metal-hi);opacity:.55}.lamp-arm{fill:var(--lamp-metal)}.lamp-arm-hi{fill:var(--lamp-metal-hi);opacity:.6}.lamp-shade{fill:var(--lamp-metal)}.lamp-shade-hi{fill:var(--lamp-metal-hi);opacity:.45}.lamp-mouth{fill:var(--lamp-metal-lo)}.lamp-bulb{fill:var(--lamp-bulb-off);transition:fill .45s,filter .45s}:root[data-theme=dark] .lamp-bulb{fill:var(--lamp-glow);filter:drop-shadow(0 0 14px var(--lamp-glow))}.lamp-beam{width:150vmax;height:150vmax;transform:translate(50%, -50%) rotate(calc(var(--shade-tilt) - var(--desk-progress,0) * 6deg)) translateY(calc(var(--lamp-w) * -.3));pointer-events:none;background:conic-gradient(from 0deg at 50% 50%, transparent 150deg, color-mix(in srgb, var(--lamp-glow) 42%, transparent) 172deg, color-mix(in srgb, var(--lamp-glow) 42%, transparent) 188deg, transparent 210deg);opacity:0;transition:opacity .5s;position:absolute;top:37.1%;right:67%;mask-image:radial-gradient(closest-side,#000 0%,#000000eb 16%,#00000061 46%,#0000 72%)}:root[data-theme=dark] .lamp-beam{opacity:.5}.lamp-switch{left:calc(var(--lamp-w) * .17);top:calc(var(--lamp-w) * .45);width:calc(var(--lamp-w) * .58);height:calc(var(--lamp-w) * .58);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0;position:absolute}.lamp-switch:focus-visible{outline:2px solid var(--pen);outline-offset:2px}.desk-lamp:has(.lamp-switch:hover) .lamp-bulb,.desk-lamp:has(.lamp-switch:focus-visible) .lamp-bulb{fill:color-mix(in srgb, var(--lamp-glow) 55%, var(--lamp-bulb-off))}:root[data-theme=dark] .desk-lamp:has(.lamp-switch:hover) .lamp-bulb,:root[data-theme=dark] .desk-lamp:has(.lamp-switch:focus-visible) .lamp-bulb{fill:#fff0d4;filter:drop-shadow(0 0 20px var(--lamp-glow))}html[data-hexfloat=on] .desk-lamp{display:none}:root{color-scheme:light;--page-bg:#c5c3bd;--paper:#f0efe8;--ink:#141915;--ink-rgb:20,25,21;--hi-rgb:255,255,255;--pen:#2c4f92;--pen-on:#fbfaf6;--blue:#113653;--ease-snap:cubic-bezier(.2,.82,.2,1);--ease-reveal:cubic-bezier(.22,.68,.24,1);--blue-2:#164a76;--muted:#62645e;--pos:#2f6b45;--bar:#d0d1ca;--sel-bg:#2c4f92;--sel-fg:#fffdf5;--grid-layers:linear-gradient(90deg, var(--grid-bold) 1px, transparent 1px), linear-gradient(var(--grid-bold) 1px, transparent 1px), linear-gradient(90deg, var(--grid-fine) 1px, transparent 1px), linear-gradient(var(--grid-fine) 1px, transparent 1px);--grid-sizes:var(--grid-bold-step) var(--grid-bold-step), var(--grid-bold-step) var(--grid-bold-step), var(--grid-fine-step) var(--grid-fine-step), var(--grid-fine-step) var(--grid-fine-step);--panel-fill-rgb:240,239,232;--panel-fill-hi-rgb:248,246,238}:root[data-theme=dark]{color-scheme:dark;--page-bg:#06090b;--paper:#131b20;--ink:#e7ede9;--ink-rgb:197,210,206;--hi-rgb:235,245,240;--pen:#7ea8ee;--pen-on:#0d1216;--blue:#2b6fb2;--blue-2:#7fb6e6;--muted:#939d97;--pos:#62c98d;--bar:#37413f;--sel-bg:#7ea8ee;--sel-fg:#0f1518;--panel-fill-rgb:31,41,37;--panel-fill-hi-rgb:44,56,51}:root{--font-sans:"Inter Variable", Inter, Arial, sans-serif;--font-serif:"Iowan Old Style", "Baskerville", "Times New Roman", serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-hand:"Bradley Hand", "Iowan Old Style", cursive, serif;--text-micro:10px;--text-sm:12px;--text-md:14px;--text-label:15px;--text-btn:12px;--text-list:14.5px;--text-body:16.5px;--text-lead:18.5px;--lh-body:1.6;--lh-lead:1.5;--measure:33em;--lh-tight:.98;--track-label:.04em;--track-display:-.035em}*{box-sizing:border-box}html{background:var(--page-bg)}body{color:var(--ink);background:var(--page-bg);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--lh-body);-webkit-overflow-scrolling:touch;margin:0;overflow-x:clip}button,select{font:inherit}::selection{background:var(--sel-bg);color:var(--sel-fg)}a{color:var(--pen)}a:hover{color:var(--blue)}.paper-stage{width:min(1440px,100% - 44px);margin:18px auto 25px;position:relative}.sheet{background-color:var(--paper);background-image:radial-gradient(ellipse at 82% 39%, rgba(var(--hi-rgb),.28), transparent 40%), var(--grid-layers);background-size:100% 100%, var(--grid-sizes);border:1px solid #31363347;width:100%;margin:0;position:relative;overflow:clip visible;box-shadow:0 1px 2px #1919170d,0 10px 28px #19191714,0 28px 56px #1919171a,inset 0 0 1px #2a2f2d80}.sheet:before,.sheet:after{content:"+";z-index:5;color:var(--muted);font:16px/1 var(--font-mono);position:absolute;top:3px}.sheet:before{left:7px}.sheet:after{right:7px}.topbar{border-bottom:1px solid rgba(var(--ink-rgb),.36);background-color:var(--paper);background-image:linear-gradient(90deg, rgba(var(--ink-rgb),.03) 1px, transparent 1px), linear-gradient(rgba(var(--ink-rgb),.025) 1px, transparent 1px);background-size:31px 31px;grid-template-columns:auto 1fr auto;align-items:stretch;gap:22px 30px;height:86px;padding:0 56px;display:grid}.brand{color:var(--ink);font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;align-items:center;font-size:28px;font-weight:700;text-decoration:none;display:flex}.brand-note{border-left:1px solid rgba(var(--ink-rgb),.36);min-width:0;font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted);flex-direction:column;justify-content:center;place-self:stretch start;margin:0;padding-left:24px;line-height:1.4;display:flex}.theme-toggle{width:42px;height:42px;color:var(--ink);border:1px solid rgba(var(--ink-rgb),.5);cursor:pointer;background:0 0;place-self:center end;place-items:center;padding:0;transition:color .25s,border-color .25s,background-color .25s,transform .25s;display:grid}.theme-toggle:hover{color:var(--pen);border-color:var(--pen)}.theme-toggle:focus-visible{color:var(--pen);border-color:var(--pen);box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--pen);outline:none}.theme-toggle:active{transform:scale(.92)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;grid-area:1/1;width:19px;height:19px;transition:transform .4s cubic-bezier(.2,.82,.2,1),opacity .3s}.theme-toggle .icon-moon{opacity:0;transform:rotate(-40deg)scale(.6)}.theme-toggle .icon-sun{opacity:1;transform:rotate(0)scale(1)}:root[data-theme=dark] .theme-toggle .icon-sun{opacity:0;transform:rotate(40deg)scale(.6)}:root[data-theme=dark] .theme-toggle .icon-moon{opacity:1;transform:rotate(0)scale(1)}html.theme-anim .theme-toggle svg{transition:transform .3s var(--ease-snap), opacity .2s ease}.brand-note,.revision{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--track-label);line-height:1.4}.revision{border:1px solid rgba(var(--ink-rgb),.5);gap:2px;padding:8px 12px;display:grid}.revision time{font-size:var(--text-micro)}.section-grid{grid-template-columns:43% 57%;display:grid}.hero{border-bottom:1px solid rgba(var(--ink-rgb),.45);min-height:850px;position:relative}.hero:after,.ruled-section:after{content:"+";font:14px/1 var(--font-mono);background:var(--paper);color:var(--muted);position:absolute;bottom:-8px;right:9px}.coordinate{z-index:2;font:13px/1 var(--font-mono);color:var(--muted);position:absolute;top:28px;left:17px}.hero-copy{align-self:center;padding:48px 26px 48px 58px}h1 span{white-space:nowrap}h1{max-width:630px;font-family:var(--font-serif);letter-spacing:var(--track-display);margin:0;font-size:clamp(52px,5vw,78px);font-weight:400;line-height:.94}.lead{max-width:var(--measure);font-size:var(--text-lead);line-height:var(--lh-lead);text-wrap:pretty;margin:32px 0 0}.hero-actions{gap:22px;margin-top:42px;display:flex}.button{border:1px solid var(--pen);min-height:58px;font-family:var(--font-mono);font-size:var(--text-btn);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;gap:15px;padding:0 23px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.button:hover{box-shadow:0 8px 20px color-mix(in srgb, var(--pen), transparent 80%);transform:translateY(-3px)}.button svg{fill:currentColor;width:21px}.button-primary{background:var(--pen);color:var(--pen-on)}.button-primary:hover,.button-primary:focus-visible{color:var(--pen-on)}.button-secondary{color:var(--ink);border-color:rgba(var(--ink-rgb),.48);min-width:200px}.button-secondary span{margin-left:auto;font-size:20px}.system-visual{border-left:1px solid rgba(var(--ink-rgb),.12);min-width:0;height:850px;position:relative}.panel-scrawl{z-index:3;text-align:right;color:var(--ink);font:400 24px/1.24 var(--font-hand);transform-origin:100% 0;pointer-events:none;margin:0;position:absolute;top:40px;right:46px;transform:rotate(-6deg)}.panel-scrawl:after{content:"";opacity:.7;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 10'%3E%3Cpath d='M2 6 C22 2 40 9 58 4 C68 1.5 76 3 82 6' fill='none' stroke='%23141915' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:84px;height:10px;margin:6px 0 0 auto;display:block}:root[data-theme=dark] .panel-scrawl:after{filter:invert()}.ruled-section{border-bottom:1px solid rgba(var(--ink-rgb),.45);position:relative}.band{--band-total:847px;--band-head:264px;min-height:var(--band-total);flex-direction:column;display:flex}.band:before{content:"";z-index:2;background-image:repeating-linear-gradient(rgba(var(--ink-rgb),.42) 0 5px, transparent 5px 11px);width:1px;position:absolute;top:54px;bottom:14px;left:21px}.band-body{flex:1 0 auto;min-height:0}.section-intro{min-height:var(--band-head);border-bottom:1px solid rgba(var(--ink-rgb),.3);grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);align-items:start;gap:48px clamp(40px,4.4vw,78px);padding:44px 52px 40px;display:grid;position:relative}.section-intro h2{max-width:650px;font:400 clamp(32px, 3.1vw, 48px)/var(--lh-tight) var(--font-serif);letter-spacing:var(--track-display);margin:0}.section-note{border-top:1px solid rgba(var(--ink-rgb),.28);max-width:420px;font:400 20px/1.28 var(--font-hand);color:var(--ink);transform-origin:0 0;margin:0;padding-top:16px;position:absolute;bottom:34px;left:52px;transform:rotate(-1.4deg)}.section-lead{max-width:var(--measure);gap:14px;display:grid}.section-lead p{font-size:var(--text-body);line-height:var(--lh-body);text-wrap:pretty;margin:5px 0 0}.section-lead p+p{margin-top:0}.proof-graphic{background-image:linear-gradient(90deg, rgba(var(--ink-rgb),.04) 1px, transparent 1px), linear-gradient(rgba(var(--ink-rgb),.035) 1px, transparent 1px);background-size:24px 24px;justify-content:center;align-items:center;gap:clamp(28px,7vw,124px);padding:44px clamp(24px,3.6vw,54px);display:flex;position:relative;overflow:hidden}.proof-item{flex-direction:column;flex:0 268px;gap:14px;margin:0;display:flex}.proof-tag{font:700 var(--text-micro)/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid rgba(var(--ink-rgb),.3);align-self:flex-start;padding:4px 9px}.proof-tag-live{color:var(--pen-on);background:var(--pen);border-color:var(--pen)}.proof-item figcaption{font:var(--text-sm)/1.5 var(--font-sans);color:var(--muted)}.proof-product figcaption{color:var(--ink)}.proof-arrow{color:var(--pen);font:400 28px/1 var(--font-serif);flex:none;align-self:center}.phone{--app-paper:#0f1518;--app-ink:#e7ede9;--app-muted:#939d97;--app-accent:#7ea8ee;--app-pos:#62c98d;--app-1:8px;--app-2:9.5px;--app-3:11px;aspect-ratio:168/344;width:150px;box-shadow:0 0 0 .5px rgba(var(--hi-rgb),.35) inset, 7px 11px 24px #1919174d;background:linear-gradient(118deg,#6f7780 0%,#2b3138 18%,#8b939c 34%,#343b42 52%,#7c848d 68%,#262c33 86%,#5d656e 100%);border-radius:32px;padding:3.5px;position:relative}.phone-btn{z-index:3;background:linear-gradient(90deg,#3a4147,#7d858e 55%,#333a41);border-radius:2px;position:absolute}.phone-action{width:2.5px;height:16px;top:62px;left:-1.5px}.phone-vol-up{width:2.5px;height:26px;top:88px;left:-1.5px}.phone-vol-down{width:2.5px;height:26px;top:120px;left:-1.5px}.phone-power{width:2.5px;height:38px;top:96px;right:-1.5px}.phone-camera{background:linear-gradient(90deg,#2f353b,#9aa2ab 60%,#3a4148);width:2.5px;height:22px;top:152px;right:-1.5px}.phone-island{z-index:2;background:#05070a;border-radius:6px;width:34px;height:10px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--app-paper);height:100%;color:var(--app-ink);border-radius:28.5px;flex-direction:column;display:flex;position:relative;overflow:hidden}.app-bar{height:24px;font:700 var(--app-1)/1 var(--font-mono);color:var(--app-ink);flex:none;justify-content:space-between;align-items:center;padding:0 11px;display:flex}.app-sign{align-items:flex-end;gap:1.5px;display:flex}.app-sign i{background:var(--app-ink);border-radius:1px;width:2px}.app-sign i:first-child{height:3px}.app-sign i:nth-child(2){height:5px}.app-sign i:nth-child(3){height:7px}.app-view{flex-direction:column;flex:auto;gap:6px;min-height:0;padding:4px 10px 8px;display:none;overflow:hidden}.app-view[data-on]{animation:appIn .22s var(--ease-snap) both;display:flex}@keyframes appIn{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:none}}.app-title{white-space:nowrap;font:700 var(--app-2)/1.2 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--app-muted);margin:2px 0 4px}.app-row{color:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border:0;border-radius:10px;align-items:center;gap:6px;padding:7px;transition:background-color .16s,transform .16s;display:flex}.app-row:hover{background:#ffffff1a}.app-row:active{transform:scale(.98)}.app-head{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.app-shift{font:700 var(--app-1)/1 var(--font-mono);color:var(--app-muted);white-space:nowrap}.app-dot{background:var(--app-muted);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #ffffff0f}.app-dot[data-state=ok]{background:var(--app-pos)}.app-dot[data-state=warn]{background:var(--app-accent)}.app-dot[data-state=stop]{background:#8b3b3b}.app-metric{justify-items:end;gap:1px;margin-left:auto;display:grid}.app-metric b{font:700 var(--app-2)/1 var(--font-mono);color:var(--app-ink)}.app-metric i{font:400 7px/1 var(--font-mono);letter-spacing:var(--track-label);color:var(--app-muted);font-style:normal}.app-pill{font:700 7.5px/1.4 var(--font-mono);color:var(--app-muted);background:#ffffff14;border-radius:6px;padding:2px 6px}.app-pill[data-pill-state=ok]{color:var(--app-pos)}.app-pill[data-pill-state=stop]{color:#e07777}.app-chart{width:100%;height:42px}.app-plot{fill:none;stroke:var(--app-accent);stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.app-goal{stroke:#ffffff2e;stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.app-stats{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.app-stats span{gap:1px;display:grid}.app-stats b{font:700 var(--app-2)/1 var(--font-mono)}.app-stats i{font:400 7px/1 var(--font-mono);letter-spacing:var(--track-label);color:var(--app-muted);font-style:normal}.app-alerts{align-content:start;gap:5px;display:grid}.app-alert{border-left:2px solid var(--app-muted);background:#ffffff0d;border-radius:9px;align-items:center;gap:6px;padding:6px 7px;display:flex}.app-alert[data-level=высокий]{border-left-color:#e07777}.app-alert[data-level=средний]{border-left-color:var(--app-accent)}.app-alert-text{gap:1px;min-width:0;display:grid}.app-alert-text b{font:600 var(--app-1)/1.2 var(--font-sans)}.app-alert-text i{font:400 7.5px/1.2 var(--font-sans);color:var(--app-muted);font-style:normal}.app-take{color:var(--app-ink);font:700 7px/1 var(--font-mono);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:7px;margin-left:auto;padding:4px 7px}.app-take:hover{border-color:var(--app-accent);color:var(--app-accent)}.app-swatch{background:radial-gradient(circle at 34% 30%, #ffffff59, transparent 60%), var(--bean);border-radius:50%;flex:none;width:16px;height:16px}.app-row-text{gap:1px;min-width:0;display:grid}.app-row-text b{font:600 var(--app-2)/1.2 var(--font-sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-row-text i{font:400 var(--app-1)/1.2 var(--font-sans);color:var(--app-muted);font-style:normal}.app-price{white-space:nowrap;font:700 var(--app-1)/1 var(--font-mono);color:var(--app-accent);margin-left:auto}.app-back{color:var(--app-muted);font:700 var(--app-1)/1 var(--font-mono);letter-spacing:var(--track-label);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.app-hero{background:radial-gradient(circle at 38% 32%, #ffffff4d, transparent 58%), var(--bean,#7a4a2b);border-radius:12px;height:74px}.app-name{font:600 var(--app-3)/1.2 var(--font-sans)}.app-note{font:400 var(--app-1)/1.2 var(--font-sans);color:var(--app-muted);font-style:normal}.app-grind{gap:5px;display:flex}.app-chip{color:var(--app-muted);font:700 var(--app-1)/1 var(--font-mono);cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:8px;flex:1;padding:5px 0;transition:background-color .16s,color .16s,border-color .16s}.app-chip[data-on]{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-paper)}.app-buy{background:var(--app-accent);color:var(--app-paper);font:700 var(--app-1)/1 var(--font-mono);letter-spacing:var(--track-label);cursor:pointer;border:0;border-radius:10px;margin-top:auto;padding:9px 0;transition:transform .16s,filter .16s}.app-buy:hover{filter:brightness(1.07)}.app-buy:active{transform:scale(.97)}.app-buy[data-done]{background:var(--app-pos);color:var(--app-paper)}.app-cart-list{align-content:start;gap:5px;display:grid;overflow:hidden}.app-cart-row{font:400 var(--app-1)/1.2 var(--font-sans);align-items:center;gap:6px;display:flex}.app-cart-row b{font:700 var(--app-1)/1 var(--font-mono);color:var(--app-accent);margin-left:auto}.app-empty{font:400 var(--app-1)/1 var(--font-sans);color:var(--app-muted);margin:6px 0 0}.app-total{font:700 var(--app-1)/1 var(--font-mono);letter-spacing:var(--track-label);color:var(--app-muted);border-top:1px solid #ffffff1f;justify-content:space-between;align-items:baseline;padding-top:6px;display:flex}.app-total b{font-size:var(--app-3);color:var(--app-ink)}.app-tabs{border-top:1px solid #ffffff1a;flex:none;grid-template-columns:1fr 1fr;gap:4px;padding:6px 10px 10px;display:grid}.app-tab{color:var(--app-muted);font:700 var(--app-1)/1 var(--font-mono);letter-spacing:var(--track-label);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:6px 0;transition:color .16s,background-color .16s;display:flex}.app-tab[data-on]{color:var(--app-ink);background:#ffffff12}.app-badge[hidden]{display:none}.app-badge{vertical-align:1px;background:var(--app-accent);min-width:12px;height:12px;color:var(--app-paper);font:700 7.5px/1 var(--font-mono);border-radius:6px;place-items:center;padding:0 3px;display:inline-grid}@media (width<=520px){.phone{width:148px}}.napkin{aspect-ratio:1;background:radial-gradient(120% 90% at 32% 22%,#ffffffd9,#0000 60%),#f7f5ef;width:100%;position:relative;transform:rotate(-2.6deg);box-shadow:2px 5px 14px #1f1f1a24}.napkin:before{content:"";pointer-events:none;border:1px dashed rgba(var(--ink-rgb),.16);position:absolute;inset:7px}.napkin:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent calc(50% - 1px), rgba(var(--ink-rgb),.05) 50%, transparent calc(50% + 1px)), linear-gradient(transparent calc(50% - 1px), rgba(var(--ink-rgb),.05) 50%, transparent calc(50% + 1px));position:absolute;inset:0}.napkin-ring{aspect-ratio:1;border:2.5px solid #6b452629;border-radius:50%;width:22%;position:absolute;bottom:7%;left:6%;box-shadow:inset 0 0 0 1px #6b452612}.napkin-sketch{width:100%;height:100%;position:absolute;inset:0}.napkin-sketch .ink{fill:none;stroke:#2f4f86;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;opacity:.78}.napkin-sketch .ink-thin{stroke-width:1.4px;opacity:.82}.napkin-sketch .ink-arrow{stroke-dasharray:5 4}.napkin-sketch .scrawl{fill:#2f4f86;font:400 15px/1 var(--font-hand);opacity:.8}.napkin-sketch .scrawl-small{opacity:.6;font-size:12px}:root[data-theme=dark] .napkin{background:radial-gradient(120% 90% at 32% 22%,#ffffffe6,#0000 60%),#efece3}.prod-card{aspect-ratio:4/3;border:1px solid var(--ink);box-shadow:7px 8px 0 rgba(var(--ink-rgb),.08);background:#f1f0e9f2;grid-template-rows:20px 1fr 22px;display:grid;position:relative}.prod-bar{border-bottom:1px solid rgba(var(--ink-rgb),.25);font:700 var(--text-micro)/1 var(--font-mono);color:var(--muted);align-items:center;gap:4px;padding:0 8px;display:flex}.prod-bar i{border:1px solid var(--ink);border-radius:50%;width:4px;height:4px}.prod-bar i:first-child{background:var(--pen);border-color:var(--pen)}.prod-bar span{margin-left:auto}.prod-main{grid-template-columns:34px 1fr;min-height:0;display:grid}.prod-main aside{border-right:1px solid rgba(var(--ink-rgb),.2);background:repeating-linear-gradient(var(--bar) 0 3px, transparent 3px 13px);background-position:8px 12px;background-size:20px 13px}.prod-main section{align-content:start;gap:8px;padding:15px 14px;display:grid}.prod-main section b{background:var(--blue);width:44%;height:9px}.prod-main section span{background:var(--bar);height:7px}.prod-main section span:nth-child(3){width:82%}.prod-foot{border-top:1px solid rgba(var(--ink-rgb),.2);font:700 var(--text-micro)/1 var(--font-mono);justify-content:space-between;align-items:center;padding:0 9px;display:flex}.prod-foot b{font-weight:500}.prod-foot span{color:var(--pos)}:root[data-theme=dark] .prod-card{background:rgba(var(--hi-rgb),.05)}html.js .proof-graphic{opacity:0;transition:opacity .8s var(--ease-reveal) .12s, transform .8s var(--ease-reveal) .12s;transform:translateY(28px)}html.js .proof-graphic.is-in{opacity:1;transform:none}@media (width<=960px){.proof-graphic{gap:28px;padding:44px 30px}}@media (width<=520px){.proof-item{flex:1 1 0}.proof-graphic{gap:12px;padding:32px 18px}.proof-item figcaption{font-size:var(--text-sm)}.proof-arrow{font-size:22px}}.mode-body{grid-template-rows:1fr auto;display:grid}.mode-track{grid-template-columns:repeat(3,1fr);display:grid}.mode{flex-direction:column;padding:40px clamp(28px,3vw,44px) 36px;display:flex;position:relative}.mode+.mode{border-left:1px solid rgba(var(--ink-rgb),.2)}.mode h3{max-width:320px;font:400 clamp(23px, 1.9vw, 29px)/1.08 var(--font-serif);letter-spacing:-.02em;margin:0}.mode-list{gap:9px;margin:22px 0 0;padding:0;list-style:none;display:grid}.mode-list li{font-size:var(--text-list);color:rgba(var(--ink-rgb),.76);text-wrap:pretty;padding-left:17px;line-height:1.5;position:relative}.mode-list li:before{content:"";background:rgba(var(--ink-rgb),.45);width:8px;height:1px;position:absolute;top:8px;left:0}.mode-core{border-top:1px solid rgba(var(--ink-rgb),.45);background:rgba(var(--ink-rgb),.035);gap:14px;padding:24px clamp(28px,3vw,44px) 26px;display:grid}.mode-core-text{max-width:34em;font:400 clamp(18px, 1.35vw, 21px)/1.45 var(--font-serif);text-wrap:pretty;margin:0}html.js .mode{opacity:0;transition:opacity .8s var(--ease-reveal) calc(var(--reveal-i,0) * 90ms), transform .8s var(--ease-reveal) calc(var(--reveal-i,0) * 90ms);transform:translateY(28px)}html.js .mode.is-in{opacity:1;transform:none}@media (width<=800px){.mode-track{grid-template-columns:1fr}.mode{padding:34px 25px}.mode+.mode{border-left:0;border-top:1px solid rgba(var(--ink-rgb),.2)}.mode-core{grid-template-columns:1fr;padding:24px 25px 26px}}.stack-body{padding:30px 36px;display:grid}.stack-board{border:1px solid rgba(var(--ink-rgb),.38);background-image:linear-gradient(90deg, rgba(var(--ink-rgb),.04) 1px, transparent 1px), linear-gradient(rgba(var(--ink-rgb),.035) 1px, transparent 1px);background-size:24px 24px;grid-template-rows:34px 1fr;margin:0;padding:0;display:grid;position:relative;overflow:hidden}.stack-bar{border-bottom:1px solid rgba(var(--ink-rgb),.3);height:34px;font:700 var(--text-micro)/1 var(--font-mono);letter-spacing:.06em;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.stack-bar>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stack-bar i{border:1px solid var(--pen);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.stack-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;display:grid}.stack-col{text-align:center;color:var(--cat);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px 16px 22px;display:flex}.stack-col+.stack-col{border-left:1px solid rgba(var(--ink-rgb),.18)}.stack-col:nth-child(3n+1){border-left:0}.stack-col:nth-child(n+4){border-top:1px solid rgba(var(--ink-rgb),.18)}.stack-icon{aspect-ratio:1;fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:min(72px,42%);overflow:visible}.stack-icon *{transform-box:fill-box;transform-origin:50%}.stack-name{font:700 var(--text-sm)/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.stack-icon .draw{stroke-dasharray:var(--l,200);stroke-dashoffset:var(--l,200)}.stack-icon .pop,.stack-icon .fade,.stack-icon .ai-star{opacity:0}.stack-col.is-in .stack-icon .draw,.stack-col:hover .stack-icon .draw{animation:stackDraw .8s var(--ease-reveal) both}.stack-col.is-in .stack-icon .draw.d2,.stack-col:hover .stack-icon .draw.d2{animation-delay:.16s}.stack-col.is-in .stack-icon .draw.d3,.stack-col:hover .stack-icon .draw.d3{animation-delay:.3s}.stack-col.is-in .stack-icon .pop,.stack-col:hover .stack-icon .pop{animation:stackPop .42s var(--ease-snap) both}.stack-col.is-in .stack-icon .pop.p2,.stack-col:hover .stack-icon .pop.p2{animation-delay:.14s}.stack-col.is-in .stack-icon .pop.p3,.stack-col:hover .stack-icon .pop.p3{animation-delay:.28s}.stack-col.is-in .stack-icon .fade,.stack-col:hover .stack-icon .fade{animation:.4s .34s both stackFade}.stack-col.is-in .stack-icon .ai-star,.stack-col:hover .stack-icon .ai-star{animation:aiTwinkle .9s var(--ease-snap) both}.stack-col.is-in .stack-icon .ai-star.a2,.stack-col:hover .stack-icon .ai-star.a2{animation-delay:.22s}@keyframes stackDraw{to{stroke-dashoffset:0}}@keyframes stackPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes stackFade{to{opacity:1}}@keyframes aiTwinkle{0%{opacity:0;transform:scale(0)rotate(-30deg)}55%{opacity:1;transform:scale(1.15)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}html.js .stack-col{opacity:0;transition:opacity .7s var(--ease-reveal) calc(var(--reveal-i,0) * 80ms), transform .7s var(--ease-reveal) calc(var(--reveal-i,0) * 80ms);transform:translateY(24px)}html.js .stack-col.is-in{opacity:1;transform:none}@media (width<=800px){.stack-body{padding:24px}.stack-grid{grid-template-columns:repeat(2,1fr)}.stack-col{border-top:0;border-left:0}.stack-col:nth-child(2n){border-left:1px solid rgba(var(--ink-rgb),.18)}.stack-col:nth-child(n+3){border-top:1px solid rgba(var(--ink-rgb),.18)}}@media (width<=520px){.stack-body{padding:12px}.stack-col{gap:14px;padding:26px 10px 28px}.stack-name{font-size:var(--text-micro);letter-spacing:.08em}}.footer{border-bottom:0;grid-template-columns:1.32fr 1fr;min-height:320px;display:grid}.footer-primary{flex-direction:column;padding:50px 44px;display:flex}.footer-aside{border-left:1px solid rgba(var(--ink-rgb),.2);flex-direction:column;padding:48px 40px;display:flex}.footer-manifesto{max-width:570px;font:400 clamp(28px, 2.8vw, 40px)/1.1 var(--font-serif);letter-spacing:var(--track-display);text-wrap:balance;margin:0}.pen-mark{white-space:nowrap;box-decoration-break:clone;display:inline;position:relative}.pen-mark:after{content:"";transform-origin:0;pointer-events:none;opacity:.88;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 14' preserveAspectRatio='none'%3E%3Cpath d='M2 9 C28 4 52 11 78 7 C104 3 128 11 152 6 C176 2 198 9 218 7' fill='none' stroke='%23bd5b31' stroke-width='5.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 10 C40 12 70 5 110 10 C150 14 180 6 216 9' fill='none' stroke='%23bd5b31' stroke-width='3.2' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:.32em;position:absolute;bottom:-.12em;left:-1%;right:-2%;transform:rotate(-1.2deg)}:root[data-theme=dark] .pen-mark:after{filter:brightness(1.25)saturate(1.1)}.footer-cta-row{flex-wrap:wrap;align-items:center;gap:30px;margin-top:32px;display:flex}.footer-cta-row .button{min-width:236px;min-height:52px}.footer-email{color:var(--ink);font:600 var(--text-sm)/1 var(--font-mono);letter-spacing:.02em;text-decoration:underline;text-decoration-color:rgba(var(--ink-rgb),.32);text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}.footer-email:hover,.footer-email:focus-visible{color:var(--pen);text-decoration-color:var(--pen);outline:none}.footer-id .brand{font-size:24px;display:block}.footer-signature{font:400 30px/1 var(--font-hand);color:var(--ink);transform-origin:0;margin:0;transform:rotate(-3deg)}.footer-role{font:700 var(--text-micro)/1.6 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted);margin:16px 0 0}.footer-links{flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-top:18px;display:flex}.footer-social{color:var(--ink);font:600 var(--text-sm)/1 var(--font-mono);text-decoration:underline;text-decoration-color:rgba(var(--ink-rgb),.32);text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}.footer-social:hover,.footer-social:focus-visible{color:var(--pen);text-decoration-color:var(--pen);outline:none}.photo-note{width:152px;transform:translate(var(--dx,0px), var(--dy,0px)) rotate(calc(-2.4deg + var(--dr,0deg)));background:#fbf9f2;align-self:start;margin:26px 0 0;padding:9px 9px 30px;position:relative;box-shadow:1px 3px 10px #1f1f1a29}.photo-note img{aspect-ratio:1;object-fit:cover;filter:grayscale(.16)contrast(1.02);width:100%;height:auto;display:block}.photo-tape{background:rgba(var(--hi-rgb),.5);border-left:1px solid rgba(var(--ink-rgb),.12);border-right:1px solid rgba(var(--ink-rgb),.12);width:58px;height:20px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-3deg)}:root[data-theme=dark] .photo-note{background:#efece3;box-shadow:1px 3px 14px #00000080}:root[data-theme=dark] .photo-note img{filter:grayscale(.3)brightness(.72)contrast(.95)}:root[data-theme=dark] .photo-tape{background:rgba(var(--hi-rgb),.12)}@media (width<=800px){.photo-note{width:128px}.note-card{margin:-120px 0 0 62px}}.note-card{width:max-content;max-width:275px;transform:translate(var(--dx,0px), var(--dy,0px)) rotate(calc(-1.2deg + var(--dr,0deg)));background:#ebe2c1;align-self:start;margin:-150px 0 0 84px;padding:18px 20px 22px;position:relative;box-shadow:1px 3px 8px #1f1f1a17}[data-movable]{cursor:grab;touch-action:none;user-select:none;z-index:7}[data-movable]:active{cursor:grabbing}[data-movable][data-held=on]{z-index:8;box-shadow:2px 10px 24px #1f1f1a3d}:root[data-theme=dark] [data-movable][data-held=on]{box-shadow:2px 10px 26px #0000008c}[data-movable] img{pointer-events:none}.note-card>span{font:700 var(--text-micro)/1 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted)}.note-card>i{background:var(--pen);opacity:.85;width:43px;height:17px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-4deg)}.note-card p{max-width:235px;font:italic 16px/1.45 var(--font-hand);margin:18px 0 0}.footer-bottom{border-top:1px solid rgba(var(--ink-rgb),.24);min-height:42px;font:700 var(--text-micro)/1.4 var(--font-mono);letter-spacing:var(--track-label);color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:flex-end;gap:16px 28px;padding:14px 44px 16px;display:flex}.footer-bottom .footer-meta{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;min-width:0;display:flex}.footer-bottom .footer-year{color:var(--muted)}.footer-bottom .footer-end{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;margin-left:auto;display:flex}.footer-bottom a{color:var(--ink);white-space:nowrap;padding:2px 0;text-decoration:none;display:inline-block}.footer-bottom a[href=\#top]{color:var(--muted);transition:color .2s}.footer-bottom a[href=\#top]:hover{color:var(--pen)}.footer-rev{border:1px solid rgba(var(--ink-rgb),.5);white-space:nowrap;letter-spacing:var(--track-label);align-items:baseline;gap:7px;padding:7px 11px;display:inline-flex}.footer-rev b,.footer-rev time{font:700 var(--text-micro)/1 var(--font-mono);color:var(--muted)}html.js .system-visual,html.js .section-intro,html.js .direction-card,html.js .result-card,html.js .method-manifesto,html.js .method-track article,html.js .footer-primary,html.js .footer-aside{opacity:0;transition:opacity .8s var(--ease-reveal) calc(var(--reveal-i,0) * 75ms), transform .8s var(--ease-reveal) calc(var(--reveal-i,0) * 75ms), translate .3s var(--ease-snap), border-color .3s ease, box-shadow .3s ease;transform:translateY(28px)}html.js .system-visual{transform-origin:60% 40%;transform:translateY(28px)scale(.985)}html.js .hero-copy>*{opacity:0;animation:heroRise .9s var(--ease-reveal) both}html.js .hero-copy>h1{animation-delay:80ms}html.js .hero-copy>.lead{animation-delay:.24s}html.js .hero-copy>.hero-actions{animation-delay:.4s}@keyframes heroRise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}html.js .git-direction .git-flow>div,html.js .git-direction .git-flow>i,html.js .git-direction .trace-list p,html.js .git-direction .console-metrics span{opacity:0}.git-direction.is-in .git-flow>div{animation:pipeStage .46s var(--ease-reveal) both}.git-direction.is-in .git-flow>i{animation:pipeArrow .36s var(--ease-reveal) both}.git-direction.is-in .git-flow>div:first-of-type{animation-delay:.12s}.git-direction.is-in .git-flow>i:first-of-type{animation-delay:.22s}.git-direction.is-in .git-flow>div:nth-of-type(2){animation-delay:.28s}.git-direction.is-in .git-flow>i:nth-of-type(2){animation-delay:.38s}.git-direction.is-in .git-flow>div:nth-of-type(3){animation-delay:.44s}.git-direction.is-in .git-flow>i:nth-of-type(3){animation-delay:.54s}.git-direction.is-in .git-flow>div:nth-of-type(4){animation-delay:.6s}.git-direction.is-in .trace-list p{animation:pipeRow .4s var(--ease-reveal) both}.git-direction.is-in .trace-list p:first-child{animation-delay:.68s}.git-direction.is-in .trace-list p:nth-child(2){animation-delay:.76s}.git-direction.is-in .trace-list p:nth-child(3){animation-delay:.84s}.git-direction.is-in .trace-list p:nth-child(4){animation-delay:.92s}.git-direction.is-in .console-metrics span{animation:pipeStage .46s var(--ease-reveal) both;animation-delay:1s}@keyframes pipeStage{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes pipeArrow{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}@keyframes pipeRow{0%{opacity:0;transform:translate(-7px)}to{opacity:1;transform:none}}html.js .system-visual.is-in,html.js .section-intro.is-in,html.js .direction-card.is-in,html.js .result-card.is-in,html.js .method-manifesto.is-in,html.js .method-track article.is-in,html.js .footer-primary.is-in,html.js .footer-aside.is-in{opacity:1;transform:none}:root[data-theme=dark] .sheet{background-color:var(--paper);background-image:radial-gradient(ellipse at 78% 30%, rgba(var(--hi-rgb),.045), transparent 48%), linear-gradient(rgba(var(--ink-rgb),.05) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--ink-rgb),.05) 1px, transparent 1px);box-shadow:0 1px 2px #0003, 0 12px 32px #00000047, inset 0 0 0 1px rgba(var(--ink-rgb),.14), inset 0 0 120px #00000059;border-color:rgba(var(--ink-rgb),.22);background-size:100% 100%,31px 31px,31px 31px}:root[data-theme=dark] .note-card{background:#1b201a;box-shadow:1px 3px 9px #00000059}@media (width<=1120px){.band{--band-total:817px;--band-head:290px}.topbar{gap:20px;padding-inline:32px}.hero-copy{padding-left:48px}h1{font-size:48px}.section-intro{gap:30px 44px;padding-inline:38px}.section-note{left:38px}.footer-primary,.footer-aside{padding:40px 34px}.footer-bottom{padding-inline:34px}}@media (width<=960px){.band{--band-total:0;display:block}.band:before{display:none}.section-grid{grid-template-columns:1fr}.hero{min-height:unset}.hero-copy{padding:46px 40px 34px}h1{font-size:clamp(46px,8.5vw,74px)}.system-visual{border-left:0;border-top:1px solid rgba(var(--ink-rgb),.2);flex-direction:column;align-items:stretch;height:auto;min-height:0;display:flex}.panel-scrawl{z-index:1;transform-origin:100% 0;align-self:flex-end;margin:18px 28px 4px;font-size:20px;position:relative;top:auto;right:auto;transform:rotate(-5deg)}.panel-scrawl:after{width:62px;height:7px}}@media (width<=800px){:root{--text-list:14px;--text-body:16px;--text-lead:17.5px}.paper-stage{width:calc(100% - 12px);margin:6px auto}.sheet{box-shadow:0 1px 2px #1919170a,0 8px 20px #19191714,inset 0 0 1px #2a2f2d66}.topbar{gap:12px;height:auto;min-height:76px;padding:0 20px}.brand{font-size:22px}.brand-note{font-size:var(--text-micro);padding-left:12px}.theme-toggle{width:38px;height:38px}.section-grid{grid-template-columns:1fr}.hero{min-height:unset}.hero-copy{padding:45px 24px 20px 38px}h1{font-size:clamp(49px,13vw,67px)}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.system-visual{border-left:0;height:auto;min-height:0}.panel-scrawl{margin:14px 22px 0;font-size:17px}.section-intro{grid-template-columns:1fr;gap:24px;padding:34px 25px}.section-note{order:3;max-width:100%;margin:4px 0 0;position:static}.section-intro h2{max-width:620px}.section-lead{max-width:var(--measure)}.section-lead p{margin-top:0}.footer{grid-template-columns:1fr}.footer-primary{padding:38px 25px}.footer-aside{border-left:0;border-top:1px solid rgba(var(--ink-rgb),.2);padding:34px 25px}.footer-cta-row{gap:20px}.footer-cta-row .button{width:100%}.footer-bottom{align-items:flex-end;gap:14px;padding:18px 25px 20px;line-height:1.4}.footer-bottom .footer-meta{gap:5px}.footer-bottom .footer-end{margin-left:0}}@media (width<=520px){:root{--text-body:15.5px;--text-lead:17px}.topbar{gap:8px;min-height:64px;padding:0 14px}.brand{font-size:18px}.brand-note{padding-left:10px;font-size:8px;line-height:1.35}.theme-toggle{width:36px;height:36px}.hero-copy{padding:36px 20px 18px 24px}h1{font-size:clamp(42px,12vw,52px)}.system-visual{min-height:0}.panel-scrawl{margin:12px 16px 0;font-size:15px}.stack-bar>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.direction-card,.result-card,.method-track article,.hero-copy>*,.git-direction .git-flow>div,.git-direction .git-flow>i,.git-direction .trace-list p,.git-direction .console-metrics span{opacity:1!important;animation:none!important;transform:none!important}}.system-panel{--panel-ink:var(--ink,#141915);--panel-paper:var(--paper,#f0efe8);--panel-rust:var(--pen,#bd5b31);--screen-accent:var(--pen,#bd5b31);height:100%;color:var(--panel-ink);grid-template-rows:minmax(0,1fr);padding:25px 28px;display:grid}.panel-screen{border:1.2px solid rgba(var(--ink-rgb),.5);background:linear-gradient(180deg, rgba(var(--hi-rgb),.05), transparent 42%), #0c1a15;color:#d7e6dc;border-radius:13px;grid-column:1/-1;gap:4px;padding:14px 16px;display:grid;overflow:hidden}.screen-head{align-items:center;gap:9px;display:flex}.panel-screen .readout-index{color:color-mix(in srgb, var(--screen-accent), white 42%);font:300 var(--text-micro)/1 var(--font-sans);letter-spacing:.06em}.panel-screen .readout-label{text-transform:uppercase;font:300 var(--text-micro)/1 var(--font-sans);letter-spacing:.1em;color:#86988f}.screen-dot{background:color-mix(in srgb, var(--screen-accent), white 30%);width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--screen-accent), transparent 35%);border-radius:50%;margin-left:auto}.panel-screen .readout-title{font:400 clamp(15px, 1.5vw, 22px)/1.08 var(--font-serif);letter-spacing:-.01em;color:#f0f4f0;margin:2px 0 0}.panel-screen .readout-detail{min-height:3em;max-height:3em;font:var(--text-sm)/1.5 var(--font-sans);color:#9fb2a7;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:1px 0 0;display:-webkit-box;overflow:hidden}.panel-screen.is-switching .readout-title,.panel-screen.is-switching .readout-detail{animation:.18s both readoutIn}@keyframes readoutIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.board-shell{background:linear-gradient(90deg, rgba(var(--ink-rgb),.025) 1px, transparent 1px), linear-gradient(rgba(var(--ink-rgb),.02) 1px, transparent 1px), rgba(var(--panel-fill-rgb),.24);width:min(100%,560px);box-shadow:inset 0 0 0 7px rgba(var(--panel-fill-rgb),.7), inset 0 0 0 8px rgba(var(--ink-rgb),.12);background-size:20px 20px;border:1.5px solid;border-radius:27px;place-self:center;padding:32px 40px;position:relative}.side-label{z-index:3;font:300 var(--text-micro)/1 var(--font-sans);letter-spacing:.12em;white-space:nowrap;pointer-events:none;position:absolute;top:50%}.side-label-left{left:16px;transform:translate(-50%,-50%)rotate(-90deg)}.side-label-right{right:16px;transform:translate(50%,-50%)rotate(90deg)}.screw{z-index:3;border:1.3px solid;border-radius:50%;width:9px;height:9px;position:absolute}.screw:after{content:"";background:currentColor;height:1px;position:absolute;top:3px;left:1px;right:1px;transform:rotate(-18deg)}.screw-a{top:18px;left:18px}.screw-b{top:18px;right:18px}.screw-c{bottom:18px;right:18px}.screw-d{bottom:18px;left:18px}.panel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.panel-key,.reset-key,.panel-cta,.live-cell{background:rgba(var(--panel-fill-rgb),.82);border:1.2px solid;border-radius:15px;min-width:0;min-height:0;position:relative}.panel-key,.reset-key,.live-cell{aspect-ratio:1}.panel-key{color:var(--panel-ink);cursor:pointer;grid-template-rows:1fr auto;place-items:center;padding:8px 6px;transition:box-shadow .2s,color .2s,background-color .2s;display:grid}.panel-key:before{content:"";aspect-ratio:1;opacity:.82;pointer-events:none;border:1.25px solid;border-radius:50%;width:45%;transition:opacity .16s;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)scale(1)}.panel-key:after{content:"";pointer-events:none;border:1px solid #0000;border-radius:11px;transition:border-color .2s;position:absolute;inset:3px}.panel-key:hover,.panel-key:focus-visible{z-index:4;color:var(--key-accent);background:rgba(var(--panel-fill-hi-rgb),.97);box-shadow:0 0 0 1px color-mix(in srgb, var(--key-accent), transparent 35%);outline:none}.panel-key:hover:after,.panel-key:focus-visible:after{border-color:color-mix(in srgb, var(--key-accent), transparent 35%)}.panel-key[aria-pressed=true]:before{opacity:0}.panel-key[aria-pressed=true]{color:var(--key-accent);background:color-mix(in srgb, var(--key-accent) 8%, var(--panel-paper));box-shadow:0 0 0 1px var(--key-accent), 0 0 18px color-mix(in srgb, var(--key-accent), transparent 73%)}.key-number{color:var(--muted);font:300 var(--text-micro)/1 var(--font-sans);letter-spacing:.04em;position:absolute;top:6px;left:7px}.key-label{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font:300 9px/1 var(--font-sans);letter-spacing:0;overflow:hidden}.key-led{border:1px solid;border-radius:50%;width:4px;height:4px;position:absolute;top:7px;right:7px}.panel-key[aria-pressed=true] .key-led{background:currentColor}.key-icon{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:min(58%,58px);transition:opacity .3s ease, transform .36s var(--ease-snap), filter .18s ease;overflow:visible;transform:scale(.88)}.panel-key[aria-pressed=true] .key-icon{opacity:1;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--key-accent), transparent 55%));transform:scale(1)}.key-icon *{transform-box:fill-box;transform-origin:50%}@keyframes product-drop-top{0%{opacity:0;transform:translateY(-15px)scale(.9)}55%{opacity:1;transform:translateY(0)scale(1)}70%{transform:translateY(-1.5px)}to{transform:translateY(0)}}@keyframes product-slide-left{0%{opacity:0;transform:translate(-13px,7px)scale(.9)}60%{opacity:1;transform:translate(0)scale(1)}78%{transform:translate(1px)}to{transform:translate(0)}}@keyframes product-slide-right{0%{opacity:0;transform:translate(13px,7px)scale(.9)}60%{opacity:1;transform:translate(0)scale(1)}78%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes product-seam{0%,62%{stroke-dashoffset:21px;opacity:0}72%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes product-seat{0%,66%{transform:scale(1)}80%{transform:scale(1.045)}to{transform:scale(1)}}.panel-key[data-panel-key=product] .cube-seam{stroke-dasharray:21;stroke-dashoffset:0}.panel-key[data-panel-key=product] .icon-cube{transform-origin:32px 32px}.panel-key[data-panel-key=product]:hover .cube-top,.panel-key[data-panel-key=product]:focus-visible .cube-top,.panel-key[data-panel-key=product][aria-pressed=true] .cube-top{animation:product-drop-top .62s var(--ease-snap) both}.panel-key[data-panel-key=product]:hover .cube-left,.panel-key[data-panel-key=product]:focus-visible .cube-left,.panel-key[data-panel-key=product][aria-pressed=true] .cube-left{animation:product-slide-left .66s var(--ease-snap) 60ms both}.panel-key[data-panel-key=product]:hover .cube-right,.panel-key[data-panel-key=product]:focus-visible .cube-right,.panel-key[data-panel-key=product][aria-pressed=true] .cube-right{animation:product-slide-right .66s var(--ease-snap) 60ms both}.panel-key[data-panel-key=product]:hover .cube-seam,.panel-key[data-panel-key=product]:focus-visible .cube-seam,.panel-key[data-panel-key=product][aria-pressed=true] .cube-seam{animation:product-seam .7s var(--ease-reveal) both}.panel-key[data-panel-key=product]:hover .icon-cube,.panel-key[data-panel-key=product]:focus-visible .icon-cube,.panel-key[data-panel-key=product][aria-pressed=true] .icon-cube{animation:product-seat .8s var(--ease-snap) both}@keyframes task-converge{0%{opacity:0;transform:scale(1.55)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes task-lockdot{0%{transform:scale(0)}60%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes task-tickdraw{0%{opacity:0;stroke-dashoffset:10px}to{opacity:1;stroke-dashoffset:0}}.panel-key[data-panel-key=task] .target-tick{stroke-dasharray:10}.panel-key[data-panel-key=task]:hover .target-ring-1,.panel-key[data-panel-key=task]:focus-visible .target-ring-1,.panel-key[data-panel-key=task][aria-pressed=true] .target-ring-1{animation:task-converge .5s var(--ease-snap) both}.panel-key[data-panel-key=task]:hover .target-ring-2,.panel-key[data-panel-key=task]:focus-visible .target-ring-2,.panel-key[data-panel-key=task][aria-pressed=true] .target-ring-2{animation:task-converge .5s var(--ease-snap) .1s both}.panel-key[data-panel-key=task]:hover .target-dot,.panel-key[data-panel-key=task]:focus-visible .target-dot,.panel-key[data-panel-key=task][aria-pressed=true] .target-dot{animation:task-lockdot .42s var(--ease-snap) .34s both}.panel-key[data-panel-key=task]:hover .target-tick,.panel-key[data-panel-key=task]:focus-visible .target-tick,.panel-key[data-panel-key=task][aria-pressed=true] .target-tick{animation:task-tickdraw .3s var(--ease-reveal) .3s both}@keyframes prototype-open-a{0%{transform:translate(8px,8px)}to{transform:translate(0)}}@keyframes prototype-open-b{0%{transform:translate(-8px,-8px)}to{transform:translate(0)}}@keyframes prototype-grow{0%{opacity:.2;transform:scale(.12)}70%{opacity:1}to{opacity:1;transform:scale(1)}}.panel-key[data-panel-key=prototype]:hover .expand-a,.panel-key[data-panel-key=prototype]:focus-visible .expand-a,.panel-key[data-panel-key=prototype][aria-pressed=true] .expand-a{animation:prototype-open-a .5s var(--ease-snap) both}.panel-key[data-panel-key=prototype]:hover .expand-b,.panel-key[data-panel-key=prototype]:focus-visible .expand-b,.panel-key[data-panel-key=prototype][aria-pressed=true] .expand-b{animation:prototype-open-b .5s var(--ease-snap) both}.panel-key[data-panel-key=prototype]:hover .expand-core,.panel-key[data-panel-key=prototype]:focus-visible .expand-core,.panel-key[data-panel-key=prototype][aria-pressed=true] .expand-core{animation:prototype-grow .55s var(--ease-reveal) .14s both}@keyframes infra-stack{0%{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:none}}@keyframes infra-led{0%{opacity:0}50%{opacity:1}to{opacity:1}}.panel-key[data-panel-key=infrastructure] .infra-led{opacity:1}.panel-key[data-panel-key=infrastructure]:hover .infra-unit-1,.panel-key[data-panel-key=infrastructure]:focus-visible .infra-unit-1,.panel-key[data-panel-key=infrastructure][aria-pressed=true] .infra-unit-1{animation:infra-stack .38s var(--ease-snap) both}.panel-key[data-panel-key=infrastructure]:hover .infra-unit-2,.panel-key[data-panel-key=infrastructure]:focus-visible .infra-unit-2,.panel-key[data-panel-key=infrastructure][aria-pressed=true] .infra-unit-2{animation:infra-stack .38s var(--ease-snap) .1s both}.panel-key[data-panel-key=infrastructure]:hover .infra-unit-3,.panel-key[data-panel-key=infrastructure]:focus-visible .infra-unit-3,.panel-key[data-panel-key=infrastructure][aria-pressed=true] .infra-unit-3{animation:infra-stack .38s var(--ease-snap) .2s both}.panel-key[data-panel-key=infrastructure]:hover .infra-led-1,.panel-key[data-panel-key=infrastructure]:focus-visible .infra-led-1,.panel-key[data-panel-key=infrastructure][aria-pressed=true] .infra-led-1{animation:infra-led .4s var(--ease-reveal) .34s both}.panel-key[data-panel-key=infrastructure]:hover .infra-led-2,.panel-key[data-panel-key=infrastructure]:focus-visible .infra-led-2,.panel-key[data-panel-key=infrastructure][aria-pressed=true] .infra-led-2{animation:infra-led .4s var(--ease-reveal) .46s both}.panel-key[data-panel-key=infrastructure]:hover .infra-led-3,.panel-key[data-panel-key=infrastructure]:focus-visible .infra-led-3,.panel-key[data-panel-key=infrastructure][aria-pressed=true] .infra-led-3{animation:infra-led .4s var(--ease-reveal) .58s both}@keyframes cli-frame-draw{0%{stroke-dashoffset:160px}to{stroke-dashoffset:0}}@keyframes cli-prompt-draw{0%{opacity:0;stroke-dashoffset:20px}40%{opacity:1}to{opacity:1;stroke-dashoffset:0}}@keyframes cli-blink{0%{opacity:0}30%{opacity:1}60%{opacity:1}75%{opacity:0}to{opacity:1}}.panel-key[data-panel-key=code] .cli-frame{stroke-dasharray:160}.panel-key[data-panel-key=code] .cli-prompt{stroke-dasharray:20}.panel-key[data-panel-key=code]:hover .cli-frame,.panel-key[data-panel-key=code]:focus-visible .cli-frame,.panel-key[data-panel-key=code][aria-pressed=true] .cli-frame{animation:cli-frame-draw .55s var(--ease-reveal) both}.panel-key[data-panel-key=code]:hover .cli-prompt,.panel-key[data-panel-key=code]:focus-visible .cli-prompt,.panel-key[data-panel-key=code][aria-pressed=true] .cli-prompt{animation:cli-prompt-draw .4s var(--ease-reveal) .34s both}.panel-key[data-panel-key=code]:hover .cli-cursor,.panel-key[data-panel-key=code]:focus-visible .cli-cursor,.panel-key[data-panel-key=code][aria-pressed=true] .cli-cursor{animation:cli-blink .5s var(--ease-snap) .5s both}@keyframes ui-frame-draw{0%{stroke-dashoffset:160px}to{stroke-dashoffset:0}}@keyframes ui-row-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}@keyframes ui-dot-in{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.panel-key[data-panel-key=interface] .ui-frame{stroke-dasharray:160}.panel-key[data-panel-key=interface]:hover .ui-frame,.panel-key[data-panel-key=interface]:focus-visible .ui-frame,.panel-key[data-panel-key=interface][aria-pressed=true] .ui-frame{animation:ui-frame-draw .55s var(--ease-reveal) both}.panel-key[data-panel-key=interface]:hover .ui-dot-1,.panel-key[data-panel-key=interface]:focus-visible .ui-dot-1,.panel-key[data-panel-key=interface][aria-pressed=true] .ui-dot-1{animation:ui-dot-in .34s var(--ease-snap) .36s both}.panel-key[data-panel-key=interface]:hover .ui-dot-2,.panel-key[data-panel-key=interface]:focus-visible .ui-dot-2,.panel-key[data-panel-key=interface][aria-pressed=true] .ui-dot-2{animation:ui-dot-in .34s var(--ease-snap) .44s both}.panel-key[data-panel-key=interface]:hover .ui-block-1,.panel-key[data-panel-key=interface]:focus-visible .ui-block-1,.panel-key[data-panel-key=interface][aria-pressed=true] .ui-block-1{animation:ui-row-in .34s var(--ease-snap) .4s both}.panel-key[data-panel-key=interface]:hover .ui-block-2,.panel-key[data-panel-key=interface]:focus-visible .ui-block-2,.panel-key[data-panel-key=interface][aria-pressed=true] .ui-block-2{animation:ui-row-in .34s var(--ease-snap) .48s both}.panel-key[data-panel-key=interface]:hover .ui-block-3,.panel-key[data-panel-key=interface]:focus-visible .ui-block-3,.panel-key[data-panel-key=interface][aria-pressed=true] .ui-block-3{animation:ui-row-in .34s var(--ease-snap) .56s both}@keyframes shape-in{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.panel-key[data-panel-key=design]:hover .shape-sq,.panel-key[data-panel-key=design]:focus-visible .shape-sq,.panel-key[data-panel-key=design][aria-pressed=true] .shape-sq{animation:shape-in .44s var(--ease-snap) both}.panel-key[data-panel-key=design]:hover .shape-ci,.panel-key[data-panel-key=design]:focus-visible .shape-ci,.panel-key[data-panel-key=design][aria-pressed=true] .shape-ci{animation:shape-in .44s var(--ease-snap) .16s both}@keyframes ai-twinkle{0%{opacity:0;transform:scale(0)rotate(-50deg)}60%{opacity:1}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes ai-mini{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.panel-key[data-panel-key=ai]:hover .ai-spark-main,.panel-key[data-panel-key=ai]:focus-visible .ai-spark-main,.panel-key[data-panel-key=ai][aria-pressed=true] .ai-spark-main{animation:ai-twinkle .55s var(--ease-snap) both}.panel-key[data-panel-key=ai]:hover .ai-spark-mini,.panel-key[data-panel-key=ai]:focus-visible .ai-spark-mini,.panel-key[data-panel-key=ai][aria-pressed=true] .ai-spark-mini{animation:ai-mini .4s var(--ease-snap) .4s both}@keyframes release-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes release-pop{0%{transform:scale(0)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes release-land{0%{transform:scale(0)}55%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes release-ping{0%{opacity:.85;transform:scale(.6)}to{opacity:0;transform:scale(2.3)}}.panel-key[data-panel-key=release] .chart-line{stroke-dasharray:100}.panel-key[data-panel-key=release] .ping{opacity:0;stroke-width:1.1px}.panel-key[data-panel-key=release]:hover .chart-line,.panel-key[data-panel-key=release]:focus-visible .chart-line,.panel-key[data-panel-key=release][aria-pressed=true] .chart-line{animation:release-draw .62s var(--ease-reveal) both}.panel-key[data-panel-key=release]:hover .point-a,.panel-key[data-panel-key=release]:focus-visible .point-a,.panel-key[data-panel-key=release][aria-pressed=true] .point-a{animation:release-pop .35s var(--ease-snap) 80ms both}.panel-key[data-panel-key=release]:hover .point-b,.panel-key[data-panel-key=release]:focus-visible .point-b,.panel-key[data-panel-key=release][aria-pressed=true] .point-b{animation:release-pop .35s var(--ease-snap) .24s both}.panel-key[data-panel-key=release]:hover .point-c,.panel-key[data-panel-key=release]:focus-visible .point-c,.panel-key[data-panel-key=release][aria-pressed=true] .point-c{animation:release-land .35s var(--ease-snap) .34s both}.panel-key[data-panel-key=release]:hover .ping,.panel-key[data-panel-key=release]:focus-visible .ping,.panel-key[data-panel-key=release][aria-pressed=true] .ping{animation:release-ping .4s var(--ease-reveal) .48s forwards}@keyframes integration-dock-left{0%{transform:translate(0)}to{transform:translate(5px)}}@keyframes integration-dock-right{0%{transform:translate(0)}to{transform:translate(-5px)}}@keyframes integration-spark{0%{opacity:0;transform:scale(.2)rotate(-40deg)}55%{opacity:1;transform:scale(1.2)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}.panel-key[data-panel-key=integration] .plug-spark{opacity:1}.panel-key[data-panel-key=integration]:hover .plug-left,.panel-key[data-panel-key=integration]:focus-visible .plug-left,.panel-key[data-panel-key=integration][aria-pressed=true] .plug-left{animation:integration-dock-left .5s var(--ease-snap) both}.panel-key[data-panel-key=integration]:hover .plug-right,.panel-key[data-panel-key=integration]:focus-visible .plug-right,.panel-key[data-panel-key=integration][aria-pressed=true] .plug-right{animation:integration-dock-right .5s var(--ease-snap) both}.panel-key[data-panel-key=integration]:hover .plug-spark,.panel-key[data-panel-key=integration]:focus-visible .plug-spark,.panel-key[data-panel-key=integration][aria-pressed=true] .plug-spark{animation:integration-spark .4s var(--ease-reveal) .34s both}@keyframes monitoring-sweep{0%{stroke-dashoffset:90px}to{stroke-dashoffset:0}}@keyframes monitoring-ping{0%{opacity:0;transform:scale(.35)}20%{opacity:.5}to{opacity:0;transform:scale(1.3)}}.panel-key[data-panel-key=monitoring] .pulse-line{stroke-dasharray:90}.panel-key[data-panel-key=monitoring] .pulse-ping{opacity:0}.panel-key[data-panel-key=monitoring]:hover .pulse-line,.panel-key[data-panel-key=monitoring]:focus-visible .pulse-line,.panel-key[data-panel-key=monitoring][aria-pressed=true] .pulse-line{animation:.8s linear both monitoring-sweep}.panel-key[data-panel-key=monitoring]:hover .pulse-ping,.panel-key[data-panel-key=monitoring]:focus-visible .pulse-ping,.panel-key[data-panel-key=monitoring][aria-pressed=true] .pulse-ping{animation:monitoring-ping .46s var(--ease-reveal) .4s both}@keyframes chip-core{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes chip-inner{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes chip-pin{0%{opacity:0}to{opacity:1}}.panel-key[data-panel-key=technologies] .chip-core{transform-origin:32px 32px}.panel-key[data-panel-key=technologies]:hover .chip-core,.panel-key[data-panel-key=technologies]:focus-visible .chip-core,.panel-key[data-panel-key=technologies][aria-pressed=true] .chip-core{animation:chip-core .42s var(--ease-snap) both}.panel-key[data-panel-key=technologies]:hover .chip-inner,.panel-key[data-panel-key=technologies]:focus-visible .chip-inner,.panel-key[data-panel-key=technologies][aria-pressed=true] .chip-inner{animation:chip-inner .42s var(--ease-snap) .22s both}.panel-key[data-panel-key=technologies]:hover .chip-pin-t,.panel-key[data-panel-key=technologies]:focus-visible .chip-pin-t,.panel-key[data-panel-key=technologies][aria-pressed=true] .chip-pin-t{animation:chip-pin .3s var(--ease-reveal) .3s both}.panel-key[data-panel-key=technologies]:hover .chip-pin-r,.panel-key[data-panel-key=technologies]:focus-visible .chip-pin-r,.panel-key[data-panel-key=technologies][aria-pressed=true] .chip-pin-r{animation:chip-pin .3s var(--ease-reveal) .4s both}.panel-key[data-panel-key=technologies]:hover .chip-pin-b,.panel-key[data-panel-key=technologies]:focus-visible .chip-pin-b,.panel-key[data-panel-key=technologies][aria-pressed=true] .chip-pin-b{animation:chip-pin .3s var(--ease-reveal) .5s both}.panel-key[data-panel-key=technologies]:hover .chip-pin-l,.panel-key[data-panel-key=technologies]:focus-visible .chip-pin-l,.panel-key[data-panel-key=technologies][aria-pressed=true] .chip-pin-l{animation:chip-pin .3s var(--ease-reveal) .6s both}.panel-key:not(:hover):not(:focus-visible):not([aria-pressed=true]) .key-icon *{animation:none!important;transform:rotate(0)!important}.live-cell{color:var(--panel-ink);border-style:dashed;border-color:rgba(var(--ink-rgb),.4);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:11px;display:flex}.live-ping{place-items:center;width:34px;height:34px;display:grid;position:relative}.ping-core{background:var(--screen-accent,var(--panel-rust));width:8px;height:8px;box-shadow:0 0 6px color-mix(in srgb, var(--screen-accent,var(--panel-rust)), transparent 45%);border-radius:50%}.ping-ring{border:1.4px solid var(--screen-accent,var(--panel-rust));opacity:0;border-radius:50%;width:8px;height:8px;animation:2.4s cubic-bezier(.2,.6,.3,1) infinite ping;position:absolute}.ping-ring-2{animation-delay:1.2s}@keyframes ping{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(3.6)}}.live-label{font:300 var(--text-micro)/1 var(--font-sans);letter-spacing:.1em;color:var(--muted)}.panel-cta{color:var(--panel-ink);font:300 var(--text-micro)/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;grid-column:span 2;justify-content:space-between;align-items:center;padding:0 20px;text-decoration:none;transition:color .16s,background-color .16s,box-shadow .16s;display:flex;overflow:hidden}.panel-cta span,.panel-cta b{z-index:1;position:relative}.panel-cta b{font:300 28px/1 var(--font-serif)}.panel-cta:hover,.panel-cta:focus-visible{color:var(--panel-paper);background:var(--panel-ink);box-shadow:0 0 0 1px var(--panel-ink);outline:none}.reset-key{color:var(--panel-ink);cursor:pointer;grid-template-rows:1fr auto;place-items:center;padding:7px;transition:transform .16s,color .2s,box-shadow .2s;display:grid}.reset-key svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:44%}.reset-key span{font:300 var(--text-micro)/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase}.reset-key:hover,.reset-key:focus-visible{color:var(--panel-rust);box-shadow:0 0 0 1px var(--panel-rust);outline:none}@media (width<=800px){.system-panel{height:auto;padding:8px 12px 28px}.board-shell{width:min(96%,480px);padding:26px 34px}.side-label-left{left:14px}.side-label-right{right:14px}.ping-ring{opacity:0;animation:none}}@media (width<=520px){.system-panel{padding:4px 6px 24px}.board-shell{border-radius:20px;width:100%;padding:20px 28px}.panel-grid{gap:4px}.panel-key,.reset-key,.panel-cta,.live-cell{border-radius:9px}.panel-key{padding:5px 3px 4px}.panel-screen{border-radius:10px;padding:12px}.panel-screen .readout-title{font-size:clamp(14px,4.2vw,18px)}.panel-screen .readout-detail{font-size:var(--text-sm)}.key-number{font-size:8px;top:4px;left:4px}.key-led{top:4px;right:4px}.key-label{letter-spacing:0;font-size:7px}.panel-cta{padding-inline:10px;font-size:8px}.side-label{letter-spacing:.08em;font-size:7px}.side-label-left{left:12px}.side-label-right{right:12px}.screw{width:7px;height:7px}.screw-a{top:13px;left:13px}.screw-b{top:13px;right:13px}.screw-c{bottom:13px;right:13px}.screw-d{bottom:13px;left:13px}}:root[data-theme=dark] .panel-key:hover,:root[data-theme=dark] .panel-key:focus-visible,:root[data-theme=dark] .panel-key[aria-pressed=true]{color:color-mix(in srgb, var(--key-accent), white 42%)}:root[data-theme=dark] .panel-key[aria-pressed=true]{background:color-mix(in srgb, var(--key-accent) 16%, var(--panel-paper));box-shadow:0 0 0 1px color-mix(in srgb, var(--key-accent), white 30%), 0 0 20px color-mix(in srgb, var(--key-accent), transparent 66%)}:root[data-theme=dark] .panel-key:hover,:root[data-theme=dark] .panel-key:focus-visible{box-shadow:0 0 0 1px color-mix(in srgb, var(--key-accent), white 20%)}:root[data-theme=dark] .ping-core{background:color-mix(in srgb, var(--screen-accent), white 34%);box-shadow:0 0 6px color-mix(in srgb, var(--screen-accent), transparent 40%)}:root[data-theme=dark] .ping-ring{border-color:color-mix(in srgb, var(--screen-accent), white 34%)}