/* Shared refinements: retain the original navy and lime identity. */
html {scroll-padding-top:96px}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #90ff6c;outline-offset:5px}
.form-card :focus-visible{outline-color:#286624}
img{max-width:100%;height:auto}
button,a,input,select,textarea{-webkit-tap-highlight-color:rgba(144,255,108,.18)}
button{touch-action:manipulation}
.hero{background:radial-gradient(ellipse at 82% 38%,rgba(55,151,110,.14),transparent 52%),#04121c}
.hero .spot{opacity:.35}
.hero h1{letter-spacing:-.055em;line-height:1.08}
.hero .lead{max-width:540px}
.hero-word{display:inline;color:#f4fff6}
.hero .rot-wrap{display:inline;min-width:0}
.hero .hero-micro{color:#bcd1ce}
.hero-grid{padding-block:64px 70px}
.tour-preview{display:flex;align-items:center;min-height:340px;padding:36px;border:1px solid #32504a;border-radius:24px;background:radial-gradient(ellipse at top right,#234e3b,transparent 75%),#0b202b;box-shadow:0 28px 80px -48px #3ee0b5}
.tour-preview h3{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.04em;margin:16px 0}
.tour-preview p{color:#bcd1ce;max-width:38ch;line-height:1.7}
.tour-preview small{display:block;margin-top:20px;color:#afc5c0;font-size:12px}
.form-card{border-radius:24px}
.form-feedback{padding:14px 16px;border:1px solid #b75842;border-radius:12px;background:#fff0e9;color:#762b20;line-height:1.5}
.panel .form-feedback{background:#3b211d;color:#ffe7df}
.trial-note{padding:14px;border-radius:12px;background:#e6f4de;color:#244820;font-size:14px;line-height:1.6;border:1px solid #b3d49f}
.trial-link{display:block;margin-top:18px;color:#275124;font-size:14px;text-align:center;text-underline-offset:4px}
.form-grid .field{min-width:0}
.field input,.field select,.field textarea{min-height:48px;max-width:100%;box-sizing:border-box}
.tp:empty::after{content:'Kies eerst een datum om de tijden te bekijken.';font-size:14px;color:#566b68}
.dp button,.tp button,.dp-nav button{min-height:44px}
.trial-success{padding:12px 18px;border:1px solid #709a52;border-radius:12px;max-width:650px;margin:18px auto;color:#ddf5cf;background:#142f23}
.resource-page{padding:40px 0 80px;min-height:100vh;background:#061620}
.resource-page .brand{margin-bottom:50px;display:block}
.resource-page h1{font-size:clamp(36px,6vw,64px);letter-spacing:-.05em;line-height:1.12}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px 0}
.resource-card{border:1px solid #294338;border-radius:18px;overflow:hidden;background:#0b232c;color:#f3fff8;text-decoration:none;transition:border-color .2s,transform .2s}
.resource-card:hover{border-color:#90ff6c;transform:translateY(-3px)}
.resource-card img{width:100%;height:180px;object-fit:cover}
.resource-card>div{padding:20px}.resource-card h2{font-size:20px;line-height:1.25;margin:0 0 15px}.resource-card span{color:#90ff6c;font-size:14px}
.motion-toggle{position:fixed;left:18px;bottom:18px;z-index:55;background:#0b2330;color:#d8eddf;border:1px solid #375849;border-radius:999px;padding:10px 15px;font:600 12px system-ui;min-height:40px;cursor:pointer}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important;scroll-behavior:auto!important}
@media(max-width:940px){
 .top .mobile-menu.open{max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}
 .mobile-menu a{min-height:44px}
 .hero .hero-grid{padding-block:34px 40px!important}
 .hero .hero-checks{display:grid;grid-template-columns:1fr 1fr!important;gap:8px!important}
 .hero-checks span{font-size:12px!important;padding:7px 8px!important}
 .tour-preview{min-height:290px;padding:26px}
 .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .motion-toggle{position:static;display:block;margin:16px auto}
 .form-card{padding:22px 16px!important}
 .dp-head{flex-wrap:wrap;gap:10px}
 .dp-nav{gap:8px}
 .dp-nav [data-dp-range]{font-size:12px}
 .slots{flex-wrap:wrap}
 .demo-hero .split{gap:28px}
 .fab:not(.on){visibility:hidden;pointer-events:none;opacity:0}
 .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .foot-grid>div:first-child{grid-column:1/-1}
 .foot-grid a{overflow-wrap:anywhere}
}
@media(max-width:480px){
 .resource-grid{grid-template-columns:1fr}
 .hero h1{font-size:clamp(32px,9vw,42px)!important}
 .hero .dev-fit{overflow:hidden}
 .dp{gap:5px}.dp button{padding-inline:4px}
 .dp button b{font-size:20px}
 .tp{gap:6px}
 .foot-grid{gap:24px 18px!important}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* Language changes preserve the current page and its layout. */
.language-status{position:fixed;z-index:120;left:50%;bottom:26px;transform:translate(-50%,16px);opacity:0;pointer-events:none;max-width:calc(100vw - 32px);width:max-content;padding:12px 18px;border-radius:14px;border:1px solid #547844;background:#122d25;color:#efffec;box-shadow:0 8px 32px #0005;transition:opacity .18s,transform .18s;font-size:14px;text-align:center}
.language-status.show{opacity:1;transform:translate(-50%,0)}
[data-set-language][aria-current="true"]{color:#90ff6c;font-weight:800}
html[data-language="ar"] body{font-family:"DM Sans",Arial,Tahoma,sans-serif}
html[data-language="ar"] h1,html[data-language="ar"] h2,html[data-language="ar"] h3{letter-spacing:normal;line-height:1.4}
html[data-language="ar"] .lead{line-height:1.9}
html[data-language="ar"] .hero h1{font-size:clamp(38px,4.8vw,66px)}
html[data-language="de"] .nav .links{gap:18px}
html[data-language="fr"] .nav .links{gap:18px}
html[data-language]:not([data-language="nl"]) .hero .rot-wrap::after{display:none}
@media(max-width:940px){.language-status{bottom:88px}html[data-language="ar"] .hero h1{font-size:clamp(32px,8vw,42px)!important}}
@media(max-width:940px){
 .btn{white-space:normal;text-align:center}
 .nav-actions{flex-shrink:0}
 .lang-switch__btn{white-space:nowrap}
 .mobile-menu .btn{line-height:1.4}
 .hero .scan-link{line-height:1.5}
}
.hero .eyebrow{max-width:100%;white-space:normal;line-height:1.5;box-sizing:border-box}
html[data-language="ar"] .eyebrow,html[data-language="ar"] .kicker{letter-spacing:normal}

/* Installatiebedrijven: geschikt voor (loodgieters, dakdekkers, zzp'ers …) */
.geschikt-voor{margin-top:22px}
.geschikt-voor .gv-kop{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-bottom:10px}
.geschikt-voor ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.geschikt-voor li{display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 9px;border-radius:999px;background:rgba(57,232,176,.14);border:1px solid rgba(57,232,176,.5);font-weight:700;font-size:14px;line-height:1.2}
.geschikt-voor li .ico,.gv-mini li .ico{width:17px;height:17px;flex:none;border-radius:50%;padding:3px;background:#39e8b0;color:#06231b;stroke:#06231b;stroke-width:3.4;fill:none}
.gv-mini{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 12px}
.gv-mini li{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}
@media (max-width:600px){.geschikt-voor li{font-size:13px;padding:6px 11px 6px 8px}}

/* Social links in de footer: rustig, merkkleur pas bij hover */
.yg-social{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}
.yg-social-kop{flex-basis:100%;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.55}
.yg-social a{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:rgba(255,255,255,.82);overflow:hidden;transition:transform .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
.yg-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s ease}
.yg-social a.ig::before{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.yg-social a.fb::before{background:#1877f2}
.yg-social svg{position:relative;width:20px;height:20px;fill:currentColor}
.yg-social a:hover,.yg-social a:focus-visible{transform:translateY(-2px);border-color:transparent;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.yg-social a:hover::before,.yg-social a:focus-visible::before{opacity:1}
.yg-social a:focus-visible{outline:2px solid #39e8b0;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.yg-social a{transition:none}.yg-social a:hover{transform:none}}
.yg-volg{margin-top:36px;margin-bottom:40px;text-align:left}
.yg-volg p{margin:0 0 14px;opacity:.8}
.yg-volg .yg-social{justify-content:flex-start;margin-top:0}
.yg-volg .yg-social-kop{display:none}

/* Zwevende knop: alleen de scan, nieuwsgierig makend */
.fab.fab-enkel{padding:8px 18px 8px 8px}
.fab-scan{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.fab-scan .fab-t{display:grid;line-height:1.15}
.fab-scan .fab-t small{font-size:12px;font-weight:600;opacity:.75}
.fab-scan .fab-t b{font-size:15px;font-weight:800}
.fab-scan>.ico{width:18px;height:18px;transition:transform .2s}
.fab-scan:hover>.ico{transform:translateX(3px)}
@media (max-width:760px){
 .fab.fab-enkel{pointer-events:none;grid-template-columns:1fr!important;left:12px!important;justify-content:flex-end!important;right:max(12px,env(safe-area-inset-right,0px))!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .fab.fab-enkel .fab-scan{margin-left:auto;justify-self:end;width:max-content;pointer-events:auto;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:var(--green);color:var(--green-ink);box-shadow:0 14px 30px -10px rgba(144,255,108,.55);font-size:14px}
 .fab.fab-enkel .fab-ic{width:32px;height:32px;background:var(--green-ink);color:var(--green)}
 .fab.fab-enkel .fab-ic .ico{width:16px;height:16px}
 .fab-scan .fab-t small{display:none}
 .fab-scan .fab-t b{font-size:14px}}
/* Scan: knop kennismaken bij een goede score */
.sr-elig-cta{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin-top:18px;padding:16px 18px;border-radius:16px;background:rgba(144,255,108,.1);border:1px solid rgba(144,255,108,.4)}
.sr-elig-cta p{margin:0;flex:1 1 260px}
.sr-elig-cta .btn{flex:none}

/* Uitlegvideo: speelt vanzelf, zonder knoppen, balken of rand */
.launch-video video.yg-autovideo{border:0!important;background:transparent!important;box-shadow:none!important;outline:0;pointer-events:none;-webkit-user-select:none;user-select:none}
.yg-autovideo::-webkit-media-controls,.yg-autovideo::-webkit-media-controls-enclosure,.yg-autovideo::-webkit-media-controls-panel,.yg-autovideo::-webkit-media-controls-start-playback-button,.yg-autovideo::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none;opacity:0!important}