:root{--paper:#f5f4ef;--white:#fff;--ink:#252b28;--muted:#5b625e;--line:#d5d8d0;--tint:#e7eae2;--accent:#aa4028;--accent-soft:#efdfd3;--button:#a73c24;--button-text:#fff;--font:'Geist',Arial,sans-serif;--display:var(--font);--radius:14px;--section:100px;--gutter:48px;color-scheme:light}
html[data-theme=garden]{--paper:#fafbf6;--ink:#203d32;--muted:#516657;--line:#cdd9c9;--tint:#e9efdc;--accent:#386044;--accent-soft:#f7eab9;--button:#244c39;--font:'Jakarta',Arial,sans-serif;--radius:28px;--section:104px}
html[data-theme=electric]{--paper:#fff;--ink:#102b3f;--muted:#4c6572;--line:#bfced5;--tint:#eaf1f5;--accent:#ac3c15;--accent-soft:#f9e4d9;--button:#102b3f;--font:'Inter',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;--radius:10px;--section:104px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}body:has(dialog[open]){overflow:hidden}h1,h2,h3,h4,p,figure,ul,ol,dl{margin:0}h1,h2,h3,h4{font-family:var(--display);font-weight:500;letter-spacing:-.045em;line-height:1.1;text-wrap:balance}h1{font-size:clamp(38px,4vw,64px)}h2{font-size:clamp(32px,3.6vw,54px)}h3{font-size:26px;line-height:1.2}h4{font-size:20px}p+p{margin-top:16px}p{max-width:75ch}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}img,svg{display:block;max-width:100%}img{height:auto}ul,ol{padding-left:24px}button,a,input,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{background:none;border:0}strong,b{font-weight:600}::selection{background:var(--accent-soft)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}input:focus-visible,textarea:focus-visible{outline-offset:3px}html[data-mode=paket-1] [data-package=premium],html:not([data-mode=paket-1]) [data-package=basic]{display:none!important}[id]{scroll-margin-top:30px}.container{width:min(1320px,calc(100% - var(--gutter)*2));margin-inline:auto}.section{padding-block:var(--section)}.lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:56ch;margin-top:24px}.small{font-size:13px;line-height:1.65;color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.6;margin-bottom:20px;color:var(--muted)}.section-head{margin-bottom:44px;max-width:780px}.section-head h2+p{margin-top:24px}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.split>*,.hero-grid>*,.assistant-layout>*,.page-hero-grid>*{min-width:0}.tint{background:var(--tint)}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:52px;min-width:44px;padding:14px 23px;border:1px solid transparent;border-radius:6px;background:var(--button);color:var(--button-text);font-size:14px;font-weight:500;line-height:1.45;text-align:left;max-width:100%;transition:background .15s,transform .15s}.button>span:last-child{font-size:21px;font-weight:400;line-height:1;flex:none}.button:hover{filter:brightness(1.08)}.button-outline{background:transparent;color:var(--ink);border-color:var(--line)}.button-outline:hover{background:var(--tint)}.text-link{background:transparent;color:var(--ink);border:0;border-radius:0;padding:10px 0;min-height:44px;min-width:44px;display:inline-flex;align-items:center;gap:22px;font-size:14px;text-decoration:underline;text-underline-offset:6px}.text-link:hover{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;padding:0;border:0}.skip-link{position:fixed;left:12px;top:-100px;padding:12px 18px;background:var(--ink);color:#fff;z-index:100}.skip-link:focus{top:12px}.demo-strip{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;gap:12px;font-size:11px;line-height:1.4;padding:0 var(--gutter);min-height:36px}.demo-strip a{display:inline-flex;align-items:center;min-height:36px}.site-header{background:var(--paper);position:relative;z-index:10}.header-main{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:100px}.brand{display:flex;align-items:center;gap:13px;min-height:52px;min-width:44px}.brand>svg{width:36px;height:36px;flex:none;color:var(--accent)}.brand b{display:block;font-size:30px;letter-spacing:-.055em;line-height:1.1;font-weight:600}.brand small{display:block;font-size:11px;line-height:1.4;margin-top:6px;letter-spacing:.015em}.header-actions{display:flex;align-items:center;gap:26px}.call-link{display:flex;align-items:center;gap:9px;min-height:48px;font-size:13px;white-space:nowrap;padding:8px}.main-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.main-nav ul{list-style:none;padding:0;display:flex;align-items:center;justify-content:space-between;gap:16px}.main-nav a{display:flex;align-items:center;min-height:52px;font-size:12px;white-space:nowrap;border-bottom:2px solid transparent}.main-nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.main-nav a:hover{color:var(--accent)}.menu-toggle{display:none;min-height:48px;min-width:64px;font-size:13px;gap:12px;align-items:center}.hero{padding-top:52px}.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:54px;align-items:center}.hero-copy{padding-block:16px 24px}.hero h1{font-size:clamp(38px,3.55vw,57px);line-height:1.07;letter-spacing:-.055em}.hero h1 span{color:var(--accent)}.hero-copy .lead{font-size:17px;margin-top:24px}.hero .actions{gap:14px}.hero .actions .button{font-size:13px;gap:16px;padding-inline:18px}.hero-art{position:relative;align-self:stretch;min-height:560px}.photo{position:relative;border-radius:var(--radius);overflow:hidden;margin:0;background:var(--tint)}.photo img{width:100%;aspect-ratio:3/2;object-fit:cover}.photo figcaption{position:absolute;bottom:12px;right:12px;background:rgba(16,30,24,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;letter-spacing:.015em;line-height:1.4}.hero-photo{height:100%}.hero-photo img{height:100%;min-height:100%;object-fit:cover}.hero-note{position:absolute;left:-24px;bottom:40px;display:flex;align-items:center;gap:20px;background:var(--paper);padding:22px 28px;border-radius:8px;max-width:85%;box-shadow:0 3px 20px #1523170a}.hero-note p{font-size:15px;line-height:1.5}.hero-note-mark{font-size:36px;line-height:1;color:var(--accent)}.competence-row{list-style:none;padding:38px 0 44px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.competence-row li{display:flex;gap:12px;font-size:12px;line-height:1.65;color:var(--muted)}.competence-row li span{font-size:16px;color:var(--accent)}.assistant-section{background:var(--tint)}.assistant-layout{display:grid;grid-template-columns:.76fr 1.24fr;align-items:start;gap:72px}.assistant-intro{position:sticky;top:32px}.assistant-intro h2{font-size:clamp(34px,3.5vw,52px)}.assistant-aside{display:flex;align-items:center;gap:24px;margin-top:36px;padding-block:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step-symbol{font-size:27px;letter-spacing:-.06em;font-weight:500}.assistant-aside p{font-size:13px;line-height:1.5}.demo-note{margin-top:28px}.form-card{background:var(--white);border-radius:var(--radius);padding:36px}.form-card form>fieldset{border:0;margin:0;padding:0;min-width:0}.form-progress{margin-bottom:30px}.form-progress ol{list-style:none;padding:0;display:flex;justify-content:space-between;gap:10px}.form-progress li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.form-progress li>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;font-size:11px}.form-progress li[aria-current=step]{color:var(--ink);font-weight:600}.form-progress li[aria-current=step]>span,.form-progress li.completed>span{background:var(--ink);color:#fff;border-color:var(--ink)}.progress-text{font-size:12px;color:var(--muted);margin-top:22px}.progress-bar{height:3px;background:var(--tint);margin-top:12px}.progress-bar>span{display:block;height:3px;background:var(--accent);transition:width .2s}.step-panel>h3{font-size:26px;margin-bottom:12px}.step-panel>.small{margin-bottom:24px}.choice-group{margin:26px 0 0;padding:0;border:0;min-width:0}.choice-group legend{font-size:14px;font-weight:500;line-height:1.55;padding:0;margin-bottom:12px;width:100%}.required{color:var(--accent)}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice{position:relative;display:flex;align-items:center;min-height:52px;border:1px solid var(--line);border-radius:7px;padding:12px;gap:10px;cursor:pointer;background:#fff;font-size:13px;line-height:1.5}.choice>input{width:16px;height:16px;accent-color:var(--accent);margin:0;flex:none}.choice>span{display:flex;align-items:center;gap:12px;min-width:0}.choice-index{font-size:11px;color:var(--muted);flex:none}.choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.choice:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.choice input:focus-visible{outline:0}.choice:hover{border-color:var(--accent)}.field-error{font-size:12px;color:#a62b20;margin-top:6px;line-height:1.5}.field-error:empty{display:none}.form-error{font-size:14px;color:#a62b20;line-height:1.5;margin-top:20px}.form-error:empty{display:none}.form-controls{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.form-controls [data-step-back]{margin-right:auto}.form-footnote{font-size:11px;line-height:1.65;color:var(--muted);margin-top:18px}.input-field{margin-top:20px}.input-field>label{display:block;font-size:14px;font-weight:500;line-height:1.5;margin-bottom:9px}.input-field>label>span{font-weight:400;color:var(--muted)}.input-field>input,.input-field textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:#fff;padding:12px 14px;font-size:16px;line-height:1.5;min-height:48px}.input-field textarea{resize:vertical;min-height:120px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.field-grid .input-field:first-child{grid-column:1/-1}.input-field [aria-invalid=true]{border-color:#a62b20}.consent{margin-top:24px}.consent label{display:flex;align-items:flex-start;gap:12px;font-size:12px;font-weight:400;line-height:1.65;cursor:pointer;min-height:44px}.consent input{flex:none;width:18px;height:18px;margin:3px 0 0;accent-color:var(--accent)}.consent a{text-decoration:underline;text-underline-offset:3px}.budget-note{margin-top:16px}.upload{margin-top:28px}.upload-label{display:block;font-size:14px;line-height:1.6;margin-bottom:12px}.dropzone{border:1px dashed var(--line);padding:24px;text-align:center;border-radius:8px;background:var(--paper)}.dropzone.dragging{background:var(--accent-soft);border-color:var(--accent)}.upload-icon{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;height:38px;width:38px;margin:0 auto 12px;font-size:22px}.dropzone p{font-size:13px}.dropzone input{display:block;width:100%;margin-block:16px;font-size:12px;min-height:44px}.dropzone input::file-selector-button{font:inherit;padding:10px 12px;background:var(--white);border:1px solid var(--line);border-radius:4px;margin-right:10px;min-height:44px;cursor:pointer}.dropzone .small{font-size:11px}.previews{list-style:none;padding:0;display:grid;gap:10px;margin-top:16px}.previews li{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;padding:10px;font-size:12px}.previews img{width:54px;height:54px;object-fit:cover;border-radius:3px;flex:none}.previews li>span{overflow-wrap:anywhere}.previews button{margin-left:auto;font-size:11px;min-height:44px;min-width:60px;color:var(--accent);text-decoration:underline}.pdf-icon{font-size:12px;font-weight:600;padding:12px;background:var(--tint)}.form-success h3{font-size:32px;margin-bottom:20px}.form-success>p{font-size:14px}.success-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--tint);font-size:26px;margin-bottom:24px}.form-success dl{margin-block:28px;border-top:1px solid var(--line)}.form-success dt{font-size:12px;font-weight:600;margin-top:16px}.form-success dd{font-size:14px;margin:4px 0 0;padding-bottom:14px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.service-card .photo{border-radius:var(--radius)}.service-card .photo img{aspect-ratio:4/3}.service-copy{padding-top:25px}.number{font-size:12px;font-weight:500;display:block;color:var(--accent);letter-spacing:.07em;margin-bottom:18px}.service-card h3{font-size:27px}.service-card p{font-size:14px;color:var(--muted);margin-top:16px}.service-card .text-link{margin-top:20px}.process-list{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.process-list:has(li:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}.process-list li{border-top:1px solid var(--line);padding-top:22px}.process-number{display:block;font-size:34px;color:var(--accent);letter-spacing:-.06em;margin-bottom:28px}.process-list h3{font-size:21px;letter-spacing:-.025em}.process-list p{font-size:13px;color:var(--muted);margin-top:16px}.why-section{background:var(--ink);color:var(--paper)}.why-section .eyebrow,.why-section .number,.why-section p{color:#d3d9d2}.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}.why-grid h3{font-size:23px}.why-grid p{font-size:14px;margin-top:16px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 24px}.project-card .photo img{aspect-ratio:4/3}.project-card>.eyebrow{margin-top:24px;margin-bottom:12px;font-size:10px}.project-card h3{font-size:24px}.project-card>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:14px}.gallery-more{margin-top:36px}.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.filter{padding:10px 18px;border:1px solid var(--line);border-radius:50px;font-size:12px;min-height:44px;line-height:1.5}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.project-card details{border-top:1px solid var(--line);margin-top:22px}.project-card summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;font-size:13px;cursor:pointer;list-style:none}.project-detail{font-size:13px;padding-block:12px}.project-detail h4{font-size:18px;margin-block:20px 12px}.project-detail li{margin-top:8px}.project-detail .small{margin-top:16px}.comparison-section{background:var(--accent-soft)}.comparison{position:relative;width:100%;aspect-ratio:3/1.7;border-radius:var(--radius);overflow:hidden;background:var(--tint)}.comparison>img,.comparison-before,.comparison-before>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;top:20px;z-index:2;max-width:38%;padding:7px 11px;border-radius:4px;background:#fff;color:var(--ink);font-size:12px;line-height:1.4;pointer-events:none}.compare-label.before{left:20px}.compare-label.after{right:20px}.compare-line{position:absolute;inset:0 auto 0 var(--split);width:2px;background:#fff;pointer-events:none}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--ink);font-size:23px;box-shadow:0 2px 14px #0002}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}.comparison:has(input:focus-visible){outline:4px solid var(--accent);outline-offset:5px}.compare-caption{margin-top:16px}.team-section .photo img{aspect-ratio:1/1;object-position:42% center}.team-section h2{font-size:clamp(30px,3vw,46px)}.team-section .button{margin-top:28px}.team-section .small{margin-top:18px}.recruiting-section{padding-top:0}.recruiting-band{padding:60px;background:var(--tint);border-radius:var(--radius);max-width:100%}.recruiting-band h2{max-width:900px}.recruiting-band>p:not(.eyebrow){margin-top:24px}.recruiting-band .button{margin-top:28px}.cta-band{border-top:1px solid var(--line);padding-top:52px;display:flex;gap:50px;justify-content:space-between;align-items:center}.cta-band p:not(.eyebrow){margin-top:20px;color:var(--muted)}.cta-band .actions{max-width:340px;flex-shrink:0}.cta-band .actions .text-link{display:flex}.site-footer{background:var(--ink);color:#eef0e8;padding-top:58px}.site-footer a:focus-visible,.site-footer button:focus-visible,.site-footer summary:focus-visible{outline-color:#dce6ba}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:40px;border-bottom:1px solid #ffffff30}.footer-top p{font-size:18px}.site-footer .brand>svg{color:#e1e7d0}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr 1.2fr;gap:44px;padding-block:44px}.footer-grid h2{font-size:13px;letter-spacing:0;font-weight:600;margin-bottom:18px}.footer-grid p{font-size:12px;color:#cbd6d0;line-height:1.8}.footer-grid a,.footer-link,.demo-toggle{display:flex;align-items:center;min-height:44px;min-width:44px;font-size:12px;line-height:1.6;padding:8px 0;max-width:100%;gap:12px}.footer-link{color:inherit;margin-top:10px}.footer-grid a:hover{text-decoration:underline;text-underline-offset:4px}.demo-toggle{color:#eef0e8;text-decoration:underline;text-underline-offset:4px;margin-top:10px}.footer-grid .small{font-size:11px}.package-info{border-top:1px solid #ffffff30;padding-block:12px 28px;font-size:12px;color:#cbd6d0}.package-info summary{min-height:44px;cursor:pointer;display:flex;align-items:center}.package-info p{max-width:100%;margin-top:12px}.footer-bottom{border-top:1px solid #ffffff30;display:flex;justify-content:space-between;gap:30px;padding-block:24px;font-size:11px;color:#cbd6d0}.footer-bottom p+p{margin:0}.page-hero{padding-block:32px 60px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center;margin-bottom:36px}.breadcrumb a{display:inline-flex;min-height:44px;align-items:center}.page-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.page-hero h1{max-width:1000px;font-size:clamp(36px,3.9vw,60px)}.page-hero-grid .photo img{aspect-ratio:1/1}.page-hero+.section{padding-top:54px}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 80px}.editorial-grid article{border-top:1px solid var(--line);padding-top:24px}.editorial-grid h2{font-size:30px}.editorial-grid p:not(.eyebrow){margin-top:24px;color:var(--muted);font-size:16px}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;gap:18px;justify-content:space-between;align-items:center;min-height:68px;padding-block:16px;cursor:pointer;font-size:16px}.faq summary span{font-size:24px;flex:none}.faq details[open] summary span{transform:rotate(45deg)}.faq p{font-size:14px;color:var(--muted);padding-bottom:24px}.service-overview article{display:grid;grid-template-columns:50px 1fr 100px;gap:32px;border-top:1px solid var(--line);padding-block:32px;align-items:start}.service-overview h2{font-size:31px}.service-overview p{margin-top:16px;color:var(--muted);font-size:15px;max-width:65ch}.service-overview .number{margin-top:8px}.helper-choices{display:grid;gap:12px}.choice-button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;min-height:52px;border:1px solid var(--line);border-radius:8px;text-align:left;background:var(--paper);font-size:14px}.choice-button[aria-pressed=true]{background:var(--ink);color:#fff}.helper-result{margin-top:24px}.helper-result p{font-size:14px}.helper-result .button{margin-top:18px}.helper-photo img{aspect-ratio:1/1}.region-card{padding:48px;background:var(--tint);border-radius:var(--radius)}.region-card h2{font-size:36px}.region-card h2 span{color:var(--accent)}.region-card p:not(.eyebrow){margin-top:24px}.region-card .button{margin-top:24px}.jobs article{display:flex;justify-content:space-between;align-items:center;gap:38px;border-top:1px solid var(--line);padding-block:32px}.jobs h2{font-size:30px;max-width:650px}.jobs p:not(.eyebrow){font-size:15px;margin-top:16px;max-width:65ch;color:var(--muted)}.jobs .button{flex:none}.jobs .eyebrow{margin-bottom:12px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-block:36px}.benefits p{padding:20px;background:var(--tint);border-radius:8px;font-size:14px;margin:0}.benefits span{color:var(--accent);margin-right:8px}.prose{font-size:17px;color:var(--muted)}.prose a{text-decoration:underline;text-underline-offset:4px}.prose h2{color:var(--ink)}.legal{max-width:850px}.legal h2{font-size:28px;margin-top:46px;margin-bottom:20px}.legal h2:first-child{margin-top:0}.legal p{font-size:16px}.legal code{font-size:13px;overflow-wrap:anywhere}.region-illustration{position:relative;isolation:isolate;overflow:hidden;min-height:400px;border-radius:var(--radius);background:repeating-linear-gradient(90deg,transparent 0 48px,#ffffff70 49px 51px),repeating-linear-gradient(0deg,var(--tint) 0 48px,#ffffff70 49px 51px)}.map-river{position:absolute;left:37%;top:-60px;width:60px;height:650px;background:#b9d1d9;transform:rotate(-24deg);border-radius:100%}.map-dot{position:absolute;padding:10px 18px;background:var(--paper);border:1px solid var(--line);border-radius:50px;font-size:14px}.map-dot:before{content:'';width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--accent);margin-right:9px}.map-dot.city{top:28%;left:15%}.map-dot.local{top:51%;right:10%}.region-illustration>p{position:absolute;bottom:22px;left:24px;font-size:14px;background:var(--paper);padding:12px 18px;border-radius:8px;max-width:calc(100% - 48px)}.region-illustration small{font-size:10px}.contact-info p:not(.eyebrow){margin-top:24px;font-size:15px}.contact-info .button{margin-top:24px}.sample-mail{overflow-wrap:anywhere}.contact-info small{font-size:12px;color:var(--muted)}.noscript{padding:18px var(--gutter);background:#fff0c5;font-size:14px}dialog{border:1px solid var(--line);border-radius:var(--radius);padding:0;width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#10201888;backdrop-filter:blur(3px)}.dialog-content{padding:42px;position:relative}.dialog-content h2{font-size:36px;max-width:400px}.dialog-content p:not(.eyebrow){margin-top:24px;font-size:15px}.dialog-content>.button{margin-top:28px}.dialog-content>.text-link{display:flex;margin-top:12px}.dialog-close{position:absolute;top:8px;right:8px;min-width:44px;min-height:44px;font-size:26px}
.main-nav a{min-width:44px}
.service-overview article>div{min-width:0}
.service-overview h2{overflow-wrap:anywhere;hyphens:auto}
html[data-theme=roof] .hero-photo figcaption{right:86px}
/* Drei eigenständige Gestaltungen auf einem zugänglichen Komponentenfundament. */
html[data-theme=roof] .hero-photo{border-radius:6px 6px 100px 6px}
html[data-theme=roof] .hero-photo img{object-position:58% center}
html[data-theme=roof] .service-grid{gap:32px}
html[data-theme=roof] .comparison-section .section-head{max-width:900px}
html[data-theme=garden] h1,html[data-theme=garden] h2,html[data-theme=garden] h3{font-weight:600;letter-spacing:-.055em}
html[data-theme=garden] .brand b{font-weight:700}
html[data-theme=garden] .button{border-radius:50px}
html[data-theme=garden] .hero{background:#eef2e4;padding-top:48px}
html[data-theme=garden] .hero h1{font-size:27px;line-height:1.3;letter-spacing:-.035em}
html[data-theme=garden] .hero h1 .garden-opening{display:block;font-size:clamp(42px,4.45vw,70px);letter-spacing:-.065em;line-height:1.04;color:var(--ink);margin-bottom:24px}
html[data-theme=garden] .hero-photo{border-radius:170px 170px 28px 28px}
html[data-theme=garden] .hero-art{min-height:600px}
html[data-theme=garden] .hero-note{border-radius:50px 12px 50px 50px;background:#f5df91;left:-28px;bottom:40px;padding:22px 30px}
html[data-theme=garden] .hero-note-mark{font-size:48px;color:#456b3b}
html[data-theme=garden] .assistant-section{background:#f8f5e9}
html[data-theme=garden] .service-card{background:#eaf0e3;border-radius:28px;overflow:hidden}
html[data-theme=garden] .service-card:nth-child(2){background:#f7edd0}
html[data-theme=garden] .service-card:nth-child(3){background:#ece6dd}
html[data-theme=garden] .service-card .photo{border-radius:0}
html[data-theme=garden] .service-copy{padding:28px}
html[data-theme=garden] .recruiting-band{border-radius:80px 24px 80px 24px;background:#e9eddb}
html[data-theme=garden] .comparison-section{background:#f1eddc}
html[data-theme=garden] .why-section{background:#254c3b}
html[data-theme=electric] .demo-strip{background:#e9f1f5;color:var(--ink)}
html[data-theme=electric] .hero{background:#102b3f;color:#fff;padding-top:48px}
html[data-theme=electric] .hero h1{font-size:clamp(38px,3.45vw,55px);letter-spacing:-.045em}
html[data-theme=electric] .hero h1 span{color:#ffb28c}
html[data-theme=electric] .hero .eyebrow,html[data-theme=electric] .hero .lead,html[data-theme=electric] .competence-row li{color:#d1e0e7}
html[data-theme=electric] .hero .button:not(.text-link){background:#f68c5f;color:#102b3f}
html[data-theme=electric] .hero .text-link{color:#fff}
html[data-theme=electric] .hero-note{background:#f6f8f9;color:var(--ink);border-radius:6px;left:-20px}
html[data-theme=electric] .hero-photo{border-radius:8px}
html[data-theme=electric] .hero-photo img{object-position:60% center}
html[data-theme=electric] .competence-row{grid-template-columns:repeat(4,1fr)}
html[data-theme=electric] .competence-row li span{color:#ffb28c}
html[data-theme=electric] .service-card{border:1px solid var(--line);border-radius:10px;overflow:hidden}
html[data-theme=electric] .service-card .photo{border-radius:0}
html[data-theme=electric] .service-copy{padding:28px}
html[data-theme=electric] .process-number{font-family:var(--display)}
html[data-theme=electric] .choice:has(input:checked){background:#e5eff4;border-color:#285b73}
html[data-theme=electric] .recruiting-band{background:#dcebf1;border-radius:8px}
@media(min-width:1600px){.hero-art{min-height:640px}.hero-copy h1{font-size:60px}}
@media(max-width:1100px){:root{--gutter:32px;--section:80px}.hero-grid{gap:34px;grid-template-columns:1fr 1fr}.hero-art{min-height:570px}.hero h1{font-size:44px}.hero-note{left:-14px;padding:18px;gap:14px}.header-actions{gap:16px}.main-nav ul{gap:12px}.main-nav a{font-size:11px}.assistant-layout{grid-template-columns:.75fr 1.25fr;gap:38px}.form-card{padding:28px}.choices{grid-template-columns:1fr 1fr}.choice{font-size:12px;padding:10px}.service-card h3{font-size:24px}.service-grid{gap:20px}.split{gap:40px}.footer-grid{gap:24px;grid-template-columns:1.2fr .8fr 1fr 1.2fr}.footer-top p{font-size:16px}.why-grid{gap:22px}.why-grid h3{font-size:21px}.process-list,.process-list:has(li:nth-child(5)){grid-template-columns:repeat(3,1fr)}html[data-theme=garden] .hero h1 .garden-opening{font-size:50px}html[data-theme=garden] .hero h1{font-size:24px}.page-hero-grid{gap:34px}}
@media(max-width:900px){:root{--gutter:24px;--section:72px}.header-main{min-height:88px}.header-actions .button{display:none}.main-nav ul{justify-content:flex-start;flex-wrap:wrap;gap:0 24px}.main-nav a{font-size:12px;min-height:44px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy{max-width:720px}.hero h1{font-size:54px;max-width:750px}.hero-art{min-height:420px;height:460px}.hero-photo img{object-position:center 45%}.hero-note{left:24px;bottom:24px}.hero-copy .lead{max-width:60ch}.hero .actions .button{font-size:14px}.competence-row{padding-block:30px;gap:20px}.assistant-layout{grid-template-columns:1fr;gap:36px}.assistant-intro{position:static}.assistant-intro h2{max-width:700px}.assistant-intro .lead{max-width:64ch}.assistant-aside{display:none}.demo-note{margin-top:20px}.form-card{padding:32px}.choices{grid-template-columns:repeat(2,1fr)}.choice{font-size:14px}.service-grid{grid-template-columns:1fr;gap:36px}.service-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}.service-card .photo{height:100%}.service-card .photo img{height:100%;min-height:280px;aspect-ratio:1/1}.service-copy{padding:12px 0}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-grid{grid-template-columns:1fr 1fr;gap:36px}.split,.page-hero-grid{grid-template-columns:1fr;gap:36px}.split>.photo{max-height:550px}.team-section .photo img{aspect-ratio:3/2}.helper-photo img{aspect-ratio:3/2}.page-hero-grid .photo img{aspect-ratio:3/2;max-height:480px}.page-hero h1{font-size:50px}.footer-grid{grid-template-columns:1.2fr 1fr;gap:36px}.footer-top{align-items:flex-start}.footer-top p{max-width:200px}.cta-band{gap:36px}.cta-band h2{font-size:38px}.cta-band .actions{max-width:260px}.jobs h2{font-size:28px}.benefits{grid-template-columns:1fr 1fr}html[data-theme=garden] .hero-art{min-height:0;height:520px}html[data-theme=garden] .hero-photo{border-radius:140px 140px 28px 28px}html[data-theme=garden] .hero-note{left:24px}html[data-theme=garden] .hero h1{max-width:700px;font-size:28px}html[data-theme=garden] .hero h1 .garden-opening{font-size:64px}html[data-theme=electric] .hero h1{font-size:54px}html[data-theme=electric] .hero-note{left:24px}html[data-theme=garden] .service-card,html[data-theme=electric] .service-card{gap:0}.comparison{aspect-ratio:3/2}.editorial-grid{gap:40px}}
@media(max-width:600px){:root{--gutter:20px;--section:56px;--radius:14px}h1{font-size:38px}h2{font-size:35px}h3{font-size:25px}.lead{font-size:16px;margin-top:20px}.eyebrow{font-size:10px;letter-spacing:.11em;margin-bottom:16px}.demo-strip{min-height:36px;padding-inline:20px;gap:8px;font-size:9px}.demo-strip span{max-width:48%;text-align:right}.header-main{min-height:82px;gap:12px}.brand{gap:10px}.brand b{font-size:27px}.brand small{font-size:9px;max-width:180px}.brand>svg{width:29px;height:29px}.header-actions{display:none}.menu-toggle{display:flex;padding:0;justify-content:flex-end;min-width:62px}.main-nav{display:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:12px}.menu-open .main-nav{display:block}.main-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav a{font-size:14px;min-height:48px;padding:10px 6px;white-space:normal}.hero{padding-top:26px}.hero-grid{gap:26px}.hero-copy{padding:0}.hero h1{font-size:38px;line-height:1.1;letter-spacing:-.05em}.hero-copy .lead{font-size:15px;line-height:1.75;margin-top:20px}.hero .actions{margin-top:24px;gap:8px}.hero .actions .button{font-size:12px;padding:14px 16px;gap:12px}.hero .actions .text-link{font-size:13px;padding-left:0}.hero-art{min-height:0;height:345px}.hero-note{padding:16px 18px;bottom:20px;left:16px;gap:14px}.hero-note p{font-size:13px}.hero-note-mark{font-size:28px}.competence-row{display:grid;grid-template-columns:1fr;padding:26px 0 30px;gap:12px}.competence-row li{font-size:12px;max-width:48ch}.section-head{margin-bottom:28px}.assistant-layout{gap:26px}.assistant-intro h2{font-size:35px}.assistant-intro .lead{font-size:15px}.form-card{padding:22px 18px;border-radius:14px}.form-progress ol{gap:8px}.form-progress li{font-size:10px;gap:6px}.form-progress li>span{width:23px;height:23px;font-size:10px;flex:none}.form-progress{margin-bottom:24px}.progress-text{font-size:11px;margin-top:18px}.step-panel>h3{font-size:24px}.choice-group{margin-top:22px}.choice-group legend{font-size:13px}.choices{grid-template-columns:1fr}.choice{font-size:13px;padding:13px 12px;min-height:50px}.project-choices{grid-template-columns:1fr}.choice-index{font-size:10px}.form-controls{gap:8px}.form-controls .button{font-size:12px;padding:12px 14px;gap:10px;min-height:48px}.form-footnote{font-size:10px}.field-grid{grid-template-columns:1fr}.field-grid .input-field:first-child{grid-column:auto}.input-field>label{font-size:13px}.dropzone{padding:18px 12px}.previews li{flex-wrap:wrap}.previews li>span{max-width:calc(100% - 70px)}.previews button{margin-left:0}.service-card{display:block}.service-card .photo img{min-height:0;aspect-ratio:4/3}.service-copy{padding-top:22px}.service-card h3{font-size:27px}.service-card p{font-size:14px}.service-grid{gap:38px}.process-list,.process-list:has(li:nth-child(5)){grid-template-columns:1fr;gap:22px}.process-list li{display:grid;grid-template-columns:40px 1fr;column-gap:18px;padding-top:20px}.process-number{font-size:28px;grid-row:span 2;margin:0}.process-list h3{font-size:22px}.process-list p{margin-top:10px;font-size:13px}.why-grid{grid-template-columns:1fr;gap:28px}.why-grid h3{font-size:23px}.why-grid .number{margin-bottom:12px}.gallery-grid{grid-template-columns:1fr;gap:34px}.project-card h3{font-size:26px}.gallery-filters{gap:8px}.filter{font-size:11px;padding:9px 14px}.compare-label{top:12px;font-size:9px;padding:6px 8px;max-width:39%}.compare-label.before{left:10px}.compare-label.after{right:10px}.compare-line span{width:40px;height:40px;font-size:21px}.comparison{aspect-ratio:1/1}.compare-caption{font-size:11px}.team-section h2{font-size:33px}.recruiting-band{padding:32px 24px}.recruiting-band h2{font-size:34px}.recruiting-band>p:not(.eyebrow){font-size:14px}.recruiting-band .small{font-size:11px!important}.cta-band{display:block;padding-top:36px}.cta-band h2{font-size:36px}.cta-band .actions{max-width:100%;margin-top:24px}.cta-band p:not(.eyebrow){font-size:15px}.site-footer{padding-top:36px}.footer-top{display:block;padding-bottom:28px}.footer-top p{font-size:15px;max-width:none;margin-top:24px}.footer-grid{grid-template-columns:1fr;gap:30px;padding-block:30px}.footer-grid h2{font-size:14px;margin-bottom:12px}.footer-grid p{font-size:13px}.footer-grid a,.footer-link,.demo-toggle{font-size:13px}.footer-bottom{display:block;font-size:10px}.footer-bottom p+p{margin-top:12px}.page-hero{padding-block:16px 36px}.breadcrumb{margin-bottom:20px;font-size:11px}.page-hero h1{font-size:37px}.page-hero .lead{font-size:15px}.page-hero+.section{padding-top:28px}.editorial-grid{grid-template-columns:1fr;gap:32px}.editorial-grid h2{font-size:29px}.editorial-grid p:not(.eyebrow){font-size:15px;margin-top:18px}.faq summary{font-size:15px}.service-overview article{grid-template-columns:30px 1fr;gap:14px;padding-block:26px}.service-overview h2{font-size:27px}.service-overview p{font-size:14px}.service-overview .text-link{grid-column:2}.region-card{padding:28px}.region-card h2{font-size:30px}.jobs article{display:block;padding-block:26px}.jobs h2{font-size:27px}.jobs .button{margin-top:24px}.benefits{grid-template-columns:1fr;gap:12px}.benefits p{font-size:14px;padding:16px}.prose{font-size:15px}.legal h2{font-size:26px;margin-top:32px}.legal p{font-size:14px}.region-illustration{min-height:330px}.map-dot{font-size:12px}.contact-info p:not(.eyebrow){font-size:14px}.dialog-content{padding:38px 24px 24px}.dialog-content h2{font-size:32px}.dialog-content p:not(.eyebrow){font-size:14px}.noscript{font-size:12px}html[data-theme=garden] .hero{padding-top:28px}html[data-theme=garden] .hero h1{font-size:22px;line-height:1.3}html[data-theme=garden] .hero h1 .garden-opening{font-size:47px;line-height:1.05;margin-bottom:20px}html[data-theme=garden] .hero-art{height:380px}html[data-theme=garden] .hero-photo{border-radius:100px 100px 22px 22px}html[data-theme=garden] .hero-note{left:14px;padding:16px 20px;border-radius:40px 10px 40px 40px}html[data-theme=garden] .hero-note-mark{font-size:36px}html[data-theme=garden] .service-copy,html[data-theme=electric] .service-copy{padding:26px}html[data-theme=garden] .recruiting-band{border-radius:40px 14px 40px 14px}html[data-theme=electric] .hero{padding-top:28px}html[data-theme=electric] .hero h1{font-size:38px}html[data-theme=electric] .competence-row{grid-template-columns:1fr}html[data-theme=electric] .hero-note{left:14px}.form-progress:has(li:nth-child(4)) li{font-size:0;gap:0}.form-progress:has(li:nth-child(4)) li[aria-current=step]{font-size:11px;gap:7px}}
@media(max-width:360px){:root{--gutter:16px}.demo-strip{padding-inline:16px}.hero h1,html[data-theme=electric] .hero h1{font-size:34px}.hero .actions .button{font-size:11px;padding-inline:13px}.hero h1{overflow-wrap:anywhere}.form-card{padding:20px 14px}.form-progress li{font-size:9px;gap:4px}.brand small{font-size:8px}.brand b{font-size:25px}.brand>svg{width:27px}.menu-toggle{font-size:12px;min-width:58px}.page-hero h1{font-size:33px}.form-controls .button{font-size:11px;padding:12px}.section-head h2{font-size:32px}html[data-theme=garden] .hero h1 .garden-opening{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}