/* MAL-TP main stylesheet — layered on style.css */

:root {
  --space-section: clamp(3rem, 8vw, 6rem);
  --transition: 0.25s ease;
}

/* Smooth scroll with sticky-header offset */
html { scroll-padding-top: 5.5rem; }

body { -webkit-font-smoothing: antialiased; }

.container { width: 100%; }

/* Section rhythm */
.section { padding-block: var(--space-section); }

/* Hero refinement */
.hero { padding-block: clamp(4rem, 10vw, 7rem); }
.hero h1 { text-wrap: balance; }

/* Ecosystem */
.eco-card .icon { transition: transform var(--transition); }
.eco-card:hover .icon { transform: scale(1.15) rotate(-6deg); }

/* Pricing highlight */
.price-card.featured { box-shadow: 0 0 0 6px oklch(0.55 0.20 265 / 0.12); }

/* Combo rows */
.combo-row { transition: background var(--transition); }
.combo-row:hover { background: oklch(1 0 0 / 0.25); }

/* Buttons */
.btn:focus-visible { outline: 3px solid var(--c-gold); outline-offset: 2px; }

/* Form */
.contact-form input:invalid:not(:placeholder-shown),
.contact-form textarea:invalid:not(:placeholder-shown) { border-color: var(--c-danger); }

/* Reveal stagger via JS */
.reveal { transition-delay: var(--reveal-delay, 0s); }

/* Print */
@media print {
  .site-header, .site-footer, .hero-actions, #contact { display: none; }
}