@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,300..700&display=swap');
/* Shared SKAU treatment for service, process and FAQ pages. */
body{font-family:Archivo,Arial,sans-serif;color:#1b2430;background:#fffaf4}
h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(3.2rem,6vw,6rem);max-width:12ch}h2{font-size:clamp(2.3rem,4.2vw,4.5rem)}.wrap{width:min(1180px,90vw)}
.hero{position:relative;overflow:hidden;background:#fbfbf9;color:#1b2430;padding:clamp(6rem,10vw,9rem) 0}.hero::before{content:"";position:absolute;inset:0 0 0 35%;background:radial-gradient(ellipse at 60% 50%,#d7e8ff,#f6dfea 40%,transparent 72%);pointer-events:none}
.hero .wrap.narrow{position:relative;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);column-gap:clamp(2rem,6vw,6rem);align-items:center}.hero .wrap.narrow>*{grid-column:1}.hero .wrap.narrow::after{content:"";display:block;grid-column:2;grid-row:1/8;min-height:460px;background:#dbe6fb center/cover no-repeat;box-shadow:22px 22px 0 #d7d1f2;transform:rotate(2deg)}
.hero .eyebrow{color:#245dae;align-self:end}.hero p{color:#465466;max-width:48ch}.hero .alt{color:#1b2430;border-color:#9ba9ba}.hero .actions{align-self:start}.hero .btn:not(.alt){background:#2e6be6;border-color:#2e6be6}.hero .btn.alt:hover{background:#fff}
body:has(#seo-form) .hero .wrap.narrow::after{background-image:url('https://images.unsplash.com/photo-1731525545250-256103aa1bfc?auto=format&fit=crop&w=1000&q=82')}
body:has(#maintenance-form) .hero .wrap.narrow::after{background-image:url('https://images.unsplash.com/photo-1755520795091-adf1f3f307e0?auto=format&fit=crop&w=1000&q=82')}
body:has(.steps .step:nth-child(6)) .hero .wrap.narrow::after{background-image:url('https://images.unsplash.com/photo-1752650733543-9e5cb5a3a7ad?auto=format&fit=crop&w=1000&q=82')}
body:has(.steps .step:nth-child(5):last-child) .hero .wrap.narrow::after{background-image:url('https://images.unsplash.com/photo-1777923311883-c9c06e4d8aba?auto=format&fit=crop&w=1000&q=82')}
section{padding:clamp(5rem,8vw,8rem) 0}section:not(.muted):not([id]){background:#fffaf4}.grid{gap:.8rem}.card{min-height:270px;border:0;border-radius:0;padding:1.7rem;box-shadow:0 15px 32px #18345410}.card:nth-child(1){background:#e1edfc}.card:nth-child(2){background:#f6dfeb}.card:nth-child(3){background:#d9eee5}.card h3{font-size:1.5rem;max-width:14ch}.card p{font-size:1rem;color:#455367}
.muted{background:#e8e8fa}.muted .split{gap:.8rem}.muted .split>div{background:#fffaf4;padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 14px 28px #26376313}.muted .split>div:nth-child(2){background:#e0ecfa}.muted .split h3{font-size:1.6rem}.muted .notice{background:#d9f0e4;border:0;color:#20423c;padding:1.3rem 1.5rem}
.steps{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.step{display:flex;flex-direction:column;justify-content:space-between;min-height:240px;padding:1.6rem;border:0;background:#e1edfc}.step:nth-child(4n+2){background:#f6dfeb}.step:nth-child(4n+3){background:#d9eee5}.step:nth-child(4n+4){background:#fff0d6}.step .num{opacity:1;color:#2862ab;font-size:3.3rem;line-height:1}.step h3{font-size:1.3rem;margin-bottom:.5rem}.step p{color:#485468}.notice{border-radius:0}
#seo-form,#maintenance-form{background:#f3f7fc}#seo-form .narrow,#maintenance-form .narrow{max-width:880px}#seo-form form,#maintenance-form form{box-shadow:0 20px 50px #243b6210;border:1px solid #dce5f0;border-radius:0;padding:clamp(1.5rem,4vw,3rem)}
@media(max-width:850px){.hero .wrap.narrow{grid-template-columns:1fr}.hero .wrap.narrow>*{grid-column:1}.hero .wrap.narrow::after{grid-column:1;grid-row:auto;min-height:350px;margin-top:2rem}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{padding:5rem 0 4rem}.hero .wrap.narrow::after{min-height:260px}.steps{grid-template-columns:1fr}.step{min-height:210px}.card{min-height:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* SEO uses its own imagery: planning at the top, measurement further down. */
body:has(#seo-form) .hero .wrap.narrow::after{background-image:url('https://images.unsplash.com/photo-1766555766657-ea8f81a67934?auto=format&fit=crop&w=1000&q=82')}
body:has(#seo-form) .muted .wrap::after{content:"";display:block;width:min(100%,920px);height:clamp(260px,36vw,460px);margin:2.5rem auto 0;background:url('https://images.unsplash.com/photo-1712904321943-d9a752f1e41e?auto=format&fit=crop&w=1200&q=82') center/cover;box-shadow:18px 18px 0 #d8d6f2;transform:rotate(-1deg)}
