@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/bricolage.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dmsans.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dmmono-500.woff2) format("woff2")}:root{--paper: #ffffff;--tint: #f1f8fe;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--ink: #093f5e;--ink-soft: #5a6b80;--ink-faint: #94a3b8;--lemon: #ffd166;--display: "Bricolage Grotesque", "Trebuchet MS", sans-serif;--body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--col: 41rem;--gutter: 1.375rem;--section-y: clamp(3.5rem, 9vw, 5.75rem);--radius: 1.25rem;--radius-sm: .75rem;--press: 0 4px 0 var(--sky-800);--press-hover: 0 6px 0 var(--sky-800);color-scheme:light}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{position:relative;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.125rem;line-height:1.62;font-synthesis-weight:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}@media(min-width:40rem){body{font-size:1.1875rem}}img,svg{display:block;max-width:100%}a{color:var(--sky-700);text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{color:var(--sky-800)}:focus-visible{outline:3px solid var(--sky-500);outline-offset:3px;border-radius:4px}::selection{background:var(--sky-200);color:var(--ink)}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.06;letter-spacing:-.03em;text-wrap:balance}h1{font-size:clamp(2.5rem,9.5vw,3.5rem);font-weight:800;letter-spacing:-.04em}h2{font-size:clamp(1.875rem,6.5vw,2.25rem);letter-spacing:-.032em}h3{font-size:1.1875rem;line-height:1.3;letter-spacing:-.02em}p{text-wrap:pretty}p+p{margin-top:1em}strong{font-weight:700}.col{width:100%;max-width:var(--col);margin-inline:auto;padding-inline:var(--gutter)}section{padding-block:var(--section-y)}.band{background:var(--sky-400);color:var(--ink)}.band--tint{background:var(--tint)}.band a{color:var(--ink)}.eyebrow{font-family:var(--mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-700);margin-bottom:.875rem}.band .eyebrow{color:var(--ink)}.brandline{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .875rem;color:var(--sky-500);--logo-knock: var(--paper);margin-bottom:1.75rem}.brandline .logo__word{color:var(--ink)}.brandline__meta{font-family:var(--mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-700)}.receipt__brand{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink);--logo-knock: var(--sky-400)}.footer-logo{color:var(--sky-500);--logo-knock: var(--paper)}.mark{display:block;font-size:2.25rem;line-height:1;margin-bottom:.875rem;width:fit-content}.lede{margin-top:1.125rem}.rule{border:0;border-top:1px solid var(--sky-200);margin-block:1.75rem}.rule--strong{border-top:2px solid var(--sky-500)}.rows{list-style:none;padding:0;margin-top:1.75rem}.row{display:flex;align-items:baseline;gap:.5rem;padding:.5rem .625rem;border-radius:.4rem}.rows>.row:nth-child(odd){background:var(--tint)}.row__glyph{flex:none;width:1.05rem;font-size:1.0625rem;font-weight:700;line-height:1.45;color:var(--sky-500);text-align:center}.row--no .row__glyph{color:var(--ink-faint);font-weight:400}.row__label{font-size:1rem;line-height:1.45}.row__dots{flex:1 1 1.5rem;min-width:1.5rem;align-self:center;height:0;border-bottom:2px dotted var(--sky-200);transform-origin:left}.row__value{flex:none;font-family:var(--mono);font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--sky-700);white-space:nowrap}.row--no .row__label{color:var(--ink-soft)}.row--no .row__value{color:var(--ink-faint)}.row--total{background:none!important;padding-top:1rem}.row--total .row__label{font-family:var(--mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-700)}.row--total .row__value{font-family:var(--display);font-size:2.25rem;font-weight:800;letter-spacing:-.035em;color:var(--ink)}.sticker{display:inline-block;background:var(--lemon);color:var(--ink);font-family:var(--display);font-weight:800;letter-spacing:-.03em;padding:.15em .5em;border-radius:.5rem;rotate:-2.5deg}.tag{display:inline-flex;align-items:center;gap:.3rem;background:var(--lemon);color:var(--ink);font-family:var(--mono);font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .55rem;border-radius:100px;white-space:nowrap}.swipe{position:relative;white-space:nowrap}.swipe:before{content:"";position:absolute;inset:.12em -.14em .06em;background:var(--sky-200);border-radius:.2em .6em .3em .5em;rotate:-1.2deg;z-index:-1;transform-origin:left center}.swipe--lemon:before{background:var(--lemon)}.btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;width:100%;padding:1rem 1.25rem;background:var(--sky-700);color:#fff;font-family:var(--display);font-size:1.125rem;font-weight:700;letter-spacing:-.02em;text-align:center;text-decoration:none;border:0;border-radius:1rem;box-shadow:var(--press);transition:box-shadow .12s ease,translate .12s ease,background-color .12s ease}.btn:hover{background:var(--sky-800);color:#fff;box-shadow:var(--press-hover);translate:0 -2px}.btn:active{box-shadow:0 0 0 var(--sky-800);translate:0 4px}.btn--paper{background:var(--paper);color:var(--ink);box-shadow:0 4px 0 var(--sky-700)}.btn--paper:hover{background:var(--paper);color:var(--ink);box-shadow:0 6px 0 var(--sky-700)}.btn__sub{font-family:var(--mono);font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;opacity:.72}.btns{display:grid;gap:.875rem;margin-top:1.75rem}@media(min-width:34rem){.btns--two{grid-template-columns:1fr 1fr}}.card{border:1px solid var(--sky-200);border-radius:var(--radius);padding:1.375rem;background:var(--paper)}.card--pick{border:2px solid var(--sky-500)}.note{background:var(--tint);border-left:3px solid var(--sky-500);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1rem 1.125rem;font-size:1rem}.band .note{background:var(--paper);border-left-color:var(--sky-600)}.thread{display:grid;gap:.625rem;margin-top:1.75rem}.bubble{max-width:82%;padding:.75rem 1rem;border-radius:1.25rem;font-size:1rem;line-height:1.45}.bubble--out{justify-self:end;background:var(--sky-700);color:#fff;border-bottom-right-radius:.35rem}.bubble--in{justify-self:start;background:var(--tint);color:var(--ink);border-bottom-left-radius:.35rem;border:1px solid var(--sky-100)}.bubble__time{display:block;font-family:var(--mono);font-size:.6875rem;margin-top:.3rem;opacity:.72}.timeline{list-style:none;padding:0;margin-top:1.75rem;display:grid;gap:1.125rem;position:relative}.timeline:before{content:"";position:absolute;left:3.62rem;top:.55rem;bottom:.55rem;width:1px;background:var(--sky-200)}.timeline li{display:grid;grid-template-columns:3.25rem .75rem 1fr;align-items:baseline;gap:0 .5rem}.timeline time{font-family:var(--mono);font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--sky-700);text-align:right;white-space:nowrap}.timeline .dot{justify-self:center;width:9px;height:9px;border-radius:100px;background:var(--paper);border:2px solid var(--sky-400);translate:0 -.15em}.timeline li:last-child .dot{background:var(--lemon);border-color:var(--lemon);width:13px;height:13px}.timeline p{font-size:1rem;line-height:1.45}.faq{margin-top:1.75rem;display:grid}.faq>div{border-top:1px solid var(--sky-200);padding-block:1.375rem}.faq>div:last-child{border-bottom:1px solid var(--sky-200)}.faq h3{font-size:1.25rem;color:var(--sky-800);text-indent:-.42em}.faq p{margin-top:.625rem;font-size:1.0625rem}.receipt{--tear: 11px;background:var(--sky-400);color:var(--ink);border-radius:var(--radius) var(--radius) 0 0;padding:1.375rem 1.5rem .875rem;margin-top:2rem;rotate:-.55deg;-webkit-mask:radial-gradient(var(--tear) at 50% 0,#000 98%,#0000) repeat-x bottom / calc(var(--tear) * 2) var(--tear),linear-gradient(#000 0 0) top / 100% calc(100% - var(--tear) + 1px) no-repeat;mask:radial-gradient(var(--tear) at 50% 0,#000 98%,#0000) repeat-x bottom / calc(var(--tear) * 2) var(--tear),linear-gradient(#000 0 0) top / 100% calc(100% - var(--tear) + 1px) no-repeat;padding-bottom:calc(.875rem + var(--tear))}.receipt__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-family:var(--mono);font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sky-800)}.receipt__price{font-family:var(--display);font-size:clamp(4.5rem,21vw,7.5rem);font-weight:800;line-height:.92;letter-spacing:-.055em;margin:.5rem 0 .75rem}.receipt .row,.receipt .rows>.row:nth-child(odd){padding-inline:0;background:none}.receipt .row__label,.receipt .row__value{color:var(--ink);font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.receipt .row__dots{border-bottom-color:var(--sky-800);opacity:.32}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.5rem;padding:0;list-style:none}.chips li{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--sky-200);background:var(--paper);border-radius:100px;padding:.35rem .7rem;font-size:.875rem;line-height:1.2;white-space:nowrap}.plans{display:grid;gap:.875rem;margin-top:1.75rem}.plan__top{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.plan__name{font-family:var(--mono);font-size:.6875rem;letter-spacing:.13em;text-transform:uppercase;color:var(--sky-700)}.plan__dots{flex:1 1 1.5rem;min-width:1rem;align-self:center;height:0;border-bottom:2px dotted var(--sky-200)}.plan__price{font-family:var(--display);font-size:2rem;font-weight:800;letter-spacing:-.035em;white-space:nowrap}.plan__price small{font-family:var(--mono);font-size:.75rem;font-weight:500;letter-spacing:0;color:var(--ink-soft)}.plan p{margin-top:.5rem;font-size:1rem;line-height:1.5}.zero{text-align:center;margin-top:2rem}.zero__n{display:block;font-family:var(--display);font-size:clamp(6rem,26vw,9rem);font-weight:800;line-height:.86;letter-spacing:-.06em;color:var(--sky-600)}.zero__label{display:block;font-family:var(--mono);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sky-700);margin-top:.75rem}.mock{border:1px solid var(--sky-200);border-radius:var(--radius);background:var(--paper);overflow:hidden;margin-top:1.75rem}.mock__bar{font-family:var(--mono);font-size:.75rem;color:var(--ink-soft);background:var(--tint);border-bottom:1px solid var(--sky-200);padding:.6rem .875rem}.mock__row{display:flex;align-items:center;gap:.625rem;padding:.75rem .875rem;border-bottom:1px solid var(--sky-100);font-size:.9375rem}.mock__row:last-child{border-bottom:0}.mock__row--you{background:var(--sky-100);font-weight:700}.mock__row span:last-child{margin-left:auto;font-family:var(--mono);font-size:.75rem;color:var(--ink-soft);white-space:nowrap}.mock__ghost{height:.55rem;border-radius:100px;background:var(--sky-100)}.mock__answer{padding:.875rem;font-size:.9375rem;line-height:1.5}.mock__answer b{color:var(--sky-700)}.empty{margin-top:1.75rem;border:2px dashed var(--sky-200);border-radius:var(--radius);padding:2rem 1rem;text-align:center}.empty__face{font-size:2rem;line-height:1}.empty__cap{display:block;font-family:var(--mono);font-size:.75rem;color:var(--ink-soft);margin-top:.75rem}.quoted{margin-top:1.5rem;display:grid;gap:.3rem}.quoted__row{display:flex;align-items:baseline;gap:.5rem;font-family:var(--mono);font-size:.9375rem;color:var(--ink-faint)}.quoted__row .row__dots{border-bottom-color:var(--sky-100)}.quoted__row s{text-decoration-color:var(--ink-faint);text-decoration-thickness:1px}.quoted__total{font-size:1.75rem;font-family:var(--display);font-weight:700;letter-spacing:-.03em;color:var(--ink-faint)}.quoted__ours{font-family:var(--display);font-size:clamp(2.25rem,8vw,3rem);font-weight:800;letter-spacing:-.04em;color:var(--ink);margin-top:1.25rem}.tear-b{--tear: 11px;-webkit-mask:radial-gradient(var(--tear) at 50% 0,#000 98%,#0000) repeat-x bottom / calc(var(--tear) * 2) var(--tear),linear-gradient(#000 0 0) top / 100% calc(100% - var(--tear) + 1px) no-repeat;mask:radial-gradient(var(--tear) at 50% 0,#000 98%,#0000) repeat-x bottom / calc(var(--tear) * 2) var(--tear),linear-gradient(#000 0 0) top / 100% calc(100% - var(--tear) + 1px) no-repeat;padding-bottom:calc(var(--section-y) + var(--tear))}.tear-t{--tear: 11px;-webkit-mask:radial-gradient(var(--tear) at 50% 100%,#000 98%,#0000) repeat-x top / calc(var(--tear) * 2) var(--tear),linear-gradient(#000 0 0) bottom / 100% calc(100% - var(--tear) + 1px) no-repeat;mask:radial-gradient(var(--tear) at 50% 100%,#000 98%,#0000) repeat-x top / calc(var(--tear) * 2) var(--tear),linear-gradient(#000 0 0) bottom / 100% calc(100% - var(--tear) + 1px) no-repeat;padding-top:calc(var(--section-y) + var(--tear))}.sky-wash{position:absolute;inset:0 0 auto;height:34rem;background:linear-gradient(180deg,var(--sky-100) 0%,color-mix(in srgb,var(--sky-100) 45%,transparent) 38%,transparent 100%);pointer-events:none;z-index:-2}.grain{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.mono{font-family:var(--mono);font-size:.8125rem;letter-spacing:.02em;color:var(--ink-soft)}.center{text-align:center}.fine{font-size:.875rem;line-height:1.5;color:var(--ink-soft)}.band .fine{color:var(--ink);opacity:.85}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){@keyframes rise{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pop{0%{opacity:0;scale:.9}60%{scale:1.03}to{opacity:1;scale:1}}@keyframes wiggle{0%,to{rotate:0deg}25%{rotate:-9deg}55%{rotate:8deg}80%{rotate:-3deg}}.reveal>*{animation:rise .62s cubic-bezier(.2,.9,.25,1) backwards}.reveal>*:nth-child(1){animation-delay:60ms}.reveal>*:nth-child(2){animation-delay:.15s}.reveal>*:nth-child(3){animation-delay:.23s}.reveal>*:nth-child(4){animation-delay:.31s}.reveal>*:nth-child(5){animation-delay:.39s}.reveal>*:nth-child(6){animation-delay:.47s}.pop{animation:pop .7s cubic-bezier(.2,.9,.25,1) .26s backwards}.swipe:before{animation:draw .46s cubic-bezier(.2,.9,.25,1) .52s backwards}.mark:hover{animation:wiggle .52s ease}@supports (animation-timeline: view()){.rows>.row,.timeline>li,.thread>.bubble,.plans>*,.faq>div,.chips,.mock,.empty,.quoted,.zero{animation:rise .42s linear both;animation-timeline:view();animation-range:entry 8% entry 62%}.row__dots{animation:draw .4s linear both;animation-timeline:view();animation-range:entry 14% entry 70%}}}