/* =====================================================
   WEB DESIGN AGENCY PAGE — wda- prefix
   Orange/Amber theme
   ===================================================== */

.wda-hero {
  background: linear-gradient(135deg,#431407 0%,#9a3412 35%,#c2410c 65%,#ea580c 100%);
  padding: 130px 0 90px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.wda-orb {
  position: absolute; border-radius: 50%;
  pointer-events: none; filter: blur(90px);
}
.wda-orb.o1 { width:500px;height:500px;background:rgba(234,88,12,.3);top:-120px;right:-80px; }
.wda-orb.o2 { width:350px;height:350px;background:rgba(194,65,12,.2);bottom:-80px;left:-60px; }
.wda-orb.o3 { width:200px;height:200px;background:rgba(251,191,36,.15);top:40%;left:40%; }

.wda-hero-grid {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 60px; align-items: start;
}
.wda-breadcrumb {
  display: flex; align-items: center; gap: 6px;
  font-size: .82rem; color: rgba(255,255,255,.55);
  margin-bottom: 22px; flex-wrap: wrap;
}
.wda-breadcrumb a { color: rgba(255,255,255,.55); text-decoration: none; }
.wda-breadcrumb a:hover { color: #fff; }
.wda-breadcrumb svg { width:14px;height:14px;flex-shrink:0; }

.wda-hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18);
  border-radius: 50px; padding: 6px 16px;
  font-size: .8rem; font-weight: 700; letter-spacing: .06em;
  color: #fed7aa; margin-bottom: 22px;
}
.wda-hero-badge .dot {
  width:7px;height:7px;border-radius:50%;background:#fdba74;
  box-shadow:0 0 0 3px rgba(253,186,116,.3);
  animation:wdaPulse 2s infinite;
}
@keyframes wdaPulse {
  0%,100%{box-shadow:0 0 0 3px rgba(253,186,116,.3)}
  50%{box-shadow:0 0 0 6px rgba(253,186,116,.08)}
}
.wda-hero h1 {
  font-family: var(--font-head,'Bricolage Grotesque',sans-serif);
  font-size: clamp(32px,4.5vw,52px);
  font-weight: 800; line-height: 1.1; margin-bottom: 20px;
}
.wda-hero h1 .grad {
  background: linear-gradient(90deg,#fed7aa,#fde68a,#fff7ed);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.wda-hero h1 .accent-line { display:block;color:#fff; }

.wda-trust-row { display:flex;flex-wrap:wrap;gap:14px;margin-top:24px; }
.wda-trust { display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.85);font-size:13px;font-weight:500; }
.wda-trust svg { width:15px;height:15px;color:#fed7aa;flex-shrink:0; }

/* ── URGENCY CARD ── */
.wda-urgency-card { position:relative;display:block;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);padding:14px 18px;border-radius:16px;margin-bottom:28px;max-width:480px;overflow:hidden; }
.wda-urgency-card::before { content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(254,215,170,.15),transparent);animation:wdaUrgShimmer 5s ease-in-out infinite;pointer-events:none; }
@keyframes wdaUrgShimmer { 0%{left:-100%} 60%,100%{left:120%} }
.wda-urg-row { display:flex;align-items:center;gap:12px;margin-bottom:10px;position:relative;z-index:1;flex-wrap:wrap; }
.wda-urg-live { display:inline-flex;align-items:center;gap:6px;background:rgba(239,68,68,.18);border:1px solid rgba(239,68,68,.5);color:#fca5a5;padding:3px 10px;border-radius:100px;font-size:10.5px;font-weight:800;letter-spacing:2px; }
.wda-urg-pulse { width:7px;height:7px;background:#ef4444;border-radius:50%;box-shadow:0 0 10px #ef4444;animation:pulse 1.2s infinite;flex-shrink:0; }
.wda-urg-text { font-size:13.5px;color:rgba(255,255,255,.92);font-weight:500;line-height:1.3; }
.wda-urg-text strong { color:#fbbf24;font-weight:800; }
.wda-urg-bar { position:relative;width:100%;height:6px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden;margin-bottom:12px;z-index:1; }
.wda-urg-fill { position:absolute;left:0;top:0;height:100%;width:45%;background:linear-gradient(90deg,#fdba74,#fb923c 60%,#ea580c);border-radius:3px;animation:wdaUrgFill 1.6s cubic-bezier(.65,0,.35,1) .4s both;box-shadow:0 0 12px rgba(251,146,60,.5); }
@keyframes wdaUrgFill { from{width:0} to{width:45%} }
.wda-urg-meta { display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1;flex-wrap:wrap; }
.wda-urg-avatars { display:flex;align-items:center; }
.wda-urg-av { width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#c2410c,#fb923c);color:#fff;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.3);margin-left:-8px;flex-shrink:0; }
.wda-urg-meta-text { display:flex;align-items:center;gap:5px;font-size:12px;color:rgba(255,255,255,.65);font-weight:500; }
.wda-urg-meta-text svg { width:12px;height:12px;flex-shrink:0;color:#fdba74; }
.wda-urg-meta-text strong { color:#fff; }

/* ── CTA ROW ── */
.wda-cta-row { display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px; }
.wda-btn { display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:10px;font-size:.95rem;font-weight:700;text-decoration:none;transition:.2s; }
.wda-btn-wa { background:#25D366;color:#fff; }
.wda-btn-wa:hover { background:#1da851;color:#fff; }
.wda-btn-outline { background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.3);color:#fff; }
.wda-btn-outline:hover { background:rgba(255,255,255,.15);color:#fff; }

/* ── HERO FORM ── */
.wda-hero-form-wrap { position:relative; }
.wda-hero-form {
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15);
  backdrop-filter: blur(18px); border-radius: 20px; padding: 32px 28px;
}
.wda-hero-form h3 { color:#fff;font-size:1.2rem;font-weight:800;margin-bottom:6px; }
.wda-hero-form-submit {
  width:100%;padding:13px;background:linear-gradient(135deg,#ea580c,#c2410c);
  color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:800;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;
  transition:.2s;margin-top:4px;
}
.wda-hero-form-submit:hover { background:linear-gradient(135deg,#c2410c,#9a3412); }
.wda-hero-form-trust { font-size:.75rem;color:rgba(255,255,255,.5);text-align:center;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:5px; }
.wda-hero-form-success { display:none;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);color:#86efac;border-radius:8px;padding:12px;margin-top:12px;font-size:.88rem;text-align:center; }

/* ── MARQUEE ── */
.wda-marquee { padding: 20px 0; overflow: hidden; border-top: 1px solid rgba(0,0,0,.06); border-bottom: 1px solid rgba(0,0,0,.06); background: #fff7ed; }
.wda-marquee-label { font-size:.78rem;font-weight:700;letter-spacing:.08em;color:#c2410c;text-align:center;text-transform:uppercase;margin-bottom:12px; }
.wda-marquee-track { display:flex;gap:0;white-space:nowrap;animation:wdaMarquee 32s linear infinite; }
@keyframes wdaMarquee { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.wda-marquee-item { display:inline-flex;align-items:center;gap:10px;padding:0 28px;font-size:.88rem;font-weight:600;color:#9a3412; }
.wda-mi-dot { width:5px;height:5px;border-radius:50%;background:#fb923c;flex-shrink:0; }

/* ── STATS ── */
.wda-stats { background:linear-gradient(135deg,#431407 0%,#7c2d12 50%,#9a3412 100%);padding:70px 0;position:relative;overflow:hidden; }
.wda-stats-glow { position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(234,88,12,.15),transparent 70%);pointer-events:none; }
.wda-stats-head { text-align:center;margin-bottom:48px; }
.wda-stats-title { font-family:var(--font-head);font-size:clamp(22px,3vw,34px);font-weight:800;color:#fff;line-height:1.2; }
.wda-stats-title .hl-wda { background:linear-gradient(90deg,#fdba74,#fed7aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.wda-eyebrow { display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fdba74;background:rgba(253,186,116,.12);border:1px solid rgba(253,186,116,.25);padding:5px 14px;border-radius:100px;margin-bottom:14px; }
.wda-eyebrow-dark { color:#c2410c;background:rgba(194,65,12,.08);border-color:rgba(194,65,12,.2); }
.wda-stats-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:28px; }
.wda-stat { background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px 20px;text-align:center; }
.wda-stat-icon { width:44px;height:44px;background:rgba(234,88,12,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#fdba74; }
.wda-stat-icon svg { width:22px;height:22px; }
.wda-stat-num { font-size:2.2rem;font-weight:800;color:#fff;line-height:1;margin-bottom:6px; }
.wda-stat-lbl { font-size:.88rem;font-weight:700;color:#fed7aa;margin-bottom:4px; }
.wda-stat-sub { font-size:.75rem;color:rgba(255,255,255,.45); }

/* ── SECTIONS ── */
.wda-section { padding: 80px 0; }
.wda-section.alt { background: #fff7ed; }
.wda-section-head { text-align: center; margin-bottom: 52px; }
.wda-section-sub { color:var(--text-muted,#6b7280);font-size:.95rem;max-width:620px;margin:14px auto 0;line-height:1.6; }
.wda-section-head h2 { font-family:var(--font-head);font-size:clamp(22px,3.2vw,36px);font-weight:800;color:var(--text-dark,#111827);line-height:1.2;margin-bottom:6px; }
.hl-wda { color:#c2410c; }
.wda-hl { color:#c2410c; }

/* ── KEYWORD PARA ── */
.wda-body-para { font-size:1rem;color:var(--text,#374151);line-height:1.8;max-width:860px;margin:0 auto;text-align:center; }

/* ── FEATURED CARDS ── */
.wda-featured-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
.wda-featured { background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;padding:28px 24px;transition:.25s; }
.wda-featured:hover { border-color:#c2410c;box-shadow:0 8px 32px rgba(194,65,12,.1);transform:translateY(-2px); }
.wda-featured.hot { border-color:#c2410c;box-shadow:0 4px 24px rgba(194,65,12,.12);background:linear-gradient(135deg,#fff7ed 0%,#fff 100%); }
.wda-ft-tag { display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.1em;color:#9a3412;background:#fed7aa;padding:3px 10px;border-radius:100px;margin-bottom:14px; }
.wda-ft-icon { font-size:2rem;margin-bottom:12px; }
.wda-ft-title { font-size:1.05rem;font-weight:800;color:#111827;margin-bottom:8px;line-height:1.3; }
.wda-ft-desc { font-size:.875rem;color:#6b7280;line-height:1.65;margin-bottom:14px; }
.wda-ft-list { list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:7px; }
.wda-ft-li { display:flex;align-items:flex-start;gap:8px;font-size:.83rem;color:#374151; }
.wda-ft-li svg { width:14px;height:14px;color:#c2410c;flex-shrink:0;margin-top:2px; }
.wda-ft-cta { display:inline-flex;align-items:center;gap:5px;font-size:.85rem;font-weight:700;color:#c2410c;text-decoration:none; }
.wda-ft-cta:hover { color:#9a3412; }
.wda-ft-cta svg { width:14px;height:14px; }

/* ── SERVICE GRID ── */
.wda-svc-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px; }
.wda-svc { background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:22px 20px;transition:.2s; }
.wda-svc:hover { border-color:#c2410c;box-shadow:0 4px 20px rgba(194,65,12,.08); }
.wda-svc-ico { font-size:1.6rem;margin-bottom:10px; }
.wda-svc h3 { font-size:.95rem;font-weight:700;color:#111827;margin-bottom:6px; }
.wda-svc p { font-size:.82rem;color:#6b7280;line-height:1.6;margin:0; }

/* ── PROCESS ── */
.wda-process { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
.wda-step-card { background:#fff;border:1.5px solid #fee2e2;border-radius:16px;padding:28px 22px;text-align:center; }
.wda-step-num { font-size:.7rem;font-weight:800;letter-spacing:.12em;color:#c2410c;background:#fed7aa;padding:4px 12px;border-radius:100px;display:inline-block;margin-bottom:14px; }
.wda-step-card h4 { font-size:.98rem;font-weight:800;color:#111827;margin-bottom:8px; }
.wda-step-card p { font-size:.82rem;color:#6b7280;line-height:1.6;margin:0; }

/* ── WHY US ── */
.wda-why-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
.wda-why-card { background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:28px 22px; }
.wda-why-ico { font-size:1.8rem;margin-bottom:12px; }
.wda-why-card h3 { font-size:1rem;font-weight:800;color:#111827;margin-bottom:8px; }
.wda-why-card p { font-size:.84rem;color:#6b7280;line-height:1.65;margin:0; }

/* ── TESTIMONIALS ── */
.wda-testi-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
.wda-testi { background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:28px 24px; }
.wda-testi-stars { color:#f59e0b;font-size:1rem;margin-bottom:12px;letter-spacing:2px; }
.wda-testi-quote { font-size:.88rem;color:#374151;line-height:1.7;margin-bottom:18px;font-style:italic; }
.wda-testi-meta { display:flex;align-items:center;gap:12px; }
.wda-testi-avatar { width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#c2410c,#fb923c);color:#fff;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.wda-testi-name { font-size:.88rem;font-weight:700;color:#111827; }
.wda-testi-role { font-size:.75rem;color:#9ca3af; }

/* ── FAQ ── */
.wda-faq { max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px; }
.wda-faq .faq-item { background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;overflow:hidden; }
.wda-faq .faq-item summary { cursor:pointer;padding:18px 22px;font-size:.95rem;font-weight:700;color:#111827;list-style:none;display:flex;align-items:center;justify-content:space-between; }
.wda-faq .faq-item summary::-webkit-details-marker { display:none; }
.wda-faq .faq-item[open] summary { color:#c2410c; }
.wda-faq .faq-body { padding:0 22px 18px;font-size:.88rem;color:#6b7280;line-height:1.75; }

/* ── FINAL CTA ── */
.wda-cta-final { background:linear-gradient(135deg,#431407 0%,#9a3412 50%,#c2410c 100%);padding:72px 0;text-align:center;color:#fff; }
.wda-cta-final h2 { font-family:var(--font-head);font-size:clamp(24px,3.5vw,40px);font-weight:800;margin-bottom:16px; }
.wda-cta-final h2 .hl-wda { background:linear-gradient(90deg,#fdba74,#fed7aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.wda-cta-final p { font-size:1rem;color:rgba(255,255,255,.75);margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto; }

/* ── STICKY ── */
.wda-sticky { display:none;position:fixed;bottom:0;left:0;right:0;z-index:9000;background:linear-gradient(90deg,#431407,#c2410c);padding:12px 20px;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 -4px 24px rgba(0,0,0,.18); }
.wda-sticky.show { display:flex; }
.wda-sticky-text { color:#fff;font-size:.88rem;font-weight:700;line-height:1.3; }
.wda-sticky-text small { display:block;font-weight:400;font-size:.75rem;color:rgba(255,255,255,.65);margin-top:2px; }
.wda-sticky-btn { display:inline-flex;align-items:center;gap:7px;background:#25D366;color:#fff;padding:10px 20px;border-radius:8px;font-size:.88rem;font-weight:800;text-decoration:none;flex-shrink:0;white-space:nowrap; }
.wda-sticky-btn svg { width:16px;height:16px; }

/* ── REVEAL ── */
.reveal { opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease; }
.reveal.visible { opacity:1;transform:none; }
.reveal-delay-1 { transition-delay:.12s; }
.reveal-delay-2 { transition-delay:.24s; }
.reveal-delay-3 { transition-delay:.36s; }

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .wda-hero-grid,.wda-featured-grid,.wda-stats-grid,.wda-process { grid-template-columns:1fr 1fr; }
  .wda-svc-grid,.wda-why-grid,.wda-testi-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:600px){
  .wda-hero { padding:100px 0 60px; }
  .wda-hero-grid,.wda-featured-grid,.wda-stats-grid,.wda-process { grid-template-columns:1fr; }
  .wda-svc-grid,.wda-why-grid,.wda-testi-grid { grid-template-columns:1fr; }
  .wda-cta-row { flex-direction:column; }
}