.about-page{--ink:#111827;--muted:#667085;--purple:#6d28d9;--purple2:#4c1d95;--gold:#d6a72c;overflow:hidden;background:#fff;color:var(--ink)}
.about-hero{position:relative;padding:76px 0 82px;background:radial-gradient(circle at 12% 15%,rgba(124,58,237,.13),transparent 28rem),linear-gradient(135deg,#fdfcff,#f7f5ff 58%,#fff)}
.about-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#ddd6fe,transparent)}
.about-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}
.about-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #ddd6fe;border-radius:999px;background:#fff;color:var(--purple);font-size:12px;font-weight:900}.about-eyebrow.dark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#ddd6fe}
.about-hero h1{margin:16px 0 14px;font-size:clamp(36px,5vw,62px);font-weight:950;line-height:1.45;letter-spacing:-1.5px}.about-hero h1 em{color:var(--purple);font-style:normal}
.about-hero-copy>p{max-width:720px;margin:0;color:#5f6b7a;font-size:17px;line-height:2.15}
.about-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.about-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:11px 18px;border-radius:13px;text-decoration:none;font-size:14px;font-weight:900;transition:.2s}.about-btn:hover{transform:translateY(-2px)}
.about-btn-primary{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;box-shadow:0 12px 28px rgba(109,40,217,.2)}.about-btn-primary:hover{color:#fff}.about-btn-light{border:1px solid #ded8ef;background:#fff;color:#312e81}.about-btn-light:hover{color:#312e81}.about-btn-gold{background:#f5c451;color:#342509}.about-btn-gold:hover{color:#342509}
.about-trust-line{display:flex;flex-wrap:wrap;gap:15px;margin-top:22px;color:#667085;font-size:11px;font-weight:800}
.about-hero-visual{position:relative;min-height:420px;display:grid;place-items:center}.about-orbit{position:absolute;border:1px dashed #c4b5fd;border-radius:50%}.orbit-one{width:390px;height:390px}.orbit-two{width:290px;height:290px;opacity:.7}
.about-map-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:260px;height:260px;padding:25px;border:1px solid #e8e2f7;border-radius:44px;background:rgba(255,255,255,.9);box-shadow:0 28px 70px rgba(65,45,120,.14);backdrop-filter:blur(12px);text-align:center}.about-map-card img{width:145px;height:auto;margin-bottom:16px}.about-map-card strong{font-size:17px;font-weight:950}.about-map-card small{margin-top:6px;color:#8a94a6;font-size:10px}
.about-float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #e8e2f7;border-radius:15px;background:#fff;box-shadow:0 14px 32px rgba(65,45,120,.11)}.about-float-card b{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#f5f3ff;color:#6d28d9;font-size:18px}.about-float-card span{color:#98a2b3;font-size:9px;line-height:1.5}.about-float-card strong{color:#344054;font-size:11px}.float-time{top:45px;right:5px}.float-route{bottom:55px;right:25px}.float-store{bottom:115px;left:0}
.about-live-stats{position:relative;z-index:4;margin-top:-30px}.about-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #ece8f5;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.08)}.about-stat-grid>*{display:flex;flex-direction:column;padding:21px 24px;border-left:1px solid #eef0f3;color:inherit;text-decoration:none}.about-stat-grid>*:last-child{border-left:0}.about-stat-grid span{color:#667085;font-size:11px;font-weight:850}.about-stat-grid strong{margin:3px 0;font-size:29px;font-weight:950;color:#4c1d95}.about-stat-grid small{color:#98a2b3;font-size:9px}
.about-section{padding:88px 0}.about-heading{max-width:760px;margin:0 auto 32px;text-align:center}.about-heading>span{color:#7c3aed;font-size:12px;font-weight:950}.about-heading h2{margin:7px 0 8px;font-size:clamp(27px,4vw,39px);font-weight:950;line-height:1.55}.about-heading p{margin:0;color:#667085;font-size:14px;line-height:2}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.benefit-card{position:relative;padding:23px;border:1px solid #eaecf0;border-radius:20px;background:#fff;transition:.2s}.benefit-card:hover{transform:translateY(-3px);border-color:#d8ccf7;box-shadow:0 17px 38px rgba(56,38,110,.08)}.benefit-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:15px;background:#f5f3ff;color:#6d28d9;font-size:22px}.benefit-card>span{color:#7c3aed;font-size:9px;font-weight:950}.benefit-card h3{margin:4px 0 7px;font-size:18px;font-weight:950}.benefit-card p{margin:0;color:#667085;font-size:12px;line-height:2}
.about-how{padding:80px 0;background:linear-gradient(135deg,#14101f,#25154a 60%,#312e81);color:#fff}.about-how-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.about-how-copy h2{margin:13px 0 10px;font-size:38px;font-weight:950;line-height:1.55}.about-how-copy p{margin:0;color:#c8c2d8;font-size:13px;line-height:2}.about-steps{display:grid;gap:10px}.about-steps article{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.055)}.about-steps b{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#7c3aed;font-size:18px}.about-steps span{color:#c4b5fd;font-size:9px;font-weight:900}.about-steps h3{margin:2px 0;font-size:16px;font-weight:950}.about-steps p{margin:0;color:#a9a2b9;font-size:11px;line-height:1.8}
.seller-value-card{display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;border:1px solid #e8e2f7;border-radius:28px;background:#fff;box-shadow:0 20px 60px rgba(30,20,60,.08)}.seller-value-copy{padding:42px}.seller-value-copy h2{margin:13px 0 9px;font-size:34px;font-weight:950;line-height:1.65}.seller-value-copy>p{color:#667085;font-size:13px;line-height:2.05}.seller-points{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.seller-points span{padding:10px;border-radius:10px;background:#faf9ff;color:#51446b;font-size:11px;font-weight:800}.seller-value-side{display:flex;flex-direction:column;justify-content:center;padding:42px;background:linear-gradient(145deg,#6d28d9,#312e81);color:#fff}.seller-value-side>span{color:#d8b4fe;font-size:12px;font-weight:900}.seller-value-side strong{margin:13px 0;font-size:30px;line-height:1.7}.seller-value-side small{color:#c4b5d5;line-height:1.9}
.about-values{padding:80px 0;background:#f8fafc}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.value-grid>div{padding:21px;border-top:3px solid #7c3aed;border-radius:4px 4px 16px 16px;background:#fff}.value-grid b{color:#c4b5fd;font-size:12px}.value-grid h3{margin:10px 0 5px;font-size:17px;font-weight:950}.value-grid p{margin:0;color:#667085;font-size:11px;line-height:2}
.about-note{padding:45px 0}.about-note-box{display:flex;align-items:flex-start;gap:18px;padding:22px 25px;border:1px solid #e5e7eb;border-radius:17px;background:#fafafa}.about-note-box span{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:10px;font-weight:950}.about-note-box p{margin:0;color:#667085;font-size:11px;line-height:2}
.about-final{padding:20px 0 80px}.about-final-card{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 34px;border-radius:24px;background:linear-gradient(135deg,#1d1531,#5b21b6);color:#fff}.about-final-card>div:first-child>span{color:#c4b5fd;font-size:10px;font-weight:900}.about-final-card h2{max-width:720px;margin:5px 0 0;font-size:25px;font-weight:950;line-height:1.7}.about-final-card>div:last-child{display:flex;gap:8px;flex:0 0 auto}
@media(max-width:991px){.about-hero-grid,.about-how-grid,.seller-value-card{grid-template-columns:1fr}.about-hero-visual{min-height:360px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.about-stat-grid,.value-grid{grid-template-columns:repeat(2,1fr)}.about-stat-grid>*{border-bottom:1px solid #eef0f3}.seller-value-side{min-height:300px}.about-final-card{align-items:flex-start;flex-direction:column}}
@media(max-width:575px){.about-hero{padding:45px 0 62px}.about-hero h1{font-size:34px}.about-hero-copy>p{font-size:14px}.about-hero-visual{min-height:320px;transform:scale(.9)}.about-map-card{width:220px;height:220px}.orbit-one{width:310px;height:310px}.orbit-two{width:250px;height:250px}.float-time{right:-15px}.float-store{left:-20px}.about-live-stats{margin-top:-20px}.about-stat-grid{grid-template-columns:1fr 1fr}.about-stat-grid>*{padding:16px}.about-stat-grid strong{font-size:23px}.about-section{padding:60px 0}.benefit-grid,.value-grid{grid-template-columns:1fr}.about-how{padding:60px 0}.about-how-copy h2{font-size:29px}.seller-value-copy,.seller-value-side{padding:25px}.seller-value-copy h2{font-size:26px}.seller-points{grid-template-columns:1fr}.about-note-box{flex-direction:column}.about-final-card{padding:25px}.about-final-card>div:last-child{width:100%;flex-direction:column}.about-final-card .about-btn{width:100%}}
/* IranStores team help section */

.about-team-help {
    background:
        radial-gradient(circle at top right, rgba(124, 58, 237, 0.08), transparent 32%),
        #faf9ff;
}

.about-team-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 28px;
}

.about-team-card {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 22px;
    border: 1px solid #ece7f6;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(35, 25, 55, 0.06);
}

.about-team-card > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 12px;
    background: linear-gradient(135deg, #7c3aed, #5b21b6);
    color: #fff;
    font-weight: 900;
}

.about-team-card h3 {
    margin: 2px 0 7px;
    color: #171124;
    font-size: 15px;
    font-weight: 900;
}

.about-team-card p {
    margin: 0;
    color: #6e647a;
    font-size: 12px;
    line-height: 2;
}

.about-team-message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 22px;
    padding: 22px 25px;
    border-radius: 18px;
    background: #24133f;
    color: #fff;
}

.about-team-message strong {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
}

.about-team-message p {
    max-width: 720px;
    margin: 0;
    color: #ddd2ec;
    font-size: 12px;
    line-height: 1.9;
}

.about-team-message .about-btn {
    flex: 0 0 auto;
}

@media (max-width: 991.98px) {
    .about-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .about-team-grid {
        grid-template-columns: 1fr;
    }

    .about-team-card {
        padding: 17px;
    }

    .about-team-message {
        align-items: stretch;
        flex-direction: column;
        padding: 19px;
    }

    .about-team-message .about-btn {
        width: 100%;
        justify-content: center;
    }
}