:root{--paper:#fff;--paper-2:#fff;--paper-3:#f3f5f9;--paper-4:#e6eaf0;--ink:#101216;--brand:#ffd60a;--brand-deep:#e6bd00;--brand-soft:#fff3b8;--amber-ink:#7a5200;--line:#1c243414;--line-2:#1c243421;--line-3:#1c243438;--success:#16a34a;--warning:#f59e0b;--info:#3b82f6;--destructive:#e5484d;--destructive-soft:#fee2e2;--destructive-strong:#991b1b;--tag-purple-bg:#f3e8ff;--tag-purple-fg:#6b21a8;--tag-blue-bg:#dbeafe;--tag-blue-fg:#1e40af;--tag-pink-bg:#fce7f3;--tag-pink-fg:#be185d;--tag-green-bg:#dcfce7;--tag-green-fg:#166534;--tag-orange-bg:#fed7aa;--tag-orange-fg:#9a3412;--tag-cyan-bg:#cffafe;--tag-cyan-fg:#155e75;--tag-yellow-bg:#fef3c7;--tag-yellow-fg:#92400e;--tag-rose-bg:#ffe4e6;--tag-rose-fg:#9f1239;--success-soft:var(--tag-green-bg);--success-foreground:var(--tag-green-fg);--warning-soft:var(--tag-yellow-bg);--warning-foreground:var(--tag-yellow-fg);--info-soft:var(--tag-blue-bg);--info-foreground:var(--tag-blue-fg);--chart-1:var(--brand);--chart-2:var(--ink);--chart-3:#16a34a;--chart-4:#3b82f6;--chart-5:#a855f7;--f-display:"Public Sans", "Geist", system-ui, sans-serif;--f-body:"Public Sans", "Geist", system-ui, sans-serif;--f-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease-out:cubic-bezier(.25, 1, .5, 1);--ease-fluid:var(--ease-out);--ease-smooth:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--t-fast:.35s;--radius:.625rem;--r-card:24px;--r-tray:32px;--ring:var(--ink);--scrim:#10182873;--wrap:1280px;--gutter:clamp(16px, 4vw, 48px);--content-edge:max(var(--gutter), calc((100vw - var(--wrap)) / 2 + 48px));--shadow-card:0 1px 0 #fff9 inset, 0 1px 2px #1018280a, 0 14px 34px -18px #1018281f;--shadow-card-lg:0 1px 0 #ffffffb3 inset, 0 2px 4px #1018280a, 0 36px 72px -32px #10182838;--shadow-card-xl:0 1px 0 #fffc inset, 0 2px 6px #1018280d, 0 70px 140px -50px #10182852, 0 24px 48px -24px #1018281a;--page:var(--paper);--canvas:var(--paper-2);--canvas-2:#fafbfd;--canvas-3:#f3f5f9;--canvas-4:#e6eaf0;--ink-2:#1d2026;--mute:#545b68;--mute-2:#8b92a1;--accent:var(--brand);--accent-deep:var(--brand-deep);--accent-soft:var(--brand-soft);--brand-foreground:var(--ink);--brand-accent:var(--brand-deep);--hairline:var(--line);--hairline-2:var(--line-2);--hairline-3:var(--line-3)}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}html{scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--f-body);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.55}::selection{background:var(--brand);color:var(--ink)}a{color:inherit;text-decoration:none}img,svg,video{max-width:100%;display:block}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}:where(body:not(.is-subpage)) h1,:where(body:not(.is-subpage)) h2,:where(body:not(.is-subpage)) h3,:where(body:not(.is-subpage)) h4,:where(body:not(.is-subpage)) h5,:where(body:not(.is-subpage)) h6{font-family:var(--f-display);letter-spacing:-.035em;color:var(--ink);font-weight:540;line-height:1.02}th,td,time,[data-numeric],.tl-stat__v,.tl-row__v,.dashboard__url{font-variant-numeric:tabular-nums}main{z-index:1;position:relative}.skip-link{z-index:100;background:var(--ink);color:#fff;transition:top var(--t-fast) var(--ease-out);border-radius:999px;padding:10px 14px;font-size:14px;font-weight:500;position:absolute;top:-60px;left:16px}.skip-link:focus{top:16px}.wrap{width:100%;max-width:var(--wrap);padding:0 var(--gutter);margin:0 auto}.section{padding:clamp(96px,11vw,168px) 0;position:relative}.section+.section{padding-top:0}.hero+.section{padding-top:clamp(40px,6vw,80px)}.tag{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);white-space:nowrap;font-size:11px;font-weight:500;line-height:1;display:inline-block}.section-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:28px 72px;margin-bottom:clamp(48px,6vw,88px);display:grid}.section-head .tag{grid-column:1/-1;justify-self:start}.section-head__title{text-wrap:balance;max-width:14ch;margin:0;font-size:clamp(38px,4.8vw,68px)}.section-head__lede{color:var(--ink);max-width:44ch;margin:0 0 6px;font-size:clamp(17px,1.4vw,19px);line-height:1.55}.section-head--center{text-align:center;grid-template-columns:1fr;justify-items:center}.section-head--center .tag{justify-self:center}.section-head--center .section-head__title{max-width:18ch}.section-head--center .section-head__lede{max-width:52ch}@media (width<=860px){.section-head{grid-template-columns:1fr;gap:20px}.section-head__title{max-width:none}}.btn{font-family:var(--f-body);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:transform .45s var(--ease-out), box-shadow .45s var(--ease-out), background-color var(--t-fast) var(--ease-out);border:0;border-radius:999px;align-items:center;gap:12px;padding:11px 8px 11px 20px;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.btn--ink{background:var(--ink);color:#fff;box-shadow:inset 0 1px #ffffff1f,0 12px 28px -14px #10182880}@media (hover:hover){.btn--ink:hover{box-shadow:inset 0 1px #ffffff24,0 18px 36px -14px #1018288c}}.btn:active{transform:scale(.98)}.btn--lg{padding:14px 26px;font-size:16px}.btn--sm{padding:9px 16px;font-size:14px}[data-tilt]{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--tilt:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));--tilt-dur:1.1s;--tilt-ease:var(--ease-out);transform:var(--tilt);transition:transform var(--tilt-dur) var(--tilt-ease), box-shadow .6s var(--ease-out), border-color .4s var(--ease-out);position:relative}[data-tilt].is-tilt-in{--tilt-dur:.45s;--tilt-ease:var(--ease-out)}[data-tilt].is-tilting{--tilt-dur:.14s;--tilt-ease:linear}[data-tilt].is-tilt-out{--tilt-dur:.7s;--tilt-ease:var(--ease-out)}[data-tilt]:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(360px circle at var(--mx) var(--my), #ffffff8c, #fff0 62%), linear-gradient(118deg, #fff0 30%, #e2e8f059 48%, #fff0 66%);opacity:0;transition:opacity .5s var(--ease-out);position:absolute;inset:0}@media (hover:hover){[data-tilt]:hover:after{opacity:1}}.nav{z-index:60;padding:0 var(--gutter);pointer-events:none;justify-content:center;display:flex;position:fixed;top:14px;left:0;right:0}.nav__shell{pointer-events:auto;width:100%;max-width:calc(var(--wrap) - 2 * 48px);transition:background-color .5s var(--ease-out), border-color .5s var(--ease-out), box-shadow .5s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px;display:grid}.nav.is-scrolled .nav__shell{backdrop-filter:blur(22px)saturate(1.5);background:#ffffffdb;border-color:#1c243414;box-shadow:inset 0 1px #fffc,0 16px 40px -18px #1018281a}.brand{font-family:var(--f-display);letter-spacing:-.03em;color:var(--ink);border-radius:999px;justify-self:start;align-items:center;gap:9px;padding:6px 8px 6px 10px;font-size:17px;font-weight:600;display:inline-flex}.brand__mark{width:24px;height:24px}.brand__word{line-height:1}.nav__links{align-items:center;gap:2px;display:flex}.nav__links a{letter-spacing:-.01em;color:var(--ink);transition:background-color var(--t-fast) var(--ease-out);border-radius:999px;padding:9px 13px;font-size:14px;font-weight:500}@media (hover:hover){.nav__links a:hover{background:#1c24340f}}.nav__burger,.nav__float{display:none}@media (width<=800px){.nav{top:10px}.nav__shell{grid-template-columns:auto 1fr auto;padding:5px 5px 5px 12px;position:relative}.nav__burger{background:var(--paper-3);cursor:pointer;border:0;border-radius:999px;grid-column:3;justify-self:end;place-items:center;width:38px;height:38px;padding:0;display:grid}.nav__burger span{background:var(--ink);width:16px;height:2px;transition:transform .45s var(--ease-out);border-radius:2px;grid-area:1/1;display:block}.nav__burger span:first-child{transform:translateY(-3.5px)}.nav__burger span:last-child{transform:translateY(3.5px)}.nav.is-open .nav__burger span:first-child{transform:rotate(45deg)}.nav.is-open .nav__burger span:last-child{transform:rotate(-45deg)}.nav__links{border:1px solid var(--line-2);box-shadow:var(--shadow-card-lg);backdrop-filter:blur(22px)saturate(1.5);opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out), transform .45s var(--ease-out);background:#fffffff0;border-radius:22px;flex-direction:column;align-items:stretch;gap:2px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;transform:translateY(-6px)}.nav.is-open .nav__links{opacity:1;pointer-events:auto;transform:none}.nav__links a{border-radius:14px;padding:14px 16px;font-size:17px}.nav__shell>.btn{display:none}.nav__float{left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:60;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out), transform .5s var(--ease-out), box-shadow .45s var(--ease-out);display:inline-flex;position:fixed;transform:translate(-50%)translateY(12px);box-shadow:inset 0 1px #ffffff1f,0 18px 40px -14px #10182899}.nav__float.is-shown{opacity:1;pointer-events:auto;transform:translate(-50%)}.nav__float.is-shown:active{transform:translate(-50%)scale(.98)}.foot__bottom{padding-bottom:96px}}.hero{text-align:center;isolation:isolate;padding:clamp(132px,15vw,196px) 0 96px;position:relative}.hero__inner{max-width:1240px;padding:0 var(--gutter);margin:0 auto;position:relative}.hero__eyebrow{background:var(--tag-purple-bg);color:var(--tag-purple-fg);font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin:0 auto 28px;padding:8px 14px 8px 12px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.hero__eyebrow:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.hero__title{letter-spacing:-.045em;text-wrap:balance;max-width:1080px;margin:0 auto;font-size:clamp(44px,7.8vw,118px);line-height:.96}.hero__sub{max-width:620px;color:var(--ink);letter-spacing:-.01em;text-wrap:pretty;margin:28px auto 0;font-size:clamp(17px,1.7vw,20px);line-height:1.5}.hero__cta{margin-top:36px;margin-bottom:clamp(56px,8vw,96px)}.hero__stage{perspective:1800px;perspective-origin:50% 0;position:relative}.frame{border-radius:var(--r-tray);transform-origin:50% 0;background:linear-gradient(#f6f8fb,#eef1f6);border:1px solid #1c24341a;max-width:1160px;margin:0 auto;padding:10px;box-shadow:0 40px 100px -40px #10182833,0 16px 40px -20px #10182814}.frame .dashboard{border-radius:calc(var(--r-tray) - 10px);max-width:none;box-shadow:0 1px 2px #1018280f,0 0 0 1px #1018280d}@media (width<=640px){.frame{zoom:var(--hero-zoom,.73);width:480px}}@media (width<=860px){.frame{border-radius:24px;padding:6px}.frame .dashboard{border-radius:18px}}.vs{--pt:1;--pm:1;margin-top:clamp(40px,5vw,72px)}.vs__heads,.vs__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;display:grid}.vs__heads{opacity:var(--pt);transform:translateY(calc((1 - var(--pt)) * 16px));align-items:end;padding-bottom:22px;position:relative}.vs__heads:after,.vs__pair:after{content:"";background:var(--line-2);transform-origin:0;height:1px;transform:scaleX(var(--pt));position:absolute;bottom:0;left:0;right:0}.vs__title{letter-spacing:-.03em;justify-self:start;margin:0 0 0 -.1em;padding:0 .1em;font-size:clamp(24px,2.4vw,34px);line-height:1.15}.vs__title--wandkit{background-image:linear-gradient(var(--brand), var(--brand));background-repeat:no-repeat;background-size:calc(var(--pm) * 100%) 36%;background-position:0 90%}.vs__list{margin:0;padding:0;list-style:none}.vs__pair{--p1:1;--p2:1;--p3:1;--p4:1;align-items:start;padding:20px 0;position:relative}.vs__pair:after{background:var(--line);transform:scaleX(var(--p1))}.vs__old,.vs__new{color:var(--ink);margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.4}.vs__old{opacity:var(--p1);transform:translateY(calc((1 - var(--p1)) * 10px))}.vs__strike{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(var(--ink), var(--ink));background-repeat:no-repeat;background-size:calc(var(--p2) * 100%) 2px;background-position:0 58%}.vs__new{align-items:flex-start;gap:12px;font-weight:600;display:flex}.vs__text{min-width:0;opacity:var(--p4);transform:translateX(calc((1 - var(--p4)) * -12px));flex:auto}.vs__tag{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transform-origin:50%;transform:scale(var(--p3)) rotate(calc((1 - var(--p3)) * -12deg));opacity:var(--p4);border-radius:999px;flex:none;align-self:center;align-items:center;margin-left:16px;padding:4px 8px;font-size:10px;font-weight:500;line-height:1;display:inline-flex}.vs__tag--live{background:var(--tag-green-bg);color:var(--tag-green-fg)}.vs__tag--beta{background:var(--tag-yellow-bg);color:var(--tag-yellow-fg)}.vs__tag--soon{background:var(--tag-blue-bg);color:var(--tag-blue-fg)}.vs__heads,.vs__heads:after,.vs__pair:after,.vs__title--wandkit,.vs__old,.vs__strike,.vs__text,.vs__tag{transition:opacity .2s var(--ease-out), transform .2s var(--ease-out), background-size .2s var(--ease-out)}#how .wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:0 72px;display:grid}.how__side{align-items:center;height:100vh;display:flex;position:sticky;top:0}#how .section-head{grid-template-columns:1fr;margin-bottom:0}@keyframes ic-ping{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}@keyframes ic-bar{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes ic-spark{0%,to{opacity:.7;transform:scale(.85)rotate(0)}50%{opacity:1;transform:scale(1.08)rotate(12deg)}}@keyframes ic-check{0%,15%{stroke-dashoffset:20px}45%,80%{stroke-dashoffset:0}to{stroke-dashoffset:20px}}@media (width<=860px){#how .wrap{grid-template-columns:1fr}.how__side{height:auto;display:block;position:static}#how .section-head{margin-bottom:24px}}@media (width>=861px) and (width<=1100px){.tile{width:300px}.tile--wide{width:600px}}.pricing__grid{display:grid}.tier--demo{border-radius:var(--r-tray);background:var(--brand);color:var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:32px 64px;padding:clamp(32px,5vw,64px);display:grid}.tier__header{grid-column:1}.tier__name{letter-spacing:-.04em;max-width:12ch;margin:0;font-size:clamp(30px,3.4vw,46px)}.tier__features{flex-direction:column;grid-area:1/2/span 2;align-self:start;margin:0;padding:0;list-style:none;display:flex}.tier__features li{border-top:1px solid #10121624;padding:16px 0 16px 36px;font-size:clamp(15.5px,1.3vw,17.5px);font-weight:500;line-height:1.45;position:relative}.tier__features li:first-child{border-top:0;padding-top:0}.tier__features li:before{content:"";background:var(--ink);border-radius:50%;width:20px;height:20px;position:absolute;top:19px;left:0}.tier__features li:after{content:"";border-left:1.8px solid var(--brand);border-bottom:1.8px solid var(--brand);width:8px;height:4.5px;position:absolute;top:25px;left:6px;transform:rotate(-45deg)}.tier__features li:first-child:before{top:3px}.tier__features li:first-child:after{top:9px}.tier--demo>.btn{grid-column:1;justify-self:start}@media (width<=860px){.tier--demo{grid-template-columns:1fr;padding:28px 22px}.tier__features{grid-area:auto/1}}#faq{background:var(--paper-2);padding-top:clamp(96px,11vw,168px)}#pricing{padding-bottom:0}.faq{gap:12px;max-width:820px;margin:0 auto;display:grid}.faq__item{background:var(--paper-2);border:1px solid var(--line-2);transition:transform var(--tilt-dur) var(--tilt-ease), border-color .4s var(--ease-out);border-radius:18px;padding:4px 8px;position:relative}.faq__item:before{content:"";z-index:-1;border-radius:inherit;box-shadow:var(--shadow-card-lg);opacity:0;transition:opacity .6s var(--ease-out);pointer-events:none;position:absolute;inset:0}@media (hover:hover){.faq__item:hover:before{opacity:1}.faq__item:hover{--tilt:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-2px);border-color:var(--line-3)}}.faq__item.is-open{border-color:var(--line-3)}.faq__item.is-open .faq__icon{background:var(--brand);transform:rotate(135deg)}.faq__btn{text-align:left;cursor:pointer;width:100%;font-family:var(--f-display);letter-spacing:-.025em;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:20px 14px;font-size:clamp(18px,1.7vw,21px);font-weight:540;line-height:1.25;display:flex}.faq__btn:focus-visible{outline-offset:-2px;border-radius:14px}.faq__icon{background:var(--paper-3);width:36px;height:36px;transition:transform .6s var(--ease-out), background-color .4s var(--ease-out);border-radius:999px;flex:none;place-items:center;display:grid}.faq__content>div{overflow:hidden}.faq__a{color:var(--ink);margin:0;padding:0 64px 22px 14px;font-size:16.5px;line-height:1.6}.faq__a code{font-family:var(--f-mono);background:var(--paper-3);color:var(--ink);border-radius:6px;padding:2px 7px;font-size:.88em}.cta-final{text-align:center;padding:clamp(96px,12vw,180px) 0 clamp(96px,12vw,170px);position:relative}.cta-final__title{letter-spacing:-.045em;text-wrap:balance;max-width:14ch;margin:0 auto 40px;font-size:clamp(40px,6.6vw,96px);line-height:.98}.foot{z-index:1;padding:40px 0 0;position:relative}.foot__top{grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:48px;padding-bottom:64px;display:grid}.foot__tagline{font-family:var(--f-display);letter-spacing:-.03em;color:var(--ink);margin:18px 0 0;font-size:24px;font-weight:540;line-height:1.15}.foot__cols{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.foot__col ul{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.foot__col a{color:var(--ink);transition:color var(--t-fast) var(--ease-out);margin:-6px 0;padding:6px 0;font-size:15px;display:inline-block}@media (hover:hover){.foot__col a:hover{color:var(--amber-ink)}}.foot__bottom{border-top:1px solid var(--line);font-family:var(--f-mono);letter-spacing:.04em;color:var(--ink);justify-content:space-between;gap:16px;padding:22px 0 40px;font-size:11.5px;display:flex}@media (width<=860px){.foot__top{grid-template-columns:1fr;gap:40px}.foot__cols{grid-template-columns:repeat(2,1fr);gap:32px 24px}.foot__bottom{flex-direction:column}}body.js-reveal :is([data-reveal-child],[data-reveal]):not(.is-revealed,[data-split],.hero__stage,.pricing__grid){opacity:0;transform:translateY(28px)}body.js-reveal :is([data-reveal-child],[data-reveal]).is-revealed{opacity:1;transform:var(--tilt,none);filter:none;transition:opacity .9s var(--ease-out), transform var(--tilt-dur,1.1s) var(--tilt-ease,var(--ease-out)), filter .9s var(--ease-out)}@media (width>=861px){body.js-reveal [data-reveal-child]:not(.is-revealed,[data-split],.hero__stage,.pricing__grid,.tile,.faq__item){filter:blur(8px)}}body.js-reveal .hero__stage.is-revealed .frame{opacity:1;transition:transform 1.5s var(--ease-out), opacity 1s var(--ease-out);transform:none}@supports (animation-timeline:view()){@media (width>=861px){.hero__stage{animation:linear both stage-recede view();animation-range:exit}}}@keyframes stage-recede{to{opacity:.35;transform:translateY(-24px)scale(.965)}}[data-split] .w{vertical-align:bottom;margin:-.06em -.02em -.14em;padding:.06em .02em .14em;display:inline-block;overflow:hidden}[data-split] .w>span{will-change:transform;display:inline-block;transform:translateY(112%)}[data-split].is-revealed .w>span{animation:word-rise 1s var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms)}@keyframes word-rise{0%{transform:translateY(112%)}to{transform:translateY(0)}}body.js-reveal .pricing__grid:not(.is-revealed) .tier--demo{clip-path:inset(0 0 100% 0 round var(--r-tray))}body.js-reveal .pricing__grid.is-revealed .tier--demo{clip-path:inset(0 0 0 0 round var(--r-tray));transition:clip-path 1.1s var(--ease-out)}body.js-reveal .tier__features li{opacity:0;transition:opacity .6s var(--ease-out), transform .7s var(--ease-out);transform:translateY(10px)}body.js-reveal .pricing__grid.is-revealed .tier__features li{opacity:1;transform:none}.pricing__grid.is-revealed .tier__features li:first-child{transition-delay:.5s}.pricing__grid.is-revealed .tier__features li:nth-child(2){transition-delay:.6s}.pricing__grid.is-revealed .tier__features li:nth-child(3){transition-delay:.7s}.pricing__grid.is-revealed .tier__features li:nth-child(4){transition-delay:.8s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.js-reveal [data-reveal-child],body.js-reveal [data-reveal],body.js-reveal .hero__stage:not(.is-revealed) .frame,body.js-reveal .tier--demo,body.js-reveal .tier__features li,[data-split] .w>span{opacity:1!important;filter:none!important;clip-path:none!important;transition:none!important;animation:none!important;transform:none!important}.hero__stage{animation:none}.btn,.tile,.faq__item,.faq__icon{transition:none}}@font-face{font-family:Recoleta;src:url(/fonts/recoleta-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Recoleta;src:url(/fonts/recoleta-semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--paper:#fff;--paper-2:#fff;--ground:#f6f6f6;--paper-warm:#fdf8f1;--gap-section:clamp(120px, 13.89vw, 200px);--sheet:#f4efe4;--ink:#111;--ink-2:#1111119e;--ink-say:#5e6470;--ink-3:#11111161;--yellow:#f5d000;--yellow-soft:#ffe873;--blue:#b8cfe8;--blue-2:#a0c6eb;--blue-soft:#d9e6f4;--blue-ink:#1d3557;--green:#48bf84;--peach:#f6b79a;--rule:#11111124;--rule-2:#11111147;--display:Recoleta, "Iowan Old Style", Georgia, serif;--sans:"Public Sans", system-ui, -apple-system, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--settle:cubic-bezier(.22, .61, .36, 1)}html,body{background:var(--paper);color:var(--ink)}:root{--foot:80px}.band{border-radius:0 0 var(--foot) var(--foot);position:relative}.band+.band{margin-top:calc(var(--foot) * -1);padding-top:var(--foot)}.band--paper{background:var(--paper)}.band--grey{background:var(--ground)}.band--1{z-index:11}.band--2{z-index:10}.band--3{z-index:9}.band--4{z-index:8}.band--5{z-index:7}.band--6{z-index:6}.band--7{z-index:5}.band--8{z-index:4}.section{margin:0;padding:clamp(72px,8.3vw,120px) 0}.cta-final{margin:0;padding:0}.foot{margin-top:0}.m-display{font-family:var(--display);letter-spacing:-.018em;color:var(--ink);font-weight:400;line-height:.94}.m-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:500}.m-body{font-family:var(--sans);color:var(--ink-2);font-size:clamp(16px,1.2vw,18px);line-height:1.6}.m-sheet{background:var(--paper-2);border:1px solid var(--rule);border-radius:2px;position:relative}.m-sheet--yellow{background:var(--yellow);border-color:#11111124}.m-sheet--blue{background:var(--blue);border-color:#1111111f}.m-drawn{--drawn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none' fill='none' stroke='%23111111' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpath d='M1 7.6 C24 6.2 47 5.4 68 5.6 C80 5.7 91 6.2 99 6.9' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");isolation:isolate;width:fit-content;position:relative}.m-drawn--b{--drawn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none' fill='none' stroke='%23111111' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpath d='M1 6.1 C20 7.1 41 7.6 61 7.2 C76 6.9 89 6.2 99 5.4' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}.m-drawn:after{content:"";z-index:-1;right:-.14em;bottom:var(--drawn-drop,-.1em);background:var(--drawn) no-repeat 0 50% / 100% 100%;clip-path:inset(0 100% 0 0);height:.5em;transition:clip-path .5s var(--settle);pointer-events:none;position:absolute;left:-.08em}.loop__steps.is-walking .loop__step.is-on .loop__name:after,.faq__item.is-open .faq__q:after{clip-path:inset(0 -2% 0 0)}@media (prefers-reduced-motion:reduce){.m-drawn:after{transition:none}}.m-cta{background:var(--ink);color:var(--paper);font-family:var(--sans);cursor:pointer;transition:transform .4s var(--settle);border:0;border-radius:999px;align-items:center;padding:15px 26px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){.m-cta:hover{transform:translateY(-2px)}}.doodle{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;display:block;overflow:visible}.doodle--thick{stroke-width:3px}.logo{font-family:var(--display);font-size:var(--logo-size,26px);letter-spacing:-.02em;color:var(--ink);font-weight:600;line-height:1}.nav{padding:0;position:fixed;top:0}.nav__shell{border:0;border-bottom:1px solid var(--rule);background:var(--paper);width:100%;max-width:none;height:72px;box-shadow:none;-webkit-backdrop-filter:none;border-radius:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,56px);display:grid}.nav.is-scrolled .nav__shell{background:var(--paper);box-shadow:none;-webkit-backdrop-filter:none;border-radius:0}.nav:not(.nav--bare) .nav__shell,.nav:not(.nav--bare).is-scrolled .nav__shell{background:0 0}.edge-blur{--safe:env(safe-area-inset-top,0px);z-index:55;height:calc(8rem + var(--safe));pointer-events:none;position:fixed;top:0;left:0;right:0;overflow:hidden;transform:translateZ(0)}.edge-blur__layer{-webkit-mask-image:var(--mask);mask-image:var(--mask);backdrop-filter:var(--blur);position:absolute;left:-40px;right:-40px}@media (width<=1024px){.edge-blur{height:calc(6rem + var(--safe))}}.nav__shell>.brand{justify-self:start;padding:0}.nav__links{justify-self:center;gap:36px}.nav__links a{--paper-c:#bcabf9;font-family:var(--sans);color:var(--ink);transition:opacity .4s var(--settle);background:0 0;border-radius:0;padding:0;font-size:15px;font-weight:500;position:relative}.nav__links a:nth-child(2){--paper-c:#48bf84}.nav__links a:nth-child(3){--paper-c:#f8c0a5}.nav__links a:hover,.nav__links a:focus-visible{background:0 0}.nl__word{display:inline-flex}.nl__c{height:1.2em;line-height:1.2;display:inline-block;overflow:hidden}.nl__c>span{display:block}@media (hover:hover) and (width>=801px){.nl__c>span{transition:transform .55s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--i) * 22ms)}.nav__links a:hover .nl__c>span,.nav__links a:focus-visible .nl__c>span{transform:translateY(-100%)}.nav__links a:after{content:"";background:var(--paper-c);clip-path:inset(0 100% 0 0);pointer-events:none;height:7px;margin-top:3px;transition:clip-path .5s cubic-bezier(.7,0,.2,1);animation:.9s linear infinite paused nl-flow;position:absolute;top:100%;left:-2px;right:-2px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='7'%3E%3Cpath d='M0 3.5Q3.5 0.5 7 3.5T14 3.5' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3C/svg%3E") 0 0/14px 7px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='7'%3E%3Cpath d='M0 3.5Q3.5 0.5 7 3.5T14 3.5' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3C/svg%3E") 0 0/14px 7px repeat-x}.nav__links a:hover:after,.nav__links a:focus-visible:after{clip-path:inset(0);animation-play-state:running}.nav__links:has(a:hover) a:not(:hover){opacity:.42}}@keyframes nl-flow{to{-webkit-mask-position:-14px 0;mask-position:-14px 0}}@media (prefers-reduced-motion:reduce){.nl__c>span,.nav__links a:after{transition:none;animation:none}.nav__links a:hover .nl__c>span,.nav__links a:focus-visible .nl__c>span{transform:none}}.nav__shell>.btn{justify-self:end}@media (width<=800px){.nav__links{border-color:var(--rule);background:var(--paper);justify-self:stretch;gap:2px;padding:8px;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px)}.nav__links a{border-radius:14px;padding:14px 16px;font-size:17px}}.nav__shell>.btn--ink{background:var(--ink);color:var(--paper);font-family:var(--sans);box-shadow:none;border-radius:999px;padding:9px 18px;font-size:14px}.hero--poster{--hero-line:clamp(36px, 6.25vw, 90px);text-align:center;isolation:isolate;background:0 0;padding:clamp(96px,13.4vw,193px) 0 0;position:relative;overflow:hidden}.hero--poster .hero__inner{max-width:none;padding:0 clamp(20px,4vw,56px);position:relative}.hero__type{max-width:1120px;margin:0 auto}.hero--poster .hero__title{--mascot:2.07em;--mascot-gap:2.18em;grid-template-columns:auto var(--mascot-gap) auto;font-size:var(--hero-line);letter-spacing:-.035em;text-align:center;text-wrap:nowrap;grid-template-rows:auto auto;justify-content:center;margin:0 auto;line-height:.985;display:grid}.hero__word--your,.hero__word--product{grid-column:1;justify-self:end}.hero__word--everyday,.hero__word--companion{grid-column:3;justify-self:start}.hero__word--your,.hero__word--everyday{grid-row:1}.hero__word--product,.hero__word--companion{grid-row:2}.mascot{height:auto;color:var(--ink);display:block}.hero__mascot{width:var(--mascot);grid-area:1/2/3/3;place-self:center;translate:0 .06em}body.js-reveal :is([data-reveal-child],[data-reveal]):not(.is-revealed,[data-split],.hero__stage,.pricing__grid){filter:none;transform:translateY(14px)}@media (width>=861px){body.js-reveal [data-reveal-child]:not(.is-revealed,[data-split],.hero__stage,.pricing__grid,.tile,.faq__item){filter:none}}body.js-reveal .hero__stage:not(.is-revealed) .frame{opacity:1;transform:none}.hero--poster.is-arming [data-enter]{transition:opacity .62s var(--settle), translate .72s var(--settle), clip-path .72s var(--settle), scale .72s var(--settle)}.hero--poster.is-arming:not(.is-entered) [data-enter=l1],.hero--poster.is-arming:not(.is-entered) [data-enter=l2]{clip-path:inset(-12% -12% 100%);translate:0 .14em}.hero--poster.is-arming [data-enter=l1],.hero--poster.is-arming [data-enter=l2]{clip-path:inset(-12%)}.hero--poster.is-arming:not(.is-entered) [data-enter=mascot]{opacity:0;scale:.94}.hero--poster.is-arming:not(.is-entered) [data-enter=say],.hero--poster.is-arming:not(.is-entered) [data-enter=cta]{opacity:0;translate:0 14px}.hero--poster.is-arming:not(.is-entered) [data-enter=stage]{opacity:0;translate:0 40px}.hero--poster.is-arming .frame .dashboard{transition:translate .78s var(--settle);transition-delay:.68s}.hero--poster.is-arming:not(.is-entered) .frame .dashboard{translate:0 26px}.hero--poster.is-arming [data-enter=l1]{transition-delay:80ms}.hero--poster.is-arming [data-enter=l2]{transition-delay:.18s}.hero--poster.is-arming [data-enter=mascot]{transition-delay:.3s}.hero--poster.is-arming [data-enter=say]{transition-delay:.42s}.hero--poster.is-arming [data-enter=cta]{transition-delay:.5s}.hero--poster.is-arming [data-enter=stage]{transition-delay:.58s}.hero--poster .hero__screen{translate:0 calc(var(--sink,0) * 8px)}.sticker{z-index:2;pointer-events:none;height:auto;display:block;position:absolute}.sticker--hero-reviews{width:12.97vw;top:9.51vw;left:14.65vw}.sticker--hero-deeplink{width:11.25vw;top:8.91vw;left:74.45vw}.sticker--hero-bugs{width:17.08vw;top:26.52vw;left:61.06vw}.sticker--hero-surveys{width:12.5vw;top:39.01vw;left:5vw}.sticker--hero-feedback{width:12.07vw;top:48.02vw;left:84.24vw}.hero--poster .hero__sub{max-width:29.4em;font-family:var(--sans);color:#5f5d57;margin:clamp(16px,1.7vw,24px) auto 0;font-size:clamp(16px,1.32vw,19px);line-height:1.58}.hero--poster .hero__cta{margin:clamp(26px,3.1vw,45px) 0 0;position:relative}.hero--poster .m-cta{padding:14px 24px;font-size:16px}.hero--poster .hero__stage{perspective:none;margin-top:clamp(44px,8.06vw,116px);padding:0 clamp(20px,4vw,56px);position:relative}.hero--poster .hero__screen{border-radius:clamp(10px,1.54vw,22px);width:min(887px,61.58vw);max-width:none;height:auto;margin:0 auto;display:block}@media (width<=860px){.hero--poster{padding-top:104px}.hero--poster .hero__title{letter-spacing:-.03em;text-wrap:wrap;font-size:clamp(38px,11vw,58px);line-height:1.02;display:block}.hero__mascot{display:none}}.m-head{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end;gap:0 clamp(32px,6vw,96px);margin-bottom:clamp(56px,7vw,104px);display:grid}.m-head__line{margin:0;font-size:clamp(34px,4.5vw,65px);line-height:.96}.m-head__say{max-width:46ch;margin:0 0 .5em}@media (width<=860px){.m-head{grid-template-columns:minmax(0,1fr);gap:20px}.m-head__say{margin-bottom:0}}#why{padding-bottom:clamp(100px,10.4vw,150px)}#why .vs{margin-top:0}#why .m-head{text-align:center;margin-bottom:clamp(44px,6.4vw,92px);display:block}#why .m-head__line{font-size:clamp(32px,4.1vw,59px);line-height:1.04}#why .m-head__say{max-width:46ch;font-family:var(--sans);color:var(--ink-say);margin:clamp(12px,1.6vw,23px) auto 0;font-size:clamp(14px,1.08vw,16px);line-height:1.55}#why .vs__heads,#why .vs__pair{grid-template-columns:minmax(0,620fr) minmax(0,580fr);align-items:baseline;gap:0 clamp(20px,3vw,48px);display:grid}#why .vs__heads{padding-bottom:clamp(18px,2.2vw,32px)}#why .vs__heads:after,#why .vs__pair:after{background:var(--rule)}#why .vs__title{font-family:var(--display);letter-spacing:-.01em;text-transform:none;color:var(--ink);background:0 0;margin:0;padding:0;font-size:clamp(20px,1.95vw,28px);font-weight:400;line-height:1.15}#why .vs__pair{padding:18px 0}#why .vs__old,#why .vs__new{font-family:var(--sans);font-size:clamp(15px,1.15vw,17px);line-height:1.45}#why .vs__old{color:var(--ink-3);font-weight:400}#why .vs__strike{isolation:isolate;margin:0 -8px;padding:0 8px;position:relative}#why .vs__strike:after{content:"";z-index:-1;background:var(--strike) no-repeat 0 var(--strike-y,58%);clip-path:inset(0 calc(100% - var(--p2,1) * 100%) 0 0);background-size:100% 12px;position:absolute;inset:0}#why .vs__pair:first-child .vs__strike{--strike:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none' fill='none' stroke='%23111111' stroke-opacity='0.3' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpath d='M1 8.2 C26 7.4 48 6.1 68 5.2 C80 4.7 91 4.5 99 4.9' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--strike-y:54%}#why .vs__pair:nth-child(2) .vs__strike{--strike:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none' fill='none' stroke='%23111111' stroke-opacity='0.3' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpath d='M1 5.2 C22 5.5 42 6.1 60 6.7 C75 7.2 88 7.5 99 7.9' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--strike-y:58%}#why .vs__pair:nth-child(3) .vs__strike{--strike:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none' fill='none' stroke='%23111111' stroke-opacity='0.3' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpath d='M1 7.1 C17 5.2 36 4.6 54 5.4 C72 6.2 87 7.1 99 6.3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--strike-y:60%}#why .vs__pair:nth-child(4) .vs__strike{--strike:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none' fill='none' stroke='%23111111' stroke-opacity='0.3' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpath d='M1 6.6 C25 6.4 49 6.2 71 5.9 C83 5.7 92 5.2 99 4.4' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--strike-y:56%}#why .vs__pair:nth-child(5) .vs__strike{--strike:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none' fill='none' stroke='%23111111' stroke-opacity='0.3' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpath d='M1 5.8 C18 6.9 32 7.2 49 6.4 C67 5.5 84 5.1 99 5.9' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--strike-y:59%}#why .vs__pair:nth-child(6) .vs__strike{--strike:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none' fill='none' stroke='%23111111' stroke-opacity='0.3' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpath d='M1 7.8 C21 6.7 41 5.6 61 5.3 C77 5.1 89 5.4 99 5.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--strike-y:55%}#why .vs__pair:nth-child(7) .vs__strike{--strike:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none' fill='none' stroke='%23111111' stroke-opacity='0.3' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpath d='M1 5.6 C20 6.4 38 7.4 56 7.2 C73 7 87 6.2 99 5.4' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--strike-y:61%}#why .vs__pair:nth-child(8) .vs__strike{--strike:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none' fill='none' stroke='%23111111' stroke-opacity='0.3' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpath d='M1 7.6 C30 7 56 6 76 5.2 C86 4.8 93 4.6 99 4.7' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--strike-y:57%}#why .vs__pair:nth-child(9) .vs__strike{--strike:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none' fill='none' stroke='%23111111' stroke-opacity='0.3' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpath d='M1 6.2 C27 6 52 5.8 74 6.2 C84 6.4 91 7 99 7.2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--strike-y:58%}#why .vs__pair:nth-child(10) .vs__strike{--strike:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none' fill='none' stroke='%23111111' stroke-opacity='0.3' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpath d='M1 6.8 C19 5.4 38 4.8 57 5.3 C74 5.8 88 6.6 99 7.1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--strike-y:56%}#why .vs__new{color:var(--ink);justify-content:flex-start;align-items:baseline;gap:clamp(8px,.9vw,13px);display:flex}#why .vs__text{letter-spacing:-.008em;flex:0 auto;font-weight:600}#why .vs__tag{font-family:var(--display);letter-spacing:0;text-transform:none;--tilt:0deg;transform:scale(var(--p3)) rotate(calc(var(--tilt) + (1 - var(--p3)) * -12deg));border-radius:999px;align-self:center;margin-left:0;padding:3px 10px;font-size:clamp(11px,.9vw,13px);font-weight:400}#why .vs__pair:first-child .vs__tag{--tilt:-3.2deg}#why .vs__pair:nth-child(2) .vs__tag{--tilt:2.6deg}#why .vs__pair:nth-child(3) .vs__tag{--tilt:-1.7deg}#why .vs__pair:nth-child(4) .vs__tag{--tilt:3.4deg}#why .vs__pair:nth-child(5) .vs__tag{--tilt:-2.4deg}#why .vs__pair:nth-child(6) .vs__tag{--tilt:1.6deg}#why .vs__pair:nth-child(7) .vs__tag{--tilt:-3.6deg}#why .vs__pair:nth-child(8) .vs__tag{--tilt:2.1deg}#why .vs__pair:nth-child(9) .vs__tag{--tilt:-1.4deg}#why .vs__pair:nth-child(10) .vs__tag{--tilt:2.9deg}#why .vs__tag--live{background:var(--green);color:var(--ink)}#why .vs__tag--beta{background:var(--peach);color:var(--ink)}#why .vs__tag--soon{box-shadow:none;color:var(--ink-2);background:#1111110f}.shifts{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3.6vw,52px);margin:clamp(72px,9vw,132px) 0 0;padding:0;list-style:none;display:grid}.shifts .shift:first-child{z-index:3}.shifts .shift:nth-child(2){z-index:2}.shifts .shift:nth-child(3){z-index:1}.shift{min-height:clamp(380px,35.5vw,511px);rotate:var(--turn,0deg);transition:rotate .45s var(--settle), translate .45s var(--settle);border-radius:clamp(20px,2.22vw,32px);flex-direction:column;padding:clamp(24px,2.78vw,40px);display:flex;position:relative}@media (hover:hover){.shift:hover{translate:0 -6px;rotate:0deg}}.shift--ask{background:#48bf84}.shift--inbox{background:#f8c0a5}.shift--reword{background:#e8b4eb}.shift__title{margin:0 0 14px;font-size:clamp(24px,2.3vw,34px);line-height:1.12}.shift__body{color:#111111b8;margin:0;font-size:clamp(15px,1.1vw,16.5px)}.shift__mark{width:var(--mark-w);margin:auto 0 10px var(--mark-x)}.shift--ask .shift__mark{--mark-w:90.1%;--mark-x:5.7%}.shift--inbox .shift__mark{--mark-w:67.6%;--mark-x:24.2%}.shift--reword .shift__mark{--mark-w:54%;--mark-x:35.8%}@media (width<=860px){#why .vs__heads,#why .vs__pair{grid-template-columns:minmax(0,1fr) auto;gap:6px 14px}#why .vs__old{grid-column:1/-1}}@media (width<=1000px){.shifts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.shifts{grid-template-columns:minmax(0,1fr);gap:20px}.shift{min-height:0;rotate:none}}@media (prefers-reduced-motion:reduce){.shift{transition:none}}#how{position:relative}#how .wrap{display:block}.loop__head{text-align:center;margin:0 auto clamp(40px,6.6vw,95px)}.loop__line{margin:0;font-size:clamp(32px,4.1vw,59px);line-height:1.04}.loop__say{max-width:44ch;font-family:var(--sans);color:var(--ink-say);margin:clamp(12px,1.3vw,19px) auto 0;font-size:clamp(14px,1.08vw,16px);line-height:1.55}.loop__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(16px,1.67vw,24px);margin:0;padding:0;list-style:none;display:grid}.loop__step{border:0;min-height:0;padding:0;display:block}.loop__pip{border:1.5px solid var(--yellow);background:var(--yellow);border-radius:50%;width:clamp(13px,1.25vw,18px);height:clamp(13px,1.25vw,18px);margin-bottom:clamp(22px,2.2vw,32px);display:block;position:relative}.loop__pip:after{content:"";background:linear-gradient(var(--yellow), var(--yellow)) no-repeat left center / 100% 100%, #14141429;width:100vw;max-width:clamp(150px,17.5vw,252px);height:1.5px;position:absolute;top:50%;left:calc(100% + clamp(8px,.83vw,12px));translate:0 -50%}.loop__steps.is-walking .loop__pip{background:0 0;border-color:#14141438}.loop__steps.is-walking .loop__pip:after{background-size:0 100%}.loop__steps.is-walking .loop__step.is-on .loop__pip{border-color:var(--yellow);background:var(--yellow);transition:background-color .3s var(--settle), border-color .3s var(--settle)}.loop__steps.is-walking .loop__step.is-on .loop__pip:after{transition:background-size .45s var(--settle) .18s;background-size:100% 100%}.loop__name{margin:0 0 clamp(8px,.9vw,13px);font-size:clamp(20px,2.15vw,31px);line-height:1.05}.loop__body{font-family:var(--sans);color:var(--ink-say);margin:0;font-size:clamp(13px,1.01vw,14.5px);line-height:1.5}@media (width<=860px){.loop__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,6vw,48px) clamp(16px,3vw,24px)}.loop__pip:after{max-width:40vw}}@media (width<=560px){.loop__steps{grid-template-columns:minmax(0,1fr)}.loop__pip:after{display:none}}@media (prefers-reduced-motion:reduce){.loop__steps.is-walking .loop__pip{transition:none}}@media (width<=860px){#how .wrap{grid-template-columns:minmax(0,1fr)}.loop__steps{margin-top:clamp(32px,6vw,56px)}}@media (width<=560px){.loop__step{grid-template-columns:minmax(0,1fr);gap:8px 0;min-height:0}}.surf__head{text-align:center;margin:0 auto clamp(32px,4.2vw,60px)}.surf__line{margin:0;font-size:clamp(32px,4.1vw,59px);line-height:1.04}.surf__say{max-width:34ch;font-family:var(--sans);color:var(--ink-say);margin:clamp(14px,1.5vw,22px) auto 0;font-size:clamp(14px,1.08vw,16px);line-height:1.55}.surf__list{flex-wrap:wrap;justify-content:center;gap:clamp(8px,.97vw,14px) clamp(6px,.7vw,10px);max-width:920px;margin:0 auto;padding:0;list-style:none;display:flex}.surf__tag{font-family:var(--display);color:var(--ink);cursor:pointer;transition:background-color .25s var(--settle), border-color .25s var(--settle), translate .25s var(--settle);background:0 0;border:1px solid #14141426;border-radius:999px;align-items:baseline;gap:8px;padding:clamp(10px,1.18vw,17px) clamp(16px,1.74vw,25px);font-size:clamp(14px,1.32vw,19px);line-height:1.1;display:inline-flex}.surf__tag--live{background:#48bf84;border-color:#0000}.surf__tag--beta{background:#e8b4eb;border-color:#0000}.surf__note{font-family:var(--sans);color:var(--ink-2);font-size:.6em}.surf__tag[aria-selected=true]{translate:0 -2px}.surf__tag:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.surf{position:relative}.surf__stage{z-index:2;top:var(--card-y,0);left:var(--card-x,0);pointer-events:none;opacity:0;visibility:hidden;width:min(400px,86%);transition:opacity .16s var(--settle), visibility 0s linear .16s;display:grid;position:absolute}.surf.is-showing .surf__stage{opacity:1;visibility:visible;transition-delay:0s,0s}.surf__card{background:var(--paper);border-radius:clamp(14px,1.4vw,20px);grid-area:1/1;padding:clamp(14px,1.5vw,22px);box-shadow:0 1px 2px #1111110f,0 18px 44px -12px #11111138}.surf__card[hidden]{display:none}.surf__card .mockup{width:100%;height:auto;display:block}.surf__mascot{width:clamp(180px,24.6vw,354px);height:auto;margin:clamp(64px,7.4vw,106px) auto 0;display:block}@media (width<=860px){.surf__list{gap:8px 6px}.surf__mascot{margin-top:clamp(28px,3.9vw,56px)}}#skills{padding:clamp(84px,9.72vw,140px) 0}.ways{grid-template-columns:minmax(0,540fr) minmax(0,660fr);align-items:start;gap:0;display:grid}.ways__head{padding:clamp(40px,6.3vw,91px) clamp(24px,4vw,60px) 0 0}.ways__line{margin:0 0 clamp(18px,2vw,29px);font-size:clamp(32px,4.1vw,59px);line-height:.96}.ways__say{max-width:30ch;font-family:var(--sans);color:var(--ink-say);margin:0;font-size:clamp(14px,1.08vw,16px);line-height:1.55}.ways__tags{flex-direction:column;align-items:flex-start;gap:10px;margin:clamp(24px,2.5vw,36px) 0 0;padding:0;list-style:none;display:flex}.ways__tags li{font-family:var(--sans);color:var(--ink);background:#bcabf9;border-radius:999px;padding:clamp(8px,.75vw,11px) clamp(12px,1.17vw,17px);font-size:clamp(13px,1.04vw,15px);font-weight:500;line-height:1.15}.ways__field{aspect-ratio:660/600;background:#bcabf9;border-radius:clamp(24px,2.78vw,40px);position:relative}.sticker--ways{z-index:2;width:22.7%;position:absolute;top:1.7%;left:-32.3%}.ways__mascot{width:24.5%;color:var(--ink);position:absolute;bottom:34.2%;right:7.3%}.card{z-index:1;background:var(--paper);border-radius:clamp(14px,1.67vw,24px);width:57.6%;padding:7.4%;position:absolute;top:29.5%;left:21.2%}.card__label,.card__was,.card__chips,.card__go{font-family:var(--sans)}.card__label{letter-spacing:.01em;color:var(--ink-say);margin:0;font-size:clamp(10px,.83vw,12px)}.card__was{color:var(--ink-say);margin:clamp(10px,1.25vw,18px) 0 0;font-size:clamp(11px,.9vw,13px)}.card__was s{text-underline-offset:2px;text-decoration-thickness:1px}.card__now{margin:clamp(8px,1.1vw,16px) 0 0;font-size:clamp(16px,1.6vw,23px);line-height:1.1}.card__chips{flex-wrap:wrap;gap:8px;margin:clamp(10px,1.04vw,15px) 0 0;display:flex}.card__chip{color:var(--ink);background:#f2f4f7;border-radius:999px;padding:5px 10px;font-size:clamp(9.5px,.76vw,11px);line-height:1.5}.card__chip--live{color:#166534;background:#e3f1e6}.card__go{background:var(--ink);text-align:center;color:var(--paper);border-radius:999px;margin:clamp(10px,.97vw,14px) 0 0;padding:clamp(9px,.9vw,13px) 0;font-size:clamp(10px,.83vw,12px);font-weight:500}.card.is-rewording .card__was s{transition:background-size .42s var(--settle);background:linear-gradient(currentColor,currentColor) 0 .62em/0% 1px no-repeat;text-decoration:none}.card.is-rewording.is-reworded .card__was s{background-size:100% 1px}.card.is-rewording .card__now,.card.is-rewording [data-reword-chip]{opacity:0;transition:opacity .42s var(--settle), translate .42s var(--settle);transition-delay:.26s;translate:0 6px}.card.is-rewording.is-reworded .card__now,.card.is-rewording.is-reworded [data-reword-chip]{opacity:1;translate:none}@media (width<=860px){.ways{grid-template-columns:minmax(0,1fr);gap:clamp(36px,7vw,56px)}.ways__head{padding:0}.ways__say{max-width:42ch}.sticker--ways{width:19%;top:-6%;left:auto;right:4%}}#faq{background:0 0;padding:clamp(80px,8.65vw,125px) 0 clamp(80px,8.33vw,120px)}.faq__line{text-align:center;margin:0 auto clamp(28px,3.2vw,46px);font-size:clamp(34px,4.1vw,59px);line-height:1}.faq{width:min(880px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 auto;padding:0;position:relative}.faq__item{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.faq__item:before{content:none}.faq__item+.faq__item{border-top:1px solid #14141414}.faq__btn{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:clamp(18px,1.8vw,26px) 0;display:flex;position:relative}.faq__q{font-family:var(--sans);color:var(--ink);transition:color .35s var(--settle);--drawn-drop:.01em;font-size:clamp(14px,1.18vw,17px);font-weight:500;line-height:1.3}.faq__icon{width:26px;height:26px;color:var(--ink-2);transition:rotate .4s var(--settle), background-color .4s var(--settle), color .4s var(--settle);border-radius:50%;flex:none;place-items:center;display:grid}.faq__item.is-open .faq__icon{background:var(--yellow);color:var(--ink);rotate:45deg}.faq__content{transition:grid-template-rows .4s var(--settle);grid-template-rows:0fr;display:grid}.faq__item.is-open .faq__content{grid-template-rows:1fr}.faq__content>div{opacity:0;transition:opacity .4s var(--settle), translate .4s var(--settle);overflow:hidden;translate:0 -5px}.faq__item.is-open .faq__content>div{opacity:1;translate:none}.faq__a{font-family:var(--sans);color:var(--ink-say);margin:0;padding:0 60px clamp(18px,1.8vw,26px) 0;font-size:clamp(13px,.97vw,14px);line-height:1.55}.faq__a code{font-family:var(--mono);font-size:.92em}.sticker--faq{z-index:2;width:20%;position:absolute;bottom:-4%;left:-24%}@media (prefers-reduced-motion:reduce){.faq__content,.faq__content>div,.faq__icon{transition:none}}@media (width<=860px){.faq__a{padding-right:0}.sticker--faq{width:26%;bottom:-4%;left:auto;right:-4%}}.cta-final{padding:0}.cta-final__field{text-align:center;background:0 0;border-radius:0;flex-direction:column;align-items:center;padding:clamp(40px,6.9vw,99px) clamp(20px,4vw,56px) clamp(40px,5vw,72px);display:flex;position:relative}.cta-final__title{letter-spacing:-.02em;max-width:none;margin:0 0 clamp(20px,2.5vw,36px);font-size:clamp(32px,5.1vw,73px);line-height:1.02}.cta-final__mascot{width:clamp(120px,10.3vw,148px);height:auto;margin:clamp(20px,3vw,44px) 0 0}.sticker--cta-surveys{width:11.2vw;position:absolute;top:11%;left:1.5vw}.sticker--cta-bugs{width:17.1vw;position:absolute;top:41%;left:13.8vw}.sticker--cta-feedback{width:12.1vw;position:absolute;top:48%;left:76.6vw}.foot{color:var(--paper);background:#0a0a0a;border-top:0;padding:clamp(48px,5.4vw,78px) 0 clamp(36px,3.4vw,49px)}.foot .brand,.foot .brand svg,.foot .brand .logo{color:var(--paper);fill:currentColor}.foot .brand{gap:0;padding:0}.foot__top{padding-bottom:0}.foot__tagline{max-width:22ch;font-family:var(--sans);color:var(--ink-say);margin-top:14px;font-size:clamp(12.5px,.97vw,14px);font-weight:400;line-height:1.5}.foot__col h4{font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--paper);margin:0 0 14px;font-size:clamp(11.5px,.9vw,13px);font-weight:600}.foot__col h4,.foot__col ul{line-height:1.5}.foot__col ul{gap:10px}.foot__col a,.foot__bottom,.foot__tagline{font-family:var(--sans);color:#ffffff9e;font-size:clamp(11.5px,.9vw,13px)}@media (hover:hover){.foot__col a:hover{color:var(--paper)}}.foot__bottom{border-color:#ffffff24;margin-top:clamp(40px,4.4vw,63px);padding-top:clamp(18px,1.9vw,28px);padding-bottom:0}.inkline{z-index:999;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@media (hover:none),(pointer:coarse),(any-pointer:coarse),(width<=800px){.inkline{display:none}}
