@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0d;--surface:#16161b;--surface-raised:#1d1d24;--border:#ffffff14;--border-strong:#ffffff24;--coral:#ff7a45;--coral-dim:#ff7a452e;--mint:#00d9a3;--mint-dim:#00d9a324;--text-1:#f5f5f7;--text-2:#9c9ca6;--text-3:#5c5c66;--chart-grid:#ffffff0d;--chart-hover:#ffffff40;--tooltip-bg:#16161bf5;--strip-text:#ffd0be;--warning-bg:#ffb80014;--warning-border:#ffb80040;--warning-text:#e8c468;--radius-lg:22px;--radius-md:14px;--radius-sm:9px;--font-display:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-body:"Inter", "SF Pro Text", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "Menlo", monospace}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f5f6;--surface:#fff;--surface-raised:#eef1f3;--border:#19232a24;--border-strong:#19232a3d;--coral:#b74318;--coral-dim:#b7431814;--mint:#007e60;--mint-dim:#007e601a;--text-1:#20282e;--text-2:#4c5962;--text-3:#65727c;--chart-grid:#19232a17;--chart-hover:#19232a4d;--tooltip-bg:#fffffff5;--strip-text:#913511;--warning-bg:#fff6db;--warning-border:#dfbd62;--warning-text:#765513}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:radial-gradient(ellipse 900px 500px at 15% -10%, #ff7a451a, transparent 60%), radial-gradient(ellipse 700px 500px at 100% 0%, #00d9a30f, transparent 60%), var(--bg);color:var(--text-1);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.wrap{max-width:1180px;margin:0 auto;padding:0 24px 80px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:22px 0 8px;display:flex}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:40px;height:40px;color:var(--text-1);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--surface-raised)}.theme-toggle:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.brand{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.brand-mark{flex-shrink:0;width:26px;height:26px;display:block}.pulse-wrap{position:relative}.pulse-badge{background:var(--surface);border:1px solid var(--border);color:var(--text-2);border-radius:100px;align-items:center;gap:8px;padding:7px 12px 7px 10px;font-size:12.5px;font-weight:500;display:flex}.pulse-dot{background:var(--mint);border-radius:50%;width:7px;height:7px;position:relative}.pulse-dot:after{content:"";border:1.5px solid var(--mint);opacity:.55;border-radius:50%;animation:2.4s ease-out infinite pulse-ring;position:absolute;inset:-4px}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.pulse-badge b{color:var(--text-1);font-variant-numeric:tabular-nums}.pulse-tooltip{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:240px;color:var(--text-2);padding:12px 14px;font-size:12px;line-height:1.5;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #0006}.pulse-wrap:hover .pulse-tooltip{display:block}.hero{max-width:640px;padding:40px 0 30px}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:var(--coral);align-items:center;gap:8px;margin-bottom:14px;font-size:11.5px;font-weight:700;display:flex}.eyebrow:before{content:"";background:var(--coral);width:16px;height:1.5px}h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(2rem,5vw,2.5rem);font-weight:700;line-height:1.08}h1 span{color:var(--mint)}.hero p{color:var(--text-2);margin:0;font-size:15.5px;line-height:1.6}.layout{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;gap:20px;margin-top:28px;display:grid}.layout>*{min-width:0}.input-panel,.results-panel{gap:20px;min-width:0;display:grid}.input-panel>.card{margin:0}.input-panel{grid-template-rows:auto 1fr;align-self:stretch}.results-panel{grid-template-rows:auto auto 1fr;align-self:stretch}.results-panel>.stat-row{margin:0}.layout>.table-card{grid-column:1/-1;margin:0}@media (width<=1100px){.layout{grid-template-columns:minmax(0,1fr)}.input-panel,.results-panel{grid-template-rows:none;align-self:start}}@media (width<=640px){.layout,.input-panel{grid-template-columns:minmax(0,1fr)}.wrap{padding-inline:16px}.field label{flex-wrap:wrap;gap:4px 8px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.card h2,.chart-head h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 20px;font-size:16px;font-weight:700}.field{margin-bottom:18px}.field:last-child{margin-bottom:0}.field label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.field label .val{color:var(--text-1);font-family:var(--font-mono);text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:500}.input-money{position:relative}.input-money:before{content:"£";color:var(--text-3);pointer-events:none;font-size:15px;font-weight:600;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-money input{padding-left:30px}input[type=number]{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-1);font-family:var(--font-mono);outline:none;padding:12px 14px;font-size:15px;font-weight:500;transition:border-color .15s}.input-money input[type=number]{padding-left:38px}input[type=number]:focus{border-color:var(--coral)}input[type=number]:disabled{background:repeating-linear-gradient(135deg, var(--bg), var(--bg) 6px, var(--surface-raised) 6px, var(--surface-raised) 7px);color:var(--text-3);cursor:not-allowed;opacity:1;border-style:dashed}.field:has(input:disabled) label{color:var(--text-3)}.field:has(input:disabled) label .val{color:var(--text-3)}input[type=range]{appearance:none;background:var(--surface-raised);cursor:pointer;border-radius:4px;width:100%;height:4px;margin-top:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--coral);border:3px solid var(--bg);width:16px;height:16px;box-shadow:0 0 0 1px var(--coral);border-radius:50%}.sub-hint{color:var(--text-3);margin-top:6px;font-size:11.5px;line-height:1.5}.divider{background:var(--border);height:1px;margin:20px 0}.row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.computed-strip{background:var(--coral-dim);border-radius:var(--radius-sm);border:1px solid #ff7a4557;justify-content:space-between;align-items:center;margin-top:18px;padding:12px 14px;display:flex}.computed-strip .label{text-transform:uppercase;letter-spacing:.06em;color:var(--strip-text);font-size:11.5px;font-weight:700}.computed-strip .amt{font-family:var(--font-display);font-size:18px;font-weight:700}.warning{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-sm);color:var(--warning-text);gap:10px;margin-top:16px;padding:12px 14px;font-size:12.5px;line-height:1.55;display:flex}.stat-row{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}@media (width<=640px){.stat-row{grid-template-columns:1fr}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);margin-bottom:10px;font-size:11.5px;font-weight:700}.stat-num{font-family:var(--font-display);letter-spacing:-.01em;font-size:28px;font-weight:700}.stat-num.mint,.diff-pos{color:var(--mint)}.stat-sub{color:var(--text-3);margin-top:6px;font-size:12.5px}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px;display:flex}.legend{color:var(--text-2);flex-wrap:wrap;gap:18px;font-size:12.5px;display:flex}.legend-item{align-items:center;gap:7px;display:flex}.legend-swatch{border-radius:2px;width:14px;height:3px}.legend-swatch.muted{background:var(--text-3)}.legend-swatch.mint{background:var(--mint)}.chart{width:100%;min-width:0;height:320px;font-family:var(--font-mono);margin-top:10px;display:block}.chart-disabled .chart,.chart-disabled .legend{filter:grayscale();opacity:.35;pointer-events:none}.chart-disabled-note{color:var(--text-2);justify-content:center;align-items:center;width:100%;height:320px;margin:0 0 8px;font-size:12px;display:flex}.chart-tooltip{border:1px solid var(--border-strong);background:var(--tooltip-bg);max-width:280px;color:var(--text-2);font-family:var(--font-mono);border-radius:8px;padding:12px;font-size:11px;line-height:1.6}.chart-tooltip strong{color:var(--text-1);margin-bottom:6px;display:block}.chart-tooltip>div{justify-content:space-between;gap:12px;display:flex}.chart-tooltip-overpay{color:var(--mint)}.chart-tooltip-difference{border-top:1px solid var(--border);color:var(--text-1);margin-top:6px;padding-top:6px}@media (width<=640px){.chart{height:260px}}.table-card{margin-top:18px}.table-toggle{text-align:left;width:100%;color:var(--text-1);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;font-size:15px;font-weight:700;display:flex}.table-toggle svg{transition:transform .2s}.table-toggle.open svg{transform:rotate(180deg)}.table-wrap{max-height:0;transition:max-height .3s;overflow:hidden}.table-wrap.open{max-height:900px;overflow-y:auto}table{border-collapse:collapse;width:100%;font-family:var(--font-mono);margin-top:18px;font-size:12.5px}th{text-align:right;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;background:var(--surface);padding:8px 10px;font-size:10.5px;font-weight:600;position:sticky;top:0}th:first-child,td:first-child{text-align:left}td{text-align:right;border-top:1px solid var(--border);color:var(--text-2);padding:8px 10px}tr:hover td{background:var(--surface-raised);color:var(--text-1)}.privacy-section{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin-top:20px;padding:30px}.privacy-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:30px;display:grid}@media (width<=800px){.privacy-grid{grid-template-columns:1fr}}.privacy-grid h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 12px;font-size:20px}.privacy-grid p{color:var(--text-2);margin:0 0 12px;font-size:14px;line-height:1.7}.checklist{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.checklist li{color:var(--text-2);gap:12px;font-size:13.5px;line-height:1.5;display:flex}.tick{background:var(--mint-dim);width:18px;height:18px;color:var(--mint);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:12px;font-weight:700;display:flex}footer{text-align:center;color:var(--text-3);margin-top:34px;font-size:12px;line-height:1.7}::selection{background:var(--coral);color:#fff}a{color:var(--coral)}