.hero-static { height: 78vh; min-height: 520px; }
.hero-static .hero-content h1 { font-size: clamp(2rem, 5vw, 4.2rem); font-weight: 700; line-height: 1.05; margin-bottom: 1rem; text-shadow: 0 6px 30px rgba(0,0,0,.45); }
.hero-static .hero-content p { max-width: 820px; margin: 0 auto 1.6rem; font-size: clamp(1rem, 1.6vw, 1.25rem); line-height: 1.6; text-shadow: 0 2px 14px rgba(0,0,0,.5); }
.hero-kicker { text-transform: uppercase; letter-spacing: 4px; font-size: .78rem; opacity: .9; margin-bottom: 1rem; }
.hero-note { font-size: .85rem; opacity: .85; margin-top: .6rem; }
.hero-static .hero-bg-video { display: none; }
.hero-static .hero-bg-blur { display: block !important; filter: blur(16px) brightness(0.42); }
.btn-main { display: inline-flex; align-items: center; gap: .6rem; padding: .95rem 1.6rem; border-radius: 999px; background: #0f1f33; color: #fff; text-decoration: none; font-weight: 600; border: 1px solid #0f1f33; transition: transform .2s ease, box-shadow .2s ease; }
.btn-main:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(15,31,51,.25); }
.btn-ghost { display: inline-flex; align-items: center; gap: .6rem; padding: .95rem 1.6rem; border-radius: 999px; background: transparent; color: #fff; text-decoration: none; font-weight: 600; border: 1px solid rgba(255,255,255,.7); }
.btn-ghost.dark { color: #0f1f33; border-color: #0f1f33; }
.btn-row { display: flex; gap: .8rem; justify-content: center; flex-wrap: wrap; }
.lead-text { max-width: 860px; margin: 0 auto; font-size: 1.15rem; line-height: 1.8; color: #1f2d3d; text-align: center; }
.lead-text p + p { margin-top: 1rem; }
.facts { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1rem; max-width: 1000px; margin: 0 auto; }
.fact { background: #fff; border: 1px solid #eef1f5; border-radius: 14px; padding: 1.4rem 1rem; }
.fact strong { display: block; font-size: 2rem; color: #0f1f33; line-height: 1; margin-bottom: .4rem; }
.fact span { color: #5f6f83; font-size: .9rem; }
.show-table { width: 100%; border-collapse: collapse; max-width: 1000px; margin: 0 auto; text-align: left; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,.04); }
.show-table th, .show-table td { padding: .95rem 1.1rem; border-bottom: 1px solid #eef1f5; vertical-align: top; }
.show-table th { background: #0f1f33; color: #fff; font-weight: 600; font-size: .85rem; letter-spacing: .5px; text-transform: uppercase; }
.show-table td:first-child { font-weight: 600; color: #0f1f33; white-space: nowrap; }
.table-note { max-width: 1000px; margin: .9rem auto 0; color: #6c7d92; font-size: .9rem; text-align: left; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; max-width: 1000px; margin: 0 auto; text-align: left; }
.two-col article { background: #fff; border: 1px solid #eef1f5; border-radius: 14px; padding: 1.6rem; }
.two-col h3 { color: #0f1f33; margin-bottom: .7rem; font-size: 1.2rem; }
.two-col p, .two-col li { color: #34455a; line-height: 1.7; }
.two-col ul { padding-left: 1.2rem; }
.cta-band { background: linear-gradient(135deg, #0f1f33 0%, #1c3555 100%); color: #fff; border-radius: 24px; padding: clamp(2rem, 5vw, 3.5rem); text-align: center; max-width: 1200px; margin: 0 auto 8vh; }
.cta-band h2 { font-size: clamp(1.7rem, 3.4vw, 2.6rem); margin-bottom: .8rem; }
.cta-band p { max-width: 720px; margin: 0 auto 1.6rem; opacity: .9; line-height: 1.7; }
.cta-band .btn-main { background: #fff; color: #0f1f33; border-color: #fff; }
.steps { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: .9rem; max-width: 1100px; margin: 0 auto; }
.step { background: #fff; border: 1px solid #eef1f5; border-radius: 14px; padding: 1.4rem 1rem; text-align: left; }
.step b { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 50%; background: #0f1f33; color: #fff; margin-bottom: .8rem; }
.step h3 { font-size: 1.05rem; color: #0f1f33; margin-bottom: .4rem; }
.step p { color: #5f6f83; font-size: .92rem; line-height: 1.6; }
.breadcrumb { font-size: .85rem; color: #6c7d92; margin-bottom: 1.2rem; }
.breadcrumb a { color: #6c7d92; }
.intro-card h3 { color: #0f1f33; margin-bottom: .6rem; }
.intro-card p { color: #34455a; line-height: 1.65; }
.spectacle-card .btn-row { justify-content: flex-start; }
.contact-panel { text-align: left; }
@media (max-width: 900px) { .nav-links { gap: .7rem !important; width: auto !important; justify-content: center; } .nav-links a { font-size: .58rem !important; letter-spacing: .4px !important; white-space: nowrap; } .navbar .logo img { max-height: 26px; } }
@media (max-width: 900px) {
.facts { grid-template-columns: repeat(2, minmax(0,1fr)); }
.two-col { grid-template-columns: 1fr; }
.steps { grid-template-columns: 1fr; }
.show-table { display: block; overflow-x: auto; }
.hero-static { height: auto; min-height: 0; padding: 120px 5% 90px; }
.hero-static .hero-content { padding: 0; }
}