@font-face{font-family:Vazirmatn;src:url('fonts/Vazirmatn-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#11171b;--text:#f4f5f6;--muted:#bec3c7;--red:#ee2737;--border:#ffffff14}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}
.site{min-height:100svh;max-width:1920px;margin:auto;display:flex;flex-direction:column;isolation:isolate;overflow:clip}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 5vw;border-bottom:1px solid var(--border);position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:14px;direction:ltr}.brand-mark{display:block;position:relative;width:52px;height:40px;overflow:hidden}.brand-mark img{position:absolute;width:78px;height:78px;max-width:none;left:-13px;top:-13px}
.brand-name{font-family:Arial,sans-serif;font-size:clamp(18px,2vw,28px);font-weight:800;letter-spacing:-.035em;white-space:nowrap}.domain{font-family:Arial,sans-serif;font-size:14px;letter-spacing:.035em;color:var(--muted);border-left:2px solid var(--red);padding-left:14px}
.hero{flex:1;min-height:620px;position:relative;display:grid;grid-template-columns:43% 57%;align-items:center}
.hero-picture{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block}
.hero-picture:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#11171bf5 0%,#11171bd9 28%,#11171b52 48%,transparent 65%),linear-gradient(0deg,#11171b 0%,transparent 18%)}
.intro{padding:55px 5vw 64px 18px;max-width:700px}.status{font-size:15px;font-weight:400;color:#d6dadd;display:flex;align-items:center;gap:10px;margin:0 0 30px}.status-dot{width:6px;height:6px;background:var(--red);flex:none}
.headline{padding-right:22px;border-right:2px solid var(--red)}h1{font-weight:900;font-size:clamp(54px,5.6vw,88px);line-height:1.4;margin:0;letter-spacing:-.035em}.coming{font-size:clamp(23px,2.4vw,38px);line-height:1.65;font-weight:800;margin:2px 0 0;white-space:nowrap}
.specialty{font-size:clamp(15px,1.5vw,21px);line-height:1.9;margin:28px 0 13px;font-weight:500}.accent-rule{display:block;background:var(--red);width:48px;height:2px}.description{font-size:14px;line-height:2.2;color:var(--muted);margin:26px 0 0;font-weight:350}
.footer{padding:28px 5vw 18px;border-top:1px solid var(--border);background:#10161af2}.categories{max-width:820px;list-style:none;display:flex;align-items:center;justify-content:center;margin:0 auto;padding:0}.categories li{flex:1;position:relative;text-align:center;font-size:18px;font-weight:750;line-height:1.8;padding:0 22px 15px}.categories li+li{border-right:1px solid #ee273766}.categories li:after{content:"";width:24px;height:2px;background:var(--red);position:absolute;bottom:0;right:calc(50% - 12px)}.footer-note{font-size:10px;color:#929a9f;text-align:center;margin:23px 0 0}.footer-note span{margin:0 8px;color:var(--red)}
@media(min-width:1600px){.hero{min-height:740px}}
@media(max-width:1024px) and (min-width:901px){.hero{min-height:580px;grid-template-columns:50% 50%}.intro{padding-right:4vw}.hero-picture img{object-position:35% center}.hero-picture:after{background:linear-gradient(270deg,#11171bf7 0%,#11171bcc 32%,#11171b44 55%,transparent 75%),linear-gradient(0deg,#11171b,transparent 22%)}h1{font-size:62px}.coming{font-size:26px}}
@media(max-width:900px){
 .header{padding:18px 22px;gap:12px}.brand{gap:8px}.brand-name{font-size:19px}.brand-mark{width:42px;height:32px}.brand-mark img{width:63px;height:63px;left:-10.5px;top:-10.5px}.domain{font-size:10px;padding-left:8px;letter-spacing:0}
 .hero{display:flex;flex-direction:column;min-height:0;align-items:stretch;flex:none}.intro{padding:36px 26px 21px;max-width:none;order:0}.status{font-size:12px;margin-bottom:18px;gap:8px}.headline{padding-right:16px}h1{font-size:clamp(44px,12vw,60px);line-height:1.4}.coming{font-size:clamp(21px,5.6vw,28px);white-space:normal;line-height:1.7}.specialty{font-size:15px;margin:20px 0 10px}.accent-rule{width:35px}.description{font-size:12px;line-height:2.1;margin-top:18px}
 .hero-picture{position:relative;inset:auto;z-index:0;order:1;width:100%;aspect-ratio:1.34;margin-top:-7px}.hero-picture img{object-position:10% center;width:100%;height:100%;object-fit:cover}.hero-picture:after{background:linear-gradient(180deg,#11171b 0%,#11171b00 19%,#11171b00 78%,#11171b 100%)}
 .footer{padding:21px 16px 16px;margin-top:auto}.categories li{font-size:12px;padding:0 8px 12px;white-space:nowrap}.footer-note{margin-top:20px}
}
@media(max-width:370px){.header{padding-inline:18px}.brand-name{font-size:17px}.domain{font-size:9px}.intro{padding-inline:22px}.categories li{font-size:11px;padding-inline:5px}}


@media(min-width:701px) and (max-width:900px){.intro{padding:45px 48px 28px}.header{padding-inline:48px}.categories li{font-size:16px}.description{font-size:14px}.specialty{font-size:18px}}
/* Service strip: eight real categories, wrapping without horizontal scrolling. */
.categories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));max-width:1400px;gap:0}
.categories li{font-size:clamp(12px,1.15vw,18px);padding:0 8px 12px;white-space:nowrap}
@media(min-width:901px){
 .site{height:100svh;min-height:0}
 .header{flex:none;padding-block:clamp(14px,2.6svh,27px)}
 .hero{min-height:0;flex:1}
 .intro{padding-block:clamp(16px,4svh,55px)}
 h1{font-size:clamp(42px,min(5.6vw,9svh),88px)}
 .coming{font-size:clamp(21px,min(2.4vw,4.2svh),38px)}
 .status{margin-bottom:clamp(12px,3svh,30px)}
 .specialty{margin-top:clamp(14px,3svh,28px)}
 .description{margin-top:clamp(12px,2.6svh,26px)}
 .footer{flex:none;padding-block:clamp(14px,2.6svh,26px) 14px}
 .footer-note{margin-top:14px}
}
@media(max-width:1100px){.categories{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:20px}.categories li:nth-child(4n+1){border-right:0}}
@media(max-width:900px){.categories li{font-size:12px;padding-inline:4px}.footer{padding-top:24px;padding-bottom:18px}.categories{row-gap:22px}}
@media(max-width:370px){.categories li{font-size:11px}}
/* Short desktop windows retain readable text with a compact rhythm. */
@media(min-width:901px) and (max-height:650px){.intro{padding-block:12px}.status{font-size:12px;margin-bottom:10px}.specialty{font-size:15px;margin-block:12px 8px}.description{font-size:12px;line-height:1.8;margin-top:12px}.header{padding-block:12px}.footer{padding-top:14px}.categories li{padding-bottom:8px}.footer-note{margin-top:10px}}