.lp-sa-hero{padding-bottom:8px}.lp-sa-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.lp-sa-hero__shot{align-self:center}@media(min-width:1024px){.lp-sa-hero__shot{width:calc(100% + 120px)}}.lp-sa-trace{display:grid;gap:32px;grid-template-columns:1fr;align-items:start}@media(min-width:1024px){.lp-sa-trace{grid-template-columns:.9fr 1.1fr;gap:56px}}.lp-sa-trace__path{position:relative;display:grid;gap:4px}.lp-sa-trace__path:before,.lp-sa-trace__path:after{content:"";position:absolute;left:17px;top:24px;bottom:40px;width:2px;border-radius:2px}.lp-sa-trace__path:before{background:hsl(var(--lp-line-strong))}.lp-sa-trace__path:after{background:linear-gradient(hsl(var(--lp-accent)),hsl(var(--lp-accent) / .35));transform-origin:top}.lp-sa-trace__path li{position:relative;display:grid;grid-template-columns:36px 1fr;gap:18px;padding:10px 0 18px}.lp-sa-trace__dot{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font:600 14px/1 var(--lp-font-display);color:hsl(var(--lp-canvas));background:hsl(var(--lp-accent));box-shadow:0 0 0 6px hsl(var(--lp-canvas)),0 0 24px hsl(var(--lp-accent) / .45)}.lp-sa-trace__path h3{padding-top:6px;font-size:19px;line-height:1.25;font-weight:600}.lp-sa-trace__path p{margin-top:6px;font-size:15px;line-height:1.55;color:hsl(var(--lp-text-2))}.lp-sa-trace__shot,.lp-sa-keywords__shot{width:100%;max-width:440px;justify-self:center}@media(prefers-reduced-motion:no-preference){.lp-sa-trace.reveal .lp-sa-trace__path:after{transform:scaleY(0)}.lp-sa-trace.reveal .lp-sa-trace__dot{background:hsl(var(--lp-surface-3));color:hsl(var(--lp-text-3));box-shadow:0 0 0 6px hsl(var(--lp-canvas))}.lp-sa-trace.visible .lp-sa-trace__path:after{animation:lp-sa-rail 1.8s cubic-bezier(.23,1,.32,1) .2s both}.lp-sa-trace.visible .lp-sa-trace__dot{animation:lp-sa-dot .42s cubic-bezier(.34,1.56,.64,1) both}.lp-sa-trace.visible li:nth-child(1) .lp-sa-trace__dot{animation-delay:.2s}.lp-sa-trace.visible li:nth-child(2) .lp-sa-trace__dot{animation-delay:.56s}.lp-sa-trace.visible li:nth-child(3) .lp-sa-trace__dot{animation-delay:.92s}.lp-sa-trace.visible li:nth-child(4) .lp-sa-trace__dot{animation-delay:1.28s}.lp-sa-trace.visible li:nth-child(5) .lp-sa-trace__dot{animation-delay:1.64s}}@keyframes lp-sa-rail{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes lp-sa-dot{0%{transform:scale(.6);background:hsl(var(--lp-surface-3));color:hsl(var(--lp-text-3))}to{transform:scale(1);background:hsl(var(--lp-accent));color:hsl(var(--lp-canvas))}}@media(min-width:1024px){.lp-row.lp-sa-keywords{grid-template-columns:1fr 1fr}}.lp-sa-keywords .lp-h2{font-size:28px}@media(min-width:768px){.lp-sa-keywords .lp-h2{font-size:36px}}.lp-sa-template{margin-top:22px;padding:14px 16px;border-radius:10px;overflow-wrap:anywhere;font:500 15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:hsl(var(--lp-text));background:hsl(var(--lp-surface-1));box-shadow:inset 0 0 0 1px hsl(var(--lp-line-strong))}.lp-sa-template mark{padding:1px 4px;border-radius:4px;color:hsl(var(--lp-canvas));background:hsl(var(--lp-accent))}.lp-sa-keywords .lp-checks li{align-items:flex-start}.lp-sa-keywords .lp-checks svg{margin-top:3px;flex:none;color:hsl(var(--lp-accent))}.lp-sa-tour__tabs{display:flex;gap:6px;overflow-x:auto;padding:4px;border-radius:12px;scrollbar-width:none;background:hsl(var(--lp-surface-1));box-shadow:inset 0 0 0 1px hsl(var(--lp-line))}.lp-sa-tour__tabs::-webkit-scrollbar{display:none}.lp-sa-tour__tab{flex:1 0 auto;min-height:44px;padding:0 16px;border-radius:9px;white-space:nowrap;font:600 14px/1 var(--lp-font-body);color:hsl(var(--lp-text-2));transition:background-color .12s cubic-bezier(.23,1,.32,1),color .12s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.lp-sa-tour__tab:hover{color:hsl(var(--lp-text));background:hsl(var(--lp-surface-2))}}.lp-sa-tour__tab[aria-selected=true]{color:hsl(var(--lp-text));background:hsl(var(--lp-surface-3));box-shadow:inset 0 0 0 1px hsl(var(--lp-accent) / .45)}.lp-sa-tour__tab:focus-visible{outline:2px solid hsl(var(--lp-accent));outline-offset:2px}.lp-sa-tour__panel{display:grid;gap:24px;margin-top:24px;grid-template-columns:1fr;align-items:start}@media(min-width:1024px){.lp-sa-tour__panel{grid-template-columns:300px 1fr;gap:40px}}.lp-sa-tour__text{padding-top:8px}.lp-sa-tour__text h3{font-size:22px;line-height:1.25;font-weight:600}.lp-sa-tour__text p{margin-top:12px;font-size:16px;line-height:1.6;color:hsl(var(--lp-text-2))}.lp-sa-tour__shot{display:grid}.lp-sa-tour__img{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .18s cubic-bezier(.23,1,.32,1),visibility 0s .18s}.lp-sa-tour__img[data-active=true]{opacity:1;visibility:visible;transition:opacity .18s cubic-bezier(.23,1,.32,1)}@media(prefers-reduced-motion:no-preference){.lp-sa-tour__text{animation:lp-sa-text-in .2s cubic-bezier(.23,1,.32,1) both}}@media(prefers-reduced-motion:reduce){.lp-sa-tour__img{transition:none}}@keyframes lp-sa-text-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.lp-sa-sample{display:grid;gap:24px;align-items:center;grid-template-columns:1fr}@media(min-width:1024px){.lp-sa-sample{grid-template-columns:1.4fr 1fr auto;gap:40px;padding:40px}}.lp-sa-sample .lp-h2{font-size:26px}@media(min-width:768px){.lp-sa-sample .lp-h2{font-size:32px}}.lp-sa-sample .lp-checks{margin-top:0}.lp-sa-sample .lp-btn{justify-self:start}