.site-header { background: rgba(247,250,248,.94); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 20; backdrop-filter: blur(12px); }
.header-inner, .brand, .main-nav ul, .hero-actions, .hero-stats, .dashboard-header { align-items: center; display: flex; }
.header-inner { justify-content: space-between; min-height: 4.6rem; }
.brand { gap: .65rem; }
.brand-text { display: grid; line-height: 1.05; }
.brand-text strong { color: var(--teal-900); font-family: Montserrat, sans-serif; letter-spacing: .08em; }
.brand-text small { color: var(--muted); font-size: .65rem; }
.main-nav ul { gap: 1.25rem; list-style: none; margin: 0; padding: 0; }
.main-nav a { color: var(--teal-900); font-size: .85rem; font-weight: 600; }
.main-nav .nav-cta { background: var(--teal-700); border-radius: 999px; color: var(--white); padding: .6rem .95rem; }
.nav-toggle { background: none; border: 0; display: none; padding: .4rem; }
.nav-toggle span { background: var(--teal-900); display: block; height: 2px; margin: 5px; width: 24px; }
.service-cards, .dashboard-grid, .testimonials-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(2, 1fr); }
.service-card, .testimonial-card, .dash-card { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.5rem; }
.service-icon { color: var(--teal-700); }
.service-card h3, .recommender h3, .pricing h3 { color: var(--teal-900); font-family: Montserrat, sans-serif; }
.service-features, .conf-list, .dash-card ul { padding-left: 1.2rem; }
.service-features li::marker, .conf-list li::marker { color: var(--gold-500); }
.recommender { background: var(--teal-900); border-radius: var(--radius); color: var(--white); margin-top: 2rem; padding: 1.5rem; }
.recommender h3 { color: var(--gold-300); margin-top: 0; }
.recommender-controls { align-items: center; display: flex; gap: 1rem; }
.recommender-controls input { accent-color: var(--gold-300); flex: 1; }
.recommender-result { color: var(--gold-300); font-weight: 700; margin-top: 1rem; }
.pricing { margin-top: 3rem; }
.pricing-toggle { display: flex; gap: .5rem; justify-content: center; margin-bottom: 1rem; }
.toggle-btn { background: var(--white); border: 1px solid var(--line); border-radius: 999px; color: var(--teal-700); padding: .65rem 1rem; }
.toggle-btn.active { background: var(--teal-700); color: var(--white); }
.pricing-table { border-collapse: collapse; background: var(--white); box-shadow: var(--shadow); width: 100%; }
.pricing-table th, .pricing-table td { border-bottom: 1px solid var(--line); padding: .85rem; text-align: left; }
.pricing-table th { background: var(--teal-100); color: var(--teal-900); }
.contact-form { background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.5rem; }
.form-row { display: grid; gap: .35rem; margin-bottom: 1rem; }
.form-row label { color: var(--teal-900); font-size: .85rem; font-weight: 700; }
.form-row input, .form-row select, .form-row textarea { border: 1px solid var(--line); border-radius: 10px; padding: .75rem; width: 100%; }
.form-row input:focus, .form-row select:focus, .form-row textarea:focus { border-color: var(--teal-500); outline: 3px solid var(--teal-100); }
.form-note { color: var(--muted); font-size: .75rem; }
.satisfaction-metrics { display: flex; gap: 2rem; justify-content: center; margin: 1rem 0 2rem; text-align: center; }
.metric-value { color: var(--teal-700); display: block; font-family: Montserrat, sans-serif; font-size: 1.8rem; font-weight: 800; }
.metric-label { color: var(--muted); font-size: .8rem; }
.testimonial-card blockquote { margin: 0 0 1rem; }
.testimonial-author { color: var(--muted); font-size: .85rem; font-weight: 700; }
.dashboard-toggle { background: var(--gold-300); border: 0; border-radius: 50%; bottom: 1rem; box-shadow: var(--shadow); font-size: 1.2rem; padding: .8rem; position: fixed; right: 1rem; z-index: 15; }
.dashboard-header { justify-content: space-between; }
.dash-number { color: var(--teal-700); font-family: Montserrat, sans-serif; font-size: 2rem; font-weight: 800; margin: .3rem 0; }
.dash-card h4 { margin: 0; }
.site-footer { background: var(--teal-900); color: var(--white); padding-top: 3rem; }
.footer-inner { display: grid; gap: 2rem; grid-template-columns: 2fr repeat(3, 1fr); }
.footer-col ul { list-style: none; padding: 0; }
.footer-col li { color: rgba(255,255,255,.72); margin: .4rem 0; }
.social-links { display: flex; gap: .5rem; }
.social-links a { border: 1px solid rgba(255,255,255,.4); border-radius: 50%; padding: .4rem; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.6); margin-top: 2rem; padding: 1rem; text-align: center; }