.l-hero{text-align:center;flex-direction:column;align-items:center;padding:72px 0 36px;display:flex}.l-hero h1{letter-spacing:-.045em;margin:0 0 14px;font-size:clamp(44px,8vw,88px);font-weight:500;line-height:1}.l-tagline{max-width:34ch;color:var(--muted);margin:0 0 28px;font-size:clamp(17px,2.2vw,21px);line-height:1.45}.l-hero .hero-cta{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;display:flex}.shot{border:1px solid var(--line);background:#111;border-radius:14px;margin:0;overflow:hidden;box-shadow:0 30px 80px -30px #0000008c,0 8px 24px -12px #00000059}.shot-bar{background:#1b1b19;border-bottom:1px solid #262624;gap:6px;padding:10px 12px;display:flex}.shot-bar i{background:#3a3a36;border-radius:50%;width:10px;height:10px}.shot img{width:100%;height:auto;display:block}.l-shot-hero{padding:12px 0 24px}.l-section{padding:56px 0 8px}.l-section h2,.l-cta h2{letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(26px,3.6vw,38px);font-weight:500}.l-steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.l-steps li{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.l-num{font:13px var(--mono);color:var(--accent-text);margin-bottom:14px;display:block}.l-steps b{font-size:17px}.l-steps p,.l-feature p{color:var(--muted);margin:8px 0 0;line-height:1.5}.l-gallery{gap:24px;display:grid}.l-features{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px 32px;display:grid}.l-feature{border-top:1px solid var(--line);padding-top:16px}.l-feature b{font-size:15.5px}.l-cta{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:24px;margin:72px 0 24px;padding:56px 24px}.l-cta p{color:var(--muted);margin:-8px 0 24px}.l-cta .hero-cta{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;display:flex}.l-more{padding-bottom:72px}.l-more h2{margin-bottom:14px;font-size:20px}.l-more-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.l-more-card{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;flex-direction:column;gap:4px;padding:16px;text-decoration:none;display:flex}@media (hover:hover){.l-more-card:hover{border-color:var(--line-2)}}.l-more-card span{color:var(--muted);font-size:13px;line-height:1.4}
