@property --shift-acc{syntax:"<color>";inherits:true;initial-value:#ff1f3d}@property --shift-scr{syntax:"<color>";inherits:true;initial-value:#ff1f3d}.home{--bg:color-mix(in srgb, var(--color-page) 91%, var(--shift-acc,var(--color-accent)));--bg2:var(--color-raised);--fg:var(--color-text);--mut:var(--color-text-muted);--acc:var(--shift-acc,var(--color-accent));--scr-acc:var(--shift-scr,#ff1f3d);--line:var(--color-hairline);--on-acc:var(--color-page);--ease:cubic-bezier(.23, 1, .32, 1);--display:var(--font-display);--mono:var(--font-mono);--body:var(--font-body);--hh:63px;--gap:clamp(96px, 13vw, 176px);--t-h2:clamp(2.5rem, 5.2vw, 4.75rem);--t-lede:1.3125rem;--t-body:1.1875rem;background:var(--bg);color:var(--fg);font-size:var(--t-body);transition:background-color .5s var(--ease);line-height:1.55;overflow-x:clip}:root[data-theme=light] .home{--bg:color-mix(in srgb, var(--color-page) 95%, var(--shift-acc,var(--color-accent)))}.home h1,.home h2,.home h3{font-family:var(--display);text-wrap:balance;letter-spacing:-.03em;margin:0;font-weight:800;line-height:.98}.home h2{font-size:var(--t-h2)}.home h3{font-size:1.75rem}.home p{text-wrap:pretty}.home .wrap{padding-inline:max(24px, env(safe-area-inset-left,0px));max-width:72rem;margin:0 auto}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.note,.fine{color:var(--mut);font-size:1rem}.lede{color:var(--mut);font-size:var(--t-lede);max-width:46ch;margin-top:20px}.tier{color:var(--acc);font-style:normal;font-weight:600}.bgfx{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg{opacity:0;will-change:transform, opacity;contain:layout paint;position:absolute}.bg svg{width:100%;height:auto;display:block}.b1{width:min(72vw,760px);color:var(--fg);top:6vh;left:48vw}.b2{width:min(64vw,680px);color:var(--acc);top:36vh;left:-14vw}.b3{width:240vw;color:var(--acc);top:64vh;left:0}.b3 svg{height:20vw}.b4{width:min(62vw,640px);color:var(--fg);top:52vh;right:-16vw}.home>section,.home>.marq,.home>.story,.home>.tag{z-index:1;position:relative}#scroll-bar{background:var(--acc);transform-origin:0;z-index:60;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.hero{min-height:min(860px, calc(100svh - var(--hh)));align-items:center;display:grid;position:relative;overflow:hidden}.hero-mark{z-index:1;width:300px;height:300px;color:var(--color-brand);pointer-events:none;position:absolute;top:58%;left:76%;transform:translate(-50%,-50%)}.hero-mark svg{width:100%;height:100%;display:block;overflow:visible}.hero-mark .deck{animation:mark-in .9s var(--ease) .7s both}.hero-mark svg{animation:5.6s ease-in-out 1.6s infinite alternate mark-float;animation-play-state:var(--float,paused)}.hero-mark .d1{--dx:-90px;--dy:-90px}.hero-mark .d2{--dx:90px;--dy:90px}@keyframes mark-in{0%{opacity:0;transform:translate(var(--dx), var(--dy))}}@keyframes mark-float{0%{translate:-2px -6px;rotate:-1.2deg}to{translate:2px 6px;rotate:1.2deg}}.hero-mark .pulse{stroke-dasharray:1;stroke-dashoffset:1px;animation:.7s cubic-bezier(.65,0,.35,1) 1.4s forwards mark-draw,1.1s ease-in-out 2.3s 4 mark-beat}@keyframes mark-draw{to{stroke-dashoffset:0}}@keyframes mark-beat{50%{opacity:.3}}.hero canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-in{z-index:2;will-change:transform, opacity;width:100%;padding-block:72px;position:relative}.hero-title{max-width:11ch;font-size:clamp(3.25rem,11.5vw,10rem);line-height:.9}.hero-title .w{vertical-align:top;padding-bottom:.08em;display:inline-block;overflow:hidden}.hero-title .w>span{animation:up .9s var(--ease) backwards;animation-delay:calc(var(--i) * .11s + .15s);display:inline-block}.strike{position:relative}.strike:after{content:"";background:var(--acc);transform-origin:0;height:.075em;animation:.7s cubic-bezier(.77,0,.175,1) 1.1s backwards draw;position:absolute;top:54%;left:-2%;right:-2%}@keyframes up{0%{transform:translateY(110%)}}@keyframes draw{0%{transform:scaleX(0)}}@keyframes fade{0%{opacity:0;transform:translateY(10px)}}.hero-sub{max-width:46ch;color:var(--mut);animation:fade .9s var(--ease) 1.3s backwards;margin-top:32px;font-size:clamp(1.1875rem,2.2vw,1.5rem)}.hero-sub b{color:var(--fg);font-weight:500}.cta-row{animation:fade .9s var(--ease) 1.5s backwards;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:32px;display:flex}.btn{background:var(--acc);color:var(--on-acc);font:600 1.0625rem var(--body);cursor:default;border-radius:10px;align-items:center;padding:15px 26px;display:inline-flex}.btn.mag{transition:transform .25s var(--ease)}.ghost{text-underline-offset:6px;padding:12px 4px;font-weight:500;text-decoration:underline 1px}.proof{color:var(--mut);animation:fade .9s var(--ease) 1.6s backwards;margin-top:24px;font-size:1rem}.marq{padding:22px 0;overflow:hidden}.marq div{white-space:nowrap;will-change:transform;width:max-content;font:800 clamp(2.125rem, 6vw, 5.25rem) / 1 var(--display);letter-spacing:-.03em;text-transform:uppercase;gap:48px;animation:46s linear infinite marq;display:flex}@keyframes marq{to{transform:translate(-50%)}}.marq span:nth-child(2n){color:#0000;-webkit-text-stroke:1.5px var(--fg)}.tag{padding-block:var(--gap)}.tag p{font:800 clamp(1.875rem, 4.6vw, 4.25rem) / 1.06 var(--display);letter-spacing:-.03em;white-space:pre-line;text-align:center;text-wrap:balance;max-width:26ch;margin-inline:auto}.tag .hot{color:var(--acc)}.tag p.tag-sub{font:400 var(--t-lede) / 1.55 var(--body);letter-spacing:0;white-space:normal;text-align:center;max-width:34ch;color:var(--mut);text-wrap:balance;margin:clamp(28px,4vw,48px) auto 0}.tag-sub b{color:var(--acc);font-weight:700}.t-rest{color:#0000;user-select:none}.caret{display:inline;position:relative}.caret:after{content:"";background:var(--acc);width:.07em;height:.82em;position:absolute;top:.1em;left:.02em}@keyframes caret{50%{opacity:0}}.own{padding-bottom:var(--gap)}.own h2{max-width:16ch}.own-cols{grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,32px);margin-top:56px;display:grid}.own-cols>div{border-top:1px solid var(--line);padding-top:24px}.own-cols .yours{border-top:2px solid var(--acc)}.own-cols ul{color:var(--mut);font-size:var(--t-lede);gap:18px;margin:22px 0 0;padding:0;list-style:none;display:grid}.own-cols li{position:relative}.own-cols .yours ul{color:var(--fg)}.own-cols .yours h3{color:var(--acc)}.home .wrap.story{max-width:88rem}.story{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(24px,4vw,72px);display:grid;overflow-y:clip}.chapters{grid-area:1/1}.stage{grid-area:1/2;position:relative}.sticky{top:var(--hh);height:calc(100svh - var(--hh));place-items:center;display:grid;position:sticky}.chap{opacity:.55;min-height:82vh;transition:opacity .6s var(--ease), transform .7s var(--ease);flex-direction:column;justify-content:center;gap:22px;padding-block:8vh;display:flex;transform:translate(-10px)}.chap.on{opacity:1;transform:none}.chap h2{max-width:15ch}.chap p{color:var(--mut);max-width:42ch;font-size:var(--t-lede);line-height:1.6}.chap p b{color:var(--fg);font-weight:600}.chap p b.tier{color:var(--acc)}.chap .bridge{color:var(--fg);font:700 1.375rem/1.2 var(--display);letter-spacing:-.02em;margin-top:8px}.chap .fine{max-width:44ch;font-size:1rem}.m-slot{display:none}.scr{--ph:calc(100svh - var(--hh) - 110px);height:var(--ph);width:min(500px,100%);position:relative}.scene{contain:layout paint;opacity:0;visibility:hidden;box-shadow:0 0 0 1px color-mix(in srgb, var(--acc) 34%, transparent), 0 24px 60px -34px color-mix(in srgb, var(--acc) 55%, #000);transition:opacity .4s var(--ease), transform .7s var(--ease), visibility 0s .7s, box-shadow .9s var(--ease);background:#000;border-radius:22px;margin-inline:auto;position:absolute;top:0;left:0;right:0;overflow:hidden;transform:translateY(18px)scale(.985)}.scene.on{opacity:1;visibility:visible;transition-delay:0s;transform:none}.rail{z-index:30;opacity:0;visibility:hidden;transition:opacity .4s var(--ease), visibility 0s .4s;flex-direction:column;align-items:flex-end;gap:5px;margin:0;padding:0;list-style:none;display:flex;position:fixed;top:50%;right:14px;transform:translateY(-50%)}.rail.on{opacity:1;visibility:visible;transition-delay:0s}.rail li{background:var(--mut);opacity:.45;cursor:pointer;width:12px;height:2px;transition:width .4s var(--ease), background-color .4s var(--ease), opacity .4s var(--ease);border-radius:1px;position:relative}.rail li:after{content:"";position:absolute;inset:-7px -6px}.rail li.on{background:var(--acc);opacity:1;width:30px}.rail li:hover{opacity:1}.js [data-rv]{opacity:0;transition:opacity .7s var(--ease), transform .8s var(--ease);transition-delay:calc(var(--d,0) * 80ms);transform:translateY(22px)}.js [data-rv].in{opacity:1;transform:none}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.speed{padding-block:var(--gap)}.speed h2{max-width:14ch}.figures{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:64px;display:grid}.figures>div{background:var(--bg2);border:1px solid var(--line);border-top:2px solid var(--acc);border-radius:8px;padding:28px 24px 30px}.figures dt{color:var(--mut);font-size:1.0625rem}.figures dd{margin:0}.figures dd:first-of-type{font:800 clamp(2.75rem, 6vw, 5rem) / 1 var(--display);letter-spacing:-.04em;margin-top:10px}.figures dd:first-of-type .num{font-family:var(--display);letter-spacing:-.04em}.figures .note{margin-top:8px}.speed .fine{max-width:64ch;margin-top:56px}.pro{padding-bottom:var(--gap)}.pro h2{max-width:15ch}.matrix{border-collapse:collapse;width:100%;margin-top:56px;font-size:1.125rem}.matrix th,.matrix td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:24px 24px 24px 0;font-weight:400}.matrix thead th{color:var(--mut);border-top:0;padding-top:0;font-size:1rem}.matrix thead th:last-child{color:var(--acc)}.matrix tbody th{font:600 1.125rem var(--display);width:20%}.matrix td{color:var(--fg);width:40%}.matrix td.same{color:var(--mut)}.matrix td:last-child,.matrix thead th:last-child{background:color-mix(in srgb, var(--acc) 8%, transparent);padding-left:20px}.matrix tbody tr{transition:background-color .3s var(--ease)}.matrix tbody tr:hover{background:color-mix(in srgb, var(--fg) 4%, transparent)}.themes{margin-top:72px}.themes .lede{margin-top:0}.sw{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.sw button{border:2px solid var(--line);cursor:pointer;background:var(--c);width:44px;height:44px;transition:transform .2s var(--ease), border-color .2s var(--ease);border-radius:50%;padding:0;position:relative}.sw button:active{transform:scale(.94)}.sw button[aria-pressed=true]{border-color:var(--fg);transform:scale(1.08)}.sw button:after{content:"";background:var(--d);border-radius:50%;position:absolute;inset:13px}.themes .note{margin-top:14px}.faq{padding-bottom:var(--gap)}.faq h2{max-width:14ch}.qa{border-top:1px solid var(--line);margin-top:48px}.qa details{border-bottom:1px solid var(--line)}.qa summary{cursor:pointer;font:800 clamp(1.3125rem, 2.4vw, 1.875rem) / 1.1 var(--display);letter-spacing:-.02em;justify-content:space-between;gap:24px;padding:24px 0;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";font:400 2.25rem / 1 var(--mono);color:var(--acc);transition:transform .3s var(--ease);flex:none}.qa details[open] summary:after{transform:rotate(45deg)}.qa details p{color:var(--mut);max-width:62ch;font-size:var(--t-lede);padding-bottom:26px}.qa details::details-content{block-size:0;transition:block-size .4s var(--ease), content-visibility .4s allow-discrete;overflow:clip}.qa details[open]::details-content{block-size:auto}.home{interpolate-size:allow-keywords}.close{padding-block:var(--gap);text-align:center}.close h2{max-width:none;font-size:clamp(3.25rem,12vw,11rem);line-height:.88}.close .cta-row{justify-content:center;animation:none}.fcta{left:50%;bottom:max(16px, env(safe-area-inset-bottom,0px));z-index:40;border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 94%, transparent);transition:transform .5s var(--ease), visibility 0s .5s;visibility:hidden;white-space:nowrap;pointer-events:none;border-radius:14px;align-items:center;gap:16px;padding:7px 7px 7px 22px;font-weight:500;display:flex;position:fixed;transform:translate(-50%,160%)}.fcta.on{visibility:visible;transition-delay:0s;transform:translate(-50%)}.fcta .btn{padding:10px 18px;font-size:.9375rem}@media (hover:hover) and (pointer:fine){.ghost:hover{color:var(--acc)}.sw button:hover{transform:scale(1.1)}.chip:hover{border-color:var(--p-acc)}}@media (width<=900px){.own-cols{grid-template-columns:1fr}.story{grid-template-columns:1fr;gap:0}.chapters{grid-column:1}.stage{display:none}.chapters{grid-row:1}.rail{display:none}.chap{opacity:1;gap:18px;min-height:0;padding-block:56px 40px;transform:none}.chap h2{max-width:16ch}.m-slot{width:100%;max-width:460px;height:min(70svh,560px);margin:12px auto 0;display:block;position:relative}.m-slot[data-whole]{height:min(76svh,640px)}.scene{transition:opacity .5s var(--ease);visibility:visible;transform:none}.scene:not(.on){opacity:0}.hero-in{padding-block:56px}.figures{grid-template-columns:1fr 1fr}.matrix thead{display:none}.matrix,.matrix tbody,.matrix tr,.matrix th,.matrix td{display:block;width:auto!important}.matrix tr{border-top:1px solid var(--line);padding:18px 0}.matrix th,.matrix td{border:0;padding:4px 0}.matrix td:last-child{background:0 0;padding-left:0}.matrix td:before{color:var(--acc);font-size:.875rem;display:block}.matrix td:first-of-type:before{content:"Free"}.matrix td:nth-of-type(2):before{content:"Pro"}.fcta span:first-child{display:none}.fcta{padding-left:7px}.fcta.on{transform:translate(-50%)}}@media (width<=640px){.home{--hh:0px}.hero{align-items:start}.hero-in{padding-bottom:520px}.home .wrap{padding-inline:max(16px, env(safe-area-inset-left,0px))}}@media (prefers-reduced-motion:reduce){.hero-mark .deck,.hero-mark .pulse{animation:none}.hero-mark .pulse{stroke-dashoffset:0}.tag .tw{opacity:1}.caret{display:none}.chap{opacity:1;transform:none}.scene{transition:none}.js [data-rv]{opacity:1;transition:none;transform:none}}
