.demo-outline{z-index:1;pointer-events:none;box-shadow:var(--q-selection-ring);opacity:0;transition:left .14s var(--q-ease-out), top .14s var(--q-ease-out), width .14s var(--q-ease-out), height .14s var(--q-ease-out), opacity var(--q-duration-fast);border-radius:3px;position:absolute}.demo-outline[data-on=true]{opacity:1}.demo-outline-label{white-space:nowrap;border:1px solid var(--q-line);border-radius:var(--q-radius-pill);background:var(--q-surface);box-shadow:var(--q-shadow-1);color:var(--q-ink);gap:6px;padding:4px 10px;font-size:12px;line-height:1.5;display:inline-flex;position:absolute;top:-32px;left:-1px}.demo-outline-label>span{color:var(--q-ink-muted);font-family:var(--q-font-mono)}.demo-cursor{z-index:3;pointer-events:none;width:14px;color:var(--q-ink);transition:left .56s var(--q-ease-out), top .56s var(--q-ease-out), opacity .2s;position:absolute}.demo-composer,.demo-result{z-index:2;border:1px solid var(--q-line);border-radius:var(--q-radius-float);background:var(--q-surface);width:min(360px,44%);box-shadow:var(--q-shadow-3);cursor:auto;animation:demo-rise var(--q-duration-base) var(--q-ease-out) both;padding:16px;position:absolute;bottom:24px;right:24px}.demo-result{width:min(400px,46%)}@keyframes demo-rise{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}.demo-composer-head,.demo-composer-foot,.demo-result-head,.demo-result-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-composer-head>span:first-child{font-size:13px;font-weight:500}.demo-composer-head>span:last-child{color:var(--q-ink-subtle);font-size:12px}.demo-note{border-radius:var(--q-radius-input);background:var(--q-muted);color:var(--q-ink);margin-top:12px;padding:10px 12px;font-size:14px;line-height:1.5}.demo-attachment{color:var(--q-ink-muted);align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.demo-attachment svg{width:14px;color:var(--q-ink-subtle);flex-shrink:0}.demo-attachment small{color:var(--q-ink-subtle);margin-top:2px;font-size:11px;display:block}.demo-composer-foot{margin-top:14px}.demo-composer-foot>span{color:var(--q-ink-subtle);font:12px var(--q-font-mono)}.demo-send{border-radius:var(--q-radius-pill);background:var(--q-primary);min-height:40px;box-shadow:var(--q-shadow-1);color:var(--q-primary-fg);font:500 13px var(--q-font-sans);cursor:pointer;transition:background var(--q-duration-fast), opacity var(--q-duration-fast);border:0;padding:8px 16px}.demo-send:hover{background:var(--q-primary-hover)}.demo-result-head{border-bottom:1px solid var(--q-line);padding-bottom:12px}.demo-result-head>span{color:var(--q-ink-muted);font:12px var(--q-font-mono)}.demo-result h3{letter-spacing:-.025em;margin:14px 0 0;font-size:18px;font-weight:600;line-height:1.25}.demo-result p{color:var(--q-ink-muted);margin:6px 0 12px;font-size:13px;line-height:1.5}.demo-result-foot{border-top:1px solid var(--q-line);color:var(--q-ink-muted);margin-top:14px;padding-top:12px;font-size:12px}.demo-result-foot>span{align-items:center;gap:6px;display:inline-flex}.demo-result-foot svg{width:13px;color:var(--q-ink-subtle)}.demo-result-foot button{min-height:40px;color:var(--q-accent-strong);font:12px var(--q-font-sans);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:4px}.demo-result-foot button:hover{text-decoration:underline}@media (max-width:800px){.demo-composer,.demo-result{width:calc(100% - 24px);bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){.demo-outline,.demo-cursor,.demo-composer,.demo-result{transition:none;animation:none}}@media (max-width:480px){.demo-result-head,.demo-result-foot{flex-wrap:wrap}.demo-result-foot>span{flex:160px}}
.review-preview{--pv-surface:#fff;--pv-subtle:#fbfbfb;--pv-muted:#f0f0f1;--pv-line:#e8e8e8;--pv-line-strong:#d3d3d3;--pv-ink:#20212b;--pv-ink-muted:#45464f;--pv-ink-subtle:#858691;--pv-ink-faint:#a0a1aa;--pv-success:#287945;--pv-success-wash:#e4f6e9;border:1px solid var(--pv-line);background:var(--pv-surface);min-height:464px;color:var(--pv-ink);border-radius:12px;grid-template-columns:168px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 5px 16px #1819250a}.preview-sidebar{border-right:1px solid var(--pv-line);background:var(--pv-subtle);color:var(--pv-ink-subtle);flex-direction:column;gap:10px;padding:20px 14px;font-size:11px;display:flex}.preview-sidebar>span{border-radius:6px;align-items:center;gap:8px;padding:7px 8px;display:flex}.preview-sidebar svg{width:13px}.preview-nav-active{background:var(--pv-muted);color:var(--pv-ink);font-weight:600}.preview-brand{color:var(--pv-ink);align-items:center;gap:7px;padding:0 8px 17px;font-size:13px;font-weight:600;display:flex}.preview-brand svg{width:14px}.preview-brand span{color:var(--pv-ink-faint);margin-left:auto;font-size:8px}.preview-account{border-top:1px solid var(--pv-line);color:var(--pv-ink-muted);align-items:center;gap:7px;margin-top:auto;padding:10px 6px 0;font-size:10px;display:flex}.preview-account>span{background:var(--pv-muted);width:24px;height:24px;color:var(--pv-ink-muted);border-radius:50%;place-items:center;font-size:9px;display:grid}.preview-account small{color:var(--pv-ink-faint);margin-top:2px;font-size:8px;display:block}.preview-main{min-width:0;padding:30px 40px}.preview-breadcrumb{color:var(--pv-ink-faint);font-size:10px}.preview-breadcrumb span{color:var(--pv-line-strong);margin:0 6px}.preview-breadcrumb strong{color:var(--pv-ink-muted);font-weight:500}.preview-main h3{letter-spacing:-.045em;width:fit-content;margin:38px 0 6px;font-size:25px;font-weight:600}.preview-main>p{color:var(--pv-ink-subtle);margin:0 0 22px;font-size:12px}.preview-plan{border:1px solid var(--pv-line);background:var(--pv-surface);border-radius:10px;justify-content:space-between;gap:20px;padding:18px;display:flex}.preview-plan-label{color:var(--pv-ink-faint);letter-spacing:.1em;font-size:8px}.preview-plan h4{width:fit-content;margin:7px 0 4px;font-size:15px;font-weight:600}.preview-plan h4 span{background:var(--pv-success-wash);color:var(--pv-success);border-radius:999px;margin-left:5px;padding:3px 6px;font-size:9px;font-weight:500}.preview-plan p{color:var(--pv-ink-subtle);margin:0;font-size:10px}.preview-price{white-space:nowrap;padding-top:13px;font-size:16px;font-weight:600}.preview-price small{color:var(--pv-ink-faint);margin-left:2px;font-size:9px;font-weight:400}.preview-payment{border:1px solid var(--pv-line);color:var(--pv-ink-muted);border-radius:9px;align-items:center;gap:10px;margin-top:16px;padding:12px 15px;font-size:11px;display:flex}.preview-payment svg{width:16px;color:var(--pv-ink-faint)}.preview-payment small{color:var(--pv-ink-faint);margin-top:3px;font-size:9px;display:block}.preview-target{background:var(--pv-ink);width:112px;color:var(--pv-surface);white-space:nowrap;border-radius:8px;margin-top:27px;padding:11px 16px;font-size:11px;overflow:hidden}@media (max-width:800px){.review-preview{grid-template-columns:1fr}.preview-sidebar{display:none}.preview-main{padding:24px 20px}}@media (max-width:480px){.preview-main h3{margin-top:24px;font-size:22px}.preview-plan{padding:13px}.preview-price{font-size:14px}}
.landing h1{letter-spacing:-.05em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(44px,7.2vw,92px);font-weight:600;line-height:.96}.hero-count{background:var(--q-accent-wash);color:var(--q-accent-strong);border-radius:.2em;margin:0 .04em;padding:.04em .14em .08em;font-style:normal;line-height:.8;display:inline-block}.hero-mark{vertical-align:-.16em;width:.96em;height:.96em;margin-left:.14em;display:inline-block}.hero-mark>svg{width:100%;height:100%;display:block}.lead{letter-spacing:-.015em;max-width:32ch;color:var(--q-ink-muted);text-wrap:pretty;margin:28px auto 0;font-size:clamp(17px,1.6vw,21px);line-height:1.4}.actions{justify-content:center;align-items:center;gap:22px;margin-top:32px;display:flex}.story{--story-inset:24px;--story-gap:24px;--story-glide:.64s;--story-glide-ease:cubic-bezier(.45, 0, .2, 1);--story-scene-fade:.48s;--story-step:100svh;height:calc(var(--story-length,4) * var(--story-step) + 100svh - var(--header-h));position:relative}.story-frame{top:var(--header-h);justify-content:center;align-items:center;gap:var(--story-gap);height:calc(100svh - var(--header-h));padding:var(--story-inset);flex-direction:column;display:flex;position:sticky;overflow:hidden}.story-scene{width:min(1180px,100%);transition:opacity var(--story-scene-fade) var(--q-ease-out), scale var(--story-scene-fade) var(--q-ease-out);flex:none;position:relative}.story[data-step="0"] .story-scene{opacity:.22;scale:.97}.story-scene[data-live=true]{cursor:crosshair}.story[data-step="1"] .demo-outline{transition:opacity var(--q-duration-base) .42s}.story-hero{z-index:4;padding:0 var(--story-inset);text-align:center;transition:opacity .26s var(--q-ease-out) .12s, visibility 0s;align-content:center;justify-items:center;display:grid;position:absolute;inset:0}.story:not([data-step="0"]) .story-hero{opacity:0;visibility:hidden;transition:opacity .2s var(--q-ease-out), visibility 0s .2s}.story-hero h1{margin:0 auto}.story-hint{min-height:40px;color:var(--q-ink-muted);font:13px var(--q-font-sans);letter-spacing:.02em;cursor:pointer;transition:color var(--q-duration-fast);background:0 0;border:0;align-items:center;gap:3px;margin-top:32px;padding:8px 12px;display:inline-flex}.story-hint:hover{color:var(--q-ink)}.story-hint svg{width:13px}.story-quibby{z-index:5;pointer-events:none;position:absolute}.story-quibby[data-hopping]{transition:left var(--story-glide) var(--story-glide-ease), top var(--story-glide) var(--story-glide-ease), width var(--story-glide) var(--q-ease-out), height var(--story-glide) var(--q-ease-out)}.story-quibby>div{width:100%;height:100%}.story-quibby svg{width:100%;height:100%;display:block}.story:not([data-step="0"]) .story-quibby>div{animation:quibby-hop var(--story-glide) cubic-bezier(.3, 0, .3, 1) both}@keyframes quibby-hop{0%{translate:0;rotate:none;scale:1}35%{translate:0 -80px;rotate:-10deg;scale:.94 1.08}78%{translate:0;rotate:none;scale:1.1 .9}to{translate:0;rotate:none;scale:1}}.story-speech{--perch-size:76px;--perch-lift:48px;z-index:4;width:100%;padding-left:var(--line-balance,0px);pointer-events:none;flex:none;justify-content:center;align-items:flex-end;gap:2px;display:flex;position:relative}.story-speech-slot{width:var(--perch-size);height:var(--perch-size);flex-shrink:0}.story-lines{min-width:0;display:grid}.story-lines>.story-bubble{grid-area:1/1;justify-self:start}.story-bubble{--wait:0s;margin:0 0 var(--perch-lift);border:1px solid var(--q-line);background:var(--q-surface);box-shadow:var(--q-shadow-2);color:var(--q-ink);font:500 clamp(17px, 1.5vw, 21px) / 1.35 var(--q-font-sans);letter-spacing:-.01em;text-align:left;pointer-events:auto;transform-origin:0 100%;animation:bubble-in .22s var(--q-ease-out) both;animation-delay:var(--wait);border-radius:22px 22px 22px 6px;align-items:center;gap:6px;padding:13px 18px 13px 22px;display:flex;position:relative}button.story-bubble{cursor:pointer;transition:background var(--q-duration-fast)}button.story-bubble:hover{background:var(--q-muted)}.story-bubble>svg{width:16px;color:var(--q-ink-subtle);margin-left:4px}.story-bubble-words>span{animation:word-in .26s var(--q-ease-out) both;animation-delay:calc(var(--wait) + .12s + var(--i) * 45ms);display:inline-block}.story-bubble[data-ghost=true]{visibility:hidden;animation:none}.story-bubble[data-ghost=true] .story-bubble-words>span{animation:none}.story[data-step="1"] .story-bubble{--wait:.56s}@keyframes bubble-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes word-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0}}.story-steps{--rail-dot:28px;--rail-flow:11px;--rail-splat:calc(var(--rail-dot) * 1.75);--rail-throw:cubic-bezier(.18, .9, .3, 1);z-index:4;width:min(232px,62%);height:var(--rail-dot);opacity:0;visibility:hidden;transition:opacity .2s var(--q-ease-out), visibility 0s .2s;flex:none;order:-1;position:relative}.story[data-step="1"] .story-steps,.story[data-step="2"] .story-steps,.story[data-step="3"] .story-steps{opacity:1;visibility:visible;transition:opacity .26s var(--q-ease-out) .12s, visibility 0s}.story-paint-defs{width:0;height:0;position:absolute}.story-paint,.story-splats{color:var(--q-accent);position:absolute;inset:0}.story-paint{filter:url(#quibble-goo)}.story-paint[data-wash],.story-splats[data-wash]{--story-progress:1;color:var(--q-blue-100)}.story-paint-flow{top:calc(50% - var(--rail-flow) / 2);right:calc(var(--rail-dot) / 2);left:calc(var(--rail-dot) / 2);height:var(--rail-flow);border-radius:var(--q-radius-pill);transform:scaleX(var(--story-progress,0));transform-origin:0;background:currentColor;position:absolute}.story-paint-head{top:50%;left:calc(var(--rail-dot) / 2 + var(--story-progress,0) * (100% - var(--rail-dot)));width:calc(var(--rail-flow) * 1.45);height:calc(var(--rail-flow) * 1.45);background:currentColor;border-radius:50%;position:absolute;translate:-50% -50%}.story-paint[data-wash] .story-paint-head{display:none}.story-paint-blob{top:50%;left:calc(var(--rail-dot) / 2 + var(--at) * (100% - var(--rail-dot)));width:var(--rail-splat);height:var(--rail-splat);fill:currentColor;transition:scale .24s var(--q-ease-out);position:absolute;overflow:visible;translate:-50% -50%;scale:0}.story-paint-blob[data-on]{transition-duration:.16s;scale:1}.story-paint-blob path{transform-origin:24px 24px;transform-box:view-box}.story-paint-blob[data-on] path{animation:.52s cubic-bezier(.22,1,.36,1) both splat}.story-splats[data-wash] .story-paint-blob path{animation:none}@keyframes splat{0%{rotate:-28deg;scale:.35}55%{rotate:3deg;scale:1.1}to{rotate:none;scale:1}}.story-steps ol{justify-content:space-between;margin:0;padding:0;list-style:none;display:flex;position:relative}.story-steps li{width:var(--rail-dot);height:var(--rail-dot);color:var(--q-accent);font:600 12px/1 var(--q-font-sans);font-variant-numeric:tabular-nums;transition:color .22s var(--q-ease-out) .14s;place-items:center;display:grid;position:relative}.story-steps li[data-on]{color:var(--q-ink-inverse)}.story-drop{top:calc(50% - var(--size) * var(--stretch) / 2);left:calc(50% - var(--size) / 2);width:var(--size);height:calc(var(--size) * var(--stretch));background:var(--q-accent);rotate:var(--angle);transition:translate .3s var(--q-ease-out), scale .3s var(--q-ease-out);border-radius:50%;position:absolute;scale:0}.story-steps li[data-on] .story-drop{scale:1;translate:var(--dx) var(--dy);transition:translate .46s var(--rail-throw) 90ms, scale .2s var(--q-ease-out) 90ms}.story-drop:nth-child(2){transition-delay:40ms}.story-close{justify-items:center;padding:0 24px clamp(64px,10vw,112px);display:grid}.story-card{background:var(--q-ink);width:min(760px,100%);color:var(--q-ink-inverse);text-align:center;border-radius:28px;justify-items:center;gap:12px;padding:48px 40px 52px;display:grid}.story-card-slot{width:88px;height:88px;display:block}.story-card h2{letter-spacing:-.045em;text-wrap:balance;max-width:14ch;margin:12px 0 0;font-size:clamp(34px,4.6vw,60px);font-weight:600;line-height:1}.story-card p{max-width:40ch;color:color-mix(in srgb, var(--q-ink-inverse) 60%, transparent);margin:0;font-size:clamp(16px,1.4vw,19px);line-height:1.5}.story-card .actions{margin-top:16px}.landing-footer{border-top:1px solid var(--q-line);width:min(1120px,100% - 48px);color:var(--q-ink-muted);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;padding-block:24px;font-size:12px;display:flex}.landing-footer nav{gap:22px;display:flex}.landing-footer a{min-height:40px;color:var(--q-ink-muted);transition:color var(--q-duration-fast);align-items:center;display:inline-flex}.landing-footer a:hover{color:var(--q-ink)}.story[data-reduced=true]{height:auto}.story[data-reduced=true] .story-frame{height:auto;padding:48px var(--story-inset) 0;gap:56px;position:static;overflow:visible}.story[data-reduced=true] .story-quibby,.story[data-reduced=true] .story-speech,.story[data-reduced=true] .story-steps{display:none}.story[data-reduced=true] .story-hero{opacity:1;visibility:visible;order:-1;padding:0;transition:none;position:static}.story[data-reduced=true] .story-scene{opacity:1;transition:none;scale:none}@media (prefers-reduced-motion:reduce){.story-hero,.story-scene,.story-steps,.story-steps li,.story-paint-blob,.story-paint-blob path,.story-drop,.story-quibby,.story-quibby>div,.story-bubble,.story-bubble-words>span,.story-close,.story-card{transition:none;animation:none}}@media (max-width:800px){.story{--story-inset:12px}.landing h1{font-size:clamp(40px,12vw,60px)}.story-card{border-radius:22px;padding:36px 24px 40px}.landing-footer{flex-direction:column;gap:12px}.landing-footer nav{flex-wrap:wrap;justify-content:center;gap:16px}.story-steps{--rail-dot:24px;--rail-flow:9px;width:min(190px,62%)}.story-steps li{font-size:11px}.story-speech{--perch-size:60px;--perch-lift:32px;padding-left:0}.story-bubble{padding:11px 15px 11px 18px}}@media (max-height:760px){.story{--story-gap:14px}.story-frame{padding-top:12px;padding-bottom:12px}.story-scene .review-preview{min-height:0}.story-speech{--perch-lift:36px}}.landing>section,.landing #what{scroll-margin-top:var(--header-h)}.landing-section{border-top:1px solid var(--q-line);width:min(1120px,100% - 48px);margin-inline:auto;padding-block:clamp(64px,10vw,112px)}.landing-section-title{letter-spacing:-.035em;font-size:clamp(32px,5vw,48px);font-weight:600;line-height:1.1}.story[data-reduced=true] .story-scene .demo-result,.story[data-reduced=true] .story-scene .demo-composer{width:min(480px,100%);margin:20px auto 0;position:relative;bottom:auto;right:auto}@media (max-width:480px){.story[data-step="0"] .story-scene{opacity:.1}.story-card{padding:28px 20px}.story-speech{--perch-size:44px;--perch-lift:16px}.story-bubble{padding:10px 12px;font-size:16px}}.story-anchor{top:calc(var(--story-start) * var(--story-step));pointer-events:none;width:1px;height:1px;position:absolute;left:0}