/* 01 hero */
.hero { min-height:100vh; display:grid; align-items:center; overflow:hidden; }
.orb-bg { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:1; }
.hero-inner { position:relative; z-index:2; width:min(1180px,calc(100% - 48px)); margin:0 auto; padding:140px 0 120px; }
.hero-inner h1 { line-height:1.0; letter-spacing:-.02em; max-width:9ch; }
.sub { max-width:480px; margin:26px 0 0; color:#bbb5aa; font-size:1.12rem; line-height:1.8; }
.cta-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.hero-foot { position:absolute; z-index:2; left:0; right:0; bottom:0; display:flex; justify-content:space-between; width:min(1180px,calc(100% - 48px)); margin:0 auto; padding:18px 0; border-top:1px solid var(--line); font-family:var(--mono); font-size:.72rem; line-height:1.7; letter-spacing:.14em; color:var(--muted); }
.hero-foot .dot { color:var(--gold); }
@media (max-width:980px) { .hero-inner { padding:120px 0 140px; } }
@media (max-width:640px) { .hero-inner,.hero-foot { width:calc(100% - 32px); } .hero-foot { flex-wrap:wrap; } }