.lnav{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.lnav-in{display:flex;align-items:center;gap:10px;min-height:62px}
.lnav-links{display:flex;gap:4px;margin-left:18px}
.lnav-links a{font:800 15px/1 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:8px 10px}
.lnav-links a:hover{color:var(--ink)}
@media (max-width:760px){.lnav-links{display:none}#nav-login{display:none}}
.lhero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:center;padding-top:48px;padding-bottom:40px}
@media (max-width:900px){.lhero{grid-template-columns:1fr;padding-top:28px}}
.lhero .big{font-size:clamp(50px,8.4vw,104px)}
.lhero .lead{font-size:18.5px}
.big-btn{min-height:48px;padding:14px 20px;font-size:15.5px}
.demo .bar{cursor:default;display:block}
.lsec{padding-top:56px;padding-bottom:8px}
.lh{font-size:clamp(30px,4.4vw,46px);margin-bottom:22px}
.lsteps{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
@media (max-width:900px){.lsteps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.lsteps{grid-template-columns:1fr}}
.lsteps li{grid-template-columns:1fr;gap:8px}
.lsteps li::before{font-size:44px}
.lsteps b{font-size:16px;margin-bottom:4px}
.lsteps span{font-size:14.5px;line-height:1.5}
.feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media (max-width:860px){.feats{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.feats{grid-template-columns:1fr}}
.feat{background:var(--surface);padding:20px 20px 22px}
.feat h3{color:var(--ink);font-size:19px;margin-bottom:8px}
.feat p{font-size:14.5px;color:var(--muted);line-height:1.5}
.faq{display:grid;gap:0;max-width:760px}
.faq details{border-top:1px solid var(--line);padding:14px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:16px}
.faq p{margin-top:8px;color:var(--muted);line-height:1.55}
.lfoot{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding-top:40px;padding-bottom:40px;margin-top:40px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.lfoot a{color:var(--muted)}
