@font-face{font-family:Heading;src:url('./fonts/heading.ttf');font-weight:700 900}@font-face{font-family:Body;src:url('./fonts/body.ttf');font-weight:400}@font-face{font-family:Body;src:url('./fonts/bold.ttf');font-weight:700 900}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#f1f4fd;color:#050711;font-family:Body,Arial,sans-serif}body{overscroll-behavior:none}#viewport{position:fixed;inset:0;overflow:hidden;touch-action:none}#frame{position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;width:1600px;height:900px}#scenes,.scene,#global,#motion{position:absolute;inset:0;width:100%;height:100%}.scene{display:none}.scene.active{display:block}.plate,.split-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none}.split-layer{z-index:1}.scene-ui{position:absolute;inset:0;z-index:3;transition:opacity 160ms}h1,h2,p,pre{margin:0}h1,h2{position:absolute;left:620px;top:53px;width:925px;font-family:Body,Arial,sans-serif;font-size:70px;line-height:1.08;font-weight:900;letter-spacing:0;white-space:nowrap}p.copy{position:absolute;left:623px;top:148px;font-size:39px;line-height:1.2;font-weight:700;white-space:nowrap}pre{position:absolute;left:465px;top:164px;font-family:monospace;font-size:34px;line-height:1.22} [data-scene=code] h2{left:532px;font-size:68px} [data-scene=logic] h2{font-size:68px} [data-scene=logic] p{font-size:37px} [data-scene=structure] h2{font-size:70px}
.brand{position:absolute;left:79px;top:47px;font-size:88px;color:#0735d8;font-weight:900;line-height:1;letter-spacing:-3px}.brand .serif{font-family:Georgia,serif;font-weight:900;letter-spacing:0}.hero-label{position:absolute;top:303px;font-size:32px;font-weight:700;line-height:1}.surface-label{left:491px}.structure-label{left:1114px}
#global{z-index:5;pointer-events:none}.contact{position:absolute;display:block;pointer-events:auto;color:inherit;border:0;background:transparent;text-decoration:none;cursor:pointer;font:inherit;padding:0;transition:filter 180ms,transform 180ms;outline:none;text-align:left}.contact:hover{filter:brightness(1.08);transform:translateY(-2px)}.contact:active{transform:translateY(1px);filter:brightness(.9)}.contact:focus-visible{filter:drop-shadow(0 0 7px #2674f5)}.contact .handle{font-weight:400;display:block;white-space:nowrap}.telegram{left:120px;top:750px;width:946px;height:126px;color:white;clip-path:polygon(3.5% 0,96.5% 0,100% 24%,100% 76%,96.5% 100%,3.5% 100%,0 76%,0 24%)}.tg-name{position:absolute;left:112px;top:39px;font-size:32px;font-weight:700}.tg-message{position:absolute;left:296px;top:16px;font-weight:700;font-size:38px;line-height:1.18;white-space:nowrap}.tg-message .handle{margin-top:5px;font-size:30px}.tg-divider{position:absolute;left:270px;top:23px;height:74px;width:4px;background:white}.instagram{left:1155px;top:758px;width:407px;height:118px;clip-path:polygon(8% 0,92% 0,100% 24%,100% 76%,92% 100%,8% 100%,0 76%,0 24%)}.ig-message{position:absolute;left:140px;top:17px;font-size:34px;font-weight:700;line-height:1.2}.ig-message .handle{font-size:25px}.ig-divider{position:absolute;left:117px;top:22px;width:4px;height:66px;background:#050711}.grip{position:absolute;z-index:4;left:56.6%;top:366px;width:64px;height:330px;transform:translateX(-50%);touch-action:none;cursor:ew-resize;outline:none}.grip::before{content:'';position:absolute;left:28px;top:0;height:100%;width:9px;background:linear-gradient(90deg,#0634c5,#1261ff,#0634c5);border-radius:2px}.grip svg{position:absolute;left:0;top:130px;width:64px;height:58px;filter:drop-shadow(0 2px 2px #05227880)}.grip:focus-visible svg{filter:drop-shadow(0 0 9px #2674f5)}#motion{z-index:2;display:none;pointer-events:none}.wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wire-focus{opacity:0;transition:opacity 180ms;fill:none;stroke:#fff;stroke-width:6;filter:drop-shadow(0 0 6px #1678ff) drop-shadow(0 0 5px #1678ff)}#global[data-focus=telegram] .wire-tg,#global[data-focus=instagram] .wire-ig{opacity:1}
#frame.mobile{width:736px;height:1600px}.mobile .brand{left:50px;top:79px;font-size:76px;letter-spacing:-2px}.mobile h1,.mobile h2{left:50px;top:232px;width:650px;font-family:Roboto,Heading,Arial,sans-serif;font-stretch:75%;font-size:110px;line-height:1.02;white-space:normal;font-weight:800;letter-spacing:0}.mobile p.copy{left:51px;top:507px;width:650px;white-space:normal;font-size:47px;line-height:1.18;font-weight:400}.mobile [data-scene=structure] h2{font-size:104px;font-stretch:87.5%;line-height:1.06;top:230px}.mobile [data-scene=structure] p{top:488px}.mobile [data-scene=code] h2{left:50px;top:230px;font-size:82px;font-stretch:100%;line-height:1.1}.mobile pre{left:56px;top:464px;font-size:32px;line-height:1.4}.mobile [data-scene=logic] h2{font-size:90px;font-stretch:100%;line-height:1.1;top:222px}.mobile [data-scene=logic] p{top:435px;font-size:47px}.mobile [data-scene=connection] h2{font-size:104px;font-stretch:87.5%;line-height:1.06}.mobile .hero-label{top:724px;font:400 30px Body,Arial,sans-serif;letter-spacing:2px}.mobile .surface-label{left:103px}.mobile .structure-label{left:468px}.mobile .telegram{left:47px;top:1177px;width:640px;height:172px}.mobile .tg-name{left:112px;top:66px;font-size:27px}.mobile .tg-message{left:261px;top:18px;width:360px;white-space:normal;font-size:37px;line-height:1.06}.mobile .tg-message .handle{font-size:30px;line-height:1.2;margin-top:11px}.mobile .tg-divider{left:238px;top:30px;height:108px;width:3px}.mobile .tg-name::before{content:'';position:absolute;left:-13px;top:-9px;width:2px;height:54px;background:white}.mobile .instagram{left:132px;top:1397px;width:518px;height:141px}.mobile .ig-message{left:171px;top:20px;font-size:41px;line-height:1.2}.mobile .ig-message .handle{font-size:33px;margin-top:2px}.mobile .ig-divider{left:145px;top:29px;height:82px;width:3px}.mobile .grip{top:795px;height:263px;width:54px}.mobile .grip::before{left:24px;width:7px}.mobile .grip svg{left:0;top:106px;width:54px;height:40px}.mobile .wire-focus{stroke-width:5}
@media(prefers-reduced-motion:reduce){*,*::before{transition:none!important}}

@font-face{font-family:WordmarkI;src:url('./fonts/wordmark-i.ttf');unicode-range:U+0049}.brand{font-family:WordmarkI,Body,Arial,sans-serif}.grip{border:0;padding:0;background:transparent;color:inherit}

.contact[data-state=contact_ready] .handle{text-decoration:underline;text-underline-offset:3px}

.surface-reveal{-webkit-mask-image:linear-gradient(to bottom,transparent 34%,#000 40%,#000 77.5%,transparent 83%);mask-image:linear-gradient(to bottom,transparent 34%,#000 40%,#000 77.5%,transparent 83%)}.mobile .surface-reveal{-webkit-mask-image:linear-gradient(to bottom,transparent 47%,#000 49.5%,#000 67%,transparent 72%);mask-image:linear-gradient(to bottom,transparent 47%,#000 49.5%,#000 67%,transparent 72%)}
.mobile .wire-focus{stroke:#0735d8;stroke-width:5;filter:drop-shadow(0 0 3px #2674f5)}.wire-focus circle{fill:#fff}
/* The transparent grip hit area stays at least 44 CSS px wide on the tested phones. */
.mobile .grip{width:108px}.mobile .grip::before{left:51px}.mobile .grip svg{left:27px}

/* Continue the physical plate edge into contain gutters; never crop the plate. */
#edge-fill{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}