.ra-about {
    --ra-navy: #06172c;
    --ra-blue: #1b9de2;
    --ra-green: #26b77f;
    --ra-purple: #8468e8;
    --ra-red: #ec6671;
    --ra-light: #f5f8fb;
    --ra-muted: #68798c;
    background: #fff;
}

.ra-hero {
    position: relative;
    min-height: 560px;
    padding: 38px 0 110px;
    overflow: hidden;
    background: radial-gradient(circle at 75% 35%, rgba(27,157,226,.2), transparent 30%), linear-gradient(135deg, #041020, var(--ra-navy) 60%, #09304c);
}

.ra-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .12;
    background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
    background-size: 64px 64px;
}

.ra-hero .container { position: relative; z-index: 1; }
.ra-breadcrumb { display: flex; align-items: center; gap: .55rem; margin-bottom: 2.5rem; color: rgba(255,255,255,.48); font-size: .72rem; }
.ra-breadcrumb a { color: rgba(255,255,255,.72); }
.ra-breadcrumb i { font-size: .52rem; }
.ra-hero-grid { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 3rem; }
.ra-kicker, .ra-section-title > span { display: inline-block; margin-bottom: .65rem; color: var(--ra-blue); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ra-hero h1 { color: #fff !important; font-size: clamp(3rem,5vw,4.6rem) !important; line-height: 1 !important; }
.ra-hero-copy p { max-width: 540px; color: rgba(255,255,255,.72); font-size: .95rem; }
.ra-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.5rem; }
.ra-actions .btn { display: inline-flex; align-items: center; gap: .55rem; }
.ra-btn-primary { border-color: var(--ra-blue) !important; background: var(--ra-blue) !important; color: #fff !important; }
.ra-btn-outline { border: 1px solid rgba(255,255,255,.23) !important; background: rgba(255,255,255,.06) !important; color: #fff !important; }
.ra-hero-map { position: relative; }
.ra-hero-map img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 8px; mix-blend-mode: screen; filter: saturate(1.18); }
.ra-map-note { position: absolute; right: 7%; bottom: 7%; display: flex; align-items: center; gap: .65rem; padding: .65rem .8rem; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; background: rgba(3,13,27,.8); color: #fff; font-size: .65rem; }
.ra-map-note i { color: var(--ra-red); }
.ra-map-note strong { display: block; color: #fff; }

.ra-pillars { position: relative; z-index: 2; margin-top: -66px; }
.ra-pillar-grid { display: grid; grid-template-columns: repeat(3,1fr); overflow: hidden; border: 1px solid #e4ebf1; border-radius: 8px; background: #fff; box-shadow: 0 18px 50px rgba(9,30,62,.12); }
.ra-pillar-grid article { display: grid; grid-template-columns: 42px 1fr; gap: .8rem; padding: 1.45rem; border-right: 1px solid #e8eef3; }
.ra-pillar-grid article:last-child { border-right: 0; }
.ra-icon { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; }
.ra-blue { color: #168dcc !important; background: #e6f5fc; }
.ra-green { color: #159564 !important; background: #e7f8f0; }
.ra-purple { color: #7657dc !important; background: #f0edfc; }
.ra-red { color: #d94e5a !important; background: #fff0f2; }
.ra-pillar-grid h2 { margin-bottom: .35rem; font-size: .92rem !important; }
.ra-pillar-grid p, .ra-pillar-grid li { margin: 0; color: var(--ra-muted); font-size: .65rem; line-height: 1.6; }
.ra-pillar-grid ul { margin: 0; padding-left: 1rem; }

.ra-section { padding: 78px 0; }
.ra-section-title { margin-bottom: 1.8rem; }
.ra-section-title h2 { margin: 0; font-size: 1.8rem !important; }
.ra-journey-grid { display: grid; grid-template-columns: .75fr 2.25fr; gap: 3rem; align-items: start; }
.ra-journey-copy p { color: var(--ra-muted); font-size: .75rem; line-height: 1.8; }
.ra-timeline { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 1.3rem; text-align: center; }
.ra-timeline::before { content: ""; position: absolute; left: 10%; right: 10%; top: 21px; height: 1px; background: #dbe6ed; }
.ra-timeline article { position: relative; z-index: 1; }
.ra-timeline .ra-icon { margin-bottom: .7rem; border: 1px solid currentColor; background-color: #fff; }
.ra-timeline strong { display: block; color: var(--ra-navy); font-size: .75rem; }
.ra-timeline h3 { margin: .25rem 0; font-size: .72rem !important; }
.ra-timeline p { color: var(--ra-muted); font-size: .58rem; line-height: 1.55; }

.ra-work { padding-top: 36px; background: var(--ra-light); }
.ra-work-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.ra-work-grid article { padding: 1.4rem; border: 1px solid #e1e9ef; border-radius: 8px; background: #fff; box-shadow: 0 8px 28px rgba(9,30,62,.06); }
.ra-work-grid .ra-icon { margin-bottom: 1rem; border-radius: 8px; }
.ra-work-grid h3 { font-size: .95rem !important; }
.ra-work-grid p { min-height: 80px; color: var(--ra-muted); font-size: .68rem; line-height: 1.65; }
.ra-work-grid a { display: inline-flex; align-items: center; gap: .45rem; color: var(--ra-navy); font-size: .65rem; font-weight: 800; }

.ra-founder { background: var(--ra-light); padding-top: 10px; }
.ra-founder-card { display: grid; grid-template-columns: 1.15fr .85fr; gap: 2rem; padding: 1.6rem; border: 1px solid #e1e9ef; border-radius: 8px; background: #fff; box-shadow: 0 12px 36px rgba(9,30,62,.07); }
.ra-founder-heading { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.ra-founder-avatar { width: 76px; height: 76px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #e8edf2; color: #33475b; font-size: 2.5rem; }
.ra-founder-heading span { color: var(--ra-blue); font-size: .65rem; font-weight: 800; }
.ra-founder-heading h2 { margin: .25rem 0 0; font-size: 1.35rem !important; }
.ra-founder-bio p { color: var(--ra-muted); font-size: .7rem; line-height: 1.75; }
.ra-socials { display: flex; gap: .45rem; }
.ra-socials a { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: var(--ra-light); color: var(--ra-navy); }
.ra-founder-stats { display: grid; grid-template-columns: repeat(2,1fr); gap: .8rem; }
.ra-founder-stats > div { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: .65rem; padding: .8rem; border: 1px solid #edf1f4; border-radius: 7px; }
.ra-founder-stats i { font-size: 1.15rem; text-align: center; }
.ra-founder-stats strong, .ra-founder-stats span { display: block; }
.ra-founder-stats strong { font-size: .82rem; }
.ra-founder-stats span { color: var(--ra-muted); font-size: .58rem; }
.ra-green-text { color: var(--ra-green); }.ra-blue-text { color: var(--ra-blue); }.ra-purple-text { color: var(--ra-purple); }.ra-red-text { color: var(--ra-red); }

.ra-impact { padding: 0 0 78px; background: var(--ra-light); }
.ra-impact-inner { padding: 1.25rem; border-radius: 8px; background: linear-gradient(135deg,#06172c,#0a3452); }
.ra-impact-inner h2 { margin-bottom: 1rem; color: #fff !important; font-size: 1.05rem !important; }
.ra-impact-grid { display: grid; grid-template-columns: repeat(5,1fr); }
.ra-impact-grid > div { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: .65rem; padding: .7rem; border-right: 1px solid rgba(255,255,255,.12); }
.ra-impact-grid > div:last-child { border-right: 0; }
.ra-impact-grid i { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.ra-impact-grid strong, .ra-impact-grid span, .ra-impact-grid small { display: block; }
.ra-impact-grid strong { color: #fff; font-size: .82rem; }
.ra-impact-grid span { color: rgba(255,255,255,.75); font-size: .58rem; }
.ra-impact-grid small { color: rgba(255,255,255,.38); font-size: .48rem; }

[dir="rtl"] .ra-hero-grid, [dir="rtl"] .ra-pillar-grid, [dir="rtl"] .ra-journey-grid, [dir="rtl"] .ra-timeline, [dir="rtl"] .ra-work-grid, [dir="rtl"] .ra-founder-card, [dir="rtl"] .ra-impact-grid { direction: rtl; }
[dir="rtl"] .ra-pillar-grid article { border-right: 0; border-left: 1px solid #e8eef3; }

@media (max-width: 991.98px) {
    .ra-hero-grid, .ra-journey-grid, .ra-founder-card { grid-template-columns: 1fr; }
    .ra-pillar-grid, .ra-work-grid { grid-template-columns: 1fr; }
    .ra-pillar-grid article { border-right: 0; border-bottom: 1px solid #e8eef3; }
    .ra-pillar-grid article:last-child { border-bottom: 0; }
    .ra-impact-grid { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 767.98px) {
    .ra-hero { padding-bottom: 95px; }
    .ra-hero h1 { font-size: 2.7rem !important; }
    .ra-section { padding: 60px 0; }
    .ra-timeline { grid-template-columns: repeat(2,1fr); gap: 2rem 1rem; }
    .ra-timeline::before { display: none; }
    .ra-founder-stats { grid-template-columns: 1fr; }
    .ra-impact-grid { grid-template-columns: 1fr; }
    .ra-impact-grid > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
    .ra-impact-grid > div:last-child { border-bottom: 0; }
}

@media (max-width: 575.98px) {
    .ra-breadcrumb { margin-bottom: 1.5rem; }
    .ra-actions .btn { width: 100%; justify-content: center; }
    .ra-hero-map { margin-top: 1rem; }
    .ra-map-note { position: static; margin-top: .6rem; }
    .ra-pillars { margin-top: -55px; }
    .ra-timeline { grid-template-columns: 1fr; text-align: left; }
    .ra-timeline article { display: grid; grid-template-columns: 46px 1fr; gap: 0 .8rem; }
    .ra-timeline .ra-icon { grid-row: 1 / 5; }
    .ra-work-grid p { min-height: 0; }
    .ra-founder-heading { align-items: flex-start; }
}