@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');

@font-face {
  font-family: "BitaIranNastaliq";
  src: url("../fonts/IranNastaliq.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root{
  --primary:#073B78;
  --primary-dark:#052B58;
  --secondary:#009E8E;
  --secondary-soft:#E8F7F4;
  --soft-bg:#F7FAFC;
  --text:#1F2933;
  --muted:#667085;
  --border:#E5E7EB;
  --shadow:0 14px 34px rgba(7,59,120,.075);
  --container:1080px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  direction:rtl;
  text-align:right;
  font-family:"Vazirmatn","Tahoma",sans-serif;
  color:var(--text);
  background:#fff;
  line-height:1.85;
  font-size:15.5px;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.bita-container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.bita-nastaliq{font-family:"BitaIranNastaliq","IranNastaliq","Times New Roman",serif;font-weight:400}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,231,235,.78)}
.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;min-width:360px;flex:0 0 auto}
.brand-logo{width:48px;height:48px;border-radius:50%;object-fit:contain;background:#fff;filter:drop-shadow(0 8px 14px rgba(7,59,120,.11))}
.brand-text{display:block;white-space:nowrap}
.brand-text strong{display:block;color:var(--primary);font-size:1.24rem;line-height:1.55}
.brand-text span{display:none}

.primary-nav{direction:rtl;text-align:right}
.primary-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;direction:rtl;align-items:center;gap:2px}
.primary-menu li{margin:0}
.primary-menu a{display:inline-flex;padding:7px 10px;border-radius:999px;color:#344054;font-size:.9rem;font-weight:600;transition:.2s ease;white-space:nowrap}
.primary-menu a:hover,.primary-menu .current-menu-item>a,.primary-menu .current_page_item>a{background:var(--secondary-soft);color:var(--primary)}

/* No duplicate contact button in header. Menu keeps ارتباط با ما. */
.header-contact{display:none}

.hero-minimal{position:relative;min-height:560px;display:grid;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.88)),url("../img/ecg-header.svg") center/cover no-repeat}
.hero-minimal:after{content:"";position:absolute;inset:auto -95px -95px auto;width:260px;height:260px;border-radius:50%;border:34px solid rgba(0,158,142,.06)}
.hero-content{position:relative;z-index:2;max-width:760px;padding:58px 0}
.hero-brandline{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.hero-brandtext{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.hero-logo{width:86px;height:86px;border-radius:50%;object-fit:contain;margin-bottom:0;background:#fff;box-shadow:var(--shadow);flex:0 0 86px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--secondary);background:rgba(232,247,244,.78);border:1px solid rgba(0,158,142,.16);border-radius:999px;padding:6px 12px;font-weight:800;font-size:.86rem;margin-bottom:0}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--secondary)}
.hero-title{margin:0;color:var(--primary);font-size:clamp(2.45rem,5.2vw,4.35rem);line-height:1.8}
.hero-english{direction:ltr;text-align:left;color:var(--primary);font-size:.84rem;font-weight:700;letter-spacing:.25px;margin:0 0 0 2px;line-height:1.55;opacity:.82}
.hero-subtitle{margin:16px 0 0;color:#344054;font-size:clamp(.98rem,1.8vw,1.08rem);max-width:720px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.bita-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 18px;font-size:.92rem;font-weight:800;border:1px solid transparent;transition:.2s ease}
.bita-btn-primary{background:var(--primary);color:#fff}
.bita-btn-outline{background:#fff;color:var(--primary);border-color:rgba(7,59,120,.18)}

.safe-strip{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0}
.safe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.safe-item{display:flex;gap:10px;align-items:center;padding:13px 15px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.025)}
.safe-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--secondary-soft);color:var(--secondary);font-weight:800;flex:0 0 34px}
.safe-item strong{color:var(--primary);font-size:.94rem}
.intro-section{padding:54px 0;background:var(--soft-bg)}
.intro-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:26px;box-shadow:0 10px 26px rgba(15,23,42,.035)}
.intro-card h2{margin:0 0 10px;color:var(--primary);font-size:clamp(1.25rem,2.4vw,1.65rem)}
.intro-card p{color:var(--muted);margin:0}

.page-hero{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.90)),url("../img/ecg-header.svg") center/cover no-repeat;padding:52px 0 42px;border-bottom:1px solid var(--border)}
.page-hero h1{font-size:clamp(1.8rem,3.2vw,3rem);margin:0 0 10px;color:var(--primary);line-height:1.8}
.page-hero p{max-width:760px;color:var(--muted);font-size:.98rem;margin:0}
.content-area{padding:52px 0}
.entry-content{max-width:960px}
.entry-content h2,.entry-content h3{color:var(--primary)}
.bita-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bita-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.bita-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:21px;box-shadow:0 10px 22px rgba(15,23,42,.03)}
.bita-card h2,.bita-card h3{margin-top:0;font-size:1.05rem}
.bita-card p{color:var(--muted)}
.bita-tag{display:inline-block;background:var(--secondary-soft);color:var(--secondary);font-weight:800;border-radius:999px;padding:3px 9px;font-size:.74rem;margin-bottom:9px}
.bita-contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.bita-contact-card{background:var(--primary);color:#fff;border-radius:24px;padding:26px}
.bita-contact-card h2,.bita-contact-card h3{color:#fff;margin-top:0}
.bita-contact-row{padding:12px 0;border-top:1px solid rgba(255,255,255,.14);display:flex;gap:10px;align-items:flex-start}
.bita-contact-row strong{color:#BDF1EA;min-width:82px}

.site-footer{background:var(--primary);color:#fff;padding:34px 0}
.footer-grid{display:grid;grid-template-columns:1.1fr 1.3fr;gap:26px;align-items:start}
.footer-brand{display:flex;gap:12px;align-items:center}
.footer-brand img{width:48px;height:48px;border-radius:50%;background:#fff}
.footer-brand strong{font-size:1.08rem;color:#fff}
.footer-brand p{margin:0;color:rgba(255,255,255,.72);font-size:.86rem}
.footer-contact{display:grid;gap:7px;color:rgba(255,255,255,.82);font-size:.88rem;direction:rtl;text-align:right}
.footer-contact strong{color:#BDF1EA}

@media(max-width:1120px){
  .brand{min-width:300px}
  .brand-text{display:block;white-space:normal}
  .brand-text strong{display:block}
  .brand-text span{display:block;direction:ltr;text-align:right;margin-top:-2px}
}
@media(max-width:980px){
  .site-header{position:sticky}
  .header-inner{
    min-height:auto;
    padding:10px 0 8px;
    flex-wrap:wrap;
    align-items:center;
  }
  .brand{
    min-width:0;
    flex:1 1 auto;
  }
  .primary-nav{
    display:block;
    width:100%;
    order:3;
    overflow-x:auto;
    padding-top:8px;
    -webkit-overflow-scrolling:touch;
  }
  .primary-menu{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    gap:4px;
    min-width:max-content;
    padding-bottom:2px;
  }
  .primary-menu a{
    white-space:nowrap;
    font-size:.84rem;
    padding:6px 10px;
    background:#fff;
    border:1px solid rgba(7,59,120,.08);
  }
  .safe-grid,.footer-grid,.bita-grid,.bita-grid-2,.bita-contact-panel{grid-template-columns:1fr}
}
@media(max-width:680px){
  body{font-size:14.7px;line-height:1.9}
  .bita-container{width:min(100% - 26px,var(--container))}
  .header-inner{padding:9px 0 7px}
  .brand-logo{width:40px;height:40px}
  .brand-text strong{font-size:.95rem;line-height:1.6}
  .brand-text span{display:none}
  .primary-nav{padding-top:7px}
  .primary-menu a{font-size:.80rem;padding:6px 9px}
  .hero-minimal{
    min-height:auto;
    align-items:start;
    padding:34px 0 38px;
    background-position:center top;
  }
  .hero-content{
    padding:0;
    max-width:100%;
  }
  .hero-brandline{
    gap:12px;
    margin-bottom:18px;
    align-items:center;
  }
  .hero-brandtext{
    gap:6px;
    align-items:flex-start;
    min-width:0;
  }
  .hero-logo{
    width:68px;
    height:68px;
    flex:0 0 68px;
  }
  .eyebrow{
    font-size:.78rem;
    padding:5px 10px;
    line-height:1.6;
    max-width:100%;
  }
  .hero-english{
    font-size:.72rem;
    line-height:1.5;
    margin-right:2px;
    white-space:normal;
  }
  .hero-title{
    font-size:clamp(2rem,10vw,2.8rem);
    line-height:1.9;
    margin-top:6px;
    margin-bottom:8px;
  }
  .hero-subtitle{
    font-size:.94rem;
    line-height:2;
    max-width:100%;
  }
  .safe-strip{padding:14px 0}
  .safe-item{padding:12px 14px}
  .intro-section{padding:38px 0}
  .intro-card{padding:20px;border-radius:20px}
  .page-hero{padding:38px 0 30px}
  .page-hero h1{font-size:clamp(1.55rem,8vw,2.15rem);line-height:1.9}
  .content-area{padding:38px 0}
  .bita-card{padding:18px}
  .footer-grid{gap:18px}
  .footer-contact{font-size:.84rem}
}


@media(max-width:390px){
  .brand-text strong{font-size:.88rem}
  .primary-menu a{font-size:.76rem;padding:5px 8px}
  .hero-logo{width:62px;height:62px;flex-basis:62px}
  .eyebrow{font-size:.73rem}
  .hero-english{font-size:.68rem}
  .hero-title{font-size:2rem}
}