:root{--ink:#211a1d;--muted:#776c70;--brand:#69030a;--brand-dark:#4f0207;--brand-pale:#f8e9e7;--light:#fff;--bg:#faf8f6;--line:#e9e2df;--good:#176248;--good-light:#e8f6ef;--shadow:0 17px 48px rgba(78,42,36,.055);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c98870;outline-offset:2px}.shell{width:min(1240px,calc(100% - 48px));margin:0 auto}.site-header{height:72px;background:#fff;border-bottom:1px solid #f0e7e5}.nav{display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:-.9px;color:var(--brand);white-space:nowrap}.brand-mark{height:35px;width:35px;border-radius:11px;background:var(--brand);display:grid;place-items:center;color:#fff;flex-shrink:0}.brand-mark svg{width:22px}.brand-suffix{font-size:12px;font-weight:600;letter-spacing:0;color:#9a8a8d;margin-left:8px}.nav-right{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700;color:#666064;white-space:nowrap}.live-dot{width:7px;height:7px;border-radius:50%;background:#eda44a}.nav-separator{height:16px;width:1px;background:#e3d8d9;margin:0 8px}.reset-link{border:0;background:none;color:var(--brand);font-size:12px;font-weight:800;padding:8px 0}.hero{background:linear-gradient(109deg,#fcf5f3 0%,#f9edeb 52%,#f3dedb 100%);border-bottom:1px solid #f0e5e3;overflow:hidden}.hero-grid{min-height:327px;display:grid;grid-template-columns:minmax(0,1fr) 365px;align-items:center;position:relative}.hero-copy{padding:39px 0 59px}.eyebrow,.section-overline{font-size:11px;font-weight:800;letter-spacing:2.1px;color:var(--brand)}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-line{width:19px;height:2px;background:var(--brand)}.hero h1{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-3.2px;font-weight:800;font-size:clamp(35px,3.9vw,59px);line-height:1.12;margin:18px 0 14px}.hero h1 span{color:var(--brand)}.hero-copy>p{font-size:15px;line-height:1.7;max-width:540px;color:#665356;margin:0}.hero-foot{font-size:11.5px;font-weight:700;color:#746569;margin-top:22px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.check-dot{border-radius:50%;width:17px;height:17px;background:#e5f5ed;color:#286b4d;font-weight:900;display:inline-grid;place-items:center}.hero-foot-sep{color:#bba8a9}.hero-visual{height:290px;display:grid;place-items:center;position:relative}.orbit{position:absolute;border:1px dashed rgba(105,3,10,.19);border-radius:50%}.orbit-1{height:290px;width:290px}.orbit-2{height:235px;width:235px;border-style:solid;border-color:rgba(105,3,10,.10)}.total-snapshot{width:241px;min-height:176px;transform:rotate(-5deg);background:#fff;box-shadow:0 21px 48px rgba(105,3,10,.095);border-radius:19px;border:1px solid rgba(105,3,10,.11);position:relative;z-index:1;padding:22px}.snapshot-header{letter-spacing:1.4px;font-size:10px;font-weight:800;color:#7d6264}.snapshot-amount{font-size:43px;font-weight:800;font-family:Manrope,sans-serif;letter-spacing:-2.3px;color:var(--brand);margin:5px 0 2px}.snapshot-sub{font-size:11px;line-height:1.4;color:#927d80}.snapshot-bottom{display:flex;justify-content:space-between;margin-top:16px;padding-top:11px;border-top:1px solid #f1e7e6;color:var(--good);font-size:12px;font-weight:800}.snapshot-arrow{font-size:19px}.layout{position:relative;margin-top:-26px}.config-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px 25px 18px;position:relative;z-index:1;box-shadow:var(--shadow)}.panel-head,.section-heading,.insights-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head>div:first-child{display:flex;align-items:center;gap:10px}.panel-head h2{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.5px;margin:0}.step-number{display:inline-grid;place-items:center;min-width:29px;height:28px;padding:0 4px;border-radius:8px;background:#f8eeee;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.5px}.panel-kicker{font-size:11px;color:#94898a}.controls-grid{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:18px;margin-top:20px}.control-item label,.field-label{font-size:11px;font-weight:800;margin:0 0 8px;display:block;color:#42383b}.select-wrap{position:relative}.select-wrap select{appearance:none;width:100%;height:45px;border:1px solid #e6d8d7;background:white;color:var(--ink);border-radius:9px;padding:0 30px 0 13px;font-weight:600;font-size:13px}.select-arrow{pointer-events:none;position:absolute;right:13px;top:8px;color:var(--brand);font-size:22px}.segmented{height:45px;border:1px solid #e6d8d7;border-radius:9px;padding:3px;display:flex;gap:3px;background:#faf7f7}.seg-btn{border:0;background:transparent;border-radius:6px;color:#6d5d60;font-size:12px;font-weight:800;flex:1}.seg-btn.selected{background:var(--brand);color:white;box-shadow:0 3px 7px rgba(105,3,10,.15)}.stepper{border:1px solid #e6d8d7;height:45px;display:flex;align-items:center;justify-content:space-between;border-radius:9px;overflow:hidden}.stepper button{border:0;background:transparent;width:43px;height:43px;font-size:22px;color:var(--brand)}.stepper button:disabled{opacity:.3;cursor:not-allowed}.stepper span{font-size:15px;font-weight:800}.stepper small{font-size:12px;color:#6e5f61;font-weight:500}.config-note{display:flex;gap:7px;align-items:center;background:#faf7f5;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.5;color:#71696b;margin-top:17px}.config-note strong{color:#554a4e}.info-icon{width:15px;height:15px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;border:1px solid #bfb3ad;color:#786c6b;font-size:10px;font-weight:800}.results-section{padding-top:37px}.section-heading{align-items:flex-end;margin-bottom:21px}.section-overline{letter-spacing:1.5px;font-size:10px}.section-heading .section-overline{display:flex;gap:9px;align-items:center}.section-heading h2{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-1.3px;margin:7px 0 5px}.section-heading p{font-size:12px;color:#817579;margin:0}.middle-dot{padding:0 5px;color:#c5b5b5}.save-summary{text-align:right;padding-bottom:3px;min-width:150px}.save-summary span,.save-summary small{display:block;font-size:11px;color:#85777a}.save-summary strong{display:block;font-family:Manrope,sans-serif;color:var(--good);font-size:27px;letter-spacing:-.8px}.comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.quote-card{background:#fff;border:1px solid #e9e1df;border-radius:15px;padding:17px 16px 15px;min-width:0;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}.quote-card:hover{box-shadow:0 13px 32px rgba(51,31,29,.07);transform:translateY(-2px)}.quote-card.winner{border-color:#87b7a2;box-shadow:0 5px 0 #e5f1e9}.quote-top{display:flex;align-items:center;justify-content:space-between;height:24px}.best-badge{display:inline-flex;align-items:center;gap:3px;background:var(--good-light);color:var(--good);font-size:10px;font-weight:800;padding:5px 8px;border-radius:30px}.plain-badge{color:#94888c;font-size:10px;font-weight:700}.rank{font-size:11px;color:#b7aaab;font-weight:800}.platform-row{display:flex;align-items:center;gap:9px;margin:14px 0 19px;min-height:39px}.platform-logo{width:36px;height:36px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:11px;background:#f7edeb;color:#69030a}.platform-logo.mdf{color:white;background:var(--brand);font-family:Manrope,sans-serif;font-size:18px}.platform-logo.justeat{color:#f36c21;background:#fff1e7}.platform-logo.uber{background:#1b1b1b;color:white}.platform-logo.deliveroo{background:#e4f6f5;color:#168d90}.platform-row h3{font-size:12.5px;letter-spacing:-.2px;margin:0 0 3px;font-weight:800;white-space:nowrap}.platform-row span{display:block;font-size:10px;color:#91858a;white-space:nowrap}.total-row{border-bottom:1px solid #ede6e3;padding-bottom:16px}.total-label{color:#8c7e82;font-size:10px;font-weight:600}.total-price{font-family:Manrope,sans-serif;font-weight:800;font-size:30px;letter-spacing:-1.6px;line-height:1.35}.difference{font-size:10px;font-weight:600;color:#8f7472;min-height:26px}.difference.is-best{color:var(--good);font-weight:800}.cost-lines{padding-top:15px;display:grid;gap:11px}.cost-lines>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#777073}.cost-lines strong{font-size:11px;color:#302428;font-weight:800;white-space:nowrap}.cost-lines strong.discount{color:var(--good)}.offer-note{min-height:51px;display:flex;align-items:center;gap:5px;color:#796e70;font-size:10px;line-height:1.35;padding:12px 0 8px}.offer-dot{font-size:10px;font-weight:900;color:var(--good);border-radius:50%;width:14px;height:14px;border:1px solid #e1d7d5;display:grid;place-items:center;flex-shrink:0}.edit-button{display:block;margin-top:auto;width:100%;border:1px solid #e6d9d6;border-radius:9px;background:#fff;color:var(--brand);font-weight:800;font-size:11px;height:38px}.edit-button:hover{background:#fcf1ef;border-color:#d3aaa7}.edit-button span{font-size:13px;margin-right:4px}.insights-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:16px;margin:25px 0 40px}.chart-box,.explanation-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;min-width:0}.insights-title{align-items:center}.insights-grid h3{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.5px;margin:5px 0 15px}.tiny-caption{font-size:10px;color:#92898b}.bar-list{display:grid;gap:13px;margin-top:6px}.bar-row{display:grid;grid-template-columns:83px 1fr 62px;align-items:center;gap:12px}.bar-name{font-size:10px;font-weight:700;color:#514548;white-space:nowrap}.bar-track{height:9px;background:#f3e9e7;border-radius:50px;overflow:hidden}.bar-fill{height:100%;background:#d6c2bf;border-radius:50px}.bar-fill.first{background:var(--good)}.bar-row strong{text-align:right;font-size:11px;font-weight:800}.explanation-box p{font-size:12px;line-height:1.75;color:#7e7274;margin:0 0 12px}.learn-btn{width:100%;border:0;border-top:1px solid #f1ebe7;background:transparent;display:flex;justify-content:space-between;color:var(--brand);font-weight:800;font-size:11px;padding:14px 0 0}.learn-btn span{font-size:18px}.formula{border-radius:8px;background:#fbf6f4;padding:12px;margin-top:14px;font-size:11px;line-height:1.5}.formula p{margin:7px 0 0;font-size:11px}.footer{border-top:1px solid #eae2de;padding:22px 0 37px;display:flex;gap:35px;justify-content:space-between;align-items:start}.footer div{font-size:11px;white-space:nowrap}.footer strong{color:var(--brand)}.footer span{color:#867b7e}.footer p{margin:0;max-width:700px;line-height:1.5;color:#9b8f92;font-size:10px}.modal-layer{position:fixed;inset:0;z-index:50;background:rgba(26,13,15,.56);display:grid;place-items:center;padding:20px;overflow:auto}.modal{width:min(590px,100%);max-height:min(95vh,780px);overflow:auto;background:white;border-radius:19px;box-shadow:0 20px 90px #0004;padding:25px 27px}.modal-header{display:flex;align-items:start;justify-content:space-between}.modal-header h2{font-family:Manrope,sans-serif;letter-spacing:-.7px;margin:8px 0 6px}.modal-header p{margin:0 0 22px;font-size:12px;color:var(--muted)}.close-modal{border:1px solid var(--line);background:white;width:32px;height:32px;border-radius:8px;font-size:23px;line-height:1;color:#605153}.edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.edit-field{display:grid;align-content:start;gap:6px}.edit-field.wide{grid-column:span 2}.edit-field label{font-size:11px;font-weight:800}.edit-field input{border:1px solid #dfd2d0;border-radius:8px;height:43px;padding:0 12px;font-weight:700;color:#211a1d;width:100%}.edit-field small{font-size:10px;color:#867679}.modal-footer{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.modal-footer button{padding:12px 17px;border-radius:8px;border:1px solid #daccce;font-weight:800;font-size:12px}.cancel-button{background:white;color:#70666a}.apply-button{background:var(--brand);color:white;border-color:var(--brand)!important}
@media(max-width:1100px){.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-card{padding:20px}.platform-row h3{font-size:14px}.total-price{font-size:33px}.cost-lines>div,.cost-lines strong{font-size:12px}.quote-card .offer-note{min-height:40px}}@media(max-width:770px){.shell{width:min(100% - 28px,560px)}.site-header{height:64px}.brand-suffix{display:none}.brand{font-size:17px}.brand-mark{width:32px;height:32px}.hero-grid{display:block;min-height:0}.hero-copy{padding:41px 0 70px}.hero h1{font-size:clamp(32px,7vw,46px);letter-spacing:-1.8px}.hero-copy>p{font-size:13px}.hero-visual{display:none}.layout{margin-top:-28px}.controls-grid{grid-template-columns:1fr 1fr}.meal-field{grid-column:span 2}.config-panel{padding:19px}.panel-kicker{display:none}.section-heading h2{font-size:23px}.save-summary strong{font-size:23px}.insights-grid{grid-template-columns:1fr}.footer{display:block}.footer p{margin-top:10px}.comparison-grid{gap:11px}}@media(max-width:520px){.shell{width:calc(100% - 24px)}.nav-right{font-size:10px;gap:6px}.nav-separator{margin:0 2px}.hero-copy{padding:36px 0 59px}.eyebrow{font-size:9px}.hero h1{font-size:34px;line-height:1.17;margin:16px 0}.hero-foot{font-size:10px}.hero-foot-sep{display:none}.hero-foot{gap:5px}.config-panel{border-radius:14px;padding:16px}.controls-grid{gap:12px}.section-heading{align-items:flex-start}.section-heading h2{font-size:22px;line-height:1.2}.section-heading p{font-size:10px;line-height:1.5}.save-summary{min-width:90px}.save-summary span{font-size:9px}.save-summary strong{font-size:22px}.save-summary small{font-size:9px}.comparison-grid{grid-template-columns:1fr}.quote-card{padding:17px}.platform-row{margin:12px 0 15px}.total-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 10px}.total-label{grid-column:1;align-self:center}.total-price{grid-column:2;grid-row:1 / span 2;font-size:30px}.difference{grid-column:1;min-height:0}.cost-lines{gap:8px}.offer-note{padding:12px 0}.insights-grid{margin-top:20px}.bar-row{grid-template-columns:75px 1fr 60px;gap:6px}.modal{padding:19px 15px}.modal-layer{padding:10px}.edit-fields{gap:11px}.edit-field label{font-size:10px}}
