.about-page{color:#162d57}
.about-hero{padding:74px 0 58px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}
.about-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:#6e8bb8;margin:0 0 18px}
.about-hero h1{font-size:48px;line-height:1.35;letter-spacing:-.035em;margin:0 0 23px}
.about-hero h1 em{font-style:normal;color:#3867f3}
.about-intro{font-size:15px;line-height:2;color:#758299;max-width:550px;margin:0 0 28px}
.about-brand-panel{position:relative;text-align:center;border-radius:24px;border:1px solid #dce7ff;background:radial-gradient(circle at top right,#cddfff,transparent 65%),linear-gradient(145deg,#fff,#eef3ff);padding:44px 24px;box-shadow:0 24px 60px #284e9810}
.about-mark{display:grid;place-items:center;width:85px;height:85px;margin:0 auto 24px;background:linear-gradient(140deg,#5987ff,#3154e7);color:#fff;font-size:42px;font-weight:700;border-radius:22px 22px 25px 6px;transform:rotate(-8deg);box-shadow:0 14px 30px #3867f333}
.about-brand-panel h2{font-size:30px;margin:0 0 9px}
.about-brand-panel>p{font-size:10px;letter-spacing:.16em;color:#8293b4;margin:0}
.about-brand-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:26px 0}
.about-brand-tags span{font-size:11px;background:#fff9;border:1px solid #dce6fb;border-radius:30px;color:#5373a3;padding:7px 12px}
.about-company{font-size:13px;color:#59729a}
.about-profile{display:grid;grid-template-columns:1fr 1.55fr;gap:55px;align-items:start}
.about-profile h2{font-size:29px;line-height:1.55;margin:0}
.about-profile p:not(.about-eyebrow){font-size:14px;line-height:2;color:#758299;margin:0 0 15px}
.about-profile a,.about-services a{font-size:12px;color:#3867f3}
.about-services,.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.about-services article{display:flex;flex-direction:column;padding:27px 24px;border:1px solid #e2e9f5;border-radius:10px;background:#fbfcff}
.about-services article>span{font-size:11px;letter-spacing:.1em;color:#809bd0}
.about-services h3,.about-values h3{font-size:18px;margin:18px 0 12px}
.about-services p,.about-values p{font-size:13px;color:#758299;line-height:1.9;margin:0 0 22px}
.about-services a{margin-top:auto}
.about-values article{border-top:2px solid #dce7ff;padding:6px 12px 0 0}
.about-values p{margin-bottom:0}
.about-contact{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:30px auto 58px;padding:40px 48px;border-radius:13px;background:linear-gradient(120deg,#2558d9,#477bf5);color:#fff}
.about-contact .about-eyebrow{color:#c6d8ff}
.about-contact h2{font-size:27px;margin:0 0 14px}
.about-contact p:not(.about-eyebrow){font-size:13px;color:#d9e5ff;line-height:1.9;margin:0}
.about-contact .light-button{white-space:nowrap;background:#fff;color:#3867f3;border:0}
.about-page a:focus-visible{outline:2px solid #3867f3;outline-offset:4px}
@media(max-width:900px){.about-hero{gap:35px;padding-top:44px}.about-hero h1{font-size:37px}.about-profile{grid-template-columns:1fr;gap:25px}.about-services{gap:14px}.about-services article{padding:22px 18px}}
@media(max-width:600px){.about-hero{grid-template-columns:1fr;gap:28px;padding:35px 0 20px}.about-hero h1{font-size:34px}.about-intro{font-size:14px}.about-brand-panel{padding:30px 20px}.about-profile h2{font-size:26px}.about-services,.about-values{grid-template-columns:1fr}.about-contact{flex-direction:column;align-items:flex-start;padding:30px 23px;margin-bottom:30px}.about-contact h2{font-size:24px}}