.about-page{background:#090c18;color:#f1f2fc}.about-page header{position:relative;background:#090c18}.about-page nav [aria-current=page]{text-decoration:underline;text-underline-offset:8px}.about-shell{width:88%;max-width:1200px;margin-inline:auto}.about-page .about-label{font-size:12px;font-weight:600;letter-spacing:2.6px;color:#acb7f8;margin:0 0 25px;line-height:1.5}.about-hero{padding:100px 0 65px;position:relative}.about-hero:before{content:"";position:absolute;inset:0 -6vw;z-index:-1;background:radial-gradient(ellipse at 80% 15%,#222b4d88,transparent 65%);pointer-events:none}.about-hero h1{font-size:clamp(42px,6.2vw,84px);line-height:1.09;letter-spacing:-3px;font-weight:400;margin:0}.about-hero em,.vision-statement em{font-style:normal;color:#afbaff}.about-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:55px;padding-bottom:40px;border-bottom:1px solid #343c56}.about-hero-bottom p{font-size:16px;line-height:1.7;color:#b7bfd6;margin:0}.about-hero-bottom a{font-size:15px;display:flex;gap:24px;align-items:center;padding:12px 0;border-bottom:1px solid #7f8bba}.about-hero-bottom a:hover{color:#b8c2ff}.section-heading h2,.vision-card h2{font-weight:400;font-size:clamp(32px,3.8vw,50px);line-height:1.17;letter-spacing:-1.5px;margin:0}.story-section{padding:45px 0 110px}.story-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;margin-top:48px}.story-lead{font-size:clamp(23px,2.2vw,29px);line-height:1.55;margin:0;color:#e3e7f8}.story-copy p,.vision-copy p,.milestone-copy p{font-size:17px;line-height:1.8;color:#b9c1d6;margin:0 0 22px}.story-copy p:last-child{margin:0}.story-copy .story-signoff{color:#dce1fa;border-left:2px solid #929fe5;padding-left:20px;margin-top:30px}.milestones-section{background:#11172a;padding:95px 0}.milestone-list{list-style:none;margin:60px 0 0;padding:0}.milestone-list li{display:grid;grid-template-columns:205px 1fr;gap:65px;position:relative}.milestone-date{font-size:22px;color:#b4bfff;margin:0;padding-top:3px}.milestone-copy{border-left:1px solid #3c486b;padding:0 0 45px 42px;position:relative}.milestone-copy:before{content:"";width:10px;height:10px;border:3px solid #11172a;background:#a9b7ff;box-shadow:0 0 0 1px #59688e;border-radius:50%;position:absolute;top:8px;left:-8px}.milestone-copy h3{font-size:25px;line-height:1.35;font-weight:500;margin:0 0 14px;letter-spacing:-.5px}.milestone-copy p{max-width:760px;margin:0}.milestone-list li:last-child .milestone-copy{padding-bottom:0;border-color:transparent}.vision-section{padding-top:100px;padding-bottom:100px}.vision-card{background:linear-gradient(125deg,#1c2543,#10172a 75%);border:1px solid #35415f;border-radius:24px;padding:70px;text-align:center}.vision-copy{max-width:750px;margin:32px auto}.vision-statement{font-size:clamp(21px,2.4vw,30px);line-height:1.5;margin:38px 0 0}.company-numbers{padding-bottom:110px}.company-numbers .section-heading{text-align:center}.section-subtitle{font-size:18px;color:#b9c1d6;margin:18px 0 0}.number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:45px}.number-grid article{background:#121a2e;border:1px solid #35415e;border-radius:18px;padding:35px 15px;text-align:center}.number-grid strong{font-size:clamp(38px,4.7vw,66px);font-weight:500;line-height:1.2;letter-spacing:-2px;color:#c1cbff}.number-grid p{font-size:15px;line-height:1.5;color:#c2c9dd;margin:15px 0 0}.about-page footer{background:#060a13}.about-page section[id]{scroll-margin-top:35px}@media(max-width:900px){.story-layout{gap:40px}.milestone-list li{grid-template-columns:150px 1fr;gap:25px}.vision-card{padding:50px 35px}.number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.about-shell{width:88%}.about-hero{padding-top:60px;padding-bottom:35px}.about-hero h1{letter-spacing:-1.6px;font-size:42px}.about-hero-bottom{align-items:flex-start;flex-direction:column;gap:25px;margin-top:35px}.story-section{padding:20px 0 65px}.story-layout{grid-template-columns:1fr;gap:28px;margin-top:30px}.story-lead{font-size:23px}.milestones-section{padding:65px 0}.milestone-list{margin-top:40px}.milestone-list li{grid-template-columns:1fr;gap:14px;padding-left:20px;border-left:1px solid #3c486b;padding-bottom:36px}.milestone-date{font-size:17px}.milestone-copy{border:0;padding:0}.milestone-copy:before{left:-28px;top:-38px}.milestone-copy h3{font-size:22px}.milestone-list li:last-child{padding-bottom:0}.vision-section{padding-block:65px}.vision-card{padding:35px 22px;border-radius:18px}.vision-card h2{font-size:32px}.vision-statement br{display:none}.company-numbers{padding-bottom:70px}.number-grid{gap:12px;margin-top:32px}.number-grid article{padding:28px 10px}.number-grid strong{font-size:40px}.number-grid p{font-size:13px}.about-page .about-label{font-size:11px;letter-spacing:2px;margin-bottom:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Clear section hierarchy: section names lead, supporting headlines follow. */
.about-page .about-hero .about-label{font-size:clamp(22px,2.2vw,30px);letter-spacing:2px}
.about-page .about-section-title,.about-page .company-numbers h2{font-size:clamp(36px,4.5vw,60px);font-weight:500;line-height:1.12;letter-spacing:-1.5px;color:#f1f2fc;margin:0 0 22px}
.about-page .about-section-subtitle{font-size:clamp(24px,2.7vw,36px);font-weight:400;line-height:1.3;letter-spacing:-.6px;color:#b6c0f2;margin:0}
.about-page .milestone-copy h3{font-size:clamp(25px,2.4vw,30px);font-weight:500}
@media(max-width:600px){.about-page .about-section-title,.about-page .company-numbers h2{font-size:36px;letter-spacing:-1px;margin-bottom:18px}.about-page .about-section-subtitle{font-size:24px}.about-page .about-hero .about-label{font-size:22px}.about-page .milestone-copy h3{font-size:25px}}

/* Compact introduction and consistent editorial sections. */
.about-page .about-hero{padding:65px 0 10px}
.about-page .about-hero h1.about-label{font-size:clamp(22px,2.2vw,30px);line-height:1.5;font-weight:600;letter-spacing:2px;margin:0}
.about-page .milestone-copy p{font-size:clamp(20px,1.8vw,23px);line-height:1.65;color:#f1f2fc}
@media(max-width:600px){.about-page .about-hero{padding:40px 0 20px}.about-page .milestone-copy p{font-size:19px;line-height:1.65}}

/* Consistent About narrative typography across story, timeline and vision. */
.about-page .story-lead,
.about-page .story-copy p,
.about-page .milestone-copy p {
  font-size: clamp(19px, 1.8vw, 23px);
  line-height: 1.65;
}