:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; color: #f8fafc; background: radial-gradient(circle at 50% -20%, #063b62 0, #020617 42%, #01030a 100%); }
a { color: #22bdf5; }
.home { width: min(1080px, calc(100% - 40px)); margin: 0 auto; padding: 92px 0 70px; text-align: center; }
.brand { display: flex; justify-content: center; align-items: center; letter-spacing: -5px; }
.mark { display: block; width: 84px; height: 84px; object-fit: contain; filter: drop-shadow(0 0 18px #12bdf866); }
.ue { margin-left: -8px; font-size: 55px; font-weight: 800; }
.tagline { margin: 4px 0 54px; color: #94a3b8; font-weight: 600; }
h1 { max-width: 900px; margin: 0 auto; font-size: clamp(42px, 7vw, 76px); line-height: 1.02; letter-spacing: -0.045em; }
.intro { max-width: 700px; margin: 28px auto; color: #aab4c5; font-size: 20px; line-height: 1.6; }
.primary { display: inline-block; margin-top: 10px; padding: 16px 24px; border-radius: 16px; color: #00121c; background: #22bdf5; font-weight: 800; text-decoration: none; }
.features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 82px; text-align: left; }
.features article { padding: 26px; border: 1px solid #ffffff14; border-radius: 22px; background: #101827cc; }
.features h2 { margin: 0 0 10px; }.features p { margin: 0; color: #9ca7b8; line-height: 1.55; }
footer { display: flex; justify-content: center; gap: 24px; padding: 28px; color: #64748b; font-size: 14px; } footer a { color: #94a3b8; text-decoration: none; }
@media (max-width: 720px) { .home { padding-top: 58px; } .features { grid-template-columns: 1fr; margin-top: 58px; } footer { flex-wrap: wrap; } }