@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#25372f;--green:#35664c;--muted:#69766d;--line:#dfe6df;--paper:#f8faf7;--light:#edf3eb;--accent:#e5eddc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 'DM Sans',system-ui,sans-serif}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #83a38a;outline-offset:3px}button,input{border-radius:9px}button{border:1px solid var(--line);padding:11px 16px;background:white;color:var(--ink);font-weight:600}input{border:1px solid #d7dfd6;width:100%;min-width:0;background:white;color:var(--ink);padding:13px 15px;font-size:20px;font-weight:500}input:focus{border-color:var(--green)}[hidden]{display:none!important}.wrap{width:min(1080px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;height:93px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,system-ui;font-weight:800;font-size:18px;letter-spacing:-.5px}.brand-icon{display:flex;align-items:center;justify-content:center;background:var(--green);color:#fff;width:36px;height:36px;border-radius:10px;font-size:19px}.brand-icon span{font-size:13px;align-self:flex-start;margin-top:5px}.uk{font:10px 'DM Sans',sans-serif;letter-spacing:1px;border:1px solid var(--line);padding:3px 5px;border-radius:4px;color:var(--muted)}nav{display:flex;gap:28px;font-size:13px}#menu-count{background:var(--light);border-radius:20px;padding:2px 6px;margin-left:3px}.intro{text-align:center;padding:55px 0 38px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--green);margin-bottom:12px}h1,h2{font-family:Manrope,system-ui;letter-spacing:-1.5px;line-height:1.2}h1{font-size:50px;font-weight:750;margin:15px 0}h1 span{color:var(--green)}.intro p{font-size:16px;color:var(--muted)}.benefits{display:flex;justify-content:center;gap:22px;font-size:11px;color:var(--muted);margin-top:22px}.benefits span:first-letter{color:var(--green)}h2{font-size:25px;font-weight:750;margin:0}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.section-top p{color:var(--muted);font-size:13px;margin:10px 0 0}.tag{font-size:10px;font-weight:600;border:1px solid var(--line);border-radius:20px;padding:5px 10px;white-space:nowrap;color:var(--muted)}.calculator{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 8px 24px #25372f04}.calculator h2{font-size:20px;letter-spacing:-.5px}.tabs{display:flex;padding:5px;background:#f1f4ef;border-radius:10px;margin-bottom:25px;gap:4px}.tabs button{flex:1;border:0;background:transparent;color:var(--muted);font-size:12px;padding:11px 5px}.tabs button[aria-pressed=true]{background:#fff;color:var(--green);box-shadow:0 2px 5px #25372f0a}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.inputs{padding:3px 0}.field{margin-bottom:18px}.field label{display:flex;justify-content:space-between;font-size:12px;font-weight:650;margin-bottom:7px}.field label span{color:var(--muted);font-weight:400}.field small,.small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin:7px 0 0}.vat-row{display:flex;gap:10px}.vat-row input{width:100px;font-size:17px}.quiet{border:0;background:transparent;font-size:12px;padding:9px 10px}.cost-builder{border-top:1px solid var(--line);padding-top:15px;font-size:12px}.cost-builder summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:650;color:var(--green)}details summary{list-style:none}details summary::-webkit-details-marker{display:none}.cost-builder p{color:var(--muted)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.mini-grid label{font-size:11px}.mini-grid input{font-size:16px;padding:10px}.builder-total{display:flex;justify-content:space-between;margin:15px 0;gap:12px}.secondary{background:var(--light);border:1px solid var(--line);font-size:12px}.result{background:var(--light);border-radius:12px;padding:27px;align-self:start}.result-top{display:flex;justify-content:space-between;align-items:center;letter-spacing:1.5px;font-size:10px;font-weight:700;color:var(--green)}.result-icon{border:1px solid #c7d6c6;border-radius:50%;width:27px;height:27px;text-align:center;font-size:17px}.result output{font-family:Manrope,system-ui;font-size:58px;font-weight:750;letter-spacing:-3px;display:block;margin-top:13px;line-height:1.4;overflow-wrap:anywhere}#result-note{font-size:12px;color:var(--muted);margin:0 0 23px}.breakdown{border-top:1px solid #d4dfd0;padding:15px 0}.breakdown>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:7px 0}.breakdown strong{font-weight:650;text-align:right}.result-footnote{font-size:11px;line-height:1.6;color:var(--muted);margin:3px 0 20px}.copy{display:flex;justify-content:space-between;width:100%;font-size:12px;background:#ffffffb8;border-color:#d4dfd0}.rounding{font-size:11px;color:var(--green);margin-bottom:10px}.error{color:#a34032;font-size:12px;margin:10px 0 0}.error:empty{display:none}.compare{padding:36px 0 0}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.price-card{border:1px solid var(--line);background:white;border-radius:12px;padding:18px}.price-card.featured{border-color:#8fa98d}.price-card .field{margin-bottom:13px}.price-card input{font-family:Manrope;font-size:26px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:5px 0 12px}.price-card .metrics{display:flex;justify-content:space-between;gap:8px}.price-card .metrics strong{font-family:Manrope;font-size:22px;font-weight:750;display:block}.price-card .metrics span{font-size:10px;color:var(--muted)}.price-card .delta{font-size:11px;background:var(--paper);padding:8px;margin:14px 0;border-radius:6px;min-height:49px}.price-card button{width:100%;font-size:11px;background:transparent}.ad{border:1px dashed #cfd8cc;border-radius:10px;text-align:center;color:#889182;margin:35px 0;padding:18px;background:#f2f5ef}.ad>span{font-size:8px;letter-spacing:2px}.ad>div{font-size:13px;margin:4px 0}.ad small{font-size:10px}.menu{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.save-form{display:flex;gap:12px;align-items:end}.save-form .field{flex:1;margin:0}.save-form input{font-size:14px;padding:12px}.primary{background:var(--green);border-color:var(--green);color:white;font-size:12px;padding:13px 20px;display:flex;gap:20px;justify-content:space-between}.empty{text-align:center;margin:25px 0;border:1px dashed var(--line);border-radius:10px;padding:25px}.empty-icon{font-size:25px;color:var(--green);margin-bottom:5px}.empty strong{font-size:13px}.empty p{font-size:12px;color:var(--muted);margin-bottom:0}.menu-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:18px}.file-button{font-size:12px;padding:9px 10px;cursor:pointer;position:relative}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:12px}.file-button:focus-within{outline:3px solid #83a38a}.table-scroll{overflow:auto;margin-top:25px}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:12px}th{font-size:10px;font-weight:600;color:var(--muted);padding:12px 10px;border-bottom:1px solid var(--line);background:var(--paper)}td{padding:13px 10px;border-bottom:1px solid #edf0eb}td:first-child{font-weight:600;white-space:normal;min-width:120px;max-width:220px;overflow-wrap:anywhere}td button{font-size:10px;padding:5px 8px;margin:2px}.negative{color:#aa4435}.guide{display:grid;grid-template-columns:1fr 1.45fr;gap:70px;padding:55px 0}.guide h2{font-size:30px}.guide p{color:var(--muted);font-size:13px}.faq details{border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.faq summary{cursor:pointer;font-weight:650;display:flex;justify-content:space-between;gap:15px}.faq summary:after{content:'+';color:var(--green)}.faq details[open] summary:after{content:'−'}.faq a{text-decoration:underline;color:var(--green)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0 35px}footer .brand{font-size:14px}footer p,footer>span{font-size:10px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:9px;font-size:13px;box-shadow:0 4px 20px #0002;z-index:10;max-width:90vw}#toast:empty{display:none}
@media(max-width:700px){.wrap{width:calc(100% - 30px)}header{height:75px}.brand{font-size:15px}nav{gap:12px;font-size:11px}nav a:last-child{display:none}.intro{padding:35px 0 27px}h1{font-size:38px}.intro p{font-size:13px}.benefits{gap:8px;flex-wrap:wrap;font-size:9px}.calculator,.menu{padding:18px}.calc-grid{grid-template-columns:1fr;gap:18px}.calculator .section-top{gap:8px}.calculator h2{font-size:17px}.tag{font-size:9px;padding:4px 7px}.tabs button{font-size:10px;padding:10px 4px}.result{padding:23px}.result output{font-size:52px}.compare-grid{grid-template-columns:1fr;gap:10px}.price-card{padding:15px}.price-card .field{margin-bottom:9px}.price-card .metrics{justify-content:start;gap:50px}.price-card input{font-size:24px}.price-card .delta{min-height:0}.compare .section-top{align-items:start}h2{font-size:22px}.save-form{flex-wrap:wrap}.save-form .field{flex-basis:100%}.primary{width:100%}.guide{grid-template-columns:1fr;gap:12px;padding:36px 0}.guide h2{font-size:27px}.guide h2 br{display:none}.guide>div>p{max-width:420px}footer{flex-wrap:wrap;gap:8px}footer p{display:none}.menu-actions{gap:2px}.quiet,.file-button{font-size:11px}.section-top .eyebrow{font-size:9px}.result-top{font-size:9px}}
@media print{body{background:white;color:black;font:11px sans-serif}.wrap{width:100%}header{height:50px}nav,.intro,.calculator,.compare,.ad,.save-form,.menu-actions,.guide,footer,#toast,.menu>.small,.menu .tag,th:last-child,td:last-child{display:none!important}.menu{border:0;padding:20px 0}.menu .section-top p{display:none}.table-scroll{overflow:visible}table{font-size:11px;white-space:normal}thead{display:table-header-group}tr{break-inside:avoid}th,td{padding:10px 6px}.brand-icon{background:white;color:black}#menu-status{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:700px){header{height:65px}.intro{padding:23px 0 22px}h1{font-size:32px;margin:10px 0}.intro p{margin:8px 0}.benefits{margin-top:13px}.calculator .field{margin-bottom:13px}.calculator input{padding:10px 12px;font-size:18px}.calculator .tabs{margin-bottom:18px}.calculator .section-top{margin-bottom:17px}.cost-builder{padding-top:12px}.menu>.section-top{align-items:start;flex-wrap:wrap;gap:10px}}
