/* Temporary ENBEGO landing page. Independent of the full website styles. */
:root{color-scheme:dark;background:#000000;color:#FFFFFF;font-family:Inter,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;-webkit-font-smoothing:antialiased}
.landing{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:48px 24px}
.composition{width:100%;max-width:900px;text-align:center;display:flex;flex-direction:column;align-items:center}
.logo{display:block;height:32px;width:auto;max-width:100%;object-fit:contain;animation:fade-in .6s ease-out both}
h1{margin:60px 0 0;font-size:clamp(32px,8.6vw,88px);font-weight:800;line-height:1.05;letter-spacing:-.045em;white-space:nowrap;animation:rise-in .65s ease-out .12s both}
.subtitle{margin:20px 0 0;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:.22em;color:#999999;animation:fade-in .6s ease-out .28s both}
.progress{display:flex;align-items:center;justify-content:center;gap:16px;width:min(100%,448px);margin-top:80px;animation:fade-in .45s ease-out .4s both}
.progress-track{height:6px;flex:1;min-width:0;border:1px solid #333333;border-radius:999px;overflow:hidden;background:#000000}
.progress-fill{width:70%;height:100%;background:#FFFFFF;border-radius:999px;transform-origin:left;animation:fill-in 1.1s cubic-bezier(.22,1,.36,1) .45s both}
.progress-value{flex:none;font-size:12px;line-height:1;color:#999999;font-variant-numeric:tabular-nums}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes rise-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes fill-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:600px){.landing{padding:40px 20px}.logo{height:26px}h1{margin-top:48px;font-size:clamp(28px,8.6vw,52px)}.subtitle{font-size:10px;letter-spacing:.18em}.progress{margin-top:64px;width:min(100%,360px);gap:12px}}
@media(prefers-reduced-motion:reduce){.logo,h1,.subtitle,.progress,.progress-fill{animation:none}}