.ls{min-height:100vh}.ls .nav{position:sticky}.ls .links a[aria-current=page]{border-bottom:1px solid}.ls .ls-hero{text-align:center;padding:136px 0 64px}.ls .ls-hero h1{max-width:920px;margin:18px auto 0;font-size:clamp(40px,5vw,70px);line-height:1.04}.ls .ls-hero p{color:var(--ink-2);max-width:600px;margin:18px auto 0;font-size:18px}.ls .gallery{grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:16px;margin-top:44px;display:grid}.ls .gallery button{cursor:pointer;text-align:center;background:0 0;border:1.5px solid #0000;border-radius:20px;padding:12px 8px 14px;transition:border-color .3s,background .3s}.ls .gallery button[aria-pressed=true]{border-color:var(--olive);background:var(--cream-4)}.ls .gallery img{filter:drop-shadow(0 14px 20px #2c321f38);width:100%;height:auto}.ls .gallery span{font-family:var(--serif);color:var(--ink);margin-top:10px;font-size:16px;display:block}.ls .themebar{z-index:20;color:var(--cream);background:#3a422af5;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:flex;position:sticky;top:64px}.ls .themebar small{letter-spacing:.18em;text-transform:uppercase;color:var(--olive-4);margin-right:6px;font-size:11px}.ls .themebar button{color:var(--cream);cursor:pointer;background:0 0;border:1px solid #fff3c259;border-radius:999px;padding:7px 14px;font-size:13px}.ls .themebar button[aria-pressed=true]{background:var(--cream);color:var(--olive-2);border-color:var(--cream)}.ls .step{background:var(--cream);padding:104px 0 112px}.ls .step:nth-of-type(2n){background:var(--cream-2)}.ls .step .wrap{flex-wrap:wrap;align-items:center;gap:56px;display:flex}.ls .step.flip .wrap{flex-direction:row-reverse}.ls .step-copy{flex-direction:column;flex:320px;gap:14px;display:flex}.ls .step-copy .n{font-family:var(--serif);color:var(--olive-4);font-size:56px;line-height:1}.ls .step-copy h2{font-size:clamp(30px,3.2vw,44px);line-height:1.1}.ls .step-copy p{color:var(--ink-2);font-size:17px}.ls .step-copy .legend{letter-spacing:.14em;text-transform:uppercase;color:var(--olive-3);font-size:12px}.ls .stage{flex:2 640px;min-width:0;padding-bottom:60px;position:relative}.ls .browser{background:#fff;border-radius:12px;margin:0 12% 0 0;overflow:hidden;box-shadow:0 34px 64px -30px #2c321f99,0 0 0 1px #2c321f14}.ls .browser .bar{height:30px;color:var(--ink-2);background:#ece7d6;align-items:center;gap:6px;padding:0 12px;font-size:11px;display:flex}.ls .browser .bar i{background:#d9d2bb;border-radius:50%;width:9px;height:9px}.ls .browser .bar span{margin-left:12px}.ls .browser img{width:100%;height:auto;display:block}.ls .phone-shot{filter:drop-shadow(0 26px 30px #14190c73);width:25%;height:auto;position:absolute;bottom:0;right:0}.ls .phone-shot.second{width:22%;bottom:-20px;right:22%}.ls .extra{border:6px solid var(--olive-5);border-radius:10px;width:34%;height:auto;position:absolute;bottom:0;left:-24px;box-shadow:0 24px 40px -18px #14190c8c}.ls .builder{background:var(--olive-2);color:var(--cream);padding:96px 0}.ls .builder .wrap{flex-wrap:wrap;align-items:center;gap:56px;display:flex}.ls .builder .step-copy p{color:#fff3c2c7}.ls .builder .browser{flex:2 640px;min-width:0;margin:0}.ls .cta{text-align:center;padding:88px 0}.ls .cta h2{font-size:clamp(32px,3.6vw,52px)}.ls .cta .row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.ls .ls-foot{background:var(--olive-5);color:var(--cream);padding:36px 0;font-size:13px}.ls .ls-foot .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.ls .ls-foot nav{flex-wrap:wrap;gap:20px;display:flex}.ls .rv{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease);transform:translateY(56px)scale(.98)}.ls .rv.in{opacity:1;transform:none}.ls .px{transform:translateY(var(--py,0px));will-change:transform}@media (prefers-reduced-motion:reduce){.ls .rv{opacity:1;transition:none;transform:none}.ls .px{transform:none}}@media (max-width:900px){.ls .gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.ls .themebar{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding:10px 16px;top:56px;overflow-x:auto}.ls .themebar::-webkit-scrollbar{display:none}.ls .themebar button{flex:none}}@media (max-width:560px){.ls .ls-hero{padding-top:112px}.ls .gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.ls .stage{padding-bottom:40px}.ls .browser{margin-right:16%}.ls .phone-shot{width:32%}.ls .phone-shot.second{width:28%;right:30%}.ls .extra{border-width:4px;width:40%;left:-8px}}