:root{font-size:18px;--accent:#e8bb49;--ink:#181b1e;--muted:#52585c;--paper:#f6f6f2;--line:#d8dcd9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Heebo,Arial,sans-serif;font-size:1rem;line-height:1.7}p{margin:0 0 1.2rem}h1,h2,h3{line-height:1.15;margin:0 0 1.2rem}h1{font-size:clamp(3.3rem,5.7vw,5.5rem);font-weight:800;letter-spacing:-.065em}h2{font-size:clamp(2.1rem,3.3vw,3.5rem);letter-spacing:-.045em}h3{font-size:1.45rem}a{color:inherit;text-underline-offset:5px}button,select,input{font:inherit}button,summary{cursor:pointer}img{display:block;max-width:100%}figure{margin:0}button,a,select,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #007cad;outline-offset:5px}.skip{position:fixed;top:-100px;right:1rem;z-index:20;background:white;color:#181b1e;padding:.6rem 1rem}.skip:focus{top:1rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.2rem 5%;max-width:1600px;margin:auto;background:#fff}.brand{display:flex;flex-direction:column;gap:.1rem;text-decoration:none}.brand img{width:158px;height:auto;object-fit:contain}.brand span{font-size:1rem}.site-header nav{display:flex;gap:1.8rem}.site-header nav a{text-decoration:none}.header-phone{display:flex;align-items:center;gap:1.2rem;text-decoration:none;font-weight:700}.header-phone>span{width:42px;height:42px;display:grid;place-items:center;background:var(--accent)}.hero{display:grid;grid-template-columns:1.05fr 1fr;max-width:1600px;margin:auto;background:var(--ink);color:#fff;overflow:hidden;min-height:690px}.hero-copy{padding:3.7rem 9% 3rem}.eyebrow{font-size:1rem;font-weight:700;margin-bottom:1.4rem}.hero .eyebrow{color:#e5e8e8;display:flex;align-items:center;gap:.65rem}.yellow-dot{width:10px;height:10px;background:var(--accent);display:inline-block;flex-shrink:0}h1 em{color:var(--accent);font-style:normal}.hero-lead{font-size:1.2rem;line-height:1.6;max-width:32rem}.hero-copy>p:not(.eyebrow){max-width:34rem}.hero-copy>p a{color:var(--accent);font-weight:700}.hero-actions{display:flex;align-items:center;gap:1.7rem;flex-wrap:wrap;margin:1.8rem 0 2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;text-decoration:none;background:var(--accent);border:1px solid var(--accent);color:var(--ink);font-size:1rem;font-weight:700;padding:.85rem 1.3rem;min-height:50px}.button:hover{background:#f4cc68;border-color:#f4cc68}.button.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.button.dark:hover{background:#353d43;border-color:#353d43}.hero-call{font-size:1rem}.hero-details{display:flex;gap:.8rem;flex-wrap:wrap;color:#d9dedf;border-top:1px solid #424a4f;padding-top:1.4rem}.hero-details>span+span:before{content:'·';padding-left:.8rem}.hero-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;background:radial-gradient(ellipse at 50% 48%,#d7f1fc 0%,#8fd2ee 35%,#38a9d5 100%);padding:4rem 2rem 5rem;isolation:isolate}.hero-stage:before{content:'';position:absolute;inset:1.4rem;border:1px solid #154a6440;z-index:-1}.stage-word{position:absolute;font-size:clamp(4rem,8vw,8rem);font-weight:900;letter-spacing:-.06em;color:#181b1e14;top:12%;left:5%;right:5%;text-align:center;direction:ltr}.stage-label{position:absolute;top:2.3rem;left:2.5rem;font-weight:700;color:#123849;font-size:1rem}.hero-product{width:100%;height:460px;object-fit:contain;filter:drop-shadow(0 20px 12px #0004);transform:rotate(-8deg);z-index:1}.stage-bottom{position:absolute;bottom:2.4rem;left:2.5rem;right:2.5rem;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:bold}.stage-bottom a{display:grid;place-items:center;background:var(--ink);color:white;width:48px;height:48px;text-decoration:none}.trade-strip{max-width:1600px;margin:auto;background:#eaf3f7;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center;padding:1.2rem 5%;border-bottom:1px solid #cddfe7}.trade-strip>span+span{border-right:1px solid #bfd3dd}.section{padding:5rem 5%;max-width:1600px;margin:auto}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;align-items:end;margin-bottom:2.8rem}.section-heading>p{max-width:33rem;color:var(--muted)}.models .eyebrow,.selection .eyebrow,.faq .eyebrow{color:#435e6c}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.product-card{background:#fff;border:1px solid #d8dcd9;min-width:0;scroll-margin-top:1rem;display:flex;flex-direction:column}.product-visual{position:relative;background:#edf2f5;min-height:330px;padding:3rem 1.5rem 1.5rem;border-bottom:1px solid #d8dcd9;overflow:hidden}.product-tag{position:absolute;top:1rem;right:1.2rem;z-index:1;border-right:4px solid var(--accent);padding-right:.6rem;background:#edf2f5e6;font-weight:bold;font-size:1rem}.product-visual img{height:290px;width:100%;object-fit:contain;filter:drop-shadow(0 9px 7px #0002)}#ottovac .product-visual img{mix-blend-mode:multiply}.product-number{position:absolute;bottom:.7rem;left:1rem;color:#5a615c;font-weight:bold;font-size:1rem}.product-copy{padding:2rem;display:flex;flex-direction:column;flex:1}.model-en{font-weight:700;font-size:1rem;letter-spacing:.05em;color:#435e6c;margin-bottom:.65rem;text-align:right}.product-copy h3{font-size:2rem;letter-spacing:-.04em;margin-bottom:.6rem}.product-intro{font-weight:bold;margin-bottom:.6rem}.product-copy>p:not(.model-en):not(.product-intro){color:var(--muted)}.product-copy ul{list-style:none;padding:0;margin:0 0 1.7rem}.product-copy li{padding:.35rem 1.2rem .35rem 0;position:relative}.product-copy li:before{content:'';height:7px;width:7px;position:absolute;right:0;top:1rem;background:#12709a}.product-actions{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;margin-top:auto}.text-link{font-size:1rem;font-weight:bold;text-decoration:underline;text-underline-offset:6px}.choose-model{border:0;background:transparent;color:var(--ink);padding:.3rem 0}.use-note{font-size:1rem;color:var(--muted);margin-top:1.8rem;max-width:65rem}.why{display:grid;grid-template-columns:1fr 1fr;gap:5%;background:#eaf3f7;align-items:center}.work-image{border-left:8px solid var(--accent);background:#d5e6ed}.work-image img{height:auto;max-height:680px;width:100%;object-fit:contain}.why-copy>p{max-width:34rem}.why-list{margin:2rem 0}.why-list article{display:flex;gap:1.2rem;border-top:1px solid #bdced8;padding-top:1rem;margin-top:1rem}.why-list article>span{font-weight:bold;color:#49616c}.why-list h3{font-size:1.2rem;margin-bottom:.4rem}.why-list p{margin-bottom:.7rem;color:#40535d}.selection{background:var(--ink);color:#fff}.selection .eyebrow{color:var(--accent)}.selection-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin:2.6rem 0}.selection-steps article{border-top:1px solid #5a6264;padding-top:1.2rem}.selection-steps article>span{display:grid;place-items:center;background:var(--accent);color:var(--ink);width:42px;height:42px;font-weight:700;margin-bottom:1rem}.selection-steps h3{font-size:1.3rem}.selection-steps p{color:#d7ddde}.selection>.text-link{color:var(--accent)}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem}.faq details{border-bottom:1px solid #bdc3bd;padding:1.2rem 0}.faq summary{font-size:1.1rem;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:1.5rem;font-weight:400}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{padding-top:1rem;color:var(--muted);margin-bottom:.2rem}.contact{display:grid;grid-template-columns:1fr 1fr;gap:6%;background:var(--accent);align-items:center}.contact h2 em{font-style:normal}.contact-copy>p{max-width:32rem}.contact-phone{font-size:2rem;font-weight:700;text-decoration:none;display:block;margin:1.8rem 0 1rem}.contact-shop{display:inline-block;font-weight:700}.contact form{background:white;color:var(--ink);padding:2.2rem;border:1px solid #181b1e1a}.contact form h3{font-size:1.6rem}.contact form>label:not(.consent){display:block;font-size:1rem;margin:.9rem 0 .4rem}.contact select{width:100%;font-size:1rem;padding:.7rem .8rem;background:#fff;border:1px solid #747e7f;color:var(--ink)}.consent{font-size:1rem;display:flex;align-items:flex-start;gap:.65rem;margin:1.2rem 0}.consent input{width:22px;height:22px;accent-color:#181b1e;flex-shrink:0;margin-top:.3rem}.contact form .button{width:100%}#form-status{margin:.7rem 0 0}footer{max-width:1600px;margin:auto;padding:3rem 5% 6rem;background:#fff}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-bottom:2rem}.footer-phone{font-weight:bold;font-size:1.4rem;text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;border-top:1px solid #d8dcd9;padding-top:1.5rem}.footer-bottom p{font-size:1rem;margin:0}.footer-bottom nav{display:flex;gap:1.1rem;flex-wrap:wrap;font-size:1rem}.a11y-toggle{position:fixed;left:1rem;bottom:1rem;z-index:8;display:flex;align-items:center;gap:.5rem;background:#fff;color:var(--ink);border:2px solid var(--ink);padding:.55rem .8rem;box-shadow:0 3px 15px #0002;font-size:1rem}.a11y-toggle svg{width:26px;height:26px;stroke:currentColor;stroke-width:2;fill:currentColor}.toggle-label{font-size:1rem}dialog{color:var(--ink);background:#fff;border:1px solid #71797a;padding:2rem;max-width:min(94vw,660px);max-height:85dvh;overflow:auto;font-size:1rem}dialog::backdrop{background:#12191dc4}dialog h2{font-size:1.7rem}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.close-dialog{border:1px solid;background:transparent;padding:.3rem .8rem;font-size:1rem}.font-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.font-controls button,.a11y-options button{padding:.6rem;border:1px solid #697475;background:#fff;color:var(--ink);min-height:46px;font-size:1rem}.a11y-options{display:grid;gap:.7rem}.a11y-options [aria-pressed=true]{background:var(--ink);color:#fff}.a11y-dialog p,.privacy-dialog p{font-size:1rem}.privacy-dialog .button{width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);font-size:1rem}.legal-content{max-width:880px;margin:auto}.legal-content h1{font-size:2.8rem;letter-spacing:-.03em;margin-top:2rem}.legal-content h2{font-size:1.6rem;letter-spacing:0;margin-top:2rem}.legal-content p,.legal-content li{font-size:1rem;overflow-wrap:anywhere}.legal-content .updated{color:var(--muted);margin-bottom:2rem}.high-contrast,.high-contrast header,.high-contrast section,.high-contrast form,.high-contrast footer,.high-contrast dialog,.high-contrast .trade-strip,.high-contrast .product-card,.high-contrast .product-visual,.high-contrast .hero-stage{background:#000!important;color:#fff!important}.high-contrast p,.high-contrast a,.high-contrast span,.high-contrast em,.high-contrast h1,.high-contrast h2,.high-contrast h3,.high-contrast li{color:#fff!important}.high-contrast button,.high-contrast .button{background:#fff!important;color:#000!important;border-color:white!important}.highlight-links a{text-decoration:underline!important;text-decoration-thickness:2px!important}.reduce-motion,.reduce-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media(max-width:1100px){.site-header nav{gap:1rem}.hero-copy{padding:3rem 7%}.hero-product{height:420px}.hero-stage{padding:4rem 1rem}.hero-details{display:block}.hero-details>span{display:block}.hero-details>span+span:before{display:none}.section{padding:4rem 5%}.product-copy{padding:1.5rem}.why{gap:4%}.section-heading{gap:3rem}.contact form{padding:1.5rem}}@media(max-width:800px){.site-header nav{display:none}.hero{grid-template-columns:1fr 1fr;min-height:0}.hero-product{height:340px}.hero-stage:before{inset:1rem}.stage-label{left:1.6rem;top:1.6rem}.stage-bottom{left:1.6rem;right:1.6rem;bottom:1.5rem}.stage-word{top:20%}.hero-copy{padding:2.5rem 7%}.hero h1{font-size:3.3rem}.hero-actions{gap:1rem}.hero-lead{font-size:1.1rem}.product-grid{gap:1.3rem}.product-visual{min-height:290px}.product-visual img{height:230px}.product-copy h3{font-size:1.7rem}.why{grid-template-columns:1fr;gap:2.5rem}.work-image{max-width:640px}.work-image img{max-height:500px}.faq{gap:2rem;grid-template-columns:1fr 1.4fr}.selection-steps{gap:1.3rem}.contact{gap:2rem}}@media(max-width:650px){.site-header{padding:1rem 5%;gap:1rem;flex-wrap:wrap}.brand img{width:136px}.header-phone{gap:.5rem}.header-phone>span{width:32px;height:36px}.hero{display:flex;flex-direction:column}.hero-copy{padding:2.5rem 6% 2rem}.hero h1{font-size:3.7rem}.hero-details{display:flex;gap:.6rem}.hero-details>span{display:inline}.hero-stage{min-height:410px;padding:3.8rem 1.5rem 4.8rem}.hero-product{height:340px;max-width:420px}.stage-word{font-size:4.6rem;top:7%}.stage-label{top:1.5rem}.trade-strip{grid-template-columns:1fr 1fr;padding:1.2rem 5%;text-align:right}.trade-strip>span+span{border:0}.section{padding:3.5rem 6%}.section-heading{grid-template-columns:1fr;gap:.8rem;margin-bottom:2rem}.product-grid{grid-template-columns:1fr;gap:1.7rem}.product-visual{padding-top:3.5rem;min-height:320px}.product-visual img{height:270px}.product-copy{padding:1.5rem}.product-copy h3{font-size:2rem}.product-actions{gap:1.1rem}.product-actions .button{flex:1}.why{gap:2rem}.selection-steps{grid-template-columns:1fr;gap:1.5rem}.selection-steps article{padding-top:1rem}.selection-steps article>span{margin-bottom:.7rem}.faq,.contact{grid-template-columns:1fr;gap:2rem}.contact form{padding:1.4rem}.contact-phone{font-size:1.8rem}.footer-top{align-items:flex-start;flex-wrap:wrap}.footer-phone{font-size:1.2rem}.footer-bottom nav{gap:1rem}.legal-content h1{font-size:2.3rem}dialog{padding:1.3rem}.a11y-toggle{left:.7rem;bottom:.7rem;padding:.4rem .6rem}.a11y-toggle svg{width:23px;height:23px}}@media(max-width:360px){.header-phone{font-size:1rem}.header-phone>span{display:none}.brand img{width:120px}.hero h1{font-size:3.2rem}.hero-actions .button{width:100%}.stage-bottom{gap:.5rem}.stage-bottom a{flex-shrink:0}.product-actions{flex-direction:column;align-items:stretch}}
@font-face{font-family:Heebo;src:url('/assets/heebo-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Heebo;src:url('/assets/heebo-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}body{font-family:Heebo,Arial,sans-serif}

:root{--accent:#e8bb49;--ink:#20251f;--paper:#f7f5ef;--muted:#535b51}body{overflow-wrap:anywhere}.site-header{background:var(--ink);color:white;max-width:none;padding:1rem 5%}.brand img{width:170px;height:76px;object-fit:contain}.site-header nav{gap:1.5rem}.header-phone>span{color:var(--ink)}.earth-hero{display:grid;grid-template-columns:1fr 1.03fr;background:var(--ink);color:white;min-height:650px;max-width:1800px;margin:auto}.earth-copy{grid-column:1;grid-row:1;padding:3.4rem 9% 3.3rem}.earth-copy h1{font-size:clamp(3rem,4.8vw,4.8rem);letter-spacing:-.055em}.earth-copy h1 em{font-style:normal;color:var(--accent)}.earth-copy .eyebrow{display:flex;align-items:center;gap:.6rem;color:var(--accent)}.earth-copy p{max-width:33rem}.hero-photo{grid-column:2;grid-row:1;position:relative;min-width:0;min-height:600px;overflow:hidden}.hero-photo>img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.82)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#121c17bd,transparent 65%)}.photo-caption{position:absolute;z-index:1;bottom:2rem;left:2rem;right:2rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff80;padding-top:1.2rem;font-weight:bold}.photo-caption>span:last-child{font-size:2rem;color:var(--accent)}.trade-strip{max-width:none;background:#eae7dd;border-color:#d2cec1}.trade-strip>span+span{border-color:#c7c1af}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.service-card{background:#fff;border:1px solid #ddd9cd;padding:1.7rem;display:flex;flex-direction:column;min-width:0}.service-number{font-size:2.8rem;color:#45483C;font-weight:700;line-height:1;margin-bottom:2.5rem}.service-card h3{font-size:1.7rem}.service-intro{font-weight:bold}.service-card p:not(.service-intro){color:var(--muted)}.service-card a{margin-top:auto;font-weight:700;padding-top:1rem}.earth-why{display:grid;grid-template-columns:1fr 1fr;gap:5%;background:#eaece3;align-items:center}.earth-why figure{align-self:stretch;display:flex;flex-direction:column}.earth-why figure img{width:100%;height:100%;min-height:420px;object-fit:cover}.earth-why figcaption{background:var(--ink);color:white;padding:1rem;font-size:1rem}.why-list article{border-color:#c6cbbd}.why-list p{color:var(--muted)}.selection{max-width:none}.selection-steps,.selection>h2,.selection>.eyebrow,.selection>.text-link{max-width:1440px;margin-left:auto;margin-right:auto}.selection .text-link{display:block;color:var(--accent)}.contact{background:#e8bb49}.contact h2{font-size:clamp(2.2rem,3.5vw,3.5rem)}.form-note{margin-top:1rem;font-size:1rem;color:var(--muted)}footer{max-width:none;background:var(--ink);color:white}.footer-bottom{border-color:#63685d}.footer-bottom nav button{background:none;color:inherit;border:0;text-decoration:underline;padding:0;font:inherit;text-underline-offset:5px}.legal-content{max-width:900px;margin:auto}.legal-content h1{font-size:clamp(2.2rem,4vw,3.4rem)}.legal-content h2{font-size:1.5rem;margin-top:2rem}.a11y-toggle{color:#20251f}.high-contrast .service-card,.high-contrast .earth-why,.high-contrast .contact{background:black!important;color:white!important}.high-contrast p,.high-contrast .service-number{color:white!important}.high-contrast a{color:#ffef00!important}.high-contrast .contact form,.high-contrast select{background:black!important;color:white!important}.high-contrast .button{background:#ffef00!important;color:black!important}@media(max-width:950px){.site-header nav{display:none}.earth-copy{padding:2.5rem 7%}.earth-copy h1{font-size:3rem}.service-grid{grid-template-columns:1fr}.service-number{margin-bottom:1.3rem}.earth-why{gap:2rem}.section-heading{gap:2rem}}@media(max-width:700px){.earth-hero{display:flex;flex-direction:column}.earth-copy{order:0}.hero-photo{order:1;min-height:340px}.earth-copy h1{font-size:clamp(2.8rem,12vw,3.8rem)}.earth-why{grid-template-columns:1fr}.earth-why figure img{min-height:280px;max-height:400px}.site-header .brand img{width:130px;height:60px}.header-phone{font-size:1rem}.header-phone>span{display:none}.section-heading,.faq,.contact{grid-template-columns:1fr}.contact-phone{font-size:1.6rem}.photo-caption{left:1rem;right:1rem;bottom:1rem}.hero-actions a{max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}