:root{color-scheme:light;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--space-4xl: 144px;--text-xs: .8125rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-display-s: clamp(2.25rem, 4vw + .5rem, 3.75rem);--text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-section: clamp(2rem, 2.5vw + 1rem, 3.5rem);--text-title: clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead: clamp(1.125rem, .35vw + 1rem, 1.375rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--color-error: oklch(48% .17 27);--color-success: oklch(44% .11 150);--container: 1440px;--gutter: 64px;--gap-columns: 32px;--section-gap-s: 120px;--section-gap: 144px;--section-gap-l: 176px;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-sticky-nav: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--color-paper: oklch(97% .008 290);--color-paper-2: oklch(94.2% .011 290);--color-paper-3: oklch(90.5% .014 290);--color-ink: oklch(18% .02 290);--color-ink-2: oklch(32% .025 290);--color-muted: oklch(46% .025 290);--color-rule: oklch(88% .014 290);--color-rule-2: oklch(79% .02 290);--rule-blueprint: oklch(18% .02 290 / .06);--color-accent: oklch(46% .24 268);--color-accent-2: oklch(53% .16 18);--color-accent-ink: oklch(97% .008 290);--color-live: oklch(44% .11 150);--color-focus: oklch(46% .24 268);--font-display: "Instrument Serif", ui-serif, Georgia, serif;--font-body: "Geist", ui-sans-serif, system-ui, sans-serif;--font-outlier: "Geist Mono", ui-monospace, monospace;--radius-card: 10px;--radius-pill: 999px;--rule-hair: 1px;--shadow-card: 0 28px 56px -28px oklch(20% .05 290 / .45);--font-card: "Instrument Serif", Georgia, serif;--tracking-display: -.015em;--display-weight: 400}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased;caret-color:var(--color-accent)}::selection{background:color-mix(in oklab,var(--color-accent) 22%,transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:var(--display-weight, 700);font-synthesis:none;letter-spacing:var(--tracking-display);line-height:1.05;overflow-wrap:break-word;min-width:0;text-wrap:balance}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);line-height:1.45;max-width:52ch}p{margin:0;text-wrap:pretty}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);box-sizing:border-box}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-slot]{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--color-paper-2, var(--color-paper)),var(--color-paper-3, var(--color-paper)))}[data-slot]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (max-width: 60rem){:root{--gutter: 24px;--section-gap-s: 80px;--section-gap: 96px;--section-gap-l: 120px}}@media (max-width: 40rem){:root{--gutter: 16px;--section-gap-s: 56px;--section-gap: 72px;--section-gap-l: 96px;--gap-columns: 16px}}@media (prefers-reduced-motion: reduce){*:not(.keep-motion),*:not(.keep-motion):before,*:not(.keep-motion):after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-slot]:has(>img){isolation:isolate;background:var(--color-ink-2);outline:1px solid color-mix(in oklab,var(--color-ink) 8%,transparent);outline-offset:-1px}[data-slot]>img{z-index:0;filter:grayscale(1) contrast(1.08);mix-blend-mode:multiply}[data-slot]:has(>img):before{content:"";position:absolute;inset:0;z-index:1;background:var(--color-paper);mix-blend-mode:lighten;pointer-events:none}:root{--sw-ink-a: oklch(95.5% .006 85);--sw-ink-b: oklch(22% .02 290);--sw-paper-a: oklch(89% .04 85);--sw-paper-b: oklch(32% .08 270);--sw-midnight-a: oklch(17% .05 275);--sw-midnight-b: oklch(78% .1 85);--sw-darkroom-a: oklch(14% .004 80);--sw-darkroom-b: oklch(75% .14 65);--control-h: 48px;--container: 1200px}.skip{position:absolute;left:var(--space-md);top:-80px;z-index:var(--z-toast);background:var(--color-ink);color:var(--color-paper);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card)}.skip:focus-visible{top:var(--space-md)}.nav{position:relative;z-index:var(--z-sticky-nav)}.nav__row{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:var(--space-lg)}.wordmark{font-family:var(--font-display);font-size:var(--text-xl);text-decoration:none;letter-spacing:var(--tracking-display);margin:0}.nav nav{display:flex;gap:var(--space-lg)}.nav nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-ink-2);text-decoration:none;font-size:var(--text-sm)}.nav nav a:hover{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-accent)}.hero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--space-2xl);align-items:start;padding-block:var(--space-lg) var(--space-2xl)}.hero h1{font-size:clamp(2.75rem,4.6vw + .5rem,5rem);line-height:.98;max-width:11ch}.hero .lead{margin-top:var(--space-lg);color:var(--color-ink-2);max-width:34ch}.verb{display:inline-block;color:var(--color-accent-2)}.verb:after{content:"";display:block;height:var(--rule-hair);background:currentColor;transform-origin:left;animation:draw var(--dur-long) var(--ease-out) both}@keyframes draw{0%{transform:scaleX(0)}}.find{margin-top:var(--space-xl);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-md) var(--space-md);align-items:end;max-width:560px}.find .err,.find .check,.find .btn{grid-column:1 / -1}.note{margin-top:var(--space-md);color:var(--color-muted);font-size:var(--text-sm)}.field{display:grid;gap:var(--space-xs);min-width:0}label,legend{font-size:var(--text-sm);color:var(--color-ink-2)}input[type=text],input[type=date]{min-height:var(--control-h);width:100%;min-width:0;padding:0 var(--space-md);border-radius:var(--radius-card);border:var(--rule-hair) solid var(--color-rule-2);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-md)}input:disabled{background:var(--color-paper-2);color:var(--color-muted);cursor:not-allowed}input:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.check{display:flex;align-items:center;gap:var(--space-sm);min-height:44px;cursor:pointer}.check input{width:22px;height:22px;accent-color:var(--color-accent);flex:none}.err{color:var(--color-error);font-size:var(--text-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h);padding:0 var(--space-lg);border-radius:var(--radius-pill);border:0;font-weight:500;font-size:var(--text-md);text-decoration:none;cursor:pointer;text-transform:lowercase;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover{background:color-mix(in oklab,var(--color-accent) 86%,var(--color-ink))}.btn--secondary{background:transparent;color:var(--color-ink);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule-2)}.btn--secondary:hover{background:var(--color-paper-2)}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.hero__card{margin:0}.hero__card canvas,.result__card canvas{width:100%;height:auto;border-radius:4px;box-shadow:var(--shadow-card);background:var(--color-paper-2)}.hero__card canvas{max-width:440px;margin-inline:auto}.hero__card figcaption{margin-top:var(--space-md);color:var(--color-muted);font-size:var(--text-sm);text-align:center;max-width:440px;margin-inline:auto}.result{background:var(--color-paper-2);padding-block:var(--space-2xl);border-block:var(--rule-hair) solid var(--color-rule);scroll-margin-top:var(--space-lg)}.result:focus{outline:none}.result__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-2xl);align-items:start}.result__card{margin:0;position:sticky;top:var(--space-lg)}.result__side{display:grid;gap:var(--space-lg);min-width:0}.result h2{font-size:var(--text-display-s)}.r-line{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.15;max-width:28ch}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-lg);margin:0;border-top:var(--rule-hair) solid var(--color-rule-2)}.facts div{display:flex;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule)}.facts dt{color:var(--color-muted);font-size:var(--text-sm)}.facts dd{margin:0;font-family:var(--font-outlier);font-size:var(--text-sm);text-align:right;color:var(--color-ink)}.muted{color:var(--color-muted)}.small{font-size:var(--text-sm)}.result h3,.paid h3{font-size:var(--text-lg);font-family:var(--font-body);font-weight:500;letter-spacing:0;line-height:1.3;margin-bottom:var(--space-sm)}.alts__list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-md);border-radius:var(--radius-pill);background:transparent;color:var(--color-ink);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule-2);border:0;cursor:pointer;font-size:var(--text-sm);transition:background-color var(--dur-short) var(--ease-out)}.chip:hover{background:var(--color-paper-3)}.chip[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.styles{border:0;padding:0;margin:0}.styles legend{padding:0;margin-bottom:var(--space-sm)}.styles__list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.style{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:44px;padding:0 var(--space-md) 0 var(--space-sm);border-radius:var(--radius-pill);border:0;background:transparent;color:var(--color-ink);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule-2);cursor:pointer;font-size:var(--text-sm)}.style:hover{background:var(--color-paper-3)}.style[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--color-accent)}.style[aria-disabled=true]{cursor:not-allowed;color:var(--color-muted)}.style__chip{width:24px;height:24px;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule-2)}.style--ink .style__chip{background:linear-gradient(135deg,var(--sw-ink-a) 50%,var(--sw-ink-b) 50%)}.style--paper .style__chip{background:linear-gradient(135deg,var(--sw-paper-a) 50%,var(--sw-paper-b) 50%)}.style--midnight .style__chip{background:linear-gradient(135deg,var(--sw-midnight-a) 50%,var(--sw-midnight-b) 50%)}.style--darkroom .style__chip{background:linear-gradient(135deg,var(--sw-darkroom-a) 50%,var(--sw-darkroom-b) 50%)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.status{min-height:1.5em;font-size:var(--text-sm);color:var(--color-ink-2)}.status[data-tone=bad]{color:var(--color-error)}.status[data-tone=good]{color:var(--color-success)}.paid{border-top:var(--rule-hair) solid var(--color-rule-2);padding-top:var(--space-lg)}.paid__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-sm)}.paid__list .btn{width:100%;padding-inline:var(--space-md)}.how{padding-block:var(--section-gap-s) var(--space-2xl);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-2xl)}.steps{list-style:none;margin:0;padding:0;counter-reset:s;border-top:var(--rule-hair) solid var(--color-rule-2)}.steps li{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:var(--space-lg);padding-block:var(--space-lg);border-bottom:var(--rule-hair) solid var(--color-rule);counter-increment:s}.steps h3{font-size:var(--text-3xl);line-height:1}.steps h3:before{content:counter(s) "  ";color:var(--color-muted);font-size:var(--text-lg);font-family:var(--font-outlier);vertical-align:middle;white-space:pre}.steps p{color:var(--color-ink-2)}.print{background:var(--color-paper-2);border-block:var(--rule-hair) solid var(--color-rule);padding-block:var(--section-gap-s)}.print__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-2xl);align-items:start}.price{margin-top:var(--space-lg);display:flex;align-items:baseline;gap:var(--space-md);flex-wrap:wrap;max-width:none}.price .num{font-variant-numeric:tabular-nums;font-family:var(--font-display);font-size:clamp(5rem,10vw,9rem);line-height:.9;letter-spacing:var(--tracking-display)}.price__unit{color:var(--color-muted)}.includes{list-style:none;margin:0 0 var(--space-lg);padding:0;border-top:var(--rule-hair) solid var(--color-rule-2)}.includes li{padding-block:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule)}.buy{margin-bottom:var(--space-xl)}.soon{font-family:var(--font-display);font-size:var(--text-xl)}.unlock{display:grid;gap:var(--space-sm);margin-bottom:var(--space-md)}.unlock__row{display:flex;gap:var(--space-sm)}.unlock__row input{flex:1 1 auto;font-family:var(--font-outlier);font-size:var(--text-sm)}.faq{padding-block:var(--section-gap-s);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-2xl)}.faq__list{border-top:var(--rule-hair) solid var(--color-rule-2)}details{border-bottom:var(--rule-hair) solid var(--color-rule)}summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);cursor:pointer;font-family:var(--font-display);font-size:var(--text-xl);list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-family:var(--font-body);color:var(--color-muted);transition:transform var(--dur-short) var(--ease-out)}details[open] summary:after{transform:rotate(45deg)}details p{padding-bottom:var(--space-lg);color:var(--color-ink-2)}.foot{border-top:var(--rule-hair) solid var(--color-rule);padding-block:var(--space-xl)}.foot__row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-2xl);align-items:start}.foot p{color:var(--color-muted)}.foot a{color:var(--color-ink-2)}.foot .wordmark{color:var(--color-ink)}.foot__links{grid-column:-2 / -1;margin:0}.noscript{padding-block:var(--space-lg)}.legal{max-width:72ch;padding-block:var(--space-xl) var(--space-2xl)}.legal h1{font-size:var(--text-section);max-width:none}.legal h1+p{margin-top:var(--space-sm)}.legal h2{font-size:var(--text-title);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.legal p,.legal ul{margin-block:0 var(--space-md)}.legal ul{padding-left:1.25em}.legal li+li{margin-top:var(--space-xs, .35em)}.legal a{color:var(--color-ink-2)}.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:.25em}@media (max-width: 60rem){.hero,.result__grid,.how,.print__grid,.faq,.foot__row{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.result__card{position:static;max-width:480px;margin-inline:auto}.steps li{grid-template-columns:minmax(0,1fr);gap:var(--space-sm)}.hero{padding-top:var(--space-md)}}@media (max-width: 30rem){.find{grid-template-columns:minmax(0,1fr)}.nav nav{gap:var(--space-md)}.nav nav[aria-label=Sections] a:first-child{display:none}.unlock__row{flex-direction:column}.facts{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){.verb:after{animation:none}}@media print{@page{size:A4;margin:0}body{background:var(--color-paper)}.nav,.hero,.how,.print,.faq,.foot,.result__side,.skip{display:none!important}.result:not([hidden]){display:block!important;border:0;padding:0;background:transparent}.result__grid{display:block;padding:0;max-width:none}.result__card{position:static;max-width:none;margin:0}.result__card canvas{width:210mm;height:auto;border-radius:0;box-shadow:none}}
