:root{
  --navy:#0b1d2c; --navy2:#102a3f; --ink:#18212a; --muted:#68737c;
  --beige:#b59a6f; --paper:#f5f3ee; --white:#fff; --line:#dedfdc; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 44px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.07)}
.header-inner{height:76px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{width:35px;height:30px;display:inline-block;position:relative}
.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;background:var(--navy)}
.brand-mark:before{width:16px;height:24px;left:0;bottom:0}.brand-mark:after{width:16px;height:17px;right:0;bottom:0}
.brand-mark span{width:5px;height:5px;right:5px;bottom:5px;background:var(--beige)}
.brand-text{font-size:17px;letter-spacing:-.7px}.brand-text strong{font-weight:500}.brand-text b{font-weight:800}
.nav{display:flex;gap:24px;margin-left:auto;font-size:14px;font-weight:700}.nav a:hover{color:var(--beige)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 25px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.2s}
.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--beige);color:#fff}.btn-dark{background:var(--navy);color:#fff}
.btn-outline{border-color:rgba(255,255,255,.6);color:#fff}.btn-small{min-height:42px;padding:0 17px}
.menu-toggle{display:none;background:none;border:0;font-size:24px}
.hero{min-height:750px;position:relative;display:flex;align-items:center;color:#fff;background:center/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,30,.92) 0%,rgba(7,20,30,.68) 46%,rgba(7,20,30,.16) 100%)}
.hero-content{position:relative;z-index:2;max-width:760px}
.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:800;color:#d6c6a7;margin-bottom:18px}
.eyebrow.dark{color:var(--beige)}
.hero h1{font-size:clamp(52px,7vw,90px);line-height:.98;margin:0 0 28px;letter-spacing:-3px}
.hero p{font-size:19px;color:rgba(255,255,255,.88);max-width:700px}
.actions{display:flex;gap:12px;margin-top:30px}.trust{display:flex;gap:28px;margin-top:26px;font-size:13px;color:rgba(255,255,255,.76)}
.section{padding:92px 0} .split{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}
h2{font-size:clamp(38px,4vw,58px);line-height:1.06;letter-spacing:-2px;margin:0 0 24px}
h3{line-height:1.22}.lead{font-size:21px}.muted{color:var(--muted)}
.usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px}
.usp-card{padding:32px;background:var(--paper);border:1px solid #ebe9e4}.usp-card .num{font-size:11px;font-weight:800;color:var(--beige)}
.usp-card h3{font-size:19px;margin:18px 0 10px}.usp-card p{font-size:14px;color:var(--muted)}
.dark-section{background:var(--navy);color:#fff}.section-heading{max-width:760px;margin-bottom:48px}.section-heading p{color:var(--muted)}
.dark-section .section-heading p{color:rgba(255,255,255,.66)}
.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.package{padding:40px;background:#fff;color:var(--ink);position:relative}
.package.featured{border-top:4px solid var(--beige)}.badge{position:absolute;right:26px;top:20px;color:var(--beige);font-size:10px;font-weight:800;letter-spacing:1.3px}
.package-label{font-size:11px;color:var(--beige);font-weight:800;letter-spacing:2px}.package h3{font-size:29px}
.package ul{list-style:none;padding:18px 0;margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.package li{padding:7px 0 7px 22px;position:relative;font-size:14px}.package li:before{content:"✓";position:absolute;left:0;color:var(--beige);font-weight:800}
.price-note small{display:block;font-size:10px;letter-spacing:1.4px;color:var(--muted)}.price-note strong{font-size:25px;color:var(--navy)}
.price-note span{font-size:12px;color:var(--muted)}.text-link{display:inline-block;margin-top:18px;font-weight:800;color:var(--navy)}
.standard{background:var(--paper)}.standard-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.standard-photo{height:510px;object-fit:cover;width:100%}.checks>div{padding:17px 0;border-bottom:1px solid #d8d7d2;display:flex;flex-direction:column}
.checks span{font-size:14px;color:var(--muted);margin-top:3px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.step{padding:32px;background:#fff;min-height:205px}.step span{font-size:11px;font-weight:800;color:var(--beige)}.step h3{margin:17px 0 8px}.step p{font-size:14px;color:var(--muted)}
.projects{background:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.project-card{background:#fff}.project-card img{height:330px;width:100%;object-fit:cover}.project-copy{padding:26px}
.project-copy span{font-size:10px;letter-spacing:1.4px;color:var(--beige);font-weight:800}.project-copy h3{font-size:22px;margin:9px 0}.project-copy p{font-size:14px;color:var(--muted)}
.project-copy a{font-weight:800;font-size:14px;color:var(--navy)}
.cta-band{background:var(--beige);color:#fff;padding:64px 0}.cta-box{display:flex;justify-content:space-between;gap:40px;align-items:center}.cta-box p{max-width:700px;color:rgba(255,255,255,.84)}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.contact-form{background:var(--paper);padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:17px}
.contact-form label{font-size:12px;font-weight:800;display:flex;flex-direction:column;gap:7px}.contact-form .wide{grid-column:1/-1}
input,select,textarea{font:inherit;padding:13px;border:1px solid #d2d4d2;background:#fff}.full{grid-column:1/-1;border:0}.form-note{grid-column:1/-1;color:var(--muted);font-size:11px}
.footer{background:#07141e;color:#fff;padding:56px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:38px}
.footer strong{display:block;margin-bottom:12px}.footer a,.footer p,.footer span{display:block;font-size:13px;color:rgba(255,255,255,.56);margin:7px 0}
.footer .brand-mark:before,.footer .brand-mark:after{background:#fff}.footer-bottom{margin-top:38px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:rgba(255,255,255,.4)}
.page-hero{min-height:500px;display:flex;align-items:end;position:relative;color:#fff;background:center/cover no-repeat}
.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,20,30,.86),rgba(7,20,30,.12))}
.page-hero .container{position:relative;z-index:1;padding-bottom:52px}.page-hero h1{font-size:clamp(45px,6vw,72px);line-height:1;margin:0 0 14px;letter-spacing:-2px}
.meta{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.8)}
.case-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.case-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}
.case-list div{padding:18px;background:var(--paper);font-size:14px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gallery img{width:100%;height:420px;object-fit:cover}
.gallery img.wide{grid-column:1/-1;height:560px}
.gallery img.roof-overview{object-fit:contain;background:#f4f1ea;padding:8px}
.backlink{font-weight:800;color:var(--navy);display:inline-block;margin-bottom:24px}
@media(max-width:900px){
 .nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.nav.open{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;padding:22px;background:#fff;border-bottom:1px solid var(--line)}
 .split,.standard-grid,.contact-grid,.case-intro{grid-template-columns:1fr;gap:36px}
 .usp-grid,.package-grid,.steps,.project-grid,.footer-grid{grid-template-columns:1fr}
 .trust,.actions,.cta-box{flex-direction:column;align-items:flex-start}.gallery img,.gallery img.wide{height:340px}
 .gallery img.roof-overview,.gallery img.wide.roof-overview{height:340px}
}
@media(max-width:560px){
 .container{width:min(var(--max),calc(100% - 28px))}.section{padding:66px 0}.hero{min-height:660px}.hero h1{font-size:48px}.hero p{font-size:16px}
 .actions .btn{width:100%}.contact-form{grid-template-columns:1fr}.contact-form label,.contact-form .wide,.full,.form-note{grid-column:1}
 .gallery{grid-template-columns:1fr}.gallery img,.gallery img.wide{grid-column:auto;height:310px}
 .gallery img.roof-overview,.gallery img.wide.roof-overview{height:310px}
}


/* --- Uitbouwcalculator --- */
.calculator-section{padding:92px 0;background:#eef0ed}
.calculator-heading{max-width:820px}
.calculator-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:28px;align-items:start}
.calc-form{display:flex;flex-direction:column;gap:12px}
.calc-step{display:grid;grid-template-columns:68px 1fr;background:#fff;border:1px solid #e0e1de}
.calc-step-number{display:flex;align-items:flex-start;justify-content:center;padding-top:29px;color:var(--beige);font-size:12px;font-weight:800;letter-spacing:1px;border-right:1px solid #ecece8}
.calc-step-content{padding:26px 28px 28px}
.calc-step-content h3{margin:0 0 18px;font-size:20px}
.calc-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.calc-two label{font-size:12px;font-weight:800;display:flex;flex-direction:column;gap:7px}
.calc-two select{width:100%;background:#fff}
.calc-area{margin-top:14px;padding:12px 15px;background:var(--paper);display:flex;justify-content:space-between;align-items:center;font-size:13px}
.calc-area strong{font-size:17px;color:var(--navy)}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.choice-card{display:block;position:relative;cursor:pointer}
.choice-card input{position:absolute;opacity:0;pointer-events:none}
.choice-card span{display:flex;min-height:108px;flex-direction:column;padding:18px;border:1px solid #d7d9d6;background:#fff;transition:.18s}
.choice-card b{font-size:15px;color:var(--navy)}
.choice-card small{margin-top:5px;font-size:12px;line-height:1.45;color:var(--muted)}
.choice-card input:checked + span{border-color:var(--beige);box-shadow:inset 0 0 0 1px var(--beige);background:#fbf8f2}
.option-list{display:flex;flex-direction:column;border-top:1px solid #e5e5e1}
.option-list label{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:14px 2px;border-bottom:1px solid #e5e5e1;cursor:pointer;font-size:13px}
.option-list input{accent-color:var(--beige)}
.option-list b{font-size:12px;color:var(--navy)}
.calc-result{position:sticky;top:98px;background:var(--navy);color:#fff}
.calc-result-inner{padding:34px}
.calc-summary-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:13px}
.calc-summary-row span{color:rgba(255,255,255,.58)}
.calc-summary-row strong{font-size:13px}
.calc-price{margin-top:31px}
.calc-price>span{display:block;font-size:12px;color:rgba(255,255,255,.62);margin-bottom:4px}
.calc-price strong{display:block;font-size:42px;line-height:1.05;letter-spacing:-1.5px}
.calc-price small{display:block;color:#d4c39f;margin-top:4px;font-weight:700}
.calc-price-inc{margin:22px 0;padding:17px 0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}
.calc-price-inc span{display:block;color:rgba(255,255,255,.56);font-size:11px}
.calc-price-inc strong{display:block;margin-top:2px;font-size:20px}
.calc-range{font-size:12px;color:rgba(255,255,255,.65);line-height:1.55}
.calc-range b{color:#fff}
.calc-disclaimer{font-size:11px;color:rgba(255,255,255,.53);margin:22px 0}
.calc-request{width:100%}

@media(max-width:900px){
  .calculator-shell{grid-template-columns:1fr}
  .calc-result{position:relative;top:auto}
}
@media(max-width:560px){
  .calc-step{grid-template-columns:44px 1fr}
  .calc-step-number{padding-top:25px}
  .calc-step-content{padding:22px 18px}
  .choice-grid,.calc-two{grid-template-columns:1fr}
  .option-list label{grid-template-columns:22px 1fr}
  .option-list label b{grid-column:2}
  .calc-price strong{font-size:36px}
}

.calc-help{font-size:13px;color:var(--muted);margin:-4px 0 18px;max-width:720px}
.calc-piling-note{margin:20px 0;padding:16px;background:rgba(181,154,111,.12);border:1px solid rgba(181,154,111,.35)}
.calc-piling-note b{display:block;color:#eadab8;font-size:12px;margin-bottom:5px}
.calc-piling-note span{display:block;color:rgba(255,255,255,.66);font-size:11px;line-height:1.5}

.calc-custom-quote{
  margin-top:28px;
  padding:30px 32px;
  background:#fff;
  border:1px solid #dfe0dd;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
}
.calc-custom-quote h3{font-size:24px;margin:0 0 10px}
.calc-custom-quote p{max-width:820px;margin:0;color:var(--muted);font-size:14px}
@media(max-width:760px){
  .calc-custom-quote{flex-direction:column;align-items:flex-start}
  .calc-custom-quote .btn{width:100%}
}


/* ===== V7 polish ===== */
.casco-showcase{
  display:grid;
  grid-template-columns:1.5fr .7fr;
  background:#fff;
  color:var(--ink);
  min-height:330px;
}
.casco-copy{padding:42px 46px}
.casco-copy h3{font-size:32px;margin:12px 0 10px;letter-spacing:-1px}
.casco-copy>p{max-width:660px;color:var(--muted)}
.casco-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:26px}
.casco-columns ul{list-style:none;padding:0;margin:0}
.casco-columns li{position:relative;padding:7px 0 7px 22px;font-size:14px}
.casco-columns li:before{content:"✓";position:absolute;left:0;color:var(--beige);font-weight:800}
.casco-price{background:#f1ece3;padding:42px;display:flex;flex-direction:column;justify-content:center}
.casco-price small{font-size:10px;letter-spacing:1.4px;color:var(--muted)}
.casco-price strong{font-size:42px;color:var(--navy);line-height:1.1;margin:7px 0 2px}
.casco-price>span{font-size:12px;color:var(--muted);margin-bottom:26px}

.calculator-section{padding:96px 0;background:#eef0ed}
.calculator-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start;margin-bottom:46px}
.calculator-intro h2{margin-bottom:0}
.calculator-intro .lead{margin-top:0}
.calculator-intro .muted{margin-bottom:0}
.calculator-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr);gap:28px;align-items:start}
.calc-form{display:flex;flex-direction:column;gap:14px}
.calc-step{display:grid;grid-template-columns:64px 1fr;background:#fff;border:1px solid #e0e1de;overflow:hidden}
.calc-step-number{display:flex;align-items:flex-start;justify-content:center;padding-top:30px;color:var(--beige);font-size:12px;font-weight:800;letter-spacing:1px;border-right:1px solid #ecece8;background:#fbfbf9}
.calc-step-content{padding:28px 30px 30px}
.calc-step-content h3{margin:4px 0 17px;font-size:21px;letter-spacing:-.3px}
.calc-kicker{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--beige)}
.calc-step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.calc-base-label{font-size:10px;font-weight:800;letter-spacing:.6px;color:var(--muted);background:var(--paper);padding:8px 10px;white-space:nowrap}
.calc-help{font-size:13px;color:var(--muted);margin:0 0 18px;max-width:720px}
.calc-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.calc-two label{font-size:12px;font-weight:800;display:flex;flex-direction:column;gap:7px}
.calc-area{margin-top:14px;padding:13px 15px;background:var(--paper);display:flex;justify-content:space-between;align-items:center;font-size:13px}
.calc-area strong{font-size:17px;color:var(--navy)}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.choice-card{display:block;position:relative;cursor:pointer}
.choice-card input{position:absolute;opacity:0;pointer-events:none}
.choice-card span{display:flex;height:100%;min-height:104px;flex-direction:column;padding:17px;border:1px solid #d7d9d6;background:#fff;transition:.18s}
.choice-card b{font-size:14px;color:var(--navy)}
.choice-card small{margin-top:5px;font-size:11px;line-height:1.45;color:var(--muted)}
.choice-card input:checked + span{border-color:var(--beige);box-shadow:inset 0 0 0 1px var(--beige);background:#fbf8f2}
.option-list{display:flex;flex-direction:column;border-top:1px solid #e5e5e1}
.option-list label{display:grid;grid-template-columns:22px 1fr auto;gap:9px;align-items:center;padding:14px 2px;border-bottom:1px solid #e5e5e1;cursor:pointer;font-size:13px}
.option-list input{accent-color:var(--beige)}
.option-list b{font-size:11px;color:var(--navy);font-weight:800}
.option-list small{display:block;color:var(--muted);font-size:11px;margin-top:3px;line-height:1.4}
.maatwerk-option{background:#faf8f3;padding-left:10px!important;padding-right:10px!important}
.calc-result{position:sticky;top:98px;background:var(--navy);color:#fff;box-shadow:0 16px 45px rgba(11,29,44,.12)}
.calc-result-inner{padding:34px}
.calc-custom-quote{margin-top:28px;padding:32px 34px;background:#fff;border:1px solid #dfe0dd;display:flex;align-items:center;justify-content:space-between;gap:40px}
.calc-custom-quote h3{font-size:25px;margin:0 0 9px}
.calc-custom-quote p{max-width:840px;margin:0;color:var(--muted);font-size:14px}
.home-contact-cta{background:#fff}
.home-contact-box{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:42px 0}
.home-contact-box h2{font-size:42px;margin-bottom:10px}
.home-contact-box p{color:var(--muted);max-width:760px;margin-bottom:0}

.page-title{padding:84px 0 54px;background:var(--paper)}
.page-title h1{font-size:clamp(46px,6vw,76px);line-height:1;margin:0;letter-spacing:-2.5px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.about-values{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.about-values div{background:var(--paper);padding:22px}
.contact-page-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.contact-card{background:var(--navy);color:#fff;padding:34px;margin-top:30px}
.contact-card a,.contact-card span{display:block;color:rgba(255,255,255,.72);margin:8px 0}

@media(max-width:900px){
  .casco-showcase,.calculator-intro,.calculator-shell,.about-grid,.contact-page-grid{grid-template-columns:1fr}
  .casco-columns{grid-template-columns:1fr 1fr}
  .calc-result{position:relative;top:auto}
  .choice-grid{grid-template-columns:1fr}
  .home-contact-box,.calc-custom-quote{flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
  .casco-copy,.casco-price{padding:26px}
  .casco-columns{grid-template-columns:1fr;gap:0}
  .calculator-intro{gap:20px}
  .calc-step{grid-template-columns:42px 1fr}
  .calc-step-number{padding-top:26px}
  .calc-step-content{padding:22px 17px}
  .calc-step-head{flex-direction:column}
  .calc-base-label{white-space:normal}
  .calc-two{grid-template-columns:1fr}
  .option-list label{grid-template-columns:22px 1fr}
  .option-list label b{grid-column:2}
  .home-contact-box h2{font-size:36px}
}


/* ===== PRE-LIVE additions ===== */
.assurance-section{background:#fff}
.assurance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.assurance-grid article{padding:28px;background:var(--paper);border:1px solid #e8e6e0}
.assurance-grid article>span{font-size:11px;font-weight:800;color:var(--beige)}
.assurance-grid h3{font-size:18px;margin:16px 0 8px}
.assurance-grid p{font-size:13px;color:var(--muted);margin:0}

.project-meta{margin:15px 0 3px;padding-top:13px;border-top:1px solid #ecebe7;color:var(--muted);font-size:11px}
.project-meta b{color:var(--ink)}
.project-meta i{font-style:normal;margin:0 5px;color:#b8b8b4}

.calc-selected{margin:20px 0 0;padding:16px 0;border-top:1px solid rgba(255,255,255,.13)}
.calc-selected>span{display:block;color:rgba(255,255,255,.56);font-size:11px;margin-bottom:8px}
#calc-selected-options{display:flex;flex-wrap:wrap;gap:6px}
#calc-selected-options span{font-size:10px;line-height:1.3;padding:6px 8px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.1)}

.faq-section{background:var(--paper)}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}
.faq-list{border-top:1px solid #d8d8d4}
.faq-list details{border-bottom:1px solid #d8d8d4;padding:0}
.faq-list summary{cursor:pointer;list-style:none;padding:20px 34px 20px 0;font-weight:800;font-size:15px;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:4px;top:17px;font-size:22px;font-weight:400;color:var(--beige)}
.faq-list details[open] summary:after{content:"–"}
.faq-list p{margin:0 0 20px;color:var(--muted);font-size:14px;max-width:760px}

.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}
.footer-bottom>span{margin:0}
.footer-legal{display:flex!important;gap:16px}
.footer-legal a{display:inline!important;margin:0!important}

.calc-prefill{margin:0 0 22px;padding:20px;background:#f4efe6;border-left:3px solid var(--beige)}
.calc-prefill h3{font-size:16px;margin:0 0 9px}
.calc-prefill p{font-size:12px;color:var(--muted);margin:4px 0}
.calc-prefill ul{margin:8px 0 0;padding-left:18px;font-size:12px;color:var(--muted)}

.seo-intro{max-width:820px}
.seo-points{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:32px}
.seo-points article{padding:24px;background:var(--paper)}
.seo-points h3{font-size:18px;margin:0 0 8px}
.seo-points p{font-size:13px;color:var(--muted);margin:0}

.legal-copy{max-width:860px}
.legal-copy h2{font-size:30px;margin-top:40px}
.legal-copy h3{font-size:20px;margin-top:28px}
.legal-copy p,.legal-copy li{color:var(--muted);font-size:14px}

@media(max-width:900px){
  .assurance-grid{grid-template-columns:repeat(2,1fr)}
  .faq-layout{grid-template-columns:1fr;gap:35px}
  .seo-points{grid-template-columns:1fr}
}
@media(max-width:560px){
  .assurance-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}


/* ===== V12 Westland page ===== */
.westland-home{background:#fff}
.westland-home-grid,.westland-intro,.westland-service-grid,.westland-price-grid{
  display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start
}
.westland-title .westland-lead{max-width:760px;margin-top:24px}
.westland-values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.westland-values article{background:rgba(255,255,255,.06);padding:28px;border:1px solid rgba(255,255,255,.1)}
.westland-values article span{font-size:11px;color:var(--beige);font-weight:800}
.westland-values article h3{font-size:20px;margin:15px 0 8px;color:#fff}
.westland-values article p{font-size:13px;color:rgba(255,255,255,.68);margin:0}
.westland-place-card{background:var(--paper);padding:34px}
.westland-place-card>span{display:block;font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--beige);margin-bottom:16px}
.westland-place-card strong{display:block;padding:11px 0;border-bottom:1px solid #deddd8;font-size:18px;color:var(--navy)}
.westland-price{background:#fff}
.westland-price-card{background:var(--navy);color:#fff;padding:38px;display:flex;flex-direction:column;align-items:flex-start}
.westland-price-card small{letter-spacing:1.3px;font-size:10px;color:rgba(255,255,255,.6)}
.westland-price-card strong{font-size:40px;line-height:1.1;margin:10px 0 5px}
.westland-price-card span{font-size:12px;color:rgba(255,255,255,.62);margin-bottom:24px}
@media(max-width:900px){
  .westland-home-grid,.westland-intro,.westland-service-grid,.westland-price-grid{grid-template-columns:1fr;gap:28px}
  .westland-values{grid-template-columns:1fr}
}

.westland-benefits .benefit-item{padding:16px 0;border-bottom:1px solid #deddd8}
.westland-benefits .benefit-item:last-child{border-bottom:0}
.westland-benefits .benefit-item b{display:block;font-size:17px;color:var(--navy);margin-bottom:5px}
.westland-benefits .benefit-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}

/* ===== V16 hero image ===== */
.hero{
  background-position:center center;
  background-size:cover;
  position:relative;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(9,24,38,.76) 0%,rgba(9,24,38,.52) 42%,rgba(9,24,38,.18) 72%,rgba(9,24,38,.08) 100%);
}
.hero .hero-content{
  position:relative;
  z-index:1;
}
@media(max-width:700px){
  .hero{background-position:58% center}
  .hero:before{background:rgba(9,24,38,.58)}
}

/* ===== V18 Leiden gallery less zoomed ===== */
.gallery img.contain-photo{
  object-fit: contain;
  background: #f4f1ea;
  padding: 8px;
}

/* Direct aanvraagformulier */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{margin-top:4px;font-size:.95rem;line-height:1.5}
.form-status.success{padding:14px 16px;background:#f1f6f1;border:1px solid #c8d8c8;border-radius:8px}
.form-status.error{padding:14px 16px;background:#fff4f2;border:1px solid #e7c5bf;border-radius:8px}