@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap";:root{--white: #ffffff;--black: #000000;--navy-blue: #002f63;--bright-blue: #00aeea;--blue: #006ce6;--blue-light: var(--bright-blue);--red: #db2200;--red-light: #ff4614;--green: #008300;--green-light: #00a100;--yellow: #fce228;--note-bg: #fff6d9;--note-border: #faeed0;--text-primary: #293036;--text-secondary: #6b7074;--text-tertiary: #8a8d91;--text-navy: var(--navy-blue);--text-navy-secondary: #5c738c;--text-navy-tertiary: #7d8fa3;--gray-bg-1: #fafbfc;--gray-bg-2: #f5f7f9;--gray-border-1: #e0e6ec;--gray-border-2: #d6dee6;--gray-border-3: #c8d0d8;--blue-bg-1: #f2fafe;--blue-bg-2: #edf7fd;--blue-border-1: #d3e8f5;--blue-border-2: #c9e0ee;--blue-border-3: #bad2e4;--input-border: var(--gray-border-3);--focus-ring: rgba(0, 108, 230, .25);--space-0: 0;--space-05: 2px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 48px;--space-6: 96px;--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--radius-xl: 16px;--radius-xxl: 24px;--radius-pill: 50rem;--container-max: 960px;--container-padding: 2rem;--grid-gutter: 2rem;--min-width: 320px;--font-sans: Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-serif: Merriweather, Georgia, "Times New Roman", Times, serif;--font-system: system-ui, sans-serif;--font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root --shadow-sm:{"light": "0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)","high-contrast": "0 0 0 1px rgba(0, 0, 0, 0.25)"}:root --shadow-dropdown:{"light": "0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.04), 0 12px 24px 0 rgba(0, 0, 0, 0.08)","high-contrast": "0 0 0 1px rgba(0, 0, 0, 0.25)"}:root --shadow-calculator:{"light": "0 0 0 1px rgba(0, 0, 0, 0.02), 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 3px 9px 0 rgba(0, 0, 0, 0.04), 0 6px 18px 0 rgba(0, 0, 0, 0.04)","high-contrast": "0 0 0 1px rgba(0, 0, 0, 0.25)"}[data-theme=high-contrast]{--gray-border-1: #bac2ca;--gray-border-2: #bac2ca;--gray-border-3: #bac2ca;--blue-border-1: #a8c2d7;--blue-border-2: #a8c2d7;--blue-border-3: #a8c2d7;--input-border: var(--text-navy-tertiary)}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--white);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.tl-link,.tl-btn-link{color:var(--blue);text-decoration:underline;text-decoration-color:#006ce640;text-underline-offset:.125em;text-decoration-thickness:.0625em}.tl-link:hover,.tl-link:focus,.tl-btn-link:hover,.tl-btn-link:focus{text-decoration-color:currentColor}[data-theme=high-contrast] .tl-link,[data-theme=high-contrast] .tl-btn-link{text-decoration-color:currentColor}.tl-btn{display:inline-block;padding:.375rem 1em;font:inherit;font-size:16px;line-height:1.5;font-weight:450;white-space:nowrap;text-align:center;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}.tl-btn:focus-visible{outline:0;box-shadow:0 0 0 .25rem var(--focus-ring);border-color:var(--blue)}.tl-btn-primary{color:var(--white);background:var(--blue);border-color:var(--blue)}.tl-btn-primary:hover{background:#005cc4;border-color:#0056b8}.tl-btn-primary:focus-visible{box-shadow:0 0 0 .25rem var(--focus-ring);border-color:var(--navy-blue)}.tl-btn-light{color:var(--blue);background:var(--white);border-color:var(--gray-border-3)}.tl-btn-light:hover{background:var(--gray-bg-2)}.tl-btn-link{background:none;border-color:transparent;padding-left:0;padding-right:0}.tl-btn-lg{padding:.5rem 1em;font-size:20px;border-radius:var(--radius-lg)}.tl-btn:disabled{opacity:.65;cursor:default}.tl-card{background:var(--white);border:1px solid var(--gray-border-2);border-radius:var(--radius-lg);padding:var(--space-3);color:var(--text-primary)}.tl-card-primary{border-color:var(--blue-light);background:var(--blue-bg-2)}.tl-card h3{margin:0 0 var(--space-2);font-size:20px;line-height:1.4;font-weight:500;color:var(--text-primary)}.tl-card p{margin:0}.tl-card .tl-muted{color:var(--text-secondary)}.tl-field{display:flex;flex-direction:column;gap:var(--space-2);max-width:360px}.tl-label{font-weight:600;font-size:16px;line-height:1.5;color:var(--text-primary)}.tl-input{display:block;width:100%;box-sizing:border-box;padding:.375rem .75rem;font:inherit;font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--white);border:1px solid var(--input-border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.tl-input::placeholder{color:var(--text-tertiary)}.tl-input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 .25rem var(--focus-ring)}.tl-input.is-invalid{border-color:var(--red)}.tl-help{font-size:14px;color:var(--text-secondary)}.tl-error{font-size:14px;color:var(--red)}.tl-note{background:var(--note-bg);border:1px solid var(--note-border);border-radius:var(--radius-lg);padding:var(--space-3);color:var(--text-primary)}.tl-note strong{font-weight:600}*{box-sizing:border-box}body{margin:0;min-width:var(--min-width)}.app{max-width:calc(var(--container-max) + 2 * var(--space-3));margin:0 auto;padding:var(--space-4) var(--space-3) var(--space-5)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.app-header img{height:42px;max-width:146px}h1{font-size:32px;line-height:40px;font-weight:600;color:var(--navy-blue);margin:0;text-wrap:balance}h2{font-size:24px;line-height:32px;font-weight:500;color:var(--navy-blue);margin:var(--space-3) 0 0;text-wrap:balance}h3{text-wrap:balance}p{margin:0;text-wrap:pretty}.lead{font-size:20px;line-height:28px;color:var(--text-secondary)}.small{font-size:14px;line-height:20px;color:var(--text-secondary)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.spread{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.plain-list{list-style:none;padding:0;margin:0}.plain-fieldset{border:0;padding:0;margin:0;min-width:0}.tl-field{max-width:none}.choice{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-1) 0}.num{font-variant-numeric:tabular-nums}:root{--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .15s;--dur: .3s;--dur-slow: .7s}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}@keyframes fill-in{0%{width:0}}@keyframes grow-up{0%{transform:scaleY(0)}}@keyframes pulse-bg{0%{background-color:var(--blue-bg-2)}}@keyframes dash-flow{to{stroke-dashoffset:-24}}.screen-enter{animation:rise-in var(--dur) var(--ease-out) both}.stagger>*{animation:rise-in var(--dur) var(--ease-out) both}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(n+6){animation-delay:.25s}.tl-btn,.chip{transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast)}.tl-btn:active:not(:disabled),.chip:active{transform:translateY(1px) scale(.98)}.tl-note[role=status]{animation:rise-in var(--dur) var(--ease-out) both}.just-moved{animation:pulse-bg .9s ease-out}[data-inview=false] *,[data-inview=false]{animation-play-state:paused!important}.chip{min-height:44px;padding:0 var(--space-3);font:inherit;font-weight:450;color:var(--text-primary);background:var(--white);border:1px solid var(--gray-border-3);border-radius:var(--radius);cursor:pointer;white-space:nowrap}.chip:hover{background:var(--gray-bg-2)}.chip[aria-pressed=true]{color:var(--blue);background:var(--blue-bg-2);border-color:var(--blue)}.chip:focus-visible{outline:0;box-shadow:0 0 0 .25rem var(--focus-ring);border-color:var(--blue)}.progress{height:8px;background:var(--gray-bg-2);border:1px solid var(--gray-border-1);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{height:100%;background:var(--blue);transition:width var(--dur-slow) var(--ease-out);animation:fill-in var(--dur-slow) var(--ease-out) both}.progress-fill.is-full{background:var(--green)}.rebuild{margin:0}.rebuild svg{width:100%;height:80px;display:block}.rebuild-bar{fill:var(--blue-border-3);transform-box:fill-box;transform-origin:bottom;animation:grow-up var(--dur-slow) var(--ease-out) both}.rebuild-bar.is-edge{fill:var(--blue)}.flow{width:100%;max-width:360px;height:auto;display:block}.flow-node{fill:var(--blue-bg-2);stroke:var(--blue-border-3)}.flow-label{font-size:11px;fill:var(--navy-blue);font-family:var(--font-sans)}.flow-arrow{fill:none;stroke:var(--blue);stroke-width:2;stroke-dasharray:6 6;animation:dash-flow 1.2s linear infinite}.flow-arrow.is-back{stroke:var(--green)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.landing-hero{padding:var(--space-4) 0 var(--space-2)}.landing-hero h1{font-size:40px;line-height:48px}.step{display:grid;grid-template-columns:32px 1fr;gap:var(--space-2) var(--space-3);align-items:start}.step-num{width:32px;height:32px;border-radius:var(--radius-pill);background:var(--blue-bg-2);color:var(--navy-blue);font-weight:600;display:grid;place-items:center}.step-body{min-width:0}.example{padding:var(--space-3);background:var(--gray-bg-1);border:1px solid var(--gray-border-1);border-radius:var(--radius-lg)}.example>:nth-child(2) .progress-fill{animation-delay:.4s}.compare-row{display:flex;flex-direction:column;gap:var(--space-1)}.bar-track{height:12px;background:var(--gray-bg-2);border-radius:var(--radius-pill);overflow:hidden}.bar{height:100%;border-radius:var(--radius-pill);transition:width var(--dur-slow) var(--ease-out);animation:fill-in var(--dur-slow) var(--ease-out) both}.bar.is-cost{background:var(--red)}.bar.is-self{background:var(--blue-border-3)}.persona-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3)}.hero{background:var(--navy-blue);color:var(--white);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);animation:rise-in var(--dur) var(--ease-out) both}.hero p{color:var(--white)}.hero-figure{font-size:48px;line-height:1.1;font-weight:700;font-variant-numeric:tabular-nums;text-wrap:balance}.hero .progress{background:#ffffff40;border-color:transparent}.hero .progress-fill,.hero .progress-fill.is-full{background:var(--white)}.plan{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.plan caption{text-align:left;padding-bottom:var(--space-1)}.plan th,.plan td{text-align:left;padding:var(--space-1) 0;border-bottom:1px solid var(--gray-border-1)}.plan th:last-child,.plan td:last-child{text-align:right}.summary{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-3);margin:0}.summary dt{color:var(--text-secondary)}.summary dd{margin:0;text-align:right;font-weight:500;font-variant-numeric:tabular-nums}.mix{display:flex;height:14px;border-radius:var(--radius-pill);overflow:hidden;gap:2px;background:var(--gray-bg-2)}.mix-seg{height:100%;transition:width var(--dur-slow) var(--ease-out);animation:fill-in var(--dur-slow) var(--ease-out) both}.mix-seg.is-short{background:var(--bright-blue)}.mix-seg.is-medium{background:var(--blue);animation-delay:.12s}.mix-seg.is-long{background:var(--navy-blue);animation-delay:.24s}.legend{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3)}.swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:var(--space-1);vertical-align:baseline}.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:var(--space-3);align-items:start}.narrow{max-width:720px}.landing-hero p{max-width:40em}@media (min-width: 800px){.app{padding-left:var(--space-4);padding-right:var(--space-4)}.landing-hero h1{font-size:56px;line-height:64px}.step .step-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2) var(--space-5);align-items:start}.step .step-body>h3{grid-column:1 / -1}.hero{padding:var(--space-5)}.hero-figure{font-size:64px}}.icon-btn{min-width:44px;padding-left:0;padding-right:0}.hero-figure{overflow-wrap:anywhere}.hero-empty{font-size:24px;line-height:32px;font-weight:600;text-wrap:balance}