/* Unified FIELDLINE CAD design system across homepage and service pages. */
:root{--ink:#071c2a;--navy:#0b1928;--teal:#37d3ba;--text:#f5fbff;--muted:#c5d9e3}
html{scroll-behavior:smooth}body{background-color:#071d2b!important;color:var(--text)!important}
.site-header{position:relative!important;z-index:100!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:18px max(5vw,22px)!important;background:rgba(7,23,36,.94)!important;border-bottom:1px solid rgba(205,240,250,.18)!important;overflow:visible!important}
.brand{font-weight:800!important;font-size:clamp(19px,2.1vw,25px)!important;letter-spacing:1.5px!important;color:#fff!important;text-decoration:none!important;white-space:nowrap}.brand span{color:var(--teal)}
.site-nav{display:flex!important;align-items:center!important;gap:clamp(12px,2vw,25px)!important;flex-wrap:wrap!important}.site-nav a,.site-nav summary{color:#e5f5fa!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;cursor:pointer!important;margin:0!important}.site-nav a:hover,.site-nav summary:hover{color:var(--teal)!important}.service-menu{position:relative}.service-menu summary{list-style:none}.service-menu summary::-webkit-details-marker{display:none}.menu-panel{position:absolute;top:calc(100% + 14px);left:-18px;min-width:235px;padding:9px;background:#0b2435;border:1px solid rgba(158,220,231,.32);border-radius:10px;box-shadow:0 14px 35px #0007;display:grid;gap:3px;z-index:150}.menu-panel a{padding:11px 12px!important;border-radius:6px}.menu-panel a:hover{background:#173e4d}.header-cta{background:var(--teal)!important;color:#082133!important;text-decoration:none!important;font-weight:800!important;padding:12px 17px!important;border-radius:6px!important;white-space:nowrap;font-size:13px}
.site-footer{background:#061824!important;color:#d6e6ed!important;padding:55px max(5vw,22px) 24px!important;border-top:1px solid rgba(195,233,241,.2)!important;position:relative!important;z-index:2!important}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.25fr;gap:45px;max-width:1240px;margin:0 auto 40px}.site-footer h3{font-size:14px;text-transform:uppercase;letter-spacing:1.4px;color:var(--teal);margin:0 0 16px}.site-footer p{font-size:15px;line-height:1.7;color:#c4d5df;max-width:350px}.site-footer a:not(.brand){display:block;color:#dceaf1!important;text-decoration:none!important;font-size:14px;margin:0 0 12px}.site-footer a:hover{color:var(--teal)!important}.footer-bottom{border-top:1px solid #ffffff26;padding-top:20px;max-width:1240px;margin:auto;color:#a7bfcc;font-size:12px;line-height:1.6}
/* The bottom of the homepage must stay navy, not white. */
#faq,#drafting-service-pages{background:transparent!important;color:#f4fbff!important}#faq p,#drafting-service-pages p{color:#d5e3ea!important}#faq .card,#drafting-service-pages .card{background:rgba(225,241,248,.13)!important;color:#f4fbff!important;border:1px solid rgba(235,250,255,.27)!important;backdrop-filter:blur(14px)}
/* Service pages use the same navy, softened survey-drawing backdrop as home. */
body.service-page{min-height:100vh;background:#071d2b url('/survey-drawing-background.jpg') center center / cover fixed no-repeat!important}body.service-page:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,19,30,.86),rgba(5,19,30,.70) 70%,rgba(5,19,30,.62));z-index:0}body.service-page>*{position:relative;z-index:1}body.service-page main{max-width:1160px!important;margin:0 auto!important;padding:75px max(5vw,22px) 90px!important;color:#f4fbff!important;background:transparent!important}body.service-page h1{font-size:clamp(38px,5vw,65px)!important;line-height:1.1!important;color:#fff!important}body.service-page h2{color:#fff!important;margin-top:55px!important}body.service-page p,body.service-page .intro{color:#dcebf1!important;line-height:1.75!important}body.service-page .eyebrow{color:var(--teal)!important}body.service-page .cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important;gap:20px!important}body.service-page .card,body.service-page .note{background:rgba(225,241,248,.12)!important;border:1px solid rgba(235,250,255,.25)!important;border-radius:10px!important;color:#f5fbff!important;backdrop-filter:blur(14px);box-shadow:0 12px 30px #0002}body.service-page .card p,body.service-page .note{color:#e2edf2!important}body.service-page main a{color:var(--teal)}body.service-page .button{background:var(--teal)!important;color:#092334!important;border-radius:6px!important;padding:15px 23px!important;font-weight:700!important;display:inline-block!important;text-decoration:none!important}body.service-page main nav{display:flex;gap:12px;flex-wrap:wrap}body.service-page main nav a{border:1px solid #8cbac25c;padding:12px;border-radius:6px;background:#092b3ab5;text-decoration:none}
@media(max-width:850px){.site-header{flex-wrap:wrap!important}.site-nav{order:3;width:100%;justify-content:flex-start}.header-cta{margin-left:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:550px){.site-nav{gap:13px!important}.site-nav a,.site-nav summary{font-size:12px!important}.header-cta{font-size:11px;padding:10px!important}.footer-grid{grid-template-columns:1fr}.menu-panel{left:0;min-width:220px}.site-header{padding:15px 18px!important}}


/* 2026-10-27: Match the homepage's full-viewport softened survey drawing on every service page.
   Keep all page content sharp; blur only the decorative background layer. */
body.service-page {
  position:relative!important;
  isolation:isolate!important;
  background:#0a2635!important;
}
body.service-page::before {
  content:""!important;
  position:fixed!important;
  inset:-32px!important;
  z-index:-2!important;
  pointer-events:none!important;
  background-image:url('/survey-drawing-background.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  filter:blur(10px) brightness(1.10)!important;
  transform:scale(1.06)!important;
}
body.service-page::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(5,19,30,.77),rgba(5,19,30,.55) 65%,rgba(5,19,30,.40));
}
body.service-page > * {position:relative;z-index:1;}
body.service-page .site-header {background:rgba(7,23,36,.72)!important;}
body.service-page .site-footer {background:rgba(6,24,36,.80)!important;}
@media(max-width:600px){
 body.service-page::before{background-position:57% center!important;}
}