:root{
  --bg:#f3f0e9;
  --ink:#11110f;
  --muted:#6e6a61;
  --accent:#ff4e20;
  --accent2:#ffcc32;
  --card:#fffdf8;
  --line:#d8d3c8;
  --dark:#171714;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(243,240,233,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(17,17,15,.08)}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:22px;display:flex;align-items:center;gap:12px}
.brand .accent{color:var(--accent)}
.brand-mark{width:29px;height:29px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.brand-mark span{background:var(--accent);border-radius:2px}
.desktop-nav{display:flex;gap:30px;font-weight:600;font-size:14px}
.desktop-nav a{opacity:.72}.desktop-nav a:hover{opacity:1}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:white;border:0;border-radius:999px;padding:16px 24px;font-weight:700;cursor:pointer;transition:.2s transform,.2s background}
.btn:hover{transform:translateY(-2px);background:#e84216}
.btn-small{padding:11px 18px;font-size:14px}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.btn-ghost:hover{background:var(--ink);color:white}
.btn-full{width:100%}
.btn-light{background:white;color:var(--ink)}.btn-light:hover{background:#f5f3ee}
.hero{position:relative;overflow:hidden;padding:92px 0 88px}
.hero-glow{position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,var(--accent2),rgba(255,204,50,0) 68%);right:-150px;top:-220px;opacity:.48}
.hero-grid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--accent);display:block;margin-bottom:18px}
.hero h1,.section h2,.final-cta h2{font-family:"Space Grotesk",sans-serif;letter-spacing:-.055em;line-height:.92;margin:0}
.hero h1{font-size:clamp(58px,7vw,102px);max-width:760px}
.hero h1 span{color:var(--accent)}
.lead{max-width:650px;font-size:20px;color:var(--muted);margin:28px 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font-size:13px;font-weight:700;color:#454239}
.machine-wrap{position:relative;display:flex;justify-content:center}
.machine{width:min(100%,480px);background:#20201c;border:10px solid #11110f;border-radius:18px;box-shadow:0 30px 70px rgba(25,21,14,.28);transform:rotate(2deg);padding:18px}
.machine-top{display:flex;justify-content:space-between;align-items:flex-start;color:white;margin-bottom:16px}
.machine-logo{font-family:"Space Grotesk";line-height:.9;font-size:22px;color:var(--accent2)} .machine-logo strong{font-size:34px}
.status{font:700 10px/1 "DM Sans";letter-spacing:.12em;border:1px solid #494941;padding:9px 10px;border-radius:20px}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#71f28b;margin-right:6px}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.slot{aspect-ratio:1.15;background:linear-gradient(135deg,#f8f0dc,#d8c7a4);border:4px solid #0f0f0d;border-radius:7px;position:relative;padding:8px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.slot:before{content:"";position:absolute;left:16%;right:16%;top:25%;bottom:17%;background:linear-gradient(135deg,#ffb025,#c73c14);border-radius:5px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.slot span{position:relative;z-index:1;font-size:9px;font-weight:800}.slot b{position:absolute;z-index:2;left:8px;bottom:7px;font-size:9px;letter-spacing:.08em}.slot em{position:absolute;z-index:2;right:7px;bottom:5px;font-style:normal;background:#111;color:#fff;width:20px;height:20px;border-radius:50%;text-align:center;font-size:11px;line-height:20px}
.machine-bottom{margin-top:15px;border-top:1px solid #4a4a43;color:white;padding-top:15px;display:flex;justify-content:space-between;align-items:center}.machine-bottom small{display:block;color:#aaa79c;font-size:9px;letter-spacing:.1em}.machine-bottom strong{font-size:12px}.tap{font-size:21px;transform:rotate(90deg);color:var(--accent2)}
.floating-card{position:absolute;left:-12px;bottom:-24px;background:white;padding:15px 18px;border-radius:12px;box-shadow:0 12px 36px rgba(34,31,23,.15);transform:rotate(-3deg)}.floating-card small{display:block;color:var(--muted);font-size:11px}.floating-card strong{font-size:13px}
.ticker{overflow:hidden;background:var(--accent);color:white;padding:15px 0;font-family:"Space Grotesk";font-weight:700;letter-spacing:.07em;white-space:nowrap}.ticker div{animation:slide 28s linear infinite;width:max-content}@keyframes slide{to{transform:translateX(-40%)}}
.section{padding:110px 0}
.section-head{max-width:710px;margin-bottom:52px}.section-head h2{font-size:clamp(48px,6vw,76px)}.section-head p{font-size:18px;color:var(--muted);max-width:600px}
.section-head.split{max-width:none;display:flex;justify-content:space-between;gap:40px;align-items:end}.section-head.split p{max-width:430px;margin-bottom:6px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature-card{min-height:320px;padding:30px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.34);display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.feature-card.featured{background:var(--accent);color:white;border-color:var(--accent);transform:translateY(-14px)}
.feature-card .number{position:absolute;top:28px;left:30px;font:700 13px "Space Grotesk";opacity:.58}.feature-card h3{font:700 27px "Space Grotesk";margin:0 0 10px;letter-spacing:-.03em}.feature-card p{margin:0;opacity:.74}
.price-section{background:#1b1b17;color:#f6f3ea}.price-section .section-head p{color:#aaa79c}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.price-card{background:#272720;border:1px solid #3a3a31;border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:28px;position:relative}
.price-card.best{background:#f4f0e7;color:#111;border-color:#f4f0e7;transform:translateY(-14px)}.best-label{position:absolute;right:18px;top:18px;background:var(--accent);color:#fff;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;letter-spacing:.12em}
.pill{display:inline-block;border:1px solid currentColor;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;letter-spacing:.12em;opacity:.7}.price-card h3{font:700 32px "Space Grotesk";margin:13px 0 8px}.price-card p{margin:0;opacity:.62}
.price{font:700 68px "Space Grotesk";letter-spacing:-.06em}.price small{font-size:28px;vertical-align:top;margin-right:5px}.price span{font:600 14px "DM Sans";letter-spacing:0;opacity:.55;margin-left:8px}
.price-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:14px;opacity:.83;min-height:118px}.price-card .btn-ghost{border-color:currentColor;color:inherit}.price-card:not(.best) .btn-ghost:hover{background:white;color:#111}
.transaction-note{margin-top:26px;border:1px solid #3a3a31;border-radius:16px;padding:24px 28px;display:flex;align-items:center;gap:22px}.tap-big{font-size:34px;transform:rotate(90deg);color:var(--accent2)}.transaction-note strong{font:700 22px "Space Grotesk"}.transaction-note p{margin:3px 0 0;color:#aaa79c}
.steps{display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr;align-items:start}.steps article span{width:48px;height:48px;border-radius:50%;background:var(--accent);color:white;display:grid;place-items:center;font-weight:800}.steps article h3{font:700 24px "Space Grotesk";margin:18px 0 7px}.steps article p{color:var(--muted);margin:0}.connector{height:1px;background:var(--line);margin-top:24px}
.request-section{background:#f9f6ef}.request-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.request-copy{position:sticky;top:110px}.request-copy h2{font:700 clamp(48px,5vw,72px)/.94 "Space Grotesk";letter-spacing:-.055em;margin:0}.request-copy>p{font-size:18px;color:var(--muted);max-width:470px}.mini-summary{margin-top:34px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-direction:column}.mini-summary span,.mini-summary small{color:var(--muted)}.mini-summary strong{font:700 50px "Space Grotesk";letter-spacing:-.05em}
.request-form{background:white;border:1px solid var(--line);padding:30px;border-radius:20px;box-shadow:0 20px 60px rgba(42,36,24,.06)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.request-form label{display:grid;gap:7px;font-weight:700;font-size:13px;margin-bottom:14px}.request-form input,.request-form select,.request-form textarea{width:100%;font:500 15px "DM Sans";background:#faf8f3;border:1px solid #ded8cc;border-radius:11px;padding:14px;outline:none;color:var(--ink)}.request-form input:focus,.request-form select:focus,.request-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,78,32,.09)}.request-form textarea{resize:vertical}
.estimate{background:var(--dark);color:white;border-radius:14px;padding:18px 20px;margin:6px 0 16px;display:flex;justify-content:space-between;align-items:end}.estimate small{display:block;color:#aaa79c}.estimate strong{font:700 30px "Space Grotesk"}.estimate span{font-size:11px;color:#aaa79c}.form-note{font-size:11px;color:var(--muted);text-align:center;margin:10px 0 0}
.faq-section{background:var(--bg)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list details{border-top:1px solid var(--line);padding:21px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font:700 19px "Space Grotesk";list-style:none;padding-right:36px;position:relative}.faq-list summary:after{content:"+";position:absolute;right:4px;font-size:25px;top:-4px}.faq-list details[open] summary:after{content:"–"}.faq-list p{color:var(--muted);max-width:650px;margin:13px 0 0}
.final-cta{padding:100px 0;background:var(--accent);color:white;text-align:center}.final-cta .eyebrow{color:#ffd4c8}.final-cta h2{font-size:clamp(50px,7vw,90px);margin-bottom:34px}.final-cta h2 span{color:#ffdc74}
footer{background:#11110f;color:white;padding:55px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:35px;align-items:start}.footer-grid>div{display:grid;gap:6px}.footer-grid strong{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#918f86}.footer-grid a:not(.brand){font-size:14px;color:#ddd8cf}.copyright{color:#77746c;font-size:12px;align-self:end}
@media(max-width:900px){
  .desktop-nav{display:none}.hero{padding-top:60px}.hero-grid{grid-template-columns:1fr;gap:70px}.machine{max-width:430px}.machine-wrap{justify-content:flex-start;padding-left:20px}.feature-grid,.pricing-grid{grid-template-columns:1fr}.feature-card.featured,.price-card.best{transform:none}.section-head.split{display:block}.pricing-grid{gap:14px}.steps{grid-template-columns:1fr;gap:28px}.connector{display:none}.request-grid,.faq-grid{grid-template-columns:1fr;gap:45px}.request-copy{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid .brand{grid-column:1/-1}
}
@media(max-width:620px){
  .container{width:min(100% - 28px,1180px)}.site-header .btn-small{display:none}.nav-wrap{height:68px}.brand{font-size:19px}.hero{padding:50px 0 70px}.hero h1{font-size:56px}.lead{font-size:17px}.hero-actions .btn{width:100%}.trust-row{display:grid;gap:6px}.machine-wrap{padding-left:0}.machine{padding:12px;border-width:7px}.slots{gap:5px}.slot{border-width:3px}.slot b{font-size:7px}.floating-card{left:0}.section{padding:78px 0}.section-head{margin-bottom:34px}.section-head h2{font-size:48px}.field-row{grid-template-columns:1fr}.request-form{padding:20px}.pricing-grid .price-card{padding:25px}.price{font-size:60px}.transaction-note{align-items:flex-start;padding:20px}.footer-grid{grid-template-columns:1fr}.copyright{margin-top:10px}
}

/* Foto-versie homepage */
.hero-photo-wrap{position:relative;display:block;max-width:610px;margin-left:auto}
.hero-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:22px;border:1px solid rgba(17,17,15,.12);box-shadow:0 30px 70px rgba(25,21,14,.25)}
.photo-badge{position:absolute;right:-14px;top:22px;background:#11110f;color:#fff;padding:14px 17px;border-radius:12px;box-shadow:0 12px 34px rgba(0,0,0,.22)}
.photo-badge small{display:block;color:#ffcc32;font-size:9px;font-weight:800;letter-spacing:.12em;margin-bottom:3px}
.photo-badge strong{font-size:12px}
.hero-photo-wrap .floating-card{left:-14px;bottom:-22px}
@media(max-width:900px){.hero-photo-wrap{margin-left:0;max-width:620px}.photo-badge{right:12px}.hero-photo-wrap .floating-card{left:12px}}
@media(max-width:620px){.hero-photo{border-radius:16px}.photo-badge{position:static;margin-top:10px;display:inline-block}.hero-photo-wrap .floating-card{position:static;display:inline-block;margin-top:10px;transform:none}}

.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.price-vat-note{margin:14px 0 0;color:#aaa79c;font-size:12px}

/* SEO-landingspagina's */
.seo-hero{padding:90px 0 72px;background:linear-gradient(180deg,#f8f5ee 0%,#f3f0e9 100%)}
.seo-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.seo-hero h1{font:700 clamp(48px,6vw,82px)/.94 "Space Grotesk";letter-spacing:-.055em;margin:0}
.seo-hero h1 span{color:var(--accent)}
.seo-hero p{font-size:19px;color:var(--muted);max-width:670px}
.seo-content{padding:90px 0}
.seo-content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:70px;align-items:start}
.seo-copy h2{font:700 42px/1.05 "Space Grotesk";letter-spacing:-.04em;margin:48px 0 16px}
.seo-copy h2:first-child{margin-top:0}
.seo-copy h3{font:700 25px "Space Grotesk";margin:32px 0 10px}
.seo-copy p,.seo-copy li{font-size:17px;color:#4f4c45}
.seo-copy ul{padding-left:22px}
.info-card{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;position:sticky;top:105px}
.info-card h3{font:700 24px "Space Grotesk";margin:0 0 14px}
.info-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.info-card li{padding-bottom:10px;border-bottom:1px solid #ece8df}
.info-card li:last-child{border:0}
.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:24px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.inline-cta{margin-top:42px;padding:30px;border-radius:18px;background:#171714;color:white}
.inline-cta h3{margin:0 0 8px;color:white}
.inline-cta p{color:#c5c1b8}
.spec-table{width:100%;border-collapse:collapse;margin:20px 0 35px;background:white;border-radius:14px;overflow:hidden}
.spec-table th,.spec-table td{text-align:left;padding:15px 18px;border-bottom:1px solid #e8e3d9}
.spec-table th{width:42%;font-weight:700;background:#f8f5ee}
.price-summary{display:grid;gap:12px;margin:25px 0}
.price-summary div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0}
.price-summary strong{font-family:"Space Grotesk"}
.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:25px 0}
.contact-card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px}
.contact-card strong{display:block;font:700 21px "Space Grotesk";margin-bottom:6px}
.nav-wrap .desktop-nav a.active{color:var(--accent);opacity:1}
@media(max-width:900px){
  .seo-hero-grid,.seo-content-grid{grid-template-columns:1fr}
  .info-card{position:static}.contact-cards{grid-template-columns:1fr}
}

/* V10 aanpassingen */
.hero .container{width:min(1320px,calc(100% - 40px))}
.hero-grid{grid-template-columns:.82fr 1.18fr;gap:46px}
.hero-photo-wrap{max-width:760px}
.hero-photo{aspect-ratio:4/3}
.steps.steps-four{grid-template-columns:1fr 54px 1fr 54px 1fr 54px 1fr}
@media(max-width:900px){
  .hero .container{width:min(100% - 40px,1180px)}
  .hero-grid{grid-template-columns:1fr;gap:56px}
  .hero-photo-wrap{max-width:760px}
  .steps.steps-four{grid-template-columns:1fr;gap:28px}
}

/* WhatsApp contactknop */
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:100;
  display:flex;
  align-items:center;
  gap:9px;
  background:#25D366;
  color:#fff;
  padding:13px 17px;
  border-radius:999px;
  font-weight:800;
  font-size:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.22);
  transition:transform .2s ease, box-shadow .2s ease;
}
.whatsapp-float:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}
.wa-icon{
  width:26px;
  height:26px;
  color:#fff;
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.wa-svg{
  width:26px;
  height:26px;
  display:block;
}
@media(max-width:620px){
  .whatsapp-float{
    right:14px;
    bottom:14px;
    padding:13px;
  }
  .whatsapp-float .wa-label{display:none}
  .wa-icon,.wa-svg{width:30px;height:30px}
}