.about-hero{background:radial-gradient(circle at 78% 25%,rgba(40,125,222,.28),transparent 28%),linear-gradient(110deg,#041426,#071b31 58%,#15385f);color:#fff;padding:78px 0}
.about-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}
.about-hero h1{font-size:50px;line-height:1.02;letter-spacing:-2.4px;margin:0 0 20px}
.about-hero h1 span{color:#1684ff}.about-hero>div>div>p,.about-hero-grid>div:first-child>p{max-width:680px;color:#d6e3f1;font-size:17px;line-height:1.7}
.about-hero-actions{display:flex;gap:12px;margin-top:28px}
.about-principle{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:18px;padding:32px;box-shadow:0 24px 60px rgba(0,0,0,.15)}
.about-principle-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#0c7cff;color:#fff;font-size:25px;margin-bottom:22px}
.about-principle small{display:block;color:#91c6ff;font-size:9px;letter-spacing:2px;font-weight:800;margin-bottom:9px}
.about-principle strong{display:block;font-size:25px;line-height:1.18;letter-spacing:-.5px}
.about-principle p{color:#c8d8e8;font-size:13px;line-height:1.65;margin:16px 0 0}
.about-story{padding:64px 0}.about-story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.about-story h2,.about-services h2,.about-difference h2{font-size:34px;line-height:1.08;letter-spacing:-1.3px;margin:0}
.about-story-copy{font-size:16px;line-height:1.75;color:#53677e}.about-story-copy p:first-child{margin-top:0}
.about-services{background:#f6f9fd;padding:62px 0}.about-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.about-service-grid article{background:#fff;border:1px solid #dfe8f2;border-radius:15px;padding:25px;box-shadow:0 12px 30px rgba(27,55,87,.05)}
.about-service-grid article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eaf4ff;color:#0878ff;font-size:11px;font-weight:900;margin-bottom:24px}
.about-service-grid h3{font-size:17px;margin:0 0 10px}.about-service-grid p{font-size:13px;line-height:1.65;color:#607186;margin:0}
.about-difference{background:linear-gradient(110deg,#06172a,#0b2747);color:#fff;padding:64px 0}
.about-difference-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}.about-difference-panel p{color:#c8d7e7;line-height:1.7}
.about-points{display:grid;grid-template-columns:1fr 1fr;gap:18px}.about-points article{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.035)}
.about-points b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0c7cff}.about-points h3{font-size:14px;margin:3px 0 6px}.about-points p{font-size:12px;line-height:1.6;color:#c7d6e7;margin:0}
.about-cta{background:#07192d;padding:20px 0}
@media(max-width:900px){.about-hero-grid,.about-story-grid,.about-difference-grid{grid-template-columns:1fr;gap:35px}.about-service-grid{grid-template-columns:1fr 1fr}.about-hero h1{font-size:42px}}
@media(max-width:620px){.about-hero{padding:50px 0}.about-hero h1{font-size:37px}.about-hero-actions{flex-direction:column;align-items:stretch}.about-service-grid,.about-points{grid-template-columns:1fr}.about-story h2,.about-services h2,.about-difference h2{font-size:29px}}