.frame-phone,.frame-tablet{--w:240px;width:var(--w);box-sizing:border-box;max-width:100%;box-shadow:var(--frame-shadow), inset 0 0 0 1px #ffffff12;background:linear-gradient(#050506,#050506) padding-box padding-box,linear-gradient(150deg,#8a8b90,#26272b 24%,#5a5b60 50%,#202125 76%,#7d7e83) border-box;margin:0;position:relative}.frame-phone picture,.frame-phone img,.frame-tablet picture,.frame-tablet img{display:block}.frame-phone img,.frame-tablet img{width:100%;height:auto}.frame-phone{--rim:calc(var(--w) * .014);--bezel:calc(var(--w) * .024);padding:var(--bezel);border:var(--rim) solid transparent;border-radius:calc(var(--w) * .165)}.frame-phone img{aspect-ratio:640/1391;border-radius:calc(var(--w) * .13)}.frame-phone:before{content:"";z-index:2;left:50%;top:calc(var(--bezel) + var(--w) * .024);width:calc(var(--w) * .29);height:calc(var(--w) * .085);background:#000;border-radius:999px;position:absolute;transform:translate(-50%)}.frame-phone:after{--btn:calc(var(--w) * .011);--btn-w:calc(var(--btn) + var(--rim));--metal-l:linear-gradient(90deg, #5a5b60, #26272b);--metal-r:linear-gradient(90deg, #26272b, #5a5b60);content:"";pointer-events:none;z-index:2;top:0;bottom:0;left:calc(-1 * (var(--rim) + var(--btn)));right:calc(-1 * (var(--rim) + var(--btn)));background:var(--metal-l) left 0 top 18% / var(--btn-w) 5% no-repeat, var(--metal-l) left 0 top 28% / var(--btn-w) 8.5% no-repeat, var(--metal-l) left 0 top 40% / var(--btn-w) 8.5% no-repeat, var(--metal-r) right 0 top 31% / var(--btn-w) 11% no-repeat, var(--metal-r) right 0 top 62% / var(--btn-w) 6% no-repeat, linear-gradient(#787a80bf, #787a80bf) center bottom calc(var(--bezel) + var(--w) * .018) / calc(var(--w) * .32) calc(var(--w) * .0115) no-repeat;position:absolute}.frame-tablet{padding:calc(var(--w) * .028);border:calc(var(--w) * .004) solid transparent;border-radius:calc(var(--w) * .055)}.frame-tablet img{aspect-ratio:900/1306;border-radius:calc(var(--w) * .03)}.frame-tablet img[src*=child-]{aspect-ratio:900/1001}
html:has(.story){overflow-x:clip}.story{width:var(--story-vw,100vw);margin-inline:calc(50% - var(--story-vw,100vw) / 2);position:relative;overflow-x:clip}.story-stage{position:relative}.story-backdrop,.story-cue{display:none}.story-scene{--story-col:min(calc(var(--wide) - 2 * var(--gutter)), calc(100% - 2 * var(--gutter)));width:var(--story-col);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:24px;margin:0 auto;padding:clamp(32px,6vw,64px) 0;display:grid;position:relative}.story-copy{z-index:3;min-width:0;position:relative}.story-copy h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.08}.story-copy h2{letter-spacing:-.015em;margin:0 0 14px;font-size:clamp(1.625rem,3.1vw,2.25rem);font-weight:800;line-height:1.14}.story-copy p{max-width:32rem;color:var(--ink-2);margin:0 0 14px;font-size:1.0625rem;font-weight:500;line-height:1.55}.story-copy>:last-child{margin-bottom:0}.story-copy .brand-hero{gap:14px}.story-copy .brand-hero .brand-icon{width:clamp(52px,6.4vw,76px)}.story-copy .brand-hero .brand-name{font-size:clamp(2rem,5vw,3.5rem)}.story-visual{--fit:.9;min-width:0;height:560px;margin-right:calc(-1 * clamp(0px, (100vw - var(--wide)) / 4, 96px));perspective:1600px;position:relative}.story-rig{width:640px;height:600px;transform:scale3d(var(--fit,1), var(--fit,1), var(--fit,1));transform-style:preserve-3d;margin:-300px 0 0 -320px;position:absolute;top:50%;left:50%}.story-slot{width:var(--w);transform:translate(-50%, -50%) translate3d(var(--x), var(--y), var(--z)) rotateY(var(--r));position:absolute;top:50%;left:50%}.story-next{--pad:var(--bezel,calc(var(--w) * .028));top:var(--pad);left:var(--pad);width:calc(100% - 2 * var(--pad));opacity:0;transition:opacity .8s ease-in-out;position:absolute}.story-scene[data-swap="1"] .story-next{opacity:1}.story-cue{z-index:5;color:var(--ink-2);letter-spacing:.01em;font-size:.8125rem;font-weight:600;transition:opacity .4s;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.story-cue:after{content:"";background:linear-gradient(var(--ink-2), transparent);width:1px;height:22px;margin:8px auto 0;animation:2s ease-in-out infinite story-cue;display:block}.story-cue[data-hidden]{opacity:0}@media (max-width:980px){.story-scene{grid-template-columns:minmax(0,1fr);gap:8px}.story-copy h1{margin-bottom:12px;font-size:clamp(1.75rem,8vw,2.5rem)}.story-copy h2{margin-bottom:10px;font-size:clamp(1.5rem,6.6vw,2rem)}.story-copy p{font-size:1rem;line-height:1.5}.story-visual{--fit:.55;height:420px;margin-right:0}.story-rig{width:540px;margin-left:-270px}.story-slot{transform:translate(-50%, -50%) translate3d(var(--cx), var(--y), var(--cz)) rotateY(var(--r))}}@media (max-width:980px) and (max-height:700px){.story-copy h1{margin-bottom:8px;font-size:clamp(1.625rem,7.4vw,2rem)}.story-copy h2{margin-bottom:6px;font-size:clamp(1.25rem,5.6vw,1.5rem);line-height:1.12}.story-copy p{margin-bottom:8px;font-size:.9375rem;line-height:1.4}}@media (max-width:980px) and (orientation:landscape) and (max-height:560px){.story-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.story-copy h1{margin-bottom:8px;font-size:1.75rem}.story-copy h2{margin-bottom:8px;font-size:1.5rem}.story-copy p{font-size:.875rem;line-height:1.45}.story-visual{height:300px}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){@supports (overflow:clip){.story{isolation:isolate;margin-top:calc(-1 * var(--story-header,68px));--step:60vh;height:calc(100vh + (var(--n) - 1) * var(--step));height:calc(100svh + (var(--n) - 1) * var(--step))}header:has(~* .story){z-index:1;position:relative}.story-stage{background:var(--ground);height:100svh;position:sticky;top:0;overflow:hidden}.story-backdrop{z-index:0;background:linear-gradient(180deg, transparent 74%, var(--ground) 100%), radial-gradient(ellipse 58% 68% at 72% 46%, var(--grouped) 0%, transparent 72%);display:block;position:absolute;inset:0}.story-scene{width:auto;padding:var(--story-header,68px) max(var(--gutter), calc((100% - var(--wide)) / 2 + var(--gutter))) 72px;pointer-events:none;perspective:1600px;perspective-origin:72% 45%;margin:0;position:absolute;inset:0}.story-scene[data-active]{pointer-events:auto;z-index:2}.story-copy{transform:translate3d(calc(var(--d) * -10vw), 0, 0);opacity:clamp(0, calc(1 - var(--a) * 2.4), 1)}.story-visual{height:min(74vh,620px);transform:translate3d(calc(var(--d) * -22vw), 0, calc(var(--a) * -640px)) rotateY(calc(var(--d) * -58deg));opacity:clamp(0, calc(1 - var(--a) * 1.6), 1)}.story-rig{transform:scale3d(var(--fit,1), var(--fit,1), var(--fit,1)) rotateY(calc(var(--mx,0) * 7deg)) rotateX(calc(var(--my,0) * -5deg));animation:7s ease-in-out infinite story-float}.story-slot{translate:calc(var(--d) * var(--par) * -1px + var(--mx,0) * var(--lean) * 1px) calc(var(--my,0) * var(--lean) * .7px)}.story-scene[data-far] .story-copy,.story-scene[data-far] .story-visual{transform:none}.story-scene[data-far] .story-slot{translate:none}.story-cue{display:block}.story[data-idle] .story-rig,.story[data-idle] .story-cue:after{animation-play-state:paused}@media (max-width:980px){.story-scene{padding:calc(var(--story-header,68px) + 8px) var(--gutter) 72px;perspective-origin:50% 60%;grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:8px}.story-backdrop{background:linear-gradient(180deg, transparent 78%, var(--ground) 100%), radial-gradient(ellipse 80% 46% at 50% 62%, var(--grouped) 0%, transparent 74%)}.story-copy{transform:translate3d(0, calc(var(--d) * -8vh), 0);align-self:start}.story-visual{height:auto;min-height:0;transform:translate3d(0, calc(var(--d) * -26vh), calc(var(--a) * -520px)) rotateX(calc(var(--d) * 52deg))}.story-slot{translate:0 calc(var(--d) * var(--par) * -.6px)}.story-cue{bottom:14px}}@media (max-width:980px) and (orientation:landscape) and (max-height:560px){.story-scene{padding:calc(var(--story-header,68px) * .5) var(--gutter) 60px;perspective-origin:72%;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px}.story-copy{align-self:center}.story-visual{height:100%}}}}@keyframes story-float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes story-cue{0%,to{transform-origin:top;opacity:.4;transform:scaleY(.4)}50%{transform-origin:top;opacity:1;transform:scaleY(1)}}
.demo{width:100%;max-width:60rem;margin:0}.demo-stage{background:var(--paper);border-block:1px solid var(--hairline);position:relative;overflow:hidden}.demo-poster,.demo-poster img{width:100%;height:auto;display:block}.demo-frame{background:var(--paper);border:0;width:100%;height:0;display:block}.demo-frame-wait{visibility:hidden;pointer-events:none;height:2400px;position:absolute;top:0;left:0}.demo-status{color:var(--ink-2);margin:0;padding:8px 12px;font-size:.875rem;font-weight:600;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.demo-status:empty{display:none}.demo-controls{flex-wrap:wrap;align-items:center;gap:4px 28px;padding-block:12px 4px;display:flex}.demo-play{border-radius:var(--radius);background:var(--accent);min-width:48px;max-width:100%;min-height:48px;color:var(--on-accent);text-align:center;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;padding:10px 22px;font-family:inherit;font-size:1.0625rem;font-weight:700;line-height:1.25;display:inline-flex}.demo-play:hover{filter:brightness(.92)}.demo-play:disabled{opacity:.55;cursor:default;filter:none}.demo-play-text{display:inline-grid}.demo-play-text>span{overflow-wrap:anywhere;grid-area:1/1;min-width:0}.demo-hide{visibility:hidden}.demo-icon{fill:currentColor;flex:none;width:18px;height:18px}.demo-group{flex-wrap:wrap;align-items:center;min-width:0;max-width:100%;display:flex}.demo-label{min-width:0;color:var(--ink-2);margin-right:6px;font-size:.9375rem;font-weight:600;line-height:1.3}.demo-opt{cursor:pointer;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding-inline:8px;display:inline-flex;position:relative}.demo-radio{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.demo-opt-text{color:var(--ink-2);text-align:center;border-bottom:2px solid #0000;padding-block:3px;font-size:1rem;font-weight:700;line-height:1.25;display:block}.demo-opt:hover .demo-opt-text{color:var(--ink)}.demo-radio:checked+.demo-opt-text{color:var(--ink);border-bottom-color:var(--ink)}.demo-radio:focus-visible+.demo-opt-text{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}@media (max-width:520px){.demo-controls{gap:0 16px}.demo-play{margin-bottom:4px}.demo-group{flex:100%}.demo-label{flex:0 0 100%;margin:4px 0 0}.demo-opt{margin-right:12px;padding-inline:4px}}
.landing-wrap{width:100%;max-width:var(--wide);padding-inline:var(--gutter);margin-inline:auto;padding-block:64px 24px}.landing-wrap h2{letter-spacing:-.015em;margin:0 0 14px;font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:800;line-height:1.12}.landing-lead{max-width:38rem;color:var(--ink-2);margin:0 0 28px;font-size:1.125rem;font-weight:500;line-height:1.55}.landing-small{max-width:38rem;color:var(--ink-2);margin:12px 0 0;font-size:.9375rem;line-height:1.5}.story-copy .motto{color:var(--ink);margin:18px 0 0;font-size:clamp(1.375rem,2.6vw,1.75rem);font-weight:800;line-height:1.2}.story-copy .tagline{color:var(--ink-2);margin:4px 0 18px;font-size:1.125rem;font-weight:600}.story-cta{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.story-cta .stores,.story-cta .soon{margin:0}.story-copy .story-trial{color:var(--ink);margin:0;font-size:1.0625rem;font-weight:800}.story-copy .soon{color:var(--ink);margin:0;font-weight:800}.spreads{margin-top:36px}.spread{border-top:1px solid var(--hairline);padding-block:52px}.spread-body{border-left:1px solid var(--mark);margin-left:232px;padding-left:28px}.spread h3{margin:0 0 10px;font-size:clamp(1.375rem,2.4vw,1.75rem);font-weight:800;line-height:1.18}.spread-body>p{max-width:36rem;color:var(--ink-2);margin:0;font-size:1.0625rem;line-height:1.55}.spread-devices{flex-wrap:wrap;align-items:flex-start;gap:36px;margin-top:30px;display:flex}.spread-main{flex:none;max-width:100%;position:relative}.spread-second{flex:none;max-width:100%;padding-top:40px}.spread-notes{width:188px;margin:0;padding:0;list-style:none;position:absolute;top:0;bottom:0;right:calc(100% + 44px)}.spread-notes li{top:var(--y);color:var(--mark);text-align:right;flex-direction:row-reverse;align-items:center;gap:10px;font-size:.9375rem;font-weight:700;line-height:1.25;display:flex;position:absolute;right:0;transform:translateY(-50%)}.note-glyph{fill:none;width:32px;height:24px;stroke:var(--mark);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.frame-phone .ink,.frame-tablet .ink{--bezel:calc(var(--w) * .024);z-index:1;left:var(--bezel);top:var(--bezel);width:calc(100% - 2 * var(--bezel));height:calc(100% - 2 * var(--bezel));pointer-events:none;position:absolute;overflow:hidden}.frame-tablet .ink{--bezel:calc(var(--w) * .028)}.ink path{fill:none;stroke:var(--mark);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ink-chalk path{stroke:#f0f1ee}@media (max-width:899px){.landing-wrap{padding-block:48px 16px}.spread{padding-block:40px}.spread-body{margin-left:4px;padding-left:18px}.spread-main{flex-direction:column;gap:18px;display:flex}.spread-notes{gap:8px;width:auto;display:grid;position:static}.spread-notes li{text-align:left;flex-direction:row;position:static;transform:none}.spread-devices{margin-top:22px}}@media (max-width:639px){.spread-second{display:none}}.figures{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;margin:28px 0 0;padding:0;list-style:none;display:grid}.figures li{border-top:1px solid var(--hairline)}.figures a{color:var(--ink);padding-block:22px 26px;text-decoration:none;display:block}.figure-number{font-variant-numeric:tabular-nums;min-width:2ch;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1;display:block}.figure-label{color:var(--ink-2);margin-top:8px;font-size:1rem;font-weight:600;line-height:1.35;display:block}.figures a:hover .figure-label{text-decoration:underline}@media (max-width:639px){.figures{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}.plans{margin:28px 0 0}.plan{border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 20px;padding-block:22px;display:flex}.plan-main{border-top:2px solid var(--mark)}.plan:last-child{border-bottom:1px solid var(--hairline)}.plan dt{font-size:1.25rem;font-weight:800}.plan dd{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;margin:0;display:flex}.plan-amount{font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.1}.plan-period{color:var(--ink-2);font-weight:600}.plan-note{color:var(--ink-2);font-size:.9375rem}.landing-close{padding-block:72px 8px}.landing-close .stores,.landing-close .soon{margin:24px 0 0}.landing-trial{margin:14px 0 0;font-weight:800}.plan-line{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:2px 10px;display:flex}.faq{margin:24px 0 0}.faq>div{border-top:1px solid var(--hairline);padding-block:18px}.faq>div:last-child{border-bottom:1px solid var(--hairline)}.faq dt{font-size:1.125rem;font-weight:800}.faq dd{max-width:40rem;color:var(--ink-2);margin:6px 0 0;line-height:1.55}