/* -- ABOUT PAGE -- */
#remotiko-about{overflow-x:hidden;width:100%}

/* HERO */
.ra-hero{background:linear-gradient(135deg,#4C1D95 0%,#6B21A8 50%,#7C3AED 100%);padding:72px 24px 64px;text-align:center}
.ra-hero__inner{max-width:760px;margin:0 auto}
.ra-hero__eyebrow{font-size:12px;font-weight:600;letter-spacing:0.08em;color:rgba(255,255,255,0.75);margin-bottom:14px}
.ra-hero__headline{font-size:clamp(30px,4vw,46px);font-weight:700;color:#fff;margin:0 0 16px;line-height:1.15}
.ra-hero__sub{font-size:16px;line-height:1.65;color:rgba(255,255,255,0.85);max-width:620px;margin:0 auto}

/* STATS */
.ra-stats{background:#fff;border-bottom:1px solid #F3F4F6}
.ra-stats__inner{max-width:1000px;margin:0 auto;padding:36px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.ra-stats__item{display:flex;flex-direction:column;gap:4px}
.ra-stats__number{font-size:30px;font-weight:700;color:#6B21A8;line-height:1;letter-spacing:-0.02em}
.ra-stats__item--africa .ra-stats__number{color:#10B981}
.ra-stats__label{font-size:13px;color:#6B7280}

/* PROBLEM */
.ra-problem{background:#F9FAFB;padding:72px 24px}
.ra-problem__inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:center}
.ra-problem__left{text-align:center}
.ra-problem__number{font-size:56px;font-weight:700;color:#F59E0B;line-height:1;letter-spacing:-0.02em;margin-bottom:10px}
.ra-problem__stat-text{font-size:13px;color:#6B7280;line-height:1.5;margin:0}
.ra-problem__title{font-size:clamp(22px,2.4vw,30px);font-weight:700;color:#1F2937;margin:0 0 16px;line-height:1.25}
.ra-problem__para{font-size:15px;line-height:1.7;color:#4B5563;margin:0 0 14px}
.ra-problem__para:last-child{margin-bottom:0;font-weight:600;color:#1F2937}

/* DIFFERENT (3-card grid) */
.ra-different{background:#fff;padding:80px 24px}
.ra-different__inner{max-width:1100px;margin:0 auto}
.ra-different__header{text-align:center;max-width:600px;margin:0 auto 48px}
.ra-different__title{font-size:clamp(24px,2.6vw,32px);font-weight:700;color:#1F2937;margin:0 0 10px}
.ra-different__sub{font-size:15px;color:#6B7280;margin:0}
.ra-different__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ra-different__card{background:#F9FAFB;border:1px solid #F3F4F6;border-radius:14px;padding:28px}
.ra-different__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ra-different__icon--purple{background:#EDE9FE;color:#6B21A8}
.ra-different__icon--green{background:#D1FAE5;color:#10B981}
.ra-different__icon--blue{background:#DBEAFE;color:#1D4ED8}
.ra-different__card-title{font-size:17px;font-weight:600;color:#1F2937;margin:0 0 10px;line-height:1.35}
.ra-different__card-body{font-size:14px;line-height:1.65;color:#6B7280;margin:0 0 16px}
.ra-different__pill{display:inline-block;font-size:12px;font-weight:500;color:#6B21A8;background:#EDE9FE;padding:4px 12px;border-radius:100px}

/* ORIGIN (founder quote) */
.ra-origin{background:#111827;padding:80px 24px}
.ra-origin__inner{max-width:720px;margin:0 auto}
.ra-origin__label{font-size:12px;font-weight:600;letter-spacing:0.08em;color:#9CA3AF;text-align:center;margin-bottom:24px}
.ra-origin__quote{margin:0 0 24px}
.ra-origin__quote p{font-size:19px;line-height:1.7;color:#F3F4F6;margin:0 0 20px;font-style:italic}
.ra-origin__quote p:last-child{margin-bottom:0}
.ra-origin__author{text-align:center}
.ra-origin__name{font-size:14px;font-weight:600;color:#fff}

/* MISSION (CTA) */
.ra-mission{background:linear-gradient(135deg,#6B21A8 0%,#7C3AED 100%);padding:72px 24px;text-align:center}
.ra-mission__inner{max-width:640px;margin:0 auto}
.ra-mission__quote{font-size:clamp(19px,2.2vw,24px);line-height:1.6;color:#fff;font-weight:600;margin:0 0 32px}
.ra-mission__ctas{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.ra-mission__btn{display:inline-block;padding:13px 28px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s}
.ra-mission__btn:hover{opacity:0.9}
.ra-mission__btn--gold{background:#F59E0B;color:#1F2937}
.ra-mission__btn--outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.5)}

/* RESPONSIVE */
@media (max-width:900px){
    .ra-problem__inner{grid-template-columns:1fr;text-align:center;gap:24px}
    .ra-different__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
    .ra-stats__inner{grid-template-columns:repeat(2,1fr)}
    .ra-hero{padding:56px 20px 48px}
    .ra-problem,.ra-different,.ra-origin,.ra-mission{padding:56px 20px}
    .ra-mission__ctas{flex-direction:column;width:100%}
    .ra-mission__btn{width:100%;text-align:center}
}