*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8fc;color:#10243a;font-family:"Yekan Bakh",Tahoma,Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{max-width:1200px;margin:auto;padding:0 22px}.mast{background:#071f36;color:#fff;border-bottom:1px solid #163c52}.mast-in{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-weight:bold}.brand-logo{width:43px;height:43px;object-fit:contain}.brand small{font-size:11px;display:block;font-weight:normal;color:#acc9d7}.nav{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.nav a{font-size:14px}.lang{border:1px solid #507989;border-radius:25px;padding:5px 13px}.hero{background:radial-gradient(circle at 15% 25%,#12627b 0%,transparent 40%),linear-gradient(120deg,#071f36,#07364e 65%,#065970);color:#fff;padding:70px 0 68px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center}.tag{color:#7ce0df;letter-spacing:.04em;font-weight:bold;font-size:13px}.hero h1{font-size:clamp(30px,5vw,56px);line-height:1.3;margin:12px 0}.hero p{max-width:650px;color:#dae8ee;font-size:16px}.hero-art{position:relative;aspect-ratio:16/10;border:1px solid #5e98a4;border-radius:28px;overflow:hidden;background:#102d45;box-shadow:0 20px 60px #00172688}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,#031d35ad)}.float-label{position:absolute;bottom:22px;inset-inline-start:22px;z-index:2;background:#0a3549d9;border:1px solid #5297a4;border-radius:12px;padding:10px 16px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:#0b9da4;color:#fff;border:0;padding:11px 18px;font-weight:700}.btn.alt{background:transparent;border:1px solid #8bafbd}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.sec{padding:56px 0}.sec-top{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:25px;flex-wrap:wrap}h2{font-size:clamp(22px,3vw,32px);margin:4px 0 6px}.muted{color:#5b7085}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.chip{border:1px solid #d1dee7;border-radius:20px;padding:8px 15px;background:white;color:#345269;font-size:13px}.chip.active{background:#0b536e;color:#fff;border-color:#0b536e}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search{padding:11px 15px;border:1px solid #d0dce5;border-radius:12px;width:min(360px,100%);background:#fff}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.video{border:1px solid #e0e9ef;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 8px 35px #08243a0a}.cover{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#0b334c,#0d6975);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.cover .symbol{font-size:55px;color:#9fe9ef}.cover .play{position:absolute;inset:0;margin:auto;width:62px;height:62px;border:2px solid #fff;border-radius:50%;background:#07334dbb;color:#fff;font-size:28px;display:grid;place-items:center;box-shadow:0 5px 25px #001a3480}.video-body{padding:18px}.video h3{font-size:17px;line-height:1.5;margin:0 0 8px}.video p{font-size:13px;line-height:1.7;color:#687f90;min-height:42px;margin:0 0 14px}.meta{font-size:12px;display:flex;gap:10px;color:#5d7484;justify-content:space-between}.empty{background:#fff;border:1px dashed #bed2de;border-radius:22px;text-align:center;padding:48px 22px;color:#476277}.empty-icon{font-size:56px;color:#0d7284}.highlights{background:#eaf2f6}.highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.benefit{padding:24px;background:#fff;border:1px solid #dbe6ed;border-radius:18px}.benefit b{display:block;color:#0a4d69;font-size:17px}.benefit p{font-size:13px;color:#647a87}.foot{background:#071f36;color:#c0d5dc;padding:28px 0}.foot-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:9000;background:#071727ec;padding:4vh 3vw;display:grid;place-items:center}.modal-panel{width:min(960px,100%);background:#0d2539;border-radius:18px;overflow:hidden;position:relative}.player{width:100%;aspect-ratio:16/9}.player iframe{display:block;width:100%;height:100%;border:0}.close{position:absolute;z-index:2;top:10px;inset-inline-end:10px;border:0;border-radius:50%;background:#fff;color:#142739;width:40px;height:40px;font-size:24px}.modal-note{color:#d1e8ed;padding:10px 18px}.hidden{display:none!important}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero{padding:44px 0}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.highlights-grid{grid-template-columns:1fr}.nav{gap:10px}}@media(max-width:570px){.wrap{padding:0 15px}.mast-in{padding:12px 0}.nav{width:100%;justify-content:space-between}.nav a{font-size:12px}.gallery{grid-template-columns:1fr}.sec{padding:32px 0}.hero-art{aspect-ratio:16/10}.hero h1{font-size:33px}.toolbar,.search{width:100%}.filters{gap:6px}.chip{font-size:12px;padding:7px 11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.video[hidden]{display:none}.seo-text{background:#fff}.seo-text p{max-width:960px;color:#345269}.seo-text a{color:#007e89;text-decoration:underline}.seo-text h3{margin:20px 0 4px}.video a.cover{border:0}.video h3 a:hover{text-decoration:underline}


/* IranCTech Media font unification — matches /Content/site.css on the main site.
   Uses font assets already on the website. No font redistribution required. */
@font-face{font-family:"Yekan Bakh";src:url("/Content/fonts/YekanBakh-300.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:url("/Content/fonts/YekanBakh-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:url("/Content/fonts/YekanBakh-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:url("/Content/fonts/YekanBakh-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:url("/Content/fonts/YekanBakh-800.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
html[lang="fa"] body{font-family:"Yekan Bakh",Tahoma,Arial,sans-serif;font-weight:400;line-height:1.85;text-rendering:optimizeLegibility}
html[lang="fa"] button,html[lang="fa"] input,html[lang="fa"] textarea,html[lang="fa"] select{font-family:"Yekan Bakh",Tahoma,Arial,sans-serif}
html[lang="fa"] h1,html[lang="fa"] h2,html[lang="fa"] h3{font-family:"Yekan Bakh",Tahoma,Arial,sans-serif;font-weight:800;letter-spacing:0;line-height:1.5}
html[lang="fa"] .brand{font-weight:800}
html[lang="fa"] .brand small{font-weight:400;line-height:1.5}
html[lang="fa"] .tag{letter-spacing:0}
html[lang="fa"] .nav a{font-weight:500}
html[lang="fa"] .hero p{line-height:2}
html[lang="fa"] .btn{font-weight:700}
html[lang="fa"] .chip{font-weight:500}
html[lang="fa"] .chip.active{font-weight:700}
html[lang="fa"] .video h3{font-weight:700;line-height:1.65}
html[lang="fa"] .video p,html[lang="fa"] .benefit p,html[lang="fa"] .muted{line-height:1.9}
html[lang="fa"] .seo-text p{line-height:2.05}
html[lang="fa"] .search{font-size:14px}
/* English stays on a Latin UI font; shared video components keep their layout. */
html[lang="en"] body{font-family:Arial,Helvetica,sans-serif}
html[lang="en"] button,html[lang="en"] input{font-family:inherit}
@media(max-width:570px){html[lang="fa"] .hero h1{line-height:1.5}html[lang="fa"] .chip{font-size:12.5px}html[lang="fa"] .seo-text p{line-height:2}}