 
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;color:#0b2557;background:#fff}

.hero-grid{
 display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:22px;align-items:center
}
.features{display:flex;flex-direction:column;gap:18px}
.feature{
 position:relative;min-height:132px;padding:18px 22px 18px 105px;
 display:flex;flex-direction:column;justify-content:center;
 background:rgba(255,255,255,.96);border:1px solid #dbe9f6;border-radius:17px;
 box-shadow:0 8px 25px rgba(21,70,115,.08)
}
.feature-icon{
 position:absolute;left:20px;top:50%;transform:translateY(-50%);
 width:72px;height:72px;display:flex;align-items:center;justify-content:center;
 border-radius:50%;overflow:hidden;flex-shrink:0;background:#f3f4f8
}
.feature-icon img{
 width:100%;height:100%;object-fit:contain;display:block
}
.feature h3{font-size:18px;line-height:1.25;margin:0 0 7px;font-weight:800;color:#0b2557}
.feature p{margin:0;color:#61708e;font-size:15px;line-height:1.42}

.center-visual{
 min-height:525px;position:relative;display:flex;align-items:center;justify-content:center
}
.map{
 position:absolute;width:100%;height:100%;opacity:.22;
 background:radial-gradient(ellipse at 50% 45%,#7bc7ef 0 1px,transparent 2px);
 background-size:14px 14px;
 mask-image:radial-gradient(ellipse at center,#000 0%,#000 48%,transparent 75%)
}
.flight{
 position:absolute;width:82%;height:190px;border-top:3px dashed #2aa6ef;
 border-radius:50%;top:105px;transform:rotate(-3deg)
}
.flight:before,.flight:after{content:"📍";position:absolute;top:-18px;font-size:25px}
.flight:before{left:-8px}.flight:after{right:-8px}
.plane{position:absolute;top:78px;left:48%;font-size:45px;transform:rotate(-8deg)}
.center-image{
 position:relative;z-index:2;width:min(100%,620px);max-height:500px;object-fit:contain;
 filter:drop-shadow(0 18px 18px rgba(12,50,90,.16))
}
.stats{
 margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);
 background:#e8f5ff;border-radius:18px;padding:20px 30px
}
.stat{
 display:flex;align-items:center;justify-content:center;gap:15px;min-height:72px;
 border-right:1px solid #7dc8f3
}
.stat:last-child{border-right:0}
.stat-icon{width:55px;height:55px;object-fit:contain;flex-shrink:0}
.stat strong{display:block;font-size:35px;line-height:1;color:#0a2457}
.stat span{display:block;margin-top:6px;color:#566b91;font-size:16px}
.cta{text-align:center;margin-top:22px}
.cta a{
 display:inline-flex;align-items:center;gap:15px;text-decoration:none;background:#fa5818;
 color:#fff;padding:15px 31px;border-radius:35px;font-size:18px;font-weight:800;
 box-shadow:0 9px 22px rgba(250,88,24,.22)
}
.cta a b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#fa5818}
.cta small{display:block;margin-top:10px;color:#71809c;font-size:14px}

@media(max-width:1100px){
 .feature{min-height:128px;padding:17px 20px 17px 96px}
 .feature-icon{left:18px;width:60px;height:60px}
 .feature h3{font-size:17px}
 .feature p{font-size:14px;line-height:1.4}
 .hero-grid{grid-template-columns:1fr 1fr}
 .center-visual{grid-column:1/-1;grid-row:1;min-height:460px}
 .features{grid-row:2}.right{grid-column:2}
}
@media(max-width:760px){
 .hero-grid{display:flex;flex-direction:column}
 .center-visual{order:0;width:100%;min-height:380px}
 .features{width:100%;order:1}.right{width:100%;order:2}
 .feature{min-height:118px;padding:16px 16px 16px 88px}
 .feature-icon{left:15px;width:58px;height:58px}
 .feature h3{font-size:16px;line-height:1.25;margin-bottom:6px}
 .feature p{font-size:13.5px;line-height:1.4}
 .stats{grid-template-columns:1fr 1fr;gap:0;padding:10px}
 .stat{border-bottom:1px solid #7dc8f3;padding:14px 5px}
 .stat:nth-child(2){border-right:0}
 .stat:nth-child(3),.stat:nth-child(4){border-bottom:0}
 .stat strong{font-size:25px}.stat span{font-size:12px}
}
 