/* Web Development reuses MayaWeb's existing service-page layout and components. */
.web-development-page .dev-text-link{color:var(--ft-text);font-weight:650;text-underline-offset:5px}
.web-development-page #dev-hero-enquiry{scroll-margin-top:130px}
.web-development-page .dev-system{margin:0;border:1px solid #d9c6e7;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 20px 55px #78409512;min-width:0}
.dev-system-bar{display:flex;justify-content:space-between;gap:18px;padding:18px 22px;background:#eee1f7;border-bottom:1px solid #d9c6e7;font-size:.65rem;letter-spacing:.1em}
.dev-system-bar>span{color:#9b63bb;letter-spacing:.2em}
.dev-system-body{padding:28px}
.dev-system-layer{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #dfc9eb;background:#f8f2fc;border-radius:14px}
.dev-layer-number{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#7835a1;color:#fff!important;font-size:.8rem;font-weight:700}
.web-development-page .dev-system-layer h3{font-size:1.1rem;margin:0 0 7px;line-height:1.4}
.web-development-page .dev-system-layer p{font-size:.86rem;margin:0;line-height:1.65}
.dev-connector{text-align:center;font-size:1.4rem;color:#8b36bd;line-height:1.7}
.dev-system figcaption{padding:16px 22px;background:#f8f2fc;border-top:1px solid #e7d8ef;font-size:.75rem;line-height:1.6}
.dev-integration-list{display:grid;gap:16px}
.dev-integration-list>div{display:flex;align-items:flex-start;gap:18px;border:1px solid var(--ft-line);border-radius:14px;background:var(--ft-card);padding:24px}
.dev-integration-list h3{font-size:1.12rem;line-height:1.4;margin:0 0 8px}
.dev-integration-list p{margin:0;font-size:.95rem}
.dev-brief-list{margin:0;padding:26px 26px 26px 50px;border:1px solid var(--ft-line);border-radius:20px;background:var(--ft-card)}
.dev-brief-list li{padding:8px 0;line-height:1.7}
.web-development-page #dev-pricing .mw-tier{padding:24px;border-width:1px}
.web-development-page .wd-platform-card p:last-of-type{margin-bottom:24px}
.web-development-page .wd-platform-card .button{margin-top:auto}
body[data-mw-theme] #dev-what .dev-layer-number{color:#fff!important}
.dev-start-brief{margin-top:60px;padding-top:48px;border-top:1px solid var(--ft-line)}
.web-development-page .dev-brief-title{font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1.35;margin:14px 0 22px}
body[data-mw-theme] #dev-industries{--ft-bg:#fff;--ft-card:#fff;--ft-soft:#f8f2fc;--ft-text:#71349b;--ft-muted:#71349b;--ft-accent:#71349b;--ft-cyan:#71349b;--ft-line:#dfcce9;--ft-shadow:#71349b08;background:#fff!important;color:#71349b!important;border-color:#dfcce9}
body[data-mw-theme] #dev-industries::before,body[data-mw-theme] #dev-industries::after{display:none!important}
body[data-mw-theme] #dev-industries :is(h2,h3,p,strong,span,svg,.eyebrow){color:#71349b!important}
body[data-mw-theme] #dev-industries .wd-hex{position:relative;background:#c9a4df}
body[data-mw-theme] #dev-industries .wd-hex::before{content:"";position:absolute;inset:1px;background:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);pointer-events:none}
body[data-mw-theme] #dev-industries .wd-hex>span,body[data-mw-theme] #dev-industries .wd-hex>strong{position:relative;z-index:1}
body[data-mw-theme] #dev-industries .wd-hex.wd-hex-accent,body[data-mw-theme] #dev-industries .wd-hex.wd-hex-accent::before{background:#8b36bd}
body[data-mw-theme] #dev-industries .wd-hex.wd-hex-accent :is(span,strong,svg){color:#fff!important}
body[data-mw-theme] #dev-industries a.button{background:#fff!important;color:#71349b!important;border-color:#71349b!important;box-shadow:none}
@media(hover:hover){body[data-mw-theme] #dev-industries a.button:hover{background:#f8f2fc!important}}
@media(max-width:640px){.dev-system-body{padding:16px}.dev-system-layer{padding:18px 14px;gap:12px}.dev-layer-number{width:34px;height:34px}.web-development-page .dev-system-layer h3{font-size:1rem}.dev-integration-list>div{padding:20px;gap:14px}.dev-system-bar{padding:16px}.dev-brief-list{padding:20px 20px 20px 42px}.web-development-page .si-actions{align-items:flex-start}}