html{scroll-behavior:smooth;scroll-padding-top:80px}
*{box-sizing:border-box}
img{max-width:100%;height:auto}
.wrap{max-width:var(--hg-max-width);margin:0 auto;padding:0 var(--hg-space-4)}
.narrow{max-width:720px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:20}
.site-header{position:sticky;top:0;z-index:10;background:var(--hg-ink)}
.bar{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo img{display:block;height:40px;width:auto}
nav{display:flex;align-items:center;gap:var(--hg-space-4)}
nav a:not(.hg-btn){color:var(--hg-ice);font:500 15px/1 var(--hg-font-text);text-decoration:none}
nav a:not(.hg-btn):hover,nav a[aria-current]{color:#fff}
.menu-btn{display:none;background:none;border:1.5px solid var(--hg-ocean);color:#fff;border-radius:var(--hg-radius-sm);padding:8px 14px;font:500 15px var(--hg-font-text)}
.hero{padding:var(--hg-space-7) 0 var(--hg-space-6)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--hg-space-5);align-items:center}
.lead{font:500 22px/30px var(--hg-font-display);color:var(--hg-slate);max-width:520px;margin:0 0 var(--hg-space-4)}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-logo{width:100%;max-width:520px;justify-self:end}
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--hg-space-4);margin-top:var(--hg-space-6)}
.pillars .hg-card{padding:var(--hg-space-4)}
.pillars p{margin:0;color:var(--hg-slate)}
.ico{width:32px;height:32px;fill:none;stroke:var(--hg-ocean);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:var(--hg-space-2)}
.section{padding:var(--hg-space-7) 0;position:relative;overflow:hidden}
.alt{background:var(--hg-white)}
.dark{background:var(--hg-ink);color:#fff}
.dark .hg-label{color:var(--hg-ice)}
.dark .sub,.dark p{color:var(--hg-ice)}
.dark h3{color:#fff}
.motif{position:absolute;right:-190px;top:-230px;width:500px;pointer-events:none}
.two{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--hg-space-6)}
.prose p{margin:0 0 var(--hg-space-3)}
.values{list-style:none;padding:0;margin:var(--hg-space-4) 0 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--hg-space-3)}
.values li{background:var(--hg-white);border:1px solid var(--hg-border);border-radius:var(--hg-radius-md);padding:var(--hg-space-3);color:var(--hg-slate);font-size:14px;line-height:22px}
.values strong{display:block;font:600 16px var(--hg-font-display);color:var(--hg-ink)}
.sub{color:var(--hg-slate);margin:0 0 var(--hg-space-5)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--hg-space-5);position:relative}
.steps li{border-top:2px solid var(--hg-aqua);padding-top:var(--hg-space-3)}
.steps p{margin:0}
form{display:grid;gap:var(--hg-space-3)}
label{display:grid;gap:6px;font-weight:500;font-size:15px}
input,textarea{font:inherit;padding:12px 14px;border:1px solid var(--hg-border);border-radius:var(--hg-radius-sm);background:#fff;color:var(--hg-ink)}
input:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--hg-aqua);outline-offset:2px}
form .hg-btn{justify-self:start}
.small{font:var(--hg-small);color:var(--hg-slate)}
.site-footer{background:var(--hg-ink);color:var(--hg-ice);padding:var(--hg-space-6) 0}
.site-footer p{margin:0}
.foot{display:flex;align-items:center;justify-content:space-between;gap:var(--hg-space-4);flex-wrap:wrap}
.foot img{height:40px;width:auto}
.site-footer .small{color:var(--hg-ice)}
@media (max-width:820px){
  .hero-grid,.two{grid-template-columns:1fr}
  .hero-logo{justify-self:start;max-width:360px;order:-1}
  .menu-btn{display:block}
  nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--hg-ink);flex-direction:column;align-items:flex-start;padding:var(--hg-space-3) var(--hg-space-4) var(--hg-space-4);gap:var(--hg-space-3)}
  nav.open{display:flex}
  .motif{display:none}
  .values{grid-template-columns:1fr}
}