:root{--bg:#f5f7f6;--card:#fff;--ink:#161b1d;--ink-soft:#5d6b66;--line:#e2e8e5;--accent:#1f9d57;--accent-press:#18804a;--accent-tint:#e6f5ec;--over:#e0533f;--over-tint:#fcebe8;--shadow:0 14px 44px -20px #161b1d66;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1100px 560px at 85% -12%, #e6f3ec 0%, transparent 60%), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;min-height:100vh;padding:28px 18px 60px;font-family:Inter,system-ui,sans-serif;line-height:1.5;display:flex}.wrap{width:100%;max-width:780px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:9px;font-family:Space Grotesk,sans-serif;font-size:1.12rem;font-weight:700;display:flex}.brand .mark{background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 4px var(--accent-tint);border-radius:4px}.dh-btn{color:var(--ink);border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;padding:9px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s}.dh-btn:hover{box-shadow:var(--shadow);border-color:#c8d3cd;transform:translateY(-1px)}.hero{margin-bottom:20px}.hero h1{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,5vw,2.3rem);font-weight:700;line-height:1.08}.hero p{color:var(--ink-soft);max-width:56ch;margin-top:9px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.drop{text-align:center;cursor:pointer;background:#fafdfb;border:2px dashed #c4d6cc;border-radius:14px;padding:30px 20px;transition:border-color .15s,background .15s;display:block}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-tint)}.drop .icon{background:var(--accent-tint);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;margin:0 auto 12px;font-size:1.4rem;font-weight:700;display:grid}.drop strong{font-weight:600}.drop span{color:var(--ink-soft);margin-top:4px;font-size:.86rem;display:block}.label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:.8rem;font-weight:600}.controls{margin-top:18px}.preset-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:620px){.preset-grid{grid-template-columns:repeat(3,1fr)}}.preset{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:12px 13px;font-family:inherit;transition:all .12s}.preset:hover{border-color:#b9d3c5}.preset.active{border-color:var(--accent);background:var(--accent-tint);box-shadow:0 0 0 1px var(--accent)}.preset .pl{font-size:.92rem;font-weight:600}.preset .ps{color:var(--ink-soft);margin-top:3px;font-size:.78rem}.preset .tag{letter-spacing:.03em;text-transform:uppercase;color:var(--accent-press);background:var(--accent-tint);border-radius:999px;margin-bottom:6px;padding:2px 7px;font-size:.68rem;font-weight:600;display:inline-block}.row2{flex-wrap:wrap;gap:14px;margin-top:16px;display:flex}.row2 .group{flex:1;min-width:150px}input[type=number]{width:100%;color:var(--ink);border:1px solid var(--line);background:#fbfdfc;border-radius:10px;outline:none;padding:11px 13px;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;transition:border-color .12s,box-shadow .12s}input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}input:disabled{opacity:.5}.hint{color:var(--ink-soft);margin-top:6px;font-size:.78rem}.specnote{color:var(--ink-soft);margin-top:12px;font-size:.78rem;font-style:italic}.go{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:18px;padding:14px;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;transition:background .12s,transform .12s}.go:hover:not(:disabled){background:var(--accent-press);transform:translateY(-1px)}.go:disabled{cursor:not-allowed;background:#b6d6c4}.result{margin-top:20px}.compare{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:560px){.compare{grid-template-columns:1fr}}.pane{border:1px solid var(--line);background:#fbfdfc;border-radius:12px;padding:14px}.pane .ptitle{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:.78rem;font-weight:600}.pane img{object-fit:contain;background:repeating-conic-gradient(#eef2f0 0% 25%,#fff 0% 50%) 50%/18px 18px;border-radius:8px;width:100%;max-height:200px}.sizepill{border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;display:inline-flex}.sizepill.under{background:var(--accent-tint);color:var(--accent-press)}.sizepill.over{background:var(--over-tint);color:var(--over)}.dims{color:var(--ink-soft);margin-top:8px;font-size:.8rem}.download{text-align:center;width:100%;color:var(--accent-press);background:var(--accent-tint);cursor:pointer;border:1px solid #bfe6cf;border-radius:12px;margin-top:16px;padding:13px;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:background .12s;display:inline-block}.download:hover{background:#d9efe1}.reset{width:100%;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;margin-top:10px;font-family:inherit;font-size:.88rem;font-weight:500;text-decoration:underline}.reset:hover{color:var(--ink)}.savings{text-align:center;color:var(--ink-soft);margin-top:12px;font-size:.9rem}.savings b{color:var(--accent-press);font-family:Space Grotesk,sans-serif}.note{color:var(--ink-soft);margin-top:12px;font-size:.82rem}.note.warn{color:var(--over)}.contact{text-align:center;color:var(--ink-soft);margin-top:30px;font-size:.9rem}.contact .name{color:var(--ink);font-weight:600}.contact a{color:var(--accent);text-decoration:none}.contact a:hover{text-decoration:underline}.vh{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important}}