.recycle-page{color:#09284b;background:#f2f5ef;min-height:100vh}.recycle-header{z-index:25;background:#fff;border-bottom:1px solid #dce6dc;justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex;position:sticky;top:0}.recycle-header>a{color:#123b67;font-size:11px;font-weight:900;text-decoration:none}.recycle-header>div{text-align:center}.recycle-header strong,.recycle-header span{display:block}.recycle-header span{color:#6a7b71;font-size:9px}.recycle-hero{color:#fff;background:#09284b;grid-template-columns:1.15fr .85fr;min-height:610px;display:grid}.recycle-hero>div:first-child{align-self:center;padding:85px 5vw}.recycle-hero h1{margin:17px 0;font:700 61px/1.03 Georgia,serif}.recycle-hero em{color:#9ddd61;font-style:normal}.recycle-hero p{color:#ced9e5;max-width:650px;line-height:1.7}.recycle-hero a{color:#09284b;background:#8dcf53;border-radius:9px;margin-top:20px;padding:13px 18px;font-weight:900;text-decoration:none;display:inline-block}.recycle-art{text-align:center;background:radial-gradient(circle,#123b67,#09284b);flex-direction:column;justify-content:center;align-items:center;display:flex}.recycle-art>span{color:#9ddd61;font-size:170px}.recycle-art strong{font:700 52px Georgia,serif}.recycle-art small{color:#ced9e5}.recycle-art p{background:#ffffff10;border-radius:99px;padding:9px 12px}.material-grid{z-index:2;grid-template-columns:repeat(4,1fr);gap:8px;max-width:1200px;margin:-35px auto 0;padding:0 18px;display:grid;position:relative}.material-grid button{text-align:left;color:#09284b;background:#fff;border:1px solid #dbe4dc;border-radius:13px;padding:15px}.material-grid button.active{border-color:#68ad39;box-shadow:0 10px 28px #123b671b}.material-grid span,.material-grid strong,.material-grid b{display:block}.material-grid span{color:#6d7c73;letter-spacing:.1em;font-size:8px}.material-grid strong{margin:6px 0}.material-grid b{color:#123b67;font-size:11px}.recycle-compare{grid-template-columns:1fr .9fr;gap:16px;max-width:1240px;margin:auto;padding:78px 25px;display:grid}.recycle-compare>div{border-radius:22px;padding:33px}.compare-input{background:#fff;border:1px solid #dce6dc}.compare-input h2,.clean-flow h2,.recycle-sources h2{font:700 39px Georgia,serif}.compare-input label{margin-top:16px;font-size:10px;font-weight:900;display:block}.compare-input label strong{float:right}.compare-input input{accent-color:#68ad39;border:1px solid #d7e0d8;border-radius:8px;width:100%;margin-top:7px;padding:11px;display:block}.compare-input input[type=range]{margin:20px 0;padding:0}.compare-input button,.compare-result button{color:#fff;background:#123b67;border:0;border-radius:9px;margin-top:17px;padding:12px 16px;font-weight:900}.recycle-ai{color:#496454;background:#eef7e8;border-left:3px solid #68ad39;border-radius:8px;padding:13px;line-height:1.6}.compare-result{color:#fff;background:#09284b;flex-direction:column;justify-content:center;display:flex}.compare-result>span{letter-spacing:.14em;color:#9ddd61;font-size:9px}.compare-result>strong{margin:12px 0 20px;font:700 52px Georgia,serif}.compare-result>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.compare-result p{background:#ffffff0c;border:1px solid #ffffff12;border-radius:9px;margin:0;padding:12px;font-size:9px}.compare-result b{margin-top:6px;font-size:14px;display:block}.compare-result .below{color:#ffb29e}.compare-result .within{color:#9ddd61}.compare-result .above{color:#ffd56f}.compare-result>small{color:#ced9e5;margin-top:16px;line-height:1.5}.clean-flow{grid-template-columns:1.2fr repeat(4,1fr);gap:10px;max-width:1240px;margin:auto;padding:20px 25px 70px;display:grid}.clean-flow article{background:#fff;border:1px solid #dce6dc;border-radius:14px;padding:19px}.clean-flow article span{color:#68ad39;font-size:9px;font-weight:900}.clean-flow h3{font:700 23px Georgia,serif}.clean-flow p{color:#6b7e73;font-size:9px;line-height:1.6}.recycle-sources{grid-template-columns:1fr 1fr;gap:12px;max-width:1190px;margin:auto 25px;display:grid}.recycle-sources>div{background:#fff;border-radius:16px;padding:26px}.recycle-sources p{color:#6b7e73;line-height:1.6}.recycle-sources a{color:#123b67;font-size:10px;font-weight:900}.bottle-note{color:#6b7e73;max-width:1190px;margin:0 auto;padding:0 20px 60px;font-size:9px}.recycle-modal{z-index:60;background:#09284bd9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.recycle-modal form{background:#fff;border-radius:20px;width:100%;max-width:520px;padding:30px;position:relative}.recycle-modal h2{font:700 34px Georgia,serif}.recycle-modal p{color:#6b7e73}.recycle-modal label{margin-top:10px;font-size:9px;font-weight:900;display:block}.recycle-modal input{border:1px solid #dbe3dc;border-radius:8px;width:100%;margin-top:5px;padding:10px;display:block}.recycle-modal button{color:#fff;background:#123b67;border:0;border-radius:8px;width:100%;margin-top:14px;padding:12px;font-weight:900}.recycle-modal .close{color:#333;background:#eee;width:32px;position:absolute;top:0;right:14px}.recycle-modal form>strong{color:#123b67;margin-top:10px;display:block}@media (width<=900px){.recycle-hero,.recycle-compare{grid-template-columns:1fr}.recycle-art{min-height:430px}.material-grid{grid-template-columns:repeat(2,1fr)}.clean-flow{grid-template-columns:1fr 1fr}.clean-flow>div{grid-column:1/-1}}@media (width<=580px){.recycle-header>div{display:none}.recycle-hero h1{font-size:43px}.recycle-hero>div:first-child{padding:58px 22px}.recycle-art>span{font-size:120px}.material-grid,.compare-result>div,.clean-flow,.recycle-sources{grid-template-columns:1fr}.recycle-compare{padding:55px 14px}.recycle-sources{margin:0 12px 25px}}.circular-workspace{max-width:1240px;margin:65px auto 0;padding:0 25px}.circular-intro{max-width:760px}.circular-intro h2,.circular-features h2{margin:10px 0;font:700 clamp(34px,4vw,48px)/1.05 Georgia,serif}.circular-intro p,.circular-features p{color:#64776d;line-height:1.65}.circular-modes{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;display:grid}.circular-modes button{text-align:left;color:#09284b;cursor:pointer;background:#fff;border:1px solid #d7e2d9;border-radius:16px;flex-direction:column;min-height:175px;padding:22px;display:flex}.circular-modes button.active{background:#f4f7fb;border-color:#123b67}.circular-modes strong{font:700 22px Georgia,serif}.circular-modes span{color:#677a70;flex:1;margin:10px 0;font-size:10px;line-height:1.6}.circular-modes b{color:#123b67;font-size:10px}.proof-chain{background:#d9e4db;border:1px solid #d9e4db;border-radius:12px;grid-template-columns:repeat(7,1fr);gap:1px;margin-top:12px;display:grid;overflow:hidden}.proof-chain span{background:#f9fbf8;padding:12px 8px;font-size:8px;font-weight:900}.proof-chain b{color:#fff;background:#123b67;border-radius:50%;place-items:center;width:21px;height:21px;margin-bottom:6px;display:grid}.circular-features{background:#f4f7fb;border-radius:20px;grid-template-columns:.8fr 1.2fr;gap:30px;max-width:1190px;margin:40px auto 70px;padding:32px;display:grid}.circular-features>div:last-child{grid-template-columns:1fr 1fr;align-content:center;gap:8px;display:grid}.circular-features>div:last-child span{background:#fff;border-radius:9px;padding:12px;font-size:9px;font-weight:800}.recycle-modal form{max-height:88vh;overflow:auto}.modal-grid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.recycle-modal select,.recycle-modal textarea{background:#fff;border:1px solid #dbe3dc;border-radius:8px;width:100%;margin-top:5px;padding:10px;display:block}.modal-grid .wide{grid-column:1/-1}.recycle-consent{background:#f4f7fb;border-radius:9px;align-items:flex-start;gap:8px;padding:11px;line-height:1.5;display:flex!important}.recycle-consent input{width:auto!important;margin:2px 0 0!important}@media (width<=900px){.circular-modes{grid-template-columns:1fr}.proof-chain{grid-template-columns:repeat(4,1fr)}.circular-features{grid-template-columns:1fr}}@media (width<=580px){.circular-workspace{padding:0 14px}.proof-chain,.circular-features>div:last-child,.modal-grid{grid-template-columns:1fr}.modal-grid .wide{grid-column:auto}.circular-features{margin:30px 12px 55px;padding:23px}}
