/* TypingAcademy v1.0.24.17 - About page. Uses the SAME .ta3-shell as the landing page. */
.ta257-about{--ta257-ink:#102553;--ta257-blue:#0962f5;--ta257-muted:#506488;color:var(--ta257-ink)}
.ta257-about *{box-sizing:border-box}
.ta257-about h1,.ta257-about h2,.ta257-about p{margin-top:0}
.ta257-about h2{font-size:clamp(22px,2.2vw,29px);font-weight:800;letter-spacing:-.04em;line-height:1.2;margin-bottom:13px}
.ta257-about p{line-height:1.66}
.ta257-hero{background:linear-gradient(105deg,#f5f6ff 0%,#eef5ff 54%,#d7eaff 100%);overflow:hidden;border-bottom:1px solid #e1eaff}
.ta257-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;min-height:278px;gap:28px}
.ta257-hero-copy{padding:42px 0}
.ta257-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:850;color:#234a85;margin-bottom:10px!important}
.ta257-hero h1{font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.055em;font-weight:900;margin:0 0 17px}
.ta257-hero h1 span,.ta257-powered h2 span{color:#0962f5}
.ta257-lead{font-size:clamp(15px,1.4vw,19px);color:#395578;max-width:580px;margin-bottom:20px}
.ta257-checks{display:flex;flex-wrap:wrap;gap:12px 25px;font-weight:750;font-size:14px}
.ta257-checks span{white-space:nowrap}
.ta257-checks span:first-letter{color:var(--ta257-blue)}
.ta257-hero-art{width:100%;max-height:268px;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply;align-self:end}
.ta257-main{padding-top:32px;padding-bottom:48px}
.ta257-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;margin-bottom:30px}
.ta257-story p:not(.ta257-eyebrow){color:#3f5579;font-size:15px;max-width:590px;margin-bottom:11px}
.ta257-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ta257-value{background:#fff;border:1px solid #dce5fb;box-shadow:0 8px 19px rgba(24,62,124,.055);border-radius:16px;padding:22px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:137px}
.ta257-emoji{font-size:30px;font-weight:900;color:var(--ta257-blue);line-height:1}
.ta257-value strong{font-size:14px;line-height:1.3}
.ta257-value small{font-size:11px;color:#586b88;line-height:1.4}
.ta257-mission{display:grid;grid-template-columns:240px 1fr 1fr;align-items:center;gap:26px;padding:22px 27px;background:linear-gradient(110deg,#f0f5ff,#e8f2ff);border-radius:22px;margin-bottom:37px}
.ta257-mission-art{height:135px;display:grid;place-items:center;position:relative}
.ta257-mission-art span{font-size:126px;color:#0962f5;text-shadow:9px 11px 0 #b4d2ff;line-height:1}
.ta257-mission-art i{position:absolute;width:18px;height:130px;border-radius:9px;background:#3988ff;transform:rotate(45deg);box-shadow:2px 3px 0 #195dcc}
.ta257-mission>div:nth-child(3){border-left:1px solid #c5d7f4;padding-left:28px}
.ta257-mission h2{font-size:21px;margin-bottom:9px}
.ta257-mission h2 span{color:var(--ta257-blue);margin-right:7px}
.ta257-mission p{font-size:14px;color:#385074;margin:0}
.ta257-offers{margin-bottom:38px}
.ta257-offers .ta257-eyebrow{margin-bottom:5px!important}
.ta257-offers h2{margin-bottom:5px}
.ta257-subtitle{color:#546987;font-size:14px;margin-bottom:20px}
.ta257-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.ta257-offer{display:flex;align-items:center;gap:15px;padding:16px;background:#fff;border:1px solid #dae4fc;border-radius:16px;box-shadow:0 5px 14px rgba(17,52,116,.04);text-decoration:none!important;color:var(--ta257-ink)!important;min-height:94px;transition:transform .2s,box-shadow .2s,border-color .2s}
.ta257-offer:hover,.ta257-offer:focus-visible{transform:translateY(-2px);border-color:#80b1ff;box-shadow:0 11px 24px rgba(17,72,160,.12)}
.ta257-icon{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:13px;background:linear-gradient(130deg,#f4f8ff,#dce9ff);color:#0c65ed;font-size:28px;font-weight:800}
.ta257-offer>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.ta257-offer strong{font-size:15px;line-height:1.3}
.ta257-offer small{font-size:12px;line-height:1.5;color:#506588}
.ta257-arrow{color:#1c68e5;align-self:flex-start}
.ta257-powered{background:linear-gradient(105deg,#f3f5ff,#e9f2ff);border-radius:20px;display:flex;align-items:center;gap:27px;padding:15px 29px}
.ta257-powered-art{width:250px;flex:none;border-right:1px solid #c6d7f3;padding-right:26px}
.ta257-powered-art img{width:100%;height:104px;object-fit:contain;mix-blend-mode:multiply}
.ta257-powered>div:nth-child(2){flex:1}
.ta257-powered h2{font-size:22px;margin-bottom:8px}
.ta257-powered p{font-size:14px;color:#435b7e;margin:0}
.ta257-contact{display:inline-flex;gap:10px;align-items:center;white-space:nowrap;border-radius:10px;background:#1064f6;color:white!important;font-weight:750;font-size:13px;padding:12px 17px;text-decoration:none!important}
.ta257-contact:hover{background:#034fd1}
@media(max-width:1020px){.ta257-story{grid-template-columns:1fr;gap:17px}.ta257-mission{grid-template-columns:150px 1fr 1fr;gap:17px}.ta257-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ta257-values{max-width:none}}
@media(max-width:690px){.ta257-hero-grid{grid-template-columns:1fr;gap:0}.ta257-hero-copy{padding:28px 0 5px}.ta257-hero-art{width:100%;max-height:175px}.ta257-main{padding-top:25px}.ta257-values{grid-template-columns:repeat(2,minmax(0,1fr))}.ta257-mission{grid-template-columns:1fr;padding:22px}.ta257-mission-art{display:none}.ta257-mission>div:nth-child(3){border-left:0;border-top:1px solid #c5d7f4;padding:18px 0 0}.ta257-offer-grid{grid-template-columns:1fr}.ta257-powered{flex-direction:column;align-items:flex-start;padding:22px}.ta257-powered-art{width:100%;border-right:0;border-bottom:1px solid #c6d7f3;padding:0 0 12px}.ta257-powered-art img{height:90px}.ta257-contact{align-self:stretch;justify-content:center}}
