@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--green:#0f766e;--green2:#14b8a6;--ink:#10201f;--muted:#64716f;--bg:#f4f8f6;--card:#fff;--line:#dfe9e5;--shadow:0 22px 60px rgba(15,118,110,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.navbar{height:76px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:rgba(244,248,246,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(223,233,229,.7)}.brand{font-family:'Space Grotesk';font-size:22px;font-weight:600;display:flex;gap:9px;align-items:center}.brand b{color:var(--green)}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#d9f4ed;color:var(--green)}nav{display:flex;gap:30px;color:#50605d;font-size:14px}nav a:hover{color:var(--green)}.nav-btn,.primary-btn{background:var(--green);color:#fff;padding:12px 19px;border-radius:12px;font-weight:600;font-size:14px}.nav-btn:hover,.primary-btn:hover{background:#0b5f59}.hero{min-height:690px;padding:85px 8%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;background:radial-gradient(circle at 75% 40%,#d9f4ed 0,transparent 32%),linear-gradient(135deg,#f7fbf9,#edf6f2)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700;margin-bottom:15px}.hero h1{font:700 clamp(52px,7vw,86px)/.96 'Space Grotesk';margin:0;letter-spacing:-4px}.hero h1 span{color:var(--green)}.hero-copy>p{max-width:560px;color:var(--muted);font-size:18px;line-height:1.65;margin:28px 0}.hero-actions{display:flex;gap:13px;align-items:center}.secondary-btn{padding:12px 18px;border-radius:12px;font-weight:600;color:#40504d}.secondary-btn:hover{background:#e8f1ee}.mini-stats{display:flex;gap:38px;margin-top:52px}.mini-stats div{display:flex;flex-direction:column}.mini-stats strong{font:700 25px 'Space Grotesk'}.mini-stats span{font-size:12px;color:var(--muted);margin-top:4px}.hero-art{height:500px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px dashed #a9d6cb;border-radius:50%;width:380px;height:380px}.orbit2{width:470px;height:470px;border-color:#c9e4dd}.bin-card{width:230px;height:300px;position:relative;filter:drop-shadow(0 30px 30px rgba(15,118,110,.18))}.bin-lid{height:35px;background:#0f766e;border-radius:13px 13px 6px 6px;width:255px;position:absolute;left:-12px;top:10px}.bin-body{height:255px;width:205px;background:linear-gradient(145deg,#159b8e,#0d665f);position:absolute;top:38px;left:13px;border-radius:8px 8px 28px 28px;display:grid;place-items:center}.recycle-mark{font-size:100px;color:white;opacity:.95}.floating-card{position:absolute;background:white;padding:13px 16px;border-radius:15px;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}.floating-card small{display:block;color:var(--green);font-size:10px;margin-left:4px}.card-one{top:75px;left:-35px}.card-two{bottom:65px;right:-15px}.card-two small{color:#b45309}.classifier-section,.how-section,.about-section{padding:95px 8%}.section-heading{text-align:center;margin-bottom:45px}.section-heading h2{font:700 44px 'Space Grotesk';letter-spacing:-1.5px;margin:0 0 10px}.section-heading p{color:var(--muted);margin:0}.classifier-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.upload-panel,.result-panel{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.dropzone{height:310px;border:2px dashed #b8d9d1;border-radius:18px;background:#f7fbfa;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.2s}.dropzone:hover{border-color:var(--green2);background:#f0faf7}.dropzone input{display:none}.upload-icon{width:54px;height:54px;border-radius:16px;background:#d9f4ed;color:var(--green);display:grid;place-items:center;font-size:28px;font-weight:700}.dropzone h3{margin:16px 0 5px;font:600 20px 'Space Grotesk'}.dropzone p{margin:0;color:var(--muted);font-size:13px}.browse-btn{margin-top:17px;background:var(--green);color:#fff;padding:10px 17px;border-radius:10px;font-size:13px;font-weight:600}.or{display:flex;align-items:center;gap:12px;color:#9aa7a4;font-size:9px;letter-spacing:1.5px;margin:22px 0}.or:before,.or:after{content:'';height:1px;background:var(--line);flex:1}.demo-buttons{display:flex;flex-wrap:wrap;gap:9px}.demo-buttons button{border:1px solid var(--line);background:#fff;padding:10px 12px;border-radius:10px;cursor:pointer;font-family:inherit;font-size:12px}.demo-buttons button:hover{border-color:#86c9bb;background:#f2faf8}.demo-note{font-size:10px;color:#899491;line-height:1.5;margin:17px 2px 0}.result-panel{min-height:510px;display:flex;align-items:center;justify-content:center}.result-empty{text-align:center;color:var(--muted)}.scan-icon{width:75px;height:75px;border-radius:22px;background:#eef5f3;color:#6d9b92;display:grid;place-items:center;font-size:38px;margin:0 auto 18px}.result-empty h3{font:600 20px 'Space Grotesk';color:var(--ink);margin:0 0 7px}.result-empty p{font-size:13px}.hidden{display:none!important}.result-content{width:100%}.result-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}.result-label{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:700}.result-top h3{font:600 26px 'Space Grotesk';margin:5px 0 0}.status-badge{padding:8px 10px;border-radius:9px;background:#dff6ec;color:#08735f;font-size:10px;font-weight:800;letter-spacing:.8px}.status-badge.non{background:#fff0e6;color:#c2410c}.preview-wrap{height:190px;border-radius:16px;overflow:hidden;background:#eaf2ef;position:relative}.preview-wrap img{width:100%;height:100%;object-fit:cover}.scan-line{height:2px;background:#19b99f;box-shadow:0 0 12px #19b99f;position:absolute;left:0;right:0;top:45%;animation:scan 2.2s infinite}@keyframes scan{0%,100%{top:15%}50%{top:85%}}.confidence{margin-top:20px}.confidence>div:first-child{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.confidence strong{color:var(--ink)}.bar{height:7px;background:#e8efed;border-radius:10px;margin-top:9px;overflow:hidden}.bar div{height:100%;width:94%;background:linear-gradient(90deg,var(--green2),var(--green));border-radius:10px;transition:width .5s}.recommendation{display:flex;gap:13px;margin-top:18px;background:#f1faf7;border:1px solid #d8eee8;border-radius:14px;padding:14px}.recommendation .rec-icon{width:38px;height:38px;background:#d8f2ea;color:var(--green);border-radius:10px;display:grid;place-items:center;font-size:20px}.recommendation strong{font-size:12px}.recommendation p{margin:4px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}.reset-btn{margin-top:14px;border:0;background:transparent;color:var(--green);font:600 12px inherit;cursor:pointer}.steps{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps article{background:white;border:1px solid var(--line);border-radius:20px;padding:25px;position:relative}.steps article>span{position:absolute;right:18px;top:18px;font:700 11px 'Space Grotesk';color:#a4b2ae}.step-icon{font-size:27px;margin-bottom:30px}.steps h3{font:600 20px 'Space Grotesk';margin:0 0 8px}.steps p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.about-section{padding-top:10px}.about-card{max-width:1100px;margin:auto;background:#102c29;color:white;border-radius:28px;padding:42px;display:grid;grid-template-columns:1.4fr .6fr;gap:30px}.about-card .eyebrow{color:#6ee7d5}.about-card h2{font:600 34px 'Space Grotesk';margin:0 0 13px}.about-card p{color:#c7d8d4;line-height:1.65;font-size:13px;margin:0}.tech-list{display:flex;flex-wrap:wrap;gap:8px;align-content:center}.tech-list span{border:1px solid #31534e;padding:9px 11px;border-radius:9px;font-size:10px;color:#c7d8d4}footer{padding:25px 8%;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#73807d;font-size:11px}footer b{color:var(--green)}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{height:370px}.classifier-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.about-card{grid-template-columns:1fr}.classifier-section,.how-section,.about-section{padding:70px 5%}}@media(max-width:520px){.navbar{padding:0 5%}.nav-btn{display:none}.hero{padding:55px 6%}.hero h1{font-size:56px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{text-align:center}.mini-stats{gap:20px}.hero-art{transform:scale(.8);margin-top:-20px}.section-heading h2{font-size:35px}.steps{grid-template-columns:1fr}.classifier-grid{gap:15px}.upload-panel,.result-panel{padding:18px}.dropzone{height:270px}footer{flex-direction:column;gap:8px}}