.start{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-inline:22px;display:flex;position:relative;overflow:hidden}.start-inner{width:100%;max-width:760px;position:relative}.start-h2{max-width:24ch;margin-inline:auto}.start-field{max-width:620px;margin:36px auto 0}
.styled-head{justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:50px;display:flex}.styled-h2{margin-top:14px}.styled-aside{max-width:340px;color:var(--muted-fg);margin:0;font-size:16px;line-height:1.55}.st-grid{--st-loop:2.4s;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid;position:relative}.st-grid[data-paused] :is(*){animation-play-state:paused!important}.st-pause{top:-42px;right:0}.st-card{border-radius:12px;flex-direction:column;gap:20px;min-height:250px;padding:30px;display:flex}.st-body{color:var(--muted-fg);margin:0;font-size:14px;line-height:1.5}.st-vis{align-items:center;min-width:0;height:72px;display:flex;position:relative}.st-plate{border:1px solid color-mix(in srgb, var(--fg) 10%, transparent);background:var(--media-plate);border-radius:10px;overflow:hidden}.st-capvis{place-items:center;padding:0 10px;display:grid}.st-cline{font-family:var(--cf);font-size:17px;font-weight:var(--cw);letter-spacing:-.01em;text-transform:var(--ct);color:var(--cc);text-shadow:2px 2px #000,-2px 2px #000,2px -2px #000,-2px -2px #000;white-space:nowrap;word-spacing:.2em;grid-area:1/1}.st-cline:not(:first-child){opacity:0}.st-cw{display:inline-block}.st-cw:nth-of-type(2){color:var(--ca);transform:scale(1.1)}.st-cline[data-look=highlighter]{text-shadow:none;word-spacing:0}.st-cline[data-look=highlighter] .st-cw{border-radius:2px;padding:0 3px}.st-cline[data-look=highlighter] .st-cw:nth-of-type(2){background:var(--ca);color:var(--cb);transform:none}.st-titlevis{place-items:center start;display:grid}.st-tt{border-radius:min(var(--tr), 14px);background:var(--tbg);color:var(--tc);font-family:var(--tf);letter-spacing:-.03em;white-space:nowrap;grid-area:1/1;padding:7px 11px;font-size:17px;font-weight:800;line-height:1;box-shadow:4px 4px #000000b8}.st-tt:not(:first-child){opacity:0}.st-motionvis{gap:14px}.st-mframe{aspect-ratio:9/16;border-radius:7px;flex:none;height:100%;position:relative}.st-shot{transform-origin:50% 30%;position:absolute;inset:0;transform:scale(1.22)}.st-shot img{object-fit:cover;width:100%;height:100%;display:block}.st-mlevels{color:var(--muted-fg);flex-direction:column;gap:3px;font-size:12px;font-weight:600;display:flex}.st-mlevel:before{content:"";opacity:.35;vertical-align:middle;background:currentColor;border-radius:50%;width:5px;height:5px;margin:0 7px 1px 0;display:inline-block}.st-mlevel:last-child{color:var(--fg)}.st-mlevel:last-child:before{opacity:1}.st-showsvis{flex-direction:column;justify-content:center;align-items:stretch;gap:4px}.st-trow{color:var(--muted-fg);border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:3px 10px 3px 3px;font-size:12px;font-weight:600;display:flex}.st-trow-a{border-color:color-mix(in srgb, var(--fg) 18%, transparent);background:color-mix(in srgb, var(--fg) 6%, transparent);color:var(--fg)}.st-tsample{border-radius:6px;flex:none;place-items:center;width:38px;height:24px;display:grid}.st-tname{flex:1;min-width:0}.st-tcheck{opacity:0;font-size:11px}.st-trow-a .st-tcheck{opacity:1}.st-sa{font-family:var(--cf);color:var(--ca);text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;font-size:13px;font-weight:900}.st-sb{font-family:var(--cf);color:var(--cb);background:var(--ca);padding:0 3px;font-size:12px;font-weight:800}@media (prefers-reduced-motion:no-preference){.st-grid{cursor:pointer}.st-grid[data-live] .st-cline{opacity:0;animation:st-turn2 calc(var(--st-loop) * 4) steps(1, end) infinite;animation-delay:calc(var(--k) * var(--st-loop) * 2)}.st-grid[data-live] .st-cline:first-child{opacity:1}.st-grid[data-live] .st-cw{animation:st-word var(--st-loop) steps(1, end) infinite;animation-delay:calc(var(--i) * var(--st-loop) / 4 - var(--st-loop))}.st-grid[data-live] .st-cline[data-look=highlighter] .st-cw{animation-name:st-word-bar}.st-grid[data-live] .st-tt{opacity:0;animation:9.6s cubic-bezier(.2,.8,.2,1) infinite st-title3;animation-delay:calc(var(--k) * 3.2s)}.st-grid[data-live] .st-shot{animation:6s infinite st-levels}.st-grid[data-live] .st-mlevel{animation:6s step-end infinite st-level-on;animation-delay:calc(var(--i) * 2s - 6s)}.st-grid[data-live] .st-mlevel:before{animation:6s step-end infinite st-level-dot;animation-delay:inherit}.st-grid[data-live] .st-trow{animation:4s step-end -2s infinite st-row-on}.st-grid[data-live] .st-trow-a{animation-delay:0s}.st-grid[data-live] .st-tcheck{animation:4s step-end -2s infinite st-show}.st-grid[data-live] .st-trow-a .st-tcheck{animation-delay:0s}}@keyframes st-word{0%{color:var(--ca);transform:scale(1.1)}25%,to{color:var(--cc);transform:none}}@keyframes st-word-bar{0%{background:var(--ca);color:var(--cb)}25%,to{color:var(--cc);background:0 0}}@keyframes st-turn2{0%{opacity:1}50%,to{opacity:0}}@keyframes st-title3{0%{opacity:0;transform:translateY(70%)}6%,27%{opacity:1;transform:none}32%,to{opacity:0;transform:none}}@keyframes st-levels{0%,33.3%{animation-timing-function:ease-in-out;transform:scale(1)}64%,66.6%{animation-timing-function:step-end;transform:scale(1.3)}66.7%{animation-timing-function:step-end;transform:scale(1)}72%{animation-timing-function:step-end;transform:scale(1.5)}78%{animation-timing-function:step-end;transform:scale(1)}84%{animation-timing-function:step-end;transform:scale(1.5)}90%{animation-timing-function:step-end;transform:scale(1)}95%,to{transform:scale(1.5)}}@keyframes st-level-on{0%{color:var(--fg)}33.3%,to{color:var(--muted-fg)}}@keyframes st-level-dot{0%{opacity:1}33.3%,to{opacity:.35}}@keyframes st-row-on{0%{border-color:color-mix(in srgb, var(--fg) 18%, transparent);background:color-mix(in srgb, var(--fg) 6%, transparent);color:var(--fg)}50%{color:var(--muted-fg);background:0 0;border-color:#0000}}@keyframes st-show{0%{opacity:1}50%{opacity:0}}@media (max-width:1099px){.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.styled-head{flex-direction:column;align-items:flex-start;gap:20px}}@media (max-width:720px){.styled-head{padding-bottom:32px}}@media (max-width:560px){.st-grid{grid-template-columns:minmax(0,1fr);gap:12px}.st-card{gap:14px;min-height:0;padding:20px 22px}}
.how-row{align-items:flex-start;gap:72px;margin:0 auto;display:flex}.how-head{flex-shrink:0;width:min(540px,46%);position:sticky;top:120px}.how-head .lp-h2{max-width:none;margin-bottom:20px}.how-steps{flex-direction:column;flex:1 1 0;gap:28px;display:flex}.how-step{--box-fill:var(--bg);border-radius:12px;flex-direction:column;gap:14px;padding:clamp(26px,3.4vw,40px);display:flex}.how-step-n{font-variant-numeric:tabular-nums;color:var(--accent-unit);font-size:13px;font-weight:500}.how-step h3{font-family:var(--ui-font-display);letter-spacing:-.03em;color:var(--fg);margin:0;font-size:26px;font-weight:500;line-height:1.15}.how-step p{max-width:480px;color:var(--muted-fg);margin:0;font-size:15px;line-height:1.6}.how-step-bar{background:var(--border);height:2px;margin-top:10px;overflow:hidden}.how-step-bar .grow-bar{background:var(--accent-light);height:100%}@media (max-width:900px){.how-row{flex-direction:column;gap:40px}.how-head{width:auto;position:static}.how-head .lp-h2{max-width:17ch}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.how-steps{perspective:1400px;timeline-scope:--how-s2, --how-s3;gap:12px}.how-step{top:calc(112px + var(--k) * 14px);transform-origin:50% 0;padding:32px;position:sticky}.how-step-bar{display:none}.how-step:first-child{animation:linear both how-tilt;animation-timeline:--how-s2;animation-range:cover calc(100vh - 400px) cover calc(100vh - 126px)}.how-step:nth-child(2){view-timeline-name:--how-s2;animation:linear both how-tilt;animation-timeline:--how-s3;animation-range:cover calc(100vh - 414px) cover calc(100vh - 140px)}.how-step:nth-child(3){view-timeline-name:--how-s3}}}@keyframes how-tilt{to{filter:brightness(.72);transform:scale(.92)rotateX(7deg)}}@media (max-width:720px){.how-row{gap:32px}.how-steps .how-step{gap:10px;padding:22px}.how-step h3{font-size:22px}}
.landing{color:var(--fg);font-family:var(--font-sans);overflow-x:clip}.lp-progress{z-index:61;background:linear-gradient(90deg, var(--accent-light), var(--accent-light-2));transform-origin:0;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}@supports (animation-timeline:scroll()){.lp-progress{animation:linear both lp-progress;animation-timeline:scroll(root)}}@supports not (animation-timeline:scroll()){.lp-progress{display:none}}@keyframes lp-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}