/* Tarazia v0.4.1 — readability, centered tiers and Persian platform labels */
:root{
    --tier-bronze:#a96732;
    --tier-bronze-dark:#75411f;
    --tier-silver:#74849a;
    --tier-silver-dark:#465568;
    --tier-gold:#d79c19;
    --tier-gold-dark:#8c5d00;
}

.marketing-body,
.marketing-body button,
.marketing-body input,
.marketing-body select,
.marketing-body textarea{
    font-family:"Vazir",Tahoma,"Segoe UI",Arial,sans-serif;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}

/* Header CTA had lower-specificity white text overridden by .landing-nav a. */
.landing-nav a.btn-primary,
.landing-nav a.btn-primary:visited,
.landing-nav a.btn-primary:hover,
.landing-nav a.btn-primary:focus{
    color:#fff !important;
    text-shadow:0 1px 1px rgba(0,0,0,.12);
}
.landing-nav .pwa-install-public{
    color:#063985;
    border:1px solid #cbdced;
    background:#fff;
}

.hero-v2-copy>p,
.section-heading p,
.page-hero p,
.bento-card p,
.service-detail-card p,
.faq-item p,
.final-cta p,
.workflow-grid p{
    line-height:2;
}

/* Eyebrows on dark backgrounds must remain readable. */
.dark-section .section-heading.light .eyebrow,
.final-cta .eyebrow{
    color:#fff !important;
    background:rgba(255,255,255,.14) !important;
    border:1px solid rgba(255,255,255,.2);
    box-shadow:none;
    opacity:1 !important;
}
.dark-section .section-heading.light h2,
.dark-section .section-heading.light p,
.final-cta h2,
.final-cta p{
    color:#fff !important;
    opacity:1;
    text-shadow:0 1px 2px rgba(0,0,0,.12);
}
.dark-section .section-heading.light p,
.final-cta p{color:rgba(255,255,255,.84) !important}

.workflow-grid{align-items:stretch}
.workflow-grid article{
    min-height:235px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    overflow:hidden;
}
.workflow-grid h3{
    width:100%;
    color:#fff;
    line-height:1.65;
}
.workflow-grid p{
    width:100%;
    margin-top:auto;
    color:rgba(255,255,255,.82);
    overflow-wrap:anywhere;
}

.logo-strip{
    text-align:center;
}
.logo-strip>div{
    align-items:center;
    justify-content:center;
}
.logo-strip b{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:5px 9px;
    border-radius:9px;
    background:#f5f8fc;
    color:#34445c;
    white-space:nowrap;
}

/* Center the tier section and make every card readable at any content length. */
.marketing-pricing-grid{
    width:100%;
    max-width:1240px;
    margin-inline:auto;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;
    justify-content:center;
}
.marketing-plan-card{
    width:100%;
    min-width:0;
    min-height:590px;
    height:100%;
    align-items:center;
    padding:30px 24px 24px;
    text-align:center;
    overflow:hidden;
    transform:none !important;
}
.marketing-plan-card:hover{transform:translateY(-5px) !important}
.marketing-plan-card.featured{transform:none !important}
.marketing-plan-card.featured:hover{transform:translateY(-5px) !important}
.marketing-plan-card .plan-icon{margin-inline:auto}
.marketing-plan-card>small,
.marketing-plan-card h2,
.marketing-plan-card h3,
.marketing-plan-card>p,
.marketing-plan-card .plan-price{
    width:100%;
    text-align:center;
}
.marketing-plan-card>p{
    min-height:92px;
    margin-bottom:0;
    line-height:1.95;
    overflow-wrap:anywhere;
}
.marketing-plan-card .plan-price{
    min-height:78px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.marketing-plan-card .plan-price strong{line-height:1.25}
.marketing-plan-card ul{
    width:100%;
    margin-block:0 25px;
    text-align:right;
}
.marketing-plan-card li{
    align-items:flex-start;
    line-height:1.8;
    overflow-wrap:anywhere;
}
.marketing-plan-card .btn{
    width:100%;
    min-height:46px;
    margin-top:auto;
}
.plan-ribbon{
    z-index:2;
    color:#fff;
}

/* New visual names; internal codes stay personal/shared/complete. */
.accent-bronze{border-color:#ead4c2}
.accent-bronze .plan-icon,
.accent-bronze .tier-title>span{color:var(--tier-bronze-dark);background:#f7e9dc}
.accent-bronze .btn-light{color:#fff;background:linear-gradient(135deg,#b97843,#8b4f28)}
.accent-silver{border-color:#cdd6e1}
.accent-silver .plan-icon,
.accent-silver .tier-title>span{color:var(--tier-silver-dark);background:#edf1f5}
.accent-silver.featured{border-color:#8d9aab;box-shadow:0 24px 70px rgba(83,99,119,.2)}
.accent-silver .plan-ribbon{background:linear-gradient(135deg,#8f9daf,#586779)}
.accent-gold{border-color:#efd99f}
.accent-gold .plan-icon,
.accent-gold .tier-title>span{color:var(--tier-gold-dark);background:#fff4cf}
.accent-gold .btn-light{color:#fff;background:linear-gradient(135deg,#e0a82b,#a86b00)}

/* In-panel tier cards use the same metal identity and stable text flow. */
.tier-pricing-grid{align-items:stretch;justify-content:center}
.tier-card{
    min-width:0;
    height:100%;
    overflow:hidden;
    transform:none !important;
}
.tier-card>p{min-height:72px;line-height:1.9}
.tier-card>ul{width:100%;line-height:1.9}

.final-cta{
    isolation:isolate;
    overflow:hidden;
}
.final-cta>div{position:relative;z-index:2}
.final-cta .btn-white{
    color:#03275f !important;
    background:#fff !important;
}

@media(max-width:1180px){
    .marketing-pricing-grid{grid-template-columns:repeat(2,minmax(260px,1fr));max-width:820px}
}
@media(max-width:720px){
    .marketing-pricing-grid{grid-template-columns:minmax(0,1fr);max-width:430px}
    .marketing-plan-card{min-height:0}
    .marketing-plan-card>p{min-height:0}
    .workflow-grid article{min-height:0}
    .logo-strip>div{gap:8px}
    .logo-strip b{font-size:11px}
}