.web-development-page{color:var(--ink-light);background:#fcfdff}.web-development-page a:not(.ds-action):focus-visible,.web-development-page summary:focus-visible{outline:2px solid var(--focus-colour);outline-offset:5px}.web-development-page .wd-hero{background:radial-gradient(at 12% 20%,#efe7ff9c,#0000 52%),radial-gradient(at 90% 80%,#e0f2ffb3,#0000 60%),#fbfbfe}.wd-hero-grid{align-items:center;gap:var(--layout-grid-gap);grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);display:grid}.wd-breadcrumbs{margin-bottom:var(--space-8);color:var(--muted-light);font-size:var(--type-metadata);line-height:var(--leading-label);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wd-breadcrumbs a:hover{color:var(--accent-light)}.wd-hero-copy h1{margin-bottom:var(--space-6)}.web-development-page .ds-heading em{color:#6554dc}.wd-hero-copy h1 em{background:var(--brand-heading-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-right:.06em}.web-development-page .ds-copy{color:var(--copy-light)}.wd-hero-copy>.ds-copy{max-width:650px;margin:0}.wd-actions{align-items:center;gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.wd-hero-note{margin:var(--space-6) 0 0;color:var(--muted-light);font-size:var(--type-metadata);line-height:var(--leading-body)}.wd-hero-art{text-align:center;min-width:0;position:relative}.wd-hero-art:before{content:"";background:radial-gradient(#d4c9ff66,#0000 68%);border-radius:50%;position:absolute;inset:5% 0}.wd-hero-art img{width:100%;height:auto;position:relative}.wd-art-caption{color:var(--muted-light);font-size:var(--type-metadata);line-height:var(--leading-label);display:block}.wd-section-intro{max-width:880px;margin-bottom:var(--layout-heading-gap)}.wd-section-intro>.ds-copy,.wd-split>div>.ds-copy{margin:var(--space-6) 0 0;max-width:700px}.wd-section-intro a{color:var(--accent-light);text-underline-offset:4px;text-decoration:underline}.wd-services-grid{gap:var(--layout-grid-gap);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.wd-service-card{padding:var(--space-8);background:linear-gradient(140deg,#fff,#f6f5ff 70%,#f0f7ff);border:1px solid #e4e5f6;grid-column:span 2}.wd-service-card:nth-last-child(-n+2){grid-column:span 3}.wd-card-top{margin-bottom:var(--space-8);color:var(--muted-light);font-size:var(--type-metadata);justify-content:space-between;align-items:center;display:flex}.wd-icon{color:#7350ed;background:#eae5ff;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.wd-service-card .ds-copy{margin:var(--space-4) 0 0}.wd-benefits-section,.wd-faq-section{background:radial-gradient(at 0 80%,#e9f4ff70,#0000 58%),#f6f5fc}.wd-split{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.wd-benefits{margin:0;padding:0;list-style:none}.wd-benefits li{align-items:flex-start;gap:var(--space-4);padding-block:var(--space-6);border-top:1px solid #ddddec;display:flex}.wd-benefits li:first-child{border:0;padding-top:0}.wd-benefits li:last-child{padding-bottom:0}.wd-check{height:30px;color:var(--accent-light);background:#e7e2fb;border-radius:50%;flex:0 0 30px;place-items:center;display:grid}.wd-benefits .ds-copy{margin:var(--space-3) 0 0}.wd-project-grid{gap:var(--layout-grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.wd-project-card{color:inherit;background:#fff;border:1px solid #e4e5f6;text-decoration:none;overflow:hidden}.wd-project-image{aspect-ratio:1.6;background:linear-gradient(135deg,#e9edff,#e6f4ff);position:relative;overflow:hidden}.wd-project-image img{object-fit:contain;transition:transform .55s var(--motion-ease)}.wd-project-card:hover .wd-project-image img{transform:scale(1.025)}.wd-project-copy{padding:var(--space-6)}.wd-project-category{margin:0 0 var(--space-3);color:var(--accent-light);font-size:var(--type-metadata);line-height:var(--leading-label)}.wd-project-copy>.ds-copy{margin:var(--space-4) 0 var(--space-6)}.wd-project-link{gap:var(--space-3);color:var(--accent-light);font-size:var(--type-label);align-items:center;display:inline-flex}.wd-section-action{margin-top:var(--space-8)}.wd-process-section{background:linear-gradient(120deg,#f5f2ff,#f1f8ff)}.wd-process{gap:var(--layout-grid-gap);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.wd-process li{min-width:0;padding-top:var(--space-6);border-top:1px solid #cfc9eb}.wd-step-number{margin-bottom:var(--space-6);color:#7545c0;font-size:var(--type-card);display:block}.wd-process .ds-copy{margin:var(--space-3) 0 0}.wd-technology-layout{align-items:center}.wd-technologies{gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.wd-technologies li{padding:var(--space-4) var(--space-6);border-radius:var(--radius-pill);color:#514477;font-size:var(--type-body);background:#f6f4ff;border:1px solid #ded9f4}.wd-faqs details{border-bottom:1px solid #dedbea}.wd-faqs details:first-child{border-top:1px solid #dedbea}.wd-faqs summary{justify-content:space-between;align-items:center;gap:var(--space-5);padding-block:var(--space-6);cursor:pointer;font-size:var(--type-label);font-weight:500;line-height:var(--leading-body);list-style:none;display:flex}.wd-faqs summary::-webkit-details-marker{display:none}.wd-faqs summary svg{color:var(--accent-light);flex:0 0 20px}.wd-faqs details[open] summary svg{rotate:45deg}.wd-faqs details>.ds-copy{padding:0 35px var(--space-6) 0;margin:0}.web-development-page .wd-closing{padding:var(--space-16) var(--space-8);color:#f4f3f8;text-align:center;background:radial-gradient(at 50% 32%,#050b1926,#050b1900 70%),url(/images/studio/cta-ribbon.webp) 50%/100% 100% no-repeat,#050b19;border-radius:28px}.wd-closing .ds-heading em{color:#b6a0ff}.wd-closing>.ds-copy{margin:var(--space-6) 0 0;color:#d5d9e4}.wd-closing .wd-actions{justify-content:center}@media (max-width:1000px){.wd-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-project-card:last-child{grid-column:1/-1;max-width:650px}.wd-process{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.wd-hero-grid,.wd-split{grid-template-columns:minmax(0,1fr)}.wd-hero-art{width:min(100%,620px);margin-inline:auto}.wd-service-card,.wd-service-card:nth-last-child(-n+2){grid-column:span 3}.wd-service-card:last-child{grid-column:1/-1}}@media (max-width:650px){.wd-service-card,.wd-service-card:nth-last-child(-n+2){padding:var(--space-6);grid-column:1/-1}.wd-project-grid,.wd-process{grid-template-columns:minmax(0,1fr)}.wd-project-card:last-child{max-width:none}.wd-hero-art{margin-top:var(--space-3)}.wd-breadcrumbs{gap:7px}.wd-actions{gap:var(--space-3)}.wd-actions .ds-action{width:100%}.web-development-page .wd-closing{padding:var(--space-12) var(--space-6);background:linear-gradient(#050b1970,#050b1970),url(/images/studio/cta-ribbon.webp) 50%/cover no-repeat,#050b19}}@media (prefers-reduced-motion:reduce){.wd-project-image img{transition:none}.wd-project-card:hover .wd-project-image img{transform:none}}
