:root{--bg:#f0ede6;--bg-light:#faf8f4;--ink-900:#1b1b1b;--ink-800:#151515;--ink-700:#14181f;--ink-600:#1d1f1e;--text-body:#3c3c3c;--text-muted:#5c5c5c;--label:#909090;--label-2:#95979c;--border:#dce0e5;--lime:#c4d700;--amber:#dcaa39;--red:#b14333;--maxw:1180px;}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;scroll-snap-type:y mandatory;}
header,section,footer{scroll-snap-align:start;scroll-snap-stop:always;}
section.hero{scroll-snap-align:none;scroll-snap-stop:none}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--ink-800);line-height:1.5;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
h1,h2{font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:-0.01em;}
.eyebrow{font-family:'Inter',sans-serif;font-weight:600;font-size:clamp(14px,1.6vw,20px);letter-spacing:0.02em;text-transform:uppercase;color:var(--label);display:block;line-height:1.2;}
.lime-bar{height:6px;background:var(--lime);width:100%;}
header{background:var(--bg);}
.header-inner{height:99px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.logo{height:40px;width:auto;object-fit:contain;}
.header-badges{display:flex;align-items:center;gap:10px;}
.badge{font-size:16px;font-weight:500;padding:8px 12px;height:40px;display:flex;align-items:center;justify-content:center;text-decoration:none;}
.badge-eco{background:var(--ink-900);color:var(--lime);font-weight:500;box-shadow:inset 0 12px 12px rgba(255,255,255,0.07),inset 0 -2px 2px rgba(48,48,48,0.1);}
.language-menu{position:relative;font-size:16px;font-weight:700;}
.language-current{width:60px;height:40px;padding:0 9px;border:3px solid #000;background:transparent;color:#000;display:flex;align-items:center;justify-content:space-between;gap:6px;font:inherit;cursor:pointer;}
.language-current svg{width:10px;height:6px;transition:transform .15s ease;}
.language-menu.open .language-current svg{transform:rotate(180deg);}
.language-dropdown{position:absolute;right:0;top:calc(100% + 6px);z-index:1000;min-width:60px;background:var(--bg);border:2px solid #000;display:none;box-shadow:0 5px 14px rgba(0,0,0,.12);}
.language-menu.open .language-dropdown{display:block;}
.language-dropdown a{display:block;padding:9px 12px;color:#000;text-decoration:none;text-align:center;font-weight:700;line-height:20px;}
.language-dropdown a:hover,.language-dropdown a:focus{background:#000;color:#fff;outline:none;}
.language-dropdown a[aria-current="page"]{background:rgba(0,0,0,.08);}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-size:18px;font-weight:500;letter-spacing:-0.04px;padding:16px 24px;text-decoration:none;cursor:pointer;border:none;line-height:24px;white-space:nowrap;transition:opacity .15s ease,transform .15s ease;}
.btn:hover{opacity:0.85;}
.btn-black{background:#000;color:#fff;}
.btn-outline{background:var(--bg);color:var(--ink-600);border:2px solid #000;}
.btn-outline:hover{background:#000;color:#fff;}
.btn-lime{background:var(--lime);color:#000;}
.btn-outline-white{background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.5);}
.btn-outline-white:hover{background:#fff;color:#000;}
.hero{padding-top:72px;padding-bottom:64px;}
.hero-grid{display:grid;grid-template-columns:709fr 600fr;gap:40px;align-items:center;}
.hero-text{display:flex;flex-direction:column;gap:40px;}
.hero-header{display:flex;flex-direction:column;gap:24px;}
.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.2;color:var(--ink-600);}
.hero p.lead{font-size:clamp(16px,1.9vw,24px);color:var(--text-body);line-height:1.4;max-width:56ch;}
.hero-ctas{display:flex;gap:20px;flex-wrap:wrap;}
.hero-art img{width:100%;border-radius:4px;}
.stats{background:var(--bg-light);padding:64px 0;scroll-margin-top:24px;}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;position:relative;}
.stats-row::before,.stats-row::after{content:'';position:absolute;top:0;bottom:0;width:1px;background:var(--border);}
.stats-row::before{left:33.333%;}
.stats-row::after{left:66.666%;}
.stat{display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 20px;text-align:center;}
.stat .num{font-family:'Montserrat',sans-serif;font-weight:700;font-size:clamp(40px,6.6vw,96px);color:var(--ink-800);line-height:1.1;}
.stats.de .num span{font-size:50%;display:block;}
.stats.de .stat:nth-child(3) .num{font-size:clamp(40px,6.6vw,66px);}
.stats.es .stat:nth-child(3) .num{font-size:clamp(40px,6.6vw,66px);}
.stats.fr .stat:nth-child(3) .num{font-size:clamp(40px,6.6vw,66px);}
div.num span{font-size:50%;}
.stat .num-bar{width:90px;height:6px;background:var(--lime);}
.stat .label{font-size:clamp(15px,1.4vw,20px);color:var(--text-muted);line-height:1.6;max-width:254px;}
.stat .src{font-size:12px;color:var(--label-2);line-height:1.4;margin-top:6px;}
.understanding{padding:100px 0;}
.section-head{display:flex;flex-direction:column;gap:30px;margin-bottom:44px;}
.section-head-inner{display:flex;flex-direction:column;gap:20px;}
.section-head h2{font-size:clamp(28px,4.6vw,56px);line-height:1.3;color:var(--ink-800);}
.section-head p{color:var(--text-body);font-size:clamp(16px,1.9vw,24px);line-height:1.4;max-width:80ch;}
.symptom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.symptom-card{background:#fff;padding:34px;display:flex;flex-direction:column;gap:30px;}
.symptom-top{display:flex;align-items:center;gap:15px;}
.symptom-num{display:flex;align-items:center;justify-content:center;width:70px;height:70px;flex:none;background:var(--lime);color:var(--ink-800);font-weight:700;font-size:24px;font-family:'Inter',sans-serif;}
.symptom-card h3{font-size:24px;font-weight:700;color:var(--ink-800);font-family:'Inter',sans-serif;}
.symptom-card p{font-size:16px;color:var(--text-muted);line-height:1.4;max-width:296px;}
.selftest{padding:100px 0;background:var(--bg-light);scroll-margin-top:24px;}
.selftest-grid{display:grid;grid-template-columns:515fr 567fr;gap:60px;align-items:start;}
.selftest-left{display:flex;flex-direction:column;gap:16px;}
.selftest-left h2{font-size:clamp(28px,4.6vw,56px);color:var(--ink-800);line-height:1.3;}
.selftest-left p.desc{font-size:clamp(16px,1.9vw,24px);color:var(--text-body);line-height:1.4;max-width:472px;margin-top:4px;margin-bottom:14px;}
.risk-legend{display:flex;flex-direction:column;gap:20px;}
.risk-item{display:flex;align-items:center;gap:30px;}
.risk-swatch{width:54px;height:80px;flex:none;transition:box-shadow .2s ease;}
.risk-item.active .risk-swatch{box-shadow:0 0 0 3px var(--ink-800);}
.risk-item .r-title{font-family:'Inter',sans-serif;font-weight:700;font-size:24px;color:#000;}
.risk-item .r-sub{font-family:'Inter',sans-serif;font-weight:500;font-size:18px;color:var(--text-muted);}
.quiz-list{display:flex;flex-direction:column;}
.quiz-item{display:flex;align-items:center;gap:50px;padding:24px 0;border-bottom:1px solid var(--border);cursor:pointer;}
.quiz-check{flex:none;width:40px;height:40px;background:#fff;border:1px solid var(--border);position:relative;display:flex;align-items:center;justify-content:center;}
.quiz-check svg{width:20px;height:20px;opacity:0;transition:opacity .12s ease;}
input[type="checkbox"]{position:absolute;opacity:0;width:40px;height:40px;cursor:pointer;}
.quiz-item input:checked ~ .quiz-check{background:var(--ink-900);border-color:var(--ink-900);}
.quiz-item input:checked ~ .quiz-check svg{opacity:1;}
.quiz-text{font-family:'Inter',sans-serif;font-weight:600;font-size:18px;color:var(--ink-800);line-height:1.4;}
.quiz-result{margin-top:28px;padding:22px 24px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.quiz-result .qr-label{font-size:12px;color:var(--label-2);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;}
.quiz-result .qr-value{font-size:20px;font-weight:700;font-family:'Inter',sans-serif;margin-top:4px;color:var(--ink-800);}
.solution{background:var(--bg);padding:100px 0;}
.solution .eyebrow{color:var(--label);}
.solution-title{margin-bottom:44px;}
.solution-title h2{font-size:clamp(28px,4.6vw,56px);color:var(--ink-700);margin-top:12px;}
.solution-grid{display:grid;grid-template-columns:540fr 565fr;gap:40px;align-items:center;}
.monitor-card{background:var(--bg-light);border-radius:12px;padding:18px;}
.monitor-card img{border-radius:8px;width:100%;}
.solution-aside{display:flex;flex-direction:column;gap:20px;}
.solution-aside h3{font-family:'Inter',sans-serif;font-weight:700;font-size:clamp(24px,3.2vw,40px);color:var(--ink-700);line-height:1.3;}
.solution-aside p.lead{color:var(--ink-700);font-size:clamp(16px,1.6vw,20px);line-height:1.4;}
.feature-list{display:flex;flex-direction:column;gap:16px;}
.feature-item{display:flex;align-items:center;gap:16px;font-family:'Inter',sans-serif;font-weight:500;font-size:15px;color:var(--ink-700);line-height:1.4;}
.feature-item .tick{flex:none;width:32px;height:32px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;}
.feature-item .tick svg{width:16px;height:16px;}
.solution-ctas{display:flex;gap:25px;flex-wrap:wrap;}
.solution-ctas .btn{height:56px;}
.hr-strip{background:var(--ink-900);color:#fff;}
.hr-strip .lime-bar{display:block;}
.hr-content{padding:80px 0 60px;display:flex;flex-direction:column;gap:40px;}
.hr-text{display:flex;flex-direction:column;gap:24px;max-width:1177px;}
.hr-strip .eyebrow{color:var(--lime);}
.hr-strip h2{font-size:clamp(30px,5.6vw,64px);color:#fff;line-height:1.2;max-width:20ch;}
.hr-text.de h2{max-width:30ch;}
.hr-strip p{color:rgba(255,255,255,0.8);font-family:'Inter',sans-serif;font-weight:400;font-size:clamp(16px,1.9vw,24px);line-height:1.4;max-width:56ch;}
footer{background:var(--ink-900);color:#fff;}
.footer-inner{padding:40px 0 40px;border-top:1px solid rgba(255,255,255,0.25);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.footer-inner img{height:32px;}
.footer-inner span{font-family:'Inter',sans-serif;font-size:14px;color:#fff;line-height:1.4;}
.footer-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.footer-links{display:flex;align-items:center;gap:18px;}
.footer-links a{font-family:'Inter',sans-serif;font-size:14px;color:#fff;line-height:1.4;text-decoration:none;}
.footer-links a:hover{text-decoration:underline;}
@media (max-width:900px){.hero-grid,.selftest-grid,.solution-grid{grid-template-columns:1fr;}
.hero-art{order:-1;}
.stats-row{grid-template-columns:1fr;gap:40px;}
.stats-row::before,.stats-row::after{display:none;}
.symptom-grid{grid-template-columns:1fr 1fr;gap:14px;}
.wrap{padding:0 20px;}
.hero{padding-top:48px;padding-bottom:44px;}
.understanding,.selftest,.solution{padding:64px 0;}
.hr-content{padding:56px 0 40px;}
.quiz-item{gap:24px;}
}
@media (max-width:560px){.symptom-grid{grid-template-columns:1fr;}
.hero-ctas .btn,.solution-ctas .btn{width:100%;justify-content:center;}
.hero-ctas,.solution-ctas{flex-direction:column;}
.symptom-card p{max-width:none;}
.header-inner{height:auto;padding-top:15px;padding-bottom:15px;flex-wrap:nowrap;}
.logo{height:20.5px;}
.header-badges{gap:8px;}
.badge{height:25px;padding:5px 10px;font-size:11px;}
.language-current{width:44px;height:25px;padding:0 6px;border-width:2px;font-size:11px;}
.language-current svg{width:8px;}
.language-dropdown{min-width:44px;top:calc(100% + 4px);border-width:2px;}
.language-dropdown a{padding:6px 8px;font-size:11px;line-height:16px;}
.footer-inner{flex-direction:column;align-items:flex-start;gap:15px;padding-top:24px;padding-bottom:32px;}
.footer-inner img{height:19px;}
.footer-inner span{font-size:12px;line-height:1.5;}
.footer-meta{flex-direction:column;align-items:flex-start;gap:10px;}
.footer-links{gap:16px;}
.footer-links a{font-size:12px;line-height:1.5;}
}
#carea{background-color:rgba(0,0,0,.5);height:100%;width:100%;}
#mbox{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:650px;width:calc(100% - 20px);box-sizing:border-box;padding:15px;background-color:#fff;color:#000;font:normal 16px / 150% Arial,Helvetica,Geneva,sans-serif;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:center;font-size:140%;border-radius:8px;}
.cooall{display:block;max-width:400px;border:#cccccc 1px solid;margin:0 auto;font-weight:bolder;background-color:#cccccc;color:#fff;font-size:100%;padding:16px;text-align:center;cursor:pointer;}
#mbox .cooedit{display:block;max-width:400px;margin:31px auto 60px auto;font-weight:bolder;border:#cccccc 1px solid;background-color:#cccccc;color:#fff;padding:16px;font-size:100%;}
.cooall:hover{background-color:#fff;color:#000;cursor:pointer;}
#mbox .cooedit:hover{background-color:#fff;color:#000;cursor:pointer;}
#mbox a{color:#000;font-size:100%;}
#mbox a:hover{text-decoration:none;}
#mbox.warn{max-height:80%;overflow:scroll;}
#mbox table thead td{font-weight:bold;}
#mbox.ok{border:#39cc64 1px solid;box-shadow:0px 0px 30px rgba(57,204,100,0.4);}
#mbox.error{border:#eb1f20 1px solid;box-shadow:0px 0px 30px rgba(182,14,18,0.4);}
#mbox .button{margin:16px 0 0 0;font:normal bold 12px / 100% Arial,Helvetica,Geneva,sans-serif;color:#fff;background-color:#006fff;padding:8px 16px 8px 16px;cursor:pointer;border-radius:5px;text-align:center;align-items:flex-start;box-sizing:border-box;float:right;}
#mbox .button.cancel{background-color:#888;}
#mbox .button:hover{background-color:#004ccc;}
#mbox .button.cancel:hover{background-color:#444;}
.cconf{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:650px;width:calc(100% - 40px);box-sizing:border-box;padding:15px 20px 15px 20px;background-color:#fff;color:#000;font:normal 16px / 150% Arial,Helvetica,Geneva,sans-serif;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:left;font-size:125%;max-height:calc(100% - 40px);overflow:scroll;border-radius:8px;}
.cconf b{display:block;font-weight:bolder;font-size:120%;margin-bottom:30px;text-align:center;}
.cconf a{color:#000;padding:0;margin:0;font-size:100%;}
.cconf a:hover{text-decoration:none;}
.cconf .variante{font-size:100%;font-weight:bold;margin-bottom:10px;}
.cconf .variante span{color:#39ab3f;display:inline-block;float:right;font-size:100%;font-weight:bold;margin-left:15px;}
.cnclsw{width:34px;height:20px;border-radius:10px;background-color:#fff;box-shadow:inset 1px 1px 3px #ccc;padding:1px;box-sizing:border-box;transition:all 0.25s ease-out;cursor:pointer;float:right;}
.cnclsw .slider{width:16px;height:16px;border-radius:8px;background-color:#fff;box-shadow:1px 1px 2px #bbb;margin:1px 0 0 1px;transition:all 0.25s ease-out;}
.cnclsw.on{background-color:#00cc4c;}
.cnclsw.on .slider{margin:1px 0 0 15px;}
.blur3{-webkit-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);-o-filter:blur(3px);-moz-filter:blur(3px);}