.hero{height:100vh;min-height:700px;display:flex;align-items:center;background-size:cover;background-position:center;background-attachment:fixed;color:var(--white);padding:0;position:relative}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(18,34,58,.85) 0,rgba(18,34,58,.3) 100%);z-index:1}.hero .container{position:relative;z-index:2}.hero h1{font-size:clamp(3rem, 8vw, 5rem);color:var(--white);max-width:900px;margin-bottom:20px;line-height:1.1;text-shadow:0 4px 12px rgba(0,0,0,.3)}.hero h1::after{content:'';display:block;width:80px;height:4px;background:var(--accent);margin:24px 0;border-radius:2px}.hero .subtitle{font-size:clamp(1.4rem, 4vw, 2.2rem);color:var(--accent);margin-bottom:24px;font-weight:700;letter-spacing:-.01em}.hero .description{font-size:clamp(1.05rem, 2vw, 1.25rem);max-width:750px;margin-bottom:48px;opacity:.95;font-weight:400;line-height:1.8}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.explore-card{display:flex;flex-direction:row;gap:20px;align-items:center;padding:28px 24px;border-radius:16px;background:var(--white);transition:var(--transition);border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow-sm)}.explore-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--accent-light)}.explore-card .icon-circle{background:var(--bg-creme);color:var(--accent);width:64px;height:64px;font-size:1.8rem}.discovery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px}.discovery-item{padding:22px;background:var(--bg-creme);border-radius:12px;transition:var(--transition)}.discovery-item h4{margin-bottom:9px;color:var(--primary);font-size:1rem}.discovery-item p{font-size:.83rem;color:var(--text-gray);line-height:1.6}.fade-in{animation:.8s ease-out forwards fadeIn}.fade-in-delay-1{animation:.8s ease-out .2s forwards fadeIn;opacity:0}.fade-in-delay-2{animation:.8s ease-out .4s forwards fadeIn;opacity:0}.fade-in-delay-3{animation:.8s ease-out .6s forwards fadeIn;opacity:0}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-padding h2::after{margin:20px auto}@media (max-width:768px){.hero{text-align:center;min-height:600px}.hero h1::after{margin:24px auto}.hero-actions{justify-content:center}.intro-float-card{margin:-40px auto 0}.discovery-grid{grid-template-columns:1fr}}