@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/3d51db290a6a25f3-s.0kkodo7okz7sx.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/f7054824cbb51795-s.3gwda9lv2grgl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/74effe3e2193102a-s.p.2ke8r1sltdje0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_19005ad4-module__EtGzFa__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_19005ad4-module__EtGzFa__variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.3bz3aq452sydg.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.2sb9jzhmrh7ny.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.343obqi851wr5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.40kcwrf1wub16.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.200l3jur7oygh.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.269kn9uafm0ti.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_e6baa3d3-module__O19_la__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_e6baa3d3-module__O19_la__variable{--font-code:"JetBrains Mono", "JetBrains Mono Fallback"}
@font-face{font-family:Caveat Brush;font-style:normal;font-weight:400;font-display:swap;src:url(../media/62a6aa8612347066-s.0-h8_7gm6e55s.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat Brush;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d99bdaafc74f43dc-s.p.1nj78fbjd7aa2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Brush Fallback;src:local(Arial);ascent-override:120.9%;descent-override:37.78%;line-gap-override:0.0%;size-adjust:79.41%}.caveat_brush_f5d33a1a-module__aCzkSa__className{font-family:Caveat Brush,Caveat Brush Fallback;font-style:normal;font-weight:400}.caveat_brush_f5d33a1a-module__aCzkSa__variable{--font-hand:"Caveat Brush", "Caveat Brush Fallback"}
@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.3zvkfbs08rnj_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3strvg7o-g5v2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1wwzpfhzaj2r0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.2rlzm4mj5kw8e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_ad5aebda-module__v1qaTa__className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.instrument_serif_ad5aebda-module__v1qaTa__variable{--font-serif:"Instrument Serif", "Instrument Serif Fallback"}
:is(html:has(.landing),body:has(.landing)){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f2ef}.landing{--ground:#f5f2ef;--blue:#5267f4;--ink:#0e0e0b;--white:#fff;--butter:#ffd43b;--lilac:#c9b8ff;--mint:#a6e9c9;--weekwise:#121512;--lime:#c6f432;--kept:#1f9d55;--muted-ink:#0e0e0b99;--muted-paper:#f5f2efc2;--rule:#0e0e0b1f;--display:var(--font-display), "Arial Narrow", "Helvetica Neue", sans-serif;--body:var(--font-outfit), ui-sans-serif, system-ui, sans-serif;--code:var(--font-code), ui-monospace, Menlo, monospace;--hand:var(--font-hand), "Marker Felt", cursive;--serif:var(--font-serif), Georgia, serif;--gutter:clamp(24px, 6vw, 112px);--sy:clamp(104px, 12vw, 190px);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--tl-h:44px;background:var(--ground);color:var(--ink);font-family:var(--body);padding-bottom:calc(var(--tl-h) + env(safe-area-inset-bottom,0px));font-size:18px;line-height:1.55}.landing :focus-visible{outline:2.5px solid var(--blue);outline-offset:3px;border-radius:6px}.landing .on-blue :focus-visible,.landing .scene-ask :focus-visible{outline-color:var(--butter)}.landing .scene{background:var(--field);color:var(--on);padding:var(--sy) var(--gutter);position:relative;overflow:hidden}.landing .wrap{max-width:1240px;margin-inline:auto;position:relative}.landing .word{width:max-content;font-family:var(--display);font-variation-settings:"opsz" 96, "wdth" 75;letter-spacing:-.012em;white-space:nowrap;margin:0;padding-top:.06em;font-size:clamp(88px,20vw,380px);font-weight:800;font-stretch:75%;line-height:.8;display:block}.landing .word .ch{transition:transform .8s var(--ease-out) calc(var(--i) * 45ms), opacity .6s ease calc(var(--i) * 45ms);display:inline-block}.landing .word[data-armed=true] .ch{opacity:0;transform:translateY(.32em)}.landing .word[data-ready=true] .ch{transition:transform .45s var(--ease-spring)}.landing .word[data-ready=true] .ch:hover{transform:translateY(-.06em)}.landing .line{letter-spacing:-.025em;text-wrap:balance;max-width:24ch;margin:clamp(28px,3vw,40px) 0 0;font-size:clamp(26px,2.6vw,38px);font-weight:500;line-height:1.12}.landing .demo{margin-top:clamp(56px,6vw,88px);position:relative}.landing .hint{color:var(--muted);margin:18px 0 0;font-size:15px}.landing .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.landing .mark{z-index:4;pointer-events:none;color:var(--mark,currentColor);clip-path:inset(-20% -10%);align-items:flex-start;gap:2px;transition:clip-path .5s steps(7,end),opacity .3s;display:flex;position:absolute;top:0;left:0}.landing .mark[data-arrow^=up]{align-items:flex-end}.landing .mark[data-armed=true]{clip-path:inset(-20% 110% -20% -10%)}.landing .mark[data-shown=false]{opacity:0}.landing .mark svg{flex:none;width:62px;height:44px;overflow:visible}.landing .mark path{fill:none;stroke:currentColor;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.landing .mark .hand{font-family:var(--hand);white-space:nowrap;font-size:clamp(22px,1.9vw,28px);line-height:1}.landing .mark[data-arrow^=down] .hand{padding-top:2px}.landing .mark[data-arrow^=up] .hand{padding-bottom:2px}.landing .boil>*{animation:.375s linear infinite boil}.landing .boil>:nth-child(2){animation-delay:-.125s}.landing .boil>:nth-child(3){animation-delay:-.25s}@keyframes boil{0%,33.32%{visibility:visible}33.33%,to{visibility:hidden}}.landing .press{transition:transform .15s,background-color .2s,color .2s,box-shadow .2s}.landing .press:active{transform:scale(.95)}.landing .on-blue{--starlight:#fff;--mist:#fffc;--dim:#ffffffbd;--signal:var(--lime);--danger:#ffe1db;--line:transparent}.landing .capsule{background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:0 10px 30px -18px #0e0e0b99}.landing .capsule:focus-within{box-shadow:0 0 0 4px #ffffff59}.landing .capsule[data-invalid=true]{box-shadow:0 0 0 3px #ffb4a8}.landing .capsule input{color:var(--ink);caret-color:var(--blue)}.landing .capsule input::placeholder{color:#0e0e0b6b}.landing .join{background:var(--ink);color:var(--white);transition:background-color .2s,transform .15s}.landing .join:hover{background:#2a2a26}.landing .join[data-busy=true]:after{background:linear-gradient(100deg,#0000 20%,#ffffff59 50%,#0000 80%)}@media (max-width:359px){.landing .capsule{box-shadow:none;background:0 0}.landing .capsule input{background:var(--white);border:0}}.landing .scene-hero{--field:var(--blue);--on:var(--white);--muted:var(--muted-paper);padding:0}.landing .hero-top{padding:0 var(--gutter) clamp(72px, 8vw, 120px)}.landing .top{justify-content:space-between;align-items:center;gap:16px;padding-block:24px;display:flex}.landing .brand{letter-spacing:-.045em;color:inherit;align-items:center;gap:10px;font-size:20px;font-weight:500;text-decoration:none;display:inline-flex}.landing .brand svg{width:auto;height:17px;transition:transform .4s var(--ease-spring)}.landing .brand:hover svg{transform:translateY(-2px)rotate(-4deg)}.landing .sign-in{height:40px;color:inherit;border-radius:999px;align-items:center;padding:0 18px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1.5px #ffffffb3}.landing .sign-in:hover{background:var(--white);color:var(--ink);box-shadow:none}.landing .hero-stage{margin-top:clamp(56px,8vw,120px);font-size:clamp(80px,16vw,320px);position:relative}.landing .hero-title{font-size:inherit;font-weight:inherit;margin:0}.landing .hero-title .word{font-size:inherit}.landing .rise-line{margin-top:-.06em;padding-top:.06em;display:block;overflow:hidden}.landing .hero-letters{font-stretch:100%}.landing .hl{font-variation-settings:"opsz" 96, "wdth" 75;transition:transform 1s var(--ease-out) calc(var(--i) * 55ms), font-variation-settings 1.35s cubic-bezier(.22, 1, .36, 1) calc(var(--i) * 55ms);display:inline-block}.landing:is([data-intro=loading],[data-intro=curtain]) .hl{font-variation-settings:"opsz" 96, "wdth" 100;transform:translateY(108%)}.landing .hero-letters[data-measure] .hl{font-variation-settings:"opsz" 96, "wdth" 75;transition:none}.landing .path-layer{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.landing .path-layer .pl{fill:none;stroke:#ffffff8c;stroke-width:1.5px}.landing .path-layer .dot{fill:var(--white)}.landing .path-layer .handle{stroke:#ffffffd9;stroke-width:1.25px}.landing .path-layer .knob{fill:var(--blue);stroke:var(--white);stroke-width:1.5px}.landing .path-layer .key{fill:var(--white);stroke:var(--blue);stroke-width:1.5px}.landing .move-line{z-index:2;position:relative}.landing .layer{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;display:inline-block;position:relative}.landing .layer:active{cursor:grabbing}.landing .sel{border:1.5px solid var(--selc,var(--white));pointer-events:none;position:absolute;inset:.03em -.03em -.04em}.landing .sel i{background:var(--self,var(--blue));border:1.5px solid var(--selc,var(--white));width:10px;height:10px;transition:transform .2s var(--ease-spring);position:absolute;transform:translate(-50%,-50%)}.landing .layer:hover .sel i,.landing .layer:active .sel i{transform:translate(-50%,-50%)scale(1.25)}.landing .sel i:first-child{top:0;left:0}.landing .sel i:nth-child(2){top:0;left:50%}.landing .sel i:nth-child(3){top:0;left:100%}.landing .sel i:nth-child(4){top:50%;left:100%}.landing .sel i:nth-child(5){top:100%;left:100%}.landing .sel i:nth-child(6){top:100%;left:50%}.landing .sel i:nth-child(7){top:100%;left:0}.landing .sel i:nth-child(8){top:50%;left:0}.landing .chip{font:500 12px/1.2 var(--body);letter-spacing:0;font-variation-settings:normal;background:var(--selc,var(--white));color:var(--self,var(--blue));white-space:nowrap;border-radius:4px;margin-bottom:7px;padding:3px 7px;font-stretch:100%;position:absolute;bottom:100%;left:-1.5px}.landing .layer:focus-visible .sel{outline:3px solid var(--butter);outline-offset:6px}.landing .layer .sel i,.landing .layer .chip{transition:transform .4s var(--ease-spring) calc(var(--j,0) * 35ms), opacity .2s ease calc(var(--j,0) * 35ms)}.landing .layer[data-landed=false] .sel i{opacity:0;transform:translate(-50%,-50%)scale(0)}.landing .layer[data-landed=false] .chip{opacity:0;transform:translateY(6px)scale(.8)}.landing .layer .sel i:nth-child(2){--j:1}.landing .layer .sel i:nth-child(3){--j:2}.landing .layer .sel i:nth-child(4){--j:3}.landing .layer .sel i:nth-child(5){--j:4}.landing .layer .sel i:nth-child(6){--j:5}.landing .layer .sel i:nth-child(7){--j:6}.landing .layer .sel i:nth-child(8){--j:7}.landing .layer .chip{--j:8}.landing .move-line,.landing .path-layer{transition:opacity .25s}.landing .move-line[data-going=false],.landing .path-layer[data-going=false]{opacity:0}.landing .scene-hero .mark{--mark:var(--white)}@media (max-width:600px){.landing .scene-hero .mark{display:none}}.landing .hero-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(32px,6vw,96px);margin-top:clamp(48px,6vw,80px);display:grid}.landing .hero-row>:last-child{justify-self:end}.landing .lede{letter-spacing:-.01em;max-width:31ch;margin:0;font-size:clamp(20px,1.8vw,26px);line-height:1.4}@media (max-width:860px){.landing .hero-row{grid-template-columns:minmax(0,1fr)}.landing .hero-row>:last-child{justify-self:start}}.landing .scene-ask{--field:var(--ink);--on:var(--ground);--muted:var(--muted-paper)}.landing .ask{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.landing .ask-hosts{gap:6px;display:flex}.landing .ask-host{font:500 15px/1 var(--body);cursor:pointer;color:var(--ground);background:#ffffff14;border:0;border-radius:999px;padding:10px 18px}.landing .ask-host:hover{background:#ffffff29}.landing .ask-host[aria-pressed=true]{background:var(--ground);color:var(--ink)}.landing .win-bar{font:500 12px/1 var(--body);flex:none;align-items:center;gap:7px;padding:12px 14px;display:flex}.landing .win-bar i{opacity:.22;background:currentColor;border-radius:50%;width:11px;height:11px}.landing .win-bar span{opacity:.6;margin-left:10px}.landing .caret{vertical-align:-.2em;background:currentColor;width:.55em;height:1.1em;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.landing .cc{color:#ecebe6;min-height:0;font-family:var(--code);background:#1b1b18;border-radius:14px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f}.landing .cc .win-bar{font-family:var(--code);border-bottom:1px solid #ffffff14}.landing .cc-body{scrollbar-width:none;flex:1;align-content:start;gap:clamp(8px,1.4svh,14px);min-height:0;padding:clamp(18px,3svh,36px) clamp(18px,2.4vw,40px);font-size:clamp(13px,min(1.2vw,2svh),17px);line-height:1.75;display:grid;overflow-y:auto}.landing .cc-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.landing .cc-done,.landing .cc-prompt{color:#ecebe680}.landing .cc-result{color:#ecebe666;padding-left:2ch;display:block}.landing .cc-ask{border:1px solid #ffffff38;border-radius:10px;padding:12px 14px;margin-top:8px!important}.landing .cc .ask-skill{color:#a9b4ff}.landing .cc-steps{gap:clamp(2px,.8svh,8px);margin-top:6px;display:grid}.landing .cx{background:var(--white);min-height:0;color:var(--ink);border-radius:14px;flex-direction:column;flex:1;display:flex;overflow:hidden}.landing .cx .win-bar{border-bottom:1px solid var(--rule);background:#f3f3f0}.landing .cx-main{flex:1;grid-template-columns:minmax(250px,.8fr) minmax(0,1.4fr);min-height:0;display:grid}.landing .cx-plugins{border-right:1px solid var(--rule);background:#f7f7f4;align-content:start;gap:10px;min-height:0;padding:16px 18px;display:grid;overflow-y:auto}.landing .cx-label{font:500 12px/1 var(--body);color:var(--muted-ink);margin-top:4px}.landing .cx-card{background:var(--white);box-shadow:0 0 0 1px var(--rule), 0 10px 24px -18px #0e0e0b66;border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px;display:grid}.landing .cx-icon{background:var(--blue);width:40px;height:40px;color:var(--white);border-radius:10px;place-items:center;display:grid}.landing .cx-icon svg{width:22px;height:auto}.landing .cx-card-copy{gap:3px;font-size:14px;display:grid}.landing .cx-card-copy b{font-weight:600}.landing .cx-card-copy span{color:var(--muted-ink);line-height:1.35}.landing .cx-card-copy em{color:var(--muted-ink);font-size:12px;font-style:normal}.landing .cx-installed{color:var(--kept);font:500 12px/1 var(--body);background:#1f9d551f;border-radius:999px;grid-column:1/-1;justify-self:start;padding:6px 10px}.landing .cx-cli{font:12px/1.5 var(--code);overflow-wrap:anywhere;background:#ecece8;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.landing .cx-thread{scrollbar-width:none;flex-direction:column;gap:clamp(14px,2.4svh,24px);min-height:0;padding:clamp(18px,3svh,36px) clamp(18px,2.4vw,40px);font-size:clamp(14px,min(1.2vw,2svh),17px);line-height:1.55;display:flex;overflow-y:auto}.landing .cx-user{background:#f0f0ec;border-radius:16px 16px 4px;align-self:flex-end;max-width:88%;margin:0;padding:12px 16px}.landing .cx .ask-skill{color:var(--blue);font:500 .92em/1.6 var(--code);background:#5267f41f;border-radius:6px;padding:0 7px;display:inline-block}.landing .cx-steps{gap:clamp(2px,.8svh,8px);display:grid}.landing .cx-composer{box-shadow:0 0 0 1px var(--rule);color:var(--muted-ink);border-radius:14px;margin-top:auto;padding:14px 16px;font-size:14px}.landing .ask-step{color:inherit;transition:opacity .3s ease, transform .3s var(--ease-out), background-color .2s ease;border-radius:6px;align-items:baseline;gap:10px;margin-inline:-8px;padding:3px 8px;text-decoration:none;display:flex}.landing .ask-step[data-hidden=true]{opacity:0;transform:translateY(4px)}.landing .ask-step .dim{opacity:.55}.landing .ask-dot{color:var(--blue);font-size:.8em}.landing .ask-step[data-done=true] .ask-dot{color:var(--kept)}.landing .ask-step .go{font:13px/1 var(--body);color:var(--blue);white-space:nowrap;opacity:0;transition:opacity .2s ease, transform .25s var(--ease-out);margin-left:auto;transform:translate(-6px)}.landing .ask-step:hover .go,.landing .ask-step:focus-visible .go{opacity:1;transform:none}.landing .cc .ask-step:hover{background:#ffffff0f}.landing .cc .ask-dot,.landing .cc .ask-step .go{color:#a9b4ff}.landing .cc .ask-step[data-done=true] .ask-dot{color:#7ee2a8}.landing .cx .ask-step:hover{background:#f3f3f0}@media (max-width:760px){.landing .cx-main{grid-template-columns:minmax(0,1fr)}.landing .cx-plugins{border-right:0;border-bottom:1px solid var(--rule)}.landing .ask-step .go{display:none}}.landing[data-pager=on] .scene-ask{padding-block:clamp(24px, 3.5svh, 40px) calc(var(--tl-h) + clamp(14px, 2.5svh, 28px))}.landing[data-pager=on] .scene-ask .demo{margin-top:clamp(16px,2.6svh,28px)}.landing .cine-head{flex-wrap:wrap;align-items:flex-end;gap:14px 28px;display:flex}.landing .cine-word{font-size:clamp(56px,7vw,104px)}.landing .cine-line{max-width:30ch;color:var(--muted);margin:0 0 .25em;font-size:clamp(17px,1.35vw,20px);line-height:1.35}.landing .scene-rebuild{--field:var(--butter);--on:var(--ink);--muted:var(--muted-ink)}.landing .compare{aspect-ratio:16/9;background:var(--ground);max-width:100%;box-shadow:0 0 0 2px var(--ink);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;border-radius:18px;position:relative;overflow:hidden}.landing .compare video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.landing .compare .ours{clip-path:inset(0 0 0 var(--split))}.landing .divider{top:0;bottom:0;left:var(--split);background:var(--ink);pointer-events:none;width:2px;position:absolute;transform:translate(-1px)}.landing .knob-c{top:50%;left:var(--split);background:var(--ink);width:48px;height:48px;color:var(--white);cursor:ew-resize;transition:transform .25s var(--ease-spring);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.landing .knob-c:hover{transform:translate(-50%,-50%)scale(1.1)}.landing .knob-c[data-invite=true]{animation:invite 1.4s var(--ease-out) .3s both}@keyframes invite{0%,to{margin-left:0}20%{margin-left:-14px}45%{margin-left:12px}70%{margin-left:-5px}}.landing .knob-c svg{width:22px;height:22px}.landing .tag{font:500 13px/1 var(--body);color:var(--white);pointer-events:none;background:#0e0e0bdb;border-radius:999px;padding:7px 12px;position:absolute;top:16px}.landing .tag.l{left:16px}.landing .tag.r{background:var(--blue);right:16px}.landing .tag .short{display:none}@media (max-width:640px){.landing .tag{top:10px}.landing .tag.l{left:10px}.landing .tag.r{right:10px}.landing .tag .long{display:none}.landing .tag .short{display:inline}}.landing .cmp-progress{pointer-events:none;z-index:2;background:#0e0e0b2e;height:3px;position:absolute;bottom:0;left:0;right:0}.landing .cmp-progress i{background:var(--blue);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.landing .cmp-controls{z-index:3;cursor:default;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:14px}.landing .cmp-play{width:40px;height:40px;color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0e0bd1;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.landing .cmp-play svg{width:15px;height:15px}.landing .moments{flex-wrap:wrap;gap:6px;display:flex}.landing .moment{font:500 13px/1 var(--body);cursor:pointer;color:var(--white);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0e0bb8;border:0;border-radius:999px;align-items:baseline;gap:7px;padding:9px 13px;transition:background-color .2s;display:inline-flex}.landing .moment:hover{background:#0e0e0be0}.landing .moment span{font-family:var(--code);color:#fff9;font-size:10.5px}.landing .moment[aria-pressed=true]{background:var(--white);color:var(--ink)}.landing .moment[aria-pressed=true] span{color:var(--muted-ink)}@media (max-width:700px){.landing .moments{display:none}.landing .cmp-controls{bottom:12px;left:10px}}.landing .scene-rebuild .mark{--mark:var(--ink)}@media (max-width:700px){.landing .scene-rebuild .mark{display:none}}.landing .scene-yours{--field:var(--lilac);--on:var(--ink);--muted:var(--muted-ink)}.landing .yours-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}@media (max-width:900px){.landing .yours-grid{grid-template-columns:minmax(0,1fr)}}.landing .card{--c-bg:var(--ground);--c-ink:var(--ink);--c-pill:var(--blue);--c-pill-ink:var(--white);--c-font:var(--body);--c-weight:600;--c-stretch:100%;--c-pill-font:var(--body);--c-pill-style:normal;--c-case:none;aspect-ratio:16/9;background:var(--c-bg);max-width:100%;color:var(--c-ink);box-shadow:0 0 0 2px var(--ink);transition:background-color .5s var(--ease-out), color .5s var(--ease-out);border-radius:16px;position:relative;overflow:hidden;container-type:inline-size}.landing .card[data-brand=weekwise]{--c-bg:var(--weekwise);--c-ink:#f3f3ee;--c-pill:var(--lime);--c-pill-ink:var(--weekwise);--c-pill-font:var(--serif);--c-pill-style:italic;--c-weight:500}.landing .card[data-brand=loopa]{--c-bg:var(--butter);--c-ink:var(--ink);--c-pill:var(--ink);--c-pill-ink:var(--butter);--c-font:var(--display);--c-pill-font:var(--display);--c-weight:800;--c-stretch:75%;--c-case:uppercase}.landing .corner{font:500 2.4cqw/1 var(--body);letter-spacing:-.03em;align-items:center;gap:.8cqw;display:inline-flex;position:absolute;top:4.6cqw;left:5cqw}.landing .corner i{background:var(--c-pill);border-radius:.4cqw;width:1.6cqw;height:1.6cqw;display:inline-block}.landing .title{font-family:var(--c-font);font-weight:var(--c-weight);font-stretch:var(--c-stretch);text-transform:var(--c-case);letter-spacing:-.035em;white-space:nowrap;justify-content:center;align-items:center;gap:.28em;padding:0 6cqw;font-size:8.4cqw;line-height:1;display:flex;position:absolute;inset:0}.landing .pill{padding:.14em .42em .18em;display:inline-block;position:relative}.landing .pill:before{content:"";background:var(--c-pill);transform-origin:0;border-radius:999px;position:absolute;inset:0}.landing .pill-t{color:var(--c-pill-ink);font-family:var(--c-pill-font);font-style:var(--c-pill-style);font-weight:var(--c-weight);position:relative}.landing .card[data-brand=weekwise] .pill-t{letter-spacing:-.01em;font-weight:400}.landing .title .pre{animation:card-rise .7s var(--ease-out) both}.landing .title .pill:before{animation:card-grow .75s var(--ease-out) .18s both}.landing .title .pill-t{animation:.5s ease-out .45s both card-fade}.landing .title .post{animation:card-rise .7s var(--ease-out) .55s both}.landing .corner{animation:.6s ease-out both card-fade}@keyframes card-rise{0%{opacity:0;transform:translateY(45%)}}@keyframes card-grow{0%{transform:scaleX(0)}}@keyframes card-fade{0%{opacity:0}}.landing .card[data-layers=true] [data-layer]{outline:1.5px dashed var(--blue);outline-offset:.14em;cursor:help;transition:outline-color .15s;position:relative}.landing .card[data-layers=true] .corner[data-layer]{outline-offset:.6em}.landing .card[data-layers=true] [data-layer]:after{content:attr(data-layer);font:500 11px/1 var(--body);letter-spacing:0;text-transform:none;background:var(--blue);color:var(--white);white-space:nowrap;border-radius:4px;padding:4px 6px;font-style:normal;font-stretch:100%;animation:.3s ease-out both card-fade;position:absolute;bottom:calc(100% + .3em);left:-.14em;transform:translateY(-4px)}.landing .card[data-layers=true] .corner[data-layer]:after{bottom:calc(100% + .9em);left:-.6em}.landing .card[data-layers=true] [data-hot=true]{outline-width:2px;outline-style:solid}.landing .keys{background:var(--white);box-shadow:0 0 0 2px var(--ink);border-radius:12px;gap:8px;margin-top:14px;padding:14px 16px;font-size:13px;animation:.3s ease-out both card-fade;display:grid;position:relative}.landing .krow{cursor:help;border-radius:6px;grid-template-columns:70px 1fr;align-items:center;transition:background-color .15s;display:grid}.landing .krow[data-hot=true]{background:#5267f41f}.landing .ktrack{height:14px;position:relative}.landing .ktrack:before{content:"";left:var(--a);right:calc(100% - var(--b));background:var(--blue);opacity:.35;height:2px;position:absolute;top:6px}.landing .ktrack i{background:var(--blue);width:9px;height:9px;transition:transform .2s var(--ease-spring);border-radius:1.5px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.landing .krow[data-hot=true] .ktrack i{transform:translate(-50%,-50%)rotate(45deg)scale(1.35)}.landing .khead{background:#ff4d4f;width:2px;animation:1.4s linear both sweep-head;position:absolute;top:8px;bottom:8px;left:86px}@keyframes sweep-head{to{left:calc(100% - 16px)}}.landing .ctl{align-content:start;gap:26px;display:grid}.landing .ctl-group{gap:10px;display:grid}.landing .ctl-label{color:var(--muted);font-size:14px}.landing .chips{flex-wrap:wrap;gap:8px;display:flex}.landing .chip-b{font:500 14px/1 var(--body);cursor:pointer;color:var(--ink);background:#ffffffb3;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.landing .chip-b:hover{background:#fffffff2}.landing .chip-b i{border-radius:50%;width:12px;height:12px}.landing .chip-b[aria-pressed=true]{background:var(--ink);color:var(--white)}.landing .name-field input{width:100%;font:400 16px/1 var(--body);color:var(--ink);background:#ffffffd9;border:0;border-radius:12px;outline:none;padding:13px 14px;transition:box-shadow .2s}.landing .name-field input:focus{box-shadow:0 0 0 3px var(--ink)}.landing .switch{cursor:pointer;font:500 15px/1 var(--body);color:var(--ink);background:0 0;border:0;justify-self:start;align-items:center;gap:12px;padding:0;display:inline-flex}.landing .switch b{background:#0e0e0b33;border-radius:99px;width:44px;height:26px;transition:background-color .2s;position:relative}.landing .switch b:after{content:"";background:var(--white);width:20px;height:20px;transition:transform .3s var(--ease-spring);border-radius:50%;position:absolute;top:3px;left:3px}.landing .switch[aria-pressed=true] b{background:var(--blue)}.landing .switch[aria-pressed=true] b:after{transform:translate(18px)}.landing .replay{font:500 15px/1 var(--body);color:var(--ink);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.landing .scene-timing{--field:var(--white);--on:var(--ink);--muted:var(--muted-ink)}.landing .tm{box-shadow:0 0 0 2px var(--ink);background:#efefec;border-radius:16px;flex:1;grid-template:"stage panel"minmax(0,1fr)"time time"/minmax(0,1fr) 300px;min-height:0;display:grid;overflow:hidden}.landing .tm-stage{grid-area:stage;place-items:center;min-height:0;padding:clamp(10px,1.6vw,22px);display:grid;container-type:size}.landing .tm-frame{aspect-ratio:16/9;background:var(--ground);width:min(100cqw,177.778cqh);max-width:100%;box-shadow:0 0 0 1px var(--rule);border-radius:10px;position:relative;overflow:hidden;container-type:inline-size}.landing .tm-path{width:100%;height:100%;position:absolute;inset:0}.landing .tm-path line{stroke:#0e0e0b1f;stroke-width:3px}.landing .tm-dot{fill:var(--blue);opacity:.55;transition:cx .35s var(--ease-out)}.landing .tm-key{fill:var(--ink)}.landing .tm-pill{background:var(--blue);color:var(--white);font:600 4.4cqw/1 var(--body);letter-spacing:-.035em;white-space:nowrap;will-change:left;border-radius:999px;padding:.18em .55em .22em;position:absolute;transform:translate(-50%,-50%)}.landing .tm-count{font-family:var(--code);color:var(--muted-ink);font-size:max(11px,1.3cqw);position:absolute;bottom:3cqw;left:3cqw}.landing .tm-panel{background:var(--white);border-left:1px solid var(--rule);grid-area:panel;align-content:start;gap:12px;min-height:0;padding:18px;font-size:14px;display:grid;overflow-y:auto}.landing .tm-panel p{color:var(--muted-ink);margin:0;line-height:1.45}.landing .tm-panel .chips{gap:6px}.landing .tm-panel .chip-b{background:#efefec;padding:8px 12px;font-size:13px}.landing .tm-panel .chip-b[aria-pressed=true]{background:var(--ink);color:var(--white)}.landing .tm-timeline{grid-area:time}.landing[data-pager=on] .scene-timing{padding-block:clamp(24px, 3.5svh, 40px) calc(var(--tl-h) + clamp(14px, 2.5svh, 28px))}.landing[data-pager=on] .scene-timing .demo{margin-top:clamp(16px,2.6svh,28px)}.landing[data-pager=on] .tm-panel .curve svg{max-height:30svh}@media (max-width:860px){.landing .tm{grid-template:"stage""panel""time"/minmax(0,1fr)}.landing .tm-stage{container-type:normal}.landing .tm-frame{width:100%}.landing .tm-panel{border-left:0;border-top:1px solid var(--rule)}.landing .tm-panel .curve{max-width:240px}}.landing .scene-tools{--field:var(--mint);--on:var(--ink);--muted:var(--muted-ink)}.landing .tl-tools{flex:1;grid-template-columns:minmax(0,1fr) clamp(300px,27vw,440px);gap:clamp(14px,1.4vw,20px);min-height:0;display:grid}.landing .tools-stage{min-height:0;box-shadow:0 0 0 2px var(--ink);background:#efefec;border-radius:16px;place-items:center;padding:clamp(10px,1.6vw,22px);display:grid;container-type:size}.landing .tool-side{flex-direction:column;gap:10px;min-height:0;display:flex}.landing .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.landing .tool-card{color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .3s ease, transform .35s var(--ease-out);background:#ffffff73;border:0;border-radius:16px;flex-direction:column;gap:8px;padding:8px 8px 10px;display:flex}.landing .tool-card:hover{background:#ffffffbf;transform:translateY(-2px)}.landing .tool-card[aria-pressed=true]{background:var(--white);transform:none}.landing .tool-card:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.landing .tool-card b{letter-spacing:-.01em;padding-inline:4px;font-size:17px;font-weight:600}.landing .tool-controls{background:var(--white);border-radius:16px;flex:none;align-content:start;gap:12px;min-height:132px;padding:16px;font-size:14px;display:grid}.landing .tool-controls p{color:var(--muted-ink);margin:0;line-height:1.45}.landing .tool-controls .tools-kept{color:var(--kept);animation:pop .5s var(--ease-spring) both;font-weight:500}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.landing .tool-effects{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.landing .tool-effects .chip-b{background:#efefec;justify-content:center;padding:9px 8px;font-size:13px}.landing .tool-effects .chip-b[aria-pressed=true]{background:var(--ink);color:var(--white)}.landing .tool-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.landing .tool-card[data-invite=true]{animation:1.8s ease-out 1.2s infinite invite-ring}@keyframes invite-ring{0%{box-shadow:0 0 #0e0e0b4d}70%,to{box-shadow:0 0 0 10px #0e0e0b00}}.landing .tool-prev{aspect-ratio:4/3;background:var(--white);border-radius:10px;width:100%;display:block;position:relative;overflow:hidden;container-type:inline-size}.landing .tool-card[aria-pressed=true] .tool-prev{background:#efefec}.landing .tool-prev *{animation-play-state:paused!important}.landing .tool-card:is([aria-pressed=true],:hover,:focus-visible) .tool-prev *{animation-play-state:running!important}.landing .tp-letters{font:800 34cqw/1 var(--display);font-variation-settings:"opsz" 96, "wdth" 75;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.landing .tp-letters span{animation:tp-letter .9s var(--ease-out) infinite alternate;animation-delay:calc(var(--i) * 90ms);display:inline-block}@keyframes tp-letter{to{color:var(--blue);transform:translateY(-22%)rotate(-8deg)}}.landing .tp-brush{width:100%;height:100%;position:absolute;inset:0}.landing .tp-brush path{fill:none;stroke:var(--ink);stroke-width:7px;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1px;animation:tp-brush 1.6s var(--ease-out) -1.6s infinite alternate}@keyframes tp-brush{to{stroke-dashoffset:0}}.landing .tp-mask{font:800 28cqw/1 var(--display);font-variation-settings:"opsz" 96, "wdth" 75;place-items:center;display:grid;position:absolute;inset:0}.landing .tp-mask span{clip-path:inset(0 100% 0 0);animation:tp-mask 1.4s var(--ease-out) -1.4s infinite alternate}@keyframes tp-mask{to{clip-path:inset(0)}}.landing .tp-mask-box{border:1.5px dashed var(--blue);border-radius:3px;position:absolute;inset:24% 12%}.landing .tp-cam{transform-origin:66% 44%;animation:tp-cam 2s var(--ease-out) infinite alternate;position:absolute;inset:0}.landing .tp-cam i{border-radius:4px;position:absolute}.landing .tp-cam i:first-child{background:var(--butter);width:34%;height:44%;top:18%;left:12%}.landing .tp-cam i:nth-child(2){background:var(--blue);border-radius:50%;width:24%;height:32%;top:26%;left:56%}.landing .tp-cam i:nth-child(3){background:var(--ink);width:48%;height:10%;top:70%;left:30%}@keyframes tp-cam{to{transform:scale(1.7)}}.landing .tp-finder{pointer-events:none;position:absolute;inset:12%}.landing .tp-finder:before,.landing .tp-finder:after{content:"";border:2px solid var(--ink);width:18%;height:22%;position:absolute}.landing .tp-finder:before{border-bottom:0;border-right:0;top:0;left:0}.landing .tp-finder:after{border-top:0;border-left:0;bottom:0;right:0}@media (prefers-reduced-motion:reduce){.landing .tool-prev *{animation:none!important}.landing .tp-brush path{stroke-dashoffset:0}.landing .tp-mask span{clip-path:none}}.landing .pg-title-text{perspective:6em}.landing .pg-letter{transform-origin:50% 85%}.landing .pg-title-text[data-editable=true]{cursor:text}.landing .pg-title-text[data-editable=true]:hover,.landing .pg-title-text[contenteditable=true]{box-shadow:0 0 0 1.5px var(--lime)}.landing[data-pager=on] .scene-tools{padding-block:clamp(24px, 3.5svh, 40px) calc(var(--tl-h) + clamp(14px, 2.5svh, 28px))}.landing[data-pager=on] .scene-tools .demo{margin-top:clamp(16px,2.6svh,28px)}.landing[data-pager=on] .tool-grid{flex:1;grid-auto-rows:minmax(0,1fr);min-height:0}.landing[data-pager=on] .tool-card{justify-content:center;min-height:0;container-type:inline-size}.landing[data-pager=on] .tool-prev{aspect-ratio:auto;flex:auto;min-height:0;max-height:100cqw}@media (max-width:860px){.landing .tl-tools{grid-template-columns:minmax(0,1fr)}.landing .tools-stage{container-type:normal}.landing .tools-stage .pg-frame{width:100%}}.landing .pg-frame{aspect-ratio:16/9;background:var(--weekwise);color:#f3f3ee;-webkit-user-select:none;user-select:none;border-radius:10px;width:min(100cqw,177.778cqh);max-width:100%;position:relative;overflow:hidden;container-type:inline-size}.landing .pg-cam{will-change:transform;position:absolute;inset:0}.landing .pg-logo{font:500 2.2cqw/1 var(--body);align-items:center;gap:.8cqw;display:inline-flex;position:absolute;top:5cqw;left:5cqw}.landing .pg-logo i{background:var(--lime);border-radius:.3cqw;width:1.4cqw;height:1.4cqw}.landing .pg-title{cursor:default;position:absolute;top:33%;left:6cqw}.landing .pg-title-text{font-family:var(--serif);white-space:nowrap;caret-color:var(--lime);outline:none;padding:0 .06em;font-size:8.4cqw;line-height:1.05;display:inline-block}.landing .pg-letter{display:inline-block}.landing .pg-card{cursor:default;background:#1d211c;border-radius:1.2cqw;align-content:start;gap:1.1cqw;width:34%;height:60%;padding:2.2cqw;display:grid;position:absolute;top:20%;left:58%;box-shadow:inset 0 0 0 1px #f3f3ee14}.landing .pg-card b{font:500 2cqw/1 var(--body);margin-bottom:.6cqw}.landing .pg-row-cal{grid-template-columns:repeat(3,1fr);gap:.8cqw;display:grid}.landing .pg-row-cal i{background:#f3f3ee1a;border-radius:.6cqw;height:3.4cqw}.landing .pg-row-cal i[data-on=true]{background:var(--lime)}.landing .pg-ink{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.landing .pg-ink path{fill:none;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.landing .pg-stroke{stroke-dasharray:1 1}.landing .pg-frame [data-selected=true]{outline:1.5px solid var(--lime);outline-offset:.6cqw}.landing .pg-hit{z-index:3;pointer-events:none;touch-action:none;position:absolute;inset:0}.landing .pg-hit[data-active=true]{pointer-events:auto}.landing .pg-frame[data-tool=brush] .pg-hit{cursor:crosshair}.landing .pg-frame[data-tool=mask] .pg-hit{cursor:cell}.landing .pg-frame[data-tool=camera] .pg-hit{cursor:zoom-in}.landing .pg-mask{z-index:2;border:1.5px dashed var(--lime);pointer-events:none;border-radius:4px;position:absolute}.landing .pg-focus{z-index:2;border:2px solid var(--lime);pointer-events:none;border-radius:50%;width:26px;height:26px;position:absolute;transform:translate(-50%,-50%)}.landing .pg-focus:after{content:"";background:var(--lime);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing .pg-panel-label{font-size:13px;font-weight:600}.landing .pg-swatches{gap:8px;display:flex}.landing .pg-swatch{cursor:pointer;border:0;border-radius:50%;width:26px;height:26px;box-shadow:inset 0 0 0 1px #0e0e0b26}.landing .pg-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--white), 0 0 0 4px var(--ink)}.landing .pg-range{gap:6px;display:grid}.landing .pg-range input{width:100%;accent-color:var(--blue)}.landing .pg-timeline{background:var(--white);border-top:1px solid var(--rule);touch-action:none;grid-area:time;gap:3px;padding:6px 14px 8px;display:grid;position:relative}.landing .pg-tl-row{grid-template-columns:84px minmax(0,1fr);align-items:center;display:grid}.landing .pg-tl-head{align-items:center;gap:8px;display:flex}.landing .pg-tl-head .cmp-play{width:30px;height:30px}.landing .pg-tl-head .cmp-play svg{width:12px;height:12px}.landing .pg-clock{font-family:var(--code);color:var(--muted-ink);font-variant-numeric:tabular-nums;font-size:11px}.landing .pg-ruler{border-bottom:1px solid var(--rule);cursor:ew-resize;height:18px;position:relative}.landing .pg-ruler span{font-family:var(--code);color:var(--muted-ink);font-size:10px;position:absolute;bottom:3px;transform:translate(-50%)}.landing .pg-ruler span:first-child{transform:none}.landing .pg-ruler span:last-child{transform:translate(-100%)}.landing .pg-label{text-align:left;font:500 12px/1 var(--body);color:var(--muted-ink);cursor:pointer;background:0 0;border:0;padding:0}.landing .pg-tl-row[data-selected=true] .pg-label{color:var(--ink)}.landing .pg-lane{cursor:ew-resize;background:#0e0e0b0a;border-radius:5px;height:19px;position:relative}.landing .pg-tl-row[data-selected=true] .pg-lane{background:#5267f414}.landing .pg-span{background:var(--blue);opacity:.45;height:2px;position:absolute;top:8.5px}.landing .pg-key{background:var(--blue);cursor:grab;touch-action:none;width:12px;height:12px;transition:transform .2s var(--ease-spring);border:0;border-radius:2px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.landing .pg-key:hover,.landing .pg-key:focus-visible{transform:translate(-50%,-50%)rotate(45deg)scale(1.3)}.landing .pg-key:active{cursor:grabbing}.landing .pg-head-track{pointer-events:none;position:absolute;inset:6px 14px 8px 98px}.landing .pg-playhead{background:#ff4d4f;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.landing .pg-playhead:before{content:"";background:#ff4d4f;border-radius:1px;width:8px;height:8px;position:absolute;top:-2px;left:50%;transform:translate(-50%)rotate(45deg)}.landing .curve svg{touch-action:none;background:#efefec;border-radius:8px;width:100%;height:auto;display:block}.landing .curve .grid{stroke:#0e0e0b1a;stroke-width:1px;fill:none}.landing .curve .c{stroke:var(--ink);stroke-width:2.5px;fill:none}.landing .curve .arm{stroke:var(--blue);stroke-width:1.5px}.landing .curve .h{fill:var(--white);stroke:var(--blue);stroke-width:2px;cursor:grab;transition:r .2s var(--ease-spring)}.landing .curve .h:hover{r:10}.landing .curve .h:focus-visible{stroke:var(--ink);stroke-width:3px;outline:none}.landing .readout{font-family:var(--code);color:var(--muted-ink);overflow-wrap:anywhere;margin-top:8px;font-size:11px;display:block}.landing .preview{background:#efefec;border-radius:99px;height:18px;margin-top:8px;position:relative}.landing .preview i{background:var(--blue);border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:3px}.landing .scene-join{--field:var(--blue);--on:var(--white);--muted:var(--muted-paper);padding-bottom:32px}.landing .join-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,96px);margin-top:clamp(56px,6vw,88px);display:grid}@media (max-width:860px){.landing .join-row{grid-template-columns:minmax(0,1fr)}}.landing .terms{margin:0;padding:0;list-style:none}.landing .terms li{border-top:1px solid #ffffff40;padding-block:18px;font-size:18px;line-height:1.45}.landing .terms li:last-child{border-bottom:1px solid #ffffff40}.landing .terms strong{font-weight:500}.landing .terms span{color:var(--muted)}.landing .join-cta h3{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(24px,2.2vw,30px);font-weight:500}.landing .invited{color:var(--muted);border-top:1px solid #ffffff40;margin:22px 0 0;padding:14px 20px;font-size:16px}.landing .invited a{color:var(--on);text-underline-offset:4px;font-weight:500;text-decoration:underline;text-decoration-thickness:1.5px}.landing .invited a:hover{text-decoration-thickness:2.5px}.landing .site-foot{color:var(--muted);border-top:1px solid #ffffff40;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:clamp(96px,12vw,180px);padding-top:18px;font-size:14px;display:flex}.landing .site-foot nav{gap:22px;display:flex}.landing .site-foot a{color:inherit;text-underline-offset:4px}.burst{z-index:80;pointer-events:none;position:fixed;top:0;left:0}.burst i{background:var(--c);border-radius:1.5px;width:10px;height:10px;animation:.9s cubic-bezier(.16,1,.3,1) forwards burst;position:absolute;top:-5px;left:-5px;transform:rotate(45deg)}@keyframes burst{to{transform:translate(var(--dx), var(--dy)) rotate(225deg) scale(.4);opacity:0}}.landing .timeline{z-index:50;padding:0 clamp(10px, 2vw, 18px) env(safe-area-inset-bottom,0px);height:calc(var(--tl-h) + env(safe-area-inset-bottom,0px));color:var(--white);-webkit-backdrop-filter:blur(10px);transition:transform .8s var(--ease-out) 2s;background:#0e0e0bf0;align-items:center;gap:14px;display:flex;position:fixed;bottom:0;left:0;right:0}.landing:is([data-intro=loading],[data-intro=curtain]) .timeline{transition:none;transform:translateY(100%)}.landing .tl-tc{font-family:var(--code);font-variant-numeric:tabular-nums;color:#ffffff8c;min-width:86px;font-size:11px}.landing .tl-track{flex:1;gap:3px;min-width:0;height:20px;display:flex;position:relative}.landing .tl-seg{flex:var(--grow) 1 0;cursor:pointer;background:var(--seg);min-width:0;color:var(--segtext);font:500 11px/20px var(--body);text-align:left;white-space:nowrap;opacity:.45;transition:opacity .25s ease, transform .25s var(--ease-spring);border:0;border-radius:4px;padding:0 8px;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.landing .tl-seg:hover{opacity:.85;transform:translateY(-2px)}.landing .tl-seg[aria-current=true]{opacity:1}.landing .tl-head{pointer-events:none;background:#ff4d4f;width:2px;position:absolute;top:-6px;bottom:-6px;left:0;transform:translate(-1px)}.landing .tl-head:before{content:"";background:#ff4d4f;border-radius:1px;width:8px;height:8px;position:absolute;top:-3px;left:50%;transform:translate(-50%)rotate(45deg)}.landing .tl-join{background:var(--white);color:var(--ink);white-space:nowrap;transition:transform .2s var(--ease-out);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none}.landing .tl-join:hover{transform:translateY(-1px)}.landing .tl-join .short{display:none}@media (max-width:640px){.landing .tl-tc{display:none}.landing .tl-seg{padding:0;font-size:0}.landing .tl-join .long{display:none}.landing .tl-join .short{display:inline}}@media (prefers-reduced-motion:reduce){.landing .boil>*{animation:none}.landing .boil>:nth-child(n+2){visibility:hidden}.landing .anim{animation:none!important}.landing .word[data-armed=true] .ch{opacity:1;transform:none}}.landing .intro{z-index:90;color:#fff;background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.landing .intro-mark{width:76px;height:auto;transition:transform .9s cubic-bezier(.76,0,.24,1)}.landing[data-intro=curtain] .intro-mark{transform:translateY(-32px)}.landing .intro-trace{stroke-dasharray:1 1;stroke-dashoffset:3px;animation:.88s cubic-bezier(.16,1,.3,1) forwards intro-draw}@keyframes intro-draw{to{stroke-dashoffset:2px}}.landing .intro-blue{background:var(--blue);transition:transform .9s cubic-bezier(.76,0,.24,1);position:absolute;inset:0;transform:translateY(100%)}.landing[data-intro=curtain] .intro-blue{transform:translateY(0)}.landing .top,.landing .hero-row{transition:opacity .8s var(--ease-out) var(--d,0s), transform .9s var(--ease-out) var(--d,0s)}.landing .top{--d:.15s}.landing .hero-row{--d:1.25s}.landing:is([data-intro=loading],[data-intro=curtain]) .top{opacity:0;transform:translateY(-12px)}.landing:is([data-intro=loading],[data-intro=curtain]) .hero-row{opacity:0;transform:translateY(24px)}.landing[data-pager=off] .scene{top:var(--stick,0px);position:sticky}:is(html:has(.landing[data-pager=on]),body:has(.landing[data-pager=on])){height:100%;overflow:hidden}.landing[data-pager=on] .scene{overscroll-behavior:contain;scrollbar-width:none;will-change:transform;height:100svh;padding-block:clamp(32px, 6svh, 76px) calc(var(--tl-h) + clamp(24px, 4.5svh, 56px));flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(100%)}.landing[data-pager=on] .scene::-webkit-scrollbar{display:none}.landing[data-pager=on] .scene>.wrap{flex-direction:column;flex:1 1 0;width:100%;min-height:0;display:flex}.landing[data-pager=on] .line{margin-top:clamp(12px,2svh,24px)}.landing[data-pager=on] .demo{flex-direction:column;flex:1;min-height:0;margin-top:clamp(20px,3.5svh,44px);display:flex}.landing[data-pager=on] .hint{margin-top:12px}.landing[data-pager=on] .tl-head{transition:left .95s cubic-bezier(.76,0,.24,1)}.landing[data-pager=on] .scene-hero{padding-block:0 calc(var(--tl-h) + clamp(24px, 4svh, 48px))}.landing[data-pager=on] .scene-hero>.hero-top{flex-direction:column;flex:1;padding-bottom:0;display:flex}.landing[data-pager=on] .scene-hero .wrap{--copy:min(34%, 500px);--copy-gap:clamp(40px, 5vw, 96px);grid-template-columns:minmax(0, 1fr) var(--copy);column-gap:var(--copy-gap);flex:1;grid-template-rows:auto 1fr auto 1fr;width:100%;display:grid}.landing[data-pager=on] .scene-hero .top{grid-column:1/-1}.landing[data-pager=on] .hero-stage{grid-area:3/1/auto/-1;margin-top:0}.landing[data-pager=on] .hero-title{max-width:calc(100% - var(--copy) - var(--copy-gap))}.landing[data-pager=on] .hero-row{z-index:1;flex-direction:column;grid-area:3/2;align-self:center;gap:clamp(20px,3svh,32px);margin-top:0;display:flex;position:relative}.landing[data-pager=on] .scene-rebuild{padding-block:clamp(24px, 3.5svh, 40px) calc(var(--tl-h) + clamp(14px, 2.5svh, 28px))}.landing[data-pager=on] .scene-rebuild .demo{margin-top:clamp(50px,6.5svh,64px)}.landing[data-pager=on] .cmp-fit{flex:1;min-height:0;container-type:size}.landing[data-pager=on] .compare{width:min(100cqw,177.778cqh)}.landing[data-pager=on] .yours-grid{flex:1;min-height:0}.landing[data-pager=on] .card-col{height:100%;min-height:0;container-type:size}.landing[data-pager=on] .card{width:min(100cqw,177.778cqh - 209.778px)}.landing[data-pager=on] .join-row{margin-top:clamp(24px,4svh,56px)}.landing[data-pager=on] .site-foot{margin-top:auto}.landing[data-pager=on] .scene-join .wrap{padding-bottom:0}
