*{box-sizing:border-box;margin:0;padding:0}
:root{
  --blue:#1769ff;--dark:#102b52;--text:#53657d;--light:#f4f8ff;
  --border:#e7eef8;--green:#20b66f;--purple:#8557ed;--orange:#ff8a45
}
body{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--dark);line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,92%);margin:auto}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f8;background:#fff}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}
.logo-mark{width:35px;height:35px;border-radius:10px 20px 10px 20px;background:linear-gradient(135deg,#175cff,#52a0ff);transform:rotate(-15deg);position:relative}
.logo-mark:after{content:"";position:absolute;width:7px;height:25px;background:#fff;left:14px;top:5px;border-radius:8px;transform:rotate(25deg)}
.menu{display:flex;gap:30px;font-size:14px;color:#49617e}
.menu a.active{color:var(--blue);font-weight:700;border-bottom:2px solid var(--blue);padding:25px 0}
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 23px;border-radius:28px;font-weight:700;font-size:14px}
.btn-blue{background:var(--blue);color:#fff;box-shadow:0 8px 20px #1769ff30}
.btn-outline{border:1px solid var(--blue);color:var(--blue);background:#fff}
.hero{background: linear-gradient(104deg, #edf6ff 0%, #042051 50%, #e4f1ff 100%);
    overflow: hidden;}
.hero-inner{min-height:430px;display:grid;grid-template-columns:45% 55%;align-items:center}
.eyebrow{font-size:12px;letter-spacing:2px;color:var(--blue);font-weight:800;margin-bottom:10px}
h1{font-size:58px;line-height:1.05;letter-spacing:-2px;margin-bottom:18px}
.gradient{color:var(--blue)}
.hero-copy p{color:#ffffff;max-width:500px;margin-bottom:28px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-image{height:430px;background:linear-gradient(90deg,#e8f4ff00,#d8ecff80), url('../img/about_img.jpg') center/cover;position:relative;border-radius:150px 0 0 0}
.badge{position:absolute;left:35px;bottom:35px;background:#fff;border-radius:14px;padding:15px 22px;box-shadow:0 12px 35px #12345b20;display:flex;align-items:center;gap:12px}
.badge strong{display:block;font-size:20px}
.badge small{color:var(--text)}
.section{padding:82px 0}
.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}
.about-photo{height:360px;border-radius:24px;background: url('../img/about_img.jpg') center/cover;position:relative}
.photo-badge{position:absolute;left:-22px;bottom:25px;background:#fff;padding:16px 22px;border-radius:14px;box-shadow:0 12px 30px #102b5220}
h2{font-size:38px;line-height:1.15;letter-spacing:-1px;margin-bottom:16px}
p{color:var(--text)}
.features{margin-top:25px;display:grid;gap:17px}
.feature{display:flex;gap:15px;align-items:flex-start}
.icon{min-width:43px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);font-size:19px}
.feature h4{font-size:15px;margin-bottom:2px}.feature p{font-size:13px}
.mission{background:#f3f8ff}
.section-head{text-align:center;max-width:680px;margin:0 auto 42px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;padding:28px;border-radius:16px;border:1px solid var(--border);box-shadow:0 12px 30px #12345b08}
.card:nth-child(2){background:#f1fbf5}.card:nth-child(3){background:#f8f2ff}
.card .big-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#e6f0ff;color:var(--blue);font-size:23px;margin-bottom:18px}
.card:nth-child(2) .big-icon{background:#dff7e9;color:var(--green)}
.card:nth-child(3) .big-icon{background:#eee4ff;color:var(--purple)}
.card h3{margin-bottom:8px}.card p{font-size:14px}
.stats{background:linear-gradient(120deg,#103b70,#0b2950);color:#fff;position:relative;overflow:hidden}
.stats:after{content:"";position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=40') center/cover;opacity:.08}
.stats .container{position:relative;z-index:1}
.stats-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:0}
.stat-intro{padding-right:35px}.stat-intro p{color:#c8d9ee;font-size:14px;margin-bottom:20px}
.stat{padding:10px 25px;text-align:center;border-left:1px solid #ffffff25}.stat strong{font-size:40px;display:block}.stat span{font-size:13px;color:#c8d9ee}
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
.value-photo{height:370px;border-radius:24px;background:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1000&q=85') center/cover}
.values-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:25px}
.value{padding:20px 0;border-bottom:1px solid var(--border);display:flex;gap:13px}
.value h4{margin-bottom:4px}.value p{font-size:13px}
.cta{padding:65px 0;background:linear-gradient(110deg,#1769ff,#7452f5);color:#fff;overflow:hidden}
.cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta p{color:#dfe9ff;margin-top:6px}.cta .btn{background:#fff;color:#12325d}
@media(max-width:900px){
 .menu{display:none}.hero-inner,.about-grid,.values-grid{grid-template-columns:1fr}.hero-image{height:330px;border-radius:80px 0 0 0}
 .hero-copy{padding:70px 0 35px}h1{font-size:45px}.cards{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stat-intro{grid-column:1/-1;padding:0 0 30px}.stat{padding:20px 10px}.cta .container{flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
 .nav .btn{display:none}.section{padding:60px 0}.hero-image{height:260px}.about-photo,.value-photo{height:280px}
 .stats-grid{grid-template-columns:1fr 1fr}.values-list{grid-template-columns:1fr}h2{font-size:31px}
}