/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:"Figtree", "Figtree Fallback", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Bricolage Grotesque", "Bricolage Fallback", ui-sans-serif, system-ui, sans-serif;--color-paper:oklch(98.5% .004 250);--color-ink-50:oklch(97% .008 258);--color-ink-100:oklch(94% .014 258);--color-ink-200:oklch(88% .025 258);--color-ink-300:oklch(78% .04 258);--color-ink-400:oklch(65% .06 258);--color-ink-500:oklch(52% .09 258);--color-ink-600:oklch(42% .1 258);--color-ink-700:oklch(34% .085 258);--color-ink-800:oklch(27% .07 258);--color-ink-900:oklch(21% .055 258);--color-ink-950:oklch(16% .045 258);--color-result-300:oklch(88% .17 152);--color-result-400:oklch(82% .19 150);--color-result-700:oklch(46% .13 152);--radius-card:1.25rem;--radius-pill:999px;--shadow-soft:0 1px 2px oklch(21% .055 258/.06), 0 14px 34px -14px oklch(21% .055 258/.22);--shadow-lift:0 2px 4px oklch(21% .055 258/.08), 0 22px 44px -16px oklch(21% .055 258/.32)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5.5rem;scroll-padding-bottom:5rem}body{background:var(--color-paper);color:var(--color-ink-900);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.65}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:inherit;text-wrap:balance;font-weight:700;line-height:1.08}p,li{text-wrap:pretty}a{color:inherit;text-underline-offset:.2em}:focus-visible{outline:3px solid var(--color-result-400);outline-offset:3px;border-radius:.25rem}.on-light :focus-visible,main :focus-visible{outline-color:var(--color-ink-600)}.on-dark :focus-visible{outline-color:var(--color-result-300)}::selection{background:var(--color-ink-700);color:#fff}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}}@layer components{.wrap{width:min(100% - 2.5rem,72rem);margin-inline:auto}.wrap-narrow{width:min(100% - 2.5rem,46rem);margin-inline:auto}.skip-link{z-index:100;border-radius:var(--radius-pill);color:var(--color-ink-950);background:#fff;padding:.75rem 1.25rem;font-weight:700;transition:top .15s;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:.75rem}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);color:#fff;background:oklch(16% .045 258/.86);border-bottom:1px solid oklch(100% 0 0/.08);position:sticky;top:0}.site-header__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem 1rem;min-height:4rem;padding-block:.5rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;align-items:center;gap:.65rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}@media (max-width:23.99rem){.brand{gap:.5rem;font-size:1rem}}.brand__mark{background:var(--color-ink-700);border-radius:.6rem;place-items:center;width:2rem;height:2rem;display:grid;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.14)}.brand__mark span{background:linear-gradient(90deg, var(--color-ink-400) 0 30%, #fff 30% 80%, var(--color-ink-400) 80%);border-radius:99px;width:1.05rem;height:.3rem;display:block}.nav-toggle{border-radius:var(--radius-pill);color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;background:0 0;border:1px solid oklch(100% 0 0/.28);align-items:center;gap:.5rem;padding:.4rem .9rem;font-weight:600;display:none}.nav-toggle__icon{border-block:2px solid;width:1.1rem;height:.75rem;position:relative}.nav-toggle__icon:after{content:"";background:currentColor;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.primary-nav{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;width:100%;display:flex}.primary-nav ul{flex-wrap:wrap;gap:.15rem .25rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{border-radius:var(--radius-pill);min-height:2.5rem;color:var(--color-ink-100);align-items:center;padding:.35rem .85rem;font-size:.97rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.nav-link:hover,.nav-link[aria-current=page]{color:#fff;background:oklch(100% 0 0/.1)}.nav-link[aria-current=page]{box-shadow:inset 0 -2px #fff}@media (min-width:62rem){.site-header__bar{flex-wrap:nowrap}.primary-nav{justify-content:flex-end;gap:.5rem 1rem;width:auto}}@media (max-width:61.99rem){.site-header__bar{position:relative}html.js .nav-toggle{display:inline-flex}html.js .primary-nav{padding-block:.5rem 1rem;display:none}html.js .primary-nav.is-open{flex-direction:column;align-items:stretch;display:flex}html.js .primary-nav ul{flex-direction:column}html.js .primary-nav .nav-link{width:100%;min-height:2.75rem;font-size:1.05rem}html.js .primary-nav .btn{justify-content:center}}.btn{border-radius:var(--radius-pill);min-height:2.9rem;font-family:var(--font-sans);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:.6rem;padding:.65rem 1.4rem;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s,color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--light{color:var(--color-ink-950);background:#fff;box-shadow:0 8px 22px -10px oklch(0% 0 0/.55)}.btn--light:hover{background:var(--color-ink-50);box-shadow:0 14px 28px -12px oklch(0% 0 0/.6)}.btn--dark{background:var(--color-ink-900);color:#fff;box-shadow:var(--shadow-soft)}.btn--dark:hover{background:var(--color-ink-700);box-shadow:var(--shadow-lift)}.btn--ghost-light{color:#fff;border-color:oklch(100% 0 0/.35)}.btn--ghost-light:hover{background:oklch(100% 0 0/.1)}.btn--ghost-dark{border-color:var(--color-ink-300);color:var(--color-ink-900)}.btn--ghost-dark:hover{border-color:var(--color-ink-700);background:var(--color-ink-50)}.btn--small{min-height:2.5rem;padding:.4rem 1.1rem;font-size:.95rem}.btn__arrow{flex:none;width:1.1em;height:1.1em}.section{padding-block:clamp(3.5rem,2.2rem + 5vw,6.5rem)}.section--tint{background:var(--color-ink-50)}.section--dark{background:var(--color-ink-950);color:#fff}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-600);margin:0 0 .9rem;font-size:.82rem;font-weight:700}.on-dark .eyebrow,.section--dark .eyebrow{color:var(--color-ink-300)}.section-title{margin:0 0 1rem;font-size:clamp(1.9rem,1.3rem + 2.4vw,3.1rem)}.section-lead{max-width:40rem;color:var(--color-ink-700);margin:0 0 2.5rem;font-size:1.15rem}.section--dark .section-lead{color:var(--color-ink-200)}.site-footer{background:var(--color-ink-950);color:var(--color-ink-200);padding-block:3.5rem 2.5rem;font-size:.97rem}.site-footer a:not(.btn){color:#fff;text-decoration-color:oklch(100% 0 0/.4)}.site-footer a:not(.btn):hover{text-decoration-color:#fff}.footer-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem;display:grid}@media (min-width:48rem){.footer-grid{grid-template-columns:1.6fr 1fr 1fr}}.footer-text{max-width:26rem;margin:0}.footer-cta{margin:1.25rem 0 0}.footer-note{margin:0;font-size:.8rem}.footer-title{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-300);margin:0 0 .9rem;font-size:.8rem;font-weight:700}.footer-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.footer-legal{color:var(--color-ink-300);border-top:1px solid oklch(100% 0 0/.12);flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;margin-top:2.75rem;padding-top:1.5rem;font-size:.9rem;display:flex}.footer-legal--plain{border-top:0;margin-top:0;padding-top:0}.footer-legal ul{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.reveal-fx{will-change:opacity, transform}.hero{background:radial-gradient(60rem 28rem at 85% -10%, oklch(34% .085 258/.7), transparent 70%), var(--color-ink-950);color:#fff;padding-block:clamp(2.5rem,1.4rem + 4vw,4.75rem) clamp(5.5rem,3.5rem + 6vw,8.5rem);position:relative;overflow:hidden}.hero__bg{pointer-events:none;background-image:repeating-linear-gradient(0deg,oklch(100% 0 0/.055) 0 1px,#0000 1px 3rem),repeating-linear-gradient(90deg,oklch(100% 0 0/.055) 0 1px,#0000 1px 3rem);position:absolute;inset:-4rem 0 -2rem;-webkit-mask-image:linear-gradient(#000 10%,#0000 90%);mask-image:linear-gradient(#000 10%,#0000 90%)}.hero__grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:2.5rem;display:grid;position:relative}@media (min-width:62rem){.hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:4rem}}.hero h1{letter-spacing:-.03em;margin:0 0 1.25rem;font-size:clamp(2.3rem,1.4rem + 4.2vw,4.5rem);font-weight:800}.hero__accent{color:var(--color-ink-200);margin-top:.35rem;font-weight:500;display:block}.hero__lead{max-width:36rem;color:var(--color-ink-100);margin:0 0 1.75rem;font-size:clamp(1.05rem,1rem + .3vw,1.2rem)}.hero__actions{flex-wrap:wrap;gap:.75rem;display:flex}.demo__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,oklch(100% 0 0/.09),oklch(100% 0 0/.03));border:1px solid oklch(100% 0 0/.16);border-radius:1.5rem;padding:clamp(1.25rem,3vw,1.75rem);box-shadow:0 30px 60px -30px oklch(0% 0 0/.7)}.demo__title{letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-300);margin:0 0 1rem;font-size:.85rem;font-weight:700}.demo__toggles{gap:.55rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.demo__toggle{color:var(--color-ink-300);align-items:center;gap:.75rem;font-weight:500;transition:color .3s;display:flex}.demo__toggle.is-on{color:#fff}.demo__switch{background:var(--color-ink-700);border-radius:99px;flex:none;width:2.4rem;height:1.35rem;transition:background-color .3s;position:relative}.demo__switch:after{content:"";background:var(--color-ink-200);border-radius:50%;width:.95rem;height:.95rem;transition:transform .3s,background-color .3s;position:absolute;top:.2rem;left:.2rem}.demo__toggle.is-on .demo__switch{background:var(--color-ink-500)}.demo__toggle.is-on .demo__switch:after{background:#fff;transform:translate(1.05rem)}.demo__range{font-family:var(--font-display);color:var(--color-result-400);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.1rem .5rem;margin:0 0 .9rem;font-size:clamp(1.6rem,1rem + 1.8vw,2.3rem);font-weight:800;line-height:1;display:flex}.demo__num{min-width:5.6ch;display:inline-block}.demo__dash{color:var(--color-ink-300);font-weight:500}.demo__unit{color:var(--color-ink-200);font-size:.5em;font-weight:500}.demo__bar{border-radius:99px;width:100%;height:.55rem;display:block;overflow:hidden}.demo__bar-bg{fill:var(--color-ink-700)}.demo__bar-fill{fill:var(--color-result-400)}.demo__caption{color:var(--color-ink-300);margin:1rem 0 0;font-size:.95rem}.demo__pause{min-height:2.75rem;color:var(--color-ink-100);font:inherit;text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;margin:.35rem 0 0;padding:.4rem 0;font-size:.92rem;font-weight:600;text-decoration:underline}.demo__pause:hover{color:#fff}.example-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.example-card{border:1px solid var(--color-ink-100);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;padding:1.6rem;transition:transform .25s,box-shadow .25s}.example-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.example-card h3{margin:0 0 .5rem;font-size:1.4rem}.example-card__text{color:var(--color-ink-700);margin:0 0 1.25rem;font-size:.97rem}.example-card__cost{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-result-700);font-variant-numeric:tabular-nums;margin:0 0 1rem;font-size:clamp(1.55rem,1.2rem + 1.2vw,2.05rem);font-weight:800;line-height:1.1}.example-card__facts{border-top:1px solid var(--color-ink-100);gap:.35rem;margin:0;padding-top:1rem;font-size:.95rem;display:grid}.example-card__facts div{justify-content:space-between;gap:1rem;display:flex}.example-card__facts dt{color:var(--color-ink-600)}.example-card__facts dd{text-align:right;color:var(--color-result-700);margin:0;font-weight:600}.answer-more{max-width:44rem;color:var(--color-ink-700);margin:1.75rem 0 0}.formula-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:2.5rem;display:grid}@media (min-width:62rem){.formula-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem}}.formula-steps{counter-reset:formula;gap:1rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.formula-steps li{counter-increment:formula;padding-left:3rem;position:relative}.formula-steps li:before{content:counter(formula);background:var(--color-ink-900);color:#fff;width:2rem;height:2rem;font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:.05rem;left:0}.worked{border:1px solid var(--color-ink-100);box-shadow:var(--shadow-soft);background:#fff;border-radius:1.5rem;padding:clamp(1.25rem,3vw,2rem)}.worked h3{margin:0 0 1rem;font-size:1.3rem}.worked__table{border-collapse:collapse;width:100%;font-size:.95rem}.worked__table th,.worked__table td{border-bottom:1px solid var(--color-ink-100);text-align:left;vertical-align:top;padding:.6rem .5rem}.worked__table thead th{letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-600);font-size:.78rem}.worked__table tbody th{font-weight:500}.worked__table td:last-child{font-variant-numeric:tabular-nums;text-align:right;color:var(--color-result-700);font-weight:600}@media (min-width:40rem){.worked__table td:last-child{white-space:nowrap}}.worked__calc{display:none}.worked__inline{color:var(--color-ink-600);font-size:.85rem;font-weight:400;display:block}@media (min-width:40rem){.worked__calc{display:table-cell}.worked__inline{display:none}}.worked__sum th,.worked__sum td{background:var(--color-ink-50);font-weight:700}.worked__note{color:var(--color-ink-600);margin:1rem 0 0;font-size:.93rem}.compare-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (min-width:62rem){.compare-grid{grid-template-columns:1.15fr 1fr 1fr}}.compare-card{border-radius:var(--radius-card);background:oklch(100% 0 0/.05);border:1px solid oklch(100% 0 0/.14);padding:1.6rem}.compare-card--keep{background:oklch(100% 0 0/.1);border-color:oklch(100% 0 0/.28)}.compare-card h3{color:#fff;margin:0 0 1rem;font-size:1.35rem}.compare-card__figure{border-bottom:1px solid oklch(100% 0 0/.14);gap:.15rem;margin:0 0 1.1rem;padding-bottom:1rem;display:grid}.compare-card__label{color:var(--color-ink-300);font-size:.85rem}.compare-card__num{font-family:var(--font-display);color:var(--color-result-400);font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);font-weight:800}.compare-list{color:var(--color-ink-100);gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.compare-list li{padding-left:1.7rem;position:relative}.compare-list li:before{content:"•";color:var(--color-ink-300);position:absolute;left:.25rem}.compare-list--drop li:before{content:"–";color:var(--color-ink-300);left:.1rem}.compare-list--keep li:before{content:"✓";color:#fff;font-weight:700;left:0}.compare-list a{color:#fff}.compare-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-top:2rem;display:flex}.compare-foot p{max-width:38rem;color:var(--color-ink-200);margin:0}.compare-foot p a{color:#fff;font-weight:600}.bento{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (min-width:40rem){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento__tile--wide{grid-column:span 2}}@media (min-width:62rem){.bento{grid-template-columns:repeat(6,minmax(0,1fr))}.bento__tile{grid-column:span 2}.bento__tile--wide{grid-column:span 3}}.bento__tile{border:1px solid var(--color-ink-100);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;padding:1.6rem;transition:transform .25s,box-shadow .25s}.bento__tile:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.bento__tile h3{margin:0 0 .35rem;font-size:1.2rem}.bento__figure{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-result-700);margin:0 0 .6rem;font-size:1.65rem;font-weight:800}.bento__tile p:last-child{color:var(--color-ink-700);margin:0;font-size:.97rem}.link-row{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.link-row--center{justify-content:center}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.section-head .section-title{margin:0}.calc-section{z-index:1;background:var(--color-paper);border-radius:2rem 2rem 0 0;margin-top:-2.75rem;padding-block:2rem 3.5rem;position:relative}.calc-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@media (min-width:64rem){.calc-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.75rem}}.calc-form{border:1px solid var(--color-ink-100);box-shadow:var(--shadow-soft);background:#fff;border-radius:1.5rem;padding:clamp(1.25rem,3vw,2.25rem)}.calc-form__head h2{margin:0 0 .5rem;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.2rem)}.calc-privacy{color:var(--color-ink-600);margin:0 0 1.75rem;font-size:.95rem}.calc-noscript{background:var(--color-ink-50);border-radius:.75rem;margin:-1rem 0 1.5rem;padding:.75rem 1rem;font-size:.95rem}.calc-field{border:0;min-width:0;margin:0 0 1.75rem;padding:0}.calc-field legend,.calc-label{color:var(--color-ink-900);margin:0 0 .7rem;padding:0;font-size:1rem;font-weight:700;display:block}.calc-hint{color:var(--color-ink-600);margin:.5rem 0 0;font-size:.9rem}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.6rem;display:grid}.choice-grid--4{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.choice{cursor:pointer;display:block;position:relative}.choice__body{border:2px solid var(--color-ink-100);background:#fff;border-radius:1rem;gap:.2rem;height:100%;padding:.85rem 2.6rem .85rem 1rem;transition:border-color .2s,background-color .2s,box-shadow .2s;display:grid;position:relative}.choice__body:after{content:"";border:2px solid var(--color-ink-300);background:#fff;border-radius:50%;width:1.15rem;height:1.15rem;transition:background-color .2s,border-color .2s;position:absolute;top:.9rem;right:.85rem}.choice--check .choice__body:after{border-radius:.3rem}.choice:hover .choice__body{border-color:var(--color-ink-300)}.choice input:checked+.choice__body{border-color:var(--color-ink-800);background:var(--color-ink-50);box-shadow:0 6px 16px -10px oklch(21% .055 258/.5)}.choice input:checked+.choice__body:after{border-color:var(--color-ink-800);background:var(--color-ink-800);box-shadow:inset 0 0 0 2.5px #fff}.choice input:focus-visible+.choice__body{outline:3px solid var(--color-ink-600);outline-offset:2px}.choice__title{font-weight:700;line-height:1.3}.choice__hint{color:var(--color-ink-600);font-size:.88rem;line-height:1.4}.calc-select,.calc-input{border:2px solid var(--color-ink-200);width:100%;min-height:3rem;color:var(--color-ink-900);font:inherit;background:#fff;border-radius:.9rem;padding:.55rem .9rem}.calc-select:hover,.calc-input:hover{border-color:var(--color-ink-400)}.calc-input[aria-invalid=true]{background:oklch(97% .02 27);border-color:oklch(50% .2 27)}.slider-list{gap:1.4rem;display:grid}.slider__row{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.slider__row label{font-weight:600}.slider__row output{min-width:2.5ch;font-family:var(--font-display);text-align:right;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.slider input[type=range]{width:100%;min-height:2.75rem;accent-color:var(--color-ink-800);cursor:pointer;margin:0}.number-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.number-pair--four{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));margin-top:.75rem}.number-field label{margin-bottom:.35rem;font-size:.92rem;font-weight:600;display:block}.calc-details{border:1px solid var(--color-ink-100);border-radius:1rem;margin:0 0 1.5rem;padding:.25rem 1rem 1rem}.calc-details summary{cursor:pointer;min-height:2.75rem;padding-block:.6rem .3rem;font-weight:700}.calc-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.calc-actions__buttons{flex-wrap:wrap;gap:.6rem;display:flex}.calc-note{color:oklch(45% .18 27);flex:14rem;margin:0;font-size:.92rem;font-weight:600}.calc-results{background:radial-gradient(30rem 16rem at 100% 0%, oklch(34% .085 258/.75), transparent 70%), var(--color-ink-900);color:#fff;box-shadow:var(--shadow-lift);border-radius:1.5rem;padding:clamp(1.25rem,3vw,2rem)}@media (min-width:64rem) and (min-height:58rem){.calc-results{position:sticky;top:5.25rem}}.calc-results__label{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-300);margin:0;font-size:.82rem;font-weight:700}.result-main{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-result-400);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem;margin:.9rem 0 .6rem;font-size:clamp(2rem,1rem + 4.2vw,3.6rem);font-weight:800;line-height:1.02;display:flex}.result-dash{color:var(--color-ink-300);font-weight:500}.result-unit{font-family:var(--font-sans);letter-spacing:0;color:var(--color-ink-200);font-size:.3em;font-weight:600}.result-sub{color:var(--color-ink-200);margin:0 0 1.25rem}.result-sub strong{color:#fff;font-variant-numeric:tabular-nums}.range-scale{margin-bottom:1.5rem}.range-scale__svg{border-radius:99px;width:100%;height:.7rem;display:block;overflow:hidden}.range-scale__bg{fill:var(--color-ink-700)}.range-scale__fill{fill:var(--color-result-400)}.range-scale__axis{color:var(--color-ink-300);justify-content:space-between;margin-top:.35rem;font-size:.78rem;display:flex}.phase-table{border-collapse:collapse;width:100%;font-size:.93rem}.phase-table th,.phase-table td{text-align:left;vertical-align:top;border-bottom:1px solid oklch(100% 0 0/.12);padding:.6rem .35rem}.phase-table thead th{letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-300);padding-top:0;font-size:.75rem;font-weight:700}.phase-table tbody th{font-weight:600}.phase-table td{color:var(--color-result-300);font-variant-numeric:tabular-nums}.phase-table td:last-child{font-weight:700}.phase-bar{border-radius:99px;width:100%;max-width:8rem;height:.3rem;margin-top:.4rem;display:block;overflow:hidden}.phase-bar__bg{fill:var(--color-ink-700)}.phase-bar__fill{fill:var(--color-result-400)}.running-title{margin:1.75rem 0 .5rem;font-size:1.15rem}.running-list{margin:0}.running-row{border-bottom:1px solid oklch(100% 0 0/.12);flex-wrap:wrap;justify-content:space-between;gap:.15rem 1rem;padding:.55rem 0;display:flex}.running-row dt{color:var(--color-ink-200)}.running-row dd{color:var(--color-result-300);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.running-row--total{border-bottom:0;padding-top:.9rem}.running-row--total dt{color:#fff;font-weight:700}.running-row--total dd{font-family:var(--font-display);color:var(--color-result-400);font-size:1.5rem;font-weight:800}.result-foot{color:var(--color-ink-300);margin:1rem 0 0;font-size:.85rem}.result-foot a{color:#fff}.calc-bar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;box-shadow:var(--shadow-lift);background:oklch(16% .045 258/.94);border-radius:1rem;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.1rem;display:flex;position:sticky;bottom:.5rem}.calc-bar__label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-300);font-size:.8rem;font-weight:700}.calc-bar__value{font-family:var(--font-display);color:var(--color-result-400);font-variant-numeric:tabular-nums;font-size:clamp(1.05rem,.8rem + 1.6vw,1.4rem);font-weight:800}@media (min-width:64rem){.calc-bar{display:none}}@media (max-width:29.99rem){.number-pair{grid-template-columns:1fr}}.page-hero{background:radial-gradient(50rem 22rem at 90% -20%, oklch(34% .085 258/.7), transparent 70%), var(--color-ink-950);color:#fff;padding-block:clamp(2.5rem,1.5rem + 4vw,4.5rem) clamp(3rem,2rem + 4vw,5rem)}.page-hero h1{letter-spacing:-.03em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:22ch;margin:0 0 1.1rem;font-size:clamp(1.85rem,1.2rem + 3.6vw,3.9rem);font-weight:800}.page-hero__lead{max-width:42rem;color:var(--color-ink-100);margin:0;font-size:clamp(1.05rem,1rem + .3vw,1.2rem)}.crumbs{color:var(--color-ink-300);margin:0 0 1.25rem;font-size:.9rem}.crumbs ol{flex-wrap:wrap;gap:.25rem .5rem;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"›";color:var(--color-ink-400);margin-right:.5rem}.crumbs a{color:var(--color-ink-100)}.prose{max-width:44rem}.prose h2{margin:3rem 0 1rem;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem)}.prose h2:first-child{margin-top:0}.prose h3{margin:2rem 0 .6rem;font-size:1.3rem}.prose p,.prose ul,.prose ol{margin:0 0 1.15rem}.prose ul,.prose ol{padding-left:1.4rem}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose ul.checklist{list-style:none}.prose li{margin-bottom:.45rem}.prose li::marker{color:var(--color-ink-500)}.prose a:not(.btn){color:var(--color-ink-700);font-weight:600}.prose a:not(.btn):hover,.prose strong{color:var(--color-ink-950)}.table-wrap{border:1px solid var(--color-ink-100);background:#fff;border-radius:1rem;margin:0 0 1.5rem;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.95rem}.data-table--wide{min-width:44rem}.data-table caption{text-align:left;padding:.85rem 1rem .35rem;font-weight:700}.data-table th,.data-table td{border-bottom:1px solid var(--color-ink-100);text-align:left;vertical-align:top;padding:.7rem 1rem}.data-table thead th{background:var(--color-ink-50);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-700);font-size:.78rem}.data-table tbody tr:last-child th,.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody th{font-weight:600}.data-table .num{font-variant-numeric:tabular-nums}@media (min-width:40rem){.data-table .num{white-space:nowrap}}.data-table .result{color:var(--color-result-700);font-weight:700}.data-table .sum th,.data-table .sum td{background:var(--color-ink-50);font-weight:700}.callout{border-left:4px solid var(--color-ink-800);background:var(--color-ink-50);border-radius:0 1rem 1rem 0;margin:1.75rem 0;padding:1.25rem 1.4rem}.callout>:last-child{margin-bottom:0}.callout__title{color:var(--color-ink-950);margin:0 0 .4rem;font-weight:700}.cta-band{background:var(--color-ink-900);color:#fff;box-shadow:var(--shadow-lift);border-radius:1.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;padding:clamp(1.5rem,3vw,2.25rem);display:flex}.cta-band h2,.cta-band h3{margin:0 0 .35rem;font-size:clamp(1.4rem,1.1rem + 1.2vw,1.9rem)}.cta-band p{max-width:34rem;color:var(--color-ink-200);margin:0}.stack{gap:1.25rem;display:grid}.not-found{text-align:center;padding-block:5rem 6rem}.not-found h1{margin:0 0 1rem;font-size:clamp(2.2rem,1.4rem + 3.6vw,4rem)}.not-found p{max-width:34rem;color:var(--color-ink-700);margin:0 auto 1.75rem}.photo{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.photo--hero{object-position:50% 40%}.photo--laufende-kosten{object-position:72% 50%}.photo--blog-web-oder-nativ{object-position:45% 50%}.photo--blog-angebot{object-position:40% 50%}.photo--blog-eigen-oder-fertig{object-position:50% 50%}.photo-band{background:var(--color-paper);padding-bottom:clamp(3rem,2rem + 4vw,5.5rem)}.photo-band__media{background:var(--color-ink-100);height:clamp(18rem,8rem + 30vw,34rem)}.photo-band__grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:2rem;display:grid}.photo-band__card{border:1px solid var(--color-ink-100);box-shadow:var(--shadow-lift);background:#fff;border-radius:1.5rem;margin-top:-3rem;padding:clamp(1.4rem,3vw,2.25rem);position:relative}.photo-band__steps{margin:0}.photo-band__steps a{color:var(--color-ink-800);font-weight:600}@media (min-width:62rem){.photo-band__grid{grid-template-columns:minmax(0,36rem) minmax(0,1fr);gap:4rem}.photo-band__card{margin-top:-5.5rem}.photo-band__steps{padding-top:2.5rem}}.photo-band__card h2{margin:0 0 .9rem;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.3rem)}.photo-band__card p{color:var(--color-ink-700);margin:0 0 1rem}.photo-band__card p:last-child{margin-bottom:0}.photo-band__card a{color:var(--color-ink-800);font-weight:600}.page-hero--photo{padding-bottom:0;position:relative;overflow:hidden}.page-hero--photo .page-hero__inner{z-index:1;padding-bottom:2.25rem;position:relative}.page-hero--photo h1{max-width:none;font-size:clamp(1.85rem,1.2rem + 3vw,3.1rem)}.page-hero__media{background:var(--color-ink-900);height:clamp(13rem,9rem + 24vw,20rem)}@media (min-width:62rem){.page-hero--photo{align-items:center;min-height:25rem;padding-block:clamp(2.5rem,1.5rem + 3vw,4.5rem);display:flex}.page-hero--photo .page-hero__inner{width:min(100% - 2.5rem,72rem);padding-bottom:0}.page-hero--photo .page-hero__copy{max-width:min(38rem,48vw)}.page-hero__media{width:48%;height:auto;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 38%);mask-image:linear-gradient(90deg,#0000 0,#000 38%)}}.post-grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.25rem;display:grid}.post-grid--index{grid-template-columns:minmax(0,1fr)}@media (min-width:40rem){.post-grid--index{grid-template-columns:repeat(2,minmax(0,1fr))}.post-grid--index .post-card--feature{grid-column:1/-1}}.post-card{border:1px solid var(--color-ink-100);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;transition:transform .25s,box-shadow .25s;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-5px)}.post-card__link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.post-card__media{aspect-ratio:3/2;background:var(--color-ink-100);position:relative;overflow:hidden}.post-card__media picture{height:100%;display:block}@media (prefers-reduced-motion:no-preference){.post-card__media .photo{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.post-card:hover .post-card__media .photo{transform:scale(1.035)}}.post-card__chip{border-radius:var(--radius-pill);color:var(--color-ink-900);background:#fff;padding:.25rem .75rem;font-size:.8rem;font-weight:700;line-height:1.3;position:absolute;bottom:1rem;left:1rem;box-shadow:0 4px 12px -4px oklch(0% 0 0/.35)}.post-card__body{flex-direction:column;flex:1;padding:1.25rem 1.5rem 1.5rem;display:flex}.post-card__meta{color:var(--color-ink-600);margin:0 0 .5rem;font-size:.85rem}.post-card h3{margin:0 0 .6rem;font-size:1.3rem;line-height:1.15}.post-card__body>p:not(.post-card__meta){color:var(--color-ink-700);margin:0 0 1rem;font-size:.97rem}.post-card__more{color:var(--color-ink-900);margin-top:auto;font-weight:700}.post-card__more span{transition:transform .2s;display:inline-block}.post-card:hover .post-card__more span{transform:translate(4px)}.post-card__link:focus-visible{outline:3px solid var(--color-ink-600);outline-offset:-3px;border-radius:var(--radius-card)}@media (min-width:48rem){.post-card--feature .post-card__link{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.post-card--feature .post-card__media{aspect-ratio:auto;min-height:21rem}.post-card--feature .post-card__body{justify-content:center;padding:clamp(1.75rem,3vw,3rem)}.post-card--feature h3{font-size:clamp(1.7rem,1.2rem + 1.4vw,2.3rem)}.post-card--feature .post-card__body>p:not(.post-card__meta){font-size:1.05rem}.post-card--feature .post-card__more{margin-top:.5rem}}.doc{padding-block:clamp(2.5rem,1.5rem + 3vw,4.5rem) clamp(3rem,2rem + 4vw,5.5rem)}.doc-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:2rem;display:grid}@media (min-width:62rem){.doc-grid{grid-template-columns:15rem minmax(0,1fr);gap:4rem}}.toc{border:1px solid var(--color-ink-100);background:#fff;border-radius:1rem;padding:1.1rem 1.25rem;font-size:.95rem}@media (min-width:62rem){.toc{position:sticky;top:5.5rem}}.toc__title{letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-600);margin:0 0 .6rem;font-size:.78rem;font-weight:700}.toc ol{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.toc a{color:var(--color-ink-800);padding:.3rem 0;text-decoration:none;display:block}.toc a:hover{color:var(--color-ink-950);text-decoration:underline}.doc-body{min-width:0}.article-meta{color:var(--color-ink-200);flex-wrap:wrap;gap:.35rem 1.25rem;margin:1.25rem 0 0;padding:0;font-size:.95rem;list-style:none;display:flex}.article-meta strong{color:#fff}.checklist{gap:.6rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.prose .checklist{padding-left:0}.checklist li{border:1px solid var(--color-ink-100);background:#fff;border-radius:.9rem;margin:0;padding:.7rem 1rem .7rem 3rem;position:relative}.checklist li:before{content:"";border:2px solid var(--color-ink-700);border-radius:.3rem;width:1.15rem;height:1.15rem;position:absolute;top:.95rem;left:1rem}.faq{gap:1.25rem;display:grid}.faq h3{margin:0 0 .35rem}.faq p{margin:0}.related{margin-top:3rem}.related h2{margin:0 0 1.25rem;font-size:1.6rem}.blog-head{gap:1.25rem;display:grid}.example-box{border:1px solid var(--color-ink-100);box-shadow:var(--shadow-soft);background:#fff;border-radius:1rem;margin:1.75rem 0;padding:1.25rem 1.4rem}.example-box__title{color:var(--color-ink-950);margin:0 0 .5rem;font-weight:700}.example-box p:last-child,.example-box ul:last-child{margin-bottom:0}.blog-foot{color:var(--color-ink-700);margin:2rem 0 0}.article-cta-chat{color:var(--color-ink-700);margin:1.25rem 0 0}.prose .source-note{border-left:3px solid var(--color-ink-200);color:var(--color-ink-700);margin:0 0 1.5rem;padding-left:.9rem;font-size:.9rem}.author-box{border:1px solid var(--color-ink-100);border-left:4px solid var(--color-ink-700);background:#fff;border-radius:1rem;max-width:44rem;margin-top:3rem;padding:1.25rem 1.4rem}.author-box__label{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-600);margin:0 0 .6rem;font-size:.78rem;font-weight:700;line-height:1.3}.author-box__name{color:var(--color-ink-950);flex-wrap:wrap;gap:.1rem .6rem;margin:0 0 .5rem;display:flex}.author-box__name span{color:var(--color-ink-700)}.author-box__bio{color:var(--color-ink-800);margin:0 0 .75rem}.author-box__link{color:var(--color-ink-950);font-weight:700}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}@media not all and (min-width:24rem){.max-\[24rem\]\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-latin.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;src:url(/fonts/figtree-latin.woff2)format("woff2");font-weight:300 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Fallback;src:local(Arial);size-adjust:97%;ascent-override:93%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Figtree Fallback;src:local(Arial);size-adjust:100%;ascent-override:95%;descent-override:25%;line-gap-override:0%}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}