.about-hero{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;color:var(--brand-text-inverse);background:var(--brand-primary-dark)}.about-hero .hero-bg,.about-hero .hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.about-hero .hero-bg{-o-object-fit:cover;object-fit:cover}.about-hero .hero-shade{background:linear-gradient(90deg,rgba(11,38,32,.95),rgba(20,38,50,.78))}.about-hero .container{position:relative;z-index:2}.about-hero .eyebrow,.about-hero h1{color:var(--brand-text-inverse)}.about-hero h1{max-width:860px;margin:16px 0;font-size:max(1.6rem, min(5vw, 3rem));line-height:1.1;font-weight:900;word-break:keep-all;word-wrap:anywhere;hyphens:auto}.about-hero p{max-width:760px;color:rgba(255,255,255,.88);font-size:18px}.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.roadmap-grid article{padding:24px;border:1px solid var(--brand-border);border-radius:var(--radius);background:#fff}.roadmap-grid span{color:var(--brand-secondary);font-weight:900}.roadmap-grid h3{margin:12px 0 10px;font-size:20px;font-weight:900}.partners-logo p,.roadmap-grid p,.timeline-horizontal p{color:var(--brand-text-muted)}.timeline-horizontal{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;border:1px solid var(--brand-border);border-radius:var(--radius);background:#fff;overflow:hidden}.timeline-horizontal div{padding:24px;border-right:1px solid var(--brand-border)}.timeline-horizontal div:last-child{border-right:0}.timeline-horizontal b{color:var(--brand-primary);font-size:20px}.logo-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:14px;gap:14px;margin-bottom:24px}.logo-grid span{display:flex;min-height:84px;align-items:center;justify-content:center;border:1px solid var(--brand-border);border-radius:var(--radius);background:#fff;color:var(--brand-primary-dark);font-weight:900}.gradient-cta{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent))}@media (max-width:991px){.logo-grid,.roadmap-grid,.timeline-horizontal{grid-template-columns:repeat(2,1fr)}.timeline-horizontal div{border-bottom:1px solid var(--brand-border)}}@media (max-width:575px){.logo-grid,.roadmap-grid,.timeline-horizontal{grid-template-columns:1fr}.about-hero{min-height:480px}.about-hero .container{padding-left:18px;padding-right:18px}}