@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{color:#fff;background:repeating-linear-gradient(45deg,#1a1a1c 0 6px,#202024 6px 12px);font-family:Outfit,system-ui,sans-serif}.workspace{justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.frame{background:#222;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 40px 120px #0000008c,0 0 0 1px #ffffff0f}.workspace{padding-left:40px;justify-content:flex-start!important}.canvas-box{position:absolute;inset:0;overflow:hidden}.accent{pointer-events:none;mix-blend-mode:screen;filter:blur(30px);animation:22s ease-in-out infinite alternate accentDrift;position:absolute;inset:-20%}@keyframes accentDrift{0%{transform:translate(0)scale(1)}50%{transform:translate(15%,-10%)scale(1.15)}to{transform:translate(-10%,12%)scale(.95)}}.overlay{pointer-events:none;flex-direction:column;padding:6%;display:flex;position:absolute;inset:0}.logo-row{align-items:center;gap:12px;display:flex}.logo-top-left{align-self:flex-start}.logo-top-center{align-self:center}.wordmark-inline{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:clamp(20px,3.5cqw,44px);font-weight:700;line-height:1}.center-brand{flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.wordmark-big{letter-spacing:-.03em;font-family:Outfit,sans-serif;font-size:clamp(64px,12cqw,200px);font-weight:700;line-height:1}.tagline-mono{opacity:.85;text-align:center;padding:0 8%;font-family:IBM Plex Mono,monospace;font-size:clamp(12px,1.5cqw,22px)}.content-block{max-width:88%;margin-top:auto;margin-bottom:8%}.content-block.wide{max-width:60%}.eyebrow{opacity:.85;margin-bottom:24px;font-family:IBM Plex Mono,monospace;font-size:clamp(11px,2cqw,22px);font-weight:500}.title{letter-spacing:-.025em;margin-bottom:20px;font-family:Outfit,sans-serif;font-size:clamp(38px,8cqw,120px);font-weight:700;line-height:1}.subtitle{opacity:.95;max-width:720px;font-family:Outfit,sans-serif;font-size:clamp(16px,2.8cqw,40px);font-weight:400;line-height:1.3}.cta{color:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;cursor:pointer;background:#fff3;border:1.5px solid #ffffff8c;border-radius:999px;padding:14px 32px;font-family:Outfit,sans-serif;font-size:clamp(14px,2cqw,22px);font-weight:500;position:absolute;bottom:6%;right:6%}.footer-text{opacity:.75;font-family:IBM Plex Mono,monospace;font-size:clamp(11px,1.7cqw,22px);position:absolute;bottom:6%;left:6%}.canvas-box{container-type:inline-size}.hint{color:#fff6;letter-spacing:.1em;font-family:IBM Plex Mono,monospace;font-size:11px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.rec-badge{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.2em;color:#fff;background:#000000bf;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-family:IBM Plex Mono,monospace;font-size:12px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.rec-dot{background:#ff3b3b;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}