.lw-wrap { max-width: 1180px; margin: 0px auto; padding: 34px 24px 72px; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: rgb(15, 23, 42); position: relative; isolation: isolate; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
.lw-wrap * { box-sizing: border-box; }
.lw-wrap a { color: rgb(0, 91, 136); text-decoration: none; }
.lw-wrap a:hover { text-decoration: underline; }
.lw-wrap::before { content: ""; position: absolute; inset: -60px; z-index: -2; pointer-events: none; background: radial-gradient(900px 600px at 18% 10%, rgba(0, 91, 136, 0.1), transparent 55%), radial-gradient(700px 520px at 88% 18%, rgba(10, 127, 184, 0.08), transparent 60%), linear-gradient(rgb(255, 255, 255) 0%, rgb(246, 249, 252) 55%, rgb(242, 247, 251) 100%); }
.lw-wrap::after { content: ""; position: absolute; inset: -60px; z-index: -1; pointer-events: none; opacity: 0.05; background-image: radial-gradient(circle at 1px 1px, rgba(15, 23, 42, 0.55) 1px, transparent 0px); background-size: 22px 22px; }
.lw-hero { padding-bottom: 26px; }
.lw-hero__grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 34px; align-items: start; }
.lw-eyebrow { margin: 0px 0px 10px; display: inline-block; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(0, 91, 136); font-weight: 800; }
.lw-pillar { margin: 0px 0px 14px; font-size: 0.98rem; color: rgb(71, 85, 105); }
.lw-pillar a { font-weight: 800; text-decoration: none; }
.lw-pillar a:hover { text-decoration: underline; }
.lw-hero h1 { margin: 0px 0px 14px; font-size: 2.65rem; line-height: 1.12; letter-spacing: -0.02em; }
.lw-lead { margin: 0px 0px 18px; font-size: 1.12rem; color: rgb(51, 65, 85); }
.lw-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin: 12px 0px 18px; }
.lw-btn { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0px 16px; border-radius: 12px; font-weight: 800; font-size: 0.98rem; line-height: 1; border: 1px solid rgba(15, 23, 42, 0.14); background: rgb(255, 255, 255); transition: transform 0.08s, box-shadow 0.12s, background 0.12s; white-space: nowrap; }
.lw-btn:active { transform: translateY(1px); }
.lw-btn--primary { background: rgb(0, 91, 136); border-color: rgb(0, 91, 136); box-shadow: rgba(0, 91, 136, 0.2) 0px 12px 34px; color: rgb(255, 255, 255) !important; }
.lw-btn--primary:hover { text-decoration: none; box-shadow: rgba(0, 91, 136, 0.26) 0px 16px 44px; }
.lw-btn--ghost { background: rgba(255, 255, 255, 0.88); color: rgb(15, 23, 42); border-color: rgba(15, 23, 42, 0.12); }
.lw-btn--ghost:hover { text-decoration: none; box-shadow: rgba(2, 6, 23, 0.1) 0px 10px 26px; }
.lw-kpis { margin-top: 10px; display: grid; gap: 10px; padding: 16px; border-radius: 16px; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.06); box-shadow: rgba(2, 6, 23, 0.08) 0px 18px 60px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset; }
.lw-kpi { display: grid; grid-template-columns: 86px 1fr; gap: 12px; align-items: baseline; }
.lw-kpi__label { font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(100, 116, 139); }
.lw-kpi__value { font-weight: 700; color: rgb(15, 23, 42); }
.lw-eeat { margin-top: 16px; padding: 16px; border-radius: 16px; background: linear-gradient(135deg, rgba(0, 91, 136, 0.08), rgba(10, 127, 184, 0.08)); border: 1px solid rgba(0, 91, 136, 0.12); }
.lw-eeat__title { font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(15, 23, 42); opacity: 0.78; font-weight: 800; }
.lw-eeat__name { margin-top: 6px; font-size: 1.05rem; }
.lw-eeat__meta { margin-top: 6px; color: rgb(51, 65, 85); }
.lw-eeat__link { margin-top: 10px; font-weight: 800; }
.lw-eeat__link a { opacity: 0.92; }
.lw-note { margin: 14px 0px 0px; font-size: 0.92rem; color: rgb(100, 116, 139); }
.ke-hero-image { position: relative; }
.le-doc { margin: 0px; border-radius: 22px; overflow: hidden; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: rgba(2, 6, 23, 0.1) 0px 18px 60px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset; }
.le-doc__imgwrap { position: relative; overflow: hidden; background: radial-gradient(800px 520px at 30% 20%, rgba(0, 91, 136, 0.1), transparent 55%), linear-gradient(rgb(255, 255, 255) 0%, rgb(243, 247, 251) 100%); }
.le-doc img { width: 100%; height: auto; display: block; transform: translateZ(0px); }
.le-doc__bar { position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border-radius: 16px; background: rgba(255, 255, 255, 0.9); border: 1px solid rgba(15, 23, 42, 0.1); backdrop-filter: blur(10px); box-shadow: rgba(2, 6, 23, 0.12) 0px 14px 38px; }
.le-doc__name { font-weight: 900; color: rgb(15, 23, 42); letter-spacing: -0.01em; }
.le-doc__link { display: inline-flex; align-items: center; justify-content: center; height: 34px; padding: 0px 12px; border-radius: 12px; font-weight: 900; font-size: 0.92rem; background: rgb(0, 91, 136); border: 1px solid rgba(0, 91, 136, 0.2); box-shadow: rgba(0, 91, 136, 0.18) 0px 10px 28px; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
.le-doc__link:hover { box-shadow: rgba(0, 91, 136, 0.24) 0px 14px 36px; }
.le-doc__meta { display: flex; flex-wrap: wrap; gap: 10px; padding: 14px 14px 16px; background: rgb(255, 255, 255); border-top: 1px solid rgba(15, 23, 42, 0.06); }
.le-doc__tag { color: rgb(15, 23, 42); background: rgba(0, 91, 136, 0.06); border: 1px solid rgba(0, 91, 136, 0.14); padding: 8px 10px; border-radius: 999px; font-weight: 900; font-size: 0.92rem; }
.lw-trust { margin: 8px 0px 28px; }
.lw-trust__row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.lw-pill { padding: 14px; border-radius: 16px; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.06); box-shadow: rgba(2, 6, 23, 0.08) 0px 18px 60px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset; }
.lw-pill strong { display: block; font-weight: 900; }
.lw-pill span { display: block; margin-top: 4px; color: rgb(71, 85, 105); }
.lw-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 0px 0px 56px; }
.lw-card { background: rgba(255, 255, 255, 0.92); padding: 26px; border-radius: 18px; border: 1px solid rgba(15, 23, 42, 0.06); box-shadow: rgba(2, 6, 23, 0.08) 0px 18px 60px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset; }
.lw-card h2 { margin: 0px 0px 12px; font-size: 1.38rem; letter-spacing: -0.01em; }
.lw-muted { margin: 0px 0px 12px; color: rgb(71, 85, 105); }
.lw-list { margin: 0px 0px 10px; padding-left: 18px; }
.lw-list li { margin: 0px 0px 8px; color: rgb(51, 65, 85); }
.lw-links { margin: 10px 0px 0px; font-weight: 900; }
.lw-links-list { list-style: none; padding: 0px; margin: 14px 0px 0px; }
.lw-links-list li { margin: 0px; border-top: 1px solid rgba(15, 23, 42, 0.08); padding: 12px 0px; }
.lw-links-list li:first-child { border-top: 0px; }
.lw-ctaBox { margin-top: 16px; padding: 14px; border-radius: 16px; background: rgb(255, 255, 255); border: 1px solid rgba(15, 23, 42, 0.1); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.lw-ctaBox__copy strong { display: block; font-weight: 900; }
.lw-ctaBox__copy span { display: block; margin-top: 3px; color: rgb(71, 85, 105); }
.lw-ctaBox__btns { display: flex; gap: 10px; flex-wrap: wrap; }
.lw-accent { background: linear-gradient(135deg, rgb(0, 91, 136), rgb(10, 118, 172)); border-color: rgba(255, 255, 255, 0.14); box-shadow: rgba(2, 6, 23, 0.1) 0px 18px 60px; }
.lw-accent, .lw-accent * { color: rgb(255, 255, 255); }
.lw-accent p { color: rgba(255, 255, 255, 0.92); }
.lw-accentBox { margin-top: 16px; padding: 16px; border-radius: 16px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.14); display: grid; gap: 10px; }
.lw-step { display: flex; gap: 12px; align-items: flex-start; }
.lw-step__n { width: 30px; height: 30px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; background: rgba(255, 255, 255, 0.16); border: 1px solid rgba(255, 255, 255, 0.18); }
.lw-step__t strong { display: block; font-weight: 900; }
.lw-step__t span { display: block; margin-top: 2px; opacity: 0.92; }
.lw-step__t a { color: rgba(255, 255, 255, 0.98); text-decoration: underline; }
.lw-section { margin: 0px 0px 56px; }
.lw-section h2 { margin: 0px 0px 14px; font-size: 1.9rem; letter-spacing: -0.01em; }
.lw-reasons { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.lw-reason { padding: 14px; border-radius: 16px; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.06); box-shadow: rgba(2, 6, 23, 0.08) 0px 18px 60px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset; }
.lw-reason strong { display: block; font-weight: 900; }
.lw-reason span { display: block; margin-top: 6px; color: rgb(71, 85, 105); }
.lw-faq { max-width: 820px; margin: 0px 0px 56px; }
.lw-faq h2 { margin: 0px 0px 22px; font-size: 1.95rem; letter-spacing: -0.01em; }
.lw-faq-item { padding: 18px 0px; border-top: 1px solid rgba(15, 23, 42, 0.08); }
.lw-faq-item:last-child { border-bottom: 1px solid rgba(15, 23, 42, 0.08); }
.lw-faq-item h3 { margin: 0px 0px 6px; font-size: 1.08rem; font-weight: 900; }
.lw-faq-item p { margin: 0px; color: rgb(51, 65, 85); }
.lw-final { margin-top: 10px; }
.lw-final__box { padding: 22px; border-radius: 20px; background: linear-gradient(135deg, rgba(0, 91, 136, 0.1), rgba(10, 127, 184, 0.1)); border: 1px solid rgba(0, 91, 136, 0.14); display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.lw-final__copy h2 { margin: 0px 0px 8px; font-size: 1.55rem; font-weight: 900; }
.lw-final__copy p { margin: 0px; color: rgb(71, 85, 105); }
.lw-final__btns { display: flex; gap: 12px; flex-wrap: wrap; }
@media (max-width: 1100px) {
  .lw-hero__grid { grid-template-columns: 1fr; }
  .lw-hero h1 { font-size: 2.25rem; }
  .lw-trust__row { grid-template-columns: 1fr; }
  .lw-grid { grid-template-columns: 1fr; }
  .lw-reasons { grid-template-columns: 1fr; }
  .lw-final__box { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px) {
  .lw-wrap { padding: 28px 16px 64px; }
  .lw-hero h1 { font-size: 2.05rem; }
  .le-doc__tag { font-size: 0.88rem; padding: 7px 9px; }
  .lw-kpi { grid-template-columns: 1fr; gap: 6px; }
}