*{box-sizing:border-box;margin:0}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
ul{list-style:none;padding:0}
body{line-height:1.55}
.mb{display:none;background:none;border:0;font-size:1.6rem;cursor:pointer;color:inherit}
.w{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
@keyframes f{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
h1{animation:f .5s ease-out}
body{font-family:Manrope,Arial,sans-serif;background:#f2f4f7;color:#1b2430}
.hd{background:#fff;display:flex;align-items:center;gap:22px;padding:0 24px;height:64px;position:relative}
.lg{font-weight:800;color:#1f5cff;text-decoration:none}
nav{margin-left:auto}
nav a{margin-left:20px;text-decoration:none;font-weight:600}
.ph{background:#1f5cff;color:#fff;padding:9px 16px;text-decoration:none;font-weight:800;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
.hero{background:#1b2430;color:#fff;padding:70px 0 120px;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}
h1{font-size:2.8rem;max-width:560px;line-height:1.1}
.hero p{margin-top:12px;color:#b8c3d4}

/* Image band */
.band{width:min(960px,92%);margin:-90px auto 0;position:relative;z-index:2}
.pic{position:relative;filter:drop-shadow(0 18px 24px rgba(0,0,0,.2))}
.pic::before{content:"";position:absolute;inset:18px -18px -18px 18px;background:#1f5cff;clip-path:polygon(0 0,100% 0,100% 100%,8% 100%);z-index:-1}
.pic img{width:100%;aspect-ratio:16/8;object-fit:cover;clip-path:polygon(0 0,100% 0,100% 88%,94% 100%,0 100%)}
.pic figcaption{position:absolute;left:0;bottom:0;background:#1b2430;color:#fff;padding:10px 26px 10px 18px;font-size:.85rem;font-weight:800;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}

.row{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px 0;border-bottom:1px solid #cfd6e0}
.row:nth-child(even){direction:rtl}
.row:nth-child(even)>*{direction:ltr}
.row h2{font-size:1.2rem;color:#1f5cff}
section{padding:40px 20px}
.ab{border-left:6px solid #1f5cff}
.ab p{margin-top:12px;max-width:75ch}
.ct{background:#1f5cff;color:#fff;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%);padding-top:80px}
.cx{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 30px}
dt{font-size:.75rem;text-transform:uppercase;opacity:.75}
dd{margin:0;font-weight:600}
footer{padding:16px 20px;font-size:.85rem}

@media(max-width:760px){
.mb{display:block}
.hd{gap:8px}
.ph{margin-left:auto;padding:7px 10px;font-size:.85rem}
nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:10px 24px;z-index:4}
nav a{margin:8px 0}
.o nav{display:flex}
h1{font-size:2rem}
.row,.cx{grid-template-columns:1fr;gap:6px}
.pic img{aspect-ratio:4/3}
.pic::before{inset:10px -6px -10px 10px}
}