/* Website development: scoped editorial layout, no changes to shared site components. */
.website-development-page {--web-ink:#19243a;--web-muted:#60718a;--web-line:rgba(89,111,148,.2)}
.website-development-page .website-hero {padding:54px 0 66px}
.website-development-page .website-hero .breadcrumbs {margin-bottom:28px}
.website-development-page .website-hero-grid {display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.65fr);gap:clamp(28px,5vw,88px);align-items:center}
.website-development-page .website-hero h1 {max-width:850px;line-height:1.07;letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2.5rem,4.6vw,4.7rem);margin:18px 0 16px}
.website-development-page .website-hero-subtitle {font-size:clamp(1.25rem,2vw,1.7rem);font-weight:600;color:var(--web-ink);margin:0 0 14px}
.website-development-page .website-hero .lead {max-width:720px;line-height:1.65;font-size:clamp(1rem,1.25vw,1.18rem);margin-bottom:26px}
.website-development-page .website-hero .hero-actions {display:flex;flex-wrap:wrap;gap:12px}
.website-development-page .website-hero .hero-actions .btn {min-height:52px;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:normal}
.website-development-page .website-hero-aside {background:linear-gradient(150deg,#fff,#eaf1fb);border:1px solid var(--web-line);border-radius:22px;padding:clamp(20px,3vw,34px);box-shadow:0 16px 45px rgba(43,63,99,.07)}
.website-development-page .website-hero-aside ul {list-style:none;padding:0;margin:20px 0 0}
.website-development-page .website-hero-aside li {padding:14px 0;border-top:1px solid var(--web-line);font-weight:600;color:var(--web-ink);line-height:1.45}
.website-development-page .website-section {padding:clamp(54px,6vw,90px) 0}
.website-development-page .website-section-compact {padding:40px 0}
.website-development-page .website-section-tint {background:rgba(230,238,249,.6)}
.website-development-page .website-section-head {max-width:780px;margin-bottom:28px}
.website-development-page .website-kicker {font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#617797}
.website-development-page .website-section h2 {font-size:clamp(1.9rem,3vw,3rem);letter-spacing:-.035em;line-height:1.16;margin:10px 0 16px;text-wrap:balance}
.website-development-page .website-section h3 {font-size:1.18rem;line-height:1.3;margin:0 0 12px}
.website-development-page .website-section p {line-height:1.65;color:var(--web-muted)}
.website-development-page .website-formats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.website-development-page .website-formats>article {display:flex;flex-direction:column;min-width:0;padding:clamp(22px,2.4vw,34px);background:#fff;border:1px solid var(--web-line);border-radius:20px;box-shadow:0 12px 35px rgba(34,52,84,.045)}
.website-development-page .website-card-num {display:inline-block;color:#6585af;font-size:.9rem;font-weight:800;margin-bottom:28px}
.website-development-page .website-formats ul {padding-left:18px;line-height:1.9;margin:14px 0 26px;color:var(--web-ink)}
.website-development-page .website-formats a {margin-top:auto;font-weight:700;text-decoration:none}
.website-development-page .website-formats a span {margin-left:6px}
.website-development-page .website-split {display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(24px,6vw,100px)}
.website-development-page .website-feature-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.website-development-page .website-feature-list article {background:#fff;padding:24px;border-radius:18px;border:1px solid var(--web-line)}
.website-development-page .website-feature-list article p {margin:0}
.website-development-page .website-steps {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.website-development-page .website-steps article {min-width:0;padding:22px 14px;border-top:2px solid #8fa6c7}
.website-development-page .website-steps article>span {font-size:.88rem;font-weight:800;color:#617797;display:block;margin-bottom:22px}
.website-development-page .website-steps h3 {font-size:1.03rem}
.website-development-page .website-steps p {font-size:.94rem;margin:0}
.website-development-page .website-location {display:flex;justify-content:space-between;align-items:center;gap:32px;border-top:1px solid var(--web-line);border-bottom:1px solid var(--web-line);padding-top:35px;padding-bottom:35px}
.website-development-page .website-location>div {max-width:780px}
.website-development-page .website-faq-wrap {max-width:1050px}
.website-development-page .website-faq {border-top:1px solid var(--web-line)}
.website-development-page .website-faq details {border-bottom:1px solid var(--web-line);padding:0}
.website-development-page .website-faq summary {list-style:none;cursor:pointer;padding:23px 44px 23px 0;position:relative;font-size:1.08rem;line-height:1.45;font-weight:650;color:var(--web-ink)}
.website-development-page .website-faq summary::-webkit-details-marker {display:none}
.website-development-page .website-faq summary::after {content:'+';font-size:1.6rem;font-weight:400;position:absolute;right:8px;top:17px}
.website-development-page .website-faq details[open] summary::after {content:'−'}
.website-development-page .website-faq details p {margin:0;padding:0 44px 23px 0;max-width:850px}
.website-development-page .website-faq summary:focus-visible {outline:2px solid #617bf0;outline-offset:3px}
.website-development-page .website-cta {padding:0 0 64px}
.website-development-page .website-cta>.container {display:flex;align-items:center;justify-content:space-between;gap:26px;padding-top:36px;padding-bottom:36px;border-radius:24px;background:linear-gradient(110deg,#e6eefb,#f9fbff)}
.website-development-page .website-cta>.container>div:first-child {max-width:690px}
.website-development-page .website-cta-actions {display:flex;gap:12px;flex-wrap:wrap}
.website-development-page .website-cta .btn {min-height:50px;display:inline-flex;align-items:center;text-align:center;justify-content:center}
@media(max-width:1100px){.website-development-page .website-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.website-development-page .website-hero-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.75fr)}}
@media(max-width:850px){.website-development-page .website-hero-grid,.website-development-page .website-split{grid-template-columns:1fr}.website-development-page .website-hero-aside{max-width:none}.website-development-page .website-formats{grid-template-columns:repeat(2,minmax(0,1fr))}.website-development-page .website-cta>.container{display:block}.website-development-page .website-cta-actions{margin-top:20px}}
@media(max-width:600px){.website-development-page .website-hero{padding:28px 0 44px}.website-development-page .website-hero h1{font-size:clamp(2.2rem,9vw,3rem)}.website-development-page .website-section{padding:46px 0}.website-development-page .website-formats,.website-development-page .website-feature-list,.website-development-page .website-steps{grid-template-columns:1fr}.website-development-page .website-steps article{padding:15px 0}.website-development-page .website-location{display:block}.website-development-page .website-location .btn{margin-top:14px}.website-development-page .website-cta{padding-bottom:40px}.website-development-page .website-cta>.container{border-radius:18px}.website-development-page .website-hero .hero-actions .btn,.website-development-page .website-cta-actions .btn{width:100%}}

/* V1 visual QA: compact FAQ cards and stable anchored sections. */
.website-development-page [id] {scroll-margin-top:clamp(105px,9vw,130px)}
.website-development-page .website-faq {display:grid;gap:10px;border-top:0}
.website-development-page .website-faq details {box-sizing:border-box;min-width:0;margin:0;padding:0 22px;background:#fff;border:1px solid var(--web-line);border-radius:16px;overflow:visible}
.website-development-page .website-faq summary {box-sizing:border-box;min-height:62px;padding:17px 40px 17px 0;display:flex;align-items:center;font-size:clamp(.98rem,1.05vw,1.1rem);line-height:1.45}
.website-development-page .website-faq summary::after {right:0;top:50%;transform:translateY(-50%);line-height:1}
.website-development-page .website-faq details p {margin:0;padding:0 28px 18px 0;line-height:1.6}
.website-development-page .website-section-head {scroll-margin-top:120px}
@media(max-width:600px){
 .website-development-page [id] {scroll-margin-top:96px}
 .website-development-page .website-faq {gap:8px}
 .website-development-page .website-faq details {padding:0 16px;border-radius:13px}
 .website-development-page .website-faq summary {min-height:58px;padding:14px 32px 14px 0;font-size:1rem}
 .website-development-page .website-faq details p {padding:0 20px 16px 0;font-size:.94rem}
}