body{}
.about{max-width:720px;margin:auto;padding:0 1rem 3.5rem 1rem}
.hero{padding: 3.5rem 0;;padding: 3.5rem 0;text-align: center;color: #000;text-align:left;}
.hero h1{font-size:30px;line-height:1.15;margin:0 0 12px;letter-spacing:.2px}
.hero p{margin:0;color:#131313;line-height:1.65;font-size:15px}
.timeline{position:relative;margin-top:18px}
.timeline::before{display:none}
.block{display:block;margin:0 0 16px;letter-spacing:1.2px}
.panel{padding:18px 18px 16px;text-align:left}
.panel strong{display:block;font-size:22px;color:#a6d403;margin:0 0 2px}
.panel span{font-size:16px}
.text{margin-top:12px;background:#0b1b30;border-radius:18px;padding:16px 18px}
.text h2{margin:0 0 8px;font-size:18px;line-height:1.25}
.text p{margin:0;color:#aeb9e6;line-height:1.65;font-size:14px}
.text ul li{line-height: 1.45}
.stats{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stat{background:#f4f6ff;border:1px solid #384796;border-radius:16px;padding:16px;text-align:left}
.stat strong{display:block;font-size:22px;color:#facc15;margin:0 0 4px}
.stat span{color:#aeb9e6;font-size:13px}
@media (min-width:768px){.about{max-width:1050px;}.hero{text-align:center}.hero h1{font-size:46px}.hero p{max-width:760px;margin:auto;font-size:18px}.timeline{margin-top:40px}.timeline::before{display:block;content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:#a6d403}.block{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:70px}.block:nth-child(even) .panel{order:2}.block:nth-child(even) .text{order:1}.panel{text-align:center;padding:36px;border-radius:22px}.panel strong{font-size:36px;margin-bottom:6px}.panel span{font-size:18px}.text{margin-top:0;padding:0;background:transparent;border:none;border-radius:0}.text h2{font-size:28px;margin-bottom:10px}.text p{font-size:16px}.stats{margin-top:70px;grid-template-columns:repeat(4,1fr);gap:18px}.stat{text-align:center;padding:28px}.stat strong{font-size:34px}}