/* Highland Technologies, LLC — site styles
   Brand: 05 Sales/Brand/Brand Reference.md
   Deep Pine #1C332C · Pine #2F5D50 · Limestone #B9B4A7 · Mist #CFE0D6 · Paper #EBE9E2 */

:root{
  --pine-deep:#1c332c; --pine:#2f5d50; --pine-lift:#3d7263;
  --limestone:#b9b4a7; --mist:#cfe0d6;
  --paper:#f3f2ee; --paper-alt:#ebe9e2;
  --ink:#1f2422; --ink-soft:#4a544f; --rule:#d6d2c6; --rule-dark:#3d5a50;
  --head:'Rajdhani',"Arial Narrow",sans-serif;
  --body:'Source Sans 3',system-ui,-apple-system,sans-serif;
  --wrap:1040px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--pine)}
a:hover{color:var(--pine-deep)}
a:focus-visible{outline:2px solid var(--pine);outline-offset:2px}
img,svg{max-width:100%}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:40px;padding-right:40px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;z-index:99;background:#fff;color:var(--pine-deep);padding:10px 16px}

/* blueprint frame — registration marks at the corners */
.blueprint{position:relative;border:1px solid var(--rule)}
.blueprint>.corner{position:absolute;width:11px;height:11px;color:rgba(31,36,34,.55)}
.blueprint>.corner::before,.blueprint>.corner::after{content:"";position:absolute;background:currentColor}
.blueprint>.corner::before{left:5px;top:0;width:1px;height:100%}
.blueprint>.corner::after{top:5px;left:0;width:100%;height:1px}
.corner.tl{top:-6px;left:-6px}.corner.tr{top:-6px;right:-6px}
.corner.bl{bottom:-6px;left:-6px}.corner.br{bottom:-6px;right:-6px}

/* nav */
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:16px 40px;border-bottom:1px solid var(--rule);background:var(--paper);
  position:sticky;top:0;z-index:20;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--pine-deep)}
.brand span{font:700 17px/1 var(--head);letter-spacing:.04em}
.navlinks{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.navlinks a{font:600 13px var(--body);letter-spacing:.14em;text-decoration:none}
.navlinks a[aria-current="page"]{border-bottom:2px solid var(--pine);padding-bottom:2px}
.btn{background:var(--pine);color:#fff;font:700 15px var(--head);letter-spacing:.08em;
  padding:11px 20px;text-decoration:none;display:inline-block;border:1px solid var(--pine)}
.btn:hover{background:var(--pine-deep);border-color:var(--pine-deep);color:#fff}
.btn-ghost{background:transparent;border:1px solid var(--mist);color:var(--mist)}
.btn-ghost:hover{background:#24413a;color:#fff;border-color:var(--mist)}

/* hero + dark bands */
.dark{background:var(--pine-deep);color:#fff}
.dark h1,.dark h2,.dark h3{color:#fff}
.dark p{color:var(--mist)}
.hero{padding:88px 0 72px}
.hero .grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.eyebrow{font:600 11px/1 var(--body);letter-spacing:.3em;color:var(--mist)}
h1{margin:0;font:700 58px/1.05 var(--head);letter-spacing:.02em;color:var(--pine-deep)}
h2{margin:0;font:700 34px/1 var(--head);color:var(--pine-deep)}
h3{margin:0;font:700 21px/1.1 var(--head);color:var(--pine-deep)}
.lede{font-size:17px;line-height:1.6;max-width:52ch}
.muted{color:var(--ink-soft)}
section{padding:72px 0}
.band{background:var(--paper-alt);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.head-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.more{font:600 13px var(--body);letter-spacing:.14em;text-decoration:none;white-space:nowrap}

/* grids + cards */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.g2{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}
.card{padding:26px;display:flex;flex-direction:column;gap:12px;background:transparent}
.card p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-soft)}
.step{display:flex;flex-direction:column;gap:8px;border-top:2px solid var(--pine);padding-top:14px}
.step-label{font:700 13px var(--head);letter-spacing:.2em;color:var(--pine)}
.step p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-soft)}

/* plan tiles */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}
.plan{padding:28px;display:flex;flex-direction:column;gap:14px;background:#fff}
.plan h3{letter-spacing:.06em}
.plan ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}
.plan li{font-size:15px;line-height:1.5;color:var(--ink-soft)}
.plan .tag{font:600 11px var(--body);letter-spacing:.24em;color:var(--pine)}

/* faq */
.qa{border-top:1px solid var(--rule);padding:20px 0}
.qa h3{font-size:19px;margin-bottom:6px}
.qa p{margin:0;color:var(--ink-soft)}
.qa p + p{margin-top:10px}

/* cta strip */
.cta{padding:60px 0}
.cta .inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta h2{color:#fff}

/* footer */
footer{background:var(--pine-deep);color:#fff;padding:56px 40px 40px}
.foot-in{max-width:var(--wrap);margin:0 auto;display:flex;flex-direction:column;gap:32px}
.foot-top{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}
.foot-col{display:flex;flex-direction:column;gap:8px}
.wordmark{font:700 22px/1 var(--head);letter-spacing:.05em}
.wordmark span{color:var(--limestone)}
.descriptor{font:600 10px/1 var(--body);letter-spacing:.3em;color:var(--mist)}
.foot-col a{color:var(--mist);text-decoration:none;font:600 12px var(--body);letter-spacing:.14em}
.foot-col a:hover{color:#fff}
.phone-lg{color:#fff;font:700 20px var(--head);letter-spacing:.06em;text-decoration:none}
.phone-lg:hover{color:var(--mist)}
.foot-bottom{border-top:1px solid var(--rule-dark);padding-top:16px;display:flex;
  justify-content:space-between;gap:20px;font-size:13px;color:var(--limestone);flex-wrap:wrap}
.tagline{font:700 13px var(--head);letter-spacing:.08em;color:var(--mist)}

/* map */
.map-frame{background:var(--paper);padding:12px}
.map-frame iframe{width:100%;height:520px;border:0;display:block}
.county-list{columns:2;gap:24px;margin:0;padding-left:18px}
.county-list li{font-size:15px;line-height:1.7;color:var(--ink-soft);break-inside:avoid}

@media (max-width:900px){
  h1{font-size:42px}
  .hero .grid,.g2{grid-template-columns:1fr;gap:32px}
  .g3,.g4,.plans{grid-template-columns:1fr}
  .wrap{padding-left:24px;padding-right:24px}
  .nav{padding:14px 24px}
  section{padding:52px 0}
  .hero{padding:60px 0 52px}
  .county-list{columns:1}
}
@media print{ .nav,.cta{display:none} body{background:#fff} }