:root{--landing-split:minmax(0, 5fr) minmax(0, 6fr)}.wrap{width:100%;max-width:calc(var(--col-wide) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.plain-list{margin:0;padding:0;list-style:none}#how-it-works,#examples,#faq{scroll-margin-top:var(--bar-h)}@media (prefers-reduced-motion:no-preference){:root[data-surface=site]{scroll-behavior:smooth}}.notice:empty{display:none}.notice-body{margin:var(--s-4) 0 0;font-size:var(--t-ui);color:var(--fg-muted)}.hero-heading,.section-heading,.close-heading{line-height:var(--lh-display);text-wrap:balance;margin:0}.lp-title{font-size:var(--t-title);font-weight:var(--w-strong);line-height:var(--lh-title);margin:0}.lp-body{font-size:var(--t-read);line-height:var(--lh-read);color:var(--fg-muted);text-wrap:pretty;margin:0}.hero-heading{font-size:var(--t-display-lg);max-width:18em}.section-heading,.close-heading{font-size:var(--t-display)}.hero-lede,.section-lede{max-width:38rem;font-size:var(--t-caption);line-height:var(--lh-read);color:var(--fg-muted);text-wrap:pretty;margin:0}.hero{padding-block:var(--s-6) var(--s-8)}.hero-grid{gap:var(--s-5);grid-template-columns:minmax(0,1fr);display:grid}.hero-copy+*{margin-top:var(--s-5)}.hero-copy{gap:var(--s-5);align-content:start;display:grid}@media (min-width:1000px){.hero{padding-block:var(--s-8) var(--s-9)}.hero-grid{gap:var(--s-7) var(--s-8);grid-template-columns:minmax(0,7fr) minmax(0,6fr);grid-template-areas:"head head""copy sample"}.hero-heading{grid-area:head}.hero-copy{padding-top:var(--s-2);grid-area:copy}.hero-copy+*{grid-area:sample;margin-top:0}}.stuck{gap:var(--s-3);max-width:40rem;display:grid}.stuck-row{gap:var(--s-3);display:grid}.stuck-input.ui-input{min-height:var(--hit-act-lg);padding-inline:var(--s-4);font-size:var(--t-read)}.stuck-act.ui-btn-act{min-height:var(--hit-act-lg)}.stuck-note{font-size:var(--t-label);color:var(--fg-muted);margin:0}@media (min-width:640px){.stuck-row{flex-wrap:wrap;display:flex}.stuck-input.ui-input{flex:20rem;width:auto}.hero .stuck-input.ui-input{min-height:calc(var(--hit-act-lg) + var(--s-3));padding-inline:var(--s-5);box-shadow:var(--elev-2);font-size:var(--t-title)}.hero .stuck-input.ui-input:focus{box-shadow:0 0 0 calc(var(--ring-w) - var(--bw-hair)) var(--focus), var(--elev-2)}.hero .stuck-act.ui-btn-act{padding-inline:var(--s-6);font-size:var(--t-read)}.hero .stuck-note{font-size:var(--t-ui)}}.sample-panel,.sample-figure{gap:var(--s-3);grid-template-columns:minmax(0,1fr);margin:0;display:grid}.sample-question{gap:var(--s-1);font-size:var(--t-ui);font-weight:var(--w-ui);line-height:var(--lh-ui);text-wrap:pretty;margin:0;display:grid}.sample-asked{font-size:var(--t-label);font-weight:var(--w-regular);color:var(--fg-faint)}.sample-stage.ui-frame{box-shadow:inset 0 0 0 var(--bw-hair) var(--stage-edge), var(--elev-2)}.sample-frame{position:absolute;inset:0}.sample-frame>svg{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.sample-poster{display:none}}@media (prefers-reduced-motion:no-preference){.sample-key{display:none}}.sample-lines{font-size:var(--t-caption);line-height:var(--lh-title)}.sample-line+.sample-line{margin-top:var(--s-2)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.sample-lines>ol{display:grid}.sample-line{grid-area:1/1}.sample-line+.sample-line{margin-top:0}.sample-line:not([data-current]){visibility:hidden}}.sample-panel[data-live] .sample-lines>ol{display:grid}.sample-panel[data-live] .sample-line{grid-area:1/1;margin-top:0}.sample-panel[data-live] .sample-line:not([data-current]){visibility:hidden}.sample-foot{justify-content:space-between;align-items:center;column-gap:var(--s-4);flex-wrap:wrap;display:flex}.sample-controls{grid-template-columns:auto;justify-content:start;align-items:center;display:grid}.sample-layer{min-height:var(--hit);align-items:center;gap:var(--s-3);visibility:hidden;grid-area:1/1;display:flex}.sample-layer[data-shown]{visibility:visible}.sample-layer .ui-btn-quiet{margin-inline-start:calc(-1 * var(--s-4))}.sample-whole{gap:var(--s-2)}.sample-length{color:var(--fg-muted);font-variant-numeric:tabular-nums;text-decoration:none}.section{padding-block:var(--s-8);border-top:var(--bw-hair) solid var(--hair)}.section-head{gap:var(--s-3);margin-bottom:var(--s-6);display:grid}@media (min-width:1000px){.section{padding-block:var(--s-9)}.section-head{margin-bottom:var(--s-7)}}.how-steps{gap:var(--s-7);counter-reset:how;grid-template-columns:minmax(0,1fr);display:grid}.how-step{gap:var(--s-3);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.how-picture{margin-bottom:var(--s-2);padding:var(--s-5);border-radius:var(--r-lg);background:var(--bg-sunken);place-items:center;display:grid}.how-picture>*{width:100%;min-width:0}.how-field{font-size:var(--t-ui);display:block}.how-making{gap:var(--s-4);display:grid}.how-chapters{gap:var(--s-2);font-size:var(--t-label);color:var(--fg-muted);display:grid}.how-picture .ui-choices-legend,.how-picture .ui-choice{font-size:var(--t-label)}.how-title:before{color:var(--fg-faint);content:counter(how);counter-increment:how;margin-inline-end:var(--s-2)}@media (min-width:640px){.how-picture:before{aspect-ratio:16/11;content:"";grid-area:1/1;width:100%}.how-picture>*{grid-area:1/1}}@media (min-width:640px) and (max-width:999px){.how-step{grid-template-columns:var(--landing-split);column-gap:var(--s-6);grid-template-rows:1fr auto auto 1fr}.how-picture{grid-area:1/1/-1/2;margin-bottom:0}.how-title{grid-area:2/2}.how-step>.lp-body{grid-area:3/2}}@media (min-width:1000px){.how-steps{gap:var(--s-3) var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr))}.how-step{grid-row:span 3;grid-template-rows:subgrid}.how-picture{align-self:stretch}}.compare{table-layout:fixed;border-collapse:collapse;width:100%;font-size:var(--t-ui);line-height:var(--lh-ui)}.compare th,.compare td{padding:var(--s-4) var(--s-3);border-bottom:var(--bw-hair) solid var(--hair);text-align:start;vertical-align:top}.compare thead th{font-weight:var(--w-strong);color:var(--fg-muted)}.compare thead th:first-child{width:28%}.compare tbody th{font-weight:var(--w-ui)}.compare td{color:var(--fg-muted)}.compare .compare-ours{background:var(--bg-raised);color:var(--fg)}.compare thead .compare-ours{border-radius:var(--r-lg) var(--r-lg) 0 0;color:var(--fg)}.compare-yes{font-weight:var(--w-strong);color:var(--fg)}.compare-no{color:var(--fg-faint)}@media (max-width:639px){.compare tr{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.compare thead th:first-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.compare tbody th{padding-block:var(--s-4) var(--s-1);border-bottom:0;grid-column:1/-1}.compare th,.compare td{padding-inline:var(--s-2);font-size:var(--t-label)}.compare thead th{align-self:end}}.who-list{gap:var(--s-7);display:grid}.who-row{gap:var(--s-4);display:grid}.who-words{gap:var(--s-2);align-content:center;justify-items:start;display:grid}.who-question{margin:var(--s-2) 0 0;border-inline-start:var(--ring-w) solid var(--learner);font-size:var(--t-ui);line-height:var(--lh-ui);color:var(--learner);text-wrap:pretty;padding-inline-start:var(--s-3)}@media (min-width:640px){.who-row{grid-template-columns:var(--landing-split);gap:var(--s-6);align-items:center}}@media (min-width:1000px){.who-row{gap:var(--s-8)}}@media (min-width:640px){.watch .ui-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.faq-grid{gap:var(--s-6);display:grid}.faq-item{border-bottom:var(--bw-hair) solid var(--hair)}.faq-item:first-child{border-top:var(--bw-hair) solid var(--hair)}.faq-item>summary{justify-content:space-between;align-items:center;gap:var(--s-4);min-height:var(--hit-row);padding-block:var(--s-3);cursor:pointer;list-style:none;display:flex}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary:focus-visible{outline:var(--ring);outline-offset:var(--ring-offset);border-radius:var(--r-sm)}.faq-item>summary>svg{width:var(--s-4);height:var(--s-4);fill:none;stroke:currentColor;stroke-width:1.5px;transition:transform var(--dur-in) var(--ease-std);flex:none}.faq-item[open]>summary>svg{transform:rotate(45deg)}.faq-q{font-size:var(--t-read);font-weight:var(--w-ui);line-height:var(--lh-ui);margin:0}.faq-a{max-width:40rem;padding-bottom:var(--s-5)}@media (min-width:1000px){.faq-grid{grid-template-columns:var(--landing-split);gap:var(--s-8);align-items:start}}.close-inner{gap:var(--s-4);max-width:calc(var(--col-narrow) + 2 * var(--gutter));text-align:center;justify-items:center;display:grid}.close .stuck{width:100%;margin-top:var(--s-3);text-align:start}.close .stuck-note{text-align:center}.footer{border-top:var(--bw-hair) solid var(--hair)}.footer-inner{align-items:center;gap:var(--s-2) var(--s-4);min-height:var(--s-9);font-size:var(--t-label);color:var(--fg-muted);flex-wrap:wrap;display:flex}.footer-brand{font-family:var(--font-display);font-stretch:var(--stretch-display);font-weight:var(--w-strong);color:var(--fg)}