:root{--black:#0d0c0b;--paper:#eee9e1;--red:#a7655e;--line:rgba(238,233,225,.18)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--black)}
body{color:var(--paper);font-family:Inter,system-ui,sans-serif}
.deployment-gate{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;padding:30px;background:radial-gradient(circle at 50% 44%,#181513 0,#0d0c0b 56%)}
.gate-grain{position:absolute;inset:0;pointer-events:none;opacity:.14;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
.deployment-gate section{display:grid;justify-items:center;text-align:center;gap:36px}
h1{margin:0;max-width:800px;font-size:clamp(44px,7vw,96px);line-height:.88;letter-spacing:-.06em;text-transform:uppercase}
.gate-enter{min-width:150px;border:1px solid var(--red);color:var(--paper);padding:13px 24px;text-decoration:none;font:500 11px 'DM Mono',monospace;letter-spacing:.22em;text-transform:uppercase;transition:background .2s,color .2s}
.gate-enter:hover,.gate-enter:focus-visible{background:var(--red);color:var(--black);outline:0}
@media(max-width:650px){.deployment-gate{padding:22px}h1{font-size:clamp(44px,15vw,68px)}.gate-enter{min-width:140px}}
@media(prefers-reduced-motion:reduce){.gate-enter{transition:none}}