*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body { font-family: 'Satoshi', 'Helvetica Neue', Arial, sans-serif; font-weight: 500; background: #0b0b0c; color: #fff; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
.home { position: relative; min-height: 100svh; display: grid; place-items: center; padding: 48px 16px 88px; overflow: hidden; isolation: isolate; }
.home__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transform: scale(1.06); animation: drift 22s ease-in-out infinite alternate; }
.home::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .75) 75%), linear-gradient(180deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .65)); }
.home__in { text-align: center; max-width: 760px; animation: rise 1s cubic-bezier(.2, .8, .2, 1) both; }
.home__logo { width: min(340px, 70vw); height: auto; margin: 0 auto; filter: drop-shadow(0 10px 30px rgba(0, 0, 0, .5)); }
.home__kicker { margin: 18px 0 0; font-size: .8rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; opacity: .85; }
.home__title { margin: 34px 0 0; font-family: 'Panchang', 'Helvetica Neue', Arial, sans-serif; font-weight: 800; text-transform: uppercase; font-size: clamp(1.5rem, 4.6vw, 3rem); line-height: 1.08; letter-spacing: -.02em; word-spacing: .18em; }
.home__cta { display: inline-flex; align-items: center; gap: .6em; margin-top: 30px; padding: 1.1em 2em; border-radius: 999px; background: #f05425; color: #fff; text-decoration: none; font-weight: 700; font-size: 1rem; transition: transform .2s ease, background .2s ease; }
.home__cta span { transition: transform .2s ease; }
.home__cta:hover { transform: translateY(-2px); background: #d9441a; }
.home__cta:hover span { transform: translateX(4px); }
.home__cta:focus-visible, .home__a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.home__social { display: flex; justify-content: center; gap: 10px; margin-top: 34px; }
.home__a { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .12); backdrop-filter: blur(6px); transition: background .2s; }
.home__a:hover { background: rgba(255, 255, 255, .28); }
.home__a svg { width: 19px; height: 19px; }
.home__foot { position: absolute; bottom: 22px; left: 0; right: 0; margin: 0; text-align: center; font-size: .85rem; opacity: .75; }
.home__foot a { text-decoration: none; }
@keyframes rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@keyframes drift { to { transform: scale(1.14) translate(-1.5%, -1%); } }
@media (prefers-reduced-motion: reduce) { .home__bg, .home__in { animation: none; } }