/* Emolyn coming soon: the brand tokens this one page needs, nothing more. */
:root{--bg:#f7f6f2;--ink:#242538;--ink-soft:#5d5e70;--violet:#5545ba;--eye-glow:#2ee6f7}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:'Nunito',system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;min-height:100dvh;display:flex;flex-direction:column}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:26px;padding:48px 24px}
.logo{color:var(--ink);font-size:34px;font-weight:900;letter-spacing:-1.5px}
.logo .dot{color:var(--violet)}
.cs-bezel{padding:8px;border-radius:26px;background:linear-gradient(145deg,#fff,#d2d0de);box-shadow:0 12px 20px #24253814}
.cs-screen{width:min(300px,74vw);height:170px;border-radius:20px;background:#141626;display:flex;align-items:center;justify-content:center;gap:40px}
.cs-eye{width:42px;height:62px;border-radius:16px;background:var(--eye-glow);box-shadow:0 0 26px #2ee6f759;animation:cs-blink 5.2s ease-in-out infinite}
@keyframes cs-blink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.12)}}
.kicker{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--violet);margin:0}
h1{font-size:clamp(38px,6vw,64px);font-weight:900;letter-spacing:-2px;line-height:1.05;margin:0;max-width:640px}
h1 span{color:var(--violet)}
.cs-sub{font-size:18px;line-height:1.7;color:var(--ink-soft);max-width:540px;margin:0}
.cs-note{font-size:14px;font-weight:700;color:var(--ink-soft);margin:0}
.cs-footer{padding:24px;text-align:center}
.cs-footer p{font-size:13px;color:var(--ink-soft);margin:0}
::selection{background:#dfdaf3;color:var(--ink)}
@media(max-width:480px){.cs-screen{height:140px}.cs-eye{width:34px;height:50px}.cs-sub{font-size:16px}}
@media(prefers-reduced-motion:reduce){.cs-eye{animation:none}}