.dashboard{text-align:left;background:#fff;border:0;border-radius:24px;max-width:1120px;margin:0 auto;overflow:hidden;box-shadow:0 40px 80px -32px #10142047,0 2px 8px #1014200f}.dashboard__bar{border-bottom:1px solid var(--hairline-2);background:#fff;align-items:center;gap:8px;padding:13px 18px;display:flex}.dashboard__dot{border-radius:999px;width:9px;height:9px}.dashboard__dot:first-child{background:#fb7185}.dashboard__dot:nth-child(2){background:#fbbf24}.dashboard__dot:nth-child(3){background:#4ade80}.dashboard__url{font-family:var(--f-mono);color:#64748b;margin-left:14px;font-size:11.5px}.dashboard__body{background:#fff;grid-template-columns:200px 1fr 260px;height:690px;display:grid}.dashboard__main{overflow:hidden}.dashboard__navwrap{flex-direction:column;display:flex}.dashboard__nav-item[role=tab]{cursor:pointer}.dashboard__nav-item[role=tab]:hover{background:#0f172a0d}.dashboard__nav-item:not([role=tab]){cursor:default}.dashboard__nav-item:focus-visible,.dashboard__seg:focus-visible,.dashboard__btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}.dashboard__nav-item[aria-selected=true]:after{content:"";background:currentColor;border-radius:999px;width:5px;height:5px;margin-left:auto}.dashboard__nav-item[aria-selected=true]{font-weight:500}@media (width<=900px){.dashboard__body{grid-template-columns:1fr;height:auto}.dashboard__body .dashboard__sidebar,.dashboard__body .dashboard__right{display:none}}.dashboard__sidebar{border-right:1px solid var(--hairline-2);background:#f7f8fa;padding:18px 14px}.dashboard__workspace{background:#fff;border:0;border-radius:11px;align-items:center;gap:8px;margin-bottom:18px;padding:9px 11px;display:flex;box-shadow:0 1px 2px #10142012}.dashboard__workspace-mark{background:linear-gradient(135deg,#ffd60a,#ffb800);border-radius:5px;width:18px;height:18px}.dashboard__workspace-name{color:#0f172a;font-size:12px;font-weight:500}.dashboard__nav-section{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:#64748b;padding:12px 10px 6px;font-size:9.5px}.dashboard__nav{flex-direction:column;gap:1px;display:flex}.dashboard__nav li{color:#475569;cursor:default;border-radius:7px;align-items:center;gap:9px;padding:7px 10px;font-size:12.5px;display:flex}.dashboard__nav li.is-active{color:#0f172a;background:#fff;font-weight:500;box-shadow:0 1px 2px #0a0a0a0a}.dashboard__nav .swatch{border-radius:3px;width:9px;height:9px}.dashboard__count{font-family:var(--f-mono);color:#64748b;background:#f1f5f9;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px}.dashboard__nav--muted li{color:#64748b}.dashboard__main{min-width:0;transition:opacity .34s var(--ease-out), transform .34s var(--ease-out), filter .34s var(--ease-out);flex-direction:column;gap:18px;padding:32px 22px;display:flex}.dashboard__right{transition:opacity .34s var(--ease-out), transform .34s var(--ease-out), filter .34s var(--ease-out)}.dashboard__main.is-swap,.dashboard__right.is-swap{opacity:.25;filter:blur(1px);transition-duration:.2s;transform:translateY(4px)}.dashboard__nav li{transition:background .3s var(--ease-out), color .3s var(--ease-out), box-shadow .3s var(--ease-out)}.dashboard__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashboard__title{font-family:var(--f-display);color:#0f172a;letter-spacing:-.018em;margin:0;font-size:17px;font-weight:600}.dashboard__head-meta{align-items:center;gap:10px;margin-top:6px;display:flex}.dashboard__meta-text{color:#64748b;font-size:11.5px;font-family:var(--f-mono)}.dashboard__pill{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:10px;font-weight:500;display:inline-flex}.dashboard__pill .dot{border-radius:999px;width:5px;height:5px}.dashboard__pill--live{color:#166534;background:#dcfce7}.dashboard__pill--live .dot{animation:liveDot 1.4s var(--ease-smooth) infinite;background:#16a34a}.dashboard__pill--ai{color:#6b21a8;background:#f3e8ff}.dashboard__pill--ai .dot{background:#7c3aed}@keyframes liveDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.dashboard__actions{background:#f1f5f9;border-radius:8px;gap:4px;padding:3px;display:inline-flex}.dashboard__seg{font-family:var(--f-mono);color:#475569;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:4px 9px;font-size:10.5px}.dashboard__seg:hover{color:var(--ink)}.dashboard__seg.is-on{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0a0a0a0f}.dashboard__metric-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dashboard__metric{background:#f8fafc;border-radius:10px;flex-direction:column;gap:4px;padding:14px 14px 16px;display:flex}.dashboard__metric-label{color:#64748b;font-size:10.5px;font-family:var(--f-mono);letter-spacing:.04em}.dashboard__metric-value{font-family:var(--f-display);color:#0f172a;letter-spacing:-.032em;font-size:28px;font-weight:600;line-height:1}.dashboard__metric-value small{color:#64748b;margin-left:2px;font-size:.55em;font-weight:500}.dashboard__metric-value .hl{color:#0f172a}.dashboard__metric-trend{font-family:var(--f-mono);color:#64748b;font-size:10.5px}.dashboard__metric-trend--up{color:#be185d}.dashboard__metric-trend--down{color:#047857}.dashboard__chart{border:1px solid var(--hairline);background:#fff;border-radius:10px;padding:12px 12px 8px;position:relative}.dashboard__chart svg{width:100%;height:130px;display:block}.dashboard__chart-line{stroke-dasharray:1100;stroke-dashoffset:1100px;animation:chartDraw 2.6s var(--ease-smooth) .4s forwards}.dashboard__chart-area{opacity:0;animation:chartFade 1.2s var(--ease-smooth) 1.8s forwards}.dashboard__chart-now{opacity:0;animation:chartDot .7s var(--ease-spring) 2.8s forwards;transform-origin:50%;transform-box:fill-box}@keyframes chartDraw{to{stroke-dashoffset:0}}@keyframes chartFade{to{opacity:1}}@keyframes chartDot{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.dashboard__chart-x{font-family:var(--f-mono);color:#64748b;justify-content:space-between;padding:8px 4px 0;font-size:9.5px;display:flex}.dashboard__feed-head{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.dashboard__feed-head>span:first-child{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:10.5px}.dashboard__feed-count{font-family:var(--f-mono);color:#92400e;background:#fff6cc;border-radius:999px;padding:2px 8px;font-size:10.5px}.dashboard__feed{background:var(--hairline);border-radius:8px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.dashboard__feed-item{background:#fff;grid-template-columns:70px 110px 1fr;align-items:center;gap:12px;padding:10px 12px;font-size:11.5px;display:grid}.dashboard__feed-item:first-child{animation:feedNew .6s var(--ease-out)}@keyframes feedNew{0%{background:#fff6cc;transform:translate(-4px)}to{background:#fff;transform:translate(0)}}.dashboard__feed-time{font-family:var(--f-mono);color:#64748b;font-size:10.5px}.dashboard__feed-tag{font-family:var(--f-mono);border-radius:999px;justify-self:start;padding:2px 8px;font-size:10px}.dashboard__feed-tag--y{color:#92400e;background:#fff6cc}.dashboard__feed-tag--v{color:#6b21a8;background:#f3e8ff}.dashboard__feed-tag--p{color:#be185d;background:#fce7f3}.dashboard__feed-tag--g{color:#166534;background:#dcfce7}.dashboard__feed-tag--b{color:#1e40af;background:#dbeafe}.dashboard__feed-tag--c{color:#155e75;background:#cffafe}.dashboard__feed-text{color:#475569;font-size:11.5px}.dashboard__right{border-left:1px solid var(--hairline);background:#fafafa;flex-direction:column;gap:14px;padding:28px 18px;display:flex}.dashboard__right-head{justify-content:flex-start;display:flex}.dashboard__suggestion{flex-direction:column;gap:6px;display:flex}.dashboard__suggestion-label{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:10.5px}.dashboard__suggestion-title{font-family:var(--f-display);color:#0f172a;letter-spacing:-.018em;margin:2px 0 0;font-size:15.5px;font-weight:600}.dashboard__suggestion-body{color:#475569;margin:4px 0 0;font-size:12px;line-height:1.55}.dashboard__suggestion-actions{gap:6px;margin-top:10px;display:flex}.dashboard__btn{font-family:var(--f-body);border:1px solid var(--hairline-2);color:#0f172a;cursor:pointer;background:#fff;border-radius:8px;padding:7px 12px;font-size:11.5px;font-weight:500}.dashboard__btn--primary{color:#fff;background:#0f172a;border-color:#0f172a}.dashboard__diff{font-family:var(--f-mono);background:#fff;border:1px solid #e2e4ea;border-radius:9px;flex-direction:column;gap:4px;padding:10px 12px;font-size:11px;display:flex}.dashboard__diff-line{border-radius:4px;padding:2px 6px}.dashboard__diff-line--remove{color:#be185d;background:#fce7f3}.dashboard__diff-line--add{color:#166534;background:#dcfce7}.dashboard__release{background:#fff6cc;border:1px solid #fce38a;border-radius:9px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.dashboard__release-label{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:#92400e;font-size:10px}.dashboard__release-eta{color:#0f172a;font-size:12px;font-weight:500}.dashboard{--m:#ffd60a;--m-soft:#fff6cc;--m-deep:#92400e;transition:none}.dashboard__bar,.dashboard__sidebar,.dashboard__right{transition:background .5s var(--ease-out)}.tl{flex-direction:column;gap:16px;display:flex}.dashboard__url b{color:var(--m-deep);font-weight:600}.dashboard__workspace-mark{background:linear-gradient(135deg, var(--m), var(--m-deep));transition:background .5s var(--ease-out)}.dashboard__nav li.is-active{box-shadow:inset 2px 0 0 var(--m), 0 1px 2px #0a0a0a0a}.tl-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tl-stat{background:#fff;border-radius:14px;flex-direction:column;gap:5px;padding:15px 15px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #10142012,0 6px 16px -10px #1014202e}.tl-stat:before{content:"";background:var(--m);height:3px;position:absolute;inset:0 0 auto}.tl-stat:nth-child(2):before{background:#10b981}.tl-stat:nth-child(3):before{background:#3b82f6}.tl-stat:nth-child(4):before{background:#f59e0b}.tl-stat__l{color:#64748b;font-size:10.5px;font-family:var(--f-mono);letter-spacing:.04em}.tl-row__t,.tl-row__s{display:block}.tl-stat__v{font-family:var(--f-display);color:#0f172a;letter-spacing:-.032em;font-size:26px;font-weight:600;line-height:1}.tl-stat__v small{color:#64748b;margin-left:1px;font-size:.52em;font-weight:500}.tl-stat__v .hl{color:var(--m-deep)}.tl-stat__t{font-family:var(--f-mono);color:#64748b;font-size:10px}.tl-stat__t--up{color:#166534}.tl-stat__t--down{color:#9a3412}.tl-card{background:#fff;border:0;border-radius:14px;flex-direction:column;gap:11px;padding:15px 17px;display:flex;box-shadow:0 1px 2px #10142012,0 6px 16px -10px #1014202e}.tl-card__h{justify-content:space-between;align-items:center;gap:10px;display:flex}.tl-card__t{color:#0f172a;letter-spacing:-.01em;font-size:12.5px;font-weight:600}.tl-card__meta{font-family:var(--f-mono);color:#64748b;font-size:10px}.tl-bar{grid-template-columns:62px 1fr 54px;align-items:center;gap:11px;display:grid}.tl-bar__k{color:#475569;font-size:11px;font-family:var(--f-mono);white-space:nowrap}.tl-bar__track{background:#f1f5f9;border-radius:999px;height:9px;overflow:hidden}.tl-bar__fill{background:var(--m);border-radius:999px;height:100%}.tl-bar__v{color:#0f172a;text-align:right;font-size:11px;font-weight:500;font-family:var(--f-mono)}.tl-tr{border-top:1px solid var(--hairline);grid-template-columns:32px 1.25fr 1fr 64px;align-items:center;gap:11px;padding:9px 2px;display:grid}.tl-tr:first-child{border-top:0}.tl-badge{width:28px;height:28px;font-family:var(--f-mono);background:var(--m-soft);color:var(--m-deep);border-radius:7px;place-items:center;font-size:9.5px;font-weight:600;display:grid}.tl-tr__nm{color:#0f172a;min-width:0;font-size:12px;font-weight:500}.tl-tr__nm span{font-family:var(--f-mono);color:#64748b;margin-top:1px;font-size:9px;font-weight:400;display:block}.tl-prog{background:#f1f5f9;border-radius:999px;height:6px;overflow:hidden}.tl-prog__f{background:var(--m);border-radius:999px;height:100%}.tl-pill{font-family:var(--f-mono);white-space:nowrap;border-radius:999px;justify-self:start;padding:3px 9px;font-size:9.5px}.tl-pill--accent{background:var(--m-soft);color:var(--m-deep)}.tl-pill--live{color:#166534;background:#dcfce7}.tl-pill--draft{color:#92400e;background:#fef3c7}.tl-pill--muted{color:#64748b;background:#f1f5f9}.tl-pill--info{background:var(--info-soft);color:var(--info-foreground)}.tl-pill--danger{background:var(--destructive-soft);color:var(--destructive-strong)}.tl-row__v{font-family:var(--f-mono);color:#64748b;flex:none;margin-left:auto;font-size:10.5px}.tl-row{border-top:1px solid var(--hairline);align-items:center;gap:11px;padding:9px 2px;display:flex}.tl-row:first-child{border-top:0}.tl-rank{text-align:center;width:18px;font-family:var(--f-mono);color:#64748b;flex:none;font-size:11px}.tl-av{width:30px;height:30px;font-family:var(--f-display);color:#0f172a;border-radius:999px;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.tl-row__m{flex:1;min-width:0}.tl-row__t{color:#0f172a;font-size:12px;font-weight:500}.tl-row__s{font-family:var(--f-mono);color:#64748b;margin-top:1px;font-size:9.5px}.tl-row__tr{font-family:var(--f-mono);color:#475569;text-align:right;white-space:nowrap;font-size:11px}.tl-row__tr b{color:var(--m-deep);font-weight:600}.tl-field{border:1px solid var(--hairline);font-family:var(--f-mono);color:#475569;background:#f8fafc;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;font-size:11.5px;display:flex}.tl-field--accent{background:var(--m-soft);border-color:var(--m);color:var(--m-deep);font-weight:500}.tl-field__label{font-family:var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:#64748b;margin-bottom:6px;font-size:9.5px}.tl-copy{font-family:var(--f-body);color:#fff;background:#0f172a;border-radius:7px;flex:none;padding:6px 13px;font-size:10.5px;font-weight:500}.tl{--tl-step:34ms}.tl [data-in]{animation:tl-rise .42s var(--ease-out) both;animation-delay:calc(var(--i,0) * var(--tl-step))}.tl .tl-card[data-in]{animation-name:tl-fade}.tl .tl-bar__fill,.tl .tl-prog__f{transform-origin:0;animation:tl-grow .42s var(--ease-out) both;animation-delay:calc(var(--i,0) * var(--tl-step) + 90ms);display:block}@keyframes tl-fade{0%{opacity:0}to{opacity:1}}@keyframes tl-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tl-grow{0%{transform:scaleX(.02)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.tl [data-in],.tl .tl-bar__fill,.tl .tl-prog__f{opacity:1!important;animation:none!important;transform:none!important}.dashboard__main,.dashboard__right{transition:none!important}.dashboard__main.is-swap,.dashboard__right.is-swap{opacity:1!important;filter:none!important;transform:none!important}}: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}.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}[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}.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}.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}.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}}.mockup{--cycle:7s;font-family:var(--f-body)}.mk-defs{width:0;height:0;position:absolute;overflow:hidden}.mockup .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.mockup :is(.k,.kp,.kw){transform-box:fill-box;transform-origin:50%;animation-duration:var(--cycle);animation-iteration-count:infinite;animation-fill-mode:both}.mockup .k{opacity:0}.mockup .k.on{opacity:1}.mockup .kw{fill-opacity:0;animation-delay:calc(var(--i,0) * .13s)}.mockup .st{animation-delay:calc(var(--i,0) * .11s)}.mockup .l{transform-origin:0}.mockup .d{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}.tile:not(.is-revealed) .mockup :is(.k,.kp,.kw),.tile.is-off .mockup :is(.k,.kp,.kw){animation-name:none}.peek .mockup{--cycle:3.4s}.peek .mockup:not(.is-on) :is(.k,.kp,.kw){animation-name:none}.pin.is-moving .mockup :is(.k,.kp,.kw){animation-play-state:paused}@media (prefers-reduced-motion:reduce){.mockup :is(.k,.kp,.kw){animation:none!important}}.mockup .b-pop-12{animation-name:mk-pop-12}.mockup .b-pop-28{animation-name:mk-pop-28}.mockup .b-pop-30{animation-name:mk-pop-30}.mockup .b-pop-44{animation-name:mk-pop-44}.mockup .b-pop-58{animation-name:mk-pop-58}.mockup .b-rise-30{animation-name:mk-rise-30}.mockup .b-rise-32{animation-name:mk-rise-32}.mockup .b-rise-44{animation-name:mk-rise-44}.mockup .b-grow-12{animation-name:mk-grow-12}.mockup .b-grow-26{animation-name:mk-grow-26}.mockup .b-draw-12{animation-name:mk-draw-12}.mockup .b-draw-40{animation-name:mk-draw-40}.mockup .b-out-12{animation-name:mk-out-12}.mockup .b-out-14{animation-name:mk-out-14}.mockup .b-out-24{animation-name:mk-out-24}.mockup .b-out-26{animation-name:mk-out-26}.mockup .b-out-28{animation-name:mk-out-28}.mockup .b-out-30{animation-name:mk-out-30}.mockup .b-out-34{animation-name:mk-out-34}.mockup .b-out-38{animation-name:mk-out-38}.mockup .b-out-40{animation-name:mk-out-40}.mockup .b-out-48{animation-name:mk-out-48}.mockup .b-out-52{animation-name:mk-out-52}.mockup .b-out-56{animation-name:mk-out-56}.mockup .b-in-12{animation-name:mk-in-12}.mockup .b-in-14{animation-name:mk-in-14}.mockup .b-in-24{animation-name:mk-in-24}.mockup .b-in-26{animation-name:mk-in-26}.mockup .b-in-28{animation-name:mk-in-28}.mockup .b-in-30{animation-name:mk-in-30}.mockup .b-in-34{animation-name:mk-in-34}.mockup .b-in-40{animation-name:mk-in-40}.mockup .b-in-48{animation-name:mk-in-48}.mockup .b-in-52{animation-name:mk-in-52}.mockup .b-in-56{animation-name:mk-in-56}.mockup .b-fade-40{animation-name:mk-fade-40}.mockup .b-fadein-40{animation-name:mk-fadein-40}.mockup .b-word-12{animation-name:mk-word-12}.mockup .b-word-38{animation-name:mk-word-38}.mockup .b-press-12{animation-name:mk-press-12}.mockup .b-press-30{animation-name:mk-press-30}.mockup .b-press-46{animation-name:mk-press-46}.mockup .b-press-50{animation-name:mk-press-50}.mockup .b-press-54{animation-name:mk-press-54}.mockup .b-nudge-50{animation-name:mk-nudge-50}.mockup .b-inout-28-52{animation-name:mk-inout-28-52}.mockup .b-tip{animation-name:mk-tip}@keyframes mk-pop-12{0%,12%{opacity:0;animation-timing-function:var(--ease-spring);transform:scale(.82)}17%{opacity:1;transform:scale(1)}88%{opacity:1;animation-timing-function:ease;transform:scale(1)}93%,to{opacity:0;transform:scale(1)}}@keyframes mk-pop-28{0%,28%{opacity:0;animation-timing-function:var(--ease-spring);transform:scale(.82)}33%{opacity:1;transform:scale(1)}88%{opacity:1;animation-timing-function:ease;transform:scale(1)}93%,to{opacity:0;transform:scale(1)}}@keyframes mk-pop-30{0%,30%{opacity:0;animation-timing-function:var(--ease-spring);transform:scale(.82)}35%{opacity:1;transform:scale(1)}88%{opacity:1;animation-timing-function:ease;transform:scale(1)}93%,to{opacity:0;transform:scale(1)}}@keyframes mk-pop-44{0%,44%{opacity:0;animation-timing-function:var(--ease-spring);transform:scale(.82)}49%{opacity:1;transform:scale(1)}88%{opacity:1;animation-timing-function:ease;transform:scale(1)}93%,to{opacity:0;transform:scale(1)}}@keyframes mk-pop-58{0%,58%{opacity:0;animation-timing-function:var(--ease-spring);transform:scale(.82)}63%{opacity:1;transform:scale(1)}88%{opacity:1;animation-timing-function:ease;transform:scale(1)}93%,to{opacity:0;transform:scale(1)}}@keyframes mk-rise-30{0%,30%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(6px)}35%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-rise-32{0%,32%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(6px)}37%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-rise-44{0%,44%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(6px)}49%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-grow-12{0%,12%{opacity:0;animation-timing-function:var(--ease-out);transform:scaleX(0)}13%{opacity:1}21%{opacity:1;transform:scaleX(1)}88%{opacity:1;animation-timing-function:ease;transform:scaleX(1)}93%,to{opacity:0;transform:scaleX(1)}}@keyframes mk-grow-26{0%,26%{opacity:0;animation-timing-function:var(--ease-out);transform:scaleX(0)}27%{opacity:1}35%{opacity:1;transform:scaleX(1)}88%{opacity:1;animation-timing-function:ease;transform:scaleX(1)}93%,to{opacity:0;transform:scaleX(1)}}@keyframes mk-draw-12{0%,12%{opacity:0;stroke-dashoffset:var(--len);animation-timing-function:var(--ease-smooth)}13%{opacity:1}24%{opacity:1;stroke-dashoffset:0}88%{opacity:1;stroke-dashoffset:0;animation-timing-function:ease}93%,to{opacity:0;stroke-dashoffset:0}}@keyframes mk-draw-40{0%,40%{opacity:0;stroke-dashoffset:var(--len);animation-timing-function:var(--ease-smooth)}41%{opacity:1}52%{opacity:1;stroke-dashoffset:0}88%{opacity:1;stroke-dashoffset:0;animation-timing-function:ease}93%,to{opacity:0;stroke-dashoffset:0}}@keyframes mk-out-12{0%,12%{opacity:1;animation-timing-function:var(--ease-out);transform:none}16%{opacity:0;transform:translateY(-3px)}88%{opacity:0;animation-timing-function:ease;transform:none}93%,to{opacity:1;transform:none}}@keyframes mk-out-14{0%,14%{opacity:1;animation-timing-function:var(--ease-out);transform:none}18%{opacity:0;transform:translateY(-3px)}88%{opacity:0;animation-timing-function:ease;transform:none}93%,to{opacity:1;transform:none}}@keyframes mk-out-24{0%,24%{opacity:1;animation-timing-function:var(--ease-out);transform:none}28%{opacity:0;transform:translateY(-3px)}88%{opacity:0;animation-timing-function:ease;transform:none}93%,to{opacity:1;transform:none}}@keyframes mk-out-26{0%,26%{opacity:1;animation-timing-function:var(--ease-out);transform:none}30%{opacity:0;transform:translateY(-3px)}88%{opacity:0;animation-timing-function:ease;transform:none}93%,to{opacity:1;transform:none}}@keyframes mk-out-28{0%,28%{opacity:1;animation-timing-function:var(--ease-out);transform:none}32%{opacity:0;transform:translateY(-3px)}88%{opacity:0;animation-timing-function:ease;transform:none}93%,to{opacity:1;transform:none}}@keyframes mk-out-30{0%,30%{opacity:1;animation-timing-function:var(--ease-out);transform:none}34%{opacity:0;transform:translateY(-3px)}88%{opacity:0;animation-timing-function:ease;transform:none}93%,to{opacity:1;transform:none}}@keyframes mk-out-34{0%,34%{opacity:1;animation-timing-function:var(--ease-out);transform:none}38%{opacity:0;transform:translateY(-3px)}88%{opacity:0;animation-timing-function:ease;transform:none}93%,to{opacity:1;transform:none}}@keyframes mk-out-38{0%,38%{opacity:1;animation-timing-function:var(--ease-out);transform:none}42%{opacity:0;transform:translateY(-3px)}88%{opacity:0;animation-timing-function:ease;transform:none}93%,to{opacity:1;transform:none}}@keyframes mk-out-40{0%,40%{opacity:1;animation-timing-function:var(--ease-out);transform:none}44%{opacity:0;transform:translateY(-3px)}88%{opacity:0;animation-timing-function:ease;transform:none}93%,to{opacity:1;transform:none}}@keyframes mk-out-48{0%,48%{opacity:1;animation-timing-function:var(--ease-out);transform:none}52%{opacity:0;transform:translateY(-3px)}88%{opacity:0;animation-timing-function:ease;transform:none}93%,to{opacity:1;transform:none}}@keyframes mk-out-52{0%,52%{opacity:1;animation-timing-function:var(--ease-out);transform:none}56%{opacity:0;transform:translateY(-3px)}88%{opacity:0;animation-timing-function:ease;transform:none}93%,to{opacity:1;transform:none}}@keyframes mk-out-56{0%,56%{opacity:1;animation-timing-function:var(--ease-out);transform:none}60%{opacity:0;transform:translateY(-3px)}88%{opacity:0;animation-timing-function:ease;transform:none}93%,to{opacity:1;transform:none}}@keyframes mk-in-12{0%,12%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(3px)}16%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-in-14{0%,14%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(3px)}18%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-in-24{0%,24%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(3px)}28%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-in-26{0%,26%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(3px)}30%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-in-28{0%,28%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(3px)}32%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-in-30{0%,30%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(3px)}34%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-in-34{0%,34%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(3px)}38%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-in-40{0%,40%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(3px)}44%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-in-48{0%,48%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(3px)}52%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-in-52{0%,52%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(3px)}56%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-in-56{0%,56%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(3px)}60%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-fade-40{0%,40%{opacity:1;animation-timing-function:var(--ease-out);transform:none}44%{opacity:0;transform:none}88%{opacity:0;animation-timing-function:ease;transform:none}93%,to{opacity:1;transform:none}}@keyframes mk-fadein-40{0%,40%{opacity:0;animation-timing-function:var(--ease-out);transform:none}44%{opacity:1;transform:none}88%{opacity:1;animation-timing-function:ease;transform:none}93%,to{opacity:0;transform:none}}@keyframes mk-word-12{0%,12%{fill-opacity:0}14%{fill-opacity:1}88%{fill-opacity:1;animation-timing-function:ease}93%,to{fill-opacity:0}}@keyframes mk-word-38{0%,38%{fill-opacity:0}40%{fill-opacity:1}88%{fill-opacity:1;animation-timing-function:ease}93%,to{fill-opacity:0}}@keyframes mk-press-12{0%,12%{animation-timing-function:ease-in;transform:scale(1)}14%{animation-timing-function:var(--ease-spring);transform:scale(.94)}18%,to{transform:scale(1)}}@keyframes mk-press-30{0%,30%{animation-timing-function:ease-in;transform:scale(1)}32%{animation-timing-function:var(--ease-spring);transform:scale(.94)}36%,to{transform:scale(1)}}@keyframes mk-press-46{0%,46%{animation-timing-function:ease-in;transform:scale(1)}48%{animation-timing-function:var(--ease-spring);transform:scale(.94)}52%,to{transform:scale(1)}}@keyframes mk-press-50{0%,50%{animation-timing-function:ease-in;transform:scale(1)}52%{animation-timing-function:var(--ease-spring);transform:scale(.94)}56%,to{transform:scale(1)}}@keyframes mk-press-54{0%,54%{animation-timing-function:ease-in;transform:scale(1)}56%{animation-timing-function:var(--ease-spring);transform:scale(.94)}60%,to{transform:scale(1)}}@keyframes mk-nudge-50{0%,50%{animation-timing-function:var(--ease-out);transform:none}53%{animation-timing-function:var(--ease-out);transform:translate(3px)}58%,to{transform:none}}@keyframes mk-inout-28-52{0%,28%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(3px)}32%{opacity:1;transform:none}52%{opacity:1;transform:none}56%,to{opacity:0;transform:translateY(-3px)}}@keyframes mk-tip{0%,14%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(6px)}19%{opacity:1;transform:none}40%{opacity:1;transform:none}44%,to{opacity:0;transform: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}.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:var(--ground)}.nav__shell>.brand{justify-self:start;padding:0}.nav__links{justify-self:center;gap:36px}.nav__links a{font-family:var(--sans);color:var(--ink);background:0 0;border-radius:0;padding:0;font-size:15px;font-weight:500}.nav__shell>.btn{justify-self:end}.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}.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}.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 li+li{margin-top:10px}.foot__col a,.foot__bottom,.foot__tagline{font-family:var(--sans);color:#ffffff9e;font-size:clamp(11.5px,.9vw,13px)}.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)}.inkline{z-index:999;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}
