/* Section 01 — measured against Redesign SITE/hero.png (1671 × 941). */
.reference-nav{position:absolute;inset:0 0 auto;z-index:20;background:transparent;border-bottom:1px solid #b4b4b426;backdrop-filter:none}
.reference-nav .nav.wrap{width:auto;max-width:none;margin:0 5.4%;height:calc(var(--hero-unit, 1vw) * 5);min-height:0;padding:0;display:flex;gap:0;justify-content:space-between}
.reference-nav .brand{width:calc(var(--hero-unit, 1vw) * 15);display:block;flex:none}.reference-nav .brand img{width:100%;height:auto;display:block}
.reference-nav .nav-links{display:flex;gap:calc(var(--hero-unit, 1vw) * 2.2);margin-left:0;position:absolute;left:calc(var(--hero-unit, 1vw) * 29.2)}.reference-nav .nav-links a{font:500 calc(var(--hero-unit, 1vw) * .85) var(--font-body, Arial, sans-serif);color:#111;white-space:nowrap}
.reference-nav .nav-actions{gap:calc(var(--hero-unit, 1vw) * 2.3);display:flex;align-items:center}.reference-nav .login{font:600 calc(var(--hero-unit, 1vw) * .85) var(--font-display, Arial, sans-serif);color:white;border-left:1px solid #ffffff50;padding-left:calc(var(--hero-unit, 1vw) * 2.9)}
.reference-nav .ref-button{height:calc(var(--hero-unit, 1vw) * 2.7);padding:0 calc(var(--hero-unit, 1vw) * 1.4);gap:calc(var(--hero-unit, 1vw) * 1.2);font-size:calc(var(--hero-unit, 1vw) * .82);border-radius:calc(var(--hero-unit, 1vw) * .6);font-family:var(--font-display, Arial, sans-serif)}
.reference-nav .menu-button{display:none}
.reference-hero{position:relative;width:100%;aspect-ratio:1671/941;background:#f4f2ee;isolation:isolate;overflow:hidden;color:#080808;font-family:var(--font-body, Arial, sans-serif)}
.ref-photo{position:absolute;inset:0;z-index:-1;background:url('/assets/hero-showroom-panoramica-v2.webp') center center/cover no-repeat}
.ref-photo:after{content:'';position:absolute;inset:0 0 17%;background:linear-gradient(90deg,#fff9 0%,#faf9f5e8 24%,#faf9f575 35%,transparent 43%);mask-image:linear-gradient(#000 0%,#000 82%,transparent 100%)}
.ref-content{position:absolute;left:5.4%;top:15.85%;width:33.1%}
.ref-eyebrow{font:600 calc(var(--hero-unit, 1vw) * .65) var(--font-display, Arial, sans-serif);letter-spacing:calc(var(--hero-unit, 1vw) * .29);margin:0 0 calc(var(--hero-unit, 1vw) * 1.05);color:#515866}
.reference-hero h1{font-family:var(--font-display, Sora, Arial, sans-serif);font-size:calc(var(--hero-unit, 1vw) * 4.72);line-height:.98;font-weight:700;letter-spacing:calc(var(--hero-unit, 1vw) * -.25);margin:0;color:#050505;max-width:none}
.reference-hero h1 span{color:#ff6500;white-space:nowrap}
.ref-description{font:400 calc(var(--hero-unit, 1vw) * 1.22)/1.47 var(--font-body, Arial, sans-serif);letter-spacing:0;color:#484848;margin:calc(var(--hero-unit, 1vw) * .6) 0 calc(var(--hero-unit, 1vw) * 1.7);max-width:calc(var(--hero-unit, 1vw) * 31)}
.ref-actions{display:flex;gap:calc(var(--hero-unit, 1vw) * 1.1);align-items:center}
.ref-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--hero-unit, 1vw) * 1.2);height:calc(var(--hero-unit, 1vw) * 3.35);padding:0 calc(var(--hero-unit, 1vw) * 1.4);border-radius:calc(var(--hero-unit, 1vw) * .6);font:600 calc(var(--hero-unit, 1vw) * .85) var(--font-display, Arial, sans-serif);letter-spacing:0;text-decoration:none;white-space:nowrap;transition:background .15s,transform .15s}
.ref-button svg{width:calc(var(--hero-unit, 1vw) * 1.25);height:calc(var(--hero-unit, 1vw) * 1.25);fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.ref-button.primary{background:#ff6500;color:#080808;border:1px solid #ff6500}.ref-button.primary:hover{background:#ef5900;transform:translateY(-1px)}
.ref-button.secondary{background:#ffffff30;color:#111;border:1px solid #d5d4d1;padding:0 calc(var(--hero-unit, 1vw) * 1.5);gap:calc(var(--hero-unit, 1vw) * .85)}
.ref-button.secondary svg{fill:currentColor;stroke:none;width:calc(var(--hero-unit, 1vw) * 1.1)}
.ref-button.secondary:hover{background:#ffffff60;border-color:#b8b7b3}
.ref-trust-pill{display:inline-flex;align-items:center;gap:calc(var(--hero-unit, 1vw) * .6);margin-top:calc(var(--hero-unit, 1vw) * 1.2);padding:calc(var(--hero-unit, 1vw) * .35) calc(var(--hero-unit, 1vw) * .85);border-radius:calc(var(--hero-unit, 1vw) * 1.5);background:#ffffff80;border:1px solid #d5d4d180;font:500 calc(var(--hero-unit, 1vw) * .7) var(--font-body, sans-serif);color:#555}
.ref-trust-dot{width:calc(var(--hero-unit, 1vw) * .45);height:calc(var(--hero-unit, 1vw) * .45);border-radius:50%;background:#08bf53;display:inline-block;flex:none}
.ref-button:focus-visible,.reference-nav a:focus-visible{outline:3px solid #ff6200;outline-offset:4px}
.ref-benefits{display:flex;margin-top:calc(var(--hero-unit, 1vw) * 1.8);gap:0;width:calc(var(--hero-unit, 1vw) * 32.9)}
.ref-benefits>div{display:flex;gap:calc(var(--hero-unit, 1vw) * .8);flex:1;padding-right:calc(var(--hero-unit, 1vw) * .8)}.ref-benefits>div+div{border-left:1px solid #ccc9;padding-left:calc(var(--hero-unit, 1vw) * 1)}
.ref-icon{display:flex;align-items:center;justify-content:center;width:calc(var(--hero-unit, 1vw) * 2.6);height:calc(var(--hero-unit, 1vw) * 2.6);flex:none;background:#ff650016;border-radius:calc(var(--hero-unit, 1vw) * .55);color:#ff6500}
.ref-icon svg{width:calc(var(--hero-unit, 1vw) * 1.45);height:calc(var(--hero-unit, 1vw) * 1.45);fill:none;stroke:currentColor;stroke-width:1.8}.ref-benefits>div:last-child svg{fill:currentColor;stroke:none}
.ref-benefits b{display:block;font:700 calc(var(--hero-unit, 1vw) * .82)/1.22 var(--font-display, Arial, sans-serif);color:#111}.ref-benefits p{font:400 calc(var(--hero-unit, 1vw) * .73)/1.4 var(--font-body, Arial, sans-serif);margin:calc(var(--hero-unit, 1vw) * .3) 0 0;color:#626262}
.ref-trust{position:absolute;bottom:0;left:0;right:0;height:10.5%;display:grid;grid-template-columns:19% 26.6% 25.35% 29.05%;align-items:start;padding:calc(var(--hero-unit, 1vw) * .8) 0 0 5.1%;background:#26231e50;border-top:1px solid #fff2;backdrop-filter:blur(7px);color:white}
.ref-trust>div{display:flex;align-items:center;gap:calc(var(--hero-unit, 1vw) * 1.25);min-width:0}.ref-trust>div+div{padding-left:calc(var(--hero-unit, 1vw) * 4.1);border-left:1px solid #fff4}.ref-trust>div:nth-child(2){padding-left:calc(var(--hero-unit, 1vw) * 5.1)}.reference-nav .brand{transform:translateX(calc(var(--hero-unit, 1vw) * -.65))}
.ref-trust-icon{display:flex;align-items:center;justify-content:center;width:calc(var(--hero-unit, 1vw) * 2.85);height:calc(var(--hero-unit, 1vw) * 2.85);flex:none;border:1px solid #fff9;border-radius:50%}.ref-trust-icon svg{width:calc(var(--hero-unit, 1vw) * 1.4);height:calc(var(--hero-unit, 1vw) * 1.4);fill:none;stroke:currentColor;stroke-width:1.6}.ref-trust>div:first-child svg{fill:currentColor;stroke:none}
.ref-trust b{font:600 calc(var(--hero-unit, 1vw) * .82) var(--font-display, Arial, sans-serif);display:block;white-space:nowrap}.ref-trust p{font:400 calc(var(--hero-unit, 1vw) * .78) var(--font-body, Arial, sans-serif);color:#e0dfdc;margin:calc(var(--hero-unit, 1vw) * .5) 0 0;white-space:nowrap}
@media(min-width:2000px){.reference-hero{max-height:none}}
@media(max-width:1199px){
 .reference-nav .nav.wrap{height:76px;margin:0 22px}.reference-nav .brand{width:190px}.reference-nav .nav-links,.reference-nav .nav-actions{display:none}.reference-nav .menu-button{display:flex;color:#111}
 .reference-nav #mobile-menu{background:#fff;padding:20px 24px;border-bottom:1px solid #ddd}.reference-nav #mobile-menu a{display:block;padding:12px 0;color:#111;font-family:var(--font-body, sans-serif)}.reference-nav #mobile-menu .ref-button{display:flex;height:48px;font-size:13px;padding:0 18px;font-family:var(--font-display, sans-serif)}.reference-nav #mobile-menu svg{width:20px;height:20px}
 .reference-hero{aspect-ratio:auto;min-height:0;padding-top:108px;display:flex;flex-direction:column;background:#f5f3ef}
 .ref-photo{position:relative;inset:auto;order:2;flex:none;height:330px;margin-top:26px;background-size:cover;background-position:75% center!important;z-index:0}.ref-photo:after{display:none}
 .ref-content{position:relative;inset:auto;order:1;width:auto;margin:0 24px}.ref-eyebrow{font-size:9px;letter-spacing:2px;margin:0 0 16px}.reference-hero h1{font-size:clamp(36px,calc(var(--hero-unit, 1vw) * 10.7),64px);line-height:1.02;letter-spacing:-1.8px}.reference-hero h1 br{display:block}.ref-description{font-size:16px;line-height:1.5;letter-spacing:-.2px;max-width:510px;margin:16px 0 20px}.ref-actions{flex-wrap:wrap;gap:10px}.ref-button{height:49px;font-size:13px;gap:15px;padding:0 17px;border-radius:8px}.ref-button svg{width:18px;height:18px}.ref-button.secondary{padding:0 16px;gap:10px}.ref-button.secondary svg{width:15px}
 .ref-trust-pill{font-size:11px;padding:6px 12px;gap:8px;margin-top:14px;border-radius:14px}
 .ref-trust-dot{width:7px;height:7px}
 .ref-benefits{width:100%;margin-top:28px;gap:0}.ref-benefits>div{flex-direction:column;gap:10px;padding-right:10px}.ref-benefits>div+div{padding-left:12px}.ref-icon{width:35px;height:35px;border-radius:7px}.ref-icon svg{width:22px;height:22px}.ref-benefits b{font-size:13px}.ref-benefits p{font-size:11px;margin-top:4px}
 .ref-trust{position:relative;inset:auto;order:3;height:auto;flex:none;padding:24px 20px;grid-template-columns:1fr 1fr;gap:18px 12px;background:#25221ff2;backdrop-filter:none}.ref-trust>div{gap:10px}.ref-trust>div+div{padding-left:0;border:0}.ref-trust-icon{width:33px;height:33px}.ref-trust-icon svg{width:18px;height:18px}.ref-trust b{font-size:12px;white-space:normal}.ref-trust p{font-size:11px;line-height:1.4;white-space:normal;margin-top:4px}
 .ref-trust>div:nth-child(2){padding-left:0}.reference-nav .brand{transform:none}
}
@media(min-width:1200px){
 .reference-nav .ref-button{min-height:44px;font-size:max(12px,calc(var(--hero-unit, 1vw) * .82))}
 .reference-nav .nav-links a,.reference-nav .nav-links button{font-size:max(12px,calc(var(--hero-unit, 1vw) * .85))}
 .ref-actions .ref-button{min-height:44px;font-size:max(12px,calc(var(--hero-unit, 1vw) * .85))}
}
@media(min-width:600px) and (max-width:1199px){
 .reference-hero .ref-photo{height:auto;aspect-ratio:1670/941;background-size:cover;background-position:center}
}