/* Habo service pages: a single responsive system aligned to the approved Habo hub. */
:root{--hb-forest:#1b3626;--hb-forest-2:#2b573b;--hb-gold:#d8aa37;--hb-bg:#f6f8f4;--hb-ink:#1b2a20;--hb-muted:#5b705f;--hb-line:#dbe6dd;--hb-soft:#eef4ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--hb-bg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--hb-ink);line-height:1.66}
.habo-service a{color:#245c36;text-underline-offset:3px}.habo-service a:focus-visible,.habo-service button:focus-visible{outline:3px solid var(--hb-gold);outline-offset:3px}
.hb-wrap{width:min(calc(100% - 42px),1140px);margin-inline:auto}.hb-skip{position:absolute;top:-120px;left:10px;background:#fff;padding:12px;z-index:2000}.hb-skip:focus{top:10px}
.hb-hero{background:radial-gradient(circle at 90% 0%,#c8dca61e,transparent 38%),linear-gradient(120deg,#162c1f,#285139);color:#fff;padding:29px 0 61px;overflow:hidden}
.hb-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 44px;font-size:13px;color:#c9dfce}.hb-breadcrumb a{color:#e5ede3!important;text-decoration:none;font-weight:750}.hb-breadcrumb a:hover{text-decoration:underline}.hb-breadcrumb span{opacity:.8}
.hb-hero-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(285px,.62fr);align-items:center;gap:clamp(27px,5vw,60px)}
.hb-kicker{display:inline-flex;gap:10px;align-items:center;margin:0 0 17px;color:#f0d38b;font-size:12px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}.hb-kicker:before{content:"";display:block;width:25px;height:3px;background:var(--hb-gold);border-radius:3px}
.hb-hero h1{font-size:clamp(35px,5.1vw,61px);line-height:1.08;letter-spacing:-.045em;margin:0 0 21px;max-width:765px;text-wrap:balance}.hb-hero h1 em{font-style:normal;color:#e8d18e}
.hb-lead{font-size:clamp(16px,1.7vw,19px);line-height:1.65;color:#deebdf;margin:0;max-width:690px}
.hb-cta{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.hb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:49px;padding:11px 18px;border-radius:11px;text-decoration:none!important;font-weight:850;font-size:14px;transition:background .2s ease,transform .2s ease}
.hb-btn:hover{transform:translateY(-2px)}.hb-btn-light{background:#fff;color:#193e28!important}.hb-btn-light:hover{background:#eff5ed}.hb-btn-border{border:1px solid #ffffff86;color:#fff!important;background:#ffffff12}.hb-btn-border:hover{background:#ffffff27}.hb-btn-dark{background:#21462d;color:#fff!important}.hb-btn-dark:hover{background:#336043}
.hb-hero-panel{padding:26px 27px;border-radius:22px;background:#ffffff12;border:1px solid #ffffff40;box-shadow:0 21px 54px #0a180d2e}
.hb-panel-label{color:#e9ce8c;text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:900;margin-bottom:12px}
.hb-hero-panel h2{font-size:22px;letter-spacing:-.02em;margin:0 0 12px;line-height:1.24;color:#fff}.hb-hero-panel p{font-size:14px;color:#d5e5d6;margin:0 0 13px}.hb-hero-panel ul{padding:0 0 0 18px;margin:0;display:grid;gap:8px;font-size:13px;color:#e6f0e8}
.hb-hero-panel .hb-panel-small{border-top:1px solid #ffffff35;padding-top:15px;margin:17px 0 0;font-size:12px;color:#cddacf}
.hb-section{padding:69px 0}.hb-section-alt{background:#edf4ed}.hb-eyebrow{color:#4a7954;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin:0 0 12px}
.hb-section h2{font-size:clamp(27px,3.5vw,41px);letter-spacing:-.035em;line-height:1.16;margin:0 0 13px}.hb-intro{font-size:17px;color:var(--hb-muted);max-width:820px;margin:0}
.hb-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:29px}.hb-card{background:#fff;border:1px solid var(--hb-line);border-radius:18px;padding:25px;min-width:0;box-shadow:0 9px 24px #152e1b08}
.hb-card-index{display:inline-grid;place-items:center;border-radius:10px;background:#edf4eb;color:#3c7448;font-weight:950;font-size:13px;width:36px;height:35px}.hb-card h3{font-size:20px;letter-spacing:-.02em;margin:18px 0 10px;line-height:1.25}.hb-card p{font-size:14px;color:var(--hb-muted);margin:0}
.hb-split{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(295px,.86fr);gap:clamp(25px,5vw,65px);align-items:start}.hb-prose p{font-size:16px;line-height:1.8;color:#4d6453;margin:0 0 18px}.hb-prose p:last-child{margin-bottom:0}
.hb-note{background:#fff;border:1px solid #d9e4d9;border-radius:18px;padding:28px;box-shadow:0 15px 28px #162e1b0b}.hb-note h3{font-size:21px;line-height:1.25;margin:0 0 14px}.hb-note p{font-size:14px;color:var(--hb-muted);margin:0 0 12px}
.hb-check-list{padding-left:21px;margin:17px 0 0;display:grid;gap:9px;color:#395541}.hb-check-list li{font-size:15px}
.hb-quote{font-size:18px;font-weight:750;line-height:1.6;border-left:4px solid var(--hb-gold);padding:10px 0 10px 21px;margin:27px 0 0;max-width:760px}
.hb-faq{max-width:920px}.hb-faq details{background:#fff;border:1px solid var(--hb-line);border-radius:12px;margin-top:11px}.hb-faq summary{font-weight:830;font-size:16px;padding:17px 21px;cursor:pointer;display:list-item;list-style-position:inside}.hb-faq summary:hover{background:#f5f9f4}.hb-faq details p{color:var(--hb-muted);font-size:15px;padding:0 22px 20px;margin:0}
.hb-secondary-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:14px}.hb-secondary-links a{font-weight:800}
.hb-final{padding:58px 0;background:#193625;color:#fff}.hb-final-inner{display:flex;gap:28px;justify-content:space-between;align-items:center}.hb-final h2{font-size:clamp(27px,3.5vw,39px);max-width:720px;line-height:1.18;margin:0 0 11px}.hb-final p{color:#dae9da;max-width:750px;margin:0}.hb-final .hb-btn{flex-shrink:0}
@media(max-width:920px){.hb-hero-grid,.hb-split{grid-template-columns:1fr}.hb-hero-panel{max-width:600px}.hb-card-grid{gap:12px}}
@media(max-width:680px){.hb-wrap{width:min(100% - 28px,1140px)}.hb-hero{padding:21px 0 42px}.hb-breadcrumb{margin-bottom:30px}.hb-hero h1{font-size:clamp(33px,8.9vw,48px)}.hb-cta .hb-btn{flex:1 1 190px}.hb-hero-panel{padding:22px}.hb-section{padding:46px 0}.hb-card-grid{grid-template-columns:1fr}.hb-card{padding:22px}.hb-final-inner{align-items:stretch;flex-direction:column}.hb-final .hb-btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hb-btn{transition:none}.hb-btn:hover{transform:none}}