@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Neuropol;src:url(/fonts/neuropol.woff2)format("woff2");font-display:swap}@font-face{font-family:E1234;src:url(/fonts/e1234.woff2)format("woff2");font-display:swap}@font-face{font-family:Public Pixel;src:url(/fonts/public-pixel.woff2)format("woff2");font-display:swap}:root{--cyan:#27cef5;--cyan-rgb:39, 206, 245;--cyan-deep:#0a9ccc;--amber:#ffc531;--ink:#0d0e11;--ink-2:#16181d;--ink-3:#1d1f24;--paper:#eef1f4;--paper-2:#fff;--text:#e9edf1;--text-dim:#9aa3ad;--text-ink:#1d2126;--text-ink-dim:#5b6570;--radius:22px;--wrap:min(1160px, 100% - 48px);--display:"Neuropol", "Inter Variable", system-ui, sans-serif;--body:"Inter Variable", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{overflow-x:clip}body{background:var(--ink);color:var(--text);font:400 17px/1.55 var(--body);margin:0}img,video,canvas{max-width:100%;display:block}[hidden]{display:none!important}a{color:inherit}.wrap{width:var(--wrap);margin-inline:auto}.display{font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-weight:400;line-height:1.02}.h1{font-size:clamp(44px,6.2vw,88px)}.h2{font-size:clamp(30px,4.6vw,58px)}.h3{letter-spacing:.05em;font-size:clamp(17px,1.6vw,20px)}.glow{color:var(--cyan);text-shadow:0 0 22px rgba(var(--cyan-rgb), .45)}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin:0 0 18px;font:400 8px/1 Public Pixel,monospace}.lead{color:var(--text-dim);max-width:34em;margin:22px 0 0;font-size:clamp(18px,1.6vw,21px)}.lead b{color:var(--text);font-weight:600}.lcd{letter-spacing:.02em;font-family:E1234,monospace}.btn{font:400 14px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn-primary{background:var(--cyan);color:#06222b;box-shadow:0 6px 24px rgba(var(--cyan-rgb), .35)}.btn-primary:hover{box-shadow:0 10px 30px rgba(var(--cyan-rgb), .5);transform:translateY(-2px)}.btn-ghost{color:var(--text);border-color:#fff3}.btn-ghost:hover{background:#ffffff10}.paper .btn-ghost{color:var(--text-ink);border-color:#0000002a}.site-header{z-index:50;transition:background .25s,backdrop-filter .25s;position:fixed;inset:0 0 auto}.site-header.scrolled{-webkit-backdrop-filter:blur(14px);background:#0d0e11b8;border-bottom:1px solid #ffffff12}.site-header .wrap{justify-content:space-between;align-items:center;height:76px;display:flex}.logo img{width:auto;height:40px}@media (width<=560px){.logo img{height:32px}}.nav{align-items:center;gap:28px;display:flex}.nav a{color:var(--text-dim);font-size:15px;text-decoration:none}.nav a:hover{color:var(--text)}@media (width<=760px){.nav a:not(.btn){display:none}}.section{padding:clamp(80px,11vw,150px) 0;scroll-margin-top:40px;position:relative}.paper{background:var(--paper);color:var(--text-ink);color-scheme:light}.paper .lead{color:var(--text-ink-dim)}.paper .lead b{color:var(--text-ink)}.paper .kicker{color:var(--cyan-deep)}.paper .glow{color:var(--cyan-deep);text-shadow:none}.curve-top{border-radius:50% 50% 0 0/56px 56px 0 0;margin-top:-56px}.dots{background-image:radial-gradient(#ffffff10 1px,#0000 1.2px);background-size:18px 18px}.paper.dots{background-image:radial-gradient(#0000000d 1px,#0000 1.2px)}.center{text-align:center}.center .lead{margin-inline:auto}.stage{position:relative}.stage-sticky{background:radial-gradient(ellipse at 62% 42%, #31343b 0%, #1d1f24 45%, var(--ink) 100%);height:100svh;position:sticky;top:0;overflow:hidden}.stage-sticky canvas{width:100%;height:100%;position:absolute;inset:0}.stage-sticky .fallback{object-fit:contain;object-position:70% 60%;width:100%;height:100%;position:absolute;inset:0}.stage-labels{pointer-events:none;position:absolute;inset:0}.trasto-label{border:1px solid rgba(var(--cyan-rgb), .35);background:#0d0e11c7;border-radius:10px;gap:3px;padding:7px 10px;transition:opacity .2s;display:grid}.trasto-label b{font:600 11px/1.1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)}.trasto-label span{font:400 12px/1.1 var(--body);font-variant-numeric:tabular-nums;color:var(--text-dim)}.stage-panels{pointer-events:none;margin-top:-100svh;position:relative}.panel{align-items:center;min-height:100svh;display:flex}.panel .wrap>div{pointer-events:auto;max-width:470px}.panel-hero .h1{line-height:.95}.panel-hero .motto{font:400 clamp(11px, 1.3vw, 15px)/1.4 var(--display);letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin:18px 0 0}.panel-hero .actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.panel .card-glass{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);background:#0d0e119e;border:1px solid #ffffff14;padding:28px 30px}.panel .card-glass .num{color:var(--cyan);font:400 30px/1 E1234,monospace}.panel .card-glass h3{margin:10px 0 8px}.panel .card-glass p{color:var(--text-dim);margin:0}.scroll-hint{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);pointer-events:none;font:400 8px/1 Public Pixel,monospace;transition:opacity .3s;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}@media (width<=760px){.panel{align-items:flex-end;padding-bottom:5vh}.stage-sticky canvas,.stage-labels{height:46%;top:56px}.panel-hero .lead{margin-top:14px;font-size:16px}.panel-hero .actions{margin-top:22px}.panel-hero .kicker{margin-bottom:10px}}.tape{z-index:3;background:var(--cyan);color:#06222b;border-block:3px solid var(--ink);margin:-26px -2vw 0;padding:14px 0;position:relative;overflow:hidden;transform:rotate(-2deg)}.tape-track{width:max-content;animation:36s linear infinite tape;display:flex}.tape span{font:400 clamp(14px, 1.6vw, 19px)/1 var(--display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding-right:40px}@keyframes tape{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.tape-track{animation:none}}.grid{gap:22px;margin-top:56px;display:grid}.grid-faces{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:16px}.grid-faces .tile{box-shadow:4px 4px 0 var(--cyan);border-radius:16px}.grid-faces .tile .screen{border-radius:9px;margin:8px}.grid-faces .tile .cap{padding:0 10px 12px}.grid-faces .tile .cap h3{letter-spacing:.06em;font-size:11px;line-height:1.2}.grid-moves{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.tile{background:var(--paper-2);border-radius:var(--radius);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--cyan);transition:transform .15s,box-shadow .15s;overflow:hidden}.tile:hover{box-shadow:8px 8px 0 var(--cyan);transform:translate(-2px,-2px)}.tile .screen{aspect-ratio:3/2;background:#000;border-radius:12px;margin:12px;overflow:hidden}.tile .screen canvas{width:100%;height:100%}.tile .cap{padding:2px 16px 16px}.tile .cap h3{color:var(--text-ink);margin:0}.tile .cap p{color:var(--text-ink-dim);margin:6px 0 0;font-size:14px}.tile-dark{background:var(--ink-2);box-shadow:none;border-color:#ffffff1c}.tile-dark:hover{box-shadow:0 0 0 1px rgba(var(--cyan-rgb), .5), 0 18px 40px #0008}.tile-dark .clip{aspect-ratio:1;background:#23262c;position:relative}.tile-dark .clip video,.tile-dark .clip img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.tile-dark .cap h3{color:var(--text)}.tile-dark .cap p{color:var(--text-dim)}.tile-dark .cap{padding:18px 20px 22px}.skills{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px;display:grid}.skill{background:var(--ink-2);border:1px solid #ffffff12;border-radius:18px;align-items:flex-start;gap:16px;padding:22px;display:flex}.skill canvas{background:#000;border-radius:12px;flex:none;width:46px;height:46px}.skill h3{margin:2px 0 6px;font-size:15px}.skill p{color:var(--text-dim);margin:0;font-size:15px}.duo{grid-template-columns:1fr 1fr;gap:22px;margin-top:56px;display:grid}@media (width<=760px){.duo{grid-template-columns:1fr}}.duo article{border-radius:var(--radius);background:var(--paper-2);border:1px solid #0000000f;padding:34px}.duo article.is-trasto{background:var(--ink);color:var(--text);box-shadow:0 0 0 2px var(--cyan), 0 24px 60px rgba(var(--cyan-rgb), .18)}.duo .who{font:400 26px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0}.duo .yarvis .who{color:#ff6a1a}.duo .is-trasto .who{color:var(--cyan)}.duo dl{grid-template-columns:auto 1fr;gap:10px 18px;margin:24px 0 0;font-size:15px;display:grid}.duo dt{text-transform:uppercase;letter-spacing:.1em;opacity:.6;font:400 8px/2 Public Pixel,monospace}.duo dd{margin:0}.specs{border-radius:var(--radius);background:#0000001a;border:1px solid #0000001a;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;margin-top:56px;display:grid;overflow:hidden}.spec{background:var(--paper-2);padding:26px 24px}.spec .v{color:var(--text-ink);font:400 clamp(30px,3.4vw,42px)/1 E1234,monospace}.spec .v small{color:var(--text-ink-dim);margin-left:4px;font-size:.45em}.spec .k{color:var(--text-ink-dim);margin-top:10px;font-size:14px}.privacy{grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;display:grid}@media (width<=860px){.privacy{grid-template-columns:1fr}}.flow{gap:12px;display:grid}.flow li{background:var(--ink-2);border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;list-style:none;display:flex}.flow{margin:0;padding:0}.flow .step{color:var(--cyan);flex:none;width:30px;font:400 22px/1 E1234,monospace}.flow p{color:var(--text-dim);margin:0;font-size:15px}.flow b{color:var(--text);font-weight:600}.closing{text-align:center;background:radial-gradient(ellipse at 50% 120%, rgba(var(--cyan-rgb), .22) 0%, transparent 60%), var(--ink);padding:clamp(100px,14vw,180px) 0}.closing .face-big{aspect-ratio:3/2;width:min(420px,80vw);box-shadow:0 30px 80px #000c, 0 0 60px rgba(var(--cyan-rgb), .18);background:#000;border:10px solid #1b1d22;border-radius:26px;margin:0 auto 44px}.site-footer{color:var(--text-dim);border-top:1px solid #ffffff12;padding:40px 0 50px;font-size:14px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.site-footer img{opacity:.8;width:auto;height:16px}.sticker{z-index:4;font:400 15px/1 var(--display);letter-spacing:.05em;text-transform:uppercase;background:var(--amber);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:12px;padding:12px 16px;position:absolute;transform:rotate(-8deg)}@media (width>=900px){.stage-sticky canvas,.stage-labels{width:136%;max-width:none;left:0}}@media (width<=760px){.grid-faces{grid-template-columns:repeat(3,1fr);gap:12px}.stage-labels{display:none}}@media (width<=900px){.skills{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.skills{grid-template-columns:1fr}}.stage-dim{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.stage-spot{pointer-events:none;opacity:0;background:radial-gradient(34% 54% at 68% 58%,#0000 0%,#0000002e 38%,#000000b3 68%,#000 95%);transition:opacity .3s;position:absolute;inset:0}.stage.is-room .stage-spot{opacity:1}@media (width<=760px){.stage-spot{background:radial-gradient(50% 24% at 50% 31%,#0000 0%,#0003 40%,#000c 75%,#000 95%)}}
