/* Nebula Scans — Home base / Hero + recruitment banner. Page-scoped to prevent cross-screen leakage. */
body[data-page="home"] .hero{position:relative;height:min(600px,82vh);overflow:hidden;border-bottom:1px solid var(--line-soft)}
body[data-page="home"] .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s var(--ease-io),visibility .9s var(--ease-io)}
body[data-page="home"] .hero-slide.active{opacity:1;visibility:visible}
body[data-page="home"] .hero-bg{position:absolute;inset:-4%;background-size:cover;background-position:center 22%;filter:blur(26px) brightness(.5) saturate(1.25);transform:scale(1.06)}
body[data-page="home"] .hero-slide.active .hero-bg{animation:homeHeroKenburns 9s var(--ease-io) forwards}
@keyframes homeHeroKenburns{from{transform:scale(1.12)}to{transform:scale(1.03)}}
body[data-page="home"] .hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,3,18,.96) 26%,rgba(7,3,18,.55) 58%,rgba(7,3,18,.25)),linear-gradient(0deg,var(--bg) 1%,transparent 36%),linear-gradient(180deg,rgba(7,3,18,.6),transparent 30%),radial-gradient(700px 320px at 22% 62%,rgba(109,40,217,.3),transparent 70%)}
body[data-page="home"] .hero-content{position:relative;z-index:2;max-width:var(--container);margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;gap:46px}
body[data-page="home"] .hero-text{max-width:600px}
body[data-page="home"] .hero-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--violet3);font-size:.74rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px}
body[data-page="home"] .hero-kicker::before{content:"";width:26px;height:1px;background:var(--grad)}
body[data-page="home"] .hero-content h2{font-size:clamp(1.5rem,3.4vw,2.45rem);margin:12px 0 14px;color:var(--text-strong);text-shadow:0 0 44px rgba(134,66,255,.5);text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body[data-page="home"] .hero-content p{color:#c9bfdf;max-width:540px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.98rem}
body[data-page="home"] .hero-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:.84rem}
body[data-page="home"] .hero-meta .hm{display:inline-flex;align-items:center;gap:6px}
body[data-page="home"] .hero-meta .hm svg{color:var(--violet2)}
body[data-page="home"] .hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
body[data-page="home"] .hero-cover{position:relative;flex:none;width:min(240px,24vw);margin-left:auto;z-index:2;transform:rotate(3.5deg);transition:transform .6s var(--ease)}
body[data-page="home"] .hero-slide.active .hero-cover{animation:homeHeroCoverIn .9s var(--ease)}
@keyframes homeHeroCoverIn{from{opacity:0;transform:rotate(8deg) translateY(26px)}to{opacity:1;transform:rotate(3.5deg)}}
body[data-page="home"] .hero-cover:hover{transform:rotate(0deg) scale(1.03)}
body[data-page="home"] .hero-cover img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;box-shadow:0 24px 60px rgba(3,0,16,.75),0 0 0 1px rgba(134,66,255,.35),var(--glow)}
body[data-page="home"] .hero-cover::after{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;background:linear-gradient(160deg,rgba(237,233,254,.14),transparent 40%)}
body[data-page="home"] .hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;color:var(--violet2);background:rgba(7,3,18,.5);border:1px solid var(--line);backdrop-filter:blur(8px);opacity:.75;transition:all var(--t-fast) var(--ease)}
body[data-page="home"] .hero-arrow:hover{opacity:1;box-shadow:var(--glow);color:var(--violet3);border-color:var(--violet)}
body[data-page="home"] .hero-arrow.prev{left:14px}
body[data-page="home"] .hero-arrow.next{right:14px}
body[data-page="home"] .hero-dots{position:absolute;z-index:4;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:9px}
body[data-page="home"] .hero-dot{position:relative;width:42px;height:4px;border-radius:99px;background:rgba(167,139,250,.22);overflow:hidden;transition:width var(--t-med) var(--ease)}
body[data-page="home"] .hero-dot i{position:absolute;inset:0;background:var(--grad);border-radius:99px;transform:scaleX(0);transform-origin:left}
body[data-page="home"] .hero-dot.active{width:64px}
body[data-page="home"] .hero-dot.active i{animation:homeHeroDotFill var(--hero-delay,7s) linear forwards}
@keyframes homeHeroDotFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
body[data-page="home"] .recruit{position:relative;text-align:center;overflow:hidden;background:linear-gradient(135deg,#1e0850,#3b0764 55%,#701a75);border:1px solid rgba(134,66,255,.5);border-radius:var(--r);padding:60px 24px;box-shadow:var(--glow)}
body[data-page="home"] .recruit::before{content:"";position:absolute;inset:-40%;pointer-events:none;background:radial-gradient(420px 200px at 30% 20%,rgba(217,70,239,.25),transparent 70%),radial-gradient(380px 200px at 75% 80%,rgba(134,66,255,.28),transparent 70%)}
body[data-page="home"] .recruit h2{position:relative;font-size:clamp(1.3rem,2.6vw,1.8rem)}
body[data-page="home"] .recruit p{position:relative;color:#e9d5ff;margin:14px 0 24px}
body[data-page="home"] .recruit .btn{position:relative}
@media (max-width: 767px){body[data-page="home"] .recruit{padding:42px 18px;border-radius:calc(var(--r) - 2px)}body[data-page="home"] .recruit p{font-size:.88rem;line-height:1.5;margin:12px auto 20px;max-width:34rem}}
@media (min-width: 768px) and (max-width: 1023px){body[data-page="home"] .recruit{padding:48px 22px}}
@media (min-width: 1024px){body[data-page="home"] .recruit{padding:60px 24px}}
