:root {
    --c-primary:    #F07226;
    --c-primary-d:  #D95D10;
    --c-primary-l:  #F9A568;
    --c-accent:     #FFB347;
    --c-accent2:    #FF6B35;
    --c-bg:         #FFF8F3;
    --c-bg2:        #FFF2E8;
    --c-surface:    #FFFFFF;
    --c-text:       #1A1209;
    --c-text-2:     #5C4033;
    --c-text-muted: #9C7B6B;
    --c-border:     rgba(240,114,38,.15);
    --c-green:      #16A34A;
    --radius-md:    16px;
    --radius-lg:    24px;
    --radius-xl:    36px;
    --font-head:    'Outfit', sans-serif;
    --font-body:    'DM Sans', sans-serif;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font-body); background: var(--c-bg); color: var(--c-text); line-height: 1.65; }
h1,h2,h3 { font-family: var(--font-head); font-weight: 700; }
a { text-decoration: none; color: inherit; }

/* ── PAGE HERO ── */
.about-hero {
    padding: 72px 0 64px;
    background: linear-gradient(160deg, #FFF4EB 0%, #FFF8F3 50%, #FFF2E5 100%);
    position: relative; overflow: hidden;
}
.about-hero::before {
    content: ''; position: absolute; top: -80px; right: -60px;
    width: 380px; height: 380px; border-radius: 50%;
    background: radial-gradient(circle, rgba(240,114,38,.09), transparent 68%);
    pointer-events: none;
}
.about-hero::after {
    content: ''; position: absolute; bottom: -60px; left: 0;
    width: 260px; height: 260px; border-radius: 50%;
    background: radial-gradient(circle, rgba(255,179,71,.08), transparent 65%);
    pointer-events: none;
}
.hero-inner { position: relative; z-index: 1; }

.eyebrow {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: var(--font-head); font-weight: 700; font-size: .74rem;
    letter-spacing: 1.4px; text-transform: uppercase;
    color: var(--c-primary); background: rgba(240,114,38,.09);
    border: 1px solid rgba(240,114,38,.2); border-radius: 99px;
    padding: 4px 13px; margin-bottom: 18px;
}
.about-hero h1 {
    font-size: clamp(2rem, 4.5vw, 3.2rem);
    font-weight: 900; letter-spacing: -1.5px; line-height: 1.12;
    color: var(--c-text); margin-bottom: 18px;
}
.about-hero h1 .hl {
    background: linear-gradient(120deg, var(--c-primary-d), var(--c-accent2));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero-lead {
    font-size: 1.05rem; color: var(--c-text-2);
    max-width: 560px; line-height: 1.8; margin-bottom: 0;
}

/* ── STAT NUMBERS ── */
.stats-strip {
    background: var(--c-surface);
    border-top: 1px solid var(--c-border);
    border-bottom: 1px solid var(--c-border);
    padding: 36px 0;
}
.stat-item { text-align: center; padding: 0 20px; }
.stat-num {
    font-family: var(--font-head); font-weight: 900;
    font-size: clamp(2.4rem, 4vw, 3rem); line-height: 1;
    background: linear-gradient(135deg, var(--c-primary-d), var(--c-accent2));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    margin-bottom: 6px;
}
.stat-label {
    font-family: var(--font-head); font-weight: 600;
    font-size: .84rem; color: var(--c-text-muted);
}
.stat-divider {
    width: 1px; background: var(--c-border);
    align-self: stretch; margin: 4px 0;
}

/* ── MISSION ── */
.mission-section { padding: 72px 0; background: var(--c-bg); }
.mission-card {
    background: var(--c-surface);
    border: 1px solid rgba(240,114,38,.12);
    border-radius: var(--radius-xl);
    padding: 48px 44px;
    position: relative; overflow: hidden;
}
.mission-card::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
    background: linear-gradient(90deg, var(--c-primary), var(--c-accent));
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}
.mission-card blockquote {
    font-family: var(--font-head); font-weight: 700;
    font-size: clamp(1.3rem, 2.5vw, 1.9rem);
    line-height: 1.4; letter-spacing: -.5px;
    color: var(--c-text); margin: 0;
}
.mission-card blockquote .accent { color: var(--c-primary); }
.mission-sub {
    font-size: .95rem; color: var(--c-text-muted);
    line-height: 1.75; margin-top: 20px; max-width: 600px;
}

/* ── CORE VALUES ── */
.values-section { padding: 72px 0; background: var(--c-bg2); }
.section-header { margin-bottom: 40px; }
.section-title {
    font-size: clamp(1.6rem, 3vw, 2.3rem);
    font-weight: 800; letter-spacing: -.8px;
    color: var(--c-text); margin-bottom: 10px;
}
.section-sub { font-size: .95rem; color: var(--c-text-muted); line-height: 1.72; max-width: 480px; }

.value-card {
    background: var(--c-surface);
    border: 1px solid rgba(240,114,38,.1);
    border-radius: var(--radius-lg);
    padding: 28px 24px; height: 100%;
    transition: box-shadow .25s, transform .25s;
}
.value-card:hover { box-shadow: 0 8px 28px rgba(240,114,38,.1); transform: translateY(-3px); }
.value-icon {
    width: 48px; height: 48px; border-radius: 13px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.25rem; margin-bottom: 16px;
}
.vi-1 { background: rgba(240,114,38,.1); color: var(--c-primary); }
.vi-2 { background: rgba(16,185,129,.1);  color: #10B981; }
.vi-3 { background: rgba(14,165,233,.1);  color: #0EA5E9; }
.vi-4 { background: rgba(168,85,247,.1);  color: #A855F7; }
.vi-5 { background: rgba(245,158,11,.1);  color: #F59E0B; }
.vi-6 { background: rgba(239,68,68,.1);   color: #EF4444; }
.value-name { font-family: var(--font-head); font-weight: 700; font-size: .97rem; color: var(--c-text); margin-bottom: 8px; }
.value-desc { font-size: .83rem; color: var(--c-text-muted); line-height: 1.65; }

/* ── TECH HIGHLIGHT ── */
.tech-section { padding: 72px 0; background: var(--c-bg); }
.tech-card {
    background: linear-gradient(135deg, #1A1209 0%, #2D1D0F 100%);
    border-radius: var(--radius-xl);
    padding: 52px 48px;
    position: relative; overflow: hidden;
    color: #fff;
}
.tech-card::before {
    content: ''; position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 55% 50% at 80% 50%, rgba(240,114,38,.15), transparent);
    pointer-events: none;
}
.tech-inner { position: relative; z-index: 1; }
.tech-card h2 {
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    font-weight: 900; letter-spacing: -.8px;
    color: #fff; margin-bottom: 14px;
}
.tech-card h2 span {
    background: linear-gradient(120deg, var(--c-primary-l), var(--c-accent));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.tech-desc { font-size: .95rem; color: rgba(255,255,255,.6); line-height: 1.78; max-width: 480px; margin-bottom: 32px; }
.tech-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.tech-tag {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
    border-radius: 99px; padding: 6px 14px;
    font-family: var(--font-head); font-weight: 600; font-size: .8rem;
    color: rgba(255,255,255,.8);
}
.tech-tag i { color: var(--c-primary-l); font-size: .82rem; }

/* Tech metrics right column */
.tech-metrics { display: flex; flex-direction: column; gap: 16px; }
.metric-row {
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);
    border-radius: var(--radius-md); padding: 20px 22px;
}
.metric-val {
    font-family: var(--font-head); font-weight: 900;
    font-size: 1.9rem; line-height: 1;
    background: linear-gradient(135deg, var(--c-primary-l), var(--c-accent));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    margin-bottom: 4px;
}
.metric-label { font-size: .82rem; color: rgba(255,255,255,.5); font-family: var(--font-head); }

/* ── PRIVACY PROMISE ── */
.privacy-section { padding: 64px 0; background: var(--c-bg2); }
.privacy-card {
    background: var(--c-surface);
    border: 1px solid rgba(240,114,38,.12);
    border-radius: var(--radius-xl);
    padding: 40px 36px;
    display: flex; align-items: center; gap: 32px; flex-wrap: wrap;
}
.privacy-icon-wrap {
    width: 72px; height: 72px; flex-shrink: 0;
    background: rgba(22,163,74,.08);
    border: 1.5px solid rgba(22,163,74,.2);
    border-radius: 20px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.8rem; color: var(--c-green);
}
.privacy-text h3 {
    font-family: var(--font-head); font-weight: 800;
    font-size: 1.2rem; color: var(--c-text); margin-bottom: 8px;
}
.privacy-text p { font-size: .9rem; color: var(--c-text-muted); line-height: 1.72; max-width: 560px; }
.privacy-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.privacy-pill {
    display: inline-flex; align-items: center; gap: 5px;
    background: rgba(22,163,74,.07); border: 1px solid rgba(22,163,74,.18);
    border-radius: 99px; padding: 4px 12px;
    font-family: var(--font-head); font-weight: 600; font-size: .78rem; color: var(--c-green);
}
.privacy-pill i { font-size: .78rem; }

/* ── RTL ── */
[dir=rtl] .mission-card::before { border-radius: 0 0 var(--radius-xl) var(--radius-xl); top: auto; bottom: 0; }
[dir=rtl] .privacy-card { flex-direction: row-reverse; }