:root{--ink:#102334;--green:#0c8750;--green-dark:#07643c;--cream:#f7f4ea;--line:#dfe6df;--muted:#5d6873}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;background:#fff}
a{color:var(--green-dark);font-weight:750}
.wrap{width:min(1120px,92vw);margin-inline:auto}
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand img{display:block;width:210px;height:auto}
nav{display:flex;gap:18px;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--ink)}
.breadcrumbs{padding-block:20px;font-size:.92rem;gap:9px}
.hero{background:linear-gradient(135deg,#effbf4 0%,var(--cream) 100%);border-block:1px solid var(--line);padding:64px 0}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:46px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900;color:var(--green)}
h1{font-size:clamp(2.7rem,7vw,5.5rem);line-height:.95;letter-spacing:-.06em;margin:.25em 0}
h2{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.12;letter-spacing:-.035em;margin-top:2em}
.lead{font-size:1.22rem;color:var(--muted);max-width:760px}
.purchase-card,.related{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 18px 50px rgb(16 35 52 / 10%)}
.price-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--muted);margin:0}
.price{font-size:2.35rem;line-height:1.05;font-weight:950;color:var(--ink);margin:.3em 0}
.button{display:block;text-align:center;padding:14px 18px;border-radius:10px;background:var(--green);color:#fff;text-decoration:none;font-weight:900;margin:22px 0}
.button:hover{background:var(--green-dark)}
.text-action{display:block;text-align:center;margin:-10px 0 20px}
.button.secondary{display:inline-block}
.lease{font-size:.92rem;color:var(--muted)}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:56px;padding-block:54px}
.uses{padding-left:1.25em}.uses li{margin:.7em 0}
.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.details div{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fafcfb}
dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--muted)}
dd{margin:5px 0 0;font-weight:700}
.related{align-self:start;position:sticky;top:18px}
.related ul{padding-left:1.2em}.related li{margin:.65em 0}
footer{padding:36px 0;background:var(--ink);color:#fff;margin-top:40px}footer a{color:#baf3cf}
.directory{padding-block:55px}.directory h1{font-size:clamp(2.7rem,6vw,4.8rem)}
.directory section{margin:55px 0}
.directory-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0}
.directory-list li{border:1px solid var(--line);padding:13px 15px;border-radius:10px;display:flex;justify-content:space-between;gap:10px}
.directory-list span{color:var(--muted);white-space:nowrap;font-size:.9rem}
@media(max-width:850px){.hero-grid,.content-grid{grid-template-columns:1fr}.related{position:static}.directory-list{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.header-inner{align-items:flex-start;flex-direction:column;padding-block:16px}.brand img{width:180px}.hero{padding:42px 0}.details,.directory-list{grid-template-columns:1fr}.price{font-size:2rem}}