@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}:root{color-scheme:light;--page-bg:#c5c3bd;--paper:#f0efe8;--ink:#141915;--ink-rgb:20,25,21;--hi-rgb:255,255,255;--rust:#bd5b31;--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:#bf5d30;--sel-fg:#fffdf5;--panel-fill-rgb:240,239,232;--panel-fill-hi-rgb:248,246,238}:root[data-theme=dark]{color-scheme:dark;--page-bg:#06090b;--paper:#0f1518;--ink:#e7ede9;--ink-rgb:197,210,206;--hi-rgb:235,245,240;--rust:#ec8a5c;--blue:#2b6fb2;--blue-2:#7fb6e6;--muted:#939d97;--pos:#62c98d;--bar:#37413f;--sel-bg:#ec8a5c;--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;--lh-body:1.65;--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(--rust)}a:hover{color:var(--blue-2)}.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%), linear-gradient(90deg, #27363704 1px, transparent 1px), linear-gradient(#27363703 1px, transparent 1px);background-size:100% 100%,31px 31px,31px 31px;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(--rust);border-color:var(--rust)}.theme-toggle:focus-visible{color:var(--rust);border-color:var(--rust);box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--rust);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 30px 48px 74px}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:535px;font-size:var(--text-md);line-height:var(--lh-body);margin:34px 0 0}.hero-actions{gap:22px;margin-top:42px;display:flex}.button{border:1px solid var(--rust);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(--rust), transparent 80%);transform:translateY(-3px)}.button svg{fill:currentColor;width:21px}.button-primary{background:var(--rust);color:#fff}.button-primary:hover,.button-primary:focus-visible{color:#fff}.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}.section-intro{border-bottom:1px solid rgba(var(--ink-rgb),.3);grid-template-columns:2.25fr 5fr 3.2fr;align-items:start;gap:48px;min-height:230px;padding:44px 52px 40px;display:grid}.section-label{color:var(--rust);font:700 var(--text-label)/1.3 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;margin:3px 0 0}.section-intro h2{max-width:650px;font:400 clamp(34px, 3.35vw, 52px)/var(--lh-tight) var(--font-serif);letter-spacing:var(--track-display);margin:0}.section-intro>p:not(.section-label){max-width:370px;font-size:var(--text-md);line-height:var(--lh-body);margin:5px 0 0}.stack .section-intro h2{text-align:right;grid-column:3;justify-self:end;max-width:520px}.stack .section-intro>p:not(.section-label){grid-area:1/2}.proof-layout{grid-template-columns:40% 60%;display:grid}.proof-copy{border-right:1px solid rgba(var(--ink-rgb),.2);flex-direction:column;justify-content:center;padding:54px clamp(34px,4vw,62px);display:flex}.proof-copy .section-label{margin:0 0 24px}.proof-copy h3{max-width:460px;font:400 clamp(34px, 3.35vw, 52px)/var(--lh-tight) var(--font-serif);letter-spacing:var(--track-display);margin:0}.proof-copy>p{max-width:430px;font-size:var(--text-md);line-height:var(--lh-body);margin:28px 0 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(14px,2.4vw,34px);min-height:460px;padding:40px clamp(24px,3.6vw,54px);display:flex;position:relative;overflow:hidden}.proof-item{flex-direction:column;flex:0 250px;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:#fff;background:var(--rust);border-color:var(--rust)}.proof-item figcaption{font:var(--text-sm)/1.5 var(--font-sans);color:var(--muted)}.proof-product figcaption{color:var(--ink)}.slide-card{aspect-ratio:4/3;border:1px solid rgba(var(--ink-rgb),.4);background:rgba(var(--ink-rgb),.02);filter:grayscale();opacity:.62;padding:0;position:relative}.slide-bar{border-bottom:1px solid rgba(var(--ink-rgb),.25);align-items:center;gap:4px;height:18px;padding:0 7px;display:flex}.slide-bar i{border:1px solid rgba(var(--ink-rgb),.4);border-radius:50%;width:4px;height:4px}.slide-body{gap:9px;padding:20px 18px;display:grid}.slide-body b{background:rgba(var(--ink-rgb),.35);width:62%;height:11px}.slide-body span{background:rgba(var(--ink-rgb),.2);height:6px}.slide-body span:nth-child(3){width:88%}.slide-body span:nth-child(4){width:70%}.slide-foot{font:700 var(--text-micro)/1 var(--font-mono);color:var(--muted);position:absolute;bottom:6px;right:8px}.slide-stamp{font:700 var(--text-sm)/1 var(--font-mono);letter-spacing:.1em;color:#9a3b1e;opacity:.82;border:1.5px solid #9a3b1e;border-radius:3px;padding:4px 12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-13deg)}.proof-arrow{color:var(--rust);font:400 28px/1 var(--font-serif);flex:none;align-self:center}.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(--rust);border-color:var(--rust)}.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)}:root[data-theme=dark] .slide-stamp{color:var(--rust);border-color:var(--rust)}html.js .proof-graphic,html.js .proof-copy{opacity:0;transition:opacity .8s var(--ease-reveal), transform .8s var(--ease-reveal);transform:translateY(28px)}html.js .proof-graphic{transition-delay:.12s}html.js .proof-graphic.is-in,html.js .proof-copy.is-in{opacity:1;transform:none}@media (width<=960px){.proof-layout{grid-template-columns:1fr}.proof-copy{border-right:0;border-bottom:1px solid rgba(var(--ink-rgb),.2);padding:44px clamp(25px,5vw,40px)}.proof-graphic{min-height:unset;gap:18px;padding:44px 30px}}@media (width<=520px){.proof-copy{padding:38px 25px}.proof-item{flex:1 1 0}.proof-graphic{gap:9px;padding:32px 18px}.proof-item figcaption{font-size:var(--text-sm)}.proof-arrow{font-size:22px}}.mode-track{grid-template-columns:repeat(3,1fr);display:grid}.mode{flex-direction:column;min-height:340px;padding:48px clamp(28px,3vw,44px) 40px;display:flex;position:relative}.mode+.mode{border-left:1px solid rgba(var(--ink-rgb),.2)}.mode-no{font:400 44px/1 var(--font-serif);color:var(--muted);letter-spacing:var(--track-display)}.mode h3{max-width:300px;font:400 clamp(24px, 1.9vw, 30px)/1.05 var(--font-serif);letter-spacing:-.02em;margin:14px 0 0}.mode>p{font-size:var(--text-md);line-height:var(--lh-body);margin:18px 0 0}.mode-result{border-top:1px solid rgba(var(--ink-rgb),.2);font:700 var(--text-sm)/1.4 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;align-items:baseline;gap:9px;margin-top:auto;padding-top:18px;display:flex}.mode-result i{color:var(--rust);font-style:normal}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{min-height:unset;padding:40px 25px}.mode+.mode{border-left:0;border-top:1px solid rgba(var(--ink-rgb),.2)}}.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;margin:34px 36px;padding:0;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(--rust);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.stack-grid{grid-template-columns:repeat(6,1fr);display:grid}.stack-col{text-align:center;color:var(--cat);flex-direction:column;align-items:center;gap:18px;padding:34px 16px 36px;display:flex}.stack-col+.stack-col{border-left: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(84px,54%);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<=1120px){.stack-grid{grid-template-columns:repeat(3,1fr)}.stack-col:nth-child(3n+1){border-left:0}.stack-col:nth-child(n+4){border-top:1px solid rgba(var(--ink-rgb),.18)}}@media (width<=800px){.stack-board{margin:24px}.stack-grid{grid-template-columns:repeat(2,1fr)}.stack-col{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-board{margin: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.7fr 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-kicker{color:var(--rust);font:700 var(--text-label)/1.3 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;margin:0 0 22px}.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(--rust);text-decoration-color:var(--rust);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(--rust);text-decoration-color:var(--rust);outline:none}.note-card{background:#ebe2c1;align-self:start;width:max-content;max-width:275px;margin:32px 0 0;padding:18px 20px 22px;position:relative;transform:rotate(-1.2deg);box-shadow:1px 3px 8px #1f1f1a17}.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(--rust);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 var(--text-md)/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(--rust)}.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){.topbar{gap:20px;padding-inline:32px}.hero-copy{padding-left:48px}h1{font-size:48px}.section-intro{grid-template-columns:1.8fr 4.5fr 3fr;gap:30px;padding-inline:38px}.footer-primary,.footer-aside{padding:40px 34px}.footer-bottom{padding-inline:34px}}@media (width<=960px){.section-grid{grid-template-columns:1fr}.hero{min-height:unset}.hero-copy{padding:46px 40px 34px}h1{font-size:clamp(46px,8.5vw,74px)}.lead{font-size:var(--text-md)}.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){.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)}.lead{font-size:var(--text-md)}.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{min-height:unset;grid-template-columns:1fr;gap:24px;padding:34px 25px}.section-intro h2{max-width:620px}.section-intro>p:not(.section-label){max-width:620px;margin-top:0}.stack .section-intro h2,.stack .section-intro>p:not(.section-label){grid-area:auto}.stack .section-intro h2{text-align:left;justify-self:start}.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){.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(--rust,#bd5b31);--screen-accent:var(--rust,#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:0;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 var(--text-micro)/1 var(--font-sans);letter-spacing:.06em;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:8px}.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%)}