:root{font-family:DM Sans,sans-serif;color:#f5f4f0;background:#0b1114;font-synthesis:none;-webkit-font-smoothing:antialiased;--background: #0b1114;--paper: #f5f4f0;--muted: #a1adb3;--accent: #03a3ad;--ease-out: cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box}body{margin:0}a{color:inherit}button{font:inherit}svg{display:block}a,button{-webkit-tap-highlight-color:transparent}::selection{color:var(--background);background:var(--accent)}.page{display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;padding:24px 32px;overflow:clip}.header,.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2}.brand,.contact{display:flex;align-items:center;text-decoration:none}.contact{border:1px solid #a1adb339;border-radius:4px;background:#11191ec7}.brand{padding:12px 0}.brand img{display:block;width:125px;height:auto}.contact{min-height:48px;font-size:13px}.contact svg{width:18px;height:18px;margin:0 15px;stroke:currentColor;stroke-width:1.3}.contact span{border-left:1px dotted #a1adb360;padding:4px 20px}.main{position:relative;display:flex;align-items:center;width:100%;max-width:1360px;min-height:570px;margin:0 auto}.visual{position:absolute;width:76%;height:650px;max-height:100%;min-height:560px;right:-7%;top:50%;transform:translateY(-50%);background:none center / cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 88%,transparent)}.visual canvas{display:block;width:100%;height:100%;opacity:0}body[data-fallback] .visual{background-image:url(/shader-pixels.png)}body[data-renderer] .visual canvas{opacity:1}.message{position:relative;z-index:1;padding:0 0 10px 4.5%}h1{font-size:clamp(44px,4.8vw,68px);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin:0}.message p{font-size:15px;color:var(--muted);margin:25px 0 31px}.play{display:inline-flex;align-items:center;justify-content:space-between;gap:29px;min-height:48px;padding:0 17px 0 22px;color:#061416;background:var(--accent);border:1px solid #68e6e433;border-radius:3px;text-decoration:none;font-weight:600;font-size:13px;transition:background .16s ease,transform .16s var(--ease-out)}.play svg{width:16px;height:16px;fill:currentColor}.play:active{transform:scale(.97)}.footer{font-size:11px;color:var(--muted)}.footer p{margin:0}.animation-controls{display:flex;gap:6px}.replay svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3}.replay:disabled{opacity:.3;cursor:default}.engine span{color:var(--paper);font-size:12px;font-weight:500;margin-left:3px}.footer-end{display:flex;align-items:center;gap:26px}.footer-end p span{margin-left:9px}.motion,.replay{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #a1adb340;border-radius:3px;background:transparent;color:var(--muted);cursor:pointer}.motion svg{grid-area:1/1;width:14px;height:14px;stroke:currentColor;stroke-width:1.6;fill:none}.motion .resume-icon{display:none;fill:currentColor;stroke:none}.motion[aria-pressed=true] .pause-icon{display:none}.motion[aria-pressed=true] .resume-icon{display:block}.motion[hidden]{display:none}:focus-visible{outline:2px solid var(--paper);outline-offset:6px}@starting-style{.message{opacity:0;transform:translateY(8px)}}.message{transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}@media(hover:hover)and (pointer:fine){.play:hover{background:#32c5cd}.contact:hover{border-color:#a1adb380;background:#18242b}.motion:hover,.replay:not(:disabled):hover{color:var(--paper);border-color:#a1adb380}}@media(min-width:1600px){.page{padding:32px 48px}}@media(max-width:960px){.page{padding:18px 20px}.brand{padding:10px 0}.brand img{width:103px}.contact{min-height:43px;font-size:12px}.contact svg{margin:0 11px;width:16px;height:16px}.contact span{padding:3px 12px}.main{flex-direction:column;justify-content:center;min-height:600px;padding-bottom:40px}.visual{position:relative;width:calc(100% + 40px);height:310px;min-height:0;right:auto;top:auto;transform:none;margin:-4px -20px 6px;flex-shrink:0;-webkit-mask-image:none;mask-image:none;background-size:auto 100%}.message{align-self:flex-start;padding:0 8px}h1{font-size:clamp(38px,7.6vw,54px)}.message p{margin:20px 0 24px;font-size:14px}.footer{align-items:flex-end;font-size:10px;gap:10px;flex-wrap:wrap}.footer-end{margin-left:auto}.engine{line-height:1.7}.engine span{display:block;font-size:11px;margin:0}.footer-end{gap:15px}.footer-end p{max-width:90px;line-height:1.7}.footer-end p span{margin:0;display:block}}@media(max-height:680px)and (min-width:961px){.main,.visual{min-height:420px}h1{font-size:52px}}@media(prefers-reduced-motion:reduce){.message{transition:opacity .16s ease;transform:none}.visual canvas{transition:opacity .16s ease}.play{transition:background .16s ease}.play:active{transform:none}}