.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(170deg,var(--forest-deep) 0%,var(--forest) 35%,#163020 65%,var(--forest-mid) 100%)}
.hero-bg{position:absolute;inset:0;overflow:hidden;opacity:.12}
.hero-bg svg{width:100%;height:100%}
.hero-grain{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");opacity:.35;mix-blend-mode:overlay}
.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 32px;animation:fadeUp 1.2s var(--ease-expo) both}
.hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--ffs);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-mist);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-pill);padding:8px 20px;margin-bottom:32px;animation:fadeUp 1.2s .2s var(--ease-expo) both}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--sage-light);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:var(--ffd);font-size:clamp(48px,8vw,80px);font-weight:700;color:#fff;line-height:1.05;letter-spacing:-0.03em;margin-bottom:20px;animation:fadeUp 1.2s .3s var(--ease-expo) both}
.hero h1 em{font-style:italic;background:linear-gradient(135deg,var(--sage-mist),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-desc{font-family:var(--ffb);font-size:clamp(17px,2.5vw,20px);color:var(--sage-mist);line-height:1.6;max-width:560px;margin:0 auto 40px;animation:fadeUp 1.2s .5s var(--ease-expo) both}
.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeUp 1.2s .7s var(--ease-expo) both}
.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadeUp 1.2s 1s var(--ease-expo) both}
.hero-scroll span{font-family:var(--ffs);font-size:11px;color:var(--ink-4);letter-spacing:.12em;text-transform:uppercase}
.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--sage),transparent);animation:scrollPulse 2s infinite}
@keyframes scrollPulse{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}

/* Guide links (below hero CTAs) */
.hero-guides{margin-top:16px;font-family:var(--ffs);font-size:12px;color:var(--sage-mist);opacity:0.7;animation:fadeUp 1.2s .9s var(--ease-expo) both}
.hero-guides-label{margin-right:6px;opacity:0.7}
.hero-guide-link{color:var(--leaf);text-decoration:none;font-weight:500;transition:opacity .2s}
.hero-guide-link:hover{opacity:1;text-decoration:underline}
.hero-guides-sep{margin:0 6px;opacity:0.4}