@layer components{.tools-index{display:none}@media (min-width:768px){.tools-index{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--background);box-shadow:var(--e-2);display:block}}.tools-index-label{color:var(--muted);margin-block-end:var(--space-3);font-size:.875rem;font-weight:700}.tools-index ol{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.tools-index-link{align-items:center;gap:var(--space-3);min-block-size:3.5rem;padding:var(--space-2) var(--space-3);border-radius:var(--r-md);color:var(--foreground);transition:background-color var(--dur-fast) ease;display:flex}.tools-index-link:hover{background:var(--hue-tint)}.tools-index-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tools-index-icon{border-radius:var(--r-md);background:var(--hue-tint);block-size:2.5rem;inline-size:2.5rem;color:var(--hue-text);flex:none;place-items:center;display:grid}.tools-index-text{flex:1;min-inline-size:0;display:grid}.tools-index-name{font-weight:700;line-height:1.25}.tools-index-kind{color:var(--muted);font-size:.8125rem}.tools-index-arrow{color:var(--subtle);transition:transform var(--dur-hover) var(--ez-out), color var(--dur-fast) ease;flex:none}.tools-index-link:hover .tools-index-arrow{color:var(--hue-text);transform:translate(3px)}.tool-cards{gap:var(--space-5);margin:var(--space-8) 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.tool-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool-card{gap:var(--space-3);padding:var(--space-6);border:1px solid var(--line);border-block-start:4px solid var(--hue);border-radius:var(--r-lg);background:var(--background);transition:box-shadow var(--dur-hover) ease, transform var(--dur-hover) var(--ez-out);flex-direction:column;display:flex;position:relative}.tool-card:hover{box-shadow:var(--lift-shadow);transform:translateY(-2px)}.tool-card:focus-within{outline:2px solid var(--accent);outline-offset:2px}.tool-card-icon{border-radius:var(--r-md);background:var(--hue-tint);block-size:2.75rem;inline-size:2.75rem;color:var(--hue-text);place-items:center;display:grid}.tool-card-title{font-family:var(--font-display);font-size:var(--t-h3);letter-spacing:var(--track-sm);font-weight:700;line-height:1.2}.tool-card-link{color:inherit}.tool-card-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.tool-card-link:focus-visible{outline:none}.tool-card-line{color:var(--fg-2);line-height:1.55}.tool-card-example{gap:var(--space-1);padding:var(--space-4);border-radius:var(--r-md);background:var(--hue-tint);margin-block-start:auto;display:grid}.tool-card-example-in{color:var(--fg-2);font-variant-numeric:tabular-nums;font-size:.875rem}.tool-card-example-out{font-family:var(--font-display);font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);font-weight:800;font-stretch:var(--stretch-metric);color:var(--hue-text);font-variant-numeric:tabular-nums;line-height:1.1}.tool-card-example-note{color:var(--muted);font-size:.8125rem}.tool-card-open{align-items:center;gap:var(--space-2);color:var(--accent);font-weight:700;display:inline-flex}.tool-card:hover .tool-card-open svg{transform:translate(3px)}.tool-card-open svg{transition:transform var(--dur-hover) var(--ez-out)}.demo-grid{gap:var(--space-5);margin:var(--space-8) 0 0;padding:0;list-style:none;display:grid}@media (min-width:1024px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--background);transition:border-color var(--dur-fast) ease;flex-direction:column;scroll-margin-block-start:var(--anchor-offset);display:flex;overflow:hidden}.demo-card[data-open]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.demo-card-shot{aspect-ratio:16/10;border-block-end:1px solid var(--line);background:var(--card);overflow:hidden}.demo-card-shot img{object-fit:cover;object-position:top left;block-size:100%;inline-size:100%;display:block}.demo-card-body{gap:var(--space-2);padding:var(--space-5) var(--space-6) var(--space-6);flex-direction:column;flex:1;display:flex}.demo-card-title{font-family:var(--font-display);font-size:var(--t-h3);letter-spacing:var(--track-sm);font-weight:700;line-height:1.2}.demo-card-line{color:var(--fg-2);line-height:1.55}.demo-card-runs{color:var(--muted);font-size:.875rem;line-height:1.5}.demo-card-actions{align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;margin-block-start:auto;padding-block-start:var(--space-3);display:flex}@media (scripting:none){.demo-try{display:none}}.demo-stage{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface-2);margin-block-start:var(--space-6);scroll-margin-block-start:var(--anchor-offset)}.demo-stage[hidden]{display:none}.demo-stage:focus{outline:none}.demo-stage:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (min-width:768px){.demo-stage{padding:var(--space-7)}}.demo-stage-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-5);display:flex}.demo-stage-title{align-items:center;gap:var(--space-2);font-weight:700;display:inline-flex}.demo-stage-dot{background:var(--signal);block-size:.625rem;inline-size:.625rem;box-shadow:0 0 0 4px color-mix(in srgb, var(--signal) 20%, transparent);border-radius:50%}.demo-stage-close{min-block-size:2.75rem;padding-inline:var(--space-4);border:1.5px solid var(--line-button);border-radius:var(--r-md);background:var(--background);font-weight:600}.demo-stage-close:hover{border-color:var(--foreground)}.demo-stage-pending{padding-block:var(--space-8);color:var(--muted);text-align:center}.demo-stage-ask{align-items:baseline;gap:var(--space-2) var(--space-4);border-block-start:var(--rule-hair);color:var(--muted);flex-wrap:wrap;margin-block-start:var(--space-6);padding-block-start:var(--space-5);display:flex}.calc{gap:var(--space-5);display:grid}@media (min-width:1024px){.calc{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.calc-inputs{padding:var(--space-6);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--background);margin:0}.calc-legend{float:left;inline-size:100%;font-family:var(--font-display);font-size:var(--t-h3);margin-block-end:var(--space-4);padding:0;font-weight:700}.calc-field{gap:var(--space-2);clear:both;margin:0 0 var(--space-5);display:grid}.calc-label{justify-content:space-between;align-items:baseline;gap:var(--space-4);font-size:.9375rem;font-weight:600;display:flex}.calc-value{font-family:var(--font-display);color:var(--hue-text);font-variant-numeric:tabular-nums;flex:none;font-size:1.125rem;font-weight:800}.calc-range{--fill:50%;cursor:pointer;appearance:none;background:0 0;block-size:2.75rem;inline-size:100%;margin:0}.calc-range:focus{outline:none}.calc-range::-webkit-slider-runnable-track{border-radius:var(--r-pill);background:linear-gradient(to right, var(--hue) var(--fill), var(--line) var(--fill));block-size:.5rem}.calc-range::-moz-range-track{border-radius:var(--r-pill);background:var(--line);block-size:.5rem}.calc-range::-moz-range-progress{border-radius:var(--r-pill);background:var(--hue);block-size:.5rem}.calc-range::-webkit-slider-thumb{border:3px solid var(--background);background:var(--hue);block-size:1.5rem;inline-size:1.5rem;box-shadow:0 0 0 1px var(--hue), var(--e-1);appearance:none;border-radius:50%;margin-block-start:-.5rem}.calc-range::-moz-range-thumb{border:3px solid var(--background);background:var(--hue);block-size:1.25rem;inline-size:1.25rem;box-shadow:0 0 0 1px var(--hue);border-radius:50%}.calc-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:3px}.calc-range:focus-visible::-moz-range-thumb{outline:2px solid var(--accent);outline-offset:3px}.calc-note{clear:both;color:var(--muted);font-size:.875rem;line-height:1.5}.calc-result{gap:var(--space-6);padding:var(--space-6);border-radius:var(--r-lg);background:var(--background);box-shadow:var(--e-2);border:1px solid var(--line);display:grid}@media (min-width:1280px){.calc-result{position:sticky;inset-block-start:calc(var(--header-h) + var(--space-6))}}.calc-kicker{color:var(--muted);font-size:.875rem;font-weight:700}.calc-big{font-family:var(--font-display);font-size:clamp(2.25rem,1.6rem + 2.6vw,3.5rem);font-weight:800;font-stretch:var(--stretch-metric);letter-spacing:var(--track-md);color:var(--hue-text);font-variant-numeric:tabular-nums;margin-block-start:var(--space-1);line-height:1.02}.calc-big>span{font-family:var(--font-sans);letter-spacing:0;color:var(--muted);font-size:1rem;font-weight:600;font-stretch:100%}.calc-sub{color:var(--fg-2);margin-block-start:var(--space-2);line-height:1.5}.calc-rows{gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid}.calc-row{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pick months""bar bar";display:grid}.calc-row[data-on]{border-color:var(--hue);background:var(--hue-tint)}.calc-row-pick{align-items:baseline;gap:0 var(--space-2);cursor:pointer;flex-wrap:wrap;grid-area:pick;align-content:center;min-block-size:2.75rem;padding-inline-start:1.75rem;display:flex;position:relative}.calc-row-pick input{block-size:1.125rem;inline-size:1.125rem;accent-color:var(--hue);margin:0;position:absolute;inset-block-start:50%;inset-inline-start:0;transform:translateY(-50%)}.calc-row-name{font-weight:700;line-height:1.3}.calc-row-price{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem}.calc-row-months{color:var(--hue-text);text-align:end;font-variant-numeric:tabular-nums;grid-area:months;font-weight:700}.calc-bar{border-radius:var(--r-pill);background:var(--line-soft);background-image:repeating-linear-gradient(to right, transparent 0 calc(100% / 12 - 1px), var(--line) calc(100% / 12 - 1px) calc(100% / 12));grid-area:bar;block-size:.5rem;display:block;position:relative}.calc-bar-fill{border-radius:var(--r-pill);background:var(--hue);transition:inset-inline-start var(--dur-base) var(--ez-out), inline-size var(--dur-base) var(--ez-out);position:absolute;inset-block:0}.calc-bar-fill[data-over]{background:linear-gradient(to right, var(--hue), color-mix(in srgb, var(--hue) 20%, transparent))}@media (prefers-reduced-motion:reduce){.calc-bar-fill{transition:none}}.calc-axis{padding-inline:var(--space-3);color:var(--muted);justify-content:space-between;margin-block-start:var(--space-2);font-size:.75rem;display:flex}.calc-asks{gap:var(--space-4);justify-items:start;display:grid}.calc-asks>.btn-primary,.calc-asks>.qc-inline{justify-self:stretch}.calc-fine{color:var(--muted);font-size:.8125rem;line-height:1.5}.tb-email{display:grid}.calc-steps{gap:var(--space-5);margin:var(--space-8) 0 0;counter-reset:none;padding:0;list-style:none;display:grid}@media (min-width:768px){.calc-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.calc-step{align-content:start;gap:var(--space-3);border-block-start:2px solid var(--hue);padding-block-start:var(--space-5);display:grid}.calc-step>p{color:var(--fg-2);line-height:1.6}.calc-step-n{background:var(--hue-tint);block-size:2rem;inline-size:2rem;color:var(--hue-text);border-radius:50%;place-items:center;font-weight:800;display:grid}.calc-more{margin-block-start:var(--space-7)}.hosted-list{margin:var(--space-6) 0 0;border-block-end:var(--rule-hair);padding:0;list-style:none}.hosted-row{gap:var(--space-3);padding-block:var(--space-5);border-block-start:var(--rule-hair);display:grid}@media (min-width:768px){.hosted-row{align-items:center;gap:var(--space-7);grid-template-columns:minmax(0,1fr) auto}}.hosted-row-kind{color:var(--muted);margin-block-end:var(--space-1);font-size:.875rem;font-weight:600}.hosted-row-name{font-size:1.0625rem;font-weight:700}.hosted-row-line{max-inline-size:var(--m-lede);color:var(--fg-2);margin-block-start:var(--space-1);line-height:1.55}.hosted-row-links{align-items:center;gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.hosted-row-links .link-cta{align-items:center;gap:var(--space-1);min-block-size:2.75rem;display:inline-flex}.hosted-row-links .link-cta:after{content:none}.hosted-row-story{min-block-size:2.75rem;color:var(--muted);text-underline-offset:3px;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.hosted-row-story:hover{color:var(--foreground)}.more-tools{gap:var(--space-3);margin:var(--space-6) 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.more-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}.more-tools-link{gap:var(--space-1);block-size:100%;padding:var(--space-4) var(--space-10) var(--space-4) var(--space-5);border:1px solid var(--line);border-inline-start:4px solid var(--hue);border-radius:var(--r-md);background:var(--background);color:var(--foreground);transition:box-shadow var(--dur-hover) ease;display:grid;position:relative}.more-tools-link:hover{box-shadow:var(--e-2)}.more-tools-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.more-tools-name{font-weight:700}.more-tools-line{color:var(--fg-2);font-size:.9375rem;line-height:1.5}.more-tools-arrow{color:var(--hue-text);position:absolute;inset-block-start:50%;inset-inline-end:var(--space-4);transform:translateY(-50%)}}