@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{font-family:'DM Sans',Arial,sans-serif;color:#24332a;background:#f7f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1190px;margin:auto;padding:0 34px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deded4}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:700;letter-spacing:-1.7px}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:#1b6647;font-size:22px;letter-spacing:-2px}.brand-dot{color:#de8351}.top-note,.step,.eyebrow,.column-head,.count-pill,.selected-badge,.promo-label,.best-tag{font-size:11px;font-weight:700;letter-spacing:1.5px}.top-note{color:#6f786f}.top-note-dot{color:#df885b;font-size:9px;margin:0 7px}.intro{padding:67px 0 49px;max-width:760px}.eyebrow{color:#357859;display:flex;align-items:center;gap:12px;text-transform:uppercase}.eyebrow-line{display:block;width:27px;height:2px;background:#d98152}.intro h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,6.8vw,80px);letter-spacing:-5px;line-height:1.06;margin:20px 0 19px;font-weight:600}.intro h1 em{color:#287b51;font-style:normal}.intro p{max-width:570px;color:#68736a;font-size:16px;line-height:1.7;margin:0}.workspace{display:grid;grid-template-columns:minmax(340px,1fr) minmax(420px,1.3fr);gap:20px;align-items:start}.panel{background:#fff;border:1px solid #e4e5df;border-radius:18px;box-shadow:0 8px 28px rgba(31,55,36,.035)}.order-panel{padding:29px 28px 0}.results{display:grid;gap:20px}.compare-panel,.split-panel{padding:29px 28px 26px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.panel-head h2{font-family:'Space Grotesk',sans-serif;font-size:23px;letter-spacing:-.9px;margin:8px 0 0}.step{color:#8b978c}.count-pill{border-radius:30px;background:#e9f4ed;color:#317452;padding:9px 13px;letter-spacing:.2px}.column-head{display:flex;justify-content:space-between;color:#9ca69d;padding:0 4px 10px;border-bottom:1px solid #edefe9}.person-row{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #eff0ea}.person-name{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.avatar,.small-avatar{display:grid;place-items:center;flex:none;background:#eef2e9;color:#5a7762;border-radius:10px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;width:34px;height:34px}.name-input{min-width:0;width:100%;border:0;background:transparent;color:#2e3c32;font-weight:600;outline:0}.name-input:focus{border-bottom:2px solid #488a65}.amount-field{width:132px;height:38px;border:1px solid #e6e9e3;border-radius:8px;display:flex;align-items:center;gap:3px;padding:0 10px;color:#818b82}.amount-field:focus-within{border-color:#4a9a6a;box-shadow:0 0 0 3px #e5f4e9}.amount-field input{width:100%;min-width:0;border:0;outline:0;text-align:right;color:#24332a;background:transparent;font-weight:700}.amount-field input::placeholder{color:#aab3a8}.order-footer{display:flex;justify-content:space-between;align-items:center;margin:19px -28px 0;padding:23px 28px;background:#eef5ee;border-radius:0 0 17px 17px;color:#486250;font-weight:600}.order-footer strong{font-family:'Space Grotesk',sans-serif;color:#1c6244;font-size:24px;letter-spacing:-1px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:13px}.promo-card{display:flex;flex-direction:column;text-align:left;padding:19px 18px 16px;border:1.5px solid #e4e9df;border-radius:13px;background:#fff;color:#26372c;min-width:0;transition:border-color .15s,transform .15s,box-shadow .15s}.promo-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px #1b4c3012}.promo-card.active{border-color:#31825a;background:#f7fbf7;box-shadow:0 0 0 3px #dff0e4}.promo-top{display:flex;align-items:center;justify-content:space-between;min-height:26px;gap:5px}.promo-label{color:#4e6856;white-space:nowrap}.promo-letter{display:inline-grid;place-items:center;background:#245e42;color:#fff;border-radius:5px;width:21px;height:21px;margin-right:4px;font-size:11px;letter-spacing:0}.best-tag{background:#fceee1;color:#bc6e37;border-radius:30px;padding:6px 7px;font-size:9px;letter-spacing:.5px;white-space:nowrap}.promo-main{display:flex;flex-direction:column;margin:21px 0 16px}.promo-main strong{font-family:'Space Grotesk',sans-serif;font-size:31px;letter-spacing:-1.6px;white-space:nowrap}.promo-main>span{font-size:12px;color:#879288;margin-top:2px}.promo-divider{height:1px;background:#e3e9e1;width:100%;margin-bottom:12px}.promo-line{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#69796e;margin:5px 0}.promo-line b{color:#286e4b;white-space:nowrap}.promo-bottom{margin-top:15px;font-size:10px;color:#9ba69c}.selected-badge{color:#2d794f;background:#e7f3e8;padding:9px 11px;border-radius:6px;white-space:nowrap}.split-head{margin-bottom:12px}.split-row{min-height:47px;border-bottom:1px solid #f0f1ed;display:flex;justify-content:space-between;align-items:center;gap:12px}.split-person{display:flex;align-items:center;gap:10px;min-width:0;color:#536357;font-size:13px}.split-person>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.small-avatar{width:26px;height:26px;border-radius:7px;font-size:9px}.split-row strong{font-family:'Space Grotesk',sans-serif;font-size:14px;white-space:nowrap}.split-total{margin-top:19px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:#496050}.split-total strong{font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:-1px;color:#246744}.details{display:flex;gap:14px;max-width:850px;margin:26px 0 0;padding:19px 21px;background:#f0eee8;border-radius:12px;color:#687168}.details-icon{display:grid;place-items:center;flex:none;border:1px solid #a2aea1;border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:700;color:#59755e}.details h3{font-size:13px;margin:1px 0 5px;color:#3d5944}.details p{font-size:12px;line-height:1.65;margin:0}footer{padding:38px 0 30px;color:#9ca49a;font-size:11px}@media(max-width:900px){.workspace{grid-template-columns:1fr}.results{grid-template-columns:1fr 1fr}.comparison{grid-template-columns:1fr}.promo-main{margin:14px 0 10px}.promo-main strong{font-size:26px}}@media(max-width:650px){.shell{padding:0 18px}.topbar{height:72px}.top-note{display:none}.intro{padding:48px 0 33px}.intro h1{font-size:49px;letter-spacing:-3.3px}.intro p{font-size:14px}.results{grid-template-columns:1fr}.order-panel,.compare-panel,.split-panel{padding-left:19px;padding-right:19px}.order-footer{margin-left:-19px;margin-right:-19px;padding-left:19px;padding-right:19px}.comparison{grid-template-columns:1fr 1fr}.promo-card{padding:13px 10px}.promo-main strong{font-size:clamp(19px,5vw,28px);letter-spacing:-1px}.promo-line{font-size:10px;flex-wrap:wrap}.best-tag{font-size:8px;padding:5px}.promo-label{font-size:9px;letter-spacing:.6px}.details{margin-top:20px}.amount-field{width:118px}}