.gate{position:relative;isolation:isolate;min-height:100svh;display:grid;align-content:center;justify-items:center;gap:24px;padding:40px 16px;overflow:hidden}.gate-art{z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 62%;transition:filter 1s var(--ease-out),scale 1.2s var(--ease-out)}.gate-art,.gate:before{position:absolute;inset:0}.gate:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(48% 58% at 50% 46%,rgba(23,15,38,.62),rgba(23,15,38,.2) 72%,rgba(23,15,38,0)),linear-gradient(180deg,rgba(23,15,38,.35),rgba(23,15,38,0) 40%,rgba(23,15,38,.55))}.gate:has([data-open]) .gate-art{filter:brightness(1.25) saturate(1.15);scale:1.04}.gate-card{display:grid;gap:16px;width:min(100%,470px);padding:clamp(26px,5vw,40px) clamp(22px,5vw,38px) clamp(28px,5vw,40px);border-radius:var(--r-l);background:rgba(23,15,38,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--rule-night),0 50px 90px -40px rgba(8,4,18,.9);transition:opacity .6s var(--ease-out),translate .6s var(--ease-out)}.gate-card[data-open]{opacity:0;translate:0 -14px}.gate-brand{display:grid;justify-items:center;gap:6px;margin-bottom:6px}.gate-rows{width:min(72%,250px);--bowl-o:.9}.gate h1{font-size:clamp(30px,1.6vw + 22px,40px);max-width:none;text-align:center}.gate-lede{color:var(--mist);text-align:center}.gate-form{display:grid;gap:20px;margin-top:6px}.gate-error{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-s);background:rgba(247,161,166,.12);color:var(--danger-night);box-shadow:inset 0 0 0 1px rgba(247,161,166,.45);font-size:16px;line-height:1.45;font-weight:600}.gate-error .icon{flex:none;margin-top:1px}.gate-demo{max-width:520px;padding:12px 16px;border-radius:var(--r-m);background:rgba(23,15,38,.72);font-size:15px;line-height:1.5;color:var(--mist);text-align:center}@media (max-width:479px){.gate-brand .brand-lockup{--brand:80px!important}}@media (prefers-reduced-motion:no-preference){.gate-art{animation:gate-dusk 1.8s var(--ease-out) both}.gate-rows .bowl-row{animation-delay:calc(.35s + var(--r) * 90ms)}.gate-brand .brand-mark path{animation:gate-glyph .7s var(--ease-out) calc(.8s + var(--i) * .12s) both}.gate-brand .brand-words{animation:gate-in .8s var(--ease-out) 1.05s both}.gate-card>:not(.gate-brand){animation:gate-in .8s var(--ease-out) 1.25s both}.gate-demo{animation:gate-in .8s var(--ease-out) 1.5s both}}@keyframes gate-dusk{0%{filter:brightness(.35) saturate(.6)}}@keyframes gate-glyph{0%{opacity:0;translate:0 10px}}@keyframes gate-in{0%{opacity:0;translate:0 12px}}