.wd-hero{padding:64px 0;background:linear-gradient(180deg,#f7fafc 0%,#ffffff 100%);}

/* Typography tweaks */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Inter:wght@300;400;600&display=swap');
body{font-family:'Inter', 'Open Sans', sans-serif}
.wd-hero h1{font-family:'Poppins', 'Open Sans', sans-serif}

/* Typography tweaks */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Inter:wght@300;400;600&display=swap');
body{font-family:'Inter', 'Open Sans', sans-serif}
.wd-hero h1{font-family:'Poppins', 'Open Sans', sans-serif}
.wd-hero-grid{display:flex;gap:32px;align-items:stretch;flex-wrap:wrap}
.wd-hero-left{flex:1 1 520px;max-width:720px}
.wd-hero-right{flex:0 0 360px}
.wd-hero h1{font-size:38px;margin:0 0 12px;font-weight:800;color:#0f1724;letter-spacing:-0.2px}
.wd-hero .lead{color:#4b5563;font-size:16px;margin-bottom:18px}
.wd-features{list-style:none;padding:0;margin:18px 0 24px}
.wd-features li{display:flex;align-items:center;padding:8px 0;font-weight:600;color:#334155}
.wd-features li i{width:40px;height:40px;line-height:40px;border-radius:10px;background:#eef6ff;color:#0366d6;text-align:center;margin-right:14px;box-shadow:0 6px 18px rgba(3,102,214,0.06)}
.wd-cta{display:flex;gap:12px;align-items:center}
.wd-btn{display:inline-block;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none}
.wd-btn-primary{background:linear-gradient(90deg,#e66030,#f36b3b);color:#fff;border:0;box-shadow:0 8px 30px rgba(230,96,48,0.12);transition:transform .18s ease,box-shadow .18s ease}
.wd-btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(230,96,48,0.18)}
.wd-btn-primary.full{display:block;width:100%;text-align:center}
.wd-btn-ghost{background:transparent;border:2px solid rgba(230,96,48,0.12);color:#e66030}
.wd-offer-card{background:#fff;padding:22px;border-radius:12px;box-shadow:0 10px 30px rgba(2,6,23,0.06);border:1px solid rgba(15,23,42,0.04)}
.wd-offer-card .full{margin-top:12px}
.wd-offer-card h4{margin:0 0 6px;font-size:18px;color:#0f1724}
.wd-offer-card .small{color:#6b7280;font-size:14px}
.wd-offer-list{list-style:none;padding:0;margin:12px 0 16px}
.wd-offer-list li{padding:8px 0;border-bottom:1px dashed #eef2f7;color:#374151}

/* Pricing cards (unified across service pages) */
.wd-pricing-grid{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;align-items:stretch}
.wd-pricing{position:relative;flex:1 1 280px;display:flex;flex-direction:column;justify-content:flex-start;background:#ffffff;padding:28px 26px 30px;border-radius:16px;box-shadow:0 6px 22px -4px rgba(15,23,42,0.08),0 2px 4px rgba(15,23,42,0.06);border:1px solid rgba(15,23,42,0.06);text-align:center;transition:box-shadow .28s ease,transform .28s ease,border-color .28s ease}
.wd-pricing:focus-within,.wd-pricing:focus{outline:2px solid #2563eb;outline-offset:2px}
.wd-pricing:hover{transform:translateY(-8px);box-shadow:0 16px 44px -6px rgba(15,23,42,0.18),0 4px 10px rgba(15,23,42,0.08);border-color:rgba(15,23,42,0.12)}
.wd-pricing h4{margin:0 0 4px;font-size:18px;font-weight:700;color:#0f1724;letter-spacing:.3px}
.wd-pricing p.price{font-size:30px;font-weight:800;margin:10px 0 4px;line-height:1;color:#0f1724;letter-spacing:-0.5px}
.wd-pricing p.price small{font-size:13px;font-weight:500;color:#64748b;letter-spacing:0}
.wd-pricing p{color:#64748b;font-size:14px;line-height:1.45;margin:0 0 6px}
.wd-pricing ul{list-style:none;padding:0;margin:14px 0 20px}
.wd-pricing ul li{padding:7px 0;color:#475569;font-size:13.5px;display:flex;align-items:flex-start;gap:8px;line-height:1.35}
.wd-pricing ul li:before{content:'\2713';color:#0d9488;font-weight:600;font-size:14px;line-height:1;margin-top:1px}
.wd-pricing a.btn,.wd-pricing .wd-btn{margin-top:auto;font-weight:600;letter-spacing:.3px}
.wd-pricing.featured{background:linear-gradient(145deg,#0f172a,#1e3a8a);color:#fff;box-shadow:0 20px 48px -8px rgba(30,58,138,0.55),0 10px 18px -4px rgba(30,58,138,0.25);border:1px solid rgba(255,255,255,0.12)}
.wd-pricing.featured h4,.wd-pricing.featured p.price,.wd-pricing.featured p,.wd-pricing.featured ul li{color:#f1f5f9}
.wd-pricing.featured ul li:before{color:#38bdf8}
.wd-pricing.featured a.btn,.wd-pricing.featured .wd-btn{background:linear-gradient(90deg,#2563eb,#1d4ed8)!important;border:0!important;box-shadow:0 10px 26px -4px rgba(37,99,235,0.55)}
.wd-pricing.featured a.btn:hover,.wd-pricing.featured .wd-btn:hover{box-shadow:0 18px 40px -6px rgba(37,99,235,0.6)}

/* Ribbon for best value */
.wd-pricing .wd-ribbon{position:absolute;top:12px;right:-46px;background:#0d9488;color:#fff;font-size:11px;font-weight:600;padding:6px 54px;transform:rotate(45deg);box-shadow:0 4px 12px rgba(13,148,136,0.4)}
.wd-pricing.featured .wd-ribbon{background:#2563eb}

/* Responsive adjustments */
@media (max-width:1100px){
    .wd-pricing-grid{gap:20px}
    .wd-pricing{flex:1 1 calc(50% - 20px)}
}
@media (max-width:680px){
    .wd-pricing-grid{flex-direction:column}
    .wd-pricing{flex:1 1 100%;transform:none !important}
    .wd-pricing:hover{transform:none}
}

@media (max-width:900px){
    .wd-hero-grid{flex-direction:column}
    .wd-hero-right{flex:1}
}

/* Force white text for hero capability tag lists on dark gradients */
.it-hero ul {color:#ffffff !important;}
.it-hero ul li {color:#ffffff !important;}

/* Override Bootstrap's success (green) buttons to use brand orange on this page */
.btn-success,
.btn-success:visited {
    background: linear-gradient(90deg,#e66030,#f36b3b) !important;
    border-color: #e66030 !important;
    color: #fff !important;
    box-shadow: 0 8px 30px rgba(230,96,48,0.12) !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
    background: linear-gradient(90deg,#f36b3b,#e66030) !important;
    border-color: #f36b3b !important;
    box-shadow: 0 18px 40px rgba(230,96,48,0.18) !important;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success {
    background: linear-gradient(90deg,#f0a07a,#f0a07a) !important;
    border-color: #f0a07a !important;
    color: #fff !important;
    opacity: 0.9;
}

/* Page-level primary button override (moved from inline <style>) */
.btn-primary, .btn-primary:visited, .wd-btn-primary {
    background: linear-gradient(90deg, #3498db, #2980b9) !important;
    border-color: #3498db !important;
    color: #fff !important;
    box-shadow: 0 8px 30px rgba(52, 152, 219, 0.12) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open > .dropdown-toggle.btn-primary,
.wd-btn-primary:hover, .wd-btn-primary:focus, .wd-btn-primary:active {
    background: linear-gradient(90deg, #2980b9, #3498db) !important;
    border-color: #2980b9 !important;
    box-shadow: 0 18px 40px rgba(52, 152, 219, 0.18) !important;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary {
    background: linear-gradient(90deg,#a9cce3,#a9cce3) !important;
    border-color: #a9cce3 !important;
    color: #fff !important;
    opacity: 0.9 !important;
}

/* Generic sections and typography utilities */
.section{padding:60px 0}
.section--light{background:#f8fafc}
.section--white{background:#fff}
.section--dark-grad{background:linear-gradient(135deg, #0a2540, #153c63)}
.section__head{text-align:center;margin-bottom:50px}
.section__head h2{font-weight:700;color:#0a2540;margin:0}
.section__head p{color:#64748b;max-width:700px;margin:15px auto}
.section__intro{text-align:center;max-width:820px;margin:0 auto 24px}
.section__intro h3{font-weight:700}
.section__intro .muted{margin-top:6px}
.text-center{text-align:center}
.muted{color:#64748b}
.text-slate-500{color:#6b7280}
.text-slate-300{color:#cbd5e1}
.mb-20{margin-bottom:20px}
.mb-25{margin-bottom:25px}
.mb-30{margin-bottom:30px}
.list-tight{list-style:none;padding:0;margin:0}
.list-inset{margin:0;padding-left:18px}
.hp-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

/* Service cards grid */
.wd-services .wd-card{background:#fff;padding:35px 25px;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.06);height:100%;border-top:4px solid transparent}
.wd-card__icon-wrap{ text-align:center; margin-bottom:25px; }
.wd-card__icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;font-size:24px}
.wd-card h4{ text-align:center; margin-bottom:15px; color:#0a2540 }
.wd-card p{ color:#64748b; text-align:center; margin-bottom:20px }
.wd-card .wd-checklist{list-style:none;padding:0;color:#64748b}
.wd-card .wd-checklist li{margin-bottom:8px;display:flex;align-items:flex-start}
.wd-card .wd-checklist i{margin-right:8px}
/* Service variants */
.wd-card--front{ border-top-color:#3b82f6 }
.wd-card--front .wd-card__icon{ background:linear-gradient(135deg,#3b82f6,#1d4ed8) }
.wd-card--front .wd-checklist i{ color:#3b82f6 }

.wd-card--back{ border-top-color:#10b981 }
.wd-card--back .wd-card__icon{ background:linear-gradient(135deg,#10b981,#059669) }
.wd-card--back .wd-checklist i{ color:#10b981 }

.wd-card--ecom{ border-top-color:#f59e0b }
.wd-card--ecom .wd-card__icon{ background:linear-gradient(135deg,#f59e0b,#d97706) }
.wd-card--ecom .wd-checklist i{ color:#f59e0b }

.wd-card--cms{ border-top-color:#8b5cf6 }
.wd-card--cms .wd-card__icon{ background:linear-gradient(135deg,#8b5cf6,#7c3aed) }
.wd-card--cms .wd-checklist i{ color:#8b5cf6 }

.wd-card--mobile{ border-top-color:#ef4444 }
.wd-card--mobile .wd-card__icon{ background:linear-gradient(135deg,#ef4444,#dc2626) }
.wd-card--mobile .wd-checklist i{ color:#ef4444 }

.wd-card--app{ border-top-color:#06b6d4 }
.wd-card--app .wd-card__icon{ background:linear-gradient(135deg,#06b6d4,#0891b2) }
.wd-card--app .wd-checklist i{ color:#06b6d4 }

/* Success stories */
.wd-stories .wd-story{background:#f8fafc;padding:30px;border-radius:12px;height:100%;border-left:4px solid transparent}
.wd-story h3{font-size:36px;font-weight:700;margin:0 0 5px}
.wd-story p.lead{font-weight:600}
.wd-story .wd-tech{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}
.wd-story.mod--blue{border-left-color:#3b82f6}
.wd-story.mod--blue h3{color:#3b82f6}
.wd-story.mod--green{border-left-color:#10b981}
.wd-story.mod--green h3{color:#10b981}
.wd-story.mod--amber{border-left-color:#f59e0b}
.wd-story.mod--amber h3{color:#f59e0b}
.wd-story h4{color:#0a2540;margin-bottom:15px}
.wd-story p{color:#64748b;line-height:1.6}
.wd-story .wd-tech p{color:#64748b;font-size:14px;margin:0}

/* Process & methodology */
.wd-process .section__head h2{color:#fff}
.wd-process .section__head p{color:#94a3b8}
.wd-step{ text-align:center; padding:30px 20px }
.wd-step__badge{ width:80px; height:80px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; color:#fff; font-size:24px; font-weight:700 }
.wd-step h4{ color:#fff; margin-bottom:15px }
.wd-step p{ color:#94a3b8; line-height:1.6 }
.wd-step__badge.mod--blue{ background:linear-gradient(135deg,#3b82f6,#1d4ed8) }
.wd-step__badge.mod--green{ background:linear-gradient(135deg,#10b981,#059669) }
.wd-step__badge.mod--amber{ background:linear-gradient(135deg,#f59e0b,#d97706) }
.wd-step__badge.mod--purple{ background:linear-gradient(135deg,#8b5cf6,#7c3aed) }

/* Tools & platform cards */
.wd-tools-row{ display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch }
.wd-tool{ padding:25px 20px; background:#fff; border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,0.08); text-align:center; transition:transform .3s ease; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:120px }
.wd-tool__icon{ width:50px; height:50px; border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:15px; color:#fff }
.wd-tool__icon i{ font-size:24px }
.wd-tool h5{ margin:0; font-size:16px; font-weight:600; color:#0a2540 }
.wd-tool p{ margin:5px 0 0; font-size:12px; color:#64748b }
/* Tool variants */
.wd-tool--laravel .wd-tool__icon{ background:linear-gradient(135deg,#ff2d20,#e53e3e) }
.wd-tool--react .wd-tool__icon{ background:linear-gradient(135deg,#61dafb,#21b4d8) }
.wd-tool--vue .wd-tool__icon{ background:linear-gradient(135deg,#4fc08d,#42b883) }
.wd-tool--node .wd-tool__icon{ background:linear-gradient(135deg,#68a063,#3c873a) }
.wd-tool--mysql .wd-tool__icon{ background:linear-gradient(135deg,#4479a1,#00618a) }
.wd-tool--mongo .wd-tool__icon{ background:linear-gradient(135deg,#47a248,#4caf50) }
.wd-tool--aws .wd-tool__icon{ background:linear-gradient(135deg,#ff9900,#ff6600) }
.wd-tool--docker .wd-tool__icon{ background:linear-gradient(135deg,#0db7ed,#2496ed) }
.wd-tool--git .wd-tool__icon{ background:linear-gradient(135deg,#f05032,#bd2c00) }
.wd-tool--redis .wd-tool__icon{ background:linear-gradient(135deg,#dc382d,#a41e22) }
.wd-tool--stripe .wd-tool__icon{ background:linear-gradient(135deg,#635bff,#5469d4) }
.wd-tool--bootstrap .wd-tool__icon{ background:linear-gradient(135deg,#7952b3,#6f42c1) }
/* Add spacing between stacked tool rows */
.wd-tools-row + .wd-tools-row{ margin-top:20px }

/* FAQ */
.wd-faq .wd-faq-card{background:#f8fafc;padding:25px;border-radius:8px;border-left:4px solid transparent}
.wd-faq .wd-faq-card h4{color:#0a2540;margin-bottom:15px}
.wd-faq .wd-faq-card p{color:#64748b;line-height:1.6;margin:0}
.wd-faq .mod--blue{border-left-color:#3b82f6}
.wd-faq .mod--green{border-left-color:#10b981}
.wd-faq .mod--amber{border-left-color:#f59e0b}
.wd-faq .mod--red{border-left-color:#ef4444}
.wd-faq .mod--purple{border-left-color:#8b5cf6}