.about-page{background:#fff}
.about-hero{min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(72px,9vw,120px) clamp(24px,8vw,130px);position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 48%,rgba(241,248,255,.72) 100%),url('assets/network-light.jpeg') center/cover}
.about-hero:after{content:"";position:absolute;right:7vw;bottom:-170px;width:430px;height:430px;border-radius:50%;border:1px solid rgba(9,109,217,.18);box-shadow:0 0 0 55px rgba(68,200,245,.05),0 0 0 110px rgba(9,109,217,.035)}
.about-hero .eyebrow{position:relative;z-index:1;margin:0 0 22px}
.about-hero h1{position:relative;z-index:1;margin:0;max-width:980px;font-size:clamp(42px,4.6vw,68px);line-height:1.12;letter-spacing:-.04em}
body[dir=rtl] .about-hero{align-items:flex-end;text-align:right}
body[dir=rtl] .about-hero h1{font-size:clamp(40px,4.3vw,64px);line-height:1.22;letter-spacing:0;max-width:900px}
.about-story{display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw}
.about-story h2,.about-section-title h2,.philosophy h2,.delivery h2{margin:0;font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-.04em}
.about-story-copy{max-width:800px}
.about-story-copy p{margin:0 0 25px;color:var(--muted);font-size:18px}
.about-story-copy strong{color:var(--ink)}
.vision-mission{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:0 clamp(24px,8vw,130px) clamp(78px,10vw,150px);background:linear-gradient(90deg,transparent clamp(24px,8vw,130px),var(--line) 0, var(--line) calc(100% - clamp(24px,8vw,130px)),transparent 0)}
.vm-card{min-height:320px;padding:48px;background:var(--cloud);border-top:4px solid var(--blue)}
.vm-card:nth-child(2){background:#eaf5ff;border-color:var(--sky)}
.vm-number{display:block;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.16em}
.vm-card h2{margin:55px 0 18px;font-size:28px}
.vm-card p{margin:0;color:var(--muted);font-size:18px}
.values{background:var(--navy);color:#fff}
.about-section-title{display:block}
.about-section-title .eyebrow{color:var(--sky)}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:65px;border:1px solid #294663;background:#294663}
.value-card{min-height:310px;padding:34px;background:var(--navy)}
.value-card span{color:var(--sky);font-size:12px;font-weight:800}
.value-card h3{margin:60px 0 16px;font-size:21px}
.value-card p{margin:0;color:#aebdcb;font-size:15px}
.philosophy{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:var(--cloud)}
.philosophy-copy{padding-left:36px;border-left:3px solid var(--sky)}
.philosophy-copy p{margin:0 0 24px;color:var(--muted);font-size:18px}
.philosophy-copy p:first-child{color:var(--ink);font-size:23px;font-weight:700}
body[dir=rtl] .philosophy-copy{padding-left:0;padding-right:36px;border-left:0;border-right:3px solid var(--sky)}
.delivery{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}
.delivery-intro>p:last-child{color:var(--muted);font-size:18px}
.delivery-options{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.delivery-card{padding:34px;background:#fff}
.delivery-card strong{display:block;margin-bottom:10px;font-size:20px}
.delivery-card p{margin:0;color:var(--muted)}
.facts{background:linear-gradient(135deg,#07529e,var(--blue));color:#fff}
.facts .eyebrow{color:#bcecff}
.facts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:45px;background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.24)}
.fact{padding:28px;background:rgba(4,75,145,.72)}
.fact span{display:block;color:#bcecff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.fact strong{display:block;margin-top:9px;font-size:18px}
.about-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:55px clamp(24px,8vw,130px);background:#eef6ff}
.about-cta h2{margin:0;max-width:800px;font-size:clamp(28px,3vw,44px);line-height:1.16}
@media(max-width:1000px){.about-story,.philosophy,.delivery{grid-template-columns:1fr}.about-hero{min-height:360px}.value-grid{grid-template-columns:repeat(2,1fr)}.philosophy-copy{padding-left:26px}.facts-grid{grid-template-columns:1fr}.about-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.vision-mission{grid-template-columns:1fr}.vm-card{min-height:auto;padding:32px 24px}.vm-card h2{margin-top:34px}.value-grid{grid-template-columns:1fr}.value-card{min-height:auto}.about-hero h1{letter-spacing:-.035em}.about-story-copy p,.vm-card p,.philosophy-copy p,.delivery-intro>p:last-child{font-size:16px}.philosophy-copy{padding-left:20px}body[dir=rtl] .philosophy-copy{padding-right:20px}.facts-grid{margin-top:30px}}
