.hero h1{max-width:680px;font-size:clamp(3rem,6.2vw,5.7rem);letter-spacing:-.082em;line-height:.94}
.hero-copy{max-width:560px}
.hero-note{display:flex;align-items:center;gap:9px;margin:20px 0 0!important;color:var(--muted)!important;font-size:.78rem!important}
.hero-note-dot{width:8px;height:8px;border-radius:50%;background:var(--petrol);box-shadow:0 0 0 5px rgba(84,155,140,.14)}
.hero-art--workbench{min-height:540px}
.hero-photo{width:100%;height:540px;object-fit:cover;object-position:center;border-radius:4px;box-shadow:var(--shadow-soft);filter:none}
.hero-interface{position:absolute;right:-30px;bottom:-34px;z-index:3;width:min(72%,390px);padding:9px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.82);box-shadow:0 24px 55px rgba(36,52,69,.22);backdrop-filter:blur(12px);transform:rotate(-2deg)}
.hero-interface-bar{display:flex;align-items:center;gap:5px;padding:4px 5px 8px;color:var(--muted);font:700 .56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.hero-interface-bar span{width:6px;height:6px;border-radius:50%;background:var(--coral)}.hero-interface-bar span:nth-child(2){background:#d9ab62}.hero-interface-bar span:nth-child(3){background:var(--petrol)}.hero-interface-bar strong{margin-left:7px;font-weight:600}
.hero-interface img{display:block;width:100%;height:auto;border:0;border-radius:2px;box-shadow:none;filter:none}
.hero-stamp{position:absolute;left:-24px;top:54px;z-index:4;padding:10px 12px;background:var(--petrol-dark);color:#fff;font:700 .62rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;transform:rotate(-5deg)}
.ai-section{position:relative;padding-bottom:132px}
.statement{position:relative;padding-top:0;background:var(--paper)}
.statement-inner{position:relative;z-index:2;margin-top:-64px;border-radius:24px;box-shadow:0 24px 70px rgba(36,52,69,.18)}
@media(max-width:560px){.ai-section{padding-bottom:104px}.statement-inner{margin-top:-44px;border-radius:18px}}
@media(max-width:560px){.hero-art--workbench{min-height:335px}.hero-photo{height:335px}.hero-interface{right:-8px;bottom:-18px;width:76%}.hero-stamp{left:-4px;top:22px;font-size:.54rem}}
.statement{position:relative;isolation:isolate;padding:0;overflow:hidden;background:var(--petrol-dark)}.statement:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;background-image:linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.11) 48.2% 48.7%,transparent 48.9% 100%),linear-gradient(45deg,transparent 0 48%,rgba(255,255,255,.07) 48.2% 48.7%,transparent 48.9% 100%);background-size:84px 84px}.statement-inner{margin:0;padding:112px 0;background:transparent;border-radius:0;box-shadow:none}.statement-inner h2{color:#fff}.statement-inner p{color:rgba(255,255,255,.78)}.statement-inner .eyebrow{color:#bce7de}.statement-inner .button{background:#fff;border-color:#fff;color:var(--ink)}
@media(max-width:560px){.statement-inner{padding:78px 0}}
#diensten-title em{margin-left:.25em}
.scroll-image{opacity:0;transform:translateY(34px) scale(1.045);clip-path:inset(8% 5% 8% 5% round 6px);transition:opacity .9s ease,transform 1.15s cubic-bezier(.2,.8,.2,1),clip-path 1.15s cubic-bezier(.2,.8,.2,1)}.scroll-image--in{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0 0 0 0 round 4px)}
@media(prefers-reduced-motion:reduce){.scroll-image{opacity:1;transform:none;clip-path:none;transition:none}}
