/* ===== MaintiTag — Site vitrine ===== */
.site-header{background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:50;padding:14px 0}
.site-brand{font-weight:800;font-size:1.3rem;color:var(--text);display:inline-flex;align-items:center;gap:8px}
.site-brand .logo-badge{background:var(--primary);width:30px;height:30px;border-radius:8px;display:grid;
  place-items:center;color:#fff;font-size:1rem}
.site-brand:hover{text-decoration:none}
.site-nav{display:flex;align-items:center;gap:22px}
.site-nav a{color:var(--text);font-weight:500;font-size:.95rem}

.hero{padding:80px 0 70px;background:radial-gradient(1200px 500px at 50% -10%,#dbeafe,transparent),var(--bg)}
.hero h1{font-size:3rem;line-height:1.1;max-width:760px;margin:0 auto;text-align:center}
.hero .lead{font-size:1.2rem;color:var(--muted);max-width:680px;margin:22px auto 0;text-align:center}
.hero .cta{display:flex;gap:14px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.hero .tagline{text-align:center;margin-top:40px;font-weight:600;color:var(--primary);font-size:1.05rem}

.section{padding:64px 0}
.section h2{font-size:2rem;text-align:center;max-width:680px;margin:0 auto 12px}
.section .section-sub{text-align:center;color:var(--muted);max-width:620px;margin:0 auto 44px;font-size:1.05rem}
.section.alt{background:#fff}

.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;
  box-shadow:var(--shadow-sm)}
.feature.featured{border-color:var(--primary);box-shadow:0 8px 28px rgba(37,99,235,.16)}
.feature .f-icon{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;font-size:1.6rem;
  background:var(--primary-light);margin-bottom:16px}
.feature h3{font-size:1.2rem;margin-bottom:8px}
.feature p{color:var(--muted)}

.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;align-items:stretch}
.price-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px;
  display:flex;flex-direction:column;box-shadow:var(--shadow-sm);position:relative}
.price-card.popular{border:2px solid var(--primary);box-shadow:var(--shadow-lg)}
.price-card .pop-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--primary);
  color:#fff;font-size:.78rem;font-weight:700;padding:5px 14px;border-radius:999px}
.price-card h3{font-size:1.4rem}
.price-card .price{font-size:2.6rem;font-weight:800;margin:14px 0 2px}
.price-card .price small{font-size:1rem;color:var(--muted);font-weight:500}
.price-card .price-sub{color:var(--muted);font-size:.9rem;margin-bottom:20px}
.price-card ul{list-style:none;margin:18px 0;flex:1}
.price-card ul li{padding:8px 0;padding-left:28px;position:relative;font-size:.94rem;border-bottom:1px solid var(--surface-2)}
.price-card ul li::before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:800}

.faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-bottom:14px}
.faq-item h4{font-size:1.05rem;margin-bottom:6px}
.faq-item p{color:var(--muted)}

.cta-band{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;text-align:center;padding:64px 0}
.cta-band h2{color:#fff}.cta-band p{color:#dbeafe;max-width:560px;margin:12px auto 28px}

.site-footer{background:#0f172a;color:#cbd5e1;padding:54px 0 30px;margin-top:0}
.site-footer a{color:#cbd5e1}
.site-footer h4{font-size:.95rem}

@media(max-width:700px){
  .hero h1{font-size:2.1rem}.site-nav{gap:12px}.site-nav a:not(.btn){display:none}
  .hero{padding:50px 0 40px}
}