.landing-hero{position:relative;isolation:isolate;min-height:520px;display:grid;align-items:end;overflow:hidden;background:#08121f;color:#fff}
.landing-hero picture,.landing-hero picture img{position:absolute;inset:0;width:100%;height:100%}
.landing-hero picture img{object-fit:cover}
.landing-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,16,29,.96) 0%,rgba(5,16,29,.83) 48%,rgba(5,16,29,.28) 100%)}
.landing-hero picture{z-index:-2}
.landing-hero__content{max-width:800px;padding:clamp(80px,9vw,130px) 0 clamp(64px,8vw,104px)}
.landing-hero h1{max-width:760px;margin:.2em 0 .32em;font-size:clamp(46px,7vw,80px);line-height:.98;letter-spacing:-.025em}
.landing-hero p{max-width:690px;margin:0 0 28px;color:#dce6ef;font-size:clamp(18px,2vw,22px);line-height:1.55}
.landing-breadcrumbs{margin-bottom:28px;color:#b9c7d4;font-size:14px}
.landing-breadcrumbs a{color:#fff}
.landing-section{padding:clamp(68px,8vw,108px) 0}
.landing-section--soft{background:#f3f6f8}
.landing-section--dark{background:#0a1725;color:#fff}
.landing-section h2{max-width:850px;margin:.2em 0 .65em;font-size:clamp(36px,4.5vw,56px);line-height:1.05}
.landing-section h3{margin:0 0 12px;font-size:25px;line-height:1.2}
.landing-section p,.landing-section li{font-size:17px;line-height:1.7}
.landing-intro{max-width:860px;font-size:clamp(19px,2.2vw,24px)!important;color:#354454}
.landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px}
.landing-card{padding:30px;border:1px solid #dce4eb;background:#fff;box-shadow:0 12px 34px rgba(8,18,31,.06)}
.landing-card p{margin:0;color:#526171}
.landing-card--blue{background:#1559ff;border-color:#1559ff;color:#fff}
.landing-card--blue p{color:#eaf0ff}
.landing-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);gap:clamp(42px,7vw,90px);align-items:start}
.landing-checklist{margin:28px 0 0;padding:0;list-style:none}
.landing-checklist li{position:relative;margin:0 0 13px;padding-left:30px}
.landing-checklist li:before{content:"";position:absolute;left:0;top:.65em;width:12px;height:7px;border-bottom:3px solid #1559ff;border-left:3px solid #1559ff;transform:rotate(-45deg)}
.landing-factbox{padding:32px;background:#0d2742;color:#fff}
.landing-factbox strong{display:block;margin-bottom:12px;font-size:28px}
.landing-factbox p{margin:0;color:#d7e2ec}
.landing-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:44px;counter-reset:steps}
.landing-process article{position:relative;padding:32px 26px;background:#fff;border-top:4px solid #1559ff;counter-increment:steps}
.landing-process article:before{content:"0" counter(steps);display:block;margin-bottom:22px;color:#1559ff;font:700 22px/1 Saira,sans-serif}
.landing-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
.landing-links a{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:20px 22px;border:1px solid #d6e0e8;color:#0b2744;text-decoration:none;font-weight:700}
.landing-links a:after{content:"→";color:#1559ff;font-size:22px}
.landing-links a:hover{border-color:#1559ff;background:#f5f8ff}
.landing-faq{max-width:900px}
.landing-faq details{border-bottom:1px solid #d6e0e8}
.landing-faq summary{padding:24px 40px 24px 0;cursor:pointer;font-size:20px;font-weight:700}
.landing-faq details p{margin:0;padding:0 0 24px;color:#526171}
.landing-cta{padding:clamp(62px,8vw,96px) 0;background:#1559ff;color:#fff}
.landing-cta__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}
.landing-cta h2{margin:0 0 12px;font-size:clamp(36px,4.5vw,56px)}
.landing-cta p{max-width:700px;margin:0;color:#e9efff;font-size:18px}
.landing-cta .button{background:#fff;color:#0c2a49;border-color:#fff}
.landing-note{margin-top:22px;color:#657585;font-size:14px!important}
@media(max-width:900px){
  .landing-grid,.landing-process{grid-template-columns:repeat(2,minmax(0,1fr))}
  .landing-split{grid-template-columns:1fr}
  .landing-links{grid-template-columns:1fr 1fr}
  .landing-cta__inner{grid-template-columns:1fr}
}
@media(max-width:620px){
  .landing-hero{min-height:500px}
  .landing-hero:after{background:linear-gradient(90deg,rgba(5,16,29,.94),rgba(5,16,29,.7))}
  .landing-grid,.landing-process,.landing-links{grid-template-columns:1fr}
  .landing-card{padding:24px}
}