:root{--ink:#183b41;--teal:#0a7771;--mint:#e7f4ed;--cream:#f7f5ef}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--cream);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.85}
a{color:inherit}
.service-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.service-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px max(24px,calc((100% - 1180px)/2));background:#113b42;color:#fff}
.service-top a{text-decoration:none;font-weight:750}
.service-brand{font-size:24px;font-weight:900}
.service-brand span{margin-inline-start:8px;font-size:13px;color:#b7ded1}
.service-hero,.detail-hero{background:radial-gradient(circle at 15% 20%,#49b39455,transparent 30%),linear-gradient(125deg,#0b3f49,#174f50 62%,#0c343f);color:#fff}
.service-hero{padding:80px 0 88px}
.service-eyebrow{display:block;color:#b8f0d9;font-size:13px;font-weight:800;letter-spacing:.05em}
.service-hero h1{max-width:18ch;font-size:clamp(34px,5vw,65px);line-height:1.3;margin:13px 0 16px}
.service-hero p{max-width:65ch;margin:0;font-size:18px;color:#e2f1eb}
.service-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.service-chips a{padding:7px 16px;border:1px solid #a4e1ce7a;border-radius:30px;text-decoration:none;background:#fff1}
.service-chips a:hover,.service-chips a:focus-visible{background:#fff;color:#075a59;outline:2px solid #7ad7bb}
.service-main{padding-block:58px 100px}
.service-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.service-intro span{font-size:24px;font-weight:900}
.service-intro p{margin:0;color:#617776;font-size:14px}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.service-list-card{display:grid;grid-template-columns:42% 1fr;min-width:0;min-height:258px;overflow:hidden;background:#fff;border:1px solid #dce8e3;border-radius:25px;box-shadow:0 15px 36px #104b4310;scroll-margin-top:20px;transition:transform .2s ease,box-shadow .2s ease}
.service-list-card:hover{transform:translateY(-3px);box-shadow:0 22px 45px #104b4320}
.service-list-art{display:block;min-height:100%;background:#ddece6;overflow:hidden}
.service-list-art img{display:block;width:100%;height:100%;object-fit:cover}
.service-list-copy{padding:24px;min-width:0}
.service-list-copy small{font-size:12px;color:#087b6d;font-weight:850}
.service-list-copy h2{font-size:clamp(19px,2vw,25px);line-height:1.45;margin:8px 0}
.service-list-copy h2 a{text-decoration:none}
.service-list-copy p{margin:0 0 14px;color:#536d6b;font-size:14px}
.service-list-link{font-weight:900;color:#087469;text-decoration:none}
.service-state{display:block;color:#8a6540;font-weight:750;font-size:13px;margin:10px 0}
.service-foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:35px max(24px,calc((100% - 1180px)/2));background:#113b42;color:#dcebe6;font-size:13px}
.service-foot a{font-size:23px;font-weight:900;text-decoration:none;color:#fff}
.detail-hero{padding:52px 0 76px}
.detail-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}
.service-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:#d7eee5;font-size:13px;margin-bottom:40px}
.service-breadcrumb a{text-decoration:none}
.detail-hero-copy h1{font-size:clamp(34px,4vw,57px);line-height:1.3;margin:14px 0}
.detail-hero-copy p{font-size:18px;color:#e1efe9;max-width:45ch}
.detail-back{display:inline-block;margin-top:20px;padding:11px 20px;border-radius:30px;border:1px solid #8bd8bd;text-decoration:none;font-weight:800}
.detail-visual{margin:0;background:#e5f3ec;border:7px solid #ffffff30;border-radius:30px;overflow:hidden;box-shadow:0 35px 70px #061b2733}
.detail-visual img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.detail-visual figcaption{padding:7px 18px;color:#3c625b;font-size:12px;background:#f2f7f2}
.detail-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:55px;padding-block:80px 105px}
.detail-article{display:grid;gap:32px}
.detail-article section{background:#fff;border:1px solid #e2eae4;border-radius:23px;padding:32px 38px;box-shadow:0 12px 35px #153e3710}
.detail-article section>span{color:#0b8b74;font-size:13px;font-weight:900}
.detail-article h2{font-size:clamp(23px,2.6vw,30px);margin:7px 0 12px}
.detail-article p{margin:0;color:#486461;font-size:17px}
.detail-aside{position:sticky;top:24px}
.detail-aside>div{padding:28px;border-radius:25px;background:#e3f2e9;border:1px solid #c9e5da}
.detail-aside small{color:#08766b;font-weight:900}
.detail-aside h2{font-size:22px;line-height:1.45;margin:9px 0}
.detail-aside p{color:#526e69;font-size:14px}
.detail-aside div>a{display:inline-block;padding:10px 18px;border-radius:30px;background:#0c6b67;color:#fff;text-decoration:none;font-weight:900}
.service-source{font-size:13px;color:#617776}
.service-source a{color:#086e68}
.tapesh-showcase .section-services{background:#f5f3ed}
.tapesh-showcase .section-services .showcase-wrap{max-width:1160px}
.tapesh-showcase .tapesh-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tapesh-showcase .tapesh-service-card{padding:0;gap:0;display:block;min-height:0;overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 20px 40px #163f3916;text-decoration:none;color:#173e43}
.tapesh-showcase .tapesh-service-card:hover,.tapesh-showcase .tapesh-service-card:focus-visible{transform:translateY(-5px);box-shadow:0 28px 48px #163f3926;outline:2px solid #158b7b;outline-offset:3px}
.tapesh-showcase .tapesh-service-art{display:block;width:100%;height:auto;border-radius:0;box-shadow:none;background:#dcece5}
.tapesh-showcase .tapesh-service-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.tapesh-showcase .tapesh-service-copy{display:grid;gap:8px;padding:22px 25px 27px}
.tapesh-showcase .tapesh-service-copy small{color:#137f6e;font-size:12px}
.tapesh-showcase .tapesh-service-copy strong{font-size:clamp(21px,2.4vw,28px)}
.tapesh-showcase .tapesh-service-copy>span{font-size:15px;color:#526b68}
.tapesh-showcase .tapesh-service-copy em{margin-top:5px}
.tapesh-showcase .section-services .showcase-all{display:inline-block;margin-top:27px}
@media(max-width:900px){.service-list{grid-template-columns:1fr}.detail-hero-grid{gap:28px}.detail-body{grid-template-columns:minmax(0,1fr) 250px;gap:25px}}
@media(max-width:700px){.service-shell{width:min(100% - 32px,1180px)}.service-top{padding:13px 16px}.service-brand span{display:none}.service-hero{padding:54px 0 62px}.service-intro{display:block}.service-list-card{grid-template-columns:38% 1fr}.detail-hero-grid,.detail-body{grid-template-columns:1fr}.detail-hero{padding:28px 0 45px}.service-breadcrumb{margin-bottom:20px}.detail-aside{position:static}.detail-body{padding-block:38px 75px}.tapesh-showcase .tapesh-service-grid{grid-template-columns:1fr}}
@media(max-width:440px){.service-list-card{display:block}.service-list-art{height:210px}.service-list-copy{padding:20px}.detail-article section{padding:24px}.tapesh-showcase .tapesh-service-copy{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-list-card,.tapesh-showcase .tapesh-service-card{transition:none}}