/* ---------------- self-hosted fonts ----------------
   Variable woff2, latin subset only, pulled from Google Fonts. One file per
   family covers every weight we use, which is why the src is identical across
   the weight ranges below. Self-hosted so the critical path carries no
   third-party render-blocking request. */
@font-face{
  font-family:'Open Sans';
  font-style:normal;
  font-weight:400 800;
  font-stretch:100%;
  font-display:swap;
  src:url("fonts/open-sans-var.woff2") format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Source Sans 3';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url("fonts/source-sans-3-var.woff2") format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ==========================================================================
   CLEVER LAND BUYERS LLC
   Shared stylesheet. Palette and type matched to the prior Carrot build.
   Original implementation, no third-party theme code.
   ========================================================================== */
:root{
  --primary:#ba8200;
  --primary-hover:#875e00;
  --primary-light:#ffb407;
  --secondary:#4774AF;
  --secondary-light:#dce7f5;
  --secondary-dark:#204170;
  --link:#ed8a00;
  --link-hover:#ba6c00;
  --button:#fa9f1e;
  --button-hover:#e08505;
  --body:#373a3c;
  --muted:#6b7073;
  --line:#dcdcdc;
  --grayish:#f4f4f4;
  --font-body:'Source Sans 3','Source Sans Pro',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-head:'Open Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --wrap:1140px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{
  margin:0; background:#fff; color:var(--body);
  font-family:var(--font-body); font-size:17px; line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; height:auto; display:block}
h1,h2,h3,h4{font-family:var(--font-head); font-weight:800; line-height:1.22; margin:0; color:#2b2e30}
p{margin:0 0 1.05em}
p:last-child{margin-bottom:0}
a{color:var(--link); text-decoration:none}
a:hover{color:var(--link-hover); text-decoration:underline}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 20px}
.skip{position:absolute; left:-9999px}
.skip:focus{left:8px; top:8px; z-index:99; background:#fff; padding:10px 14px; border:2px solid var(--secondary-dark)}

/* ---------------- utility header ---------------- */
.util{padding:18px 0 14px; background:#fff}
.util .wrap{display:flex; align-items:flex-start; justify-content:space-between; gap:20px; flex-wrap:wrap}
.logo{display:block; text-decoration:none}
.logo:hover{text-decoration:none}
.logo .co{
  font-family:var(--font-head); font-weight:800; font-size:29px;
  color:var(--primary); line-height:1.15; letter-spacing:-.01em; display:block;
}
.logo .tag{font-size:15px; color:var(--body); margin-top:3px; display:block}
.util-right{text-align:right}
.util-links{margin-bottom:6px; font-size:14.5px}
.util-links a{margin-left:16px; font-weight:600}
.util-links a.plain{color:var(--body)}
.util-links a.plain:hover{color:var(--link)}
.callus{font-family:var(--font-head); font-size:19px; color:#2b2e30; font-weight:400}
.callus b{font-weight:800; font-size:25px; letter-spacing:-.01em}
.callus a{color:#2b2e30}
.callus a:hover{color:var(--link); text-decoration:none}

/* ---------------- nav ---------------- */
nav.bar{background:var(--primary)}
nav.bar .wrap{display:flex; align-items:center; gap:6px; flex-wrap:wrap}
#navlinks{display:flex; align-items:center; flex-wrap:wrap}
nav.bar a{
  font-family:var(--font-head); font-weight:600; font-size:15.5px;
  color:#fff; padding:14px 16px; display:block;
}
nav.bar a:hover{background:var(--primary-hover); color:#fff; text-decoration:none}
nav.bar a.active{background:var(--primary-hover)}
.navtoggle{
  display:none; background:none; border:0; color:#fff; font-family:var(--font-head);
  font-weight:600; font-size:15.5px; padding:14px 16px; cursor:pointer;
}
@media(max-width:820px){
  nav.bar .wrap{flex-direction:column; align-items:stretch; padding:0}
  .navtoggle{display:block; text-align:left; width:100%}
  #navlinks{display:none; flex-direction:column; padding-bottom:8px}
  #navlinks.open{display:flex}
  nav.bar a{padding:11px 20px}
  .util .wrap{flex-direction:column}
  .util-right{text-align:left}
  .util-links a{margin-left:0; margin-right:16px}
}

/* ---------------- hero ---------------- */
/* Hero photo: assets/hero-land.jpg (+ .webp variants)
   Aerial parcel patchwork by Nathan Ellen-Johnson, Pexels License (free for
   commercial use). It is a real <img class="heroimg"> rather than a CSS
   background so it carries alt text, is discoverable by the browser preload
   scanner, and can be swapped for a webp via <picture>. To use your own drone
   shot, replace hero-land.jpg and regenerate the two webp widths. The gradient
   below stays as the fallback colour while the image loads. */
.hero{
  position:relative;
  background:linear-gradient(to bottom, #8aa25c 0%, #6f8a49 100%);
  padding:52px 0 60px;
  overflow:hidden;
}
.heroimg{
  position:absolute; inset:0; z-index:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center 42%;
}
.hero::before{content:""; position:absolute; inset:0; z-index:1; background:rgba(18,24,16,.42)}
.hero .wrap{position:relative; z-index:2}
.hero-grid{display:grid; gap:26px; align-items:start}
@media(min-width:960px){.hero-grid{grid-template-columns:1fr 1fr; gap:34px}}
.pitchwrap{position:relative}
.pitch{background:rgba(0,0,0,.78); color:#fff; padding:30px}
.pitch h1{color:#fff; font-size:clamp(27px,3.3vw,35px); margin-bottom:16px}
.pitch p{color:#e8e6e2; font-size:16.5px}
.pitch h3{color:#fff; font-size:clamp(19px,2.3vw,24px); margin:20px 0 10px}
.pitch .fine{font-size:15.5px; color:#dedbd6; margin-bottom:0}
.arrow{display:none}
@media(min-width:960px){
  .arrow{display:block; position:absolute; right:-64px; top:150px; width:78px; z-index:3; pointer-events:none}
}

/* page banner (interior pages) */
.banner{
  background:linear-gradient(to bottom,#a9c6d8 0%,#9caf6b 55%,#6f8a49 100%);
  position:relative; padding:40px 0;
}
.banner::before{content:""; position:absolute; inset:0; background:rgba(20,22,18,.40)}
.banner .wrap{position:relative; z-index:2}
.banner h1{color:#fff; font-size:clamp(25px,3.4vw,34px); max-width:900px}

/* ---------------- forms ---------------- */
.formcard{background:#f1f1f1; border:1px solid #e0e0e0; padding:24px 24px 26px; box-shadow:0 2px 10px rgba(0,0,0,.16)}
.formcard h3{font-size:22px; color:#2b2e30; margin-bottom:10px}
.formcard .intro{font-size:15.5px; color:#4a4e50; margin-bottom:18px}
.frow{display:grid; gap:14px; margin-bottom:14px}
@media(min-width:520px){.frow.two{grid-template-columns:1fr 1fr}}
.f label.top{display:block; font-family:var(--font-head); font-weight:700; font-size:14.5px; color:#2b2e30; margin-bottom:5px}
.f label.top .req{color:#c0392b}
.f input, .f textarea, .f select{
  width:100%; font-family:var(--font-body); font-size:16px; color:var(--body);
  background:#fff; border:1px solid #c8c8c8; padding:10px 11px; border-radius:2px; -webkit-appearance:none;
}
.f textarea{min-height:110px; resize:vertical}
.f select{
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#6b7073 50%),
                   linear-gradient(135deg,#6b7073 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%, calc(100% - 12px) 50%;
  background-size:6px 6px, 6px 6px; background-repeat:no-repeat; padding-right:38px;
}
.f input[type="radio"]{width:auto; padding:0; -webkit-appearance:radio; appearance:radio}
.f input:focus, .f textarea:focus, .f select:focus{outline:2px solid var(--secondary); border-color:var(--secondary)}
.f .sub{display:block; font-size:13px; color:var(--muted); margin-top:4px}
.btn{
  display:block; width:100%; font-family:var(--font-head); font-weight:700; font-size:18px;
  color:#fff; background:var(--button); border:1px solid var(--button);
  padding:14px 18px; border-radius:3px; cursor:pointer; text-align:center; transition:background .15s ease;
}
.btn:hover{background:var(--button-hover); border-color:var(--button-hover)}
.btn:focus-visible{outline:3px solid var(--secondary-dark); outline-offset:2px}
.hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}

/* ---------------- content ---------------- */
section{padding:52px 0}
.center{text-align:center}
h2.big{font-size:clamp(25px,3.4vw,33px); line-height:1.25; margin-bottom:18px}
h3.mid{font-size:clamp(20px,2.6vw,25px); color:var(--primary); margin-bottom:16px}
.lede{font-size:18px}
.narrow{max-width:860px; margin:0 auto}
.strongline{font-family:var(--font-head); font-weight:700; font-size:19px; color:#2b2e30}
.reasons{margin:0 0 1.05em; padding-left:0; list-style:none}
.reasons li{position:relative; padding-left:30px; margin-bottom:12px; font-size:17px}
.reasons li::before{content:""; position:absolute; left:2px; top:9px; width:9px; height:9px; background:var(--primary); transform:rotate(45deg)}
.numsteps{counter-reset:n; list-style:none; padding:0; margin:0 0 1.4em}
.numsteps li{counter-increment:n; position:relative; padding-left:52px; margin-bottom:18px; font-size:17px; min-height:36px}
.numsteps li::before{
  content:counter(n); position:absolute; left:0; top:-2px; width:36px; height:36px;
  background:var(--primary); color:#fff; font-family:var(--font-head); font-weight:800;
  border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:17px;
}
.callout{background:var(--secondary-light); border-left:5px solid var(--secondary); padding:18px 22px; margin:0 0 1.3em}
.gray{background:var(--grayish); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.lookgrid{display:grid; grid-template-columns:repeat(2,1fr); gap:10px 22px; margin:0 0 26px; padding:0; list-style:none}
@media(min-width:700px){.lookgrid{grid-template-columns:repeat(4,1fr)}}
.lookgrid li{position:relative; padding-left:26px; font-family:var(--font-head); font-weight:600; font-size:16px; color:#2b2e30}
.lookgrid li::before{content:"\2713"; position:absolute; left:0; top:-1px; color:var(--primary); font-weight:800}
.tel{color:var(--link); font-weight:700; white-space:nowrap}

/* comparison table */
.tablewrap{overflow-x:auto; margin:0 0 1.4em}
table.compare{width:100%; border-collapse:collapse; min-width:640px; font-size:16px}
table.compare th, table.compare td{border:1px solid var(--line); padding:13px 15px; vertical-align:top; text-align:left}
table.compare thead th{background:var(--secondary-dark); color:#fff; font-family:var(--font-head); font-weight:700}
table.compare thead th:first-child{background:#2b2e30}
table.compare tbody th{background:var(--grayish); font-family:var(--font-head); font-weight:700; width:23%}
table.compare td:last-child{background:#fbf3e2; font-weight:600}

/* faq */
.qa{border-bottom:1px solid var(--line); padding:22px 0}
.qa:first-of-type{border-top:1px solid var(--line)}
.qa h3{font-size:19px; color:#2b2e30; margin-bottom:10px}
.qa h3 .q{color:var(--primary); margin-right:6px}

/* testimonial slots */
.tnote{background:var(--grayish); border:1px dashed #c3c3c3; padding:26px; text-align:center; color:var(--muted)}

/* band */
.band{background:var(--secondary-dark); color:#eef2f7}
.band h2,.band h3{color:#fff}
.band .lede{color:#cfdaea}
.band-grid{display:grid; gap:30px; align-items:center}
@media(min-width:960px){.band-grid{grid-template-columns:1fr 1fr; gap:44px}}
.callline{font-family:var(--font-head); font-weight:800; font-size:clamp(19px,2.4vw,24px); color:#fff; margin-top:20px}
.callline a{color:var(--primary-light)}

/* contact info block */
.infobox{background:var(--grayish); border:1px solid var(--line); padding:24px}
.infobox h2{font-size:22px; margin-bottom:12px}
.infobox address{font-style:normal; font-size:17px; line-height:1.8}

/* footer */
footer{background:#2b2e30; color:#c7cacb; padding:44px 0 34px; font-size:15.5px}
footer p{margin-bottom:1em}
.footlinks{margin:18px 0 14px; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px 22px}
.footlinks a{color:var(--primary-light); font-weight:600; font-size:15px}
.copy{border-top:1px solid #43474a; padding-top:16px; margin-top:18px; font-size:14px; color:#9a9ea0}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto} *{transition:none !important}}

/* ---------------- interior two-column layout ----------------
   Mirrors the Carrot original: main content 66.6667%, sidebar 33.3333%,
   stacking to one column below 900px. Used on the interior pages that
   carried sidebar-primary on Carrot. */
.content-cols{display:grid; gap:34px; align-items:start}
@media(min-width:900px){
  .content-cols{grid-template-columns:2fr 1fr; gap:30px}
}
.sidebar{display:grid; gap:24px; align-content:start}
.sidebar .widget{margin:0}
.sidebar .widget-title{
  font-family:var(--font-head); font-size:19px; font-weight:700;
  color:#2b2e30; margin:0 0 12px
}
@media(min-width:900px){ .sidebar{position:sticky; top:20px} }
/* Pages whose content runs longer than the sidebar form. The form is taller than
   most laptop screens, so while pinned it scrolls inside its own box instead of
   leaving the submit button below the fold. Not used on pages shorter than the
   form, where it never pins and a cap would only add a scrollbar. */
@media(min-width:900px){
  .sidebar.scrollpin{max-height:calc(100vh - 40px); overflow-y:auto; overscroll-behavior:contain}
}
@media(prefers-reduced-motion:reduce){ .sidebar{position:static} }

/* Approved logo palette — September 25, 2026 */

:root{--primary:#005332;--primary-hover:#003f27;--primary-light:#E9B900;--secondary:#347d2a;--secondary-light:#edf4e9;--secondary-dark:#003f27;--link:#005332;--link-hover:#003f27;--button:#E9B900;--button-hover:#d4a800;--body:#263c31;--muted:#58685e;--line:#d6e0d6;--grayish:#f1f6ee}
.brand-logo{width:310px;height:auto;max-width:100%}
.util .wrap{align-items:center}.logo .tag{margin-top:1px;color:#46614f}
h1,h2,h3,h4,.strongline,.callus,.callus a,.lookgrid li,.qa h3,.sidebar .widget-title{color:#005332}
.pitch{background:rgba(0,48,29,.94)}.pitch p,.pitch .fine{color:#eef4ea}
.formcard{background:#fffef9;border:0;box-shadow:0 3px 12px rgba(0,30,16,.18)}
.formcard h3,.band .formcard h3{color:#005332}.formcard .intro{color:#435749}.f label.top{color:#263c31}
.f input,.f textarea,.f select{border-color:#84958a;caret-color:#005332}
.f input::placeholder{color:#58685e}.f input:focus,.f textarea:focus,.f select:focus{outline-color:#005332;border-color:#005332}
.btn{color:#173b24}.btn:hover{color:#173b24}.band .lede{color:#e0eddd}
footer{background:#002f20;color:#e0eadf}.copy{color:#c5d7c6;border-color:#4e715e}
.banner{background:#005332}.banner::before{background:transparent}
.callout{border:1px solid #8eae87}.compare td:last-child{background:#edf4e9}
a{text-underline-offset:.2em}.narrow p a{text-decoration:underline}
:focus-visible{outline:3px solid #347d2a;outline-offset:3px}nav a:focus-visible,footer a:focus-visible{outline-color:#E9B900;outline-offset:-3px}
::selection{background:#E9B900;color:#173b24}
@media(max-width:820px){.util .wrap{align-items:flex-start}.brand-logo{width:280px}.util{padding-top:14px}.logo .tag{font-size:14px}}

/* county links: homepage grid and site-wide footer (seo/inject-county-links.py) */
.foothead{margin:16px 0 6px; font-family:var(--font-head); font-weight:700; font-size:14px; letter-spacing:.04em; text-transform:uppercase; color:#c9cdc9}
.footlinks.footcounties{margin:0 0 6px; gap:6px 18px}
.footlinks.footcounties a{font-weight:500; font-size:14px}
.countygrid{display:grid; grid-template-columns:1fr; gap:22px; margin:8px 0 22px}
@media(min-width:700px){.countygrid{grid-template-columns:1fr 1fr}}
.countygrid h3{margin:0 0 10px}
.countygrid ul{display:grid; grid-template-columns:repeat(2,1fr); gap:8px 18px; margin:0; padding:0; list-style:none}
.countygrid a{font-family:var(--font-head); font-weight:600; font-size:16px; color:var(--link)}
.countygrid h3 a{font-size:inherit; font-weight:800; color:inherit}

/* SMS and email consent under every form */
.opt{font-weight:400; font-size:.88em; color:#5d6b62}
.consent{display:flex; gap:10px; align-items:flex-start; margin:4px 0 16px}
.consent input{flex:0 0 auto; width:18px; height:18px; margin:3px 0 0; accent-color:#005332}
.consent label{font-size:12.5px; line-height:1.5; color:#4a5a50; font-weight:400}
.consent a{color:inherit; text-decoration:underline}
.band .consent label{color:#4a5a50}

/* Blog posts: sidebar offer form on desktop only. On phones the column stacks
   after the article, directly above the bottom form, so it would only repeat it. */
@media(max-width:899px){.sidebar.blogside{display:none}}
@media(min-width:900px){ .blogside .formcard{padding:20px 18px 22px} }

h2.mid{font-size:clamp(20px,2.6vw,25px);color:var(--primary);margin-bottom:16px}
section[id],div[id="maryland"],div[id="florida"]{scroll-margin-top:24px}
.hero-grid{grid-template-columns:minmax(0,1fr)}
.hero-grid>* , .frow>* , .band-grid>*{min-width:0}
@media(min-width:960px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:519px){.pitch{padding:26px 22px}.formcard{padding:24px 20px}.countygrid ul{grid-template-columns:minmax(0,1fr)}}

/* Full-page templates */
.breadcrumbs{color:#e0eddd;font-size:14px;margin-bottom:12px}
.breadcrumbs a{color:#e9b900}
.prose{min-width:0}
.prose>h2{font-size:clamp(22px,2.4vw,27px);margin:30px 0 14px}
.prose>h2:first-child{margin-top:0}
.prose>ul{padding-left:24px;margin-bottom:24px}
.prose li{margin-bottom:10px}
.wrap.prose{max-width:900px}
.prose .qa h2{font-size:21px;margin:0 0 12px}
.guide-card{padding:26px 0;border-bottom:1px solid var(--line)}
.guide-card h2{font-size:25px;margin-bottom:14px}
.cta-link{max-width:400px;margin:20px auto 0}
.cta-link:hover{text-decoration:none}
.sidebar .formcard h3{font-size:21px}
@media(min-width:900px){.sidebar .formcard{padding:22px 18px}.sidebar .frow.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:899px){.content-cols{grid-template-columns:minmax(0,1fr)}.banner{padding:32px 0}}

.details-card{margin-top:26px}
.details-card h2{font-size:23px;margin:10px 0 16px}
.details-card .frow{margin-bottom:22px}
.details-card .consent{margin-top:26px}
#lead-received{padding:16px 20px;background:#edf4e9;border-left:4px solid #005332}