.lf-how{--lf-navy:#0b2345;--lf-blue:#0877ed;--lf-muted:#60718a;--lf-line:#e1e9f3;max-width:1180px;margin:0 auto;padding:30px 18px 70px;color:var(--lf-navy)}.lf-how *{box-sizing:border-box}.lf-how h1,.lf-how h2,.lf-how h3,.lf-how p{margin-top:0}.lf-how a{text-decoration:none}.lf-how-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;background:linear-gradient(125deg,#fff 10%,#f0f7ff 100%);border:1px solid var(--lf-line);border-radius:24px;padding:clamp(26px,5vw,60px);overflow:hidden}.lf-how-eyebrow,.lf-how-kicker{color:#0877ed;font-size:12px;letter-spacing:.1em;font-weight:800}.lf-how-eyebrow{display:flex;gap:9px;align-items:center}.lf-how-dot{height:8px;width:8px;background:#19ba94;border-radius:50%}.lf-how-hero h1{font-size:clamp(32px,4.1vw,54px);line-height:1.12;letter-spacing:-.035em;margin:22px 0}.lf-how-hero p{color:#526780;font-size:17px;line-height:1.75;max-width:620px}.lf-how-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.lf-how-primary{background:#0877ed;color:#fff!important;border-radius:11px;padding:14px 20px;font-weight:750;display:inline-flex;gap:15px;align-items:center;justify-content:center;box-shadow:0 8px 18px #0877ed25;transition:background .2s,transform .2s}.lf-how-primary:hover{background:#005fc6;transform:translateY(-1px)}.lf-how-secondary{color:#234c7e;font-weight:700}.lf-how-visual{position:relative;background:linear-gradient(145deg,#0c2e58,#0d65a9);min-height:330px;border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:center;gap:13px;box-shadow:0 18px 40px #082e5430;isolation:isolate}.lf-how-visual-label{color:#fff;font-size:22px;font-weight:850;margin-bottom:12px;z-index:1}.lf-how-visual-label span{color:#7be0d0}.lf-how-search-chip,.lf-how-result{position:relative;z-index:1;display:flex;align-items:center;gap:12px;border-radius:12px;background:#fff;padding:14px 17px;font-weight:750;color:#15365d;box-shadow:0 5px 14px #001f3d1c}.lf-how-search-chip>span{font-size:24px;color:#0877ed}.lf-how-place-chip{max-width:80%}.lf-how-result{margin-top:8px;background:#e9fbf5}.lf-how-result-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#d1f5e8;color:#12835e}.lf-how-result small{display:block;color:#52796c;font-size:12px;font-weight:500;margin-top:3px}.lf-how-result-arrow{margin-left:auto;font-size:22px}.lf-how-deco{position:absolute;border:1px solid #ffffff22;border-radius:50%;z-index:0}.lf-how-deco-one{width:280px;height:280px;right:-115px;top:-120px}.lf-how-deco-two{width:180px;height:180px;left:-100px;bottom:-80px}.lf-how-section{padding:74px 0 0}.lf-how-section-head{text-align:center;max-width:750px;margin:0 auto 30px}.lf-how-section-head h2,.lf-how-demo h2,.lf-how-final h2{font-size:clamp(27px,3vw,37px);line-height:1.2;letter-spacing:-.025em;margin:10px 0}.lf-how-section-head p,.lf-how-demo p,.lf-how-final p{color:var(--lf-muted);line-height:1.7}.lf-how-steps,.lf-how-benefits,.lf-how-audiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lf-how-step,.lf-how-audiences article{position:relative;border:1px solid var(--lf-line);background:#fff;border-radius:17px;padding:28px;box-shadow:0 5px 16px #0b234508}.lf-how-number{position:absolute;top:23px;right:24px;color:#c9d7e7;font-weight:850;font-size:21px}.lf-how-icon,.lf-how-audience-icon{width:53px;height:53px;display:grid;place-items:center;background:#eaf3ff;border-radius:15px;color:#0877ed;font-size:29px;margin-bottom:24px}.lf-how h3{font-size:19px;line-height:1.35;margin-bottom:10px}.lf-how-step p,.lf-how-benefits p,.lf-how-audiences p{color:var(--lf-muted);font-size:14px;line-height:1.75;margin-bottom:0}.lf-how-demo{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:74px;padding:36px;background:#edf5ff;border:1px solid #dceafb;border-radius:20px}.lf-how-demo-form{display:flex;flex-direction:column;gap:12px;background:#fff;padding:22px;border:1px solid var(--lf-line);border-radius:16px;box-shadow:0 10px 25px #153f6710}.lf-how-demo-field{padding:12px 15px;border:1px solid var(--lf-line);border-radius:10px}.lf-how-demo-field small{display:block;color:var(--lf-muted);margin-bottom:5px}.lf-how-demo-field strong{font-size:16px}.lf-how-benefits article{padding:24px;border-left:3px solid #0877ed;background:#fff;border-radius:0 12px 12px 0}.lf-how-benefits article>span{font-size:28px;color:#0877ed}.lf-how-benefits h3{margin:13px 0 8px}.lf-how-audiences article{display:flex;flex-direction:column}.lf-how-audiences p{margin-bottom:20px}.lf-how-audiences a{color:#0877ed;font-weight:750;margin-top:auto}.lf-how-faq-items{max-width:820px;margin:0 auto}.lf-how-faq details{border:1px solid var(--lf-line);border-radius:12px;background:#fff;margin:10px 0;padding:0 20px}.lf-how-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;font-weight:750}.lf-how-faq summary::-webkit-details-marker{display:none}.lf-how-faq summary span{color:#0877ed;font-size:23px}.lf-how-faq details[open] summary span{transform:rotate(45deg)}.lf-how-faq details p{color:var(--lf-muted);line-height:1.75;padding:0 0 18px;margin:0}.lf-how-final{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:75px;padding:38px;background:#0b2c52;border-radius:20px;color:#fff}.lf-how-final h2{margin-top:0}.lf-how-final p{color:#c8d7e7;margin:0}.lf-how-final .lf-how-primary{flex-shrink:0}.lf-how-back{padding-top:26px}.lf-how-back a{color:#0877ed;font-weight:650}@media(max-width:800px){.lf-how-hero{grid-template-columns:1fr}.lf-how-visual{min-height:260px}.lf-how-steps,.lf-how-benefits,.lf-how-audiences{grid-template-columns:1fr}.lf-how-demo{grid-template-columns:1fr}.lf-how-section{padding-top:52px}.lf-how-final{flex-direction:column;align-items:flex-start}}@media(max-width:500px){.lf-how{padding:15px 12px 45px}.lf-how-hero{padding:23px}.lf-how-hero h1{font-size:33px}.lf-how-hero p{font-size:15px}.lf-how-visual{padding:20px;min-height:270px}.lf-how-demo{padding:22px}.lf-how-final{padding:25px}.lf-how-primary{width:100%}}
