/* =========================================================
   Padidar About Page v1
   ========================================================= */

:root{
    --pfa-navy:#052f57;
    --pfa-deep:#03233f;
    --pfa-red:#ed1327;
    --pfa-orange:#f27422;
    --pfa-text:#0b3159;
    --pfa-muted:#6d8193;
    --pfa-soft:#f5f8fb;
    --pfa-line:#dbe6ef;
    --pfa-white:#fff;
    --pfa-shadow:0 18px 50px rgba(2,42,76,.08);
}

.pfa-page{direction:rtl;background:#fff;color:var(--pfa-text);overflow:hidden}
.pfa-page *{box-sizing:border-box}
.pfa-page img{display:block;max-width:100%}

/* Hero */
.pfa-hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:#03233f;color:#fff}
.pfa-hero-media{position:absolute;inset:0;background-size:cover;background-position:center}
.pfa-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,35,63,.96) 0%,rgba(3,35,63,.91) 38%,rgba(3,35,63,.28) 73%,rgba(3,35,63,.08) 100%)}
.pfa-hero:before{content:"";position:absolute;z-index:2;right:0;top:0;width:7px;height:100%;background:var(--pfa-red)}
.pfa-hero-inner{position:relative;z-index:3;padding-top:58px;padding-bottom:58px}
.pfa-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:34px;color:#c1d0dc;font-size:11px}
.pfa-breadcrumb a{color:#fff}
.pfa-hero-copy{max-width:760px}
.pfa-eyebrow,.pfa-section-kicker{display:inline-block;color:var(--pfa-orange);font-size:12px;font-weight:900;letter-spacing:.1px}
.pfa-hero h1{margin:10px 0 18px;color:#fff;font-size:58px;line-height:1.3;font-weight:900}
.pfa-hero h1 em{color:#ffb184;font-style:normal}
.pfa-hero p{max-width:710px;margin:0;color:#d8e2ea;font-size:15px;line-height:2.05}
.pfa-hero-actions{display:flex;gap:11px;margin-top:28px;flex-wrap:wrap}
.pfa-btn{display:inline-flex;min-height:48px;padding:0 20px;align-items:center;justify-content:center;border-radius:7px;font-size:12px;font-weight:900;transition:.2s ease}
.pfa-btn-red{background:var(--pfa-red);color:#fff!important;box-shadow:0 10px 26px rgba(237,19,39,.22)}
.pfa-btn-red:hover{transform:translateY(-2px)}
.pfa-btn-ghost{border:1px solid rgba(255,255,255,.55);color:#fff!important;background:rgba(255,255,255,.04)}
.pfa-hero-signature{position:absolute;z-index:2;left:-20px;bottom:22px;color:rgba(255,255,255,.07);font-size:40px;font-weight:900;letter-spacing:4px;white-space:nowrap}

/* Intro */
.pfa-intro{padding:82px 0}
.pfa-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(410px,.82fr);gap:70px;align-items:center}
.pfa-intro-copy h2,.pfa-processing-copy h2,.pfa-mission-copy h2,.pfa-clients-top h2,.pfa-section-head h2,.pfa-future h2,.pfa-cta h2{margin:7px 0 18px;color:var(--pfa-text);font-size:35px;line-height:1.5}
.pfa-intro-copy>p,.pfa-processing-copy>p,.pfa-mission-copy>p{margin:0 0 12px;color:#5f7588;font-size:13px;line-height:2.05}
.pfa-intro-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:25px}
.pfa-intro-points>div{min-height:100px;padding:14px;border:1px solid var(--pfa-line);border-radius:11px;background:#fff}
.pfa-intro-points span{display:block;color:var(--pfa-red);font-size:11px;font-weight:900}
.pfa-intro-points strong{display:block;margin-top:9px;color:var(--pfa-text);font-size:12px;line-height:1.8}
.pfa-intro-visual{position:relative;min-height:455px;padding:0 45px 50px 0}
.pfa-intro-main{height:405px;overflow:hidden;border-radius:18px}
.pfa-intro-main img{width:100%;height:100%;object-fit:cover}
.pfa-intro-small{position:absolute;right:0;bottom:0;width:205px;height:145px;padding:7px;background:#fff;border-radius:15px;box-shadow:var(--pfa-shadow)}
.pfa-intro-small img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.pfa-intro-badge{position:absolute;left:-18px;top:35px;width:170px;padding:16px;border-right:4px solid var(--pfa-red);background:var(--pfa-navy);color:#fff;box-shadow:var(--pfa-shadow)}
.pfa-intro-badge strong{display:block;font-size:14px}
.pfa-intro-badge span{display:block;margin-top:5px;color:#cbd9e3;font-size:9px;line-height:1.8}

/* Scope */
.pfa-scope{padding:68px 0 78px;background:var(--pfa-soft)}
.pfa-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.pfa-section-head h2{margin-bottom:0}
.pfa-section-head>a{padding-bottom:6px;border-bottom:1px solid #aebdca;color:var(--pfa-text);font-size:11px;font-weight:900}
.pfa-scope-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:15px}
.pfa-scope-card{overflow:hidden;border:1px solid var(--pfa-line);border-radius:15px;background:#fff;box-shadow:0 7px 24px rgba(4,43,78,.04)}
.pfa-scope-card img{width:100%;height:205px;object-fit:cover}
.pfa-scope-card-large img{height:245px}
.pfa-scope-card>div{padding:19px}
.pfa-scope-card span{color:var(--pfa-red);font-size:10px;font-weight:900}
.pfa-scope-card h3{margin:5px 0 8px;color:var(--pfa-text);font-size:18px;line-height:1.6}
.pfa-scope-card p{margin:0;color:#718394;font-size:11px;line-height:1.9}

/* Processing */
.pfa-processing{padding:88px 0}
.pfa-processing-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:72px;align-items:center}
.pfa-processing-media{position:relative;min-height:430px}
.pfa-media-a{position:absolute;right:0;top:0;width:75%;height:315px;overflow:hidden;border-radius:17px}
.pfa-media-b{position:absolute;left:0;bottom:0;width:57%;height:220px;padding:7px;background:#fff;border-radius:16px;box-shadow:var(--pfa-shadow)}
.pfa-media-a img,.pfa-media-b img{width:100%;height:100%;object-fit:cover;border-radius:11px}
.pfa-media-line{position:absolute;right:14%;bottom:20px;width:110px;height:6px;background:var(--pfa-red)}
.pfa-service-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.pfa-service-tags span{padding:7px 11px;border:1px solid #d8e4ed;border-radius:999px;background:#f8fbfd;color:#395b76;font-size:10px;font-weight:800}
.pfa-text-link{color:var(--pfa-red)!important;font-size:12px;font-weight:900}

/* Clients */
.pfa-clients{padding:70px 0;background:var(--pfa-navy);color:#fff}
.pfa-clients-top{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:end}
.pfa-clients-top h2{margin-bottom:0;color:#fff}
.pfa-clients-top>p{margin:0;color:#d1dde6;font-size:12px;line-height:2}
.pfa-client-types{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.pfa-client-types span{padding:11px 15px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.045);color:#fff;font-size:11px;font-weight:800}
.pfa-clients-note{max-width:910px;margin:24px 0 0;color:#bed0de;font-size:11px;line-height:1.9}

/* Mission */
.pfa-mission{padding:85px 0}
.pfa-mission-grid{display:grid;grid-template-columns:1fr .82fr;gap:65px;align-items:center}
.pfa-mission-visual{position:relative;height:410px;overflow:hidden;border-radius:18px}
.pfa-mission-visual img{width:100%;height:100%;object-fit:cover}
.pfa-mission-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,32,58,.68),transparent 58%)}
.pfa-mission-label{position:absolute;z-index:2;right:24px;left:24px;bottom:22px;color:#fff}
.pfa-mission-label small{display:block;color:#ffae7b;font-size:9px;letter-spacing:1.5px}
.pfa-mission-label strong{display:block;margin-top:5px;font-size:20px}

/* Why */
.pfa-why{padding:76px 0 82px;background:#f6f9fb}
.pfa-section-head-center{display:block;text-align:center}
.pfa-section-head-center>div{max-width:760px;margin:0 auto}
.pfa-section-head-center p{margin:6px 0 0;color:#7a8b9b;font-size:12px;line-height:1.9}
.pfa-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:31px}
.pfa-why-grid article{min-height:200px;padding:21px;border:1px solid var(--pfa-line);border-radius:13px;background:#fff;transition:.2s ease}
.pfa-why-grid article:hover{transform:translateY(-3px);border-color:#ebc2c6;box-shadow:var(--pfa-shadow)}
.pfa-why-no{color:var(--pfa-red);font-size:11px;font-weight:900}
.pfa-why-grid h3{margin:16px 0 8px;color:var(--pfa-text);font-size:15px;line-height:1.65}
.pfa-why-grid p{margin:0;color:#76899a;font-size:10.5px;line-height:1.9}
.pfa-why-grid article:last-child{grid-column:2/4}

/* Future */
.pfa-future{position:relative;min-height:450px;display:flex;align-items:center;overflow:hidden;color:#fff}
.pfa-future-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.pfa-future-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,34,62,.96),rgba(2,34,62,.82) 55%,rgba(2,34,62,.48))}
.pfa-future-inner{position:relative;z-index:2;padding-top:62px;padding-bottom:62px}
.pfa-future-inner>*{max-width:790px}
.pfa-future h2{color:#fff;font-size:38px}
.pfa-future p{margin:0 0 12px;color:#d9e5ed;font-size:13px;line-height:2}

/* CTA */
.pfa-cta{padding:78px 0;background:#fff}
.pfa-cta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center;padding-top:32px!important;padding-bottom:32px!important;border-top:1px solid var(--pfa-line);border-bottom:1px solid var(--pfa-line)}
.pfa-cta h2{margin-bottom:11px}
.pfa-cta p{max-width:800px;margin:0 0 8px;color:#6c8092;font-size:12px;line-height:2}
.pfa-cta-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.pfa-btn-dark-outline{border:1px solid #a9bac8;color:var(--pfa-text)!important;background:#fff}
.pfa-cta-mark{padding:28px;border-right:5px solid var(--pfa-red);background:var(--pfa-navy);color:#fff}
.pfa-cta-mark span{display:block;color:#cbd9e3;font-size:11px}
.pfa-cta-mark strong{display:block;margin-top:8px;color:#fff;font-size:26px;line-height:1.6}

/* Responsive */
@media(max-width:1100px){
    .pfa-hero{min-height:520px}
    .pfa-hero h1{font-size:49px}
    .pfa-intro-grid,.pfa-processing-grid,.pfa-mission-grid{gap:38px}
    .pfa-scope-grid{grid-template-columns:1.15fr 1fr 1fr}
    .pfa-why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .pfa-why-grid article:last-child{grid-column:auto}
}

@media(max-width:800px){
    .pfa-hero{min-height:570px;align-items:flex-end}
    .pfa-hero-media{background-position:62% center}
    .pfa-hero-overlay{background:linear-gradient(0deg,rgba(2,34,62,.98) 0%,rgba(2,34,62,.91) 58%,rgba(2,34,62,.34) 100%)}
    .pfa-hero-inner{width:calc(100% - 28px)!important;padding-top:160px;padding-bottom:38px}
    .pfa-breadcrumb{margin-bottom:20px}
    .pfa-hero h1{font-size:39px;line-height:1.4}
    .pfa-hero p{font-size:12px;line-height:1.9}
    .pfa-hero-signature{display:none}
    .pfa-hero-actions{display:grid;grid-template-columns:1fr}

    .pfa-intro,.pfa-processing,.pfa-mission,.pfa-cta{padding:48px 0}
    .pfa-scope,.pfa-why{padding:46px 0}
    .pfa-intro-grid,.pfa-processing-grid,.pfa-mission-grid,.pfa-cta-grid,.pfa-clients-top{grid-template-columns:1fr;gap:28px}
    .pfa-intro-copy h2,.pfa-processing-copy h2,.pfa-mission-copy h2,.pfa-clients-top h2,.pfa-section-head h2,.pfa-future h2,.pfa-cta h2{font-size:27px}
    .pfa-intro-points{grid-template-columns:1fr}
    .pfa-intro-points>div{min-height:0}
    .pfa-intro-visual{min-height:360px;padding:0 28px 35px 0}
    .pfa-intro-main{height:320px}
    .pfa-intro-small{width:160px;height:115px}
    .pfa-intro-badge{left:0;top:23px;width:150px}

    .pfa-section-head{align-items:flex-start;flex-direction:column}
    .pfa-scope-grid{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .pfa-scope-grid::-webkit-scrollbar{display:none}
    .pfa-scope-card{flex:0 0 82vw;max-width:330px;scroll-snap-align:start}
    .pfa-scope-card img,.pfa-scope-card-large img{height:205px}

    .pfa-processing-media{min-height:350px;order:2}
    .pfa-media-a{height:275px}
    .pfa-media-b{height:170px}
    .pfa-service-tags{gap:6px}

    .pfa-clients{padding:48px 0}
    .pfa-client-types{gap:7px;margin-top:21px}
    .pfa-client-types span{padding:9px 11px;font-size:10px}

    .pfa-mission-visual{height:300px;order:-1}

    .pfa-why-grid{grid-template-columns:1fr;gap:9px}
    .pfa-why-grid article{min-height:0;padding:17px}
    .pfa-why-grid h3{margin-top:10px}

    .pfa-future{min-height:520px}
    .pfa-future-bg{background-position:center}
    .pfa-future-overlay{background:rgba(2,34,62,.88)}
    .pfa-future-inner{width:calc(100% - 28px)!important;padding-top:48px;padding-bottom:48px}
    .pfa-future h2{font-size:29px}

    .pfa-cta-grid{padding-top:22px!important;padding-bottom:22px!important}
    .pfa-cta-mark{padding:21px}
    .pfa-cta-mark strong{font-size:21px}
    .pfa-cta-actions{display:grid;grid-template-columns:1fr}
}

@media(max-width:430px){
    .pfa-hero-inner,.pfa-future-inner{width:calc(100% - 22px)!important}
    .pfa-hero h1{font-size:34px}
    .pfa-intro-visual{min-height:330px;padding-right:18px}
    .pfa-intro-main{height:290px}
    .pfa-intro-small{width:145px;height:102px}
    .pfa-intro-badge{width:138px;padding:13px}
    .pfa-scope-card{flex-basis:86vw}
    .pfa-media-a{width:81%}
    .pfa-media-b{width:63%}
}


/* =========================================================
   PADIDAR ABOUT WHY GLASS ROW V1
   7 compact glass cards in one desktop row
   ========================================================= */

.pfa-page .pfa-why{
    position:relative !important;
    padding:58px 0 64px !important;
    overflow:hidden !important;

    background:
        radial-gradient(circle at 10% 10%,rgba(237,19,39,.055),transparent 27%),
        radial-gradient(circle at 90% 80%,rgba(5,92,160,.07),transparent 30%),
        linear-gradient(135deg,#f1f6fa 0%,#f8fbfd 52%,#eef4f8 100%) !important;
}

/* Desktop - all seven cards in one row */
@media (min-width:1280px){

    .pfa-page .pfa-why-grid{
        display:grid !important;
        grid-template-columns:repeat(7,minmax(0,1fr)) !important;
        gap:10px !important;
        margin-top:26px !important;
        align-items:stretch !important;
    }

    .pfa-page .pfa-why-grid article,
    .pfa-page .pfa-why-grid article:last-child{
        grid-column:auto !important;
        min-width:0 !important;
        min-height:158px !important;
        height:100% !important;

        padding:15px 14px 14px !important;

        position:relative !important;
        overflow:hidden !important;

        border:1px solid rgba(var(--glow),.18) !important;
        border-radius:16px !important;

        background:
            linear-gradient(
                145deg,
                rgba(255,255,255,.84) 0%,
                rgba(255,255,255,.56) 100%
            ) !important;

        -webkit-backdrop-filter:blur(14px) saturate(135%) !important;
        backdrop-filter:blur(14px) saturate(135%) !important;

        box-shadow:
            0 9px 25px rgba(3,35,63,.055),
            0 0 20px rgba(var(--glow),.055),
            inset 0 1px 0 rgba(255,255,255,.95) !important;

        transition:
            transform .22s ease,
            box-shadow .22s ease,
            border-color .22s ease !important;
    }

    .pfa-page .pfa-why-grid article::before{
        content:"" !important;
        position:absolute !important;
        top:0 !important;
        right:13px !important;
        left:13px !important;
        height:3px !important;

        border-radius:0 0 5px 5px !important;
        background:rgb(var(--glow)) !important;

        box-shadow:0 0 14px rgba(var(--glow),.38) !important;
    }

    .pfa-page .pfa-why-grid article::after{
        content:"" !important;
        position:absolute !important;
        width:75px !important;
        height:75px !important;
        top:-35px !important;
        left:-28px !important;

        border-radius:50% !important;
        background:rgba(var(--glow),.08) !important;
        filter:blur(4px) !important;
        pointer-events:none !important;
    }

    .pfa-page .pfa-why-grid article:hover{
        transform:translateY(-5px) !important;

        border-color:rgba(var(--glow),.34) !important;

        box-shadow:
            0 14px 32px rgba(3,35,63,.09),
            0 0 24px rgba(var(--glow),.10),
            inset 0 1px 0 #fff !important;
    }

    .pfa-page .pfa-why-no{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        min-width:30px !important;
        height:25px !important;
        padding:0 7px !important;

        border-radius:999px !important;

        color:rgb(var(--glow)) !important;
        background:rgba(var(--glow),.08) !important;
        border:1px solid rgba(var(--glow),.12) !important;

        font-size:11px !important;
        font-weight:900 !important;
    }

    .pfa-page .pfa-why-grid h3{
        margin:12px 0 7px !important;

        color:#07355f !important;

        font-size:16px !important;
        font-weight:900 !important;
        line-height:1.65 !important;
    }

    .pfa-page .pfa-why-grid p{
        margin:0 !important;

        color:#667f94 !important;

        font-size:12.5px !important;
        font-weight:500 !important;
        line-height:1.8 !important;
    }
}


/* Individual professional glass accents */

.pfa-page .pfa-why-grid article:nth-child(1){
    --glow:237,19,39;
}

.pfa-page .pfa-why-grid article:nth-child(2){
    --glow:10,91,160;
}

.pfa-page .pfa-why-grid article:nth-child(3){
    --glow:242,116,34;
}

.pfa-page .pfa-why-grid article:nth-child(4){
    --glow:13,148,136;
}

.pfa-page .pfa-why-grid article:nth-child(5){
    --glow:111,76,190;
}

.pfa-page .pfa-why-grid article:nth-child(6){
    --glow:0,139,195;
}

.pfa-page .pfa-why-grid article:nth-child(7){
    --glow:196,137,0;
}


/* Tablet */
@media (min-width:801px) and (max-width:1279px){

    .pfa-page .pfa-why-grid{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:11px !important;
    }

    .pfa-page .pfa-why-grid article,
    .pfa-page .pfa-why-grid article:last-child{
        grid-column:auto !important;
        min-height:155px !important;
        padding:15px !important;
    }
}


/* Mobile */
@media (max-width:800px){

    .pfa-page .pfa-why-grid{
        grid-template-columns:1fr !important;
        gap:9px !important;
    }

    .pfa-page .pfa-why-grid article,
    .pfa-page .pfa-why-grid article:last-child{
        grid-column:auto !important;
        min-height:0 !important;
        padding:15px !important;
    }

    .pfa-page .pfa-why-grid h3{
        font-size:17px !important;
        margin:8px 0 5px !important;
    }

    .pfa-page .pfa-why-grid p{
        font-size:13px !important;
    }
}