:root{--brand: #e31b54;--brand-50: #fff1f3;--brand-100: #ffe4e8;--brand-200: #ffccd6;--brand-700: #c01046;--black: #0a0d12;--white: #fffffd;--n50: #fafaff;--n100: #f5f5f5;--n200: #e9eaeb;--n300: #d5d7da;--n400: #a4a7ae;--n500: #717680;--n600: #535862;--n700: #414651;--n900: #181d27;--success: #079455;--success-50: #ecfdf3;--success-200: #c6efd8;--success-700: #054f30;--warning: #dc6803;--warning-50: #fff8ef;--warning-200: #f5dcbb;--warning-700: #7a3b02;--fg-1: var(--black);--fg-2: var(--n500);--fg-3: #6c7178;--border-default: var(--n300);--border-soft: var(--n200);--radius-m: 8px;--radius-l: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 99999px;--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 32px;--sp-5: 40px;--sp-6: 48px;--sp-7: 56px;--sp-8: 64px;--shadow-subtle: 0 1px 3px rgba(0,0,0,.1);--shadow-elevated: 0 12px 16px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.03);--font-display: "Tilt Warp", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--fg-1);background:var(--n100);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding:0 var(--sp-3) var(--sp-6)}.wrap{max-width:980px;margin:0 auto}h1,h2,h3{font-family:var(--font-display);font-weight:400;color:var(--fg-1);line-height:1.05}h1{font-size:40px;letter-spacing:-.02em}h2{font-size:22px;letter-spacing:-.01em}h3{font-size:14px;letter-spacing:0}p{color:var(--fg-2)}strong{font-weight:600;color:var(--fg-1)}code{font-family:var(--font-mono);font-size:.9em;background:var(--n100);padding:2px 6px;border-radius:4px;color:var(--brand)}a{color:var(--brand);text-decoration:none}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--brand);margin-bottom:var(--sp-1)}.lead{font-size:17px;margin-top:var(--sp-2);max-width:70ch}.lead-cta{font-size:14px;margin-top:var(--sp-2);max-width:70ch;color:var(--fg-2)}.lead-cta a{font-weight:600}header{margin-bottom:var(--sp-6)}.card{background:var(--white);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-subtle);padding:var(--sp-4);margin-bottom:var(--sp-3)}.card>h2{margin-bottom:var(--sp-1)}.card-sub{font-size:14px;margin-bottom:var(--sp-3)}.section-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin:var(--sp-3) 0 var(--sp-2)}.section-label:first-child{margin-top:0}.field{margin-bottom:var(--sp-3)}.field:last-child{margin-bottom:0}label.label{display:block;font-size:13px;font-weight:500;color:var(--fg-1);margin-bottom:6px}.hint{font-size:12px;color:var(--fg-3);margin-top:4px}input[type=number],input[type=email],select{width:100%;font-family:var(--font-body);font-size:15px;color:var(--fg-1);background:var(--white);border:1px solid var(--border-default);border-radius:var(--radius-m);padding:10px 12px;transition:border-color .12s,box-shadow .12s}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-100)}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-3)}.combo{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--sp-1)}.radio-group{display:flex;flex-direction:column;gap:var(--sp-1)}.radio-tile{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--radius-l);background:var(--white);transition:border-color .12s,background .12s}.radio-tile input{position:absolute;opacity:0;pointer-events:none}.radio-tile .dot{flex-shrink:0;width:16px;height:16px;margin-top:1px;border-radius:50%;border:1.5px solid var(--border-default);position:relative;transition:border-color .12s}.radio-tile .rt-title{display:block;font-size:14px;font-weight:500;color:var(--fg-1)}.radio-tile .rt-hint{display:block;font-size:12px;line-height:1.4;color:var(--fg-3);margin-top:1px}.radio-tile:hover{border-color:var(--n400)}.radio-tile:has(input:checked){border-color:var(--brand);background:var(--brand-50)}.radio-tile:has(input:checked) .dot{border-color:var(--brand)}.radio-tile:has(input:checked) .dot:after{content:"";position:absolute;inset:0;margin:auto;width:8px;height:8px;border-radius:50%;background:var(--brand)}.radio-tile:has(input[type=checkbox]) .dot{border-radius:4px}.radio-tile:has(input[type=checkbox]:checked) .dot{background:var(--brand);border-color:var(--brand)}.radio-tile:has(input[type=checkbox]:checked) .dot:after{content:"";position:absolute;inset:46% auto auto 50%;margin:0;width:4px;height:8px;border-radius:0;background:none;border:solid var(--white);border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}.segmented{display:inline-flex;background:var(--n100);border-radius:var(--radius-full);padding:4px;gap:4px}.segmented label{cursor:pointer;font-size:13px;font-weight:500;color:var(--fg-2);padding:7px 16px;border-radius:var(--radius-full);transition:all .12s}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented label:has(input:checked){background:var(--white);color:var(--fg-1);box-shadow:var(--shadow-subtle)}.chips{display:flex;gap:var(--sp-1);flex-wrap:wrap}.chips label{cursor:pointer;font-size:13px;font-weight:500;color:var(--fg-2);border:1px solid var(--border-default);padding:8px 16px;border-radius:var(--radius-l);transition:all .12s}.chips input{position:absolute;opacity:0;pointer-events:none}.chips label:has(input:checked){border-color:var(--brand);color:var(--brand);background:var(--brand-50)}.radio-tile:has(input:focus-visible),.chips label:has(input:focus-visible),.segmented label:has(input:focus-visible){box-shadow:0 0 0 3px var(--brand-100);border-color:var(--brand)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-2);margin-bottom:var(--sp-3)}.tile{position:relative;border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:var(--sp-3);background:var(--white)}.tile.cheapest{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-100)}.tile .tname{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:16px}.tile .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex-shrink:0}.tile .cost{font-family:var(--font-mono);font-weight:700;font-size:30px;color:var(--fg-1);margin:var(--sp-1) 0 2px;letter-spacing:-.02em}.tile .plan{font-size:12px;color:var(--fg-3)}.tile .plan b{color:var(--fg-2);font-weight:600}.tile .badge{position:absolute;top:var(--sp-2);right:var(--sp-2);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--white);background:var(--brand);padding:3px 8px;border-radius:var(--radius-full)}.bars{margin:var(--sp-1) 0 var(--sp-3)}.bar-row{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.bar-row:last-child{margin-bottom:0}.bar-name{width:64px;flex-shrink:0;font-size:13px;font-weight:500;color:var(--fg-1)}.bar-track{flex:1;height:22px;background:var(--n100);border-radius:var(--radius-m);overflow:hidden}.bar-fill{height:100%;border-radius:var(--radius-m);min-width:2px;transition:width .25s ease}.bar-amount{width:100px;flex-shrink:0;text-align:right;font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--fg-1)}table{width:100%;border-collapse:collapse;margin-top:var(--sp-2);font-size:14px}thead th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);padding:10px 12px;border-bottom:1px solid var(--border-soft);background:var(--n50)}thead th.num,tbody td.num{text-align:right;font-family:var(--font-mono)}tbody td{padding:12px;border-bottom:1px solid var(--border-soft);color:var(--fg-2)}tbody td.platform{color:var(--fg-1);font-weight:600}tbody tr:last-child td{border-bottom:none}.verdict{display:flex;align-items:flex-start;gap:var(--sp-2);background:var(--success-50);border:1px solid color-mix(in srgb,var(--success) 30%,white);border-radius:var(--radius-xl);padding:var(--sp-2) var(--sp-3);margin-top:var(--sp-3)}.verdict .vmark{color:var(--success);font-weight:700;font-size:16px;line-height:1.5}.verdict p{color:var(--n700);font-size:14px}.roi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.roi-tile{border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:var(--sp-3);text-align:center}.roi-tile .rlabel{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);margin-bottom:6px}.roi-tile .rvalue{font-family:var(--font-mono);font-weight:700;font-size:24px;color:var(--fg-1)}.roi-tile .rvalue.save{color:var(--success)}details.assumptions{border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:var(--sp-2) var(--sp-3);background:var(--n50)}details.assumptions summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--fg-1)}details.assumptions[open] summary{margin-bottom:var(--sp-2)}.ladder-note{font-size:12px;color:var(--fg-3);margin:var(--sp-2) 0}.actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:15px;font-weight:400;cursor:pointer;padding:12px 24px;border-radius:var(--radius-xl);border:1px solid transparent;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,transform .16s cubic-bezier(.23,1,.32,1)}.btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}@media(prefers-reduced-motion:reduce){.btn{transition:background-color .2s ease}.btn:active{transform:none}}.btn-primary{border-color:var(--black);background-color:var(--black);color:var(--white);background-image:radial-gradient(circle farthest-corner at 50% -25%,#fff6,#fffffd00 70%);box-shadow:0 1px 3px #0a0d121a,inset 2px 2px 1px -2px var(--white)}.btn-primary:hover{background-color:#000}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-primary:disabled:hover,.btn-primary[disabled]:hover{background-color:var(--black)}.btn-ghost{border-color:var(--border-default);background-color:var(--white);color:var(--fg-1);box-shadow:0 1px 2px #0a0d121a}.btn-ghost:hover{background-color:var(--n50)}.modal-backdrop{position:fixed;inset:0;background:#0a0d1273;display:none;align-items:center;justify-content:center;padding:var(--sp-3);z-index:50}.modal-backdrop.open{display:flex;animation:modal-backdrop-in .15s ease}.modal{background:var(--white);border-radius:var(--radius-2xl);padding:var(--sp-4);max-width:420px;width:100%;box-shadow:var(--shadow-elevated)}.modal-backdrop.open .modal{animation:modal-in .15s ease}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.modal-backdrop.open,.modal-backdrop.open .modal{animation:none}}.modal h3{font-family:var(--font-display);font-size:22px;margin-bottom:var(--sp-1)}.modal p{font-size:14px;margin-bottom:var(--sp-3)}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status{font-size:13px;margin-top:var(--sp-2);min-height:18px}.form-status.err{color:var(--brand-700)}.form-status.ok{color:var(--success)}.consent{font-size:12px;line-height:1.4;color:var(--fg-3);margin:6px 0}.consent-opt-in{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.consent-opt-in input{margin-top:1px;width:14px;height:14px;flex:none;accent-color:var(--brand)}.footnote{font-size:12px;color:var(--fg-3);margin-top:var(--sp-3)}@media(max-width:720px){.tiles,.roi-grid,.row-2,.row-3{grid-template-columns:1fr}h1{font-size:32px}.card{padding:var(--sp-3)}}@media(max-width:600px){.results-table thead{display:none}.results-table,.results-table tbody,.results-table tr,.results-table td{display:block;width:100%}.results-table tr{border:1px solid var(--border-soft);border-radius:var(--radius-l);padding:4px 14px;margin-bottom:var(--sp-2)}.results-table tr:last-child{margin-bottom:0}.results-table td{border:none;padding:8px 0;display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2);text-align:right}.results-table td:before{content:attr(data-label);color:var(--fg-3);font-weight:500;font-size:12px;text-align:left}.results-table td.platform{font-size:16px;padding:10px 0 8px;border-bottom:1px solid var(--border-soft);justify-content:flex-start}.results-table td.platform:before{content:none}}.site-nav{display:flex;align-items:center;justify-content:space-between;max-width:980px;margin:0 auto;padding:var(--sp-3) 0}.site-brand{font-family:var(--font-display);font-size:20px;letter-spacing:-.02em;color:var(--fg-1)}.site-logo{display:inline-flex;align-items:center}.site-logo img{height:26px;width:auto;display:block}.site-nav-links{display:flex;align-items:center;gap:var(--sp-3)}.site-nav-cta{font-size:14px;font-weight:600;white-space:nowrap}@media(max-width:480px){.site-nav-links{gap:var(--sp-2)}.site-nav-cta{font-size:13px}}.site-footer{border-top:1px solid var(--border-soft);margin-top:var(--sp-8);padding:var(--sp-4) 0}.site-footer .wrap{display:flex;flex-direction:column;gap:var(--sp-2)}.site-footer-links{display:flex;gap:var(--sp-2);flex-wrap:wrap;font-size:14px}.site-footer-links a{color:var(--fg-2)}.site-footer-links a:hover{color:var(--brand)}.site-footer-fine{font-size:12px;color:var(--fg-3)}
