:root,:host{--ink:#171717;--ink-2:#6b6b6b;--ink-3:#a3a3a3;--paper:#fbfaf7;--surface:#fff;--line:#e8e6e1;--accent:#f6a7bc;--accent-soft:#fde6ed;--accent-deep:#b8356a;--open:#3b6fe8;--open-soft:#e3eafd;--open-text:#2b55b8;--progress:#d97706;--progress-soft:#fdebd0;--progress-text:#9a5200;--resolved:#2e9e5b;--resolved-soft:#ddf3e4;--resolved-text:#1f6e3f;--danger:#d6453d;--danger-soft:#fbe2e0;--danger-text:#b5312b;--neutral-soft:#f1efea;--on-accent:#171717;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--r-pin:14px 14px 14px 4px;--shadow-soft:0 2px 6px #17171738;--shadow-card:0 12px 32px #1717170f;--font-ui:Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;--font-wordmark:"Plus Jakarta Sans", Manrope, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]),:host(:not([data-theme=light])){--paper:#181818;--surface:#1f1f1f;--line:#313131;--ink:#f3f2ee;--ink-2:#b5b3ae;--ink-3:#8a8884;--neutral-soft:#2a2a2a}}:root[data-theme=dark],:host([data-theme=dark]){--paper:#181818;--surface:#1f1f1f;--line:#313131;--ink:#f3f2ee;--ink-2:#b5b3ae;--ink-3:#8a8884;--neutral-soft:#2a2a2a}@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/manrope-latin.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plus-jakarta-sans-700-latin.woff2)format("woff2")}@font-face{font-family:Manrope Fallback;src:local(Arial),local(Helvetica),local(Liberation Sans);size-adjust:103.5%;ascent-override:103%;descent-override:29%;line-gap-override:0%}:root{--ease:cubic-bezier(.22, 1, .36, 1);--font:Manrope, "Manrope Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;--muted-line:#f1efea}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}body{min-height:100vh;font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}a{color:var(--ink)}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}button,textarea,input{font:inherit}img,svg{flex:none}a:focus-visible,button:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}code,kbd,pre{font-family:var(--font-mono)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:20;background:var(--ink);color:var(--surface);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;position:absolute;top:-64px;left:16px}.skip:focus{top:12px}.wrap{width:100%;max-width:1040px;margin:0 auto;padding-left:24px;padding-right:24px}.tl{color:var(--ink-2);transition:color .2s var(--ease);text-decoration:none}.tl:hover,.tl[aria-current=page]{color:var(--ink)}.btn{border:2px solid var(--ink);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .15s var(--ease), box-shadow .15s var(--ease), background-color .2s var(--ease);border-radius:0;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:15px;font-weight:600;line-height:20px;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:focus-visible{border-radius:0}.btn-ink{background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--accent)}.btn-ink:hover{box-shadow:4px 4px 0 var(--accent)}.btn-ink:active{box-shadow:1px 1px 0 var(--accent)}.btn-ghost{box-shadow:3px 3px 0 var(--line)}.btn-pink{background:var(--accent);min-height:48px;padding:12px 20px 12px 16px;font-size:16px}.btn-sm{font-size:14px}@media (prefers-reduced-motion:reduce){.btn,.tl{transition:none}}kbd,.kbd{font-family:var(--font-mono);background:var(--neutral-soft);border-radius:6px;padding:0 6px;font-size:14px}.nav{align-items:center;gap:24px;padding-top:16px;padding-bottom:16px;display:flex}.lockup{align-items:center;gap:8px;text-decoration:none;display:flex}.wordmark{font-family:var(--font-wordmark);letter-spacing:-.02em;font-size:18px;font-weight:700}.lockup-sm .wordmark{font-size:16px}.nav-right{align-items:center;gap:16px;margin-left:auto;display:flex}.nav-link{padding:12px 4px;font-size:14px;font-weight:600}@media (width<=640px){.nav-wide{display:none}}.eyebrow{letter-spacing:.08em;color:var(--accent-deep);font-size:12px;font-weight:700}.eyebrow-muted{color:var(--ink-2)}main{flex:1;width:100%}.plans{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.plan{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;padding:24px;display:flex}.plan-hi{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.plan-top{align-items:center;gap:8px;display:flex}.badge-pink{background:var(--accent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.plan-price{font-size:30px;font-weight:700;line-height:36px}.plan-unit{color:var(--ink-2);margin-top:-6px;font-size:12px}.plan-body{color:var(--ink-2);margin:0 0 8px;font-size:14px;line-height:20px}.plan-cta{margin-top:auto}.foot{border-top:1px solid var(--line);background:var(--surface)}.foot-in{flex-direction:column;gap:40px;padding-top:48px;padding-bottom:32px;display:flex}.foot-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:32px 24px;display:grid}.foot-brand{flex-direction:column;grid-column:span 2;gap:12px;min-width:0;display:flex}.foot-brand p{color:var(--ink-2);max-width:300px;margin:0;font-size:14px;line-height:20px}.foot-social{gap:20px;margin-top:8px;display:flex}.icon-link{justify-content:center;align-items:center;width:44px;height:44px;margin:-12px;display:inline-flex}.foot-col{flex-direction:column;gap:2px;display:flex}.foot-h{letter-spacing:.08em;margin-bottom:6px;font-size:12px;font-weight:700}.foot-col .tl{padding:6px 0;font-size:14px}.foot-base{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:16px;padding-top:24px;font-size:12px;display:flex}@media (width<=400px){.foot-brand{grid-column:auto}}body{position:relative}.home{flex-direction:column;gap:56px;padding-top:96px;padding-bottom:64px;display:flex}html:not(.pinlet-live) .live-only,html.pinlet-live .demo-only,html .hero-actions>[hidden],.narrow-only{display:none}@media (width<=639px){.wide-only{display:none}.narrow-only{display:inline}}.hero{flex-direction:column;gap:28px;display:flex;position:relative}.piglet{z-index:4;cursor:pointer;will-change:transform;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:48px;height:36px;padding:0;position:absolute;top:0;left:0}.piglet[hidden]{display:none}.piglet:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px;border-radius:8px}.piglet-hop,.piglet-art,.piglet-art svg{width:100%;height:100%;display:block}.piglet-hop{animation:2.4s ease-in-out infinite pg-bob}.piglet.is-flip .piglet-art{transform:scaleX(-1)}.piglet .pg-u{animation:.34s step-end infinite pg-up}.piglet .pg-d{opacity:0;animation:.34s step-end infinite pg-down}.piglet .pg-b{animation:.34s step-end infinite pg-lift}@keyframes pg-up{50%{opacity:0}}@keyframes pg-down{50%{opacity:1}}@keyframes pg-lift{50%{transform:translateY(-.5px)}}@keyframes pg-bob{50%{transform:translateY(-5px)}}.piglet.is-oink .piglet-hop{animation:pg-hop .5s var(--ease)}@keyframes pg-hop{30%{transform:translateY(-10px)rotate(-8deg)}60%{transform:translateY(0)rotate(6deg)}80%{transform:rotate(-3deg)}}.piglet-say{border:1px solid var(--line);border-radius:var(--r-pin);background:var(--surface);color:var(--ink);font:600 13px / 18px var(--font);white-space:nowrap;box-shadow:var(--shadow-soft);opacity:0;transform-origin:0 100%;pointer-events:none;padding:3px 10px 4px;position:absolute;bottom:calc(100% - 4px);left:70%}.piglet.is-left .piglet-say{transform-origin:100% 100%;border-radius:14px 14px 4px;left:auto;right:70%}.piglet-say:empty{display:none}.piglet.is-oink .piglet-say{animation:pg-say 1.2s var(--ease) forwards}@keyframes pg-say{0%{opacity:0;transform:scale(.5)}14%{opacity:1;transform:scale(1.06)}24%,82%{opacity:1;transform:none}to{opacity:0;transform:none}}@media (width<=639px){.piglet{width:32px;height:24px}}.hero h1{letter-spacing:-.035em;max-width:900px;margin:0;font-size:clamp(44px,7vw,80px);font-weight:700;line-height:.98}.sub{color:var(--ink-2);max-width:560px;margin:0;font-size:20px;line-height:28px}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;min-height:51px;display:flex}.hero-actions>span{flex-wrap:wrap;align-items:center;gap:14px;display:inline-flex}.hint{color:var(--ink-2);align-items:center;gap:8px;font-size:14px;display:inline-flex}.hint kbd{color:var(--ink)}.picking-pill{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:12px 20px 12px 16px;font-size:16px;font-weight:600;display:inline-flex}.band{border-top:1px solid var(--line);flex-direction:column;gap:24px;padding-top:48px;display:flex}#how{gap:32px}#compared{gap:20px}.lede{flex-direction:column;gap:8px;max-width:600px;display:flex}.lede-wide{max-width:640px}.lede h2,.step-copy h2{margin:0}.lede p{margin:0;font-size:20px;line-height:28px}.steps{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px 32px;display:grid}.step{flex-direction:column;gap:16px;display:flex}.step-copy{flex-direction:column;gap:8px;display:flex}.step-copy p{margin:0;font-size:16px;line-height:24px}.ill{background:var(--surface);border:1px solid var(--line);border-radius:14px;height:160px;font-size:12px;line-height:16px;position:relative;overflow:hidden}.ill-pad{flex-direction:column;gap:10px;padding:16px;display:flex}.ill-form{flex-direction:column;gap:6px;display:flex;position:absolute;top:16px;left:16px}.ill-h{font-size:13px;font-weight:700}.ill-label{color:var(--ink-2);font-size:11px}.ill-input{border:1px solid var(--line);border-radius:7px;width:112px;height:26px;padding:0 8px;font-size:11px;line-height:24px}.ill-save{position:absolute;top:106px;left:16px}.fake-btn{border:1px solid #d9d9d9;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;line-height:16px;display:inline-block}.ring{box-shadow:0 0 0 3px var(--accent), 0 0 0 7px #f6a7bc40}.ill-pop{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;width:160px;padding:10px;display:flex;position:absolute;top:20px;left:150px;box-shadow:0 8px 24px #1717171f}.ill-arrow{background:var(--surface);border-left:1px solid var(--line);border-bottom:1px solid var(--line);width:10px;height:10px;position:absolute;bottom:22px;left:-6px;transform:rotate(45deg)}.ill-who{color:var(--ink-2);align-items:center;gap:6px;font-size:11px;display:flex}.ill-who b{color:var(--ink)}.ill-row{justify-content:space-between;align-items:center;display:flex}.ill-check{color:var(--ink-3);white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:inline-flex}.ill-check span{border:1px solid #c8c4bb;border-radius:3px;width:10px;height:10px}.ill-post{background:var(--ink);color:#fff;border-radius:7px;padding:4px 9px;font-size:11px;font-weight:600}.av{border-radius:10px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.av-16{border-radius:8px;width:16px;height:16px;font-size:9px}.av-24{border-radius:12px;width:24px;height:24px}.av-a{background:var(--open-soft);color:var(--open-text)}.av-m{background:var(--resolved-soft);color:var(--resolved-text)}.av-g{background:var(--accent)}.av-y{background:var(--line)}.msg{gap:8px;display:flex}.faint{color:var(--ink-3)}.ill-foot{align-items:center;gap:6px;margin-top:auto;display:flex}.chip{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.chip-open{background:var(--open-soft);color:var(--open-text)}.chip-res{background:var(--resolved-soft);color:var(--resolved-text)}.chip-bug{background:var(--neutral-soft);color:var(--ink-2);padding:2px 6px;font-size:10px;font-weight:700}.mini{border-radius:7px;padding:4px 9px;font-size:11px;font-weight:600}.mini-line{border:1px solid var(--line);margin-left:auto}.mini-pink{background:var(--accent)}.ill-inbox{gap:8px}.inbox-h{letter-spacing:.06em;color:var(--ink-3);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.inbox-h code,.inbox-h .dot,.inbox-h .count{letter-spacing:0;font-weight:500}.inbox-h .count{margin-left:auto;font-weight:700}.inbox-row{border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.inbox-t{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:600;overflow:hidden}.inbox-done .inbox-t{color:var(--ink-2)}.pinlet-n{background:var(--accent);border-radius:9px 9px 9px 3px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex}.pinlet-n-grey{background:var(--line);color:var(--ink-2)}.pinlet-n-lg{border-radius:var(--r-pin);width:24px;height:24px;box-shadow:var(--shadow-soft);position:absolute;top:-12px;right:-12px}.places{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.place{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.chrome{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:8px 10px;display:flex}.dotc{background:var(--line);border-radius:4px;width:8px;height:8px}.addr{color:var(--ink-2);font-size:12px;line-height:16px;font-family:var(--font-mono);background:#f7f6f2;border-radius:5px;margin-left:6px;padding:2px 8px}.addr-dev{background:var(--accent-soft);color:var(--accent-deep);font-family:var(--font);align-items:center;gap:6px;font-weight:600;display:inline-flex}.place-body{flex-direction:column;gap:8px;padding:16px;display:flex}.place-h{font-size:14px;font-weight:700}.kv{color:var(--ink-2);border-top:1px solid var(--muted-line);justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.pinned{align-self:flex-start;margin-top:4px;position:relative}.place-foot{border-top:1px solid var(--muted-line);letter-spacing:.06em;color:var(--accent-deep);margin-top:auto;padding:10px 16px;font-size:12px;font-weight:700}.fine{color:var(--ink-3);margin:0;font-size:13px}.fine a{color:var(--ink-2);font-weight:600}.cmp-wrap{border:1px solid var(--line);background:var(--surface);border-radius:14px;position:relative;overflow-x:auto}.cmp{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.cmp th,.cmp td{text-align:left;padding:12px}.cmp thead th{padding:14px 12px;font-size:13px;font-weight:700}.cmp thead th:first-child{width:27%;padding:14px 16px}.cmp .us{background:var(--accent-soft)}.th-us{align-items:center;gap:6px;display:inline-flex}.cmp tbody th,.cmp tbody td{vertical-align:top;border-top:1px solid var(--line)}.cmp tbody th{padding:12px 16px;font-size:14px;font-weight:600;line-height:20px}.cmp tbody tr:nth-child(-n+3) th,.cmp tbody td.c-price,.cmp tbody td.c-text{vertical-align:middle}.c-price{letter-spacing:-.01em;font-size:18px;font-weight:700;line-height:32px}.c-price.us{font-size:26px}.c-price small{letter-spacing:0;color:var(--ink-2);font-size:11px;font-weight:400;line-height:14px;display:block}.c-text{color:var(--ink-2);font-size:13px;line-height:18px}.c-text.us{color:var(--ink)}.c-check{font-size:0}.c-check>span{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.c-check .yes:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23171717' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5'/%3E%3C/svg%3E");width:16px;height:16px}.c-check .no:before{content:"";background:#d9d5cc;width:8px;height:1.5px}.c-check small{color:var(--ink-2);margin-top:6px;font-size:11px;line-height:14px;display:block}.footnote{color:var(--ink-3);max-width:760px;margin:0;font-size:12px;line-height:18px}.pk .pb{cursor:crosshair}.pk .pb:hover{box-shadow:0 0 0 3px var(--accent), 0 0 0 7px #f6a7bc40;border-radius:8px}#demo-layer{z-index:5;width:0;height:0;position:absolute;top:0;left:0}.dpin{position:absolute}.dpin-btn{border-radius:var(--r-pin);background:var(--accent);width:28px;height:28px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .3s var(--ease), box-shadow .3s var(--ease);border:0;font-size:12px;font-weight:700;transform:translate(-50%,-50%)}.dpin-btn:hover{transform:translate(-50%,-50%)scale(1.12)}.dpin-btn[aria-expanded=true]{box-shadow:0 0 0 4px #f6a7bc73, var(--shadow-soft)}.dcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:14px;width:min(340px,100vw - 32px);padding:16px;display:flex;position:absolute;top:22px;box-shadow:0 16px 40px #17171724}.rise{animation:rise .5s var(--ease) both}.dcomposer{z-index:6;gap:10px;position:absolute;box-shadow:0 16px 40px #17171729}.darrow{background:var(--surface);border-left:1px solid var(--line);border-top:1px solid var(--line);width:12px;height:12px;position:absolute;top:-7px;transform:rotate(45deg)}.dmsg{gap:10px;display:flex}.dmsg>div{flex-direction:column;gap:3px;min-width:0;display:flex}.dmeta{font-size:13px}.dmeta b{font-weight:700}.dbody{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:20px}.dstatus{color:var(--ink-3);align-items:center;gap:8px;font-size:12px;display:flex}.dnote{background:var(--paper);color:var(--ink-2);border-radius:10px;padding:10px 12px;font-size:13px;line-height:19px}.dnote b{color:var(--ink)}.dtarget{color:var(--ink-2);font-size:12px}.dtarget code{background:var(--neutral-soft);color:var(--ink);border-radius:6px;padding:1px 6px;font-size:12px}.dcomposer textarea{resize:none;border:1px solid var(--line);width:100%;min-height:76px;color:var(--ink);background:var(--surface);border-radius:10px;padding:10px 12px;font-size:14px;line-height:20px}.drow{align-items:center;gap:8px;display:flex}.drow label{color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.drow input{width:14px;height:14px;accent-color:var(--ink);margin:0}.drow .btn{min-height:40px;margin-left:auto;padding:8px 16px;font-size:14px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.rise{animation:none}.dpin-btn{transition:none}.piglet{top:-52px;left:auto;right:0}.piglet-hop,.piglet .pg-u,.piglet .pg-b,.piglet.is-oink .piglet-hop{animation:none}.piglet .pg-d{opacity:1;animation:none}.piglet.is-oink .piglet-say{animation-name:pg-say-still}@keyframes pg-say-still{0%,85%{opacity:1}to{opacity:0}}}
