:root{
  --ink:#17211b; --muted:#5e6b63; --paper:#fbfaf6; --panel:#ffffff;
  --green:#173f35; --green2:#245c4c; --sand:#e9dfcd; --accent:#c87d32;
  --border:#d9d8d0; --shadow:0 12px 32px rgba(23,33,27,.10);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--green2)} img{max-width:100%}
.wrap{width:min(1120px,calc(100% - 36px));margin:auto}
.topbar{background:var(--ink);color:white;font-size:.92rem;padding:8px 0}
.topbar .wrap{display:flex;justify-content:space-between;gap:16px;align-items:center}
.topbar a{color:white;text-decoration:none;font-weight:800}
header{background:rgba(251,250,246,.97);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-weight:850;line-height:1.1}
.mark{width:38px;height:38px;border-radius:9px;background:var(--green);position:relative;box-shadow:inset 0 -7px 0 var(--accent);flex:0 0 auto}
.mark:before{content:"";position:absolute;width:19px;height:19px;border:3px solid white;border-bottom:0;transform:rotate(45deg);left:8px;top:7px}
nav{display:flex;gap:20px;align-items:center} nav a{text-decoration:none;color:var(--ink);font-weight:700;font-size:.94rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:9px;background:var(--green);color:#fff!important;text-decoration:none;font-weight:850;border:0}
.btn.alt{background:var(--accent)}
.header-call{white-space:nowrap}
.hero{padding:72px 0 58px;background:linear-gradient(135deg,#f8f3e8 0%,#edf3ef 100%);border-bottom:1px solid var(--border)}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:850;color:var(--green2)}
h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:.98;letter-spacing:-.045em;margin:.2em 0 .3em;max-width:900px}
h2{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.14;letter-spacing:-.03em;margin-top:1.55em}
h3{font-size:1.18rem;margin-top:1.5em}
.lead{font-size:1.18rem;max-width:820px;color:#33443a}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 8px}
.trustline{font-size:.92rem;color:var(--muted);max-width:780px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid.two{grid-template-columns:repeat(2,1fr)}
.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 4px 14px rgba(23,33,27,.04)}
.card h3{margin-top:0}.card p:last-child{margin-bottom:0}
section{padding:54px 0}
.band{background:var(--green);color:white}.band a{color:white}
.band h2{margin-top:0}.band .btn{background:white;color:var(--green)!important}
.content{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:42px;align-items:start}
.article{background:white;border:1px solid var(--border);border-radius:14px;padding:34px;box-shadow:0 5px 18px rgba(23,33,27,.04)}
.article h2:first-child{margin-top:.3em}
.article ul{padding-left:1.25em}
.side{position:sticky;top:100px}
.callbox{background:var(--green);color:white;border-radius:14px;padding:24px;box-shadow:var(--shadow)}
.callbox a{color:white}.callbox .btn{background:white;color:var(--green)!important;width:100%}
.small{font-size:.9rem;color:var(--muted)}
.breadcrumbs{font-size:.88rem;color:var(--muted);padding:18px 0 0}.breadcrumbs a{color:var(--muted)}
.refs{font-size:.9rem;background:#f3f0e8;border-left:4px solid var(--sand);padding:16px 18px;margin-top:28px}
footer{background:var(--ink);color:#e9eee9;padding:48px 0 90px;margin-top:60px}
footer a{color:white}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.mobile-call{display:none}
.kicker{background:#eef4f0;border:1px solid #d5e2da;border-radius:12px;padding:16px 18px;margin:24px 0}
@media(max-width:860px){
  nav a:not(.btn){display:none}
  .header-call{display:inline-flex!important;font-size:.88rem;padding:11px 13px}
  .content{grid-template-columns:1fr}.side{position:static}
  .grid,.grid.two{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr}
  .hero{padding:52px 0 42px}.article{padding:24px}
  .mobile-call{display:flex;position:fixed;bottom:12px;left:12px;right:12px;z-index:30;background:var(--accent);color:white!important;text-decoration:none;font-weight:900;justify-content:center;padding:15px;border-radius:10px;box-shadow:var(--shadow)}
}