:root{
  --navy:#061e38;--navy2:#0a2d52;--blue:#2f7de1;--blue2:#74bfff;--ink:#0d2138;--muted:#64748b;--line:#dfe7ef;--soft:#f5f8fb;--white:#fff;--shadow:0 18px 50px rgba(8,29,52,.12);--radius:24px;--shell:min(1460px,calc(100% - 48px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.shell{width:var(--shell);margin-inline:auto}.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.site-header{position:sticky;top:0;z-index:50;background:rgba(6,30,56,.98);border-bottom:1px solid rgba(255,255,255,.1);transition:.25s ease}.site-header.scrolled{box-shadow:0 10px 25px rgba(0,0,0,.12)}.nav-shell{width:var(--shell);margin:auto;height:84px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;min-width:245px}.brand img{width:205px;height:64px;object-fit:contain;object-position:left center}.main-nav{margin-left:auto;display:flex;align-items:center;gap:28px;color:#f7fbff;font-weight:700;font-size:14px}.main-nav>a:not(.nav-cta){opacity:.88;position:relative;padding:30px 0}.main-nav>a:not(.nav-cta):hover{opacity:1}.main-nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:var(--blue2);transition:.2s}.main-nav>a:not(.nav-cta):hover:after{right:0}.nav-cta{background:linear-gradient(135deg,#317fe7,#2466c8);padding:14px 20px;border-radius:10px;box-shadow:0 10px 22px rgba(47,125,225,.22)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:5px}
.hero{position:relative;min-height:650px;background:var(--navy);overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url('/static/gdl-product-kozijn-v31.webp');background-size:cover;background-position:center right}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,24,46,.98) 0%,rgba(4,24,46,.91) 34%,rgba(4,24,46,.46) 58%,rgba(4,24,46,.08) 100%)}.hero-shell{width:var(--shell);margin:auto;position:relative;z-index:2;padding:90px 0 120px}.hero-copy{max-width:660px;color:#fff}.eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.2em;color:#2d72c8;margin-bottom:15px}.eyebrow.light{color:#8ac9ff}.hero h1,.subhero h1,.simple-hero h1,.contact-intro h1{font-size:clamp(46px,5.2vw,82px);line-height:.95;margin:0 0 24px;letter-spacing:-.045em;font-weight:900}.hero h1 em,.subhero h1 em,.simple-hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#7fc3ff}.hero-copy>p{font-size:19px;max-width:625px;color:#d7e3ef;margin:0 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border-radius:10px;font-weight:850;border:1px solid transparent;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#2f7de1,#3b8cf3);color:#fff;box-shadow:0 12px 25px rgba(47,125,225,.28)}.btn-outline-light{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.03)}.btn-outline-dark{border-color:#b8c7d5;color:var(--ink);background:#fff}.btn-full{width:100%}.hero-checks{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;font-size:14px;color:#dce8f3}.benefit-bar{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:18px;box-shadow:var(--shadow);position:relative;z-index:4;margin-top:-50px;overflow:hidden}.benefit{display:flex;gap:16px;padding:25px 24px;align-items:center;border-right:1px solid var(--line)}.benefit:last-child{border:0}.benefit i{font-style:normal;width:48px;height:48px;border-radius:12px;background:#eaf4ff;color:#15559d;display:grid;place-items:center;font-size:24px}.benefit strong,.benefit span{display:block}.benefit strong{font-size:15px}.benefit span{font-size:13px;color:var(--muted);margin-top:2px}
.section{padding:84px 0}.section-intro{max-width:730px;margin-bottom:38px}.section-intro.compact{margin-bottom:0}.section-intro h2,.section-head h2,.split h2,.final-cta h2,.quick-lead h2{font-size:clamp(30px,3.2vw,48px);line-height:1.05;letter-spacing:-.035em;margin:0 0 14px}.section-intro p,.split p{font-size:17px;color:var(--muted);margin:0}.why{display:grid;grid-template-columns:1.05fr 1.95fr;gap:70px;align-items:start}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.why-item{display:flex;gap:14px;padding:22px;background:var(--soft);border:1px solid var(--line);border-radius:16px}.why-item b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff}.why-item strong,.why-item span{display:block}.why-item span{color:var(--muted);font-size:14px;margin-top:4px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-head h2{margin:0}.text-link{font-weight:800;color:#1c5ba2}.solution-grid{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:20px}.solution-card{position:relative;border-radius:18px;overflow:hidden;min-height:390px;background:#0a2d52;box-shadow:var(--shadow)}.solution-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:.35s}.solution-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,19,36,.92))}.solution-card:hover img{transform:scale(1.03)}.solution-card div{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff}.solution-card span,.solution-card strong,.solution-card em{display:block}.solution-card span{font-size:12px;font-weight:900;letter-spacing:.16em;color:#9ed1ff;text-transform:uppercase}.solution-card strong{font-size:24px;line-height:1.15;margin:5px 0 11px}.solution-card em{font-style:normal;font-weight:800;font-size:14px}.process-section{background:#f4f7fa;border-block:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-grid>div{background:#fff;padding:26px;border:1px solid var(--line);border-radius:16px;min-height:170px}.process-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;margin-bottom:15px}.process-grid strong{display:block;font-size:17px;margin-bottom:5px}.process-grid span{color:var(--muted);font-size:14px}.quick-lead{background:linear-gradient(135deg,#061e38,#0b3868);color:#fff;padding:42px 0}.quick-lead-inner{display:grid;grid-template-columns:1.05fr 2fr;gap:32px;align-items:center}.quick-lead h2{margin-bottom:7px}.quick-lead p{color:#c8d8e7;margin:0}.quick-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.quick-form label{display:block}.quick-form label span{display:block;font-size:11px;color:#b6cadc;margin:0 0 6px}.quick-form input,.quick-form select{width:100%;height:46px;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:0 12px;background:#fff;color:#10243a}.quick-form .btn{height:46px;align-self:end;min-height:46px}.quick-privacy{grid-column:2/-1;color:#a9bed1;margin-top:-20px}.quick-privacy a{text-decoration:underline}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-grid article{position:relative;height:230px;border-radius:16px;overflow:hidden}.project-grid img{width:100%;height:100%;object-fit:cover}.project-grid article:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7))}.project-grid span{position:absolute;z-index:2;left:18px;bottom:16px;color:#fff;font-weight:850}.final-cta{background:#061e38;color:#fff;padding:46px 0}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{margin:0 0 8px}.final-cta p{color:#cbd9e6;margin:0}.final-cta-inner>div:last-child{display:flex;gap:12px;flex-wrap:wrap}
.subhero{position:relative;min-height:540px;background:#061e38;display:flex;align-items:center;overflow:hidden}.subhero-image{position:absolute;inset:0;background-size:cover;background-position:center}.subhero-image.kozijnen{background-image:url('/static/gdl-product-kozijn-v31.webp')}.subhero-image.deuren{background-image:url('/static/gdl-product-deur-v31.webp');background-position:center}.subhero-image.schuif{background-image:url('/static/gdl-product-schuif-v31.webp')}.subhero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,25,47,.98),rgba(5,25,47,.83) 44%,rgba(5,25,47,.2))}.subhero-content{position:relative;z-index:2;color:#fff;max-width:1400px;padding:80px 0}.subhero-content>*{max-width:700px}.subhero p{font-size:18px;color:#d7e4ef;margin:0 0 26px}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:start}.split p+p{margin-top:15px}.feature-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-panel>div{padding:22px;border-radius:16px;background:var(--soft);border:1px solid var(--line)}.feature-panel strong,.feature-panel span{display:block}.feature-panel span{font-size:14px;color:var(--muted);margin-top:4px}.image-band{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#fff}.image-band img{height:300px;width:100%;object-fit:cover}.simple-hero{background:linear-gradient(135deg,#f1f6fb,#fff);padding:90px 0 70px;border-bottom:1px solid var(--line)}.simple-hero.compact{padding:70px 0 50px}.simple-hero h1{font-size:clamp(44px,5vw,72px);max-width:900px}.simple-hero p{font-size:18px;max-width:760px;color:var(--muted)}.timeline-v28{max-width:1100px}.timeline-v28 article{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:34px 0;border-bottom:1px solid var(--line)}.timeline-v28 article b{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:18px}.timeline-v28 h2{margin:0 0 7px;font-size:27px}.timeline-v28 p{margin:0;color:var(--muted)}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-gallery article{border-radius:18px;border:1px solid var(--line);overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(9,38,67,.08)}.project-gallery img{height:270px;width:100%;object-fit:cover}.project-gallery article div{padding:20px}.project-gallery strong,.project-gallery span{display:block}.project-gallery span{color:var(--muted);font-size:14px;margin-top:4px}
.contact-page{background:linear-gradient(135deg,#eef4f9,#fff);padding:80px 0}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.contact-intro{padding-top:24px}.contact-intro h1{font-size:clamp(42px,4.3vw,64px)}.contact-intro>p{font-size:18px;color:var(--muted)}.contact-values{margin-top:34px;display:grid;gap:15px}.contact-values>div{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start}.contact-values b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff}.contact-values strong,.contact-values span{display:block}.contact-values span{color:var(--muted);font-size:14px}.contact-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:var(--shadow)}.form-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.form-head span{font-size:20px;font-weight:900}.form-head small{color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:block;font-size:13px;font-weight:800;margin-bottom:14px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #cfdbe6;border-radius:9px;padding:12px;background:#fff;color:#10243a;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#2f7de1;box-shadow:0 0 0 3px rgba(47,125,225,.1)}.consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;color:var(--muted)}.consent input{width:auto!important;margin-top:4px!important}.consent a{text-decoration:underline}.form-error{background:#fff0ef;border:1px solid #efbbb7;color:#9a2b22;border-radius:10px;padding:12px;margin-bottom:15px}.form-note{display:block;text-align:center;margin-top:10px;color:var(--muted)}.success-page{min-height:65vh;background:#f4f7fa;display:grid;place-items:center;padding:80px 24px}.success-card{max-width:720px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:52px;box-shadow:var(--shadow)}.success-card i{display:grid;place-items:center;margin:0 auto 20px;width:62px;height:62px;border-radius:50%;background:#e8f5ef;color:#17865a;font-size:28px;font-style:normal;font-weight:900}.success-card h1{font-size:42px;letter-spacing:-.04em;margin:0 0 12px}.success-card p{font-size:17px;color:var(--muted);margin-bottom:25px}.success-card>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.legal{max-width:900px}.legal h2{font-size:24px;margin:34px 0 8px}.legal p{color:#4d6073}
.site-footer{background:#03182d;color:#d9e5ef;padding:55px 0 0}.footer-shell{width:var(--shell);margin:auto;display:grid;grid-template-columns:1.6fr .8fr .8fr .8fr;gap:50px;padding-bottom:40px}.footer-brand img{width:220px;margin-bottom:15px}.footer-brand p{max-width:370px;color:#aebfd0}.footer-brand small{color:#8097aa}.footer-column{display:flex;flex-direction:column;gap:8px;font-size:14px}.footer-column strong{color:#fff;margin-bottom:7px}.footer-column span,.footer-column a{color:#aebfd0}.footer-column a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px max(24px,calc((100% - min(1460px,calc(100% - 48px)))/2));display:flex;justify-content:space-between;gap:20px;color:#7f96aa;font-size:12px}.footer-bottom div{display:flex;gap:18px}
@media(max-width:1100px){.main-nav{gap:18px;font-size:13px}.brand{min-width:190px}.brand img{width:170px}.benefit-bar{grid-template-columns:1fr 1fr}.benefit:nth-child(2){border-right:0}.solution-grid{grid-template-columns:1fr 1fr}.solution-card.wide{grid-column:1/-1}.quick-lead-inner{grid-template-columns:1fr}.quick-form{grid-template-columns:repeat(3,1fr)}.quick-privacy{grid-column:1/-1;margin-top:0}.why{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr}.footer-shell{grid-template-columns:1.4fr 1fr 1fr}.footer-column:last-child{grid-column:2/4}}
@media(max-width:860px){:root{--shell:min(100% - 32px,1460px)}.nav-shell{height:74px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#061e38;padding:18px 22px 26px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid rgba(255,255,255,.1)}body.nav-open .main-nav{display:flex}.main-nav>a:not(.nav-cta){padding:13px 0}.main-nav>a:not(.nav-cta):after{display:none}.nav-cta{text-align:center;margin-top:10px}.hero{min-height:620px}.hero-image{background-position:60% center}.hero-overlay{background:linear-gradient(90deg,rgba(4,24,46,.96),rgba(4,24,46,.75))}.hero-shell{padding:70px 0 100px}.benefit-bar{margin-top:-38px}.section{padding:64px 0}.process-grid{grid-template-columns:1fr 1fr}.solution-grid{grid-template-columns:1fr}.solution-card.wide{grid-column:auto}.project-grid,.project-gallery{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:35px}.image-band{grid-template-columns:1fr}.image-band img{height:240px}.quick-form{grid-template-columns:1fr 1fr}.footer-shell{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-column:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.final-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){:root{--shell:calc(100% - 24px)}.brand img{width:158px}.hero{min-height:660px}.hero-shell{padding:54px 0 90px}.hero h1,.subhero h1,.simple-hero h1,.contact-intro h1{font-size:43px}.hero-copy>p{font-size:17px}.hero-actions .btn{width:100%}.hero-checks{gap:8px;flex-direction:column}.benefit-bar{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid var(--line)}.benefit:last-child{border-bottom:0}.why-grid,.feature-panel,.process-grid,.field-grid,.quick-form{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.solution-card{min-height:320px}.subhero{min-height:520px}.subhero-content{padding:60px 0}.quick-lead{padding:35px 0}.final-cta{padding:38px 0}.contact-page{padding:50px 0}.contact-form{padding:22px}.success-card{padding:34px 22px}.success-card h1{font-size:34px}.footer-shell{grid-template-columns:1fr}.footer-column:last-child{grid-column:auto}.timeline-v28 article{grid-template-columns:58px 1fr;gap:14px}.timeline-v28 article b{width:48px;height:48px}.footer-bottom{padding-inline:16px}}

/* V32 dynamic homepage */
.hero-v32{min-height:720px;isolation:isolate}.hero-slides{position:absolute;inset:0;z-index:0}.hero-slide{position:absolute;inset:-1.5%;background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity 1.1s ease,transform 7s linear}.hero-slide.is-active{opacity:1;transform:scale(1)}.hero-overlay-v32{z-index:1;background:linear-gradient(90deg,rgba(3,20,38,.98) 0%,rgba(3,20,38,.93) 31%,rgba(3,20,38,.58) 55%,rgba(3,20,38,.18) 76%,rgba(3,20,38,.28) 100%)}.hero-shell-v32{min-height:720px;display:flex;align-items:center;padding:85px 0 130px}.hero-copy-v32{max-width:690px}.hero-product-deck{position:absolute;z-index:4;right:0;bottom:120px;display:grid;grid-template-columns:repeat(3,220px);gap:10px}.hero-product-card{text-align:left;border:1px solid rgba(255,255,255,.18);background:rgba(5,25,47,.7);backdrop-filter:blur(12px);border-radius:14px;padding:17px 18px;color:#fff;cursor:pointer;transition:.3s;box-shadow:0 14px 34px rgba(0,0,0,.16)}.hero-product-card:hover,.hero-product-card.is-active{transform:translateY(-4px);border-color:#4b9bff;background:rgba(8,44,80,.9)}.hero-product-card span{display:block;color:#6ab5ff;font-weight:900;font-size:12px;letter-spacing:.12em}.hero-product-card strong{display:block;font-size:18px;margin:6px 0 2px}.hero-product-card small{color:#c4d5e5}.hero-controls{position:absolute;left:0;right:0;bottom:72px;z-index:4;display:flex;justify-content:flex-end;align-items:center;gap:10px}.hero-controls button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.36);background:rgba(4,23,42,.45);color:#fff;font-size:24px;cursor:pointer;backdrop-filter:blur(8px)}.hero-controls .hero-pause{font-size:15px}.hero-progress{display:flex;gap:7px;margin-right:16px}.hero-progress i{width:58px;height:3px;border-radius:99px;background:rgba(255,255,255,.25);overflow:hidden;position:relative}.hero-progress i:after{content:"";position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:#4c9bff}.hero-progress i.is-active:after{animation:heroProgress 6s linear forwards}.hero-v32.is-paused .hero-progress i.is-active:after{animation-play-state:paused}@keyframes heroProgress{to{transform:scaleX(1)}}

.motion-showcase{padding-top:100px}.motion-showcase .section-head p{max-width:680px;color:var(--muted);margin:8px 0 0}.motion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.motion-card{background:#071f39;color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 18px 46px rgba(8,30,56,.12);transition:.35s}.motion-card:hover{transform:translateY(-6px);box-shadow:0 25px 62px rgba(8,30,56,.2)}.motion-visual{height:310px;position:relative;overflow:hidden;background:#071f39}.motion-visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.motion-card:hover img{transform:scale(1.04)}.motion-copy{padding:20px 22px 23px}.motion-copy span,.motion-copy strong,.motion-copy small{display:block}.motion-copy span{font-size:11px;letter-spacing:.18em;color:#79bfff;font-weight:900}.motion-copy strong{font-size:22px;line-height:1.15;margin:5px 0 11px}.motion-copy small{color:#b7c9d9;font-weight:800}.motion-window .window-panel{position:absolute;width:34%;height:62%;right:13%;top:19%;border:6px solid rgba(7,29,52,.94);background:linear-gradient(135deg,rgba(181,221,245,.18),rgba(255,255,255,.03));transform-origin:left center;animation:tiltPanel 7.5s ease-in-out infinite;box-shadow:0 12px 20px rgba(0,0,0,.14)}@keyframes tiltPanel{0%,18%,100%{transform:perspective(800px) rotateY(0)}45%,72%{transform:perspective(800px) rotateY(-48deg)}}.motion-door .door-panel{position:absolute;width:35%;height:70%;left:36%;top:15%;border:6px solid rgba(5,26,49,.95);background:rgba(7,29,52,.58);transform-origin:left center;animation:doorOpen 8.5s ease-in-out infinite;box-shadow:0 18px 26px rgba(0,0,0,.18)}@keyframes doorOpen{0%,16%,100%{transform:perspective(900px) rotateY(0)}42%,72%{transform:perspective(900px) rotateY(-58deg)}}.motion-slider .slider-panel{position:absolute;width:39%;height:68%;left:51%;top:16%;border:5px solid rgba(7,29,52,.92);background:rgba(133,193,230,.13);animation:slidePanel 8s cubic-bezier(.65,0,.35,1) infinite}.motion-slider .slider-guide{position:absolute;left:12%;right:10%;bottom:15%;height:3px;border-radius:9px;background:rgba(255,255,255,.72)}@keyframes slidePanel{0%,18%,100%{transform:translateX(0)}47%,72%{transform:translateX(-72%)}}

.project-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(330px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:none}.project-rail::-webkit-scrollbar{display:none}.project-rail article{scroll-snap-align:start;position:relative;height:300px;border-radius:18px;overflow:hidden;background:#071f39}.project-rail img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-rail article:hover img{transform:scale(1.045)}.project-rail article:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,15,28,.88))}.project-rail article div{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff}.project-rail strong,.project-rail span{display:block}.project-rail strong{font-size:20px}.project-rail span{font-size:13px;color:#c3d4e3;margin-top:4px}.quick-lead-v32{position:relative;overflow:hidden}.quick-lead-v32:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 50%,rgba(63,143,228,.2),transparent 30%);pointer-events:none}

.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.js [data-reveal].is-visible{opacity:1;transform:none}.why-item[data-reveal]:nth-child(2),.process-grid>[data-reveal]:nth-child(2){transition-delay:.08s}.why-item[data-reveal]:nth-child(3),.process-grid>[data-reveal]:nth-child(3){transition-delay:.16s}.why-item[data-reveal]:nth-child(4),.process-grid>[data-reveal]:nth-child(4){transition-delay:.24s}

@media (prefers-reduced-motion: reduce){.hero-slide,.motion-window .window-panel,.motion-door .door-panel,.motion-slider .slider-panel,.hero-progress i.is-active:after{animation:none!important;transition:none!important}.js [data-reveal]{opacity:1;transform:none}}
@media(max-width:1100px){.hero-product-deck{grid-template-columns:repeat(3,1fr);left:0;right:0}.motion-grid{grid-template-columns:1fr 1fr}.motion-card:last-child{grid-column:1/-1}.hero-shell-v32{padding-bottom:170px}}
@media(max-width:860px){.hero-v32,.hero-shell-v32{min-height:760px}.hero-shell-v32{align-items:flex-start;padding-top:75px}.hero-product-deck{bottom:110px;grid-template-columns:1fr 1fr 1fr}.hero-product-card{padding:14px}.hero-product-card small{display:none}.hero-controls{bottom:55px}.motion-grid{grid-template-columns:1fr}.motion-card:last-child{grid-column:auto}.motion-visual{height:300px}}
@media(max-width:600px){.hero-v32,.hero-shell-v32{min-height:800px}.hero-copy-v32 h1{font-size:48px}.hero-product-deck{grid-template-columns:1fr;gap:6px;bottom:112px}.hero-product-card{display:grid;grid-template-columns:35px 1fr;align-items:center;padding:10px 12px}.hero-product-card strong{margin:0;font-size:15px}.hero-product-card small{display:none}.hero-controls{bottom:50px}.hero-progress i{width:34px}.motion-visual{height:245px}.project-rail{grid-auto-columns:86%}}

/* V33 - realistic live showroom + visual choice studio */
.live-showroom{padding-top:105px}.live-showroom .section-head p{max-width:760px;color:var(--muted);margin:8px 0 0}.showroom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.showroom-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(6,30,57,.10)}.product-scene{height:360px;position:relative;overflow:hidden;background:linear-gradient(180deg,#d9e4ec 0%,#f3f6f8 62%,#d6d1c8 63%,#c9c2b7 100%);perspective:1200px;isolation:isolate}.scene-wall{position:absolute;inset:0 0 25%;background:linear-gradient(110deg,#e9e6df 0 47%,#d7d2c8 47% 100%)}.scene-floor{position:absolute;left:-10%;right:-10%;bottom:-4%;height:30%;background:linear-gradient(170deg,#c7b9aa,#ebe3d8 70%);transform:skewY(-1deg);box-shadow:inset 0 20px 30px rgba(36,43,48,.08)}.scene-outside{position:absolute;inset:9% 9% 27%;background:linear-gradient(#95b7c6 0 30%,#4a7954 31% 52%,#6f9b55 53%);filter:saturate(.85)}.scene-outside:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 40%,#355b3d 0 9%,transparent 10%),radial-gradient(circle at 72% 35%,#315a3c 0 12%,transparent 13%),linear-gradient(90deg,transparent 0 20%,rgba(255,255,255,.18) 21% 22%,transparent 23%)}
.real-window-unit{position:absolute;left:11%;right:11%;top:10%;bottom:22%;display:grid;grid-template-columns:1.05fr .95fr;border:13px solid #151a1e;background:#11171c;box-shadow:0 24px 30px rgba(13,23,30,.28),0 0 0 2px rgba(255,255,255,.10) inset;transform:translateZ(30px)}.real-window-fixed,.real-window-sash{position:relative;background:linear-gradient(145deg,rgba(179,211,225,.48),rgba(91,130,148,.22));overflow:hidden}.real-window-fixed{border-right:7px solid #151a1e}.real-window-sash{transform-origin:2% 50%;transform-style:preserve-3d;animation:realWindowOpen 9s cubic-bezier(.62,.01,.28,1) infinite;box-shadow:-1px 0 0 #232c31 inset}.real-window-sash:before{content:"";position:absolute;inset:0;border:8px solid #232a2f;pointer-events:none}.glass-reflection{position:absolute;inset:-20%;background:linear-gradient(118deg,transparent 28%,rgba(255,255,255,.45) 39%,rgba(255,255,255,.08) 48%,transparent 60%);transform:translateX(-30%);animation:glassSweep 9s ease-in-out infinite}.real-handle{position:absolute;right:13px;top:46%;width:7px;height:54px;border-radius:4px;background:linear-gradient(#e6e8e9,#6d7378);box-shadow:0 1px 3px #0005}.hinge{position:absolute;left:-4px;width:8px;height:22px;background:#a4a7a9;border-radius:3px;box-shadow:0 1px 2px #0005}.hinge-a{top:15%}.hinge-b{bottom:15%}.hinge-c{top:48%}@keyframes realWindowOpen{0%,16%,100%{transform:rotateY(0deg);box-shadow:0 12px 18px rgba(0,0,0,.08)}36%,65%{transform:rotateY(-66deg);box-shadow:20px 28px 34px rgba(0,0,0,.30)}82%{transform:rotateY(-8deg)}}@keyframes glassSweep{0%,100%{transform:translateX(-36%)}45%,68%{transform:translateX(26%)}}
.door-scene{background:linear-gradient(180deg,#e6dfd4 0 67%,#b9b1a6 68%)}.door-wall{inset:0 0 20%;background:linear-gradient(90deg,#b9a18b 0 12%,#e9e3db 12% 88%,#b9a18b 88%)}.scene-hall{position:absolute;left:28%;right:28%;top:9%;bottom:22%;background:linear-gradient(180deg,#f8d8a5,#8f6f4b);box-shadow:inset 0 0 80px rgba(20,12,7,.30)}.real-door-frame{position:absolute;left:17%;right:17%;top:9%;bottom:20%;display:grid;grid-template-columns:.24fr 1fr .24fr;border:12px solid #161b1f;background:#12171b;box-shadow:0 25px 35px rgba(19,24,28,.26);transform:translateZ(25px)}.door-sideglass{background:linear-gradient(130deg,rgba(203,226,235,.55),rgba(74,105,121,.18));position:relative;overflow:hidden}.door-sideglass:after{content:"";position:absolute;inset:-20%;background:linear-gradient(120deg,transparent 36%,rgba(255,255,255,.45) 45%,transparent 58%)}.real-door{position:relative;background:linear-gradient(100deg,#15191d 0 55%,#242a2e 100%);transform-origin:1% 50%;transform-style:preserve-3d;animation:realDoorOpen 10s cubic-bezier(.61,.02,.27,1) infinite;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.real-door:after{content:"";position:absolute;inset:6% 9%;border:1px solid rgba(255,255,255,.07)}.door-grip{position:absolute;right:13%;top:28%;width:7px;height:48%;border-radius:5px;background:linear-gradient(90deg,#73787d,#e9ebec,#7a7e82);box-shadow:2px 3px 6px #0006}.real-door .hinge{left:-6px;background:#7a7f83}@keyframes realDoorOpen{0%,15%,100%{transform:rotateY(0deg);box-shadow:0 12px 20px rgba(0,0,0,.05)}36%,67%{transform:rotateY(-72deg);box-shadow:28px 30px 38px rgba(0,0,0,.38)}84%{transform:rotateY(-9deg)}}
.slider-scene{background:#ddd7cf}.scene-room-bg{position:absolute;inset:0 0 24%;background:linear-gradient(90deg,#e9e2d8 0 19%,#f6f1ea 20% 80%,#d8d0c7 81%)}.scene-room-bg:after{content:"";position:absolute;left:8%;bottom:10%;width:33%;height:24%;background:#aa9a87;border-radius:50px 50px 8px 8px;box-shadow:250px -10px 0 -25px #4d463f}.scene-garden-bg{position:absolute;left:12%;right:12%;top:8%;bottom:23%;background:linear-gradient(#a8c3d3 0 34%,#4f7b4a 35% 54%,#739d55 55%);box-shadow:inset 0 0 40px rgba(33,52,31,.18)}.real-slider-frame{position:absolute;left:8%;right:8%;top:9%;bottom:20%;display:grid;grid-template-columns:1fr 1fr;border:13px solid #14191d;background:#11161a;box-shadow:0 24px 34px rgba(16,22,28,.26);overflow:visible;transform:translateZ(20px)}.slider-fixed,.slider-moving{position:relative;background:linear-gradient(145deg,rgba(180,213,228,.43),rgba(68,101,118,.18));overflow:hidden}.slider-fixed{border-right:6px solid #151b1f}.slider-moving{position:absolute;right:0;top:0;width:50%;height:100%;border-left:6px solid #151b1f;border-right:1px solid #222;z-index:3;animation:realSliderOpen 9.5s cubic-bezier(.55,.01,.24,1) infinite;box-shadow:-8px 0 18px rgba(0,0,0,.14)}.slider-moving:before{content:"";position:absolute;inset:0;border:6px solid #22292d;pointer-events:none}.slider-grip{position:absolute;left:14px;top:42%;width:7px;height:58px;background:linear-gradient(#eceeef,#777d80);border-radius:4px;z-index:4}.slider-track{position:absolute;left:7%;right:7%;height:6px;background:linear-gradient(#6f7477,#c6c8c9,#555a5d);z-index:5;border-radius:3px}.slider-track.top{top:8%}.slider-track.bottom{bottom:18%}@keyframes realSliderOpen{0%,17%,100%{transform:translateX(0);box-shadow:-8px 0 18px rgba(0,0,0,.14)}40%,68%{transform:translateX(-93%);box-shadow:15px 4px 28px rgba(0,0,0,.24)}84%{transform:translateX(-8%)}}
.motion-caption{position:absolute;left:18px;bottom:16px;background:rgba(5,23,42,.76);color:#fff;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em;backdrop-filter:blur(8px);z-index:8}.showroom-copy{padding:23px 24px 25px}.showroom-copy>span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#2678d1}.showroom-copy h3{font-size:24px;line-height:1.1;margin:7px 0 9px;color:var(--ink)}.showroom-copy p{color:var(--muted);margin:0 0 14px}.showroom-copy a{font-weight:900;color:#1e66b5}.showroom-card:hover{transform:translateY(-4px);transition:.3s;box-shadow:0 25px 60px rgba(6,30,57,.16)}
.choice-studio{background:linear-gradient(135deg,#eef5fb,#f9fbfd);padding:95px 0}.choice-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:stretch}.choice-controls,.choice-preview{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 42px rgba(7,32,59,.08)}.choice-controls{padding:30px;display:grid;gap:24px}.choice-controls fieldset{border:0;padding:0;margin:0}.choice-controls legend{font-weight:900;font-size:14px;margin-bottom:11px;color:var(--ink)}.choice-buttons,.swatch-buttons{display:flex;flex-wrap:wrap;gap:9px}.choice-buttons button,.swatch-buttons button{border:1px solid #cddae4;background:#fff;border-radius:12px;padding:11px 14px;font:inherit;font-size:13px;font-weight:800;color:#24384a;cursor:pointer;transition:.2s}.choice-buttons button:hover,.swatch-buttons button:hover{border-color:#6ca7df;transform:translateY(-1px)}.choice-buttons button.is-selected,.swatch-buttons button.is-selected{background:#0b2948;color:#fff;border-color:#0b2948;box-shadow:0 8px 18px rgba(11,41,72,.15)}.swatch-buttons button{display:flex;align-items:center;gap:8px}.swatch-buttons i{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:var(--swatch,#333);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}.choice-contact{justify-self:start;margin-top:4px}.choice-preview{padding:26px;display:grid;grid-template-rows:1fr auto;min-height:500px;background:linear-gradient(180deg,#e8f0f5 0 70%,#d7d0c5 71%)}.preview-house{position:relative;min-height:360px;display:flex;align-items:flex-end;justify-content:center;perspective:900px}.preview-wall{width:86%;height:68%;background:linear-gradient(120deg,#f0ebe2,#ddd4c8);border-radius:4px 4px 0 0;box-shadow:0 25px 28px rgba(17,31,42,.16);display:grid;grid-template-columns:1.25fr .65fr 1.25fr;gap:8%;align-items:end;padding:0 8% 7%;position:relative}.preview-roof{position:absolute;width:72%;height:30%;background:#373d42;clip-path:polygon(50% 0,100% 100%,0 100%);top:4%;z-index:0;box-shadow:0 10px 12px #0002}.preview-opening,.preview-door{height:72%;border:8px solid var(--preview-color,#30343a);background:linear-gradient(145deg,#aacbda,#d8e6ec 60%,#91b2c1);position:relative;z-index:2;transition:border-color .35s ease,filter .35s ease}.preview-opening:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:6px;background:var(--preview-color,#30343a);transform:translateX(-50%)}.preview-opening span{position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.45) 38%,transparent 52%)}.preview-door{height:80%;background:var(--preview-color,#30343a);box-shadow:inset 0 0 0 2px rgba(255,255,255,.08)}.preview-door i{position:absolute;right:14%;top:30%;width:5px;height:42%;background:#b7bbbe;border-radius:4px}.choice-summary{background:rgba(5,25,47,.92);color:#fff;border-radius:16px;padding:17px 18px;display:grid;gap:3px}.choice-summary span{font-size:10px;letter-spacing:.14em;color:#72b9ff;font-weight:900}.choice-summary strong{font-size:17px}.choice-summary small{color:#b9cbd9}.choice-preview.is-timeless .preview-wall{background:linear-gradient(120deg,#e2d5c5,#cbbda9)}.choice-preview.is-minimal .preview-wall{background:linear-gradient(120deg,#f5f5f3,#e5e7e8)}
@media(max-width:1050px){.showroom-grid{grid-template-columns:1fr 1fr}.showroom-card:last-child{grid-column:1/-1}.choice-layout{grid-template-columns:1fr}.choice-preview{min-height:460px}}@media(max-width:720px){.showroom-grid{grid-template-columns:1fr}.showroom-card:last-child{grid-column:auto}.product-scene{height:310px}.choice-studio{padding:70px 0}.choice-controls{padding:22px}.choice-preview{padding:18px;min-height:410px}.preview-wall{width:96%;gap:5%;padding-left:5%;padding-right:5%}.choice-buttons button,.swatch-buttons button{flex:1 1 auto}.motion-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.real-window-sash,.glass-reflection,.real-door,.slider-moving{animation:none!important}}
.real-door{animation-delay:1.15s}.slider-moving{animation-delay:2.3s}.real-window-sash,.real-door,.slider-moving{will-change:transform;backface-visibility:hidden}.glass-reflection{will-change:transform}

/* ===== V34 realistic homepage refinements ===== */
.hero-v34{overflow:hidden}
.hero-shell-v34{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(400px,520px);gap:48px;align-items:center;padding-top:92px;padding-bottom:210px}
.hero-copy-v34{position:relative;z-index:4;max-width:640px}
.hero-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.hero-mini-stats div{padding:14px 15px;border:1px solid rgba(255,255,255,.14);background:rgba(7,29,52,.52);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 14px 32px rgba(0,0,0,.12)}
.hero-mini-stats strong{display:block;color:#fff;font-size:14px;margin-bottom:4px}.hero-mini-stats span{display:block;color:#c9d7e6;font-size:12px;line-height:1.45}
.hero-kinetic-stage{position:relative;z-index:4;justify-self:end;width:min(100%,520px)}
.kinetic-stage-frame{padding:18px;border-radius:28px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(7,28,52,.82),rgba(7,28,52,.58));box-shadow:0 34px 70px rgba(0,0,0,.26);backdrop-filter:blur(12px)}
.kinetic-stage-head{display:grid;gap:4px;margin-bottom:14px}.kinetic-stage-head span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#78bcff}.kinetic-stage-head strong{font-size:22px;color:#fff}.kinetic-stage-head small{color:#bfd1e2;line-height:1.5}
.kinetic-facade{position:relative;min-height:360px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#dbe5ee 0%,#eef4f8 48%,#d9d3c8 48%,#d5cdbf 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.kinetic-facade-top{position:absolute;left:12%;right:12%;top:18px;height:42px;background:linear-gradient(180deg,#50555a,#2c3136);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 12px 12px rgba(0,0,0,.16));z-index:1}
.kinetic-facade-wall{position:absolute;left:8%;right:8%;top:78px;bottom:44px;display:grid;grid-template-columns:1fr .82fr 1.18fr;gap:18px;align-items:end;padding:18px;background:linear-gradient(135deg,#f2ede6,#ddd3c7);border-radius:10px 10px 0 0;box-shadow:0 26px 30px rgba(13,25,36,.12)}
.kinetic-facade-ground{position:absolute;left:0;right:0;bottom:0;height:46px;background:linear-gradient(180deg,#c7bfaf,#b7af9f)}
.kinetic-module{position:relative;align-self:end;height:76%;display:flex;align-items:flex-end;justify-content:center;perspective:1100px}
.kinetic-module b{position:absolute;left:14px;bottom:10px;z-index:9;padding:7px 10px;border-radius:999px;background:rgba(3,23,42,.72);color:#fff;font-size:11px;letter-spacing:.05em;font-weight:900;backdrop-filter:blur(6px)}
.kinetic-module-window{height:68%}.kinetic-module-door{height:84%}.kinetic-module-slider{height:72%}
.kinetic-module-window::before,.kinetic-module-door::before,.kinetic-module-slider::before{content:"";position:absolute;inset:auto 8px 2px;height:20px;background:radial-gradient(ellipse at center,rgba(0,0,0,.23),rgba(0,0,0,0) 70%);filter:blur(4px);z-index:0}
.k-window-fixed,.k-window-sash,.k-slider-fixed,.k-slider-moving,.k-door-side,.k-door-leaf{position:relative;overflow:hidden;background:linear-gradient(145deg,#9fc0d5,#d9e8ef 62%,#85a8ba);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.k-window-fixed,.k-window-sash{width:48%;height:100%;border:10px solid #27303a}.k-window-fixed{border-right-width:5px}.k-window-sash{position:absolute;right:0;top:0;border-left-width:5px;transform-origin:left center;animation:v34Window 8.2s ease-in-out infinite;box-shadow:-2px 10px 24px rgba(0,0,0,.1)}
.k-window-fixed .k-gloss,.k-window-sash .k-gloss,.k-slider-fixed .k-gloss,.k-slider-moving .k-gloss{position:absolute;inset:0;background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.42) 34%,transparent 50%,rgba(255,255,255,.16) 66%,transparent 74%);animation:v34Gloss 8s linear infinite}
.k-handle,.k-slider-grip{position:absolute;right:10%;top:34%;width:5px;height:32%;background:#d6d9dc;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.k-hinge,.hinge{position:absolute;left:4px;width:6px;height:20px;border-radius:99px;background:#8b949d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.k-hinge-a{top:18%}.k-hinge-b{top:44%}.k-hinge-c{top:70%}
.k-door-side{width:19%;height:100%;border:8px solid #28303a}.k-door-side.right{margin-left:6px}.k-door-leaf{position:relative;width:62%;height:100%;margin:0 6px;border:12px solid #28303a;background:linear-gradient(135deg,#203248,#102337 48%,#203248);transform-origin:left center;animation:v34Door 8.2s ease-in-out infinite 1.1s;box-shadow:-4px 12px 28px rgba(0,0,0,.18)}
.k-door-leaf::after{content:"";position:absolute;inset:14% 18% 14% 18%;border:1px solid rgba(255,255,255,.08)}.k-door-grip{position:absolute;right:12%;top:26%;width:8px;height:42%;background:linear-gradient(180deg,#d7d9db,#8c949c);border-radius:8px}
.k-slider-fixed,.k-slider-moving{height:100%;width:54%;border:10px solid #27303a}.k-slider-fixed{position:absolute;left:0;top:0}.k-slider-moving{position:absolute;right:0;top:0;z-index:3;animation:v34Slider 8.2s ease-in-out infinite 2.2s;box-shadow:-8px 10px 30px rgba(0,0,0,.16)}
.k-slider-moving::before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:12px;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(0,0,0,.08));opacity:.35}.kinetic-module-slider::after{content:"";position:absolute;left:3%;right:3%;bottom:-7px;height:8px;border-radius:99px;background:linear-gradient(90deg,#626a72,#9ea6ae 50%,#626a72)}
.kinetic-stage-notes{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.kinetic-stage-notes span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#d9e6f1;font-size:12px;font-weight:700}
@keyframes v34Window{0%,18%,100%{transform:perspective(1100px) rotateY(0deg)}30%,44%{transform:perspective(1100px) rotateY(-62deg)}56%,72%{transform:perspective(1100px) rotateY(-12deg)}}
@keyframes v34Door{0%,22%,100%{transform:perspective(1000px) rotateY(0deg)}34%,46%{transform:perspective(1000px) rotateY(-72deg)}58%,72%{transform:perspective(1000px) rotateY(-10deg)}}
@keyframes v34Slider{0%,28%,100%{transform:translateX(0)}40%,56%{transform:translateX(-58%)}68%,78%{transform:translateX(-8%)}}
@keyframes v34Gloss{0%{transform:translateX(-120%)}50%{transform:translateX(0%)}100%{transform:translateX(120%)}}
.option-grid-v34{padding-top:88px}.option-grid-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.option-card{display:grid;grid-template-columns:220px 1fr;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 46px rgba(8,32,58,.08)}.option-card img{width:100%;height:100%;object-fit:cover}.option-card div{padding:24px}.option-card span{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.14em;color:#2678d1;margin-bottom:8px}.option-card h3{font-size:26px;line-height:1.1;color:var(--ink);margin:0 0 10px}.option-card p{margin:0 0 14px;color:var(--muted)}.option-card a{font-weight:900;color:#1e66b5}
.choice-preview{position:relative;overflow:hidden;isolation:isolate}.choice-photo{position:absolute;left:0;right:0;top:0;height:44%;background-size:cover;background-position:center;filter:saturate(1.03);z-index:0}.choice-preview::before{content:"";position:absolute;left:0;right:0;top:0;height:44%;background:linear-gradient(180deg,rgba(4,25,45,.08),rgba(4,25,45,.26));z-index:1}.choice-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 38%,rgba(232,240,245,.58) 50%,rgba(232,240,245,.98) 66%);z-index:1}.choice-preview>*{position:relative;z-index:2}.choice-summary small{line-height:1.5}
@media(max-width:1180px){.hero-shell-v34{grid-template-columns:1fr;gap:28px;padding-bottom:250px}.hero-kinetic-stage{justify-self:start;width:min(100%,560px)}.hero-product-deck{left:0;right:0;bottom:134px}.hero-controls{bottom:76px}.hero-mini-stats{grid-template-columns:1fr 1fr 1fr}.option-card{grid-template-columns:190px 1fr}}
@media(max-width:860px){.hero-shell-v34{padding-top:76px;padding-bottom:310px}.hero-mini-stats{grid-template-columns:1fr}.kinetic-facade{min-height:320px}.kinetic-facade-wall{grid-template-columns:1fr;gap:14px;top:58px;bottom:26px}.kinetic-module{height:120px}.kinetic-module-door{height:145px}.kinetic-module-window,.kinetic-module-slider{height:118px}.kinetic-facade-top{display:none}.hero-product-deck{bottom:150px}.option-grid-cards{grid-template-columns:1fr}.option-card{grid-template-columns:1fr}.option-card img{height:220px}.choice-photo{height:36%}.choice-preview::before,.choice-preview::after{top:0;height:auto;inset:0;background:linear-gradient(180deg,rgba(4,25,45,.18),rgba(232,240,245,.94) 62%)} }
@media(max-width:600px){.hero-shell-v34{padding-bottom:355px}.hero-copy-v34 h1{font-size:46px}.kinetic-stage-frame{padding:14px}.kinetic-stage-head strong{font-size:18px}.kinetic-stage-head small{font-size:13px}.kinetic-facade{min-height:300px}.hero-product-deck{bottom:165px}.hero-controls{bottom:86px}.hero-mini-stats div{padding:12px}}
@media(prefers-reduced-motion:reduce){.k-window-sash,.k-door-leaf,.k-slider-moving,.k-gloss{animation:none!important}}

/* ===== V35 premium hero cleanup ===== */
.hero-shell-v34{grid-template-columns:minmax(0,1fr) minmax(440px,590px);gap:54px}
.hero-kinetic-stage{display:none!important}
.hero-visual-v35{position:relative;z-index:4;justify-self:end;width:min(100%,590px);display:grid;gap:13px}
.hero-visual-main{position:relative;height:430px;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 34px 80px rgba(0,0,0,.34);background:#0b2139;isolation:isolate}
.hero-visual-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,20,38,.48));z-index:2;pointer-events:none}
.hero-visual-main img{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;opacity:0;transform:scale(1.07);transition:opacity 1.05s ease,transform 6.5s ease;filter:saturate(1.04) contrast(1.02)}
.hero-visual-main img.is-active{opacity:1;transform:scale(1)}
.hero-visual-badge{position:absolute;left:20px;bottom:20px;z-index:4;display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:rgba(4,24,44,.74);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}
.hero-visual-badge span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:#78bcff}.hero-visual-badge strong{font-size:16px;color:#fff}
.hero-visual-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hero-visual-thumbs button{position:relative;overflow:hidden;height:104px;border-radius:15px;border:1px solid rgba(255,255,255,.15);background:#08223d;padding:0;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.18);transition:.25s}
.hero-visual-thumbs button:hover,.hero-visual-thumbs button.is-active{transform:translateY(-3px);border-color:#4c9bff;box-shadow:0 16px 34px rgba(0,0,0,.22)}
.hero-visual-thumbs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;transition:.25s}.hero-visual-thumbs button.is-active img,.hero-visual-thumbs button:hover img{opacity:.82;transform:scale(1.035)}
.hero-visual-thumbs button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(3,20,38,.72))}
.hero-visual-thumbs span{position:absolute;z-index:3;left:12px;bottom:10px;color:#fff;font-size:13px;font-weight:900}
.hero-v35 .hero-mini-stats{grid-template-columns:repeat(3,1fr)}
.hero-v35 .hero-copy-v34{max-width:660px}
.hero-v35 .hero-copy-v34 h1{max-width:650px}
@media(max-width:1180px){.hero-shell-v34{grid-template-columns:1fr}.hero-visual-v35{justify-self:start;width:min(100%,680px)}.hero-visual-main{height:390px}}
@media(max-width:720px){.hero-visual-main{height:300px;border-radius:20px}.hero-visual-thumbs{gap:7px}.hero-visual-thumbs button{height:82px}.hero-visual-badge{left:12px;bottom:12px}.hero-v35 .hero-mini-stats{grid-template-columns:1fr}}

/* ===== V35 premium homepage ===== */
.hero-v35{min-height:760px;position:relative;isolation:isolate;overflow:hidden}.hero-v35 .hero-slide{filter:saturate(.96) contrast(1.03)}.hero-overlay-v35{z-index:1;background:linear-gradient(90deg,rgba(3,19,36,.97) 0%,rgba(3,19,36,.90) 34%,rgba(3,19,36,.54) 58%,rgba(3,19,36,.14) 82%,rgba(3,19,36,.22) 100%)}
.hero-shell-v35{min-height:760px;display:flex;align-items:center;padding:88px 0 210px;position:relative;z-index:2}.hero-copy-v35{max-width:720px}.hero-copy-v35 h1{font-size:clamp(54px,6vw,88px);line-height:.94;letter-spacing:-.05em}.hero-copy-v35>p{max-width:690px;font-size:19px;line-height:1.65;color:#d9e5ef}.hero-product-strip{position:absolute;left:0;right:0;bottom:105px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;z-index:4}.hero-photo-card{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:14px;text-align:left;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(4,23,42,.70);backdrop-filter:blur(12px);color:#fff;cursor:pointer;transition:.28s;box-shadow:0 18px 42px rgba(0,0,0,.16)}.hero-photo-card:hover,.hero-photo-card.is-active{transform:translateY(-4px);border-color:#5da9ff;background:rgba(6,36,66,.90)}.hero-photo-thumb{height:76px;border-radius:11px;background-size:cover;background-position:center;display:block}.hero-photo-card>span:last-child{display:grid;gap:2px}.hero-photo-card small{font-size:10px;letter-spacing:.14em;color:#70b8ff;font-weight:900}.hero-photo-card strong{font-size:17px}.hero-photo-card em{font-style:normal;font-size:12px;color:#c6d6e5}.hero-controls-v35{bottom:42px}.benefit-v35{margin-top:-44px}
.premium-intro-v35{padding-top:105px}.premium-points-v35{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.premium-points-v35 article{padding:26px;border-radius:18px;border:1px solid var(--line);background:#fff;box-shadow:0 15px 35px rgba(8,31,57,.06)}.premium-points-v35 article>strong{font-size:12px;letter-spacing:.15em;color:#2f7bd8}.premium-points-v35 h3{margin:8px 0 8px;font-size:22px}.premium-points-v35 p{margin:0;color:var(--muted)}
.visual-experience-v35{background:#061c33;color:#fff;padding:100px 0}.visual-experience-shell{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:center}.visual-copy-v35 h2{font-size:clamp(38px,4.3vw,62px);line-height:1.02;letter-spacing:-.04em;margin:10px 0 18px}.visual-copy-v35>p{color:#bfd0df;font-size:17px;line-height:1.65}.visual-tabs-v35{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 22px}.visual-tabs-v35 button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#dce8f2;border-radius:999px;padding:10px 14px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:.2s}.visual-tabs-v35 button:hover,.visual-tabs-v35 button.is-active{background:#2f7bd8;border-color:#2f7bd8;color:#fff}.visual-description-v35{display:grid;gap:6px;margin-bottom:24px}.visual-description-v35 strong{font-size:22px}.visual-description-v35 span{color:#b6c8d7;line-height:1.55}.visual-photo-v35{position:relative;min-height:560px;border-radius:26px;overflow:hidden;box-shadow:0 34px 80px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.1)}.visual-photo-layer{position:absolute;inset:-2%;background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity .8s ease,transform 6s ease}.visual-photo-layer.is-active{opacity:1;transform:scale(1)}.visual-photo-v35::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(3,20,38,.36));pointer-events:none}.visual-badge-v35{position:absolute;right:18px;top:18px;z-index:3;padding:9px 12px;border-radius:999px;background:rgba(4,23,42,.7);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}
.option-grid-v35{padding-top:100px}.solution-grid-v35{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution-tile-v35{position:relative;height:420px;border-radius:22px;overflow:hidden;color:#fff;box-shadow:0 20px 50px rgba(8,30,54,.13)}.solution-tile-v35 img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.solution-tile-v35::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(3,20,38,.88) 100%)}.solution-tile-v35>span{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;display:grid;gap:6px}.solution-tile-v35 small{font-size:10px;letter-spacing:.15em;color:#81c4ff;font-weight:900}.solution-tile-v35 strong{font-size:25px;line-height:1.08}.solution-tile-v35 em{font-style:normal;font-size:13px;color:#d7e6f3}.solution-tile-v35:hover img{transform:scale(1.045)}
.choice-studio-v35{background:linear-gradient(135deg,#eef5fb,#fafcfd)}.choice-layout-v35{grid-template-columns:.82fr 1.18fr}.choice-photo-panel-v35{position:relative;min-height:560px;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(8,30,55,.12);border:1px solid var(--line);background:#fff}.choice-photo-v35{position:absolute;inset:0;background-size:cover;background-position:center;transition:background-image .35s ease,filter .35s ease;filter:saturate(1.02)}.choice-photo-overlay-v35{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,24,44,.82) 100%)}.choice-photo-content-v35{position:absolute;left:24px;right:24px;bottom:22px;color:#fff;display:grid;gap:5px}.choice-photo-content-v35>span{font-size:10px;letter-spacing:.15em;color:#83c5ff;font-weight:900}.choice-photo-content-v35 strong{font-size:23px;line-height:1.15}.choice-photo-content-v35 small{color:#d7e5f0;line-height:1.45}.choice-photo-panel-v35.is-timeless .choice-photo-v35{filter:saturate(.86) sepia(.05)}.choice-photo-panel-v35.is-minimal .choice-photo-v35{filter:saturate(.72) contrast(1.03)}
.projects-v35{padding-top:100px}.process-v35{background:#f3f7fa}.quick-lead-v35{background:linear-gradient(135deg,#071f39,#0a3157)}
@media(max-width:1000px){.hero-product-strip{grid-template-columns:1fr 1fr 1fr}.visual-experience-shell{grid-template-columns:1fr}.visual-photo-v35{min-height:470px}.solution-grid-v35{grid-template-columns:1fr 1fr}.solution-tile-v35:last-child{grid-column:1/-1}.choice-layout-v35{grid-template-columns:1fr}.premium-points-v35{grid-template-columns:1fr 1fr}.premium-points-v35 article:last-child{grid-column:1/-1}}
@media(max-width:720px){.hero-v35,.hero-shell-v35{min-height:840px}.hero-shell-v35{padding-top:70px;padding-bottom:300px}.hero-copy-v35 h1{font-size:50px}.hero-product-strip{grid-template-columns:1fr;gap:6px;bottom:115px}.hero-photo-card{grid-template-columns:64px 1fr}.hero-photo-thumb{height:52px}.hero-photo-card em{display:none}.hero-controls-v35{bottom:53px}.premium-points-v35{grid-template-columns:1fr}.premium-points-v35 article:last-child{grid-column:auto}.visual-experience-v35{padding:72px 0}.visual-photo-v35{min-height:360px}.solution-grid-v35{grid-template-columns:1fr}.solution-tile-v35:last-child{grid-column:auto}.solution-tile-v35{height:360px}.choice-photo-panel-v35{min-height:430px}.visual-tabs-v35 button{flex:1 1 calc(50% - 5px)}}

/* ===== V36 homepage redesign ===== */
.hero-v36{min-height:780px;position:relative;overflow:hidden;isolation:isolate}
.hero-v36 .hero-slide{filter:saturate(1.02) contrast(1.03);transform:scale(1.04)}
.hero-v36 .hero-slide.is-active{transform:scale(1)}
.hero-overlay-v36{z-index:1;background:linear-gradient(90deg,rgba(3,21,39,.94) 0%,rgba(3,21,39,.9) 30%,rgba(3,21,39,.44) 61%,rgba(3,21,39,.16) 100%)}
.hero-shell-v36{min-height:780px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:110px 0 190px;position:relative;z-index:2}
.hero-copy-v36{max-width:760px}.hero-copy-v36 h1{font-size:clamp(58px,7vw,94px);line-height:.95;letter-spacing:-.05em;margin-bottom:18px}.hero-copy-v36 h1 em{display:block;font-style:italic;font-weight:500;color:#75b7ff}.hero-copy-v36 p{max-width:700px;font-size:20px;line-height:1.65;color:#dbe7f1}.hero-product-strip-v36{left:0;right:0;bottom:108px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.benefit-v36{position:relative;z-index:3}.premium-intro-v36{padding-top:104px}.option-grid-v36{padding-top:92px}

.live-demo-v36{background:linear-gradient(135deg,#051a2f,#0a2d4f);color:#fff;padding:110px 0}
.live-demo-shell{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:52px;align-items:center}
.live-demo-copy h2{font-size:clamp(38px,4.8vw,62px);line-height:1.03;letter-spacing:-.04em;margin:10px 0 16px}
.live-demo-copy p{font-size:17px;line-height:1.7;color:#c2d4e5;max-width:560px}
.live-demo-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 22px}
.live-demo-tabs button{padding:11px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#eaf2f9;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:.25s}
.live-demo-tabs button:hover,.live-demo-tabs button.is-active{background:#2f7bd8;border-color:#2f7bd8;color:#fff;transform:translateY(-1px)}
.live-demo-text{display:grid;gap:6px;margin-bottom:18px}.live-demo-text strong{font-size:24px;letter-spacing:-.02em}.live-demo-text p{margin:0;font-size:16px}
.live-demo-points{display:grid;gap:8px;padding:0;margin:0 0 26px;list-style:none}.live-demo-points li{position:relative;padding-left:24px;color:#dce7ef}.live-demo-points li:before{content:'✓';position:absolute;left:0;top:0;color:#75b7ff;font-weight:900}
.live-demo-stage{position:relative;min-height:590px}
.motion-panel{position:absolute;inset:0;opacity:0;transform:translateY(16px) scale(.99);pointer-events:none;transition:opacity .45s ease,transform .45s ease}
.motion-panel.is-active{opacity:1;transform:none;pointer-events:auto}
.motion-photo{position:absolute;inset:0;border-radius:28px;background-size:cover;background-position:center;box-shadow:0 32px 84px rgba(0,0,0,.34);overflow:hidden}
.motion-photo:after{content:'';position:absolute;inset:0;border-radius:28px;background:linear-gradient(180deg,rgba(2,17,32,.10),rgba(2,17,32,.12) 52%,rgba(2,17,32,.52));border:1px solid rgba(255,255,255,.12)}
.motion-surface{position:absolute;inset:0;z-index:2;pointer-events:none}
.motion-caption{position:absolute;left:24px;right:24px;bottom:24px;z-index:3;display:grid;gap:6px;padding:18px 20px;border-radius:18px;background:rgba(4,24,44,.62);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.motion-caption span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#86c6ff}.motion-caption strong{font-size:24px;line-height:1.15}.motion-caption small{font-size:14px;color:#d8e5f0}

/* Kozijn demo */
.motion-window-demo .window-frame{position:absolute;left:11%;top:18%;width:33%;height:42%;border:10px solid rgba(17,24,31,.92);border-radius:6px;box-shadow:0 18px 35px rgba(0,0,0,.18)}
.motion-window-demo .window-frame:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:8px;background:rgba(17,24,31,.92);transform:translateX(-50%)}
.motion-window-demo .window-leaf{position:absolute;top:19.1%;width:15.35%;height:39.6%;border-radius:3px;background:linear-gradient(135deg,rgba(221,232,241,.85),rgba(188,207,221,.32));border:8px solid rgba(17,24,31,.95);backdrop-filter:blur(1.8px);box-shadow:0 18px 30px rgba(0,0,0,.16);transform-style:preserve-3d;animation:windowOpenClose 5.8s ease-in-out infinite}
.motion-window-demo .window-leaf.left{left:11.7%;transform-origin:left center}
.motion-window-demo .window-leaf.right{left:28.9%;transform-origin:right center;animation-name:windowOpenCloseRight}
.motion-window-demo .window-leaf:before{content:'';position:absolute;inset:10% 10%;background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(255,255,255,.03));border-radius:1px}
.motion-window-demo .window-leaf:after{content:'';position:absolute;top:50%;left:50%;width:3px;height:42px;border-radius:999px;background:rgba(17,24,31,.72);transform:translate(-50%,-50%)}

/* Door demo */
.motion-door-demo .door-frame{position:absolute;left:35.7%;top:16%;width:28%;height:56%;border:12px solid rgba(20,25,33,.95);border-radius:4px;box-shadow:0 18px 35px rgba(0,0,0,.18)}
.motion-door-demo .door-sideglass{position:absolute;top:17.4%;width:6.4%;height:53%;background:linear-gradient(135deg,rgba(235,243,249,.64),rgba(193,210,223,.18));border:8px solid rgba(20,25,33,.92)}
.motion-door-demo .door-sideglass.left{left:28.3%}.motion-door-demo .door-sideglass.right{left:58.1%}
.motion-door-demo .door-leaf{position:absolute;left:35.9%;top:17.3%;width:21.6%;height:53.1%;background:linear-gradient(180deg,rgba(28,32,38,.98),rgba(23,27,34,.98));border:8px solid rgba(20,25,33,.98);box-shadow:0 18px 32px rgba(0,0,0,.22);transform-origin:left center;animation:doorOpenClose 5.8s ease-in-out infinite}
.motion-door-demo .door-leaf:before{content:'';position:absolute;left:50%;top:10%;bottom:10%;width:3px;border-radius:999px;background:rgba(91,109,127,.45)}
.motion-door-demo .door-handle{position:absolute;left:52.7%;top:34%;width:8px;height:108px;border-radius:999px;background:linear-gradient(180deg,#b5c1cf,#dfe6ee);box-shadow:0 0 0 1px rgba(255,255,255,.2);animation:doorHandleMove 5.8s ease-in-out infinite}

/* Sliding door demo */
.motion-slider-demo .slider-frame{position:absolute;left:18%;top:17%;width:61%;height:48%;border:11px solid rgba(17,24,31,.95);box-shadow:0 18px 35px rgba(0,0,0,.16)}
.motion-slider-demo .slider-fixed,.motion-slider-demo .slider-moving{position:absolute;top:18.3%;height:45.5%;width:27.2%;background:linear-gradient(135deg,rgba(229,239,246,.56),rgba(194,210,222,.20));border:9px solid rgba(17,24,31,.95)}
.motion-slider-demo .slider-fixed{left:20.2%}
.motion-slider-demo .slider-moving{left:47.4%;animation:sliderOpenClose 5.8s ease-in-out infinite;box-shadow:0 18px 28px rgba(0,0,0,.17)}
.motion-slider-demo .slider-fixed:before,.motion-slider-demo .slider-moving:before{content:'';position:absolute;inset:10% 10%;background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.02))}
.motion-slider-demo .slider-moving:after{content:'';position:absolute;right:8%;top:50%;width:5px;height:50px;border-radius:999px;background:rgba(17,24,31,.7);transform:translateY(-50%)}
.motion-slider-demo .slider-rail{position:absolute;left:18%;top:65.4%;width:61%;height:5px;border-radius:999px;background:rgba(17,24,31,.9)}

@keyframes windowOpenClose{0%,14%,100%{transform:perspective(900px) rotateY(0deg)}42%,58%{transform:perspective(900px) rotateY(-58deg)}}
@keyframes windowOpenCloseRight{0%,14%,100%{transform:perspective(900px) rotateY(0deg)}42%,58%{transform:perspective(900px) rotateY(58deg)}}
@keyframes doorOpenClose{0%,14%,100%{transform:perspective(1000px) rotateY(0deg)}40%,58%{transform:perspective(1000px) rotateY(-64deg)}}
@keyframes doorHandleMove{0%,14%,100%{transform:translateX(0)}40%,58%{transform:translateX(-18px)}}
@keyframes sliderOpenClose{0%,14%,100%{transform:translateX(0)}42%,58%{transform:translateX(-30%)}}

@media (prefers-reduced-motion: reduce){
  .motion-window-demo .window-leaf,.motion-door-demo .door-leaf,.motion-door-demo .door-handle,.motion-slider-demo .slider-moving{animation:none!important}
}

@media(max-width:1180px){
  .hero-shell-v36{padding-bottom:250px}.hero-product-strip-v36{grid-template-columns:1fr}.hero-product-strip-v36 .hero-photo-card{max-width:620px}
  .live-demo-shell{grid-template-columns:1fr;gap:36px}.live-demo-stage{min-height:520px}
}
@media(max-width:720px){
  .hero-v36,.hero-shell-v36{min-height:880px}.hero-shell-v36{padding-top:82px;padding-bottom:305px}.hero-copy-v36 h1{font-size:52px}.hero-copy-v36 p{font-size:17px}.hero-product-strip-v36{bottom:130px}
  .live-demo-v36{padding:78px 0}.live-demo-copy h2{font-size:36px}.live-demo-stage{min-height:420px}.motion-caption{left:14px;right:14px;bottom:14px;padding:14px}.motion-caption strong{font-size:20px}.motion-caption small{font-size:13px}
  .motion-window-demo .window-frame{left:10%;top:18%;width:44%;height:36%}.motion-window-demo .window-leaf{top:19%;width:20.1%;height:33.8%}.motion-window-demo .window-leaf.left{left:10.7%}.motion-window-demo .window-leaf.right{left:33.3%}
  .motion-door-demo .door-frame{left:31%;top:16%;width:34%;height:52%}.motion-door-demo .door-sideglass.left{left:22.2%;top:17.3%;width:7.8%;height:49%}.motion-door-demo .door-sideglass.right{left:57.2%;top:17.3%;width:7.8%;height:49%}.motion-door-demo .door-leaf{left:31.4%;top:17.2%;width:25.8%;height:49.3%}.motion-door-demo .door-handle{left:53%;top:34%;height:84px}
  .motion-slider-demo .slider-frame{left:12%;top:18%;width:74%;height:40%}.motion-slider-demo .slider-fixed,.motion-slider-demo .slider-moving{top:19.4%;height:37.1%;width:33%}.motion-slider-demo .slider-fixed{left:15.2%}.motion-slider-demo .slider-moving{left:47.7%}.motion-slider-demo .slider-rail{left:12%;top:58.7%;width:74%}
}

/* ===== V38 homepage refinement ===== */
.hero-v38{min-height:860px}
.hero-overlay-v38{background:linear-gradient(92deg,rgba(3,21,39,.95) 0%,rgba(3,21,39,.9) 35%,rgba(3,21,39,.58) 63%,rgba(3,21,39,.22) 100%)}
.hero-shell-v38{min-height:860px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;padding:118px 0 68px}
.hero-main-v38{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,380px);gap:34px;align-items:end;width:100%}
.hero-copy-v38{max-width:760px}.hero-copy-v38 h1{font-size:clamp(60px,7vw,96px);line-height:.94;letter-spacing:-.055em;margin:10px 0 18px}.hero-copy-v38 h1 em{display:block;font-style:italic;font-weight:500;color:#7dbdff}.hero-copy-v38 p{max-width:690px;font-size:20px;line-height:1.68;color:#d8e5ef}
.hero-sidecard-v38{display:grid;gap:18px;padding:28px;border-radius:24px;background:rgba(5,26,47,.70);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px);box-shadow:0 28px 70px rgba(0,0,0,.24);color:#fff}
.hero-sidecard-v38 strong{font-size:28px;line-height:1.12;letter-spacing:-.03em}.hero-sidecard-v38 p{margin:0;color:#cbd9e5;line-height:1.62}.hero-side-features-v38{display:grid;gap:12px}.hero-side-features-v38>div{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.hero-side-features-v38>div:first-child{border-top:0;padding-top:0}.hero-side-features-v38 b{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.08);color:#7fc0ff;font-size:12px}
.hero-product-strip-v38{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;margin-top:34px;z-index:4}.hero-product-strip-v38 .hero-photo-card{min-height:110px}
.hero-controls-v38{position:static;align-self:flex-end;margin-top:18px}
.benefit-v38{margin-top:-28px}
.premium-intro-v38{padding-top:92px}
.option-grid-v38{padding-top:88px}

.live-demo-v38{background:linear-gradient(135deg,#061b31,#0d3155);color:#fff;padding:108px 0}
.live-demo-shell-v38{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:48px;align-items:center}
.live-demo-copy-v38 h2{font-size:clamp(38px,4.7vw,62px);line-height:1.04;letter-spacing:-.045em;margin:10px 0 16px}.live-demo-copy-v38>p{font-size:17px;line-height:1.72;color:#c4d5e4;max-width:560px}
.live-demo-stage-v38{position:relative;min-height:580px}
.live-demo-stage-v38 .motion-panel{border-radius:28px;overflow:hidden;box-shadow:0 32px 90px rgba(0,0,0,.35)}
.experience-panel-v38{position:absolute;inset:0}
.experience-photo-v38{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);transition:transform 5.5s ease,opacity .45s ease}
.motion-panel.is-active .experience-photo-v38{transform:scale(1)}
.experience-overlay-v38{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,20,36,.06) 0%,rgba(4,20,36,.20) 48%,rgba(4,20,36,.82) 100%);border:1px solid rgba(255,255,255,.10);border-radius:28px}
.experience-badge-v38{position:absolute;left:22px;top:22px;z-index:2;padding:10px 14px;border-radius:999px;background:rgba(4,23,42,.72);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);font-size:11px;letter-spacing:.15em;font-weight:900;color:#8ac8ff}
.experience-content-v38{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;display:grid;gap:10px;padding:22px 24px;border-radius:20px;background:rgba(4,24,44,.58);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.experience-content-v38 strong{font-size:30px;line-height:1.12;letter-spacing:-.03em}.experience-content-v38 p{margin:0;color:#d7e4ef;line-height:1.6}
.experience-tags-v38{display:flex;flex-wrap:wrap;gap:10px}.experience-tags-v38 span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-size:12px;color:#eaf1f8}

@media(max-width:1180px){
  .hero-main-v38{grid-template-columns:1fr}.hero-sidecard-v38{max-width:620px}
  .hero-product-strip-v38{grid-template-columns:1fr}
  .live-demo-shell-v38{grid-template-columns:1fr;gap:34px}.live-demo-stage-v38{min-height:500px}
}
@media(max-width:720px){
  .hero-v38,.hero-shell-v38{min-height:930px}.hero-shell-v38{padding:84px 0 50px}.hero-copy-v38 h1{font-size:52px}.hero-copy-v38 p{font-size:17px}.hero-sidecard-v38{padding:22px}.hero-sidecard-v38 strong{font-size:24px}.hero-product-strip-v38{margin-top:24px}.hero-controls-v38{align-self:flex-start}
  .live-demo-v38{padding:76px 0}.live-demo-copy-v38 h2{font-size:36px}.live-demo-stage-v38{min-height:390px}.experience-badge-v38{left:14px;top:14px}.experience-content-v38{left:14px;right:14px;bottom:14px;padding:16px}.experience-content-v38 strong{font-size:22px}.experience-tags-v38{gap:8px}.experience-tags-v38 span{font-size:11px;padding:7px 10px}
}
/* ===== V43 veelgestelde vragen ===== */
.faq-preview-v43{background:#f3f7fa}.faq-shell-v43{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;align-items:start}.faq-list-v43,.faq-grid-v43{display:grid;gap:14px}.faq-list-v43 details,.faq-grid-v43 details{background:#fff;border:1px solid #dce5ec;border-radius:18px;padding:0 22px;box-shadow:0 10px 32px rgba(5,30,54,.05)}.faq-list-v43 summary,.faq-grid-v43 summary{cursor:pointer;list-style:none;font-weight:850;color:#092a49;padding:20px 34px 20px 0;position:relative}.faq-list-v43 summary::-webkit-details-marker,.faq-grid-v43 summary::-webkit-details-marker{display:none}.faq-list-v43 summary:after,.faq-grid-v43 summary:after{content:'+';position:absolute;right:0;top:16px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e8f2fb;color:#0a4f84;font-size:20px}.faq-list-v43 details[open] summary:after,.faq-grid-v43 details[open] summary:after{content:'−'}.faq-list-v43 details p,.faq-grid-v43 details p{margin:-4px 0 20px;color:#536675;line-height:1.72}.faq-list-v43>.text-link{margin-top:12px}.faq-page-v43{padding:150px 0 100px;background:linear-gradient(180deg,#eef5fa 0,#fff 340px)}.faq-page-shell-v43{max-width:1040px}.faq-hero-v43{text-align:center;max-width:790px;margin:0 auto 54px}.faq-hero-v43 h1{font-size:clamp(44px,6vw,74px);line-height:1;letter-spacing:-.05em;color:#082845;margin:12px 0 20px}.faq-hero-v43 p{font-size:19px;color:#5b6e7d}.faq-grid-v43{grid-template-columns:1fr 1fr;align-items:start}.faq-cta-v43{margin-top:56px;padding:34px 38px;border-radius:24px;background:#082945;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.faq-cta-v43 h2{margin:0 0 8px;font-size:30px}.faq-cta-v43 p{margin:0;color:#c6d5e1}
@media(max-width:900px){.faq-shell-v43{grid-template-columns:1fr;gap:34px}.faq-grid-v43{grid-template-columns:1fr}}
@media(max-width:640px){.faq-page-v43{padding:112px 0 70px}.faq-cta-v43{align-items:flex-start;flex-direction:column;padding:28px}.faq-hero-v43 h1{font-size:44px}}

/* ===== V43.2 dynamische website, introductie en keuzehulp ===== */
.page-progress-v44{position:fixed;inset:0 0 auto;height:3px;z-index:80;pointer-events:none;background:rgba(255,255,255,.08)}
.page-progress-v44 span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#75bfff,#2f7de1);transform:scaleX(0);transform-origin:left;will-change:transform}
.main-nav>a[aria-current="page"]:not(.nav-cta){opacity:1;color:#fff}.main-nav>a[aria-current="page"]:not(.nav-cta):after{right:0}
.btn:focus-visible,.main-nav a:focus-visible,.goal-controls-v44 button:focus-visible,.site-actions-v44 a:focus-visible,.site-actions-v44 button:focus-visible{outline:3px solid #8bcbff;outline-offset:3px}

.welcome-v44{position:relative;overflow:hidden;background:linear-gradient(145deg,#f3f8fc 0%,#fff 56%,#eef6fb 100%);padding:112px 0}
.welcome-v44:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-270px;background:radial-gradient(circle,rgba(65,145,224,.15),rgba(65,145,224,0) 70%);pointer-events:none}
.welcome-shell-v44{position:relative;display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:76px;align-items:center}
.welcome-copy-v44 h2{font-size:clamp(40px,4.7vw,68px);line-height:1.02;letter-spacing:-.05em;margin:0 0 24px;color:#082845}
.welcome-copy-v44 p{font-size:17px;line-height:1.78;color:#536879;margin:0 0 16px;max-width:700px}.welcome-copy-v44 .text-link{display:inline-flex;margin-top:12px}
.welcome-summary-v44{display:grid;gap:18px}
.welcome-numbers-v44{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d9e5ee;border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 22px 60px rgba(7,38,68,.09);overflow:hidden}
.welcome-numbers-v44>div{padding:26px 20px;text-align:center;border-right:1px solid #e1eaf1}.welcome-numbers-v44>div:last-child{border:0}
.welcome-numbers-v44 strong{display:block;color:#0b4c83;font-size:42px;line-height:1;letter-spacing:-.05em}.welcome-numbers-v44 span{display:block;color:#64798a;font-size:12px;font-weight:800;margin-top:8px}
.welcome-flow-v44{display:grid;gap:10px}
.welcome-flow-v44 article{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;padding:20px 22px;border:1px solid #dce7ef;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(8,36,63,.045);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.welcome-flow-v44 article:hover{transform:translateX(5px);border-color:#aacbe9;box-shadow:0 16px 34px rgba(8,36,63,.08)}
.welcome-flow-v44 b{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#082b4b;color:#80c1fa;font-size:12px;letter-spacing:.08em}
.welcome-flow-v44 strong,.welcome-flow-v44 span{display:block}.welcome-flow-v44 strong{font-size:18px;color:#102c47}.welcome-flow-v44 span{margin-top:3px;color:#617486;font-size:14px;line-height:1.55}

.goal-guide-v44{background:#fff;padding:112px 0}.goal-head-v44{align-items:end}.goal-head-v44>div{max-width:800px}.goal-head-v44 p{font-size:17px;color:#627486;margin:10px 0 0;max-width:720px}.goal-head-v44>small{max-width:300px;color:#718394;text-align:right;line-height:1.55}
.goal-layout-v44{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:22px;align-items:stretch}
.goal-controls-v44{display:grid;gap:10px}
.goal-controls-v44 button{display:grid;grid-template-columns:44px 1fr;gap:15px;align-items:center;width:100%;padding:18px 20px;text-align:left;border:1px solid #dce5ed;border-radius:17px;background:#f8fafc;color:#16314b;cursor:pointer;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}
.goal-controls-v44 button:hover{transform:translateX(4px);border-color:#a9cbea;background:#fff}.goal-controls-v44 button.is-active{background:#082b4b;border-color:#082b4b;color:#fff;box-shadow:0 18px 38px rgba(6,37,66,.19)}
.goal-controls-v44 i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e5f1fb;color:#185d98;font-style:normal;font-size:11px;font-weight:900;letter-spacing:.08em}.goal-controls-v44 button.is-active i{background:rgba(255,255,255,.1);color:#80c5ff}
.goal-controls-v44 span,.goal-controls-v44 strong,.goal-controls-v44 small{display:block}.goal-controls-v44 strong{font-size:16px}.goal-controls-v44 small{font-size:12px;color:#6b7f90;margin-top:3px}.goal-controls-v44 button.is-active small{color:#c1d3e2}
.goal-result-v44{position:relative;min-height:590px;border-radius:26px;overflow:hidden;background:#082945;color:#fff;box-shadow:0 30px 75px rgba(7,34,59,.18)}
.goal-image-v44{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02);transition:opacity .28s ease,transform 1.1s ease}.goal-result-v44:not(.is-changing) .goal-image-v44{transform:scale(1)}.goal-result-v44.is-changing .goal-image-v44{opacity:.6;transform:scale(1.035)}
.goal-shade-v44{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,24,43,.96) 0%,rgba(4,24,43,.87) 43%,rgba(4,24,43,.28) 100%)}
.goal-content-v44{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:590px;width:min(620px,72%);padding:52px}
.goal-content-v44>span{font-size:11px;font-weight:900;letter-spacing:.18em;color:#80c4ff}.goal-content-v44 h3{font-size:clamp(34px,3.6vw,54px);line-height:1.03;letter-spacing:-.045em;margin:13px 0 16px}.goal-content-v44 p{font-size:16px;line-height:1.72;color:#d2e0eb;margin:0}
.goal-content-v44 ul{display:grid;gap:8px;margin:22px 0 28px;padding:0;list-style:none}.goal-content-v44 li{position:relative;padding-left:24px;color:#eef5fa}.goal-content-v44 li:before{content:"✓";position:absolute;left:0;color:#79c2ff;font-weight:900}
.goal-content-v44 .btn{align-self:flex-start}

.timeline-v28{position:relative}.timeline-v28:before{content:"";position:absolute;left:28px;top:118px;bottom:118px;width:2px;background:linear-gradient(#77baf1,#dbe8f2)}.timeline-v28 article{position:relative}.timeline-v28 article b{position:relative;z-index:2;box-shadow:0 0 0 8px #fff}
.project-gallery article{transition:transform .3s ease,box-shadow .3s ease}.project-gallery article:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(9,38,67,.14)}

.site-actions-v44{position:fixed;right:22px;bottom:22px;z-index:45;display:flex;align-items:center;gap:9px;pointer-events:none}
.site-actions-v44>*{pointer-events:auto}.site-contact-v44{display:flex;align-items:center;gap:14px;min-height:50px;padding:0 18px;border-radius:999px;background:#2f7de1;color:#fff;box-shadow:0 16px 40px rgba(6,31,56,.23);font-size:13px;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}.site-contact-v44:hover{transform:translateY(-2px);box-shadow:0 20px 46px rgba(6,31,56,.3)}.site-contact-v44 b{font-size:18px}
.back-to-top-v44{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#082945;color:#fff;box-shadow:0 14px 34px rgba(6,31,56,.22);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s ease}.back-to-top-v44.is-visible{opacity:1;visibility:visible;transform:none}
body.is-contact-page .site-contact-v44{display:none}

@media(max-width:1320px){
  .nav-shell{height:74px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;max-height:calc(100vh - 74px);overflow:auto;background:#061e38;padding:18px 28px 26px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 20px 35px rgba(0,0,0,.18)}body.nav-open .main-nav{display:flex}.main-nav>a:not(.nav-cta){padding:12px 0}.main-nav>a:not(.nav-cta):after{display:none}.nav-cta{text-align:center;margin-top:10px}
  .no-js .menu-toggle{display:none}.no-js .main-nav{display:flex;position:static;max-height:none;overflow:visible;margin-left:auto;padding:0;background:transparent;border:0;box-shadow:none;flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.no-js .main-nav>a:not(.nav-cta){display:none}.no-js .main-nav .nav-cta{margin:0}
}
@media(max-width:1180px){
  .welcome-shell-v44{grid-template-columns:1fr;gap:44px}.welcome-copy-v44{max-width:850px}.goal-layout-v44{grid-template-columns:1fr}.goal-controls-v44{grid-template-columns:1fr 1fr}.goal-result-v44{min-height:540px}.goal-content-v44{min-height:540px}
}
@media(max-width:720px){
  .welcome-v44,.goal-guide-v44{padding:76px 0}.welcome-copy-v44 h2{font-size:42px}.welcome-numbers-v44{grid-template-columns:1fr}.welcome-numbers-v44>div{display:grid;grid-template-columns:70px 1fr;align-items:center;text-align:left;padding:18px 20px;border-right:0;border-bottom:1px solid #e1eaf1}.welcome-numbers-v44>div:last-child{border:0}.welcome-numbers-v44 strong{font-size:34px}.welcome-numbers-v44 span{margin:0}.welcome-flow-v44 article{padding:17px}
  .goal-head-v44{align-items:flex-start}.goal-head-v44>small{text-align:left}.goal-controls-v44{grid-template-columns:1fr}.goal-result-v44{min-height:570px}.goal-shade-v44{background:linear-gradient(180deg,rgba(4,24,43,.32),rgba(4,24,43,.93) 39%,rgba(4,24,43,.99))}.goal-content-v44{justify-content:flex-end;width:100%;min-height:570px;padding:28px 22px}.goal-content-v44 h3{font-size:36px}.goal-content-v44 .btn{width:100%}
  .timeline-v28:before{left:23px;top:100px;bottom:100px}
  .site-actions-v44{right:12px;bottom:12px}.site-contact-v44{min-height:46px;padding:0 15px}.back-to-top-v44{width:44px;height:44px}
}
@media(max-width:430px){.site-contact-v44 span{font-size:12px}.site-contact-v44{gap:8px}.goal-content-v44 h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.page-progress-v44 span,.welcome-flow-v44 article,.goal-controls-v44 button,.goal-image-v44,.project-gallery article,.site-actions-v44 *{transition:none!important}.welcome-flow-v44 article:hover,.goal-controls-v44 button:hover,.project-gallery article:hover{transform:none}}