/* About content uses the same shell and visual rhythm as core product pages. */
.about-page{--bg:#0b001f;--accent:#4f6bff;max-width:100%;overflow-x:clip}
.about-page .wrap,.about-page .team,.about-page .tm>div{min-width:0}
.about-page .tm{overflow-wrap:anywhere}
@media(max-width:699px){.about-page .team{grid-template-columns:minmax(0,1fr)}}
@media(min-width:700px) and (max-width:1099px){.about-page .team{grid-template-columns:repeat(2,minmax(0,1fr))}}
.about-page .ab-hero{padding-block:clamp(64px,7vw,108px);background:radial-gradient(ellipse at 75% 10%,rgba(79,107,255,.08),transparent 60%)}
.about-page .product-breadcrumb{margin-bottom:32px;font-size:.8rem}
.about-page .ab-hero .display{max-width:17ch;font-size:clamp(3rem,6.8vw,6.5rem);line-height:1.02;letter-spacing:-.055em}
.about-page .ab-hero .display .acc{color:#93a0ff}
.about-page .tl.is-animated::before{transform-origin:left;animation:about-timeline-line 1.6s ease-out both}
.about-page .tl.is-animated .tl__n{animation:about-milestone .6s ease-out both;animation-delay:var(--milestone-delay,0ms)}
.about-page .tl.is-animated .tl__n.now i{animation:about-timeline-pulse 1.4s ease-out 1.6s 2}
@keyframes about-timeline-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes about-milestone{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes about-timeline-pulse{50%{box-shadow:0 0 0 14px rgba(79,107,255,0)}100%{box-shadow:0 0 0 8px rgba(79,107,255,.18)}}
@media(prefers-reduced-motion:reduce){.about-page .tl.is-animated::before,.about-page .tl.is-animated .tl__n,.about-page .tl.is-animated .tl__n.now i{animation:none}}
.about-page .section{padding-block:clamp(64px,7vw,104px)}
.about-page .section--tight{padding-block:clamp(48px,5vw,76px)}
.about-page .h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.06}
.about-page .ms-hero__ctas,.about-page .final__ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.about-page .tl__n p,.about-page .tm p,.about-page .routes p{color:var(--fg-2)}
.about-page .routes .k{color:var(--fg-3)}
.about-page .routes a{padding:24px;min-width:0}
.about-page .routes a:first-child{padding-left:24px}
.about-page .routes a:hover{background:rgba(79,107,255,.07)}
.about-page .routes h3{color:#b6bfff}
.about-page .grp{background:#080412;min-width:0}
.about-page .grp>*{min-width:0}
.about-page .spec>div{grid-template-columns:minmax(90px,.6fr) minmax(0,1fr)}
.about-page .spec span{overflow-wrap:anywhere}
.about-page .tm .role{line-height:1.6}
.about-page .av--photo{display:block;object-fit:contain;object-position:center;border:0;border-radius:50%;background:transparent;filter:grayscale(1)}
.about-page .av--anna{object-fit:cover;object-view-box:none;object-position:center;filter:none}
.about-page .team-linkedin{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:8px;color:#b6bfff;font-size:.85rem;font-weight:600;text-decoration:none}
.about-page .team-linkedin:hover{text-decoration:underline;color:#fff}
.about-page .team-linkedin:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}
.about-page .final{position:relative}
@media(min-width:760px) and (max-width:1099px){.about-page .routes{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page .routes a:nth-child(odd){border-left:0}}
@media(max-width:699px){.about-page .tm{padding:24px 0;grid-template-columns:48px minmax(0,1fr);gap:16px}.about-page .av{width:48px;height:48px}.about-page .product-breadcrumb{margin-bottom:24px}.about-page .btn{height:auto;min-height:48px;padding-block:12px;white-space:normal}}