/* website-design-services — extracted from blade inline styles */
:root {
  --wd-indigo: #0d9488; --wd-indigo-dark: #115e59;
  --wd-text: #1e293b; --wd-gray: #64748b; --wd-light: #f8fafc;
  --wd-border: #e2e8f0;
}
.wds-page { background: #fff; }
/* Hero */
.wds-hero { background: linear-gradient(135deg,#042f2e 0%,#134e4a 55%,#0f766e 100%); padding: 72px 0 60px; color:#fff; text-align:center; }
.wds-hero-label { display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:5px 18px;font-size: 14px;font-weight:600;color:#99f6e4;margin-bottom:20px; }
.wds-hero h1 { font-size:clamp(1.8rem,4vw,3rem);font-weight:900;margin:0 0 16px;line-height:1.15; }
.wds-hero h1 span { color:#5eead4; }
.wds-hero p { font-size:1.1rem;color:#99f6e4;max-width:600px;margin:0 auto 32px;line-height:1.7; }
.wds-hero-badges { display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:36px; }
.wds-hero-badge { background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:6px 16px;font-size: 14px;font-weight:600;color:#ccfbf1;display:flex;align-items:center;gap:6px; }
.wds-hero-badge i { color:#34d399; }
.wds-hero-btns { display:flex;flex-wrap:wrap;gap:14px;justify-content:center; }
.wds-btn-primary { background:#fff;color:#0d9488;padding:13px 28px;border-radius:30px;font-weight:800;font-size:15px;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px; }
.wds-btn-primary:hover { background:#ccfbf1;color:#115e59; }
.wds-btn-outline { border:2px solid rgba(255,255,255,.4);color:#fff;padding:13px 28px;border-radius:30px;font-weight:700;font-size:15px;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px; }
.wds-btn-outline:hover { background:rgba(255,255,255,.1); }
.wds-hero-stats { display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:48px; }
.wds-stat { text-align:center; }
.wds-stat-num { font-size:2.2rem;font-weight:900;color:#fff; }
.wds-stat-num span { color:#5eead4; }
.wds-stat-label { font-size: 14px;color:#5eead4;margin-top:4px; }

/* Sections */
.wds-section { padding:72px 0; }
.wds-section-alt { background:#f8fafc; }
.wds-section-dark { background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff; }
.container { max-width:1160px;margin:0 auto;padding:0 20px; }
.wds-label { display:inline-block;background:#f0fdfa;color:#0d9488;font-size: 14px;font-weight:700;padding:4px 14px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px; }
.wds-label-dark { background:rgba(20,184,166,.2);color:#5eead4; }
.wds-section-title { font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;color:var(--wd-text);margin:0 0 14px;line-height:1.2; }
.wds-section-title-white { color:#fff; }
.wds-section-sub { font-size:1rem;color:var(--wd-gray);max-width:620px;margin:0 auto 48px;line-height:1.7; }
.wds-section-sub-white { color:#94a3b8; }
.text-center { text-align:center; }

/* Why Custom grid */
.wds-why-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px; }
.wds-why-card { background:#fff;border:1.5px solid var(--wd-border);border-radius:16px;padding:28px;transition:all .2s; }
.wds-why-card:hover { border-color:#5eead4;box-shadow:0 8px 32px rgba(20,184,166,.1);transform:translateY(-3px); }
.wds-why-icon { font-size:1.8rem;margin-bottom:14px; }
.wds-why-title { font-size:1rem;font-weight:800;color:var(--wd-text);margin-bottom:8px; }
.wds-why-desc { font-size: 14px;color:var(--wd-gray);line-height:1.7; }

/* Pricing card */
.wds-price-card { background:linear-gradient(135deg,#f0fdfa,#f0fdfa);border:2px solid #99f6e4;border-radius:20px;padding:40px;max-width:680px;margin:0 auto; }
.wds-price-main { font-size:3rem;font-weight:900;color:#0d9488;line-height:1; }
.wds-price-main sup { font-size:1.4rem;vertical-align:super; }
.wds-price-alt { font-size:1rem;color:#94a3b8;margin:6px 0 20px; }
.wds-price-type { display:inline-block;background:#0f766e;color:#fff;font-size: 14px;font-weight:700;padding:4px 14px;border-radius:20px;letter-spacing:.05em;margin-bottom:24px; } /* teal-700: #0d9488 with white text was 3.74:1, fails WCAG AA (needs 4.5:1) */
.wds-features-2col { display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin-bottom:28px; }
.wds-feat-item { display:flex;align-items:flex-start;gap:8px;font-size: 14px;color:var(--wd-text); }
.wds-feat-item i { color:#10b981;margin-top:2px;flex-shrink:0; }

/* Process */
.wds-process-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px; }
.wds-process-card { background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px; }
.wds-process-num { font-size:2rem;font-weight:900;color:#14b8a6;margin-bottom:12px; }
.wds-process-title { font-size:1rem;font-weight:700;color:#fff;margin-bottom:8px; }
.wds-process-desc { font-size: 14px;color:#94a3b8;line-height:1.7; }

/* Compare table */
.wds-compare-wrap { overflow-x:auto; }
.wds-compare-table { width:100%;border-collapse:collapse;font-size: 14px; }
.wds-compare-table th { background:#1e293b;color:#fff;padding:14px 16px;text-align:center;font-weight:700; }
.wds-compare-table th:first-child { text-align:left; }
.wds-compare-table td { padding:12px 16px;border-bottom:1px solid var(--wd-border);text-align:center;color:var(--wd-gray); }
.wds-compare-table td:first-child { text-align:left;font-weight:600;color:var(--wd-text); }
.wds-compare-table tr:nth-child(even) td { background:#f9fafb; }
.check { color:#10b981;font-weight:900;font-size:16px; }
.cross { color:#cbd5e1;font-size:16px; }
.highlight-col td:nth-child(3) { background:#f0fdfa;font-weight:600;color:#0d9488; }

/* FAQ */
.wds-faq { max-width:760px;margin:0 auto; }
.wds-faq-item { border-bottom:1px solid var(--wd-border);padding:0; }
.wds-faq-q { width:100%;background:none;border:none;padding:18px 0;text-align:left;font-size:15px;font-weight:600;color:var(--wd-text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px; }
.wds-faq-q i { color:#14b8a6;flex-shrink:0;transition:transform .2s; }
.wds-faq-q.open i { transform:rotate(45deg); }
.wds-faq-a { display:none;padding:0 0 18px;font-size:14px;color:var(--wd-gray);line-height:1.8; }
.wds-faq-a.open { display:block; }

/* CTA */
.wds-cta { background:linear-gradient(135deg,#0d9488,#0f766e);padding:72px 0;text-align:center;color:#fff; }
.wds-cta h2 { font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;margin:0 0 16px; }
.wds-cta p { font-size:1.05rem;color:rgba(255,255,255,.8);max-width:540px;margin:0 auto 32px; }

/* Trust bar */
.wds-trust-bar { background:#fff;border-top:1px solid var(--wd-border);border-bottom:1px solid var(--wd-border);padding:20px 0; }
.wds-trust-inner { display:flex;flex-wrap:wrap;justify-content:center;gap:32px; }
.wds-trust-item { display:flex;align-items:center;gap:8px;font-size: 14px;font-weight:600;color:var(--wd-text); }
.wds-trust-item i { color:#10b981;font-size:15px; }

/* Tech tags */
.wds-tech-tags { display:flex;flex-wrap:wrap;gap:10px;margin-top:20px; }
.wds-tech-tag { background:#f0fdfa;color:#0d9488;padding:6px 16px;border-radius:20px;font-size: 14px;font-weight:600; }

@media(max-width:768px){
  .wds-features-2col{grid-template-columns:1fr;}
  .wds-hero-stats{gap:24px;}
  .wds-price-card{padding:28px 20px;}
}