/* Phase 1X.1 — About page compact public UX */
.about-page .page-hero{
  min-height:auto;
  padding:124px 0 64px;
  background:
    radial-gradient(circle at 79% 42%,rgba(74,140,220,.18),transparent 24%),
    radial-gradient(circle at 77% 58%,rgba(209,167,94,.10),transparent 23%),
    linear-gradient(145deg,#02050a,#09131f 62%,#04070b);
}
.about-page .page-hero .inner{
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  gap:44px;
  align-items:center;
}
.about-page .page-hero .crumb{margin-bottom:12px}
.about-page .page-hero .kicker{margin-top:0!important}
.about-page .page-hero h1{
  max-width:760px;
  margin:16px 0 20px;
  font-size:clamp(52px,5.35vw,76px);
  line-height:.96;
}
.about-page .page-hero p{
  max-width:690px;
  font-size:15px;
  line-height:1.72;
}
.about-page .page-hero .actions{margin-top:26px}

.about-logo-stage{
  position:relative;
  min-height:330px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.about-logo-stage:before,
.about-logo-stage:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.about-logo-stage:before{
  width:min(360px,82%);
  aspect-ratio:1;
  background:radial-gradient(circle,rgba(87,151,225,.15) 0 45%,rgba(209,167,94,.08) 58%,transparent 72%);
  filter:blur(8px);
}
.about-logo-stage:after{
  width:min(302px,70%);
  aspect-ratio:1;
  border:1px solid rgba(209,167,94,.20);
  box-shadow:0 0 75px rgba(75,143,220,.11), inset 0 0 45px rgba(255,255,255,.02);
}
.about-logo-stage img{
  position:relative;
  z-index:2;
  width:min(286px,66%);
  height:auto;
  filter:drop-shadow(0 28px 45px rgba(0,0,0,.42));
}

.about-page .section{padding:78px 0}
.about-page .heading{max-width:760px;margin-bottom:32px}
.about-page .heading h2,
.about-page .copy h2{
  font-size:clamp(40px,4.6vw,62px);
  margin:16px 0;
}
.about-page .heading p,
.about-page .copy>p{font-size:15px;line-height:1.72}
.about-page .info-grid{gap:14px}
.about-page .info-card{padding:20px 21px;border-radius:18px}
.about-page .info-card h3{font-size:23px}
.about-page .info-card p{line-height:1.6}

.about-page .band-dark .split{
  gap:48px;
  align-items:center;
}
.about-page .band-dark .actions{margin-top:24px}
.about-page .trust-stack{gap:10px}
.about-page .trust-item{padding:19px 20px;border-radius:17px}
.about-page .trust-item strong{font-size:21px}
.about-page .trust-item span{line-height:1.55}

@media(max-width:900px){
  .about-page .page-hero{padding:108px 0 54px}
  .about-page .page-hero .inner{grid-template-columns:1fr;gap:24px}
  .about-logo-stage{min-height:260px}
  .about-logo-stage:before{width:min(315px,78%)}
  .about-logo-stage:after{width:min(270px,66%)}
  .about-logo-stage img{width:min(250px,62%)}
}

@media(max-width:640px){
  .about-page .page-hero{padding:94px 0 42px}
  .about-page .page-hero h1{font-size:clamp(46px,14vw,56px);margin:14px 0 18px}
  .about-page .page-hero p{font-size:14px;line-height:1.65}
  .about-page .page-hero .actions{margin-top:22px}
  .about-logo-stage{min-height:215px;margin-top:2px}
  .about-logo-stage:before{width:245px}
  .about-logo-stage:after{width:205px}
  .about-logo-stage img{width:190px}
  .about-page .section{padding:58px 0}
  .about-page .heading{margin-bottom:24px}
  .about-page .heading h2,.about-page .copy h2{font-size:40px}
  .about-page .info-card{padding:18px}
  .about-page .band-dark .split{gap:30px}
  .about-page .trust-item{padding:17px 18px}
}