:root{--ink:#17231f;--muted:#68746f;--line:#d9e3de;--paper:#f5f8f6;--panel:#fff;--mint:#b7e6d3;--mint-deep:#146b52;--yellow:#f3c85b;--red:#bd5748;--shadow:0 16px 40px rgba(22,47,38,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,select{font:inherit}.site-header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);background:#fbfdfc}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:700;text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--mint);width:30px;height:30px;border-radius:8px;font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:0}.header-meta{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:#47a579;border-radius:50%}.page-shell{max-width:1120px;margin:auto;padding:clamp(44px,8vw,90px) 20px 34px}.intro{max-width:600px;margin-bottom:42px}.eyebrow,.section-kicker{font-size:11px;font-weight:700;letter-spacing:0;color:var(--mint-deep)}.eyebrow{margin:0 0 13px}.intro h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(40px,6vw,70px);line-height:1.02;letter-spacing:0;margin:0}.intro h1 em{font-style:normal;color:var(--mint-deep)}.intro-copy{font-size:18px;color:var(--muted);line-height:1.55;max-width:490px;margin:22px 0 0}.calculator-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:20px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.inputs-panel,.results-panel{padding:28px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:24px}.panel-heading h2{font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:0;margin:5px 0 0}.currency-control{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.currency-control select{border:1px solid var(--line);background:#fbfdfc;border-radius:5px;padding:8px 10px;color:var(--ink);font-size:13px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}.field{font-size:13px;font-weight:600;color:var(--ink)}.field-wide{grid-column:1/-1}.field-hint{color:var(--muted);font-size:11px;font-weight:400;margin-left:4px}.input-wrap{height:45px;display:flex;align-items:center;border:1px solid var(--line);border-radius:5px;background:#fbfdfc;margin-top:8px;transition:.2s}.input-wrap:focus-within{border-color:var(--mint-deep);box-shadow:0 0 0 3px rgba(183,230,211,.4)}.input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:0 12px;color:var(--ink);font-size:16px}.input-prefix,.input-suffix{color:var(--muted);padding:0 0 0 12px}.input-suffix{padding:0 12px 0 0}.reset-button,.share-button{border:0;background:transparent;color:var(--mint-deep);font-size:12px;font-weight:700;padding:0;cursor:pointer}.reset-button{margin-top:23px}.result-heading{align-items:center}.share-button{border:1px solid var(--line);border-radius:5px;padding:8px 11px}.hero-result{background:var(--ink);color:#fff;border-radius:6px;padding:24px;margin-bottom:18px}.result-label,.metric-label{display:block;font-size:12px;color:#b8c8c0}.hero-result strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:48px;line-height:1.1;letter-spacing:0;margin:8px 0 10px}.profit-status{font-size:12px;color:var(--mint)}.metric-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding:0 0 21px;margin-bottom:21px;gap:16px}.metric-row strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:0;margin-top:7px}.breakdown-title{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:13px}.breakdown-title span{font-size:11px;font-weight:400;color:var(--muted)}.bar{height:12px;display:flex;border-radius:3px;overflow:hidden;background:#edf2ef}.bar span{height:100%;transition:width .25s}.bar-product{background:#79b89c}.bar-shipping{background:#f3c85b}.bar-fees{background:#8e9ed0}.bar-ads{background:#db887c}.legend{display:flex;flex-wrap:wrap;gap:10px 15px;margin-top:13px;color:var(--muted);font-size:11px}.legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.legend-dot.product{background:#79b89c}.legend-dot.shipping{background:#f3c85b}.legend-dot.fees{background:#8e9ed0}.legend-dot.ads{background:#db887c}.result-note{border-left:3px solid var(--mint);background:#f2faf6;padding:12px 13px;font-size:12px;color:var(--muted);line-height:1.45;margin-top:24px}.site-footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;margin-top:25px}.site-footer span:last-child{text-align:right}@media(max-width:780px){.calculator-grid{grid-template-columns:1fr}.results-panel{order:-1}.intro{margin-bottom:30px}.intro h1{font-size:46px}.hero-result strong{font-size:42px}}@media(max-width:480px){.site-header{height:64px;padding:0 17px}.header-meta{font-size:11px}.page-shell{padding:38px 14px 24px}.inputs-panel,.results-panel{padding:20px}.field-grid{gap:15px 10px}.field{font-size:12px}.field-grid .field:not(.field-wide){grid-column:span 1}.site-footer{flex-direction:column}.site-footer span:last-child{text-align:left}}