:root{
  --green:#0F5E39; --ink:#13201B; --amber:#C8841C;
  --lightgreen:#E4F1E9; --stone:#5E675F; --paper:#FFFFFF; --rule:#D6E4DB;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);
  line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--amber)}
h1,h2,h3,h4{line-height:1.25;color:var(--ink);font-weight:bold}
h1{font-size:2.35rem;letter-spacing:-.02em;margin-bottom:.6rem}
h2{font-size:1.6rem;margin:2.6rem 0 .9rem}
h3{font-size:1.15rem;margin:1.8rem 0 .5rem}
p{margin-bottom:1.05rem}
ul,ol{margin:0 0 1.2rem 1.25rem}
li{margin-bottom:.45rem}
.small{font-size:.9rem;color:var(--stone)}

/* header */
header{border-bottom:1px solid var(--rule);background:var(--paper);position:sticky;top:0;z-index:50}
.hbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand span{font-weight:bold;font-size:1.06rem;color:var(--ink);letter-spacing:-.01em}
nav ul{display:flex;gap:20px;list-style:none;margin:0;align-items:center;flex-wrap:wrap}
nav a{text-decoration:none;font-size:.94rem;color:var(--stone)}
nav a:hover,nav a[aria-current="page"]{color:var(--green);font-weight:bold}
.btn{display:inline-block;background:var(--green);color:#fff!important;padding:12px 22px;
  border-radius:4px;text-decoration:none;font-weight:bold;font-size:.95rem;border:2px solid var(--green)}
.btn:hover{background:var(--ink);border-color:var(--ink);color:#fff!important}
.btn-alt{background:transparent;color:var(--green)!important;border:2px solid var(--green)}
.btn-alt:hover{background:var(--lightgreen);color:var(--green)!important;border-color:var(--green)}
.nav-cta{font-size:.9rem;padding:9px 16px}

/* hero */
.hero{background:var(--lightgreen);padding:64px 0 56px;border-bottom:1px solid var(--rule)}
.hero .kicker{color:var(--green);font-weight:bold;font-size:.85rem;letter-spacing:.09em;
  text-transform:uppercase;margin-bottom:.9rem}
.hero p.lead{font-size:1.16rem;max-width:44rem;color:var(--ink)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.6rem}

/* page head */
.phead{padding:52px 0 32px;border-bottom:1px solid var(--rule)}
.phead p.lead{font-size:1.1rem;max-width:44rem;color:var(--stone)}
.crumb{font-size:.85rem;color:var(--stone);margin-bottom:1rem}
.crumb a{color:var(--stone)}

main{padding:40px 0 20px}
.section{padding:8px 0}
.narrow{max-width:46rem}

/* cards */
.grid{display:grid;gap:20px;margin:1.4rem 0}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.card{border:1px solid var(--rule);border-radius:6px;padding:24px;background:var(--paper)}
.card h3{margin-top:0}
.card .price{color:var(--green);font-weight:bold;font-size:1rem;margin:.3rem 0 .8rem}
.card.dim{background:var(--lightgreen);border-color:var(--lightgreen)}

/* model dimensions */
.dim-list{list-style:none;margin-left:0}
.dim-list li{border-left:3px solid var(--amber);padding:2px 0 2px 16px;margin-bottom:1.1rem}
.dim-list strong{display:block;color:var(--green)}

/* callout */
.callout{background:var(--lightgreen);border-left:4px solid var(--green);padding:20px 24px;
  border-radius:0 6px 6px 0;margin:1.8rem 0}
.callout p:last-child{margin-bottom:0}

/* faq */
.faq{border-top:1px solid var(--rule);padding-top:6px;margin-top:1rem}
.faq details{border-bottom:1px solid var(--rule);padding:16px 0}
.faq summary{cursor:pointer;font-weight:bold;font-size:1.02rem;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"\25B8  ";color:var(--amber);font-weight:bold}
.faq details[open] summary::before{content:"\25BE  "}
.faq details p{margin:.8rem 0 0}

/* table */
table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.95rem}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
th{background:var(--lightgreen);color:var(--green);font-weight:bold}

/* article */
article.post{max-width:44rem}
article.post p:first-of-type{font-size:1.08rem}
.meta{font-size:.88rem;color:var(--stone);margin-bottom:1.6rem}

/* insights list */
.post-item{border-bottom:1px solid var(--rule);padding:22px 0}
.post-item h3{margin:0 0 .35rem}
.post-item a{text-decoration:none}
.post-item a:hover{text-decoration:underline}

/* forms */
.form-wrap{border:1px solid var(--rule);border-radius:6px;padding:28px;margin:1.4rem 0;
  background:var(--paper)}
.field{margin-bottom:18px}
.field label{display:block;font-weight:bold;font-size:.93rem;margin-bottom:6px;color:var(--ink)}
.field .hint{display:block;font-weight:normal;font-size:.85rem;color:var(--stone);margin-top:-2px;
  margin-bottom:6px}
.field input[type=text],.field input[type=email],.field input[type=tel],
.field select,.field textarea{
  width:100%;font-family:Arial,Helvetica,sans-serif;font-size:1rem;color:var(--ink);
  padding:11px 13px;border:1px solid var(--rule);border-radius:4px;background:var(--paper)}
.field textarea{min-height:130px;resize:vertical;line-height:1.55}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--lightgreen)}
.field .req{color:var(--amber);font-weight:bold}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hp{position:absolute;left:-9999px;visibility:hidden}
button.submit{font-family:Arial,Helvetica,sans-serif;background:var(--green);color:#fff;
  padding:14px 30px;border:2px solid var(--green);border-radius:4px;font-weight:bold;
  font-size:1rem;cursor:pointer}
button.submit:hover{background:var(--ink);border-color:var(--ink)}
@media(max-width:820px){.form-row{grid-template-columns:1fr}}

/* band */
.band{background:var(--ink);color:#fff;padding:48px 0;margin-top:52px}
.band h2{color:#fff;margin-top:0}
.band p{color:#D3DBD6;max-width:42rem}
.band a.btn{background:var(--amber);border-color:var(--amber)}
.band a.btn:hover{background:#fff;border-color:#fff;color:var(--ink)!important}

footer{border-top:1px solid var(--rule);padding:34px 0;font-size:.9rem;color:var(--stone)}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;margin-bottom:24px}
footer h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin-bottom:.6rem}
footer ul{list-style:none;margin:0}
footer li{margin-bottom:.4rem}
footer a{color:var(--stone);text-decoration:none}
footer a:hover{color:var(--green)}
.fbase{border-top:1px solid var(--rule);padding-top:18px;font-size:.84rem}

@media(max-width:820px){
  h1{font-size:1.85rem}
  h2{font-size:1.35rem}
  .g2,.g3,.fgrid{grid-template-columns:1fr}
  .hbar{flex-direction:column;align-items:flex-start;gap:12px}
  nav ul{gap:14px}
  .hero{padding:44px 0 40px}
}