/* ============================================================
   MDAWeb.store — Global Stylesheet
   Colors: Green #1B6B3A | Gold #C9A84C | White #FAFFF7
   ============================================================ */

:root {
  --green:       #1B6B3A;
  --green-light: #27A05A;
  --green-dark:  #0D3D20;
  --green-pale:  #EDF7F2;
  --gold:        #C9A84C;
  --gold-light:  #F0D080;
  --gold-pale:   #FDF8EC;
  --white:       #FFFFFF;
  --bg:          #F8FBF9;
  --text:        #152A1E;
  --muted:       #5A7A65;
  --border:      #D8EDE2;
  --shadow:      0 4px 24px rgba(27,107,58,0.10);
  --shadow-lg:   0 12px 48px rgba(27,107,58,0.16);
  --radius:      16px;
  --radius-sm:   10px;
  --nav-h:       72px;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior:smooth; }

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  overflow-x: hidden;
}

h1,h2,h3,h4 { font-family:'Syne',sans-serif; line-height:1.2; }

a { text-decoration:none; color:inherit; }

img { max-width:100%; display:block; }

.container { max-width:1140px; margin:0 auto; padding:0 24px; }

/* ── BUTTONS ── */
.btn-primary {
  display:inline-flex; align-items:center; gap:8px;
  background: linear-gradient(135deg, var(--green), var(--green-light));
  color:#fff; font-weight:700; font-size:15px;
  padding:14px 30px; border-radius:50px;
  box-shadow:0 6px 20px rgba(27,107,58,0.30);
  transition:transform .2s, box-shadow .2s;
  border:none; cursor:pointer;
}
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(27,107,58,0.40); }

.btn-gold {
  display:inline-flex; align-items:center; gap:8px;
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  color: var(--green-dark); font-weight:700; font-size:15px;
  padding:14px 30px; border-radius:50px;
  box-shadow:0 6px 20px rgba(201,168,76,0.35);
  transition:transform .2s, box-shadow .2s;
  border:none; cursor:pointer;
}
.btn-gold:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(201,168,76,0.45); }

.btn-outline {
  display:inline-flex; align-items:center; gap:8px;
  border:2px solid var(--green); color:var(--green);
  font-weight:700; font-size:15px;
  padding:12px 28px; border-radius:50px;
  transition:background .2s, color .2s;
  background:transparent; cursor:pointer;
}
.btn-outline:hover { background:var(--green); color:#fff; }

.btn-whatsapp {
  display:inline-flex; align-items:center; gap:8px;
  background:#25D366; color:#fff;
  font-weight:700; font-size:15px;
  padding:14px 30px; border-radius:50px;
  box-shadow:0 6px 20px rgba(37,211,102,0.30);
  transition:transform .2s, box-shadow .2s;
}
.btn-whatsapp:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(37,211,102,0.45); }

/* ── NAVBAR ── */
.navbar {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  height:var(--nav-h);
  background:rgba(255,255,255,0.95);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
  transition:box-shadow .3s;
}
.navbar.scrolled { box-shadow:var(--shadow); }

.nav-inner {
  max-width:1140px; margin:0 auto; padding:0 24px;
  height:100%; display:flex; align-items:center; justify-content:space-between;
}

.logo {
  font-family:'Syne',sans-serif; font-weight:800; font-size:26px;
  color:var(--green); letter-spacing:-1px;
}
.logo span { color:var(--gold); }

.nav-links {
  display:flex; align-items:center; gap:6px; list-style:none;
}
.nav-links a {
  font-weight:600; font-size:14px; color:var(--muted);
  padding:8px 14px; border-radius:8px;
  transition:color .2s, background .2s;
}
.nav-links a:hover, .nav-links a.active { color:var(--green); background:var(--green-pale); }

.nav-cta {
  background: linear-gradient(135deg, var(--green), var(--green-light)) !important;
  color:#fff !important; border-radius:50px !important;
  padding:9px 20px !important;
}
.nav-cta:hover { opacity:.9; background: linear-gradient(135deg,var(--green),var(--green-light)) !important; }

.hamburger { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:4px; }
.hamburger span { display:block; width:24px; height:2px; background:var(--green); border-radius:2px; transition:.3s; }

/* ── SECTION COMMONS ── */
.section { padding:96px 0; }

.section-head { text-align:center; margin-bottom:56px; }
.section-label {
  display:inline-block; font-size:12px; font-weight:700;
  letter-spacing:3px; text-transform:uppercase; color:var(--green);
  background:var(--green-pale); padding:6px 16px; border-radius:50px;
  margin-bottom:14px;
}
.section-head h2 { font-size:40px; color:var(--text); }
.section-head h2 span { color:var(--green); }
.section-head p { font-size:16px; color:var(--muted); margin-top:10px; max-width:540px; margin-left:auto; margin-right:auto; }

/* ── HERO ── */
.hero {
  min-height:100vh;
  padding: calc(var(--nav-h) + 60px) 24px 80px;
  display:flex; align-items:center;
  max-width:1140px; margin:0 auto;
  gap:60px; position:relative;
}

.hero-bg-shapes { position:fixed; inset:0; pointer-events:none; z-index:-1; overflow:hidden; }
.shape {
  position:absolute; border-radius:50%;
  filter:blur(80px); opacity:0.35;
}
.shape1 { width:500px;height:500px; background:radial-gradient(circle,#a8e0be,transparent); top:-100px;right:-100px; animation:drift 10s ease-in-out infinite; }
.shape2 { width:400px;height:400px; background:radial-gradient(circle,#f0d08040,transparent); bottom:-80px;left:-80px; animation:drift 14s ease-in-out infinite reverse; }
.shape3 { width:300px;height:300px; background:radial-gradient(circle,#c8f0d840,transparent); top:50%;left:40%; animation:drift 12s ease-in-out infinite 2s; }
@keyframes drift { 0%,100%{transform:translate(0,0)} 50%{transform:translate(30px,-30px)} }

.hero-content { flex:1; animation:fadeUp .8s ease both; }

.hero-badge {
  display:inline-flex; align-items:center; gap:8px;
  background:var(--green-pale); border:1.5px solid var(--border);
  color:var(--green); font-size:13px; font-weight:600;
  padding:8px 16px; border-radius:50px; margin-bottom:24px;
}
.dot { width:8px;height:8px;border-radius:50%; background:var(--green-light); animation:blink 1.5s infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }

.hero-content h1 {
  font-size:clamp(36px,5vw,60px);
  color:var(--text); margin-bottom:20px;
}
.hero-content h1 em { font-style:normal; color:var(--green); }

.hero-sub { font-size:16px; color:var(--muted); margin-bottom:32px; line-height:1.7; }

.hero-btns { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:28px; }

.hero-trust { display:flex; flex-wrap:wrap; gap:20px; }
.hero-trust span { font-size:13px; color:var(--muted); font-weight:600; }
.hero-trust i { color:var(--green); margin-right:4px; }

/* Hero Visual */
.hero-visual {
  flex:0 0 380px; position:relative; height:380px;
  animation:fadeUp .8s ease .3s both;
}
.hero-circle {
  width:260px; height:260px; border-radius:50%;
  background: linear-gradient(135deg, var(--green-dark), var(--green));
  display:flex; align-items:center; justify-content:center;
  position:absolute; top:50%;left:50%;transform:translate(-50%,-50%);
  box-shadow: 0 0 0 20px rgba(27,107,58,0.08), 0 0 0 40px rgba(27,107,58,0.04);
}
.hc-inner { text-align:center; color:#fff; }
.hc-logo { font-family:'Syne',sans-serif; font-size:28px; font-weight:800; display:block; }
.hc-logo b { color:var(--gold-light); }
.hc-tag { font-size:12px; opacity:.7; margin-top:4px; display:block; }

.floating-card {
  position:absolute;
  background:#fff; border-radius:12px; padding:10px 16px;
  display:flex; align-items:center; gap:8px;
  font-size:13px; font-weight:700; color:var(--text);
  box-shadow:var(--shadow-lg); border:1px solid var(--border);
  white-space:nowrap;
}
.floating-card i { font-size:18px; color:var(--green); }
.fc1 { top:20px; left:0; animation:float 4s ease-in-out infinite; }
.fc2 { bottom:40px; left:10px; animation:float 4s ease-in-out infinite 1.5s; }
.fc3 { top:60px; right:0; animation:float 4s ease-in-out infinite 3s; }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }

/* ── STATS BAR ── */
.stats-bar {
  background: linear-gradient(135deg, var(--green-dark), var(--green));
  padding:32px 0;
}
.stats-bar .container {
  display:flex; align-items:center; justify-content:center;
  flex-wrap:wrap; gap:0;
}
.stat-item { text-align:center; padding:12px 48px; }
.stat-item strong { display:block; font-family:'Syne',sans-serif; font-size:36px; font-weight:800; color:var(--gold-light); }
.stat-item span { font-size:13px; color:rgba(255,255,255,0.7); font-weight:600; margin-top:2px; display:block; }
.stat-divider { width:1px; height:48px; background:rgba(255,255,255,0.15); }

/* ── SERVICE CARDS ── */
.services-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(310px,1fr)); gap:24px;
}
.scard {
  background:#fff; border-radius:var(--radius); padding:32px 28px;
  border:1.5px solid var(--border); transition:transform .3s,box-shadow .3s,border-color .3s;
  position:relative; overflow:hidden;
}
.scard::after {
  content:''; position:absolute; bottom:0;left:0;right:0; height:3px;
  background:linear-gradient(90deg,var(--green),var(--gold));
  transform:scaleX(0); transform-origin:left; transition:.3s;
}
.scard:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:var(--green-light); }
.scard:hover::after { transform:scaleX(1); }

.scard-icon {
  width:56px;height:56px; border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-size:24px; margin-bottom:18px;
}
.scard-icon.green { background:var(--green-pale); color:var(--green); }
.scard-icon.gold  { background:var(--gold-pale);  color:#a07800; }
.scard-icon.blue  { background:#EBF4FF; color:#2563EB; }
.scard-icon.purple{ background:#F3EEFF; color:#7C3AED; }
.scard-icon.orange{ background:#FFF3E8; color:#C2570A; }
.scard-icon.teal  { background:#E8FAFA; color:#0D7A7A; }

.scard h3 { font-size:19px; margin-bottom:10px; }
.scard p  { font-size:14px; color:var(--muted); line-height:1.7; margin-bottom:16px; }

.scard-list { list-style:none; margin-bottom:20px; display:flex; flex-direction:column; gap:6px; }
.scard-list li { font-size:13px; color:var(--muted); display:flex; align-items:center; gap:8px; }
.scard-list i { color:var(--green); font-size:11px; }

.scard-link { font-size:13px; font-weight:700; color:var(--green); display:inline-flex; align-items:center; gap:6px; }
.scard-link:hover { gap:10px; }

/* ── WHY US ── */
.why-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:24px;
}
.why-card {
  background:#fff; border-radius:var(--radius); padding:28px 24px;
  border:1.5px solid var(--border); text-align:center;
  transition:transform .3s,box-shadow .3s;
}
.why-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.why-icon { font-size:32px; margin-bottom:14px; }
.why-card h4 { font-size:17px; margin-bottom:8px; }
.why-card p { font-size:13px; color:var(--muted); line-height:1.6; }

/* ── TESTIMONIALS ── */
.testimonials-section { background:var(--green-pale); }
.testi-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:24px;
}
.tcard {
  background:#fff; border-radius:var(--radius); padding:28px 24px;
  border:1.5px solid var(--border); position:relative;
}
.tcard-quote {
  font-size:40px; color:var(--green); opacity:.15;
  font-family:'Syne',sans-serif; line-height:1; margin-bottom:4px;
}
.tcard p { font-size:14.5px; color:var(--text); line-height:1.7; margin-bottom:18px; font-style:italic; }
.tcard-footer { display:flex; align-items:center; justify-content:space-between; }
.tcard-author strong { display:block; font-size:14px; }
.tcard-author span  { font-size:12px; color:var(--muted); }
.stars { color:var(--gold); font-size:13px; }

/* ── CTA BANNER ── */
.cta-banner {
  background: linear-gradient(135deg, var(--green-dark) 0%, var(--green) 100%);
  padding:80px 24px; text-align:center; position:relative; overflow:hidden;
}
.cta-banner::before {
  content:''; position:absolute; width:600px;height:600px; border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.15),transparent);
  top:-200px;right:-100px; pointer-events:none;
}
.cta-banner h2 { font-size:38px; color:#fff; margin-bottom:14px; }
.cta-banner h2 span { color:var(--gold-light); }
.cta-banner p { color:rgba(255,255,255,.7); font-size:16px; margin-bottom:32px; }
.cta-btns { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; }

/* ── FOOTER ── */
footer {
  background:var(--green-dark); color:rgba(255,255,255,.65);
  padding:64px 0 32px;
}
.footer-grid {
  display:grid; grid-template-columns:2fr 1fr 1fr 1.5fr; gap:40px;
  padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,.1);
}
.footer-brand .logo { color:#fff; margin-bottom:14px; display:block; font-size:28px; }
.footer-brand p { font-size:14px; line-height:1.7; max-width:260px; }
.footer-col h5 { font-family:'Syne',sans-serif; font-size:14px; color:#fff; margin-bottom:16px; letter-spacing:.5px; }
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:10px; }
.footer-col ul li a { font-size:14px; transition:color .2s; }
.footer-col ul li a:hover { color:var(--gold-light); }
.footer-contact li { display:flex; align-items:flex-start; gap:10px; font-size:14px; }
.footer-contact i { color:var(--gold); margin-top:2px; width:16px; }
.footer-bottom {
  padding-top:28px; display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:12px; font-size:13px;
}
.footer-bottom a { color:var(--gold-light); }
.sister-badge {
  background:rgba(201,168,76,.15); border:1px solid rgba(201,168,76,.3);
  color:var(--gold-light); font-size:12px; font-weight:600;
  padding:4px 12px; border-radius:50px;
}

/* ── PAGE HERO (inner pages) ── */
.page-hero {
  background: linear-gradient(135deg, var(--green-dark), var(--green));
  padding: calc(var(--nav-h) + 64px) 24px 72px;
  text-align:center;
}
.page-hero h1 { font-size:clamp(28px,4vw,48px); color:#fff; margin-bottom:12px; }
.page-hero h1 span { color:var(--gold-light); }
.page-hero p { color:rgba(255,255,255,.7); font-size:16px; max-width:520px; margin:0 auto; }
.breadcrumb { display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:20px; font-size:13px; color:rgba(255,255,255,.5); }
.breadcrumb a { color:var(--gold-light); }
.breadcrumb i { font-size:10px; }

/* ── SERVICES PAGE ── */
.service-block {
  display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;
  padding:72px 0; border-bottom:1px solid var(--border);
}
.service-block:last-child { border-bottom:none; }
.service-block.reverse { direction:rtl; }
.service-block.reverse > * { direction:ltr; }

.sb-visual {
  background: linear-gradient(135deg, var(--green-pale), #fff);
  border-radius:20px; padding:48px; text-align:center;
  border:1.5px solid var(--border);
}
.sb-visual .big-icon { font-size:80px; margin-bottom:16px; }
.sb-visual .sb-badge {
  display:inline-block; background:var(--green); color:#fff;
  font-size:12px; font-weight:700; padding:6px 16px; border-radius:50px;
  letter-spacing:.5px;
}

.sb-content h2 { font-size:32px; margin-bottom:16px; }
.sb-content h2 span { color:var(--green); }
.sb-content p { font-size:15px; color:var(--muted); line-height:1.8; margin-bottom:24px; }
.sb-features { list-style:none; display:flex; flex-direction:column; gap:10px; margin-bottom:28px; }
.sb-features li { display:flex; align-items:center; gap:10px; font-size:14px; color:var(--text); }
.sb-features i { width:22px; height:22px; background:var(--green-pale); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--green); font-size:10px; flex-shrink:0; }

/* ── ABOUT PAGE ── */
.about-story { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.about-img-box {
  background: linear-gradient(135deg, var(--green-pale), var(--gold-pale));
  border-radius:20px; padding:48px; text-align:center; border:1.5px solid var(--border);
}
.about-img-box .big-letter {
  font-family:'Syne',sans-serif; font-size:120px; font-weight:800;
  color:var(--green); opacity:.15; line-height:1;
}
.about-img-box .brand-big {
  font-family:'Syne',sans-serif; font-size:40px; font-weight:800;
  color:var(--green); margin-top:-40px; position:relative;
}
.about-img-box .brand-big span { color:var(--gold); }
.about-img-box p { font-size:13px; color:var(--muted); margin-top:8px; }

.about-text h2 { font-size:34px; margin-bottom:16px; }
.about-text h2 span { color:var(--green); }
.about-text p { font-size:15px; color:var(--muted); line-height:1.8; margin-bottom:16px; }

.mv-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:40px; }
.mv-card {
  background:#fff; border-radius:var(--radius); padding:28px 24px;
  border:1.5px solid var(--border);
}
.mv-card .mv-icon { font-size:28px; margin-bottom:12px; }
.mv-card h4 { font-size:16px; margin-bottom:8px; }
.mv-card p { font-size:13px; color:var(--muted); line-height:1.6; }

.diff-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; margin-top:40px; }
.diff-card {
  background:#fff; border-radius:var(--radius); padding:24px 20px;
  border:1.5px solid var(--border); display:flex; gap:16px; align-items:flex-start;
  transition:transform .3s,box-shadow .3s;
}
.diff-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.diff-num {
  width:40px;height:40px;border-radius:10px;background:var(--green-pale);
  color:var(--green);font-weight:800;font-family:'Syne',sans-serif;font-size:18px;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.diff-card h4 { font-size:15px; margin-bottom:4px; }
.diff-card p { font-size:13px; color:var(--muted); line-height:1.5; }

.sister-box {
  background: linear-gradient(135deg, var(--green-dark), var(--green));
  border-radius:20px; padding:48px; text-align:center;
  border:2px solid var(--gold); margin-top:0;
  position:relative; overflow:hidden;
}
.sister-box::before {
  content:''; position:absolute; width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.2),transparent);
  top:-100px;right:-80px;pointer-events:none;
}
.sister-box .sister-label { font-size:12px; font-weight:700; letter-spacing:2px; color:var(--gold-light); text-transform:uppercase; margin-bottom:12px; }
.sister-box h3 { font-size:32px; color:#fff; margin-bottom:12px; }
.sister-box h3 span { color:var(--gold-light); }
.sister-box p { color:rgba(255,255,255,.7); font-size:15px; margin-bottom:28px; max-width:480px; margin-left:auto; margin-right:auto; }

/* ── TEAM ── */
.team-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:24px; }
.team-card {
  background:#fff; border-radius:var(--radius); padding:32px 24px; text-align:center;
  border:1.5px solid var(--border); transition:transform .3s,box-shadow .3s;
}
.team-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.team-avatar {
  width:72px;height:72px;border-radius:50%;
  background:linear-gradient(135deg,var(--green),var(--green-light));
  display:flex;align-items:center;justify-content:center;
  font-family:'Syne',sans-serif;font-size:28px;font-weight:800;color:#fff;
  margin:0 auto 16px;
}
.team-card h4 { font-size:17px; margin-bottom:4px; }
.team-card span { font-size:13px; color:var(--muted); }

/* ── CONTACT PAGE ── */
.contact-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:48px; align-items:start; }

.contact-info-card {
  background:#fff; border-radius:var(--radius); padding:32px 28px;
  border:1.5px solid var(--border); margin-bottom:20px;
  display:flex; gap:16px; align-items:flex-start;
  transition:transform .2s,box-shadow .2s;
}
.contact-info-card:hover { transform:translateY(-3px); box-shadow:var(--shadow); }
.ci-icon {
  width:44px;height:44px;border-radius:12px;
  background:var(--green-pale);color:var(--green);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;flex-shrink:0;
}
.ci-text strong { display:block; font-size:14px; margin-bottom:3px; }
.ci-text a, .ci-text span { font-size:13px; color:var(--muted); }
.ci-text a:hover { color:var(--green); }
.ci-badge { font-size:11px; background:var(--green-pale); color:var(--green); padding:2px 8px; border-radius:50px; margin-left:6px; font-weight:700; }

.contact-form-box {
  background:#fff; border-radius:var(--radius); padding:36px 32px;
  border:1.5px solid var(--border); box-shadow:var(--shadow);
}
.contact-form-box h3 { font-size:22px; margin-bottom:6px; }
.contact-form-box > p { font-size:14px; color:var(--muted); margin-bottom:28px; }

.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-group { margin-bottom:18px; }
.form-group label { display:block; font-size:13px; font-weight:600; color:var(--text); margin-bottom:6px; }
.form-group input,
.form-group select,
.form-group textarea {
  width:100%; padding:12px 16px;
  border:1.5px solid var(--border); border-radius:10px;
  font-size:14px; font-family:inherit; color:var(--text);
  background:#fff; outline:none;
  transition:border-color .2s,box-shadow .2s;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color:var(--green); box-shadow:0 0 0 3px rgba(27,107,58,0.1);
}
.form-group textarea { resize:vertical; min-height:110px; }
.form-note { font-size:13px; color:var(--muted); margin-top:12px; text-align:center; }

/* FAQ */
.faq-list { max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }
.faq-item { background:#fff; border-radius:var(--radius-sm); border:1.5px solid var(--border); overflow:hidden; }
.faq-q {
  width:100%; display:flex; justify-content:space-between; align-items:center;
  padding:18px 22px; background:none; border:none; cursor:pointer;
  font-family:'Syne',sans-serif; font-size:15px; font-weight:700; color:var(--text);
  text-align:left; transition:background .2s;
}
.faq-q:hover { background:var(--green-pale); }
.faq-q i { color:var(--green); transition:transform .3s; flex-shrink:0; margin-left:12px; }
.faq-item.open .faq-q i { transform:rotate(180deg); }
.faq-a { display:none; padding:0 22px 18px; font-size:14px; color:var(--muted); line-height:1.7; }
.faq-item.open .faq-a { display:block; }

/* ── ANIMATIONS ── */
@keyframes fadeUp {
  from { opacity:0; transform:translateY(28px); }
  to   { opacity:1; transform:translateY(0); }
}
.fade-up { opacity:0; transform:translateY(28px); transition:opacity .6s, transform .6s; }
.fade-up.visible { opacity:1; transform:translateY(0); }

/* ── RESPONSIVE ── */
@media (max-width:900px) {
  .hero { flex-direction:column; text-align:center; }
  .hero-btns, .hero-trust { justify-content:center; }
  .hero-visual { flex:none; width:100%; max-width:360px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .service-block { grid-template-columns:1fr; gap:32px; }
  .service-block.reverse { direction:ltr; }
  .about-story { grid-template-columns:1fr; }
  .contact-grid { grid-template-columns:1fr; }
  .form-row { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .section { padding:64px 0; }
  .section-head h2 { font-size:28px; }
  .stat-item { padding:12px 24px; }
  .stat-divider { display:none; }
  .footer-grid { grid-template-columns:1fr; }
  .hamburger { display:flex; }
  .nav-links { display:none; position:absolute; top:var(--nav-h); left:0; right:0; background:#fff; flex-direction:column; padding:16px 24px 24px; gap:4px; border-bottom:1px solid var(--border); box-shadow:var(--shadow); }
  .nav-links.open { display:flex; }
  .mv-grid { grid-template-columns:1fr; }
}