body[data-page=home] .hero-center{position:fixed;inset:0;display:grid;place-items:center;text-align:center;padding:0 16px;pointer-events:auto}body[data-page=home] .hero-center::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 50% 55%,rgba(10,15,22,.42),transparent 65%),linear-gradient(to top,rgba(11,15,20,.22),transparent 40%)}body[data-page=home] .hero-center>*{position:relative;z-index:1}body[data-page=home] .hero-copy{display:inline-flex;flex-direction:column;align-items:center;gap:.35rem;max-width:min(100%,var(--content-max))}body[data-page=home] .hero-center h1{margin:0 0 .35em;font-size:clamp(35px,6.2vw,64px);line-height:1.08;font-weight:800;letter-spacing:.3px;color:#eef3ff;text-shadow:0 0 1px rgba(0,0,0,.40),0 1px 0 rgba(0,0,0,.22),1px 0 0 rgba(0,0,0,.26),-1px 0 0 rgba(0,0,0,.26),0 1px 0 rgba(0,0,0,.26),0 -1px 0 rgba(0,0,0,.26),1px 1px 0 rgba(0,0,0,.22),-1px 1px 0 rgba(0,0,0,.22),1px -1px 0 rgba(0,0,0,.22),-1px -1px 0 rgba(0,0,0,.22)}body[data-page=home] .hero-tags{display:flex;flex-direction:column;gap:.18rem;margin:.15rem 0 .65rem}body[data-page=home] .hero-tags>div{padding:2px;font-weight:750;letter-spacing:.25px;font-size:clamp(18px,3.2vw,28px);line-height:1.12;color:#eef3ff;opacity:.98;text-shadow:0 0 2px rgba(0,0,0,.70),1px 0 0 rgba(0,0,0,.34),-1px 0 0 rgba(0,0,0,.34),0 1px 0 rgba(0,0,0,.34),0 -1px 0 rgba(0,0,0,.34),0 8px 22px rgba(0,0,0,.40)}body[data-page=home] .hero-center p{margin:.35rem 0;color:#dfe6f3;font-size:clamp(15px,2.2vw,19px);max-width:min(92ch,90vw);opacity:.95}body[data-page=home] .hero-center h1{margin:0 0 .22em}body[data-page=home] .hero-cta{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.22);color:#eef3ff;box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);text-shadow:0 0 2px rgba(0,0,0,.70),1px 0 0 rgba(0,0,0,.34),-1px 0 0 rgba(0,0,0,.34),0 1px 0 rgba(0,0,0,.34),0 -1px 0 rgba(0,0,0,.34),0 8px 22px rgba(0,0,0,.40)}body[data-page=home] .hero-cta:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.30);box-shadow:0 12px 32px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.10)}body[data-page=home] .hero-footer{position:fixed;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:10px 16px;width:100%;background:rgba(11,15,20,.5);color:#aab3c5;font-size:14px}
