@import "https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--tpf-red:#ed1c24;--tpf-red-600:#c8141b;--tpf-red-700:#a11016;--tpf-red-100:#fde3e4;--tpf-red-50:#fef3f4;--tpf-ink:#14161a;--tpf-ink-2:#2a2e35;--tpf-slate-700:#4a5360;--tpf-slate-500:#6e7783;--tpf-slate-400:#9097a3;--tpf-slate-300:#c7ccd3;--tpf-slate-200:#e2e5ea;--tpf-slate-100:#eef0f3;--tpf-slate-50:#f6f7f9;--tpf-white:#fff;--tpf-steel:#2e3f52;--color-bg:var(--tpf-white);--color-bg-muted:var(--tpf-slate-50);--color-surface:var(--tpf-white);--color-fg:var(--tpf-ink);--color-fg-secondary:var(--tpf-slate-700);--color-fg-muted:var(--tpf-slate-500);--color-border:var(--tpf-slate-200);--color-border-strong:var(--tpf-slate-300);--font-display:"Archivo", "Inter Tight", "Helvetica Neue", system-ui, -apple-system, sans-serif;--font-sans:"Manrope", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Roboto Mono", Consolas, ui-monospace, monospace;--fs-12:.75rem;--fs-14:.875rem;--fs-16:1rem;--fs-18:1.125rem;--fs-20:1.25rem;--fs-24:1.5rem;--fs-30:1.875rem;--fs-36:2.25rem;--fs-48:3rem;--fs-60:3.75rem;--fs-76:4.75rem;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px #14161a0f;--shadow-sm:0 1px 3px #14161a14, 0 1px 2px #14161a0a;--shadow-md:0 4px 10px -2px #14161a14, 0 2px 4px -1px #14161a0a;--shadow-lg:0 14px 30px -10px #14161a2e, 0 4px 8px -4px #14161a0f;--shadow-xl:0 28px 60px -20px #14161a47, 0 8px 16px -8px #14161a14;--ring-focus:0 0 0 3px #ed1c2447;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);font-size:var(--fs-16);color:var(--color-fg);background:var(--color-bg);margin:0;line-height:1.55}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "lnum" 1}.container{max-width:1200px;margin:0 auto;padding:0 32px}.nav{z-index:30;border-bottom:1px solid var(--color-border);background:#fff;position:sticky;top:0}.nav-inner{align-items:center;gap:24px;max-width:1360px;margin:0 auto;padding:18px 32px;display:flex}.nav-logos{align-items:center;gap:20px;display:flex}.nav-logo{width:auto;height:48px;display:block}.nav-logo svg{width:auto;height:100%;display:block}.nav-divider{background:var(--color-border);width:1px;height:36px}.nav-vendor{font-family:var(--font-sans);align-items:center;gap:14px;display:flex}.nav-vendor-logo{border-radius:var(--radius-md);background:var(--tpf-slate-50);border:1px solid var(--color-border);width:48px;height:48px;font-family:var(--font-display);color:var(--tpf-slate-700);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.nav-vendor-logo img{border-radius:var(--radius-md);max-width:100%;max-height:100%;display:block}.nav-vendor-name{color:var(--tpf-ink);font-size:15px;font-weight:700;line-height:1.1}.nav-vendor-sub{color:var(--tpf-slate-500);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:600}.nav-spacer{flex:1}.nav-cta{color:var(--tpf-ink);letter-spacing:.04em;font-size:13px;font-weight:700;text-decoration:none}.nav-cta:hover{color:var(--tpf-red)}.intro{background:var(--tpf-white);border-bottom:1px solid var(--color-border);padding:56px 0 32px}.eyebrow{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tpf-red);margin-bottom:16px;font-size:12px;font-weight:700}.intro h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--tpf-ink);text-wrap:balance;max-width:720px;margin:0 0 16px;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.02}.intro h1 .red{color:var(--tpf-red)}.intro p{color:var(--tpf-slate-700);max-width:600px;margin:0;font-size:17px}.calc-section{background:var(--tpf-slate-50);min-height:60vh;padding:56px 0 96px}.calc-card{border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);background:#fff;grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}.calc-inputs{padding:40px 40px 32px}.calc-inputs h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--tpf-ink);margin:0 0 6px;font-size:24px;font-weight:800}.calc-inputs .sub{color:var(--tpf-slate-500);margin:0 0 32px;font-size:14px}.field{margin-bottom:24px}.field-label{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.field-label label{color:var(--tpf-ink);letter-spacing:.01em;font-size:13px;font-weight:700}.field-label .value-display{font-family:var(--font-display);color:var(--tpf-red);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}select.field-input{width:100%;font-family:var(--font-sans);color:var(--tpf-ink);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);appearance:none;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%234A5360' d='M6 8L0 0h12z'/></svg>") right 14px center no-repeat;padding:12px 40px 12px 14px;font-size:15px;font-weight:500}select.field-input:hover{border-color:var(--tpf-slate-500)}select.field-input:focus{border-color:var(--tpf-red);box-shadow:var(--ring-focus);outline:none}.currency-input{align-items:center;display:flex;position:relative}.currency-input .prefix{font-family:var(--font-sans);color:var(--tpf-slate-500);pointer-events:none;font-size:15px;font-weight:600;position:absolute;left:14px}.currency-input input{width:100%;font-family:var(--font-sans);color:var(--tpf-ink);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-variant-numeric:tabular-nums;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:#fff;padding:12px 14px 12px 28px;font-size:15px;font-weight:600}.currency-input input::placeholder{color:var(--tpf-slate-400)}.currency-input input:hover{border-color:var(--tpf-slate-500)}.currency-input input:focus{border-color:var(--tpf-red);box-shadow:var(--ring-focus);outline:none}.slider-wrap{padding:4px 0}input[type=range]{appearance:none;background:var(--tpf-slate-200);border-radius:var(--radius-pill);cursor:pointer;outline:none;width:100%;height:6px;margin:0;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--tpf-red);cursor:grab;width:22px;height:22px;transition:transform var(--dur-fast) var(--ease-out);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 6px #14161a2e}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;background:var(--tpf-red-700)}input[type=range]::-moz-range-thumb{background:var(--tpf-red);cursor:grab;width:22px;height:22px;transition:transform var(--dur-fast) var(--ease-out);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 6px #14161a2e}input[type=range]::-moz-range-thumb:hover{transform:scale(1.12)}.slider-ticks{font-family:var(--font-mono);color:var(--tpf-slate-500);justify-content:space-between;margin-top:8px;font-size:11px;font-weight:500;display:flex}.calc-output{background:var(--tpf-slate-50);border-left:1px solid var(--color-border);flex-direction:column;padding:40px 40px 32px;display:flex}.output-label{color:var(--tpf-slate-500);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.output-amount{font-family:var(--font-display);color:var(--tpf-ink);letter-spacing:-.035em;font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;margin-bottom:8px;font-weight:800;line-height:1;display:flex}.output-amount .currency{color:var(--tpf-slate-500);font-size:28px;font-weight:700;position:relative;top:-16px}.output-amount .figure{font-size:64px}.output-amount .figure.disabled{color:var(--tpf-slate-300)}.output-period{font-family:var(--font-sans);color:var(--tpf-slate-700);letter-spacing:.01em;margin-bottom:6px;font-size:14px;font-weight:600}.output-weekly{font-family:var(--font-sans);color:var(--tpf-slate-500);font-variant-numeric:tabular-nums;margin-bottom:24px;font-size:13px}.output-weekly.disabled{visibility:hidden}.output-warning{color:var(--tpf-slate-700);background:var(--tpf-red-50);border:1px solid var(--tpf-red-100);border-radius:var(--radius-md);margin-bottom:20px;padding:10px 14px;font-size:13px;line-height:1.5}.output-warning.hidden{display:none}.output-summary{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;margin-bottom:20px;padding:16px 18px}.output-summary-row{justify-content:space-between;align-items:baseline;padding:6px 0;font-size:13px;display:flex}.output-summary-row .lbl{color:var(--tpf-slate-500);font-weight:500}.output-summary-row .val{color:var(--tpf-ink);font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.output-disclaimer{color:var(--tpf-slate-500);margin-bottom:18px;font-size:11px;line-height:1.55}.cta-button{width:100%;font-family:var(--font-sans);letter-spacing:-.005em;color:#fff;background:var(--tpf-red);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;margin-top:auto;padding:16px 22px;font-size:15px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 4px 10px -2px #ed1c2452,0 2px 4px -1px #ed1c2429}.cta-button:hover{background:var(--tpf-red-600);transform:translateY(-1px);box-shadow:0 6px 14px -2px #ed1c2466}.cta-button:active{background:var(--tpf-red-700);transform:translateY(0)}.cta-button:disabled{background:var(--tpf-slate-300);color:#fff;cursor:not-allowed;box-shadow:none;transform:none}.foot{background:var(--tpf-ink);color:#ffffffb3;padding:32px 0;font-size:12px}.foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1360px;margin:0 auto;padding:0 32px;display:flex}.foot-left{align-items:center;gap:16px;display:flex}.foot-left .mono{font-family:var(--font-mono);font-size:11px}.foot-tagline{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--tpf-red);font-size:12px;font-weight:800}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out);background:#14161a99;justify-content:center;align-items:flex-start;padding:60px 20px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);opacity:0;width:100%;max-width:520px;transition:transform var(--dur-slow) var(--ease-out), opacity var(--dur-slow) var(--ease-out);background:#fff;overflow:hidden;transform:translateY(20px)scale(.98)}.modal-backdrop.open .modal{opacity:1;transform:translateY(0)scale(1)}.modal-header{border-bottom:1px solid var(--color-border);padding:28px 32px 20px;position:relative}.modal-header .eyebrow{margin-bottom:8px}.modal-header h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--tpf-ink);margin:0;font-size:24px;font-weight:800}.modal-header p{color:var(--tpf-slate-700);margin:6px 0 0;font-size:14px}.modal-close{cursor:pointer;width:36px;height:36px;color:var(--tpf-slate-500);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background:var(--tpf-slate-100);color:var(--tpf-ink)}.modal-body{padding:24px 32px 32px}.modal-summary{background:var(--tpf-slate-50);border-radius:var(--radius-md);margin-bottom:24px;padding:14px 16px}.modal-summary-row{justify-content:space-between;align-items:baseline;padding:3px 0;font-size:12px;display:flex}.modal-summary-row .lbl{color:var(--tpf-slate-500)}.modal-summary-row .val{color:var(--tpf-ink);font-variant-numeric:tabular-nums;font-weight:700}.modal-summary-row.highlight .lbl,.modal-summary-row.highlight .val{color:var(--tpf-ink);font-size:14px;font-weight:700}.modal-summary-row.highlight .val{color:var(--tpf-red)}.form-field{margin-bottom:16px}.form-field label{color:var(--tpf-ink);letter-spacing:.01em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.form-field input{width:100%;font-family:var(--font-sans);color:var(--tpf-ink);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:#fff;padding:11px 14px;font-size:15px;font-weight:500}.form-field input::placeholder{color:var(--tpf-slate-400)}.form-field input:hover{border-color:var(--tpf-slate-500)}.form-field input:focus{border-color:var(--tpf-red);box-shadow:var(--ring-focus);outline:none}.abn-status{align-items:center;gap:6px;min-height:16px;margin-top:6px;font-size:12px;display:flex}.abn-status.validating{color:var(--tpf-slate-500)}.abn-status.success{color:#1e8e5a}.abn-status.error{color:var(--tpf-red-700)}.modal-submit{width:100%;font-family:var(--font-sans);color:#fff;background:var(--tpf-red);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:14px 22px;font-size:15px;font-weight:700;display:flex}.modal-submit:hover{background:var(--tpf-red-600)}.modal-submit:active{background:var(--tpf-red-700);transform:translateY(1px)}.modal-submit:disabled{background:var(--tpf-slate-300);cursor:not-allowed}.modal-privacy{color:var(--tpf-slate-500);text-align:center;margin-top:14px;font-size:11px;line-height:1.5}.modal-success{text-align:center;padding:48px 32px}.modal-success .checkmark{background:var(--tpf-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.modal-success h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--tpf-ink);margin:0 0 12px;font-size:26px;font-weight:800}.modal-success p{color:var(--tpf-slate-700);margin:0 0 6px;font-size:15px}.modal-success .small{color:var(--tpf-slate-500);margin-top:20px;font-size:13px}@media (max-width:880px){.nav-inner{flex-wrap:wrap;gap:14px;padding:14px 20px}.nav-logo{height:38px}.nav-vendor-logo{width:38px;height:38px;font-size:14px}.nav-divider{height:28px}.nav-cta{margin-left:auto}.container{padding:0 20px}.intro{padding:36px 0 24px}.intro h1{font-size:32px}.intro p{font-size:15px}.calc-section{padding:28px 0 56px}.calc-card{box-shadow:var(--shadow-md);grid-template-columns:1fr}.calc-inputs{padding:28px 24px 20px}.calc-output{border-left:none;border-top:1px solid var(--color-border);padding:28px 24px}.output-amount .figure{font-size:52px}.output-amount .currency{font-size:24px;top:-12px}.modal-backdrop{align-items:center;padding:20px 16px}.modal-header{padding:22px 24px 16px}.modal-header h2{font-size:20px}.modal-body{padding:20px 24px 24px}.modal-close{top:14px;right:14px}}@media (max-width:480px){.nav-vendor-name{font-size:13px}.nav-vendor-sub{font-size:10px}.output-amount .figure{font-size:44px}}