:root{
    --navy:#1A1D20; --navy2:#25292E; --accent:#D9622B; --accent-d:#B14E1D; --accent-btn:#C4551F; --accent2:#EE9163;
    --text:#21252A; --muted:#5D636A; --soft:#F7F6F4; --line:#EAE7E3; --white:#fff;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  section[id], header[id]{scroll-margin-top:74px;}
  body{font-family:'Vazirmatn',system-ui,sans-serif; color:var(--text); background:var(--white); line-height:1.85;}
  a{color:inherit; text-decoration:none;}
  .wrap{max-width:1080px; margin:0 auto; padding:0 24px;}
  .accent{color:var(--accent);}

  /* ===== نوار بالا ===== */
  nav{position:sticky; top:0; z-index:60; background:rgba(26,29,32,0.94); backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,0.08);}
  nav .wrap{display:flex; align-items:center; justify-content:space-between; padding:15px 24px;}
  .brand{display:flex; align-items:center; gap:10px; color:#fff; font-weight:700;}
  .brand .dot{width:30px; height:30px; border-radius:9px; background:var(--accent); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800;}
  .menu{display:flex; gap:6px; flex-wrap:wrap;}
  .menu a{color:#C9CDD2; font-size:14px; padding:7px 13px; border-radius:9px; transition:.2s; font-weight:500;}
  .menu a:hover{color:#fff; background:rgba(255,255,255,0.08);}
  .nav-cta{background:var(--accent-btn); color:#fff!important; font-weight:700;}
  .nav-cta:hover{background:var(--accent)!important;}
  .menu a.active:not(.nav-cta){color:var(--accent2); background:rgba(217,98,43,0.16);}

  /* ===== هیرو ===== */
  .hero{background:radial-gradient(120% 140% at 80% 0%,#2C3136 0%,#25292E 45%,#1A1D20 100%); color:#fff; position:relative; overflow:hidden;}
  .hero::after{content:''; position:absolute; top:-120px; left:-80px; width:420px; height:420px; border-radius:50%;
    background:radial-gradient(circle,rgba(217,98,43,0.20),transparent 70%);}
  .hero .wrap{display:grid; grid-template-columns:1.3fr 1fr; gap:40px; align-items:center; padding:70px 24px 80px; position:relative; z-index:2;}
  .hero .eyebrow{display:inline-block; background:rgba(217,98,43,0.16); color:var(--accent2); padding:6px 16px; border-radius:30px; font-size:13px; font-weight:600; margin-bottom:20px;}
  .hero h1{font-size:clamp(34px,5.5vw,52px); font-weight:800; line-height:1.25; letter-spacing:-1px; margin-bottom:18px;}
  .hero p.lead{font-size:18px; color:#B9BEC4; max-width:520px; margin-bottom:30px;}
  .hero .btns{display:flex; gap:13px; flex-wrap:wrap;}
  .btn{padding:14px 28px; border-radius:12px; font-weight:700; font-size:15px; cursor:pointer; transition:.2s; display:inline-block;}
  .btn-gold{background:var(--accent-btn); color:#fff;}
  .btn-gold:hover{background:var(--accent); transform:translateY(-2px);}
  .btn-ghost{background:rgba(255,255,255,0.08); color:#fff; border:1px solid rgba(255,255,255,0.2);}
  .btn-ghost:hover{background:rgba(255,255,255,0.16); transform:translateY(-2px);}

  .photo-col{display:flex; justify-content:center; position:relative;}
  .photo{width:270px; height:330px; border-radius:24px; object-fit:cover; border:4px solid rgba(255,255,255,0.12);
    background:linear-gradient(135deg,#2c4178,#3a5499); display:flex; align-items:center; justify-content:center;
    font-size:72px; font-weight:800; color:rgba(255,255,255,0.5); box-shadow:0 30px 60px -20px rgba(0,0,0,0.5);}
  .badge-float{position:absolute; background:#fff; color:var(--text); border-radius:14px; padding:11px 15px; box-shadow:0 14px 36px -12px rgba(0,0,0,0.3); font-size:13px; font-weight:600;}
  .badge-float .b-num{color:var(--accent); font-weight:800; font-size:17px;}
  .bf1{bottom:24px; right:-14px;} .bf2{top:30px; left:-20px;}

  /* ===== آمار ===== */
  .stats-unused{background:var(--navy); }
  .stats .wrap{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding:0 24px; transform:translateY(-38px);}
  .stat{background:#fff; border-radius:16px; padding:24px 18px; text-align:center; box-shadow:0 16px 40px -18px rgba(26,29,32,0.25);}
  .stat .n{font-size:34px; font-weight:800; color:var(--navy); line-height:1;}
  .stat .l{font-size:13px; color:var(--muted); margin-top:8px;}

  /* ===== بخش‌ها ===== */
  section.block{padding:64px 0;}
  .head{text-align:center; max-width:640px; margin:0 auto 46px;}
  .head .kk{color:var(--accent-d); font-weight:700; font-size:14px; letter-spacing:1px; margin-bottom:10px;}
  .head h2{font-size:32px; font-weight:800; letter-spacing:-0.5px;}
  .head p{color:var(--muted); margin-top:12px;}

  .reveal{opacity:0; transform:translateY(26px); transition:.7s cubic-bezier(.2,.7,.3,1);}
  .reveal.in{opacity:1; transform:none;}

  /* درباره */
  .about{display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center;}
  .about p{color:#3F454C; margin-bottom:16px;}
  .about .facts{background:var(--soft); border-radius:18px; padding:28px;}
  .fact{display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--line); font-size:15px;}
  .fact:last-child{border:none;}
  .fact .k{color:var(--muted);} .fact .v{font-weight:600;}

  /* افتخارات */
  .honors{background:var(--soft);}
  .h-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
  .honor{background:#fff; border-radius:18px; padding:26px; border:1px solid var(--line); transition:.25s;}
  .honor:hover{transform:translateY(-5px); box-shadow:0 22px 48px -22px rgba(26,29,32,0.28); border-color:var(--accent);}
  .honor .ico{width:48px; height:48px; border-radius:13px; background:linear-gradient(135deg,var(--accent),var(--accent2)); display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:16px;}
  .honor h3{font-size:17px; font-weight:700; margin-bottom:8px; line-height:1.5;}
  .honor p{color:var(--muted); font-size:14px;}

  /* مهارت‌ها */
  .skill-cat{margin-bottom:24px;}
  .skill-cat h3{font-size:16px; color:var(--navy); margin-bottom:13px; display:flex; align-items:center; gap:9px;}
  .skill-cat h3::before{content:''; width:8px; height:8px; border-radius:50%; background:var(--accent);}
  .chips{display:flex; flex-wrap:wrap; gap:9px;}
  .chip{background:var(--soft); border:1px solid var(--line); padding:9px 16px; border-radius:11px; font-size:14px; font-weight:500; transition:.2s;}
  .chip:hover{background:var(--navy); color:#fff; border-color:var(--navy); transform:translateY(-2px);}

  /* تجربه */
  .timeline{max-width:720px; margin:0 auto; position:relative; padding-right:30px;}
  .timeline::before{content:''; position:absolute; right:7px; top:8px; bottom:8px; width:2px; background:var(--line);}
  .tl{position:relative; padding-bottom:34px;}
  .tl::before{content:''; position:absolute; right:-30px; top:7px; width:15px; height:15px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px #fff,0 0 0 6px var(--line);}
  .tl .when{color:var(--accent-d); font-weight:700; font-size:14px;}
  .tl h3{font-size:18px; font-weight:700; margin:4px 0 2px;}
  .tl .org{color:var(--muted); font-size:14px;}

  /* پروژه‌ها */
  .projects{background:var(--soft);}
  .p-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
  .proj{background:#fff; border-radius:18px; overflow:hidden; border:1px solid var(--line); transition:.25s;}
  .proj:hover{transform:translateY(-6px); box-shadow:0 26px 54px -24px rgba(26,29,32,0.3);}
  .proj .cover{height:150px; background:linear-gradient(135deg,var(--navy2),var(--navy)); display:flex; align-items:center; justify-content:center; font-size:46px;}
  .proj .body{padding:20px;}
  .proj .yr{color:var(--accent-d); font-weight:700; font-size:12px;}
  .proj h3{font-size:16px; font-weight:700; margin:5px 0 8px; line-height:1.5;}
  .proj p{color:var(--muted); font-size:13px;}

  /* تماس */
  .contact{background:radial-gradient(120% 140% at 80% 0%,#2C3136 0%,#1A1D20 100%); color:#fff; text-align:center;}
  .contact h2{font-size:34px; font-weight:800; margin-bottom:14px;}
  .contact p{color:#B9BEC4; max-width:480px; margin:0 auto 30px;}
  .c-links{display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:30px;}
  .c-links a{display:flex; align-items:center; gap:8px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.16); padding:13px 22px; border-radius:12px; font-size:14px; font-weight:500; transition:.2s;}
  .c-links a:hover{background:rgba(255,255,255,0.16); transform:translateY(-2px);}

  footer{background:var(--navy); color:#8F959C; text-align:center; padding:26px; font-size:13px; border-top:1px solid rgba(255,255,255,0.08);}

  @media(max-width:860px){
    .hero .wrap{grid-template-columns:1fr; text-align:center;} .hero .btns{justify-content:center;} .photo-col{margin-top:20px;}
    .stats .wrap{grid-template-columns:repeat(2,1fr);}
    .about{grid-template-columns:1fr;} .h-grid,.p-grid{grid-template-columns:1fr;}
  }

  /* فهرست مرتب پروژه‌ها */
  .p-list{max-width:760px; margin:0 auto; list-style:none; padding:0;}
  .prow{display:flex; align-items:center; gap:16px; background:#fff; border:1px solid var(--line); border-radius:14px; padding:14px 18px; margin-bottom:12px; cursor:pointer; transition:.2s;}
  .prow:hover{border-color:var(--accent); transform:translateX(-5px); box-shadow:0 16px 36px -20px rgba(26,29,32,0.3);}
  .prow .pn{font-weight:800; color:var(--accent-d); font-size:18px; min-width:30px;}
  .prow .pthumb{width:70px; height:54px; object-fit:contain; background:#fff!important; border:1px solid var(--line); border-radius:9px; flex-shrink:0; background:var(--soft);}
  .prow .pinfo{flex:1;}
  .prow .pt-title{font-weight:700; font-size:16px;}
  .prow .pt-sub{color:var(--muted); font-size:13px;}
  .prow .pchev{color:var(--accent); font-weight:700; font-size:14px; white-space:nowrap;}
  /* مودال جزئیات */
  .pmodal{position:fixed; inset:0; background:rgba(26,29,32,0.72); backdrop-filter:blur(4px); display:none; align-items:center; justify-content:center; padding:20px; z-index:200;}
  .pmodal.show{display:flex;}
  .pcard{background:#fff; border-radius:20px; max-width:620px; width:100%; max-height:90vh; overflow-y:auto; position:relative; animation:pop .3s ease;}
  @keyframes pop{from{opacity:0; transform:scale(.95) translateY(10px);} to{opacity:1; transform:none;}}
  .pclose{position:absolute; top:14px; left:14px; width:36px; height:36px; border:none; border-radius:50%; background:rgba(0,0,0,0.45); color:#fff; font-size:22px; cursor:pointer; z-index:3;}
  #pm-img{width:100%; height:min(52vh,440px); object-fit:contain; background:#fff; border-radius:20px 20px 0 0; display:block;}
  .pbody{padding:26px 28px 30px;}
  #pm-year{color:var(--accent); font-weight:700; font-size:13px;}
  #pm-title{font-size:24px; font-weight:800; margin:6px 0 14px;}
  #pm-desc p{color:#3F454C; margin-bottom:14px; line-height:1.9;}
  #pm-tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:18px;}
  #pm-tags span{background:var(--soft); border:1px solid var(--line); color:var(--navy); font-size:13px; padding:6px 13px; border-radius:9px; font-weight:500;}
  /* مقالات */
  .pub{max-width:760px; margin:0 auto; background:#fff; border:1px solid var(--line); border-radius:18px; padding:30px 32px; position:relative; overflow:hidden;}
  .pub::before{content:''; position:absolute; top:0; right:0; width:6px; height:100%; background:linear-gradient(var(--accent),var(--accent2));}
  .pub .jbadge{display:inline-flex; align-items:center; gap:8px; background:#0b1a2b; color:#fff; padding:7px 14px; border-radius:9px; font-size:13px; font-weight:600;}
  .pub .jbadge b{color:#ffd479;}
  .pub .ptitle{font-size:19px; font-weight:700; margin:16px 0 8px; line-height:1.6; direction:ltr; text-align:left;}
  .pub .pfa{color:#3F454C; margin-bottom:14px;}
  .pub .authors{font-size:13.5px; color:var(--muted); margin-bottom:4px; direction:ltr; text-align:left;}
  .pub .authors b{color:var(--navy);}
  .pub .prole{font-size:14px; color:var(--text); background:var(--soft); border-radius:10px; padding:12px 16px; margin:16px 0;}
  .pub .pmeta{display:flex; gap:18px; flex-wrap:wrap; font-size:13px; color:var(--muted); margin-bottom:20px;}
  .pub .pmeta b{color:var(--accent);}
  .pub .plink{display:inline-block; background:var(--navy); color:#fff; padding:12px 24px; border-radius:11px; font-weight:600; font-size:14px; transition:.2s;}
  .pub .plink:hover{background:var(--navy2); transform:translateY(-2px);}
  /* فرم تماس */
  .cform{max-width:520px; margin:6px auto 30px; text-align:right;}
  .cf-row{display:flex; gap:12px; margin-bottom:12px;}
  .cform input, .cform textarea{width:100%; padding:13px 16px; border-radius:11px; border:1px solid rgba(255,255,255,0.18); background:rgba(255,255,255,0.08); color:#fff; font-family:inherit; font-size:15px; outline:none; transition:.2s;}
  .cform input::placeholder, .cform textarea::placeholder{color:#9fb0c9;}
  .cform input:focus, .cform textarea:focus{border-color:var(--accent); background:rgba(255,255,255,0.13);}
  .cform textarea{resize:vertical; margin-bottom:12px;}
  .cf-btn{width:100%; padding:14px; border:none; border-radius:11px; background:var(--accent); color:var(--navy); font-weight:700; font-size:15px; cursor:pointer; transition:.2s; font-family:inherit;}
  .cf-btn:hover{background:var(--accent2); transform:translateY(-2px);}
  .cf-btn:disabled{opacity:.6; cursor:default; transform:none;}
  .cf-status{margin-top:12px; font-size:14px; min-height:20px;}
  .cf-status.ok{color:#7ee0a8;}
  .cf-status.err{color:#ff9b8a;}
  @media(max-width:560px){ .cf-row{flex-direction:column;} }

/* ===== v2.1 ===== */
.tl .tl-d{color:var(--muted); font-size:14px; margin-top:6px;}
p{text-align:justify;}
.hero .wrap{grid-template-columns:1.25fr 1fr; padding:84px 24px 92px;}
.hero h1{font-size:clamp(34px,5vw,50px); margin-bottom:10px;}
.hero .headline{font-size:clamp(18px,2.2vw,22px); font-weight:600; color:#fff; margin-bottom:18px; line-height:1.7;}
.hero .headline b{color:var(--accent2); font-weight:700;}
.hero p.lead{font-size:16.5px; max-width:540px;}
.portrait{position:relative; width:min(340px,78vw); aspect-ratio:1; margin:0 auto;}
.portrait::before{content:''; position:absolute; inset:-10px; border-radius:50%; border:1.5px solid rgba(217,98,43,0.55);}
.portrait img{width:100%; height:100%; border-radius:50%; object-fit:cover; display:block;
  box-shadow:0 34px 70px -28px rgba(0,0,0,0.7);}
.h-grid{grid-template-columns:repeat(3,1fr);}
.honor .ico{background:var(--accent-tint,#FBEDE4); color:var(--accent-d);}
.honor .ico svg{width:24px; height:24px;}
.honor .yr{display:inline-block; font-size:12px; font-weight:700; color:var(--accent-d); margin-bottom:6px;}
.honor.featured{grid-column:1/-1; display:grid; grid-template-columns:auto 1fr; gap:22px; align-items:center;
  background:linear-gradient(135deg,#fff 0%,#FBEDE4 100%); border-color:rgba(217,98,43,0.35); padding:30px 32px;}
.honor.featured .ico{width:64px; height:64px; margin:0; background:var(--accent-btn); color:#fff;}
.honor.featured .ico svg{width:32px; height:32px;}
.honor.featured h3{font-size:20px;}
.contact p,.head p{text-align:justify; text-align-last:center;}
.hero .headline{text-align:right;}
@media(max-width:860px){ .hero .wrap{grid-template-columns:1fr; text-align:right; padding:48px 20px 60px;}
  .hero .btns{justify-content:flex-start;} .h-grid{grid-template-columns:1fr;}
  .photo-col{order:-1; margin:0 0 8px;} .portrait{width:min(240px,64vw);}
  nav .wrap{flex-direction:column; align-items:stretch; gap:10px; padding:12px 16px;}
  .menu{flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
  .menu a{white-space:nowrap;}
  .honor.featured{grid-template-columns:1fr;} }

/* ===== v2.2 — هیروی بنری ===== */
.hero{background:#1A1D20;}
.hero::after{display:none;}
.hero .cover{position:relative; height:clamp(170px,34vw,470px); overflow:hidden;}
.hero .cover img{width:100%; height:100%; object-fit:cover; object-position:center 42%; display:block;}
.hero .cover::after{content:''; position:absolute; inset:0;
  background:linear-gradient(to bottom,rgba(26,29,32,0) 55%,rgba(26,29,32,0.85) 88%,#1A1D20 100%);}
.hero .wrap.profile{display:grid; grid-template-columns:auto 1fr; gap:40px; align-items:start;
  padding:0 24px 76px; margin-top:-120px; position:relative; z-index:2;}
.hero .profile .portrait{width:250px; margin:0;}
.hero .profile .portrait::before{inset:-8px;}
.hero .profile .portrait img{border:6px solid #1A1D20;}
.hero .profile .intro{padding-top:128px;}
@media(max-width:860px){
  .hero .wrap.profile{grid-template-columns:1fr; gap:18px; margin-top:-72px; padding:0 20px 56px;}
  .hero .profile .portrait{width:150px;}
  .hero .profile .intro{padding-top:0;}
}

/* ===== v2.4 — گالری پروژه ===== */
.pm-media{position:relative; background:#fff; border-radius:20px 20px 0 0;}
#pm-cap{position:absolute; bottom:12px; right:14px; background:rgba(26,29,32,0.78); color:#fff; font-size:12.5px; font-weight:600; padding:5px 11px; border-radius:8px;}
#pm-cap:empty{display:none;}
#pm-thumbs{display:flex; gap:10px; padding:12px 24px 0; flex-wrap:wrap;}
#pm-thumbs:empty{display:none;}
#pm-thumbs button{width:74px; height:58px; padding:3px; background:#fff; border:1.5px solid var(--line); border-radius:10px; cursor:pointer;}
#pm-thumbs button img{width:100%; height:100%; object-fit:contain; display:block;}
#pm-thumbs button.on{border-color:var(--accent);}

/* ===== v2.6 — بنر بدون برش، عکس در فضای خالی ===== */
.hero .cover{height:auto; aspect-ratio:2172/724; max-width:1920px; margin:0 auto;}
.hero .cover img{object-position:center;}
@media(min-width:1921px){ .hero .cover{-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);} }
.hero .wrap.profile{grid-template-columns:1fr auto; align-items:center; gap:56px; margin-top:0; padding:36px 24px 80px;}
.hero .profile .intro{padding-top:0;}
.hero .profile .portrait{order:2; width:280px;}
.hero .profile .portrait img{border:none;}
@media(max-width:860px){
  .hero .wrap.profile{grid-template-columns:1fr; gap:22px; padding:24px 20px 56px;}
  .hero .profile .portrait{order:-1; width:150px; margin:0;}
}

/* ===== v2.7 ===== */
nav .wrap{justify-content:center;}
.menu{align-items:center;}
.nav-phone{display:flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0!important;
  border-radius:50%!important; border:1px solid rgba(255,255,255,0.22); color:#fff!important;}
.nav-phone:hover{background:var(--accent-btn)!important; border-color:var(--accent-btn);}
.skill-cat{text-align:center;}
.skill-cat h3{justify-content:center;}
.skill-cat .chips{justify-content:center;}
.c-links a span{direction:ltr; unicode-bidi:isolate;}
.c-links a svg{flex-shrink:0;}
@media(max-width:860px){ nav .wrap{align-items:center;} .menu{max-width:100%;} .nav-phone{display:none!important;} }
.fab-phone{display:none;}
@media(max-width:860px){ .fab-phone{display:flex; align-items:center; justify-content:center; position:fixed; bottom:18px; left:18px; width:54px; height:54px; border-radius:50%;
  background:var(--accent-btn); color:#fff; box-shadow:0 10px 24px -8px rgba(0,0,0,0.55); z-index:90;} .fab-phone svg{width:23px; height:23px;} }

/* ===== v2.8 — افتخارات ویژه ===== */
.honor.top{background:linear-gradient(160deg,#fff 0%,#FBEDE4 100%); border:1.5px solid rgba(217,98,43,0.45);
  box-shadow:0 18px 40px -26px rgba(217,98,43,0.55); position:relative;}
.honor.top .ico{background:var(--accent-btn); color:#fff;}
.honor.top::after{content:''; position:absolute; top:0; right:24px; left:24px; height:3px; border-radius:0 0 3px 3px; background:var(--accent-btn);}

/* ===== v2.9 — هیروی موبایل وسط‌چین ===== */
@media(max-width:860px){
  .hero .wrap.profile{justify-items:center; text-align:center;}
  .hero .profile .portrait{margin:0 auto; width:170px;}
  .hero .profile .intro{text-align:center;}
  .hero .headline{text-align:center!important;}
  .hero p.lead{text-align:justify; text-align-last:center; margin-left:auto; margin-right:auto;}
  .hero .btns{justify-content:center!important;}
}

/* ===== v3.0 — رسانه، کلید زبان ===== */
.lang-sw{border:1px solid rgba(255,255,255,0.25); border-radius:999px!important; padding:6px 13px!important; font-size:13px!important; font-weight:700;}
.lang-sw:hover{background:rgba(255,255,255,0.1)!important;}
.m-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:22px; align-items:start;}
.m-card{background:#fff; border:1px solid var(--line); border-radius:18px; overflow:hidden; display:flex; flex-direction:column; color:inherit; text-decoration:none;}
.m-vid{position:relative; aspect-ratio:16/9; background:#1A1D20;}
.m-vid iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}
.m-bd{padding:16px 20px 18px;}
.m-bd h3{font-size:16px; line-height:1.7; margin:0 0 6px;}
.m-meta{font-size:13px; color:var(--muted);}
.m-link{flex-direction:row; align-items:center; justify-content:space-between; transition:.2s;}
.m-link:hover{border-color:var(--accent);}
.m-desc{font-size:13.5px; color:var(--ink,#3F454C); line-height:1.9; margin:10px 0 0;}
.m-more{display:inline-block; margin-top:10px; font-size:13.5px; font-weight:700; color:var(--accent-d);}
.m-title{color:inherit;} .m-title:hover{color:var(--accent-d);}
.m-go{padding:0 20px; font-size:20px; color:var(--accent-d);}
@media(max-width:860px){ .m-grid{grid-template-columns:1fr;} }

/* ===== v3.3 — لوگو و پخش‌کننده‌ی رسانه ===== */
.nav-logo{display:flex; flex-shrink:0; width:38px; height:38px; margin-inline-end:10px;}
.nav-logo img{width:38px; height:38px; display:block;}
.m-play{position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; cursor:pointer; background:#1A1D20;}
.m-play img{width:100%; height:100%; object-fit:cover; display:block; transition:.25s;}
.m-play:hover img{filter:brightness(.85);}
.m-ext{position:absolute; bottom:10px; inset-inline-start:10px; inset-inline-end:auto; width:max-content; max-width:calc(100% - 20px); display:block; background:rgba(26,29,32,.82); color:#fff; font-size:12.5px; font-weight:700; padding:5px 10px; border-radius:8px;}
.m-pbtn{position:absolute; top:50%; left:50%; width:62px; height:62px; margin:-31px 0 0 -31px; border-radius:50%;
  background:rgba(196,85,31,.92); box-shadow:0 8px 24px -6px rgba(0,0,0,.6);}
.m-pbtn::after{content:''; position:absolute; top:50%; left:54%; transform:translate(-50%,-50%);
  border-style:solid; border-width:11px 0 11px 18px; border-color:transparent transparent transparent #fff;}
/* ===== v3.8 — گالری تصاویر رسانه ===== */
.m-gal{margin-top:14px;}
.m-gal-h{font-size:13px; font-weight:700; color:var(--muted); margin-bottom:8px;}
.m-gal-g{display:grid; grid-template-columns:repeat(5,1fr); gap:6px;}
.m-gal-g button{padding:0; border:0; border-radius:8px; overflow:hidden; cursor:pointer; aspect-ratio:1; background:#1A1D20;}
.m-gal-g img{width:100%; height:100%; object-fit:cover; display:block; transition:.2s;}
.m-gal-g button:hover img{filter:brightness(.8);}
.m-gal-g button:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
.m-lb{position:fixed; inset:0; z-index:210; background:rgba(15,17,19,.92); display:none; align-items:center; justify-content:center; padding:56px 64px;}
.m-lb.show{display:flex;}
.m-lb img{max-width:100%; max-height:100%; object-fit:contain; border-radius:8px; box-shadow:0 20px 50px -10px rgba(0,0,0,.6);}
.m-lb button{position:absolute; border:0; background:rgba(255,255,255,.12); color:#fff; cursor:pointer; border-radius:50%; width:46px; height:46px; font-size:26px; line-height:46px; padding:0;}
.m-lb button:hover{background:rgba(255,255,255,.24);}
.m-lb .lb-x{top:14px; inset-inline-end:14px;}
.m-lb .lb-p{top:50%; margin-top:-23px; inset-inline-start:10px;}
.m-lb .lb-n{top:50%; margin-top:-23px; inset-inline-end:10px;}
.m-lb .lb-c{position:absolute; bottom:16px; left:0; right:0; text-align:center; color:#fff; font-size:13px; opacity:.8;}
@media(max-width:560px){ .m-lb{padding:56px 8px;} .m-lb .lb-p,.m-lb .lb-n{top:auto; bottom:6px; margin-top:0;} }

@media(max-width:860px){ nav .wrap{flex-direction:row!important; align-items:center;} .menu{flex:1; min-width:0;} .nav-logo{width:34px;height:34px;} .nav-logo img{width:34px;height:34px;} }

/* ===== v3.4 ===== */
a.m-play{display:block;}
.m-ext{position:absolute; bottom:10px; inset-inline-end:10px; background:rgba(26,29,32,.85); color:#fff; font-size:12.5px; font-weight:700; padding:5px 11px; border-radius:8px;}

/* ===== English / LTR ===== */
[dir=ltr] .timeline{padding-right:0; padding-left:30px;} [dir=ltr] .timeline::before{right:auto; left:7px;} [dir=ltr] .tl::before{right:auto; left:-30px;}
[dir=ltr] .pub::before{right:auto; left:0;}
[dir=ltr] .cform{text-align:left;} [dir=ltr] .hero .headline{text-align:left;}
@media(max-width:860px){ [dir=ltr] .fab-phone{left:auto; right:18px;} }

/* ===== v4.0 — سایت چندصفحه‌ای ===== */
main{display:block;}
.wrap.narrow{max-width:820px;}
.center{text-align:center;}
.more-link{display:inline-block; margin-top:26px; font-weight:700; color:var(--accent-d); border-bottom:2px solid rgba(217,98,43,.35); padding-bottom:2px;}
.more-link:hover{color:var(--accent);}
.soft{background:var(--soft);}

/* سربرگ صفحه‌های داخلی */
.page-hero{background:radial-gradient(120% 140% at 80% 0%,#2C3136 0%,#25292E 45%,#1A1D20 100%); color:#fff; padding:46px 0 52px;}
.page-hero .kk{color:var(--accent2); font-weight:700; font-size:14px; margin-bottom:8px;}
.page-hero h1{font-size:clamp(28px,4.4vw,42px); font-weight:800; line-height:1.35; margin-bottom:12px;}
.page-hero p.lead{color:#B9BEC4; font-size:16.5px; max-width:760px;}
.crumbs{font-size:13px; color:#8F959C; margin-bottom:18px;}
.crumbs a{color:#C9CDD2;} .crumbs a:hover{color:#fff;}
.crumbs span.sep{margin:0 8px; opacity:.6;}
.ph-meta{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
.ph-meta span{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); color:#E3E6E9; font-size:13px; padding:5px 12px; border-radius:9px;}
.ph-meta span.yr{background:rgba(217,98,43,.18); border-color:rgba(217,98,43,.4); color:var(--accent2); font-weight:700;}

/* نوار آمار زیر هیرو */
.stats{background:var(--soft); padding:0 0 10px;}
.stats .wrap{transform:translateY(-34px);}
.stat .n{color:var(--accent-d);}
@media(max-width:560px){ .stat .n{font-size:28px;} .stats .wrap{gap:12px;} }

/* کارت خدمات */
.svc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.svc{background:#fff; border:1px solid var(--line); border-radius:18px; padding:24px; transition:.25s; display:flex; flex-direction:column;}
.svc:hover{transform:translateY(-4px); box-shadow:0 22px 48px -22px rgba(26,29,32,.28); border-color:var(--accent);}
.svc .ico{width:46px; height:46px; border-radius:13px; background:#FBEDE4; color:var(--accent-d); display:flex; align-items:center; justify-content:center; margin-bottom:14px;}
.svc .ico svg{width:24px; height:24px;}
.svc h3{font-size:17px; font-weight:700; line-height:1.55; margin-bottom:8px;}
.svc p{color:#3F454C; font-size:14.5px;}
.svc .proof{margin-top:auto; padding-top:14px; font-size:13px; color:var(--muted); display:flex; flex-wrap:wrap; gap:6px; align-items:center;}
.svc .proof a{background:var(--soft); border:1px solid var(--line); border-radius:8px; padding:3px 10px; color:var(--navy); font-weight:600;}
.svc .proof a:hover{border-color:var(--accent); color:var(--accent-d);}
a.svc{color:inherit;}
.svc.mini h3{font-size:16px;} .svc.mini p{font-size:13.5px;}
.svc-grid.two{grid-template-columns:repeat(3,1fr);}
@media(max-width:960px){ .svc-grid,.svc-grid.two{grid-template-columns:repeat(2,1fr);} }
@media(max-width:620px){ .svc-grid,.svc-grid.two{grid-template-columns:1fr;} }

/* روند همکاری */
.steps{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; counter-reset:st;}
.step{background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px 18px; position:relative;}
.step::before{counter-increment:st; content:counter(st); display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:var(--accent-btn); color:#fff; font-weight:800; margin-bottom:10px;}
[lang=fa] .step::before{content:counter(st, persian);}
.step h3{font-size:15.5px; margin-bottom:6px;} .step p{font-size:13.5px; color:var(--muted);}
@media(max-width:960px){ .steps{grid-template-columns:1fr 1fr;} } @media(max-width:560px){ .steps{grid-template-columns:1fr;} }

/* سؤال‌های رایج */
.faq{max-width:820px; margin:0 auto;}
.faq details{background:#fff; border:1px solid var(--line); border-radius:14px; margin-bottom:10px; transition:.2s;}
.faq details[open]{border-color:var(--accent);}
.faq summary{cursor:pointer; list-style:none; padding:16px 20px; font-weight:700; font-size:15.5px; display:flex; justify-content:space-between; gap:12px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'+'; color:var(--accent); font-size:22px; line-height:1;}
.faq details[open] summary::after{content:'−';}
.faq details p{padding:0 20px 18px; color:#3F454C;}

/* کارت پروژه */
.pc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.pc{background:#fff; border:1px solid var(--line); border-radius:18px; overflow:hidden; color:inherit; display:flex; flex-direction:column; transition:.25s;}
.pc:hover{transform:translateY(-5px); box-shadow:0 26px 54px -24px rgba(26,29,32,.3); border-color:var(--accent);}
.pc .pimg{aspect-ratio:4/3; background:#fff; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:center; overflow:hidden;}
.pc .pimg img{width:100%; height:100%; object-fit:contain; display:block;}
.pc .pimg.ph, .pp-ph{background:linear-gradient(135deg,var(--navy2),var(--navy)); color:rgba(255,255,255,.55);}
.pc .pimg.ph svg{width:56px; height:56px;}
.pc .pbd{padding:16px 18px 20px;}
.pc .pyr{color:var(--accent-d); font-weight:700; font-size:12.5px;}
.pc h3{font-size:16.5px; font-weight:700; line-height:1.55; margin:4px 0 6px;}
.pc p{color:var(--muted); font-size:13.5px; line-height:1.85;}
@media(max-width:960px){ .pc-grid{grid-template-columns:repeat(2,1fr);} } @media(max-width:600px){ .pc-grid{grid-template-columns:1fr;} }

/* صفحه‌ی پروژه */
.pp{display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:start;}
@media(max-width:900px){ .pp{grid-template-columns:1fr;} }
.pp-gal .main{background:#fff; border:1px solid var(--line); border-radius:18px; overflow:hidden; aspect-ratio:4/3; padding:0; width:100%; cursor:zoom-in; display:block;}
.pp-gal .main img{width:100%; height:100%; object-fit:contain; display:block;}
.pp-gal .thumbs{display:flex; flex-wrap:wrap; gap:10px; margin-top:12px;}
.pp-gal .thumbs button{width:86px; height:66px; padding:3px; background:#fff; border:1.5px solid var(--line); border-radius:10px; cursor:pointer;}
.pp-gal .thumbs button:hover{border-color:var(--accent);}
.pp-gal .thumbs img{width:100%; height:100%; object-fit:contain; display:block;}
.pp-gal .cap{font-size:13px; color:var(--muted); margin-top:8px;}
.pp-ph{border-radius:18px; aspect-ratio:4/3; display:flex; flex-direction:column; gap:12px; align-items:center; justify-content:center; text-align:center; padding:20px; font-size:14px;}
.pp-ph svg{width:64px; height:64px;}
.pp-txt p{color:#3F454C; margin-bottom:14px;}
.pp-txt b{color:var(--text);}
.pp-box{background:var(--soft); border:1px solid var(--line); border-radius:16px; padding:18px 20px; margin:18px 0;}
.pp-box h2{font-size:16px; font-weight:800; margin-bottom:8px; color:var(--navy);}
.pp-box p{margin:0; color:#3F454C;}
.pp-facts{width:100%; border-collapse:collapse; font-size:14.5px;}
.pp-facts th,.pp-facts td{padding:9px 0; border-bottom:1px solid var(--line); vertical-align:top; text-align:start;}
.pp-facts tr:last-child th,.pp-facts tr:last-child td{border-bottom:none;}
.pp-facts th{color:var(--muted); font-weight:500; width:38%; padding-inline-end:12px;}
.pp-facts td{font-weight:600;}
.pp-awards{list-style:none;} .pp-awards li{padding:5px 0; font-weight:600;} .pp-awards li::before{content:'🏆'; margin-inline-end:8px;}
.chips.left{justify-content:flex-start;}
.pp-cta{background:radial-gradient(120% 140% at 80% 0%,#2C3136 0%,#1A1D20 100%); color:#fff; border-radius:20px; padding:30px 32px; display:flex; flex-wrap:wrap; gap:18px; align-items:center; justify-content:space-between;}
.pp-cta h2{font-size:22px; margin-bottom:4px;} .pp-cta p{color:#B9BEC4; margin:0; max-width:560px;}
.pp-nav{display:flex; justify-content:space-between; gap:12px; margin-top:26px; flex-wrap:wrap;}
.pp-nav a{background:#fff; border:1px solid var(--line); border-radius:12px; padding:12px 16px; font-size:14px; max-width:48%;}
.pp-nav a:hover{border-color:var(--accent);}
.pp-nav a small{display:block; color:var(--muted); font-size:12px;}
.vid-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
.vid{border-radius:16px; overflow:hidden; background:#1A1D20; aspect-ratio:16/9; position:relative;}
.vid iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}
.vid-t{font-size:14px; font-weight:600; margin-top:8px;}
@media(max-width:700px){ .vid-grid{grid-template-columns:1fr;} }

/* تحصیلات */
.edu{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.edu .card{background:#fff; border:1px solid var(--line); border-radius:18px; padding:22px 24px;}
.edu .when{color:var(--accent-d); font-weight:700; font-size:13.5px;}
.edu h3{font-size:17px; margin:4px 0 2px;} .edu .org{color:var(--muted); font-size:14px; margin-bottom:10px;}
.edu ul{padding-inline-start:18px; color:#3F454C; font-size:14px;} .edu li{margin-bottom:4px;}
.edu-note{max-width:820px; margin:18px auto 0; color:var(--muted); font-size:14px; text-align:center;}
@media(max-width:760px){ .edu{grid-template-columns:1fr;} }
.tl .tl-more{display:inline-block; margin-top:6px; font-size:13.5px; font-weight:700; color:var(--accent-d);}

/* پانویس */
footer{padding:34px 24px 26px;}
.f-links{display:flex; flex-wrap:wrap; justify-content:center; gap:6px 18px; margin-bottom:14px;}
.f-links a{color:#C9CDD2; font-size:13.5px;} .f-links a:hover{color:#fff;}
.btns.center{justify-content:center;}
.hero .btns .btn-link{color:#C9CDD2; font-weight:600; font-size:14px; align-self:center; padding:0 6px; border-bottom:1px dashed rgba(255,255,255,.35);}
.stat .n{direction:ltr; unicode-bidi:isolate;}
.vid-grid.one{grid-template-columns:1fr; max-width:900px; margin:0 auto;}
.vid video{position:absolute; inset:0; width:100%; height:100%; background:#000;}