*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--green-dark:#0D2B1A;--green-mid:#1A4730;--green-bright:#2E7D52;--green-light:#4CAF7D;--accent-yellow:#F5C518;--accent-orange:#E8722A;--text:#1A1A1A;--text2:#4A4A4A;--text3:#7A7A7A;--bg:#FAFAF7;--bg2:#F1F0EB;--white:#FFFFFF;--border:#E0DDD5;--danger:#C0392B;--font-display:'Playfair Display', Georgia, serif;--font-body:'Outfit', system-ui, sans-serif;--radius:14px;--radius-sm:8px;--shadow:0 4px 24px rgba(0,0,0,0.08);--shadow-lg:0 12px 48px rgba(0,0,0,0.12)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.navbar{position:sticky;top:0;z-index:100;background:rgb(13 43 26 / .97);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:64px;border-bottom:1px solid rgb(255 255 255 / .08)}.nav-logo{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:18px;font-weight:700;color:#fff}.logo-leaf{font-size:20px}.logo-tt{color:var(--accent-yellow)}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{color:rgb(255 255 255 / .75);font-size:14px;font-weight:500;padding:8px 16px;border-radius:6px;transition:all 0.2s}.nav-link:hover,.nav-link.active{color:#fff;background:rgb(255 255 255 / .08)}.nav-cta{background:var(--accent-yellow);color:var(--green-dark)!important;font-weight:600;border-radius:6px}.nav-cta:hover{background:#FFD540}.hamburger{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer}.hero{background:var(--green-dark);position:relative;overflow:hidden;padding:100px 40px 0;min-height:85vh;display:flex;flex-direction:column;justify-content:flex-end}.hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgb(46 125 82 / .25) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgb(245 197 24 / .08) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:720px;padding-bottom:60px}.hero-eyebrow{font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--accent-yellow);margin-bottom:20px;display:inline-block;border:1px solid rgb(245 197 24 / .3);padding:4px 14px;border-radius:20px}.hero-title{font-family:var(--font-display);font-size:clamp(42px, 6vw, 80px);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-2px;margin-bottom:24px}.hero-title em{font-style:normal;color:var(--green-light)}.hero-sub{font-size:18px;color:rgb(255 255 255 / .7);max-width:580px;line-height:1.7;margin-bottom:36px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.btn-primary{display:inline-block;background:var(--accent-yellow);color:var(--green-dark);font-family:var(--font-body);font-size:15px;font-weight:600;padding:14px 28px;border-radius:var(--radius-sm);transition:all 0.2s;cursor:pointer;border:none}.btn-primary:hover{background:#FFD540;transform:translateY(-1px);box-shadow:0 6px 20px rgb(245 197 24 / .3)}.btn-secondary{display:inline-block;background:#fff0;color:rgb(255 255 255 / .85);font-family:var(--font-body);font-size:15px;font-weight:500;padding:14px 28px;border-radius:var(--radius-sm);border:1px solid rgb(255 255 255 / .25);transition:all 0.2s;cursor:pointer}.btn-secondary:hover{background:rgb(255 255 255 / .07);color:#fff}.hero-stat-strip{position:relative;z-index:2;background:rgb(255 255 255 / .05);border-top:1px solid rgb(255 255 255 / .1);display:flex;align-items:center;gap:0;padding:28px 0;margin-top:60px}.stat-item{flex:1;padding:0 36px}.stat-num{font-family:var(--font-display);font-size:38px;font-weight:900;color:var(--accent-yellow);display:block;line-height:1;margin-bottom:6px}.stat-label{font-size:13px;color:rgb(255 255 255 / .6);line-height:1.4}.stat-divider{width:1px;background:rgb(255 255 255 / .12);align-self:stretch}.page-hero{background:var(--green-dark);position:relative;overflow:hidden;padding:80px 40px 80px}.page-hero-bg{position:absolute;inset:0;background-image:radial-gradient(circle at 70% 50%,rgb(46 125 82 / .2) 0%,transparent 60%);pointer-events:none}.page-hero-title{font-family:var(--font-display);font-size:clamp(36px, 5vw, 64px);font-weight:900;color:#fff;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;margin-top:16px;position:relative;z-index:2}.page-hero-sub{font-size:17px;color:rgb(255 255 255 / .7);max-width:600px;line-height:1.7;position:relative;z-index:2}.section{padding:90px 40px}.section-light{background:var(--bg)}.section-dark{background:var(--green-dark);color:#fff}.section-green{background:var(--green-mid);color:#fff}.container{max-width:1100px;margin:0 auto}.section-label{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--green-bright);margin-bottom:12px}.section-dark .section-label,.section-green .section-label{color:var(--accent-yellow)}.section-title{font-family:var(--font-display);font-size:clamp(28px, 4vw, 48px);font-weight:900;line-height:1.1;letter-spacing:-1px;margin-bottom:20px}.section-intro{font-size:17px;color:var(--text2);max-width:680px;line-height:1.75;margin-bottom:52px}.section-dark .section-intro,.section-green .section-intro{color:rgb(255 255 255 / .7)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.text-block{font-size:16px;color:var(--text2)}.text-block p{margin-bottom:18px}.text-block strong{color:var(--text);font-weight:600}.quote-block{border-left:4px solid var(--green-bright);padding:18px 22px;background:var(--bg2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-top:28px}.quote-block p{font-style:italic;color:var(--text);font-size:15px;margin-bottom:10px}.quote-block span{font-size:12px;color:var(--text3);font-weight:500}.info-panel{background:var(--green-dark);color:#fff;border-radius:var(--radius);padding:32px}.info-panel-title{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:20px;color:var(--accent-yellow)}.check-list{list-style:none;display:flex;flex-direction:column;gap:14px}.check-list li{font-size:14px;color:rgb(255 255 255 / .8);padding-left:28px;position:relative;line-height:1.5}.check-list li::before{content:'✓';position:absolute;left:0;color:var(--green-light);font-weight:700}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cat-card{background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .08);border-radius:var(--radius);padding:28px;transition:transform 0.2s,border-color 0.2s}.cat-card:hover{transform:translateY(-3px);border-color:rgb(255 255 255 / .18)}.cat-icon{font-size:28px;margin-bottom:8px}.cat-num{font-family:var(--font-display);font-size:13px;color:var(--accent-yellow);font-weight:700;margin-bottom:10px}.cat-card h3{font-family:var(--font-display);font-size:18px;font-weight:700;color:#fff;margin-bottom:6px}.cat-life{font-size:11px;color:var(--green-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:600}.cat-card p{font-size:13px;color:rgb(255 255 255 / .65);line-height:1.6;margin-bottom:16px}.cat-card strong{color:var(--accent-yellow);font-weight:600}.cat-examples{display:flex;gap:6px;flex-wrap:wrap}.cat-examples span{font-size:11px;background:rgb(255 255 255 / .08);color:rgb(255 255 255 / .6);padding:3px 10px;border-radius:20px;font-weight:500}.cat-1{border-top:3px solid #64B5F6}.cat-2{border-top:3px solid #9575CD}.cat-3{border-top:3px solid #F5C518}.cat-4{border-top:3px solid #4CAF50}.cat-5{border-top:3px solid #FF8A65}.cat-6{border-top:3px solid #26C6DA}.local-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:48px}.local-card{background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .1);border-radius:var(--radius);padding:28px}.local-card h3{font-family:var(--font-display);font-size:19px;font-weight:700;color:#fff;margin-bottom:10px}.local-card p{font-size:14px;color:rgb(255 255 255 / .7);line-height:1.65}.local-card strong{color:var(--accent-yellow);font-weight:600}.local-icon{font-size:28px;margin-bottom:12px}.tt-initiative{background:rgb(245 197 24 / .1);border:1px solid rgb(245 197 24 / .2);border-radius:var(--radius);padding:36px;display:flex;gap:40px;align-items:center}.initiative-text h3{font-family:var(--font-display);font-size:20px;font-weight:700;color:#fff;margin-bottom:14px}.initiative-text p{font-size:14px;color:rgb(255 255 255 / .75);line-height:1.65;margin-bottom:10px}.initiative-badge{text-align:center;flex-shrink:0;min-width:180px}.badge-icon{font-size:48px;margin-bottom:12px}.badge-text{font-size:13px;color:var(--accent-yellow);font-weight:500;line-height:1.5}.materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.material-card{border-radius:var(--radius);padding:28px;text-align:center;border:2px solid #fff0;transition:transform 0.2s}.material-card:hover{transform:translateY(-2px)}.material-card.danger{background:rgb(192 57 43 / .06);border-color:rgb(192 57 43 / .15)}.material-card.value{background:rgb(76 175 125 / .06);border-color:rgb(76 175 125 / .15)}.material-symbol{font-family:var(--font-display);font-size:42px;font-weight:900;margin-bottom:10px;line-height:1}.danger .material-symbol{color:var(--danger)}.value .material-symbol{color:var(--green-bright)}.material-card h4{font-size:16px;font-weight:700;margin-bottom:10px;color:var(--text)}.material-card p{font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:16px}.material-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:20px}.material-tag:not(.value-tag){background:rgb(192 57 43 / .12);color:var(--danger)}.value-tag{background:rgb(76 175 125 / .15);color:var(--green-bright)}.methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}.method-card{border-radius:var(--radius);padding:28px;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .08)}.method-icon{font-size:32px;margin-bottom:14px}.method-card h3{font-family:var(--font-display);font-size:20px;font-weight:700;color:#fff;margin-bottom:12px}.method-card p{font-size:13px;color:rgb(255 255 255 / .65);line-height:1.65;margin-bottom:16px}.method-verdict{font-size:12px;font-weight:600;padding:8px 14px;border-radius:6px}.bad-verdict{background:rgb(192 57 43 / .15);color:#E07070}.cta-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green-bright);border-radius:var(--radius);padding:36px 40px;flex-wrap:wrap}.cta-banner h3{font-family:var(--font-display);font-size:26px;font-weight:900;color:#fff;margin-bottom:8px}.cta-banner p{font-size:15px;color:rgb(255 255 255 / .8)}.circular-diagram{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:center;padding:20px;position:relative}.circle-step{background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .15);border-radius:50%;width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cs-icon{font-size:24px;margin-bottom:4px}.cs-label{font-size:11px;color:rgb(255 255 255 / .7);font-weight:500;line-height:1.3}.circle-arrow{font-size:20px;color:var(--green-light)}.circle-return{width:100%;text-align:center;font-size:12px;color:var(--accent-yellow);font-weight:500;margin-top:8px}.umicore-steps{display:flex;flex-direction:column;gap:0}.u-step{display:flex;gap:28px;align-items:flex-start;padding:32px 0;border-bottom:1px solid rgb(255 255 255 / .08)}.u-step:last-child{border-bottom:none}.u-step-num{font-family:var(--font-display);font-size:48px;font-weight:900;color:rgb(245 197 24 / .3);line-height:1;flex-shrink:0;width:60px}.u-step-content h3{font-family:var(--font-display);font-size:22px;font-weight:700;color:#fff;margin-bottom:12px}.u-step-content p{font-size:15px;color:rgb(255 255 255 / .7);line-height:1.7}.u-step-content strong{color:var(--accent-yellow);font-weight:600}.tech-list{display:flex;flex-direction:column;gap:0}.tech-item{border-bottom:1px solid var(--border);padding:48px 0}.tech-item:first-child{border-top:1px solid var(--border)}.tech-header{display:flex;align-items:flex-start;gap:24px;margin-bottom:24px}.tech-number{font-family:var(--font-display);font-size:52px;font-weight:900;color:rgb(46 125 82 / .2);line-height:1;flex-shrink:0;width:70px}.tech-title-block h3{font-family:var(--font-display);font-size:26px;font-weight:900;color:var(--text);margin-bottom:10px}.tech-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:11px;font-weight:600;padding:3px 12px;border-radius:20px}.tag-green{background:rgb(46 125 82 / .12);color:var(--green-bright)}.tag-blue{background:rgb(33 150 243 / .1);color:#1976D2}.tag-orange{background:rgb(232 114 42 / .12);color:var(--accent-orange)}.tech-body{padding-left:94px}.tech-body>p{font-size:16px;color:var(--text2);line-height:1.75;margin-bottom:24px}.tech-body strong{color:var(--text);font-weight:600}.tech-example,.tech-tt{border-radius:var(--radius-sm);padding:20px 24px;margin-bottom:16px}.tech-example{background:var(--bg2);border-left:4px solid #1976D2}.tech-tt{background:rgb(46 125 82 / .06);border-left:4px solid var(--green-bright)}.te-label{font-size:12px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.tech-example p,.tech-tt p{font-size:14px;color:var(--text2);line-height:1.65}.tech-note{font-size:13px;color:var(--accent-orange);background:rgb(232 114 42 / .06);border-radius:var(--radius-sm);padding:12px 16px}.infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.infra-card{background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .1);border-radius:var(--radius);padding:28px}.infra-icon{font-size:28px;margin-bottom:12px}.infra-card h3{font-family:var(--font-display);font-size:17px;font-weight:700;color:#fff;margin-bottom:10px}.infra-card p{font-size:13px;color:rgb(255 255 255 / .65);line-height:1.65}.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}.rec-card{background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .1);border-radius:var(--radius);padding:32px}.rec-num{font-family:var(--font-display);font-size:48px;font-weight:900;color:var(--accent-yellow);line-height:1;margin-bottom:14px}.rec-card h3{font-family:var(--font-display);font-size:20px;font-weight:700;color:#fff;margin-bottom:14px}.rec-card p{font-size:14px;color:rgb(255 255 255 / .7);line-height:1.65}.quiz-prompt{background:var(--green-bright);border-radius:var(--radius);padding:40px;text-align:center}.quiz-prompt h3{font-family:var(--font-display);font-size:28px;font-weight:900;color:#fff;margin-bottom:10px}.quiz-prompt p{font-size:16px;color:rgb(255 255 255 / .8);margin-bottom:24px}.quiz-section{padding-top:60px}.quiz-container{max-width:760px;margin:0 auto}.quiz-progress{margin-bottom:40px}.qp-bar{height:6px;background:var(--bg2);border-radius:3px;overflow:hidden;margin-bottom:10px}.qp-fill{height:100%;background:var(--green-bright);border-radius:3px;width:12.5%;transition:width 0.4s ease}.qp-label{font-size:13px;color:var(--text3);font-weight:500}.q-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:40px;margin-bottom:24px;display:none;box-shadow:var(--shadow);animation:fadeIn 0.3s ease}.q-card.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.q-num{font-family:var(--font-display);font-size:13px;color:var(--green-bright);font-weight:700;margin-bottom:12px;letter-spacing:1px}.q-text{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:28px}.q-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.q-option{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all 0.15s;font-size:15px;color:var(--text2)}.q-option:hover{border-color:var(--green-bright);background:rgb(46 125 82 / .04);color:var(--text)}.q-option input[type="radio"]{accent-color:var(--green-bright);width:18px;height:18px;flex-shrink:0}.q-option.correct{border-color:var(--green-bright);background:rgb(46 125 82 / .08);color:var(--text)}.q-option.wrong{border-color:var(--danger);background:rgb(192 57 43 / .06)}.q-feedback{font-size:14px;padding:12px 16px;border-radius:var(--radius-sm);display:none;line-height:1.6}.q-feedback.correct{display:block;background:rgb(46 125 82 / .1);color:var(--green-bright);border:1px solid rgb(46 125 82 / .2)}.q-feedback.wrong{display:block;background:rgb(192 57 43 / .08);color:var(--danger);border:1px solid rgb(192 57 43 / .2)}.quiz-controls{display:flex;gap:14px;margin-top:8px}.btn-quiz-next,.btn-quiz-submit{padding:14px 32px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all 0.2s}.btn-quiz-next{background:var(--green-bright);color:#fff}.btn-quiz-next:hover{background:var(--green-light)}.btn-quiz-submit{background:var(--accent-yellow);color:var(--green-dark)}.btn-quiz-submit:hover{background:#FFD540}.quiz-result{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:60px 40px;text-align:center;box-shadow:var(--shadow-lg)}.trophy-area{font-size:80px;margin-bottom:24px;animation:bounce 0.8s ease}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.result-score{font-family:var(--font-display);font-size:56px;font-weight:900;color:var(--green-dark);margin-bottom:8px}.result-msg{font-size:20px;color:var(--text2);margin-bottom:28px}.result-breakdown{font-size:14px;color:var(--text3);margin-bottom:36px;line-height:1.8}.result-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.result-actions .btn-secondary{color:var(--text2);border-color:var(--border)}.result-actions .btn-secondary:hover{color:var(--text);background:var(--bg2)}.footer{background:var(--green-dark);color:rgb(255 255 255 / .5);padding:40px}.footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:16px;color:rgb(255 255 255 / .8);font-weight:700}.footer-links-group{display:flex;gap:24px}.footer-links-group a{font-size:13px;color:rgb(255 255 255 / .5);transition:color 0.15s}.footer-links-group a:hover{color:#fff}.footer-note{font-size:12px;color:rgb(255 255 255 / .35);max-width:400px;line-height:1.6}@media (max-width:900px){.categories-grid{grid-template-columns:repeat(2,1fr)}.materials-grid{grid-template-columns:repeat(2,1fr)}.methods-grid{grid-template-columns:1fr}.infra-grid{grid-template-columns:repeat(2,1fr)}.rec-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr;gap:30px}.tech-body{padding-left:0}.local-grid{grid-template-columns:1fr}.tt-initiative{flex-direction:column}}@media (max-width:640px){.navbar{padding:0 20px}.nav-links{display:none;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--green-dark);padding:20px;gap:4px}.nav-links.open{display:flex}.hamburger{display:block}.hero{padding:60px 20px 0;min-height:auto}.hero-stat-strip{flex-direction:column;padding:28px 20px}.stat-divider{width:100%;height:1px;align-self:auto}.section{padding:60px 20px}.page-hero{padding:60px 20px}.categories-grid{grid-template-columns:1fr}.materials-grid{grid-template-columns:1fr}.infra-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column}.q-text{font-size:18px}.q-card{padding:24px}.footer-inner{flex-direction:column;text-align:center}.cta-banner{flex-direction:column;text-align:center}}