:where(.Top) section{box-sizing:border-box;width:100%;margin-bottom:10vh;overflow-x:clip}.Top>section{padding:0 32px}:where(.Top) section p{font-size:var(--font-size);line-height:1.5}.Top>section.Hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;column-gap:32px;width:auto;margin:0 32px 10vh;padding:0 8px 32px;display:grid}.HeroTop,.EffectDock{min-height:calc(100lvh - var(--header-bottom));box-sizing:border-box;display:flex}.HeroTop{flex-direction:column;justify-content:center}.EffectDock{min-height:calc(100lvh - var(--header-bottom) - 32px);grid-area:1/2/3;align-self:start;align-items:center;padding-bottom:64px;position:sticky;top:0}.Hero #Logo{opacity:0;width:min(80%,1080px);display:block}.Hero #LogoTagline{opacity:0;margin-top:32px}.Hero #HeroLead{opacity:0;grid-column:1;margin:64px 0 160px}@media (prefers-reduced-motion:reduce){.Hero #Logo,.Hero #LogoTagline,.Hero #HeroLead{opacity:1}#MaskTop,#MaskBottom{display:none}}.Hero p{margin:0}.Hero .HeroTagline{font-size:clamp(18px,2.2vw,30px);line-height:1.3}.HeroLead{color:#d9d9d9;max-width:920px;font-size:clamp(22px,2.4vw,34px);line-height:1.5}.HeroLead a{color:#fff;text-underline-offset:.15em;text-decoration:underline}.HeroLead code{font-family:var(--mono);background:#2a2a2a;border-radius:4px;padding:0 .25em;font-size:.85em}.HeroLead input,.HeroLead button{font:inherit;vertical-align:baseline;border:1px solid #fff;border-radius:6px;padding:0 .5em;font-size:.85em;line-height:1.4}.HeroLead input{color:#fff;background:#1a1a1a}.HeroLead button{color:#000;cursor:pointer;background:#fff;border-radius:999px}.EffectMenu{z-index:10;width:220px;font-family:var(--mono);background:#000c;border-radius:4px;padding:24px;position:relative;box-shadow:0 8px 32px #0009}.EffectMenu .EffectMenuTitle{letter-spacing:.05em;margin-bottom:16px;font-size:14px}.EffectList{margin:0;padding:0;list-style:none}.EffectItem{color:#ffffff8c;text-align:left;cursor:pointer;user-select:none;background:0 0;border:none;align-items:center;width:100%;height:32px;padding:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:18px;display:flex}.EffectItem .num{width:40px;font-family:var(--mono);color:#ffffff59;flex:none;font-size:13px}.EffectItem:hover,.EffectList li.active .EffectItem{color:#fff}.EffectList li.active .EffectItem{font-weight:600}.EffectList li.active .num{color:#fff}.EffectList li.active .EffectItem:after{content:"";background:#fff;flex:1;height:1px;margin-left:16px}.EffectParams{margin:4px 0 12px 40px;display:none}.EffectList li.active .EffectParams{gap:10px;display:grid}.EffectParam{letter-spacing:.05em;color:#fff9;grid-template-columns:1fr auto;row-gap:4px;font-size:11px;display:grid}.EffectParamValue{color:#fff}.EffectParam input,.EffectParam select{box-sizing:border-box;accent-color:#fff;grid-column:1/-1;width:100%;margin:0}.EffectParamToggle{cursor:pointer;align-items:center}.EffectParam.EffectParamToggle input{grid-column:2;width:auto}.EffectParam select{color:#fff;font-family:var(--mono);background:#000;border:1px solid #ffffff4d;border-radius:2px;padding:2px 4px;font-size:12px}.EffectParam input[type=color]{cursor:pointer;background:0 0;border:none;height:20px;padding:0}.EffectCopy{color:#fff;font-family:var(--mono);cursor:pointer;background:0 0;border:none;margin-top:32px;padding:0;font-size:14px}.EffectCopy:hover{text-decoration:underline}.HeroFoot{font-family:var(--mono);grid-column:1/-1;justify-content:space-between;font-size:14px;display:flex;position:sticky;bottom:32px}@media (width<=767px){.Top>section{padding-inline:16px}.Top>section.Hero{margin-inline:calc(var(--frame) + 8px);padding-inline:calc(8px - var(--frame));grid-template-columns:minmax(0,1fr)}.HeroTop{min-height:0;padding:64px 0 32px}.Hero #Logo{width:100%}.EffectDock{grid-area:auto/1;min-height:0;padding:0;position:static}.EffectMenu{box-sizing:border-box;width:100%}}.Top>section.TopRun,.Top>section.TopWhy{max-width:1680px;margin-inline:auto;padding:0 40px}.Top .TopKicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff9;margin:0 0 16px;font-size:13px}.TopTitle{letter-spacing:-.02em;margin:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(36px,5vw,64px);line-height:1.05}.TopTitle em{color:#ffffffb3;font-family:Georgia,serif;font-weight:400}#RunTitle{margin-bottom:64px}.RunRow{grid-template-rows:auto auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 40px;margin-bottom:96px;display:grid}.RunText{display:contents}.RunText>*{grid-column:1;align-self:start;min-width:0}.RunText h3{margin:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:24px}.RunStep{font-family:var(--mono);color:#fff9;font-size:13px}.TopRun .RunText .CodeBlock{margin:0}.RunDemo{box-sizing:border-box;flex-direction:column;grid-area:3/2;align-items:center;gap:12px;display:flex}.RunDemo img{width:100%;height:auto;display:block}.RunCaption{width:100%;font-family:var(--mono);color:#fff9;font-size:12px}.RunRow:nth-of-type(2n) .RunText>*{grid-column:2}.RunRow:nth-of-type(2n) .RunDemo{grid-column:1}@media (width<=767px){.Top>section.TopRun,.Top>section.TopWhy{padding-inline:16px}.RunRow{grid-template-rows:none;grid-template-columns:minmax(0,1fr);margin-bottom:48px}.RunDemo{grid-row:auto;margin-top:8px}.RunRow:nth-of-type(n) .RunText>*,.RunRow:nth-of-type(n) .RunDemo{grid-column:1}}.WhyHead{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:40px;display:grid}.Top .WhyLead p{color:#fffc;margin:0;font-size:18px;line-height:1.6}.WhyLink{font-family:var(--mono);margin-top:24px;font-size:14px;display:inline-block}.Features{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:64px;display:grid}.Feature{border-bottom:1px solid var(--line);border-left:1px solid var(--line);padding:28px;text-decoration:none;transition:background .2s}.Feature:nth-child(3n+1){border-left:none}.Feature:hover{background:#ffffff14}.FeatureNum{font-family:var(--mono);color:#ffffff80;margin-bottom:16px;font-size:13px;display:block}.Feature h3{margin:0 0 8px;font-family:Helvetica Neue,Arial,sans-serif;font-size:22px}.Top .Feature p{color:#ffffffb3;margin:0;font-size:15px}@media (width<=1023px){.Features{grid-template-columns:repeat(2,minmax(0,1fr))}.Feature:nth-child(3n+1){border-left:1px solid var(--line)}.Feature:nth-child(odd){border-left:none}}@media (width<=767px){.WhyHead{grid-template-columns:minmax(0,1fr);gap:24px}.Features{grid-template-columns:minmax(0,1fr);margin-top:40px}.Feature,.Feature:nth-child(3n+1){border-left:none;padding:24px 0}.Feature:hover{background:0 0}}#MaskTop,#MaskBottom{user-select:none;background:#000;width:100%;height:100%;transition:height .5s linear;position:fixed;bottom:0;left:0}#MaskTop{z-index:20001;transition:height .5s .5s}#MaskBottom{z-index:19999;pointer-events:none;background:#000;transition:opacity 1s linear 1.5s}