@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c64053b510252f55-s.1zakzi6q17d4o.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/733da6bd8dac84c8-s.2htf8h-pf57mm.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/784318cea1dfcfa4-s.3skwie1wjplzh.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7e114457660b62ed-s.3zhbgtelpa5ua.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9fecbd3e5ea9bccb-s.3vf5yzuqk3fsd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9a321a2c78eff0b5-s.p.1wmoa0e_blxrz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c64053b510252f55-s.1zakzi6q17d4o.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/733da6bd8dac84c8-s.2htf8h-pf57mm.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/784318cea1dfcfa4-s.3skwie1wjplzh.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7e114457660b62ed-s.3zhbgtelpa5ua.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9fecbd3e5ea9bccb-s.3vf5yzuqk3fsd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9a321a2c78eff0b5-s.p.1wmoa0e_blxrz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.i1YWaa_className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.i1YWaa_variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41c98a3b1bc68f3a-s.3xzwb88tucl-q.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e84c5cd1ffbefa6f-s.20csvlgbb63y1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dd9dfc3601372168-s.p.17e3l4txdrufi.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/599675dea67dcb8d-s.0ewdtdf6ai7o-.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/cdf6f527ee34c972-s.03ilua6xb7p2f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/22a701959b157a82-s.p.1bg6trwi21i5q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b6340a83cf1ecee-s.2bakuypqc5dou.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d89abe7e263475e6-s.0fg7ryy-bp2x_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6bafae418e8a1b08-s.p.2g9xiodaln20i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c0743afb7b1f57bc-s.3a_7qwcscqi0t.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b0b9e5e07c9deaa9-s.22w-t0ek6hrfw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/76e9fd951b869c7b-s.p.1n2oi-d4a-xww.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b3d916c408dcd57d-s.43k37qsrz1u-w.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/8b4755fe34cfc7c8-s.3epu2aock-7p_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1cb49a9fe872cb43-s.p.0zvxjg5nywxta.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.OTkUGG_className{font-family:Poppins,Poppins Fallback;font-style:normal}.OTkUGG_variable{--font-sans:"Poppins", "Poppins Fallback"}
:root{--font-code:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;--font-brand:var(--font-sans), "Poppins", system-ui, sans-serif;--u:min(1vw, 1.6vh);--floor:13vh;--header-h:64px;--bg:#f3f9f9;--wall:#eef7f7;--wall-2:#e4f1f2;--ink:#1d2a2f;--muted:#56676c;--accent:#12909e;--accent-2:#0e7480;--accent-ink:#fff;--accent-soft:#d4eff1;--glow:#12909e59;--card:#fff;--card-line:#d5e6e8;--line:#1f2a30;--line-soft:#9db4b8;--furn:#fff;--furn-2:#e3eef0;--wood:#d8bf9c;--wood-2:#c7a87f;--floor-a:#e2d2bb;--floor-b:#d8c6ac;--sofa:#8fcfd5;--sofa-2:#a9dce0;--leaf:#3fa77a;--leaf-2:#57c08f;--pot:#f2f2f2;--pink:#f6a5b8;--frame:#fff;--sky:#bfe7ef;--sun:#ffd36b;--cloud:#fff;--city:#9fcdd6;--shade:#12909e;--bulb:#ffe7a3;--bulb-glow:.25;--bezel:#1f2a30;--sticky-1:#fff1a8;--sticky-2:#ffd6e0;--sticky-3:#c9f0f2;--bun-fill:#fff;--bun-line:#2a2f36;--bun-pink:#f6a5b8;--bun-eye:#2a2f36;--bun-glass:#bee6f059;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#18191d;--wall:#22252b;--wall-2:#282b32;--ink:#f1f1f3;--muted:#a7aab2;--accent:#e5383b;--accent-2:#c42a2d;--accent-ink:#fff;--accent-soft:#e5383b29;--glow:#e5383b73;--card:#2c2f37;--card-line:#3a3e47;--line:#0c0d10;--line-soft:#474b55;--furn:#34373f;--furn-2:#2b2e35;--wood:#4e4037;--wood-2:#41352e;--floor-a:#1c1e22;--floor-b:#202328;--sofa:#5b2a2e;--sofa-2:#6a3236;--leaf:#2f6b52;--leaf-2:#3b8364;--pot:#3a3d45;--pink:#b9677b;--frame:#34373f;--sky:#0d1226;--sun:#f3efd8;--cloud:#1b2240;--city:#262c45;--shade:#e5383b;--bulb:#ffcf7a;--bulb-glow:.35;--bezel:#0b0c0e;--sticky-1:#5d5532;--sticky-2:#5c3843;--sticky-3:#2f5153;--bun-line:#1a1c20;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-brand);color:var(--ink);background:var(--bg);margin:0;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}:root[data-theme=dark] body{background:linear-gradient(160deg,#1b1d22 0%,#26282e 100%) fixed}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.code,.code-line{font-family:var(--font-code)}.accent{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:10px 16px;text-decoration:none;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}.btn{border:2px solid var(--accent);background:var(--accent);color:var(--accent-ink);font:600 1em/1.1 var(--font-brand);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.75em 1.35em;text-decoration:none;transition:transform .15s,background-color .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:0 8px 20px -8px var(--glow);transform:translateY(-2px)}.btn-ghost{color:var(--accent);background:0 0}.btn-sm{padding:.55em 1.1em;font-size:.9em}.site-header{z-index:50;height:var(--header-h);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb, var(--line-soft) 35%, transparent);align-items:center;gap:24px;padding:0 24px;font-size:15px;display:flex;position:fixed;inset:0 0 auto}.brand{white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{font:600 15px var(--font-code);color:var(--accent)}.brand-name{font:700 19px var(--font-brand);letter-spacing:-.01em}.web{color:var(--accent)}.main-nav{gap:4px;margin-left:auto;display:flex}.main-nav a{color:var(--muted);border-radius:999px;padding:8px 12px;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s}.main-nav a:hover,.main-nav a.is-current{color:var(--ink);background:var(--accent-soft)}.header-actions{align-items:center;gap:10px;display:flex}.theme-toggle{border:1px solid var(--card-line);background:var(--card);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:20px;height:20px}.icon-moon{fill:currentColor!important;stroke:none!important}:root[data-theme=dark] .icon-moon,:root:not([data-theme=dark]) .icon-sun{display:none}.progress{height:3px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.progress span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.hero{text-align:center}.hero .code-line{color:var(--accent);margin-bottom:.6em;font-size:1.05em}.hero h1{letter-spacing:-.02em;font-size:2.85em;font-weight:800;line-height:1.12}.hero .lead{max-width:44em;color:var(--muted);margin:.9em auto 0;font-size:1.1em}.cta-row{flex-wrap:wrap;justify-content:center;gap:.8em;margin-top:1.3em;display:flex}.tagline{font:600 .85em var(--font-code);letter-spacing:.3em;color:var(--muted);margin-top:1.2em}.scroll-hint{color:var(--muted);align-items:center;gap:.5em;font-size:.95em;display:flex}.scroll-hint .code{color:var(--accent)}.scroll-hint .arrow{color:var(--accent);animation:1.4s ease-in-out infinite nudge;display:inline-block}@keyframes nudge{50%{transform:translate(6px)}}.board{background:var(--card);border:.45em solid var(--furn-2);outline:2px solid var(--line-soft);border-radius:.8em;padding:1.6em 1.9em;box-shadow:0 1.2em 2.4em -1.4em #00000059}.board-title{margin-bottom:.6em;font-size:1.9em;font-weight:800}.board-title .code{color:var(--accent);vertical-align:middle;font-size:.55em}.board-cols{grid-template-columns:1.25fr 1fr;gap:1.6em;display:grid}.board-cols p+p{margin-top:.7em}.checklist{gap:.55em;margin:0;padding:0;list-style:none;display:grid}.checklist li{padding-left:1.6em;position:relative}.checklist li:before{content:"✓";color:var(--accent);font-weight:800;position:absolute;top:0;left:0}.stickies{gap:.6em;display:flex;position:absolute;top:-1.1em;right:1.4em}.sticky{font:600 .8em var(--font-code);background:var(--sticky-1);color:var(--ink);padding:.6em .8em;transform:rotate(-3deg);box-shadow:0 .4em .8em -.4em #00000059}.sticky.s2{background:var(--sticky-2);transform:rotate(2deg)}.sticky.s3{background:var(--sticky-3);transform:rotate(-1deg)}.neon-title{letter-spacing:-.02em;color:var(--accent);border:3px solid var(--accent);box-shadow:0 0 1.2em -.3em var(--glow), inset 0 0 1em -.4em var(--glow);border-radius:.4em;padding:.05em .45em;font-size:2.6em;font-weight:800;display:inline-block}:root[data-theme=dark] .neon-title{text-shadow:0 0 .4em var(--glow)}.neon-sub{color:var(--muted);margin-top:.6em}.device{--r:.7em}.device>.screen-link,.device>.screen-view{background:var(--bezel);border-radius:var(--r);color:#fff;padding:.55em;text-decoration:none;transition:box-shadow .3s,transform .3s;display:block;position:relative;box-shadow:0 1em 2em -1.2em #00000080}.screen-view{border-radius:calc(var(--r) * .5);aspect-ratio:16/10;background:#0f1416;position:relative;overflow:hidden}.device>.screen-view{aspect-ratio:16/10}.tv .screen-view{aspect-ratio:16/9}.tablet{--r:1.1em}.tablet .screen-view{aspect-ratio:4/3}.tablet>.screen-link{padding:.85em}.monitor:after{content:"";background:var(--bezel);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);width:12%;height:18px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.device.is-active>.screen-link,.screen-link:hover,.screen-link:focus-visible{box-shadow:0 0 0 3px var(--accent), 0 0 2.4em -.2em var(--glow), 0 1em 2em -1.2em #00000080}.screen-link:not(.is-soon):hover{transform:translateY(-3px)}.screen-view img{object-fit:cover;object-position:50% calc(var(--scroll,0) * 100%);width:100%;height:100%;transition:object-position .15s linear}.device:not(.is-active) .screen-link:hover img{object-position:50% 100%;transition:object-position 6s ease-in-out}.screen-label{border-radius:0 0 calc(var(--r) * .5) calc(var(--r) * .5);background:linear-gradient(#0000,#080c0ee0 55%);flex-wrap:wrap;align-items:baseline;gap:.15em .6em;padding:1.8em .9em .65em;font-size:.85em;display:flex;position:absolute;bottom:.55em;left:.55em;right:.55em}.tablet .screen-label{bottom:.85em;left:.85em;right:.85em}.screen-label strong{font-size:1.15em}.screen-type{font:600 .75em var(--font-code);text-transform:uppercase;letter-spacing:.08em;color:#fff;background:var(--accent);border-radius:999px;padding:.25em .55em}.screen-cta{color:#fff;opacity:.85;margin-left:auto;font-weight:600}.is-soon .screen-cta{opacity:.65;font-weight:500}.mock{background:#fff;position:absolute;inset:0;overflow:hidden}.mock-inner{height:260%;transform:translateY(calc(var(--scroll,0) * -61.5%));flex-direction:column;gap:3%;padding:4%;transition:transform .15s linear;display:flex}.device:not(.is-active) .screen-link:hover .mock-inner{transition:transform 6s ease-in-out;transform:translateY(-61.5%)}.mock i,.mock span,.mock b,.mock em{border-radius:4px;display:block}.mock-nav{align-items:center;gap:4%;height:4%;display:flex}.mock-nav i{background:#e3e7ea;width:10%;height:40%}.mock-nav i:first-child{background:var(--mock);width:16%;height:70%}.mock-nav b{background:var(--mock);border-radius:999px;width:14%;height:70%;margin-left:auto}.mock-hero{background:linear-gradient(135deg, var(--mock), color-mix(in srgb, var(--mock) 55%, #fff));border-radius:8px;flex-direction:column;justify-content:center;gap:8%;height:20%;padding:6%;display:flex}.mock-hero span{background:#ffffffe6;width:60%;height:14%}.mock-hero span+span{background:#fff9;width:40%}.mock-hero em{background:#fff;border-radius:999px;width:22%;height:16%}.mock-cards{grid-template-columns:repeat(3,1fr);gap:4%;height:11%;display:grid}.mock-cards i{background:color-mix(in srgb, var(--mock) 18%, #fff);border:1px solid color-mix(in srgb, var(--mock) 30%, #fff)}.mock-lines{align-content:center;gap:1.2%;height:10%;display:grid}.mock-lines span{background:#e8ecee;height:9px}.mock-lines span:nth-child(2n){width:80%}.mock-split{grid-template-columns:1fr 1fr;gap:5%;height:14%;display:grid}.mock-split i{background:color-mix(in srgb, var(--mock) 70%, #fff)}.mock-split div{align-content:center;gap:8%;display:grid}.mock-split span{background:#e8ecee;height:9px}.mock-footer{background:#1f2a30;border-radius:6px;height:8%;margin-top:auto}.pinboard{border:.5em solid var(--wood-2);color:#2a2118;background:#d9b88f radial-gradient(#00000012 1px,#0000 1.5px) 0 0/8px 8px;border-radius:.6em;flex-direction:column;align-items:flex-start;gap:.6em;padding:1.6em 1.5em;display:flex}:root[data-theme=dark] .pinboard{color:#f5ece1;background-color:#6d5841}.pin{background:var(--accent);border-radius:50%;width:1em;height:1em;position:absolute;top:.5em;left:50%;box-shadow:0 2px 3px #0006}.pin-kicker{opacity:.75;font-size:.85em}.pin-title{font-size:1.45em;font-weight:800;line-height:1.15}.services-wall{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.poster{background:var(--card);border:1px solid var(--card-line);border-top:.4em solid var(--accent);border-radius:.6em;padding:1.4em 1.2em;transition:transform .2s;position:relative;box-shadow:0 1em 2em -1.4em #0006}.poster:hover{transform:translateY(-4px)rotate(-.4deg)}.poster-icon{background:var(--accent-soft);min-width:2.3em;height:2.3em;color:var(--accent);border-radius:.6em;place-items:center;padding:0 .4em;font-weight:600;display:inline-grid}.poster h3{margin:.7em 0 .5em;font-size:1.2em;line-height:1.2}.poster ul{color:var(--muted);gap:.35em;margin:0;padding-left:1.1em;font-size:.95em;display:grid}.poster li::marker{color:var(--accent)}.kanban{background:var(--card);border:1px solid var(--card-line);border-radius:.8em;padding:1.4em 1.6em;box-shadow:0 1em 2em -1.4em #0006}.kanban-title{font:600 1.15em var(--font-code);margin-bottom:1em}.kanban-title .code{color:var(--accent)}.steps{grid-template-columns:repeat(4,1fr);gap:.9em;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--sticky-1);color:var(--ink);padding:1em .9em;font-size:.92em;transform:rotate(-1.5deg);box-shadow:0 .5em 1em -.6em #0006}.steps li:nth-child(2){background:var(--sticky-2);transform:rotate(1deg)}.steps li:nth-child(3){background:var(--sticky-3);transform:rotate(-.5deg)}.steps li:nth-child(4){background:var(--sticky-1);transform:rotate(1.5deg)}.steps strong{margin-bottom:.3em;font-size:1.1em;display:block}.step-n{font:600 .85em var(--font-code);color:var(--accent);display:block}.contact{background:var(--card);border:1px solid var(--card-line);border-radius:1em;grid-template-rows:1fr auto;grid-template-columns:1fr 1.15fr;gap:1em 2.2em;padding:1.7em 2em 1em;display:grid;box-shadow:0 1.4em 2.8em -1.6em #00000073}.contact .code-line{color:var(--accent)}.contact h2{margin:.2em 0 .4em;font-size:2.1em;font-weight:800;line-height:1.1}.contact-intro>p:not(.code-line){color:var(--muted)}.contact-list{gap:.35em;margin:1em 0 0;padding:0;font-weight:500;list-style:none;display:grid}.contact-list a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}.contact-list .label{font-weight:700}.contact-form{align-content:start;gap:.6em;display:grid}.contact-form .row{grid-template-columns:1fr 1fr;gap:.6em;display:grid}.contact-form label{gap:.25em;font-size:.85em;font-weight:600;display:grid}.contact-form input,.contact-form select,.contact-form textarea{width:100%;font:400 1.05em var(--font-brand);color:var(--ink);background:var(--bg);border:1px solid var(--card-line);border-radius:.6em;padding:.5em .7em}.contact-form textarea{resize:vertical;min-height:3.6em}.contact-form .btn{justify-self:start}.form-note{color:var(--muted);font-size:.78em}.footer-line{font:.75em var(--font-code);color:var(--muted);grid-column:1/-1;padding-top:.6em}.bunny{transition:transform .25s;position:absolute;inset:0}.bunny svg{width:100%;height:100%;overflow:visible}.bunny .f{fill:var(--bun-fill)}.bunny .l{stroke:var(--bun-line);stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.bunny path.l:not(.f):not(.p){fill:none}.bunny .thin{stroke-width:1.8px}.bunny .p{fill:var(--bun-pink)}.bunny .blush{opacity:.6}.bunny .e{fill:var(--bun-eye)}.bunny .g{fill:var(--bun-glass)}.bunny .lp{fill:#c9d3d8}.bunny .lp-dot{fill:var(--accent)}.bunny .lp-logo{font:700 11px var(--font-code);fill:var(--accent)}.pose{opacity:0;transition:opacity .18s}.bunny[data-pose=walk] .pose-walk,.bunny[data-pose=front] .pose-front,.bunny[data-pose=back] .pose-back{opacity:1}.bunny-main svg{transform-origin:50% 100%;animation:3.2s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(1.015,.985)}}.leg,.ears{transform-box:view-box}.leg-front{transform-origin:66px 140px}.leg-back{transform-origin:54px 140px}.ears{transform-origin:62px 55px}.is-walking .bunny svg{animation:.3s ease-in-out infinite alternate bob}.is-walking .leg-front{animation:.6s ease-in-out infinite step}.is-walking .leg-back{animation:.6s ease-in-out infinite reverse step}.is-walking .pose-walk .ears{animation:.6s ease-in-out infinite ears}@keyframes bob{to{transform:translateY(-4%)}}@keyframes step{0%,to{transform:rotate(28deg)}50%{transform:rotate(-28deg)translateY(-3px)}}@keyframes ears{50%{transform:rotate(-6deg)}}.bunny-shadow{--bun-fill:#0b0b0d;--bun-line:#000;--bun-pink:#121214;--bun-glass:transparent;--bun-eye:#ff2b3a;bottom:4%;left:-42%;opacity:.85;filter:blur(.6px)drop-shadow(0 0 12px #0009);width:128%;height:128%;display:none;inset:auto auto 4% -42%}.bunny-shadow .e{filter:drop-shadow(0 0 3px #ff2b3a)drop-shadow(0 0 6px #ff2b3a)}.bunny-shadow .lp,.bunny-shadow .lp-logo,.bunny-shadow .lp-dot{fill:#0b0b0d}.bunny-shadow .g{stroke:#0000}.is-walking .bunny-shadow svg{animation-delay:-.12s}:root[data-theme=dark] .bunny-shadow{display:block}.walker.is-left .bunny-shadow{transition-delay:.15s}.phone{--r:1.7em}.phone>.screen-link{padding:.45em}.phone .screen-view{aspect-ratio:9/19.5;border-radius:1.3em}.phone .screen-view:before{content:"";z-index:2;background:var(--bezel);border-radius:999px;width:30%;height:.9em;position:absolute;top:.5em;left:50%;transform:translate(-50%)}.is-app .screen-label{text-align:center;color:var(--ink);background:0 0;justify-content:center;padding:0;font-size:.8em;position:absolute;inset:auto -2em calc(100% + .6em)}.is-app .screen-label strong{order:-1;width:100%}.is-app .screen-cta{color:var(--muted);margin:0;font-weight:500}.app-screens{all:unset;cursor:pointer;position:absolute;inset:0}.app-screens:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.screen-view .app-screens img{object-fit:cover;object-position:50% 0;opacity:0;width:100%;height:100%;transition:opacity .5s,transform .6s;position:absolute;inset:0;transform:scale(1.03)}.screen-view .app-screens img.is-on{opacity:1;transform:none}.app-dots{z-index:2;justify-content:center;gap:.35em;display:flex;position:absolute;bottom:.6em;left:0;right:0}.app-dots i{background:#ffffff73;border-radius:50%;width:.4em;height:.4em;transition:background-color .3s,transform .3s}.app-dots i.is-on{background:#fff;transform:scale(1.3)}.laptop>.screen-link{border-radius:.7em .7em .2em .2em;padding:.6em .6em .9em}.laptop:after{content:"";background:linear-gradient(#d5dde1,#9fadb4);border-radius:.2em .2em 1em 1em;width:114%;height:16px;position:absolute;top:100%;left:-7%;box-shadow:0 .6em 1em -.6em #00000080}:root[data-theme=dark] .laptop:after{background:linear-gradient(#4a4f58,#2a2d33)}button.screen-link{width:100%;font:inherit;text-align:left;cursor:pointer;border:0}.screen-view video{object-fit:cover;width:100%;height:100%;display:block}.play-badge{background:var(--accent);color:#fff;width:2.6em;height:2.6em;box-shadow:0 0 0 .35em color-mix(in srgb, var(--accent) 30%, transparent);border-radius:50%;place-items:center;padding-left:.15em;font-size:1em;transition:transform .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-70%)}.screen-video:hover .play-badge{transform:translate(-50%,-70%)scale(1.12)}.video-dialog{color:#fff;background:#0d0f12;border:0;border-radius:14px;width:min(92vw,1100px);max-height:92vh;padding:0;overflow:visible}.video-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0cc7}.video-dialog-inner{position:relative}.video-dialog video{background:#000;border-radius:14px 14px 0 0;width:100%;max-height:calc(92vh - 48px);display:block}.video-caption{padding:12px 16px;font-weight:600}.video-close{z-index:1;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;width:40px;height:40px;font-size:18px;position:absolute;top:-14px;right:-14px}@media (max-width:767px){.video-close{top:6px;right:6px}}
html{scroll-behavior:smooth}.office{padding-top:var(--header-h);background:radial-gradient(1200px 500px at 15% 0%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 70%), linear-gradient(180deg, var(--wall) 0%, var(--wall-2) 100%);position:relative;overflow-x:clip}.room{--lane:200px;z-index:1;max-width:1240px;min-height:70vh;scroll-margin-top:var(--header-h);align-items:center;column-gap:8px;margin:0 auto;padding:64px 24px 150px;display:grid;position:relative}.room.lane-left{grid-template-columns:var(--lane) minmax(0, 1fr);grid-template-areas:"lane a"}.room.lane-right{grid-template-columns:minmax(0, 1fr) var(--lane);grid-template-areas:"a lane"}.room.lane-mid{grid-template-columns:minmax(0, 1fr) var(--lane) minmax(0, 1fr)}.room.vis-left{grid-template-areas:"vis lane info"}.room.vis-right{grid-template-areas:"info lane vis"}.lane{grid-area:lane;align-self:stretch;min-height:120px}.cell-a,.action-scene{grid-area:a;min-width:0}.cell-vis{grid-area:vis;min-width:0}.cell-info{grid-area:info;min-width:0}.trail{z-index:0;pointer-events:none;width:100%;position:absolute;top:0;left:0;overflow:visible}.trail path{fill:none;stroke-linecap:round;stroke-width:5px;stroke-dasharray:.1 18}.trail-base{stroke:color-mix(in srgb, var(--line-soft) 70%, transparent)}.trail-done{stroke:var(--accent);stroke-width:7px}.walker{--bw:118px;z-index:5;pointer-events:none;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.walker .bunny{height:auto;inset:auto;left:calc(var(--bw) / -2);width:var(--bw);aspect-ratio:120/170;transition:transform .25s;position:absolute;bottom:-6px}.walker.is-left .bunny{transform:scaleX(-1)}.walker .bunny-shadow{left:calc(var(--bw) * -1.05);width:calc(var(--bw) * 1.3);height:auto;bottom:4px}.bunny .mug{transform-box:view-box;transform-origin:60px 124px;transform:translateY(calc(var(--sip,0) * -20px)) rotate(calc(var(--sip,0) * -14deg));transition:transform .5s cubic-bezier(.3,1.3,.5,1)}.bunny .mug-body{fill:var(--accent)}.bunny .mug-band{fill:#fff;opacity:.85}.bunny .mug-handle{fill:none;stroke-width:4px}.bunny .steam path{fill:none;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;opacity:.6;animation:2s ease-in-out infinite steam}.bunny .steam path+path{animation-delay:-1s}.bunny[data-pose=coffee] .pose-coffee{opacity:1}@keyframes steam{0%{opacity:0;transform:translateY(4px)}40%{opacity:.6}to{opacity:0;transform:translateY(-8px)}}.hero-row{min-height:calc(100vh - var(--header-h));padding-top:32px}.hero{text-align:left}.hero h1{font-size:clamp(2.2rem,4.2vw,3.6rem)}.hero .lead{max-width:38em;margin-left:0}.hero .cta-row{justify-content:flex-start}.scroll-hint{margin-top:2.4em}.scroll-hint .arrow{animation:1.4s ease-in-out infinite drop}@keyframes drop{50%{transform:translateY(6px)}}.hero-door{z-index:-1;opacity:.9;width:120px;height:auto;position:absolute;bottom:36px;left:40px}.title-row{min-height:40vh}.neon-title{margin-bottom:.4em}.project{min-height:92vh}.scene{flex-direction:column;align-items:center;font-size:14px;display:flex;position:relative}.furniture{width:100%;height:auto;display:block;overflow:visible}.scene-monitor .device{width:86%}.scene-monitor .furniture{margin-top:18px}.scene-tv .device.tv{width:96%}.scene-tv .furniture{width:72%;margin-top:26px}.scene-tv .phone-side{z-index:2;width:25%;position:absolute;bottom:10px;right:-6%}.scene-tablet .device{width:70%}.scene-wide .device{width:100%}.scene-wide .furniture{width:86%;margin-top:18px}.wide .screen-view{aspect-ratio:960/414}.wide:after{content:"";background:var(--bezel);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);width:10%;height:18px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.scene-tablet .furniture{width:56%}.scene-laptop .device{width:84%}.scene-laptop .furniture{width:56%;margin-top:16px}.scene-phone .device{width:42%;max-width:230px;margin-top:60px}.scene-phone .furniture-small{width:66%}.scene-phone3d{min-height:600px}.device{position:relative}.phone-side .screen-label{display:none}.cell-info{max-width:440px}.vis-left .cell-info{justify-self:start}.vis-right .cell-info{justify-self:end}.info-num{color:var(--muted);margin-bottom:.8em;font-size:.85rem}.cell-info h3{letter-spacing:-.01em;margin:.55em 0 .35em;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:800;line-height:1.1}.info-desc{color:var(--muted);margin-bottom:1.2em}.info-soon{font:600 .85rem var(--font-code);color:var(--muted)}.js-walk .room:not(.is-found) :is(.cell-a,.cell-vis,.cell-info,.action-scene){opacity:0;transform:translateY(46px)}.room :is(.cell-a,.cell-vis,.cell-info,.action-scene){transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1)}.room .cell-info{transition-delay:.15s}.js-walk .room:not(.is-found) .screen-view{filter:brightness(.15)}.room.is-found .screen-view{animation:.9s ease-out both power-on}@keyframes power-on{0%{filter:brightness(.15)}30%{filter:brightness(1.6)}45%{filter:brightness(.5)}to{filter:none}}.room-action{--scene-h:400px;align-items:start;min-height:200vh;padding-top:0;padding-bottom:0}.room-action .action-scene{top:max(calc(var(--header-h) + 8px), calc(64vh - var(--scene-h)));height:var(--scene-h);flex-direction:column;justify-content:flex-end;gap:10px;max-width:620px;display:flex;position:sticky}.room-action.lane-right .action-scene{justify-self:end}.room-action .lane{min-height:0}.action-tag{width:fit-content;color:var(--accent);background:var(--accent-soft);border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.85rem}.action-caption{color:var(--muted);order:9;margin-top:6px;font-size:.95rem}.coffee-corner{flex-direction:column;align-items:flex-start;display:flex;position:relative}.coffee-corner .furniture{width:330px}.coffee-plant{width:54px;position:absolute;bottom:68px;left:240px}.machine{--fill:clamp(0, calc((var(--t,0) - .06) * 2.8), 1);border:3px solid var(--line);background:linear-gradient(#3a3f47,#23272d);border-radius:16px 16px 6px 6px;width:132px;height:170px;margin-bottom:-2px;margin-left:52px;position:relative}.machine-top{background:#15181c;border-radius:8px;height:34px;position:absolute;inset:10px 12px auto}.machine-led{background:var(--accent);width:10px;height:10px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.2s steps(2,end) infinite blink;position:absolute;top:12px;right:10px}@keyframes blink{50%{opacity:.3}}.machine-nozzle{background:#15181c;border-radius:0 0 6px 6px;width:26px;height:14px;margin-left:-13px;position:absolute;top:56px;left:50%}.machine-stream{width:4px;height:58px;opacity:calc(var(--fill) * (1 - var(--fill)) * 6);background:#6b3f22;border-radius:2px;margin-left:-2px;position:absolute;top:70px;left:50%}.cup{border:3px solid var(--line);width:44px;height:40px;opacity:calc(1 - clamp(0, (var(--t,0) - .44) * 20, 1));background:#fff;border-radius:4px 4px 14px 14px;margin-left:-22px;position:absolute;bottom:22px;left:50%;overflow:hidden}.cup-coffee{transform-origin:bottom;height:100%;transform:scaleY(var(--fill));background:#7a4826;position:absolute;inset:auto 0 0}.machine-tray{background:#15181c;border-radius:3px;height:10px;position:absolute;inset:auto 14px 10px}.agents-desk{flex-direction:column;align-items:center;width:min(100%,520px);display:flex;position:relative}.agents-desk .furniture{margin-top:16px}.agents-monitor{background:var(--bezel);border-radius:12px;width:78%;padding:9px;position:relative;box-shadow:0 16px 30px -18px #0009}.agents-monitor:after{content:"";background:var(--bezel);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);width:14%;height:18px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.agents-screen{color:#e8f1f2;background:#0f1720;border-radius:6px;padding:12px 14px;font-size:12px}.agents-head{justify-content:space-between;margin-bottom:8px;display:flex}.agents-head span{color:var(--accent)}.agents-screen ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.agents-screen li{--done:clamp(0, calc((var(--t,0) - .05 - var(--i) * .17) * 4.5), 1);background:#ffffff0d;border-radius:6px;grid-template-columns:10px 1fr 70px 64px;align-items:center;gap:8px;padding:6px 8px;display:grid}.ag-dot{width:8px;height:8px;box-shadow:0 0 0 calc(var(--done) * 4px) #4ade8040;background:#f5a524;border-radius:50%}.agents-screen li .ag-dot{background:color-mix(in srgb, #4ade80 calc(var(--done) * 100%), #f5a524)}.ag-txt b{font-size:11.5px;display:block}.ag-txt small{color:#9fb1b5}.ag-bar{background:#ffffff1f;border-radius:3px;height:6px;overflow:hidden}.ag-bar i{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(var(--done));display:block}.ag-ok{--ok:clamp(0, calc((var(--done) - .96) * 30), 1);color:#4ade80;opacity:var(--ok);transform:scale(calc(1.6 - .6 * var(--ok)));font-size:11px;font-weight:700}.stamp-desk{width:360px;padding-top:130px;position:relative}.stamp-desk .furniture{width:360px}.letter{--in:clamp(0, calc(var(--t,0) * 6), 1);width:170px;height:120px;transform:rotate(-4deg) translateX(calc((1 - var(--in)) * -40px));opacity:var(--in);background:#fffdf6;border:2px solid #d9cfb8;border-radius:4px;padding:14px 16px;position:absolute;bottom:72px;left:60px;box-shadow:0 10px 18px -12px #00000080}.letter-title{font:700 12px var(--font-brand);color:#3a3226;margin-bottom:8px}.letter i{background:#e5dcc8;border-radius:3px;height:5px;margin:6px 0;display:block}.stamp-mark{--hit:clamp(0, calc((var(--t,0) - .47) * 25), 1);font:800 18px var(--font-code);letter-spacing:.08em;color:#d62f3a;opacity:calc(var(--hit) * .9);transform:rotate(-12deg) scale(calc(1.5 - .5 * var(--hit)));border:3px solid #d62f3a;border-radius:6px;padding:3px 10px;position:absolute;bottom:16px;right:10px}.stamp{--down:clamp(0, calc((var(--t,0) - .3) * 6), 1);--up:clamp(0, calc((var(--t,0) - .55) * 6), 1);width:64px;height:92px;transform:translateY(calc(-120px + var(--down) * 110px - var(--up) * 110px));position:absolute;bottom:96px;left:150px}.stamp-handle{border:2px solid var(--line);background:linear-gradient(90deg,#6b4a2f,#9a6c45);border-radius:14px 14px 6px 6px;width:28px;height:54px;position:absolute;top:0;left:18px}.stamp-base{border:2px solid var(--line);background:#2b2f36;border-bottom:8px solid #d62f3a;border-radius:6px;width:64px;height:34px;position:absolute;bottom:0;left:0}.ink-pad{background:#2b2f36;border-top:5px solid #d62f3a;border-radius:4px;width:70px;height:18px;position:absolute;bottom:72px;left:250px}.p3{--fit:1;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;isolation:isolate;width:100%;height:600px;position:relative}.p3:active{cursor:grabbing}.p3:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 35%, transparent), transparent 62%);filter:blur(40px);opacity:.5;z-index:-1;width:380px;height:380px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.p3-stage{width:var(--pw);height:var(--ph);perspective:2200px;perspective-origin:50% 40%;transform:translate(-50%, -50%) scale(var(--fit));position:absolute;top:46%;left:50%}.p3-floater{width:100%;height:100%;transform-style:preserve-3d}.p3-phone{--R:var(--pr);width:var(--pw);height:var(--ph);transform-style:preserve-3d;will-change:transform;position:relative}.p3-phone>*{border-radius:var(--R);backface-visibility:hidden;position:absolute;inset:0}.p3-phone>.p3-layer{backface-visibility:visible;background:hsl(28 6% var(--edge-l,55%));box-shadow:inset 0 0 0 1px #ffffff0f}.p3-front{padding:var(--pad);background:#050506;transform:translateZ(11.6px);box-shadow:inset 0 0 0 1.5px #b7b2ae,inset 0 0 0 3px #000}.p3-screen{border-radius:var(--sr);background:#fff;width:100%;height:100%;position:relative;overflow:hidden;transform:translateZ(0)}.p3-screen video{object-fit:cover;width:100%;height:100%;display:block}.p3-island{z-index:5;background:#000;border-radius:20px;width:92px;height:27px;margin-left:-46px;position:absolute;top:11px;left:50%}.p3-glare{z-index:6;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff47 45%,#ffffff0f 52%,#0000 62%) 0 0/300% 100%;background-position:var(--glare-x,50%) 0;mix-blend-mode:screen;position:absolute;inset:0}.p3-shade{z-index:7;pointer-events:none;border-radius:inherit;opacity:var(--shade,0);background:#000;position:absolute;inset:0}.p3-back{background:radial-gradient(120% 80% at 30% 20%,#ffffff1a,#0000 55%),#2a2c31;overflow:hidden;transform:rotateY(180deg)translateZ(11.6px);box-shadow:inset 0 0 0 1.5px #b2ada9}.p3-plateau{background:linear-gradient(#3a3c42,#2a2c31);border-radius:44px 44px 30px 30px;height:150px;position:absolute;top:12px;left:10px;right:10px}.p3-lens{background:radial-gradient(circle,#0b0d14 0 30%,#1b2338 38%,#05060a 52%,#3a3c42 53% 64%,#1a1b1f 66%);border-radius:50%;width:62px;height:62px;position:absolute;box-shadow:0 0 0 3px #9f9993}.p3-lens.a{top:12px;left:16px}.p3-lens.b{top:82px;left:16px}.p3-lens.c{top:47px;left:86px}.p3-flash{background:radial-gradient(#fff6d8,#c9b98a 70%);border-radius:50%;width:18px;height:18px;position:absolute;top:26px;right:26px}.p3-shadow{width:var(--pw);height:40px;margin-left:calc(var(--pw) / -2);filter:blur(10px);transform:scaleX(var(--sx,1));opacity:var(--so,.7);background:radial-gradient(closest-side,#00000073,#0000);position:absolute;bottom:-60px;left:50%}.p3-hint{text-align:center;font:600 .75rem var(--font-code);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);position:absolute;bottom:0;left:0;right:0}@media (max-width:860px){:root{--header-h:58px}.site-header{gap:12px;padding:0 16px}.main-nav,.brand-mark{display:none}.header-actions{margin-left:auto}.brand-name{font-size:17px}.room,.room.lane-left,.room.lane-right,.room.lane-mid,.room.vis-left,.room.vis-right{flex-direction:column;align-items:stretch;gap:22px;min-height:0;padding:56px 16px;display:flex}.lane,.trail,.hero-door{display:none}.hero-row{min-height:auto;padding-top:28px}.cell-info,.vis-left .cell-info,.vis-right .cell-info{justify-self:auto;max-width:none}.project{min-height:0}.scene-tv .phone-side{width:30%;bottom:26px;right:0}.scene-phone3d,.p3{height:460px;min-height:0}.board-cols{grid-template-columns:1fr}.stickies{flex-wrap:wrap;margin-top:16px;position:static}.services-wall,.steps{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr;padding:24px 18px 16px}.room-action{min-height:0}.room-action .action-scene{max-width:none;height:auto;position:static}.stamp-desk,.coffee-corner,.agents-desk{align-self:center}.walker{--bw:66px;z-index:40;position:fixed;inset:auto 52px 14px auto;transform:none!important}.walker .bunny-shadow{display:none}}@media (max-width:540px){.header-actions .btn{display:none}.services-wall,.steps,.contact-form .row{grid-template-columns:1fr}.stamp-desk{transform-origin:0 100%;transform:scale(.86)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation:none!important}.js-walk .room:not(.is-found) :is(.cell-a,.cell-vis,.cell-info,.action-scene){opacity:1;transform:none}.js-walk .room:not(.is-found) .screen-view{filter:none}}.p3--tablet .p3-front:after{content:"";background:#1b2338;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:6px;left:50%}.p3--tablet .p3-plateau{border-radius:26px;width:90px;height:90px;right:auto}.p3--tablet .p3-lens.b,.p3--tablet .p3-lens.c{display:none}.p3--tablet .p3-flash{left:110px;right:auto}@media (max-width:860px){.room,.room.lane-left,.room.lane-right,.room.lane-mid,.room.vis-left,.room.vis-right{padding:56px 16px}.scene-phone3d,.p3{height:420px}}
.about-intro{max-width:620px;margin-bottom:28px}.about-intro .code-line{color:var(--accent)}.about-intro h2{letter-spacing:-.02em;margin:.15em 0 .3em;font-size:clamp(2rem,3.4vw,2.8rem);font-weight:800;line-height:1.1}.about-intro p:not(.code-line){color:var(--muted)}.skills{perspective:900px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.skill{background:var(--card);border:1px solid var(--card-line);transform-style:preserve-3d;border-radius:18px;padding:22px 20px 26px;transition:transform .45s cubic-bezier(.2,.9,.25,1.2),box-shadow .35s,border-color .35s;position:relative;overflow:hidden;box-shadow:0 14px 30px -24px #00000073}.skill:before{content:"";background:linear-gradient(115deg, transparent 35%, color-mix(in srgb, var(--accent) 16%, transparent) 50%, transparent 65%);pointer-events:none;transition:transform .8s;position:absolute;inset:0;transform:translate(-120%)}.skill-icon{background:var(--accent-soft);min-width:48px;height:48px;color:var(--accent);border-radius:14px;place-items:center;padding:0 10px;font-size:1.1rem;font-weight:600;transition:transform .5s cubic-bezier(.3,1.6,.5,1),background-color .3s,color .3s;display:inline-grid}.skill h3{margin:14px 0 6px;font-size:1.15rem;line-height:1.2}.skill p{color:var(--muted);font-size:.95rem}.skill-bar{background:var(--accent);transform-origin:0;width:100%;height:4px;transition:transform .5s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.skill:hover,.skill:focus-within{transform:translateY(-10px) rotateX(6deg) rotateY(calc((var(--i) - 1) * -2deg));border-color:color-mix(in srgb, var(--accent) 55%, var(--card-line));box-shadow:0 28px 40px -26px var(--glow), 0 10px 22px -18px #0006}.skill:hover:before{transform:translate(120%)}.skill:hover .skill-icon{background:var(--accent);color:var(--accent-ink);transform:rotate(-10deg)scale(1.15)}.skill:hover .skill-bar{transform:scaleX(1)}.js-walk .room:not(.is-found) .skill{opacity:0;transform:translateY(30px)}.room.is-found .skill{animation:.6s cubic-bezier(.2,.9,.25,1.15) backwards skill-in;animation-delay:calc(var(--i) * 80ms)}@keyframes skill-in{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:none}}.contact-phone{justify-content:center;margin-bottom:8px;display:flex}.contact-phone .p3{width:100%;max-width:420px;height:460px}.p3-screen .p3-slide{object-fit:cover;object-position:50% 0;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.p3-screen .p3-slide.is-on{opacity:1}@media (max-width:860px){.skills{grid-template-columns:1fr 1fr}.contact-phone .p3{height:360px}}@media (max-width:540px){.skills{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.skill,.skill:hover{transform:none}.js-walk .room:not(.is-found) .skill{opacity:1;transform:none}}
.contact-row .cell-a{padding-top:190px}.contact{position:relative}.contact-form textarea{min-height:11em}.contact-form .optional{color:var(--muted);font-weight:400}.contact-form ::placeholder{color:color-mix(in srgb, var(--muted) 70%, transparent)}.contact-form .is-target :is(input,select,textarea),.contact-form button.is-target{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.contact-form :is(input,select,textarea){transition:border-color .25s,box-shadow .25s}.peek{--peek-w:200px;left:var(--peek-x,75%);pointer-events:none;width:0;height:0;transition:left .55s cubic-bezier(.3,1.2,.4,1);position:absolute;top:0}.peek-bunny{z-index:-1;left:calc(var(--peek-w) / -2);width:var(--peek-w);aspect-ratio:120/170;transition:transform .7s cubic-bezier(.3,1.3,.5,1) .2s;position:absolute;bottom:-128px;transform:translateY(70%)}.peek-bunny .bunny{position:absolute;inset:0}.peek-bunny .bunny svg{transform-origin:50% 100%;animation:3s ease-in-out infinite peek-bob}.bunny[data-pose=peek] .pose-peek{opacity:1}.bunny[data-pose=peek] .pose-peek .e{transform:translateY(2.5px)}@keyframes peek-bob{50%{transform:translateY(-4px)rotate(-1.5deg)}}.peek-paws{z-index:2;opacity:0;justify-content:space-between;width:92px;transition:opacity .3s .6s;display:flex;position:absolute;top:-12px;left:-46px}.peek-paws i{background:#fff;border:2.6px solid #2a2f36;border-radius:50% 50% 45% 45%;width:30px;height:22px}.peek-paws i:last-child{animation:1.2s ease-in-out infinite point}@keyframes point{50%{transform:translateY(7px)}}.peek-bubble{left:calc(var(--peek-w) / 2 - 10px);background:var(--ink);width:max-content;max-width:240px;color:var(--bg);opacity:0;border-radius:14px 14px 14px 4px;padding:10px 14px;font-size:.92rem;font-weight:600;line-height:1.3;animation:.45s cubic-bezier(.3,1.4,.5,1) .1s forwards bubble-in;position:absolute;bottom:70px;box-shadow:0 10px 22px -12px #00000080}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)scale(.92)}to{opacity:1;transform:none}}.room.is-found .peek-bunny{transform:none}.room.is-found .peek-paws{opacity:1}.walker{transition:opacity .4s}.walker.is-away{opacity:0}@media (max-width:860px){.contact-row .cell-a{padding-top:170px}.peek{--peek-w:140px}.peek-bunny{bottom:-90px}.peek-bubble{max-width:170px;font-size:.82rem;bottom:50px}}@media (prefers-reduced-motion:reduce){.peek-bunny,.room.is-found .peek-bunny{transform:none}.peek-paws{opacity:1}}.hp-field{opacity:0!important;width:1px!important;height:1px!important;position:absolute!important;left:-9999px!important}.contact-form .btn:disabled{opacity:.7;cursor:wait}
.hero-row{--lane:420px;min-height:min(calc(100vh - var(--header-h)), 720px);padding-bottom:40px}#apropos{padding-top:110px}.hero-row .lane{position:relative}.entrance{height:330px;position:absolute;bottom:30px;left:0;right:0}.door{--door-w:140px;--door-h:240px;width:var(--door-w);height:var(--door-h);border:6px solid var(--line-soft);background:var(--furn-2);perspective:700px;z-index:-1;border-bottom:0;border-radius:8px 8px 0 0;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.door-hole{background:linear-gradient(180deg, var(--sky) 0%, color-mix(in srgb, var(--sky) 60%, var(--wall)) 100%);position:absolute;inset:0;overflow:hidden}.door-sun{background:var(--sun);width:30px;height:30px;box-shadow:0 0 18px var(--sun);border-radius:50%;position:absolute;top:22px;right:18px}.door-hole:after{content:"";background:var(--leaf);opacity:.55;height:38px;position:absolute;inset:auto 0 0}.door-leaf{background:var(--furn);border:2px solid var(--line-soft);transform-origin:0;transition:transform .9s cubic-bezier(.5,0,.2,1);position:absolute;inset:0;box-shadow:inset -10px 0 18px -14px #00000059}.door-sign{background:var(--accent);color:#fff;font:700 13px var(--font-code);letter-spacing:.06em;border-radius:6px;padding:4px 10px;position:absolute;top:34px;left:50%;transform:translate(-50%)}.door-knob{background:var(--accent);border-radius:50%;width:11px;height:11px;position:absolute;top:52%;right:14px}.hero-row.door-open .door-leaf{transform:rotateY(-78deg)}.entrance .decor{z-index:-1;height:auto;position:absolute}.entrance-art{width:66px;top:0;left:8%}.entrance-plant{width:64px;bottom:22px;left:6%}.entrance-lamp{width:52px;bottom:22px;right:7%}.doormat{background:color-mix(in srgb, var(--wood) 80%, #8a5a2b);width:170px;color:color-mix(in srgb, var(--wood) 30%, #3a2a18);font:700 11px var(--font-code);letter-spacing:.3em;text-align:center;z-index:-1;border-radius:6px;padding:5px 0;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.entrance-hint{white-space:nowrap;margin:0;font-size:.95rem;position:absolute;top:calc(100% + 34px);right:calc(50% + 34px)}.entrance:after{content:"";background:color-mix(in srgb, var(--line-soft) 55%, transparent);z-index:-2;border-radius:2px;height:3px;position:absolute;bottom:20px;left:0;right:0}@media (max-width:1100px){.hero-row{--lane:300px}.entrance-art,.entrance-lamp{display:none}}.walker .bunny{transition:transform .25s,opacity .6s,translate .8s cubic-bezier(.3,1.1,.4,1),scale .8s}.walker.is-entering .bunny{opacity:0;translate:0 -8px;scale:.8}.action-caption{max-width:34ch;margin-top:26px}.action-stamp .action-caption,.action-coffee .action-caption,.action-agents .action-caption{text-align:center;max-width:100%}.action-stamp .action-caption{width:360px}.action-coffee .action-caption{width:330px}.action-agents .action-caption{width:min(100%,520px);padding:0 40px}.neon-sub{max-width:42ch}.about-intro p:not(.code-line){max-width:50ch}.hero .lead{max-width:34em}.contact-intro>p:not(.code-line),.pin-text{max-width:38ch}.info-desc{max-width:40ch}@media (prefers-reduced-motion:reduce){.door-leaf{transition:none}}
.pinboard{grid-template-columns:minmax(240px,.85fr) 1.4fr;align-items:center;gap:24px;min-height:360px;padding:34px 32px;display:grid;position:relative}.pin-note{text-align:center;color:#2a2118;background:#fffdf6;border-radius:4px;flex-direction:column;align-items:center;gap:10px;padding:26px 22px 24px;display:flex;position:relative;transform:rotate(-1.5deg);box-shadow:0 12px 22px -14px #0000008c}:root[data-theme=dark] .pin-note{background:#f3ecdc}.pin-note .pin-text{margin:0 auto}.pin-note .btn{margin-top:6px}.pinboard .pin{background:radial-gradient(circle at 35% 35%, color-mix(in srgb, var(--accent) 55%, #fff), var(--accent) 60%);z-index:2;border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:-7px;left:50%;box-shadow:0 3px 4px #0006}.pin-collage{height:320px;position:relative}.polaroid{--w:150px;width:var(--w);transform:rotate(var(--r));background:#fff;border-radius:2px;margin:0;padding:8px 8px 26px;transition:transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .3s;position:absolute;box-shadow:0 14px 22px -14px #0009}.polaroid img{aspect-ratio:4/3;object-fit:cover;object-position:top;border-radius:1px;width:100%;display:block}.polaroid figcaption{text-align:center;font:600 11px var(--font-code);color:#3a3226;position:absolute;bottom:5px;left:0;right:0}.polaroid:hover{z-index:3;transform:rotate(0)scale(1.08);box-shadow:0 22px 30px -16px #000000a6}.polaroid:first-of-type{top:4%;left:2%}.polaroid:nth-of-type(2){--w:110px;top:0;left:30%}.polaroid:nth-of-type(2) img{aspect-ratio:3/4}.polaroid:nth-of-type(3){top:8%;left:52%}.polaroid:nth-of-type(4){top:52%;left:14%}.polaroid:nth-of-type(5){--w:110px;top:50%;left:64%}.polaroid:nth-of-type(5) img{aspect-ratio:3/4}.postit{width:120px;font:600 12px/1.3 var(--font-code);color:#2a2118;padding:12px 10px;position:absolute;box-shadow:0 10px 16px -12px #0000008c}.postit.pi1{background:#fff1a8;top:58%;left:42%;transform:rotate(3deg)}.postit.pi2{background:#ffd6e0;top:2%;right:0;transform:rotate(-4deg)}.postit.pi3{background:#c9f0f2;width:100px;top:74%;left:86%;transform:rotate(6deg)}.js-walk .room:not(.is-found) .polaroid,.js-walk .room:not(.is-found) .postit{opacity:0}.room.is-found .polaroid,.room.is-found .postit{animation:.55s cubic-bezier(.3,1.4,.5,1) backwards pin-drop;animation-delay:calc(.25s + var(--i,5) * 90ms)}@keyframes pin-drop{0%{opacity:0;translate:0 -24px;scale:1.1}}@media (max-width:860px){.pinboard{grid-template-columns:1fr;padding:28px 18px}.pin-collage{height:300px}.polaroid{--w:120px}.polaroid:nth-of-type(2),.polaroid:nth-of-type(5){--w:90px}.postit.pi3{display:none}}@media (prefers-reduced-motion:reduce){.js-walk .room:not(.is-found) .polaroid,.js-walk .room:not(.is-found) .postit{opacity:1}}
.site-footer{z-index:2;color:#dfe9ea;background:#1d2a2f;position:relative;overflow:hidden}:root[data-theme=dark] .site-footer{background:#111316;border-top:1px solid #262a30}.site-footer:before{content:"";background:linear-gradient(90deg, var(--accent), var(--pink), var(--accent));height:4px;position:absolute;inset:0 0 auto}.footer-inner{grid-template-columns:1.5fr 1fr 1.1fr 1.2fr;gap:40px;max-width:1240px;margin:0 auto;padding:64px 24px 48px;display:grid;position:relative}.site-footer .brand-name{color:#fff}.footer-tagline{font:600 .75rem var(--font-code);letter-spacing:.28em;color:#8fa6aa;margin:10px 0 14px}.footer-pitch{color:#b9c9cb;max-width:34ch;margin-bottom:18px;font-size:.95rem}.footer-col h2{font:600 .8rem var(--font-code);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}:root:not([data-theme=dark]) .footer-col h2{color:#5fd0dc}.footer-col ul{gap:9px;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.footer-col a,.footer-bottom a{color:#dfe9ea;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;text-decoration:none;transition:background-size .3s,color .2s}.footer-col a:hover,.footer-bottom a:hover{color:#fff;background-size:100% 1px}.footer-bunny{aspect-ratio:120/170;width:74px;position:absolute;bottom:-2px;right:40px;transform:rotate(-4deg)}.footer-top{margin-right:110px}.contact-row{padding-bottom:72px}.footer-bunny .bunny{position:absolute;inset:0}.footer-bottom{max-width:1240px;font:.8rem var(--font-code);color:#8fa6aa;border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:8px 28px;margin:0 auto;padding:18px 24px 26px;display:flex}.footer-top{margin-left:auto}@media (max-width:960px){.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:540px){.footer-inner{grid-template-columns:1fr;gap:28px;padding:48px 16px 40px}.footer-bottom{padding:16px 16px 90px}.footer-top{margin-left:0}.footer-bunny{display:none}}
.legal{padding:calc(var(--header-h) + 56px) 24px 80px;background:linear-gradient(180deg, var(--wall) 0%, var(--wall-2) 100%)}.legal-inner{max-width:760px;margin:0 auto}.legal .code-line{color:var(--accent)}.legal h1{letter-spacing:-.02em;margin:.15em 0 .2em;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800}.legal-updated{color:var(--muted);margin-bottom:36px;font-size:.9rem}.legal section{background:var(--card);border:1px solid var(--card-line);border-radius:16px;margin-bottom:22px;padding:26px 28px}.legal h2{margin-bottom:14px;font-size:1.25rem}.legal p{color:var(--muted);max-width:64ch}.legal p+p{margin-top:.8em}.legal dl{grid-template-columns:150px 1fr;gap:8px 16px;margin:0 0 12px;display:grid}.legal dt{font-weight:600}.legal dd{color:var(--muted);margin:0}.legal a,.legal .btn{color:var(--accent)}.legal .todo{background:var(--sticky-1);color:#5a4a10;font:600 .8rem var(--font-code);border-radius:6px;padding:1px 8px;display:inline-block}.legal-back{margin-top:30px}@media (max-width:540px){.legal{padding:calc(var(--header-h) + 32px) 16px 60px}.legal section{padding:20px 18px}.legal dl{grid-template-columns:1fr;gap:2px}.legal dd{margin-bottom:8px}}
:root{--street-w:0px;--asphalt:#474d55;--asphalt-2:#3f444b;--pavement:#d5dcdd;--pavement-2:#c8d0d1;--wall-street:#9db4b8;--glass:linear-gradient(180deg, #d6f0f4, #a9dce3)}:root[data-theme=dark]{--asphalt:#1c1f24;--asphalt-2:#181a1e;--pavement:#2c3036;--pavement-2:#262a2f;--wall-street:#3a3e46;--glass:linear-gradient(180deg, #ffe7a3, #f2c45a)}.street-wrap{display:none}@media (min-width:1100px){:root{--su:clamp(.76px, .0694vw, 1.05px);--street-w:calc(300 * var(--su))}.office{padding-right:var(--street-w)}.street-wrap{width:var(--street-w);z-index:0;pointer-events:none;display:block;position:absolute;top:0;bottom:0;right:0}.street{--sy:0px;grid-template-columns:calc(20 * var(--su)) calc(106 * var(--su)) 1fr calc(14 * var(--su));height:100vh;display:grid;position:sticky;top:0;overflow:hidden;box-shadow:inset 12px 0 22px -16px #00000059}.street-wall{background:repeating-linear-gradient(180deg, var(--wall-street) 0 80px, var(--line-soft) 80px 84px, transparent 84px 196px, var(--line-soft) 196px 200px, var(--wall-street) 200px 230px), var(--glass);background-position:0 var(--sy), 0 0;box-shadow:inset -3px 0 #0000001f}:root[data-theme=dark] .street-wall{filter:drop-shadow(8px 0 14px #ffc85a47)}.street-sidewalk{background:repeating-linear-gradient(180deg, transparent 0 calc(34 * var(--su)), var(--pavement-2) calc(34 * var(--su)) calc(37 * var(--su))), var(--pavement);background-position:0 var(--sy), 0 0;border-right:calc(6 * var(--su)) solid var(--pavement-2);position:relative}.street-road{background:radial-gradient(circle at 30% 20%, #ffffff0a 0 2px, transparent 3px) 0 var(--sy) / 26px 31px, linear-gradient(90deg, var(--asphalt), var(--asphalt-2));position:relative}.road-line{width:calc(5 * var(--su));margin-left:calc(-2.5 * var(--su));background:repeating-linear-gradient(180deg, #ffffffd9 0 calc(40 * var(--su)), transparent calc(40 * var(--su)) calc(84 * var(--su)));background-position:0 var(--sy);position:absolute;top:0;bottom:0;left:50%}:root[data-theme=dark] .road-line{opacity:.5}.street-curb{background:var(--pavement);border-left:calc(4 * var(--su)) solid var(--pavement-2)}.vehicle{--vw:calc(66 * var(--su));--vh:calc(124 * var(--su));width:var(--vw);height:var(--vh);border-radius:calc(20 * var(--su)) calc(20 * var(--su)) calc(14 * var(--su)) calc(14 * var(--su));background:linear-gradient(90deg, color-mix(in srgb, var(--c) 82%, #000), var(--c) 25%, var(--c) 75%, color-mix(in srgb, var(--c) 82%, #000));border:calc(3 * var(--su)) solid #00000059;box-shadow:0 calc(12 * var(--su)) calc(14 * var(--su)) calc(-6 * var(--su)) #0000008c;z-index:3;will-change:transform;position:absolute;top:0}.vehicle.lane-up{left:calc(25% - var(--vw) / 2)}.vehicle.lane-down{left:calc(75% - var(--vw) / 2)}.vehicle i{display:block;position:absolute}.v-glass{top:calc(22 * var(--su));left:calc(7 * var(--su));right:calc(7 * var(--su));height:calc(24 * var(--su));border-radius:calc(10 * var(--su)) calc(10 * var(--su)) calc(4 * var(--su)) calc(4 * var(--su));background:linear-gradient(#2c3e4a,#1a242c)}.v-roof{top:calc(48 * var(--su));left:calc(9 * var(--su));right:calc(9 * var(--su));height:calc(40 * var(--su));border-radius:calc(6 * var(--su));background:#ffffff29}.v-rear{bottom:calc(10 * var(--su));left:calc(9 * var(--su));right:calc(9 * var(--su));height:calc(16 * var(--su));border-radius:calc(4 * var(--su)) calc(4 * var(--su)) calc(8 * var(--su)) calc(8 * var(--su));background:linear-gradient(#1a242c,#2c3e4a)}.v-mirror{top:calc(30 * var(--su));width:calc(10 * var(--su));height:calc(7 * var(--su));border-radius:calc(4 * var(--su));background:color-mix(in srgb, var(--c) 70%, #000)}.v-mirror.l{left:calc(-11 * var(--su))}.v-mirror.r{right:calc(-11 * var(--su))}.v-light{top:calc(1 * var(--su));width:calc(14 * var(--su));height:calc(6 * var(--su));border-radius:calc(3 * var(--su));background:#fff6cf}.v-light.l{left:calc(6 * var(--su))}.v-light.r{right:calc(6 * var(--su))}.vehicle.van{--vh:calc(150 * var(--su));border-radius:calc(16 * var(--su)) calc(16 * var(--su)) calc(8 * var(--su)) calc(8 * var(--su))}.vehicle.van .v-roof{height:calc(84 * var(--su));background:repeating-linear-gradient(90deg, #0000000f 0 calc(6 * var(--su)), transparent calc(6 * var(--su)) calc(14 * var(--su)))}.vehicle.van .v-rear{display:none}.vehicle.bus{--vw:calc(76 * var(--su));--vh:calc(270 * var(--su));border-radius:calc(12 * var(--su))}.vehicle.bus .v-glass{top:calc(8 * var(--su));height:calc(20 * var(--su))}.vehicle.bus .v-roof{top:calc(44 * var(--su));bottom:calc(24 * var(--su));height:auto;left:calc(14 * var(--su));right:calc(14 * var(--su));background:linear-gradient(#ffffff80, #ffffff80) 50% 30% / 70% calc(26 * var(--su)) no-repeat, linear-gradient(#ffffff80, #ffffff80) 50% 70% / 70% calc(26 * var(--su)) no-repeat, #00000014}.vehicle.bus:after{content:"";top:calc(40 * var(--su));bottom:calc(20 * var(--su));left:calc(2 * var(--su));right:calc(2 * var(--su));background:repeating-linear-gradient(180deg, #1e2d37cc 0 calc(24 * var(--su)), transparent calc(24 * var(--su)) calc(32 * var(--su))) left / calc(6 * var(--su)) 100% no-repeat, repeating-linear-gradient(180deg, #1e2d37cc 0 calc(24 * var(--su)), transparent calc(24 * var(--su)) calc(32 * var(--su))) right / calc(6 * var(--su)) 100% no-repeat;position:absolute}.vehicle.bus .v-rear{display:none}:root[data-theme=dark] .vehicle:before{content:"";left:calc(-10 * var(--su));right:calc(-10 * var(--su));top:calc(-70 * var(--su));height:calc(72 * var(--su));background:radial-gradient(at 50% 100%,#ffecaa8c,#0000 70%);border-radius:50% 50% 0 0;position:absolute}@keyframes drive-up{0%{transform:translateY(calc(100vh + 300px))}to{transform:translateY(-300px)}}@keyframes drive-down-flipped{0%{transform:translateY(300px)}to{transform:translateY(calc(-100vh - 300px))}}.person{width:calc(62 * var(--su));height:calc(62 * var(--su));position:absolute;top:0}.pedestrian{left:calc(var(--x) * var(--su));animation:walk-down var(--dur) linear var(--delay) infinite;scale:.8}.pedestrian.ped-up{animation-name:walk-up}.pedestrian.ped-up .ped-figure{rotate:180deg}.ped-figure{animation:.6s ease-in-out infinite alternate sway;position:absolute;inset:0}.ped-figure i{display:block;position:absolute}.ped-body{left:calc(6 * var(--su));right:calc(6 * var(--su));top:calc(18 * var(--su));height:calc(26 * var(--su));background:var(--c);box-shadow:inset 0 calc(-4 * var(--su)) 0 #00000026, 0 calc(6 * var(--su)) calc(8 * var(--su)) calc(-3 * var(--su)) #0006;border-radius:50%}.ped-head{width:calc(24 * var(--su));height:calc(24 * var(--su));margin:calc(-12 * var(--su)) 0 0 calc(-12 * var(--su));background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--hair) 80%, #fff) 0 20%, var(--hair) 45%);box-shadow:0 calc(2 * var(--su)) 0 #00000040;border-radius:50%;top:50%;left:50%}.ped-arm{top:calc(22 * var(--su));width:calc(11 * var(--su));height:calc(24 * var(--su));border-radius:calc(6 * var(--su));background:color-mix(in srgb, var(--c) 80%, #000);transform-origin:50% 20%;animation:.6s ease-in-out infinite alternate arm}.ped-arm.l{left:calc(1 * var(--su))}.ped-arm.r{right:calc(1 * var(--su));animation-direction:alternate-reverse}@keyframes arm{0%{transform:translateY(calc(-7 * var(--su)))}to{transform:translateY(calc(7 * var(--su)))}}@keyframes walk-down{0%{transform:translateY(-80px)}to{transform:translateY(calc(100vh + 80px))}}@keyframes walk-up{0%{transform:translateY(calc(100vh + 80px))}to{transform:translateY(-80px)}}@keyframes sway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.crossings{pointer-events:none;position:absolute;inset:0}.crossing{--road-l:calc(126 * var(--su));--road-r:calc(14 * var(--su));height:calc(84 * var(--su));z-index:1;will-change:transform;position:absolute;top:0;left:0;right:0}.zebra{top:0;bottom:0;left:var(--road-l);right:var(--road-r);background:repeating-linear-gradient(90deg, #ffffffeb 0 calc(14 * var(--su)), transparent calc(14 * var(--su)) calc(26 * var(--su)));position:absolute}:root[data-theme=dark] .zebra{opacity:.7}.stop-line{height:calc(6 * var(--su));background:#ffffffeb;position:absolute}.stop-line.down{top:calc(-14 * var(--su));left:calc(var(--road-l) + (100% - var(--road-l) - var(--road-r)) / 2);right:var(--road-r)}.stop-line.up{bottom:calc(-14 * var(--su));left:var(--road-l);right:calc(var(--road-r) + (100% - var(--road-l) - var(--road-r)) / 2)}.tlight{gap:calc(4 * var(--su));padding:calc(5 * var(--su));width:calc(26 * var(--su));border-radius:calc(8 * var(--su));border:calc(2 * var(--su)) solid #111;box-shadow:0 calc(8 * var(--su)) calc(10 * var(--su)) calc(-4 * var(--su)) #0000008c;background:#23272d;display:grid;position:absolute}.tlight.side{left:calc(68 * var(--su));top:calc(84 * var(--su) + 22 * var(--su))}.tlight.curb{right:calc(2 * var(--su));top:calc(-92 * var(--su))}.lamp{width:calc(14 * var(--su));height:calc(14 * var(--su));background:#3a3f46;border-radius:50%;transition:background-color .2s,box-shadow .2s;display:block}[data-light=red] .lamp.red{box-shadow:0 0 calc(12 * var(--su)) #ff3b3b;background:#ff3b3b}[data-light=yellow] .lamp.yellow{box-shadow:0 0 calc(12 * var(--su)) #ffc531;background:#ffc531}[data-light=green] .lamp.green{box-shadow:0 0 calc(12 * var(--su)) #3ee07a;background:#3ee07a}.crosser{top:calc(-10 * var(--su));opacity:0;z-index:2;scale:.8}.crosser.to-right{left:calc(var(--road-l) - 14 * var(--su))}.crosser.to-right .ped-figure{rotate:-90deg}.crosser.to-left{top:calc(42 * var(--su));left:calc(100% - var(--road-r) - 48 * var(--su))}.crosser.to-left .ped-figure{rotate:90deg}.crossing.is-crossing .crosser.to-right{animation:cross-right 4.4s linear var(--cdelay) both}.crossing.is-crossing .crosser.to-left{animation:cross-left 4.4s linear var(--cdelay) both}@keyframes cross-right{0%{opacity:0;translate:0}6%{opacity:1}94%{opacity:1}to{opacity:0;translate:calc(126 * var(--su)) 0}}@keyframes cross-left{0%{opacity:0;translate:0}6%{opacity:1}94%{opacity:1}to{opacity:0;translate:calc(-126 * var(--su)) 0}}}@media (min-width:1100px) and (prefers-reduced-motion:reduce){.pedestrian,.ped-figure,.ped-arm,.crosser{animation:none!important}.pedestrian{transform:translateY(40vh)}}
@media (min-width:1100px){.vehicle.moto,.vehicle.horse{box-shadow:none;background:0 0;border:0;border-radius:0}.vehicle.horse:before{display:none}.vehicle.moto{--vw:calc(34 * var(--su));--vh:calc(86 * var(--su))}.m-wheel{width:calc(11 * var(--su));height:calc(24 * var(--su));margin-left:calc(-5.5 * var(--su));border-radius:calc(5 * var(--su));background:#15171a;left:50%}.m-wheel.f{top:0}.m-wheel.b{bottom:0}.m-bar{top:calc(16 * var(--su));left:calc(2 * var(--su));right:calc(2 * var(--su));height:calc(4 * var(--su));background:#9aa3a8;border-radius:2px}.m-back{left:calc(3 * var(--su));right:calc(3 * var(--su));top:calc(30 * var(--su));height:calc(34 * var(--su));background:var(--rider);box-shadow:inset 0 calc(-4 * var(--su)) 0 #0003, 0 calc(6 * var(--su)) calc(8 * var(--su)) calc(-3 * var(--su)) #00000080;border-radius:45% 45% 40% 40%}.m-arm{top:calc(17 * var(--su));width:calc(7 * var(--su));height:calc(20 * var(--su));border-radius:calc(4 * var(--su));background:color-mix(in srgb, var(--rider) 75%, #000)}.m-arm.l{left:calc(3 * var(--su));rotate:12deg}.m-arm.r{right:calc(3 * var(--su));rotate:-12deg}.m-helmet{left:50%;top:calc(28 * var(--su));width:calc(20 * var(--su));height:calc(22 * var(--su));margin-left:calc(-10 * var(--su));background:linear-gradient(180deg, #1a242c 0 28%, transparent 28%), radial-gradient(circle at 40% 60%, color-mix(in srgb, var(--rider) 60%, #fff), var(--rider) 60%);border:calc(1.5 * var(--su)) solid #00000059;border-radius:50% 50% 45% 45%}.vehicle.horse{--vw:calc(48 * var(--su));--vh:calc(150 * var(--su))}.vehicle.horse>i{animation:.9s ease-in-out infinite alternate horse-step}.h-body{left:calc(6 * var(--su));right:calc(6 * var(--su));top:calc(40 * var(--su));height:calc(84 * var(--su));background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--c) 80%, #fff), var(--c) 65%);box-shadow:0 calc(8 * var(--su)) calc(10 * var(--su)) calc(-4 * var(--su)) #00000080;border-radius:48%;animation:none!important}.h-neck{width:calc(17 * var(--su));height:calc(52 * var(--su));margin-left:calc(-8.5 * var(--su));background:linear-gradient(180deg, color-mix(in srgb, var(--c) 70%, #000), var(--c));box-shadow:inset 0 0 0 calc(3 * var(--su)) transparent, inset calc(4 * var(--su)) 0 0 -1px #2b1a10;border-radius:45% 45% 40% 40%;top:0;left:50%}.h-ear{top:calc(10 * var(--su));width:calc(5 * var(--su));height:calc(8 * var(--su));background:color-mix(in srgb, var(--c) 60%, #000);border-radius:50% 50% 30% 30%}.h-ear.l{left:calc(17 * var(--su))}.h-ear.r{right:calc(17 * var(--su))}.h-tail{width:calc(9 * var(--su));height:calc(34 * var(--su));margin-left:calc(-4.5 * var(--su));transform-origin:50% 0;background:#2b1a10;border-radius:40% 40% 50% 50%;bottom:0;left:50%;animation:1.6s ease-in-out infinite alternate tail-swish!important}.h-leg{width:calc(8 * var(--su));height:calc(14 * var(--su));border-radius:calc(4 * var(--su));background:#2b1a10}.h-leg.fl{left:calc(5 * var(--su));top:calc(44 * var(--su))}.h-leg.fr{right:calc(5 * var(--su));top:calc(44 * var(--su));animation-direction:alternate-reverse!important}.h-leg.bl{left:calc(5 * var(--su));top:calc(106 * var(--su));animation-direction:alternate-reverse!important}.h-leg.br{right:calc(5 * var(--su));top:calc(106 * var(--su))}.h-rider{left:calc(4 * var(--su));right:calc(4 * var(--su));top:calc(64 * var(--su));height:calc(26 * var(--su));background:var(--rider);box-shadow:inset 0 calc(-4 * var(--su)) 0 #0000002e, 0 calc(5 * var(--su)) calc(6 * var(--su)) calc(-2 * var(--su)) #00000073;border-radius:50%}.h-helmet{left:50%;top:calc(64 * var(--su));width:calc(20 * var(--su));height:calc(22 * var(--su));margin-left:calc(-10 * var(--su));border-top:calc(4 * var(--su)) solid #1b1d21;background:radial-gradient(circle at 40% 40%,#4a4f57,#1b1d21 65%);border-radius:50% 50% 45% 45%}@keyframes horse-step{0%{translate:0 calc(-1.5 * var(--su))}to{translate:0 calc(1.5 * var(--su))}}@keyframes tail-swish{0%{rotate:-12deg}to{rotate:12deg}}.dog{left:calc(20 * var(--su));top:calc(56 * var(--su));width:calc(22 * var(--su));height:calc(46 * var(--su));position:absolute}.ped-up .dog{top:auto;bottom:calc(56 * var(--su))}.dog>*{display:block;position:absolute}.dog-figure{animation:.35s ease-in-out infinite alternate trot;inset:0;rotate:180deg}.ped-up .dog-figure{rotate:0deg}.dog-figure i{display:block;position:absolute}.dog-body{left:calc(2 * var(--su));right:calc(2 * var(--su));top:calc(12 * var(--su));height:calc(28 * var(--su));background:var(--dog);box-shadow:0 calc(4 * var(--su)) calc(5 * var(--su)) calc(-2 * var(--su)) #00000073;border-radius:45%}.dog-head{width:calc(15 * var(--su));height:calc(17 * var(--su));margin-left:calc(-7.5 * var(--su));background:color-mix(in srgb, var(--dog) 85%, #fff);border-radius:45% 45% 50% 50%;top:0;left:50%}.dog-ear{top:calc(4 * var(--su));width:calc(6 * var(--su));height:calc(10 * var(--su));background:color-mix(in srgb, var(--dog) 70%, #000);border-radius:50%}.dog-ear.l{left:calc(1 * var(--su));rotate:20deg}.dog-ear.r{right:calc(1 * var(--su));rotate:-20deg}.dog-tail{width:calc(4 * var(--su));height:calc(12 * var(--su));margin-left:calc(-2 * var(--su));background:var(--dog);transform-origin:50% 0;border-radius:2px;animation:.25s ease-in-out infinite alternate wag;bottom:0;left:50%}.leash{left:calc(50% - 1px);top:calc(-22 * var(--su));width:2px;height:calc(30 * var(--su));transform-origin:50% 100%;background:#e5383b;rotate:10deg}.ped-up .leash{top:auto;bottom:calc(-22 * var(--su));transform-origin:50% 0;rotate:-10deg}@keyframes trot{0%{translate:calc(-1 * var(--su)) 0}to{translate:calc(1 * var(--su)) 0}}@keyframes wag{0%{rotate:-30deg}to{rotate:30deg}}}@media (min-width:1100px) and (prefers-reduced-motion:reduce){.vehicle.horse>i,.h-tail,.dog-figure,.dog-tail{animation:none!important}}
@media (min-width:1100px){.street .pedestrian{will-change:transform;animation:none!important}}
.room :is(h1,h2,h3,.pin-title){clip-path:inset(-20% -2% -20% 0);transition:clip-path .95s cubic-bezier(.7,0,.2,1) .15s}.js-walk .room:not(.is-found) :is(h1,h2,h3,.pin-title){clip-path:inset(-20% 100% -20% 0)}.room :is(.code-line,.pin-kicker,.action-tag,.about-intro .code-line){clip-path:inset(-10% -2% -10% 0);transition:clip-path .9s steps(18,end) 50ms}.js-walk .room:not(.is-found) :is(.code-line,.pin-kicker,.action-tag){clip-path:inset(-10% 100% -10% 0)}.room :is(p,.poster li,.checklist li,.steps li,.contact-list li):not(.code-line,.pin-kicker,.action-tag,.p3-hint){transition:opacity .7s .35s,translate .8s cubic-bezier(.2,.8,.2,1) .35s,filter .7s .35s}.js-walk .room:not(.is-found) :is(p,.poster li,.checklist li,.steps li,.contact-list li):not(.code-line,.pin-kicker,.action-tag,.p3-hint){opacity:0;filter:blur(5px);translate:0 16px}.room :is(.poster li,.steps li,.contact-list li):nth-child(2){transition-delay:.45s}.room :is(.poster li,.steps li,.contact-list li):nth-child(3){transition-delay:.55s}.room :is(.poster li,.steps li,.contact-list li):nth-child(4){transition-delay:.65s}.room .poster:nth-child(2) li{transition-delay:.5s}.room .poster:nth-child(3) li{transition-delay:.6s}.room .poster:nth-child(4) li{transition-delay:.7s}.cell-info .screen-type{transition:opacity .4s .1s,scale .55s cubic-bezier(.3,1.6,.5,1) .1s;display:inline-block}.js-walk .room:not(.is-found) .cell-info .screen-type{opacity:0;scale:.5}.hero h1 .accent{background:linear-gradient(transparent 68%, color-mix(in srgb, var(--accent) 22%, transparent) 68% 92%, transparent 92%) no-repeat 0 0 / 100% 100%;transition:background-size .9s cubic-bezier(.7,0,.2,1) 1.1s}.js-walk .room:not(.is-found) .hero h1 .accent,.js-walk .hero-row:not(.door-open) h1 .accent{background-size:0% 100%}.room :is(.cta-row,.cell-info .btn,.pin-note .btn){transition:opacity .6s .6s,translate .7s cubic-bezier(.2,.8,.2,1) .6s}.js-walk .room:not(.is-found) :is(.cta-row,.cell-info .btn,.pin-note .btn){opacity:0;translate:0 12px}@media (prefers-reduced-motion:reduce){.room :is(h1,h2,h3,.pin-title,.code-line,.pin-kicker,.action-tag,p,li,.screen-type,.cta-row,.btn){clip-path:none!important;opacity:1!important;filter:none!important;transition:none!important;translate:none!important;scale:none!important}.hero h1 .accent{background-size:100% 100%!important}}
:root{--header-h:80px}.site-header{top:10px;left:16px;right:16px;height:calc(var(--header-h) - 20px);background:color-mix(in srgb, var(--card) 90%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid color-mix(in srgb, var(--card-line) 80%, transparent);border-radius:18px;gap:20px;padding:0 10px 0 22px;inset:10px 16px auto;box-shadow:inset 0 1px #ffffff80,0 14px 34px -18px #0f282d73,0 4px 10px -6px #0f282d33}:root[data-theme=dark] .site-header{background:#23262ceb;border-color:#33373f;box-shadow:inset 0 1px #ffffff0d,0 16px 36px -18px #000c}.main-nav{gap:2px}.main-nav a{color:var(--ink);opacity:.78;font-weight:500;transition:opacity .2s,background-color .2s,color .2s}.main-nav a:hover{opacity:1;background:var(--accent-soft)}.main-nav a.is-current{opacity:1;color:var(--accent);background:var(--accent-soft);font-weight:600}.theme-toggle{background:var(--bg)}.site-header .progress{background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:3px;height:3px;bottom:6px;left:18px;right:18px}.site-header .progress span{border-radius:3px}.main-nav a,.header-actions .btn,.brand{white-space:nowrap}@media (min-width:861px) and (max-width:1020px){.site-header .brand-mark,.header-actions .btn{display:none}.site-header{gap:12px}.main-nav a{padding:8px 10px}}@media (max-width:860px){:root{--header-h:70px}.site-header{border-radius:16px;padding:0 8px 0 16px;inset:8px 10px auto}}
.theme-flash{z-index:10000;pointer-events:none;opacity:0;animation-duration:.5s;animation-timing-function:linear;animation-fill-mode:forwards;position:fixed;inset:0}.theme-flash.to-dark{animation-name:flash-to-dark}.theme-flash.to-light{animation-name:flash-to-light}@keyframes flash-to-dark{0%{opacity:0;background:#fff}4%{opacity:.42;background:#fff}9%{opacity:.06;background:#fff}13%{opacity:.32;background:#fff}20%{opacity:0;background:#fff}32%{opacity:0;background:#19e3ff}36%{opacity:.34;background:#19e3ff}41%{opacity:.05;background:#19e3ff}45%{opacity:.26;background:#2f8cff}56%{opacity:0;background:#2f8cff}to{opacity:0;background:#2f8cff}}@keyframes flash-to-light{0%{opacity:0;background:#ff2a55}4%{opacity:.34;background:#ff2a55}9%{opacity:.05;background:#ff2a55}13%{opacity:.26;background:#ff2a55}20%{opacity:0;background:#ff2a55}32%{opacity:0;background:#fff}36%{opacity:.42;background:#fff}41%{opacity:.06;background:#fff}45%{opacity:.32;background:#fff}56%{opacity:0;background:#fff}to{opacity:0;background:#fff}}@media (prefers-reduced-motion:reduce){.theme-flash{display:none}}
.room-decor{z-index:-1;pointer-events:none;position:absolute;inset:0}.room-decor .rd{height:auto;position:absolute;overflow:visible}.rd-floor{width:110px;bottom:24px}.rd-floor.rd-small{width:96px}.rd-floor.rd-tall{width:70px}.rd-floor.rd-lamp{width:54px}.rd-hang{transform-origin:50% 0;width:84px;top:0}.rd-wall{width:64px;top:26px}.rd-wall.rd-tiny{width:52px}.rd-left{left:1%}.rd-left2{left:calc(1% + 96px)}.rd-right{right:1%}.rd-floor.rd-left+.rd-floor.rd-right.rd-small,.rd-floor.rd-right+.rd-floor.rd-right.rd-small{right:calc(1% + 110px)}.sway{animation:6s ease-in-out infinite alternate plant-sway}.sway.slow{animation-duration:8s;animation-delay:-3s;scale:.85}@keyframes plant-sway{0%{rotate:-3deg}to{rotate:3deg}}.room-action .rd-floor{top:calc(64vh - 120px);bottom:auto}.room-action .rd-floor.rd-left,.room-action.lane-left .rd-floor.rd-left{display:none}@media (max-width:860px){.room-decor{display:none}}@media (prefers-reduced-motion:reduce){.sway{animation:none}}
.cell-vis.has-board{position:relative}.wb{z-index:0;margin:0 2% -46px;position:relative}.cell-vis.has-board .scene{z-index:1;position:relative}.wb-board{background:linear-gradient(160deg,#fff 0%,#f4f7f8 60%,#eef3f4 100%);border:7px solid #c9d3d8;border-radius:10px;padding:14px 16px 64px;position:relative;box-shadow:0 16px 30px -22px #00000073,inset 0 0 0 1px #0000000a}:root[data-theme=dark] .wb-board{background:linear-gradient(160deg,#e9eef0 0%,#dfe6e8 100%);border-color:#4a4f58}.wb-title{font:700 .9rem var(--font-code);color:#2a6f7a;letter-spacing:.02em;margin:0 0 10px 4px;transform:rotate(-1deg)}.wb-title:after{content:"";opacity:.7;background:#e5383b;border-radius:2px;width:70px;height:3px;margin-top:3px;display:block}.wb-views{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.wb-view{rotate:var(--tilt);background:#fff;border-radius:3px;margin:0;padding:5px 5px 20px;transition:rotate .3s,scale .3s,box-shadow .3s;position:relative;box-shadow:0 8px 14px -10px #0000008c}.wb-view img{aspect-ratio:4/3;object-fit:cover;background:#e8eef0;border-radius:2px;width:100%;display:block}.wb-view figcaption{text-align:center;font:600 10.5px var(--font-code);color:#3a4a50;white-space:nowrap;text-overflow:ellipsis;padding:0 4px;position:absolute;bottom:3px;left:0;right:0;overflow:hidden}.wb-magnet{z-index:2;background:radial-gradient(circle at 35% 35%, #fff 0 12%, var(--accent) 45%);border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:-6px;left:50%;box-shadow:0 2px 3px #00000059}.wb-view:nth-child(2) .wb-magnet{background:radial-gradient(circle at 35% 35%,#fff 0 12%,#f6a5b8 45%)}.wb-view:nth-child(3) .wb-magnet{background:radial-gradient(circle at 35% 35%,#fff 0 12%,#f5c400 45%)}.wb-tray{background:#b4c0c5;border-radius:3px;align-items:flex-end;gap:8px;height:9px;padding-left:20px;display:flex;position:absolute;bottom:-14px;left:10%;right:10%}.wb-tray i{background:#e5383b;border-radius:3px;width:28px;height:6px;margin-bottom:6px}.wb-tray i:nth-child(2){background:#12909e}.wb-tray i:nth-child(3){background:#1f2a30}.js-walk .room:not(.is-found) .wb-view{opacity:0;translate:0 -14px}.room .wb-view{transition:opacity .5s,translate .6s cubic-bezier(.3,1.4,.5,1),rotate .3s,scale .3s;transition-delay:calc(.35s + var(--i) * .12s), calc(.35s + var(--i) * .12s), 0s, 0s}.cell-vis.has-board .is-app .screen-label{display:none}.cell-vis.has-board .scene-phone .device{margin-top:18px}.cell-vis.has-board .scene-phone3d,.cell-vis.has-board .scene-phone3d .p3{height:470px;min-height:0}@media (max-width:860px){.wb{margin-bottom:-30px}.wb-views{gap:8px}.wb-view figcaption{font-size:9.5px}}@media (prefers-reduced-motion:reduce){.js-walk .room:not(.is-found) .wb-view{opacity:1;translate:none}}
.cell-vis.has-board .wb{margin:0 0 -96px}.cell-vis.has-board .wb-board{padding:18px 20px 112px}.cell-vis.has-board .wb-title{margin-bottom:14px;font-size:1rem}.cell-vis.has-board .wb-views{gap:16px}.cell-vis.has-board .wb-view{padding:6px 6px 24px}.cell-vis.has-board .wb-view figcaption{font-size:11.5px;bottom:5px}.cell-vis.has-board .scene-monitor .device{width:64%}.cell-vis.has-board .scene-wide .device{width:78%}.cell-vis.has-board .scene-tv .device.tv{width:72%}.cell-vis.has-board .scene-tv .phone-side{width:20%;right:4%}.cell-vis.has-board .scene-tablet .device{width:50%}.cell-vis.has-board .scene-laptop .device{width:62%}.cell-vis.has-board .scene-phone .device{width:32%;max-width:180px}.furniture-wrap{width:100%;position:relative}.furniture-wrap .furniture{width:100%;margin:0}.scene-monitor .furniture-wrap{margin-top:18px}.scene-wide .furniture-wrap{width:92%;margin-top:18px}.scene-tv .furniture-wrap{width:84%;margin-top:26px}.scene-tablet .furniture-wrap{width:72%}.scene-laptop .furniture-wrap{width:76%;margin-top:16px}.scene-phone .furniture-wrap{width:78%}.furniture-wrap{--surface:97%}.furniture-wrap.on-desk{--surface:90%}.furniture-wrap.on-table{--surface:44%}.desk-props{left:3%;right:3%;bottom:var(--surface);pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute}.dp-left,.dp-right{align-items:flex-end;gap:8px;display:flex}.photo-frame{border:3px solid var(--wood-2);background:#fff;border-radius:3px;width:38px;height:46px;padding:4px;display:block;position:relative;rotate:-4deg;box-shadow:0 6px 8px -5px #00000080}.photo-frame img{object-fit:cover;width:100%;height:100%;display:block}.photo-frame.landscape{border-color:var(--accent);width:48px;height:36px;rotate:3deg}.sunset{background:radial-gradient(circle at 50% 62%,#ffd36b 0 18%,#0000 19%),linear-gradient(#ffb38a 0 55%,#3fa7c4 55% 100%);width:100%;height:100%;display:block}.mug{background:var(--accent);border-radius:3px 3px 7px 7px;width:22px;height:24px;display:block;position:relative;box-shadow:inset 0 5px #ffffff59}.mug:after{content:"";border:3px solid var(--accent);border-left:0;border-radius:0 6px 6px 0;width:9px;height:11px;position:absolute;top:5px;right:-8px}.mug-steam{background:var(--muted);opacity:0;border-radius:2px;width:3px;height:14px;animation:2.2s ease-in-out infinite mug-steam;position:absolute;bottom:100%;left:6px}.mug-steam+.mug-steam{animation-delay:-1.1s;left:13px}@keyframes mug-steam{0%{opacity:0;translate:0 4px}40%{opacity:.45}to{opacity:0;translate:2px -10px}}.dp-cactus{width:46px;height:auto}.furniture-small .dp-cactus,.furniture-small .photo-frame.landscape{display:none}@media (max-width:860px){.cell-vis.has-board .wb{margin-bottom:-70px}.cell-vis.has-board .wb-board{padding-bottom:86px}.photo-frame{width:30px;height:37px}.photo-frame.landscape{width:38px;height:29px}.dp-cactus{width:36px}}@media (prefers-reduced-motion:reduce){.mug-steam{animation:none}}
.room{--light-wash:.07;--light-cone:.09;--light-color:255, 236, 200;--bulb-glow:.45}:root[data-theme=dark] .room{--light-wash:.11;--light-cone:.15;--light-color:255, 40, 80;--bulb-glow:.75}.room-lights{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.room-lights .wash{background:radial-gradient(38% 42% at 30% 34%, rgba(var(--light-color), var(--light-wash)), transparent 100%), radial-gradient(38% 42% at 70% 34%, rgba(var(--light-color), var(--light-wash)), transparent 100%);opacity:0;transition:opacity 1.4s .15s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 160px calc(100% - 160px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 160px calc(100% - 160px),#0000 100%)}.ceiling-lamp{width:60px;height:100%;margin-left:-30px;position:absolute;top:0}.ceiling-lamp.l0{left:30%}.ceiling-lamp.l1{left:70%}.ceiling-lamp>i{display:block;position:absolute;left:50%}.cl-cord{background:linear-gradient(180deg, transparent, var(--line-soft) 60%);width:2px;height:34px;margin-left:-1px;top:0}.cl-shade{background:var(--shade);border-radius:46px 46px 6px 6px;width:46px;height:22px;margin-left:-23px;top:32px;box-shadow:inset 0 -3px #00000026}.cl-bulb{background:#c7cdd0;border-radius:0 0 10px 10px;width:16px;height:10px;margin-left:-8px;transition:background-color .5s,box-shadow .9s;top:50px}.cl-cone{background:radial-gradient(48% 90% at 50% 0%, rgba(var(--light-color), var(--light-cone)), transparent 100%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);filter:blur(14px);opacity:0;transform-origin:50% 0;width:360px;height:460px;margin-left:-180px;transition:opacity 1.1s,scale 1.2s cubic-bezier(.2,.8,.2,1);top:52px;scale:1 .9}.room.is-here .room-lights .wash{opacity:1}.room.is-here .cl-bulb{box-shadow:0 0 10px 4px rgba(var(--light-color), var(--bulb-glow)), 0 0 34px 10px rgba(var(--light-color), calc(var(--bulb-glow) * .35));background:#fff6d6}.room.is-here .cl-cone{opacity:1;scale:1}.room.is-here .ceiling-lamp.l1 .cl-bulb,.room.is-here .ceiling-lamp.l1 .cl-cone{transition-delay:.2s}.room.is-here .cl-bulb{animation:.5s step-end bulb-on}@keyframes bulb-on{0%{background:#fff6d6}20%{box-shadow:none;background:#c7cdd0}40%{background:#fff6d6}}:root[data-theme=dark] .room.is-here .cl-bulb{animation-name:bulb-on-night}@keyframes bulb-on-night{0%{background:#ff5c7a}20%{box-shadow:none;background:#3a3f46}40%{background:#ff5c7a}}:root[data-theme=dark] .cl-bulb{background:#3a3f46}:root[data-theme=dark] .room.is-here .cl-bulb{background:#ff5c7a}.hero-row .ceiling-lamp.l1{display:none}.room-action .room-lights .wash{background:radial-gradient(30% 22% at 30% 22%, rgba(var(--light-color), var(--light-wash)), transparent 100%), radial-gradient(30% 22% at 70% 22%, rgba(var(--light-color), var(--light-wash)), transparent 100%)}@media (max-width:860px){.ceiling-lamp.l1{display:none}.ceiling-lamp.l0{left:50%}.cl-cone{width:260px;margin-left:-130px}}@media (prefers-reduced-motion:reduce){.room.is-here .cl-bulb{animation:none}}
.room-action.action-agents{align-items:center;min-height:110vh}.room-action.action-agents .action-scene{justify-self:start;width:min(100%,440px);height:auto;margin-left:40px;position:relative;top:auto}.action-agents .agents-desk{width:100%}.action-agents .agents-monitor{width:86%}.action-agents .action-caption,.room-action.action-agents .action-caption{width:100%;padding:0 12px}.action-coffee .action-tag{order:0}.action-coffee .action-caption{order:1;margin-top:0;margin-bottom:14px}.action-coffee .coffee-floor{order:2}.action-coffee{--scene-h:min(420px, calc(64vh - var(--header-h) - 8px))}.action-coffee .action-scene{justify-self:stretch;width:100%;max-width:none;margin-left:0}.action-coffee .action-tag,.action-coffee .action-caption{text-align:left;margin-left:120px}.action-coffee .action-caption{max-width:40ch}.action-coffee .scene-trail{z-index:2;order:3;width:1px;height:1px;position:absolute;top:0;left:0}@media (max-width:860px){.action-coffee .scene-trail{display:none}}.coffee-floor{align-items:flex-end;gap:72px;padding-left:120px;display:flex;position:relative}.coffee-floor:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--line-soft) 70%, transparent) 18%, color-mix(in srgb, var(--line-soft) 70%, transparent) 82%, transparent);border-radius:2px;height:3px;position:absolute;bottom:0;left:-220px;right:0}.kitchenette{z-index:1;flex-direction:column;flex:none;width:330px;display:flex;position:relative}.counter-top{align-items:flex-end;gap:16px;margin-bottom:-2px;padding:0 22px;display:flex}.kitchenette .machine{--fill:1;margin:0}.kitchenette .counter{width:100%;height:auto;display:block}.action-coffee .cup{opacity:calc(1 - clamp(0, (var(--t,0) - .3) * 25, 1))}.mug-rack{gap:6px;margin-bottom:2px;display:flex}.mug-rack i{background:var(--card);border:2px solid var(--line-soft);border-radius:2px 2px 5px 5px;width:16px;height:18px;display:block}.mug-rack i:nth-child(2){background:var(--accent);border-color:var(--accent)}.mug-rack i:nth-child(3){background:var(--pink);border-color:var(--pink)}.counter-plant{width:44px;height:auto;margin-left:auto}@media (max-width:860px){.action-coffee .action-tag,.action-coffee .action-caption{margin-left:0}.coffee-floor{flex-direction:column;align-items:center;gap:24px;padding-left:0}.coffee-floor:after{display:none}}
.lounge{flex:none;align-items:flex-end;gap:14px;display:flex;position:relative}.lounge .decor{flex:none;height:auto;display:block}.lounge-sofa{width:190px}.lounge-table{background:var(--wood);border:3px solid var(--line-soft);border-radius:8px;flex:none;width:76px;height:30px;margin-bottom:10px;display:block;position:relative;box-shadow:0 8px 10px -8px #0006}.lounge-table:before,.lounge-table:after{content:"";background:var(--line-soft);width:6px;height:10px;position:absolute;top:100%}.lounge-table:before{left:10px}.lounge-table:after{right:10px}.lounge-mug{background:var(--accent);border-radius:2px 2px 5px 5px;width:13px;height:15px;position:absolute;bottom:100%;left:10px}.lounge-books{width:40px;position:absolute;bottom:100%;right:4px}.lounge-plant{width:72px}.rd-floor.rd-sofa{width:200px}@media (max-width:1440px){.lounge-plant{display:none}}@media (max-width:1300px){.lounge-table{display:none}.lounge-sofa{width:160px}}@media (max-width:1180px){.lounge{display:none}}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}