/* I AM Surveyors – shared design layer v2 (matches homepage). Loaded after Next.js CSS on inner pages. */
:root{
  --green-primary:#0F3021;--green-dark:#061B12;--green-light:#1B523A;
  --orange-cta:#EC5307;--orange-hover:#D44702;
  --forest-950:#061B12;--forest-900:#0F3021;--forest-800:#143D2B;--forest-700:#1B523A;--forest-50:#F2F7F4;
  --font-serif:"Cormorant Garamond",Georgia,serif;
  --font-sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-sans)!important;background:#F8FAFC;color:#0F172A;line-height:1.6}
main{background:#F8FAFC}
main .bg-white{background-color:#fff}
/* Typography: serif headlines like the homepage */
main h1,main h2,main h3,main h4{font-family:var(--font-serif);font-weight:700;letter-spacing:-.01em;color:inherit}
main h1{font-size:clamp(2.25rem,6.2vw,3.5rem);line-height:1.08}
main h2{font-size:clamp(1.9rem,4.4vw,2.6rem);line-height:1.12}
main h3{font-size:clamp(1.3rem,2.6vw,1.6rem);line-height:1.2}
main h4{font-size:1.25rem}
footer h3{font-family:var(--font-sans)!important;letter-spacing:.08em}
main p,main li{font-size:1.0625rem;line-height:1.7}
main .text-sm{font-size:.9375rem}
main .text-xs{font-size:.8125rem}
/* Header / top bar */
header.sticky{border-bottom:1px solid #E2E8F0;box-shadow:0 1px 3px rgba(15,23,42,.04)}
header .bg-green-900{background-color:#061B12}
header nav a,header nav button{font-family:var(--font-sans);font-weight:600}
header nav a.text-sm,header nav button.text-sm{font-size:.9375rem}
header nav a:hover,header nav button:hover{color:#0F3021}
header .btn-primary{border-radius:8px;box-shadow:none;font-weight:700}
header button[aria-label="Toggle menu"]{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center}
/* Buttons */
.btn-primary{background:var(--orange-cta);border-radius:8px;font-weight:700;font-size:.9375rem;min-height:48px;justify-content:center;box-shadow:0 6px 16px -4px rgba(236,83,7,.45)}
.btn-primary:hover{background:var(--orange-hover)}
.btn-ghost{border-radius:8px;font-weight:700;font-size:.9375rem;min-height:48px;justify-content:center;border-width:1.5px}
.btn-secondary{border-radius:8px;font-weight:700;min-height:48px}
/* Hero + dark sections */
main section.bg-green-900{background-color:#0F3021;background-image:linear-gradient(135deg,#061B12 0%,#0F3021 60%,#143D2B 100%)}
main section.bg-green-950,main .bg-green-950{background-color:#061B12}
.from-green-950\/80{--tw-gradient-from:rgba(6,27,18,.88) var(--tw-gradient-from-position)}
/* Cards */
.card{border-radius:16px;border:1px solid #E2E8F0;box-shadow:0 2px 8px rgba(15,23,42,.05),0 1px 3px rgba(15,23,42,.04)}
.card:hover{box-shadow:0 14px 28px -4px rgba(15,23,42,.12),0 6px 12px -2px rgba(15,23,42,.06)}
.rounded-xl{border-radius:14px}
.bg-slate-50{background-color:#F2F7F4}
/* Footer */
footer.bg-green-900{background-color:#061B12;color:#CBD5E1}
footer a{transition:color .2s}
footer a,footer li{font-size:.9375rem}
footer ul a{display:inline-block;padding:4px 0}
/* Forms */
input,select,textarea{font-size:16px!important;border-radius:8px}
a,button{-webkit-tap-highlight-color:rgba(236,83,7,.15)}
:focus-visible{outline:3px solid #EC5307;outline-offset:2px}
img{height:auto}
/* Mobile sticky call / quote bar (added by site-v2.js) */
.iam-sticky{display:none}
@media (max-width:1023px){
  body{padding-bottom:84px}
  .iam-sticky{display:flex;position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:90;gap:8px;padding:8px;background:#0F3021;border-radius:16px;box-shadow:0 12px 32px -6px rgba(6,27,18,.55);border:1px solid rgba(255,255,255,.1)}
  .iam-sticky a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:12px;font-family:var(--font-sans);font-weight:700;font-size:1rem;color:#fff;text-decoration:none;white-space:nowrap}
  .iam-sticky a.iam-call{background:rgba(255,255,255,.1)}
  .iam-sticky a.iam-quote{background:#EC5307;flex:1.15}
  .iam-sticky svg{flex:none}
}
@media (max-width:639px){
  main section.section{padding-top:3.25rem;padding-bottom:3.25rem}
  main section.section-sm{padding-top:2.5rem;padding-bottom:2.5rem}
  main section .py-24{padding-top:3.5rem;padding-bottom:3.5rem}
  main .btn-primary,main .btn-ghost{width:100%}
  header nav{height:4.25rem}
  footer .container-main{padding-top:3rem;padding-bottom:3rem}
  footer ul a{padding:7px 0}
  main a.card{min-height:44px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.font-sans{font-family:var(--font-sans)!important}
.iam-credits{display:block;text-align:center;font-size:.8125rem;padding:0 16px 8px;color:#94A3B8}
.iam-credits a{color:#CBD5E1;text-decoration:underline}
main .card h2.text-lg,main a.card h2{font-size:1.5rem;line-height:1.1}
main section>div.absolute.inset-0.opacity-25{opacity:.55}
main section>div.absolute.inset-0.bg-gradient-to-r{background-image:linear-gradient(90deg,rgba(6,27,18,.86),rgba(6,27,18,.45))}
@media(max-width:767px){main section>div.absolute.inset-0.bg-gradient-to-r{background-image:linear-gradient(180deg,rgba(6,27,18,.78),rgba(6,27,18,.6))}}