:root{--stage:#fdf6ec;--stage-wash:hsl(210,52%,93%);--stage-wash-2:hsl(150,45%,92%);--card:#ffffff;--ink:#4b3231;--ink-soft:#7a6458;--berry:#ff6b81;--berry-deep:#e84f68;--leaf:#5fc26d;--leaf-deep:#3f8f4a;--sun:#ffd95e;--grape:#a883e8;--sky:#4e97d1;--line:rgba(75,50,49,0.14);--sticker-edge:rgba(255,255,255,0.92);--code-bg:rgba(75,50,49,0.06);--link:#c93a52;--btn-bg:#c93a52;--btn-bg-hover:#b93048;--nav-bg:rgba(253,246,236,0.85);--shadow-soft:rgba(40,30,60,0.16);--shadow-deep:rgba(40,30,60,0.28)}@media (prefers-color-scheme:dark){:root{--stage:#282432;--stage-wash:#2f2a3d;--stage-wash-2:#2b3038;--card:#332e40;--ink:#f3ede2;--ink-soft:#b6ae9f;--berry:#ff8298;--berry-deep:#ff6b81;--leaf:#8fbf7f;--leaf-deep:#a8d8a0;--sun:#ffd95e;--grape:#b79ae0;--sky:#7db4e0;--line:rgba(243,237,226,0.16);--sticker-edge:rgba(40,36,50,0.9);--code-bg:rgba(243,237,226,0.08);--link:#ff8298;--btn-bg:#c93a52;--btn-bg-hover:#b93048;--nav-bg:rgba(40,36,50,0.85);--shadow-soft:rgba(0,0,0,0.3);--shadow-deep:rgba(0,0,0,0.45)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--stage);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;font-size:17px}.rounded,.sticker,h1,h2{font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,Arial Rounded MT Bold,Comic Sans MS,sans-serif}main{display:block}section{padding:72px 24px}.wrap{max-width:960px;margin:0 auto}.narrow{max-width:660px;margin:0 auto}h1,h2{line-height:1.12;text-wrap:balance;margin:0 0 18px}h2{font-size:clamp(28px,4.5vw,40px);font-weight:800}p{margin:0 0 14px}.lede{font-size:clamp(18px,2.4vw,21px);color:var(--ink-soft);max-width:34em}.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.eyebrow,a{color:var(--link)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[contenteditable]:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--grape);outline-offset:3px;border-radius:6px}.lt{display:inline-block;text-shadow:0 2px 0 var(--sticker-edge),0 -2px 0 var(--sticker-edge),2px 0 0 var(--sticker-edge),-2px 0 0 var(--sticker-edge),0 6px 18px rgba(75,50,49,.18)}.lt:nth-child(6n+1){color:#f2688c}.lt:nth-child(6n+2){color:#f0913f}.lt:nth-child(6n+3){color:#e8b93a}.lt:nth-child(6n+4){color:#58b368}.lt:nth-child(6n+5){color:#4e97d1}.lt:nth-child(6n+6){color:#9a7fe0}@keyframes bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}.bob .lt{animation:bob 2.6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.bob .lt{animation:none}}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1080px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:20px}.nav-brand{font-weight:900;font-size:20px;text-decoration:none;color:var(--ink);letter-spacing:.01em;white-space:nowrap}.nav-links{display:flex;gap:18px;flex:1 1;justify-content:center;flex-wrap:wrap}.nav-links a{color:var(--ink-soft);text-decoration:none;font-size:15px;font-weight:600}.nav-links a:hover{color:var(--ink)}.nav-links a.nav-demo{color:var(--leaf-deep)}.nav-cta{white-space:nowrap}@media (max-width:720px){.nav-links a:not(.nav-demo){display:none}}.btn{display:inline-block;border:none;cursor:pointer;text-decoration:none;border-radius:999px;padding:14px 28px;font-size:17px;font-weight:800;font-family:inherit;line-height:1.4}.btn-primary{background:var(--btn-bg);color:#fff;box-shadow:0 8px 24px rgba(232,79,104,.35)}.btn-primary:hover{background:var(--btn-bg-hover)}.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--line)}.btn-sm{padding:9px 18px;font-size:15px}.btn-note{font-size:13.5px;color:var(--ink-soft);margin-top:10px;animation:btn-note-in .25s ease-out}@keyframes btn-note-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1}}.wash{background:linear-gradient(180deg,var(--stage-wash),var(--stage))}.wash-2{background:linear-gradient(180deg,var(--stage-wash-2),var(--stage))}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:22px;gap:22px;margin-top:30px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 22px 18px}.card h3{margin:0 0 8px;font-size:18px}.card p{font-size:15px;color:var(--ink-soft);margin:0}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--code-bg);border:solid var(--line);border-width:1px 1px 2px;border-radius:6px;padding:1px 7px;font-size:.85em;white-space:nowrap}.shot{border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 14px 44px var(--shadow-soft)}.shot img{display:block;width:100%;height:auto}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:36px;gap:36px;align-items:center;margin-top:26px}@media (max-width:760px){.split{grid-template-columns:1fr}}.table-scroll{overflow-x:auto;margin-top:26px}table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}td,th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}th{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}td:first-child{font-weight:600}.yes{color:var(--leaf-deep);font-weight:700}.no{color:var(--ink-soft)}.vows{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-gap:12px;gap:12px}.vows li{padding-left:34px;position:relative;font-size:17px}.vows li:before{content:"✓";position:absolute;left:0;top:0;color:var(--leaf-deep);font-weight:900;font-size:20px}.vows .why{display:block;font-size:14px;color:var(--ink-soft)}details{border-bottom:1px solid var(--line);padding:14px 0}details summary{cursor:pointer;font-weight:700;font-size:16px}details p{margin:10px 0 4px;font-size:15px}.footer,details p{color:var(--ink-soft)}.footer{padding:48px 24px 64px;text-align:center;font-size:14px}.footer nav{margin-bottom:12px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.footer a{color:var(--ink-soft)}.footer a:hover{color:var(--ink)}.page-head{padding:64px 24px 8px}.page-head h1{font-size:clamp(34px,6vw,52px);font-weight:900}.prose{max-width:660px;margin:0 auto}.prose h2{font-size:clamp(22px,3.4vw,30px);margin-top:44px}.prose h3{font-size:18px;margin:26px 0 8px}.prose li{margin-bottom:8px}.prose .soft{color:var(--ink-soft)}