/* MODERN - floating pill navigation, soft shadows, large radii, cool surface. */
.template-modern { font-family: var(--font-body); color: var(--text); background: var(--surface); --radius-lg: calc(var(--radius) * 1.5); }
.template-modern h1, .template-modern h2, .template-modern h3 { font-family: var(--font-heading); font-weight: 700; letter-spacing: -.02em; }

.site-header--modern { background: transparent; backdrop-filter: none; border: 0; padding: 12px 0; }
.site-header--modern.scrolled { background: transparent; }
.modern-pill { display: flex; align-items: center; gap: 20px; background: #fff; border-radius: 999px; padding: 8px 10px 8px 18px; box-shadow: 0 10px 30px rgba(0,0,0,.08); border: 1px solid rgba(0,0,0,.05); }
.nav-links--modern { margin-left: auto; }
.nav-links--modern > li > a:not(.btn) { border-radius: 999px; font-size: 14px; }
.nav-links--modern > li > a:not(.btn):hover { background: var(--surface); }
.modern-cta { border-radius: 999px !important; padding-inline: 20px; }
.template-modern .announcement-bar { background: transparent; color: var(--text); border-bottom: 1px solid rgba(0,0,0,.06); }

.template-modern .hero { background: linear-gradient(160deg, #fff 0%, var(--surface) 100%); border: 0; }
.template-modern .hero h1 span { background: linear-gradient(90deg, var(--primary), var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.template-modern .btn { border-radius: 999px; }
.template-modern .catalog-card, .template-modern .pricing-card, .template-modern .testimonial-card, .template-modern .faq-item { border-radius: var(--radius-lg); box-shadow: 0 8px 30px rgba(0,0,0,.06); border: 0; background: #fff; }
.template-modern .section-alt { background: transparent; border: 0; }
.template-modern .section-light { background: transparent; }
.template-modern .social-proof-bar { background: #fff; border-radius: var(--radius-lg); margin: -32px auto 0; max-width: 1240px; box-shadow: 0 10px 30px rgba(0,0,0,.06); }

.site-footer--modern { background: transparent; color: var(--text); padding: 40px 0 24px; border: 0; }
.modern-footer-card { background: var(--primary); color: var(--on-primary); border-radius: var(--radius-lg); padding: 48px; }
.modern-footer-card__head { display: flex; align-items: center; gap: 20px; margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,.12); }
.modern-footer-card__head img { filter: brightness(0) invert(1); }
.modern-footer-card__head p { margin: 0; color: var(--on-primary); opacity: .8; }
.footer-grid--modern { margin-bottom: 0; grid-template-columns: 1.4fr 1fr 1fr; }
.site-footer--modern h3 { color: var(--on-primary); }
.site-footer--modern p, .site-footer--modern ul a { color: var(--on-primary); opacity: .8; }
.modern-footer-meta { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 20px; font-size: 12px; color: var(--text-tertiary); }
.modern-footer-meta a { color: inherit; }