:root{--bg:#f4f7f6;--paper:#fff;--ink:#142a27;--muted:#657773;--green:#16634f;--light:#e6f3ec;--border:#dbe6e0;--shadow:0 14px 45px rgba(21,53,44,.055)}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5}.shell{max-width:1050px;padding:0 24px;margin:auto}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brandicon{width:44px;height:44px;border-radius:14px;background:#134c3d;color:#fff;font-size:29px;text-align:center;line-height:41px}.brand strong{display:block;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:12px}.stage{border:1px solid #c5dfd1;background:#e8f5ee;padding:6px 10px;border-radius:99px;color:#216e4e;font-size:10px;font-weight:800;letter-spacing:.09em}.hero{background:#123c36;border-radius:24px;padding:38px 44px;color:white;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:before{content:"";height:280px;width:280px;border:55px solid rgba(255,255,255,.035);border-radius:50%;position:absolute;right:-70px;top:-120px}.hero>*{position:relative}.hero-tag{font-weight:800;letter-spacing:.12em;color:#9ed2b2;font-size:11px;margin-bottom:12px}.hero h1{font-size:clamp(25px,4vw,38px);line-height:1.16;max-width:620px;letter-spacing:-.04em;margin:0 0 14px}.hero p{color:#d4e8df;max-width:710px;margin:0;font-size:15px}.hero p strong{color:white}.hero-mini{display:flex;flex-wrap:wrap;gap:18px;color:#d9efe4;font-weight:600;font-size:12px;margin-top:24px}.overview{margin:19px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mini,.card,.info{border-radius:19px;background:var(--paper);border:1px solid var(--border)}.mini{padding:20px;box-shadow:var(--shadow)}.mini .sym{display:block;font-size:27px;line-height:30px;color:var(--green);margin-bottom:11px}.mini strong{font-size:14px;display:block}.mini p{font-size:12px;line-height:1.45;color:var(--muted);margin:5px 0 0}.card{padding:30px;box-shadow:var(--shadow)}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.card h2{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:3px 0 0}.eyebrow{margin:0;font-size:10px;letter-spacing:.11em;font-weight:800;color:var(--green)}.pill{background:var(--light);border-radius:20px;color:#2d7757;padding:7px 12px;font-size:11px;font-weight:700;white-space:nowrap}.card>p{font-size:14px;color:var(--muted);max-width:760px}.upload{margin-top:22px;padding:30px;border:2px dashed #9ccbb3;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;border-radius:16px;background:#f4fbf6;text-align:center}.upload:hover{border-color:var(--green);background:#eaf7ef}.upicon{font-size:30px;color:var(--green)}.upload strong{font-size:15px}.upload small{font-size:12px;color:var(--muted)}.sr-only{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}.upload:focus-within,.upload:focus-visible{outline:3px solid #84bfa4}.privacy{font-size:12px!important;color:#427a63!important}.message{padding:12px;border-radius:9px;background:#fff1e9;color:#9a4b19;font-size:13px;margin-top:15px}.result{display:grid;grid-template-columns:minmax(160px,250px) 1fr;gap:20px;margin-top:20px;padding:17px;border:1px solid var(--border);border-radius:16px}.result img{width:100%;max-height:240px;object-fit:contain;background:#edf3ef;border-radius:10px}.details{display:flex;flex-direction:column;justify-content:center}.compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare small{display:block;color:var(--muted);font-size:11px}.compare strong{display:block;font-size:19px;margin-top:2px}.summary{font-size:13px;color:var(--muted)}.download{display:inline-flex;justify-content:center;text-decoration:none;background:var(--green);color:white;font-size:13px;font-weight:700;border-radius:10px;padding:11px 14px;max-width:240px}.download:hover{background:#0b4d3a}.info{margin-top:17px;padding:20px 24px;background:#edf4f1}.info strong{font-size:13px}.info p{font-size:12px;color:var(--muted);margin:5px 0 0}footer{padding:25px 0 35px;text-align:center;font-size:11px;color:var(--muted)}@media(max-width:740px){.shell{padding:0 15px}.topbar{height:73px}.stage{font-size:8px;padding:5px 7px}.hero{padding:27px 25px;border-radius:20px}.overview{grid-template-columns:repeat(2,1fr);gap:9px}.mini{padding:15px}.card{padding:20px}.card h2{font-size:20px}.card-head{align-items:flex-start}.result{grid-template-columns:1fr}.result img{max-height:200px}.hero-mini{gap:12px}}@media(prefers-reduced-motion:no-preference){.upload,.download{transition:background .2s ease,border-color .2s ease}}