/* Scoped services layout. Reuses the locally hosted Sam Tajhiz fonts. */
.stts-page { background:#f5f8fb; color:#123048; font-family:Vazirmatn,Tahoma,Arial,sans-serif; font-size:16px; line-height:1.95; padding-bottom:42px; }
.stts-page *, .stts-home * { box-sizing:border-box; }
.stts-page p { color:#4e687b; }
.stts-page :is(h1,h2,h3,h4) { color:#0a263d; }
.stts-page h2 { font-size:clamp(24px,2.2vw,32px); }
.stts-page h3 { font-size:21px; }
.stts-page h4 { font-size:17px; margin:20px 0 8px; }
.stts-page ul { padding-inline-start:22px; }
.stts-eyebrow { display:block; color:#0a7d91; font-size:12px; font-weight:600; letter-spacing:.02em; margin-bottom:10px; }
.stts-hero { background:#071b30; color:#fff; padding:23px 0 60px; position:relative; overflow:hidden; }
.stts-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 15% 25%,#164865 0,transparent 58%); pointer-events:none; }
.stts-hero .container { position:relative; }
.stts-breadcrumb { display:flex; align-items:center; gap:12px; font-size:13px; color:#adc6d6; margin-bottom:34px; }
.stts-breadcrumb a:hover { color:#fff; }
.stts-hero-layout { display:grid; grid-template-columns:1.45fr 1fr; gap:65px; align-items:center; }
.stts-hero .stts-eyebrow { color:#81dedc; font-family:Arial,Vazirmatn,sans-serif; font-size:12px; letter-spacing:1px; }
.stts-page .stts-hero h1 { color:#fff; font-size:clamp(30px,3.2vw,45px); line-height:1.5; margin:0 0 16px; }
.stts-hero .stts-lead { font-size:clamp(20px,2vw,25px); line-height:1.85; color:#fff; margin-bottom:20px; }
.stts-lead strong { color:#77d9dc; font-weight:600; }
.stts-hero-copy>p:not(.stts-lead) { color:#b7cbd9; font-size:16px; line-height:2.1; }
.stts-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:27px; }
.stts-button { display:inline-flex; gap:12px; justify-content:center; align-items:center; text-align:center; background:#45cfcd; color:#052338; font-weight:600; font-size:15px; line-height:1.8; padding:12px 20px; border:1px solid transparent; border-radius:10px; text-decoration:none; }
.stts-button:hover { background:#82e5df; color:#052338; }
.stts-button-outline { border-color:#44677d; background:transparent; color:#e6f0f5; }
.stts-button-outline:hover { color:#fff; background:#153a51; }
.stts-page .stts-points { display:flex; flex-wrap:wrap; gap:8px 21px; padding:0; list-style:none; color:#b6d2df; font-size:13px; margin:25px 0 0; }
.stts-points li::before { content:'✓'; color:#78d7cf; padding-inline-end:6px; }
.stts-system { border:1px solid #436c835c; border-radius:22px; padding:24px; background:#102a40b3; box-shadow:0 16px 50px #0003; }
.stts-system-top { display:flex; justify-content:space-between; align-items:center; font:600 10px/1.5 Arial,sans-serif; letter-spacing:2px; color:#91bace; margin-bottom:23px; direction:ltr; }
.stts-system-dot { width:7px; height:7px; border-radius:50%; background:#62d7c6; box-shadow:0 0 0 5px #5ed7c614; }
.stts-system-unit { border:1px solid #315871; border-radius:12px; background:#0c2339; text-align:center; padding:17px 8px; display:flex; align-items:center; flex-direction:column; gap:8px; }
.stts-system-unit .icon { color:#81dcd9; width:27px; height:27px; }
.stts-system-unit strong { font-size:15px; line-height:1.7; font-weight:600; }
.stts-system-unit small { font:10px/1.7 Arial,sans-serif; color:#83a8bf; letter-spacing:.7px; }
.stts-system-security { border-color:#468d985e; }
.stts-system-pair { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.stts-system-connector { height:24px; width:1px; background:#52829a; margin:auto; }
.stts-system-foundation { padding:18px 10px; }
.stts-system-base { display:flex; justify-content:center; gap:18px; font-size:13px; margin-top:21px; color:#b7d2e0; }
.stts-system-base span { color:#5abfbd; }
.stts-fields { padding-top:64px; padding-bottom:65px; }
.stts-section-head { margin-bottom:27px; }
.stts-section-head h2 { margin:0 0 12px; }
.stts-section-head p { font-size:16px; }
.stts-jump { display:flex; gap:9px; flex-wrap:wrap; margin-bottom:29px; }
.stts-jump a { background:#e8f0f5; border:1px solid #d4e2ea; color:#1b4b65; border-radius:8px; padding:7px 12px; font-size:13px; }
.stts-jump a:hover { border-color:#42a7b4; background:#e2f1f2; }
.stts-services-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px; align-items:start; }
.stts-service-card { padding:29px; border:1px solid #dce7ef; border-radius:16px; background:#fff; scroll-margin-top:110px; box-shadow:0 5px 16px #0a2a4204; }
.stts-card-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:21px; }
.stts-card-icon { display:flex; justify-content:center; align-items:center; color:#087f94; border:1px solid #d4ebec; background:#edf8f7; border-radius:12px; width:48px; height:48px; }
.stts-card-icon .icon { width:26px; height:26px; }
.stts-card-number { font:400 24px/1 Arial,sans-serif; color:#b5cbd8; }
.stts-service-english { display:block; font:600 11px/1.65 Arial,sans-serif; letter-spacing:.4px; text-align:right; color:#658399; margin-bottom:8px; }
.stts-page .stts-service-card h3 { font-size:21px; margin-bottom:11px; }
.stts-card-summary { min-height:62px; font-size:15px; line-height:2; margin-bottom:21px; }
.stts-details { border-top:1px solid #e3ecf2; border-bottom:1px solid #e3ecf2; }
.stts-details summary { display:flex; align-items:center; justify-content:space-between; gap:15px; cursor:pointer; padding:15px 0; font-size:14px; color:#244a61; font-weight:600; list-style:none; }
.stts-details summary::-webkit-details-marker, .stts-faq summary::-webkit-details-marker { display:none; }
.stts-details summary span { color:#14918f; font-size:20px; line-height:1; transition:transform .15s; }
.stts-details[open] summary span, .stts-faq details[open] summary span { transform:rotate(45deg); }
.stts-details-body { border-top:1px solid #e9eff4; padding:16px 0 21px; font-size:15px; }
.stts-details-body p, .stts-details-body li { font-size:15px; line-height:2.05; }
.stts-details-body ul { margin:10px 0 20px; color:#34596f; }
.stts-details-body li { padding-inline-start:4px; margin-bottom:11px; }
.stts-details-body li::marker { color:#078d97; }
.stts-output { background:#f0f7f8; border-inline-start:3px solid #25aaa4; border-radius:8px; padding:16px; }
.stts-output h4 { margin:0 0 6px; font-size:15px; }
.stts-request-link { display:flex; width:fit-content; align-items:center; gap:10px; color:#067e8d; font-size:14px; font-weight:600; margin-top:19px; }
.stts-request-link:hover { color:#062e46; }
.stts-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.stts-process { padding:55px 0; background:#0e2b40; }
.stts-process h2, .stts-process h3 { color:#fff; }
.stts-process .stts-eyebrow { color:#7fd9d1; }
.stts-process .stts-section-head p { color:#b0cbd9; }
.stts-process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; list-style:none; padding:0; margin:32px 0 0; }
.stts-process-grid li { display:flex; align-items:flex-start; gap:15px; padding:22px; border:1px solid #4d74844f; background:#17394c; border-radius:13px; }
.stts-step-number { flex-shrink:0; width:29px; height:29px; border:1px solid #7ac7c361; border-radius:50%; color:#8bd7d2; font:600 13px/27px Arial,sans-serif; text-align:center; }
.stts-process-grid h3 { font-size:17px; margin:0 0 9px; }
.stts-process-grid p { font-size:14px; color:#b4cdd9; line-height:2; }
.stts-delivery { display:grid; grid-template-columns:1fr 1fr; gap:65px; padding-top:64px; padding-bottom:60px; }
.stts-delivery h2 { margin-bottom:18px; }
.stts-page .stts-delivery ul { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.stts-delivery li { display:flex; align-items:center; gap:12px; color:#30566c; padding:12px 16px; background:#fff; border:1px solid #e1eaf0; border-radius:9px; font-size:15px; }
.stts-delivery .icon { width:18px; height:18px; color:#168f89; }
.stts-faq { max-width:1000px; padding-bottom:60px; }
.stts-faq details { border:1px solid #dbe6ee; background:#fff; border-radius:11px; margin:12px 0; }
.stts-faq summary { display:flex; justify-content:space-between; gap:20px; padding:18px 22px; color:#21495f; font-weight:600; font-size:16px; list-style:none; cursor:pointer; }
.stts-faq summary span { color:#168f89; font-size:22px; flex-shrink:0; }
.stts-faq details p { padding:0 22px 22px; font-size:15px; }
.stts-final { display:flex; align-items:center; justify-content:space-between; gap:35px; border:1px solid #274d63; padding:34px; border-radius:17px; background:#071b30; }
.stts-final .stts-eyebrow { color:#80ddd2; }
.stts-final h2 { font-size:25px; color:#fff; margin-bottom:12px; }
.stts-final p { color:#b7cfdc; font-size:15px; }
.stts-final .stts-button { flex-shrink:0; }
.stts-page .stts-service-note { font-size:13px; padding-top:22px; color:#6c8596; }
.stts-home { display:grid; grid-template-columns:1.3fr 1fr; gap:50px; padding:35px; margin-top:32px; margin-bottom:40px; border:1px solid #254e65; border-radius:17px; background:#0d2b42; color:#fff; }
.stts-home .stts-eyebrow { color:#7ad5cd; }
.stts-home h2 { font-size:25px; color:#fff; margin-bottom:15px; }
.stts-home p { color:#b5cedc; font-size:15px; line-height:2; margin-bottom:23px; }
.stts-home-topics { display:grid; grid-template-columns:1fr 1fr; align-content:center; gap:12px; margin:0; padding:0; list-style:none; }
.stts-home-topics a { display:block; background:#163d53; border:1px solid #49728661; border-radius:9px; padding:14px 12px; text-align:center; color:#d2e9ed; font-size:14px; }
.stts-home-topics a:hover { background:#245568; border-color:#59a9b2; }
.stts-page a:focus-visible, .stts-page summary:focus-visible, .stts-home a:focus-visible { outline:3px solid #19a1ae; outline-offset:4px; }
@media(max-width:1100px) { .stts-hero-layout { gap:35px; grid-template-columns:1.5fr 1fr; } .stts-system { padding:19px; } .stts-process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .stts-final { flex-direction:column; align-items:flex-start; } }
@media(max-width:760px) { .stts-page .container, .stts-home.container { width:calc(100% - 32px); } .stts-hero { padding-bottom:38px; } .stts-breadcrumb { margin-bottom:25px; } .stts-hero-layout { grid-template-columns:1fr; gap:32px; } .stts-system { max-width:500px; width:100%; margin:auto; } .stts-fields { padding-top:40px; padding-bottom:40px; } .stts-services-grid { grid-template-columns:1fr; gap:17px; } .stts-service-card { padding:23px; } .stts-card-summary { min-height:0; } .stts-process { padding:39px 0; } .stts-process-grid { grid-template-columns:1fr; } .stts-delivery { grid-template-columns:1fr; gap:26px; padding-top:40px; padding-bottom:40px; } .stts-faq { padding-bottom:36px; } .stts-faq summary { padding:17px; font-size:15px; } .stts-faq details p { padding:0 17px 17px; } .stts-final { padding:25px; gap:23px; } .stts-home { grid-template-columns:1fr; gap:25px; padding:25px; } .stts-page .stts-jump a { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { .stts-details summary span { transition:none; } }
/* Professional service models, approved evidence and project intake. */
.stts-onpage{position:sticky;top:78px;z-index:30;background:#fffefb;border-bottom:1px solid #d9e5ed;box-shadow:0 3px 12px #09283d08}
.stts-onpage .container{display:flex;flex-wrap:wrap;align-items:center;gap:7px 22px;padding:13px 0}.stts-onpage a{font-size:13px;font-weight:600;color:#35596d;white-space:nowrap}.stts-onpage a:hover{color:#047f8b}.stts-onpage-cta{margin-inline-start:auto;display:flex;align-items:center;gap:10px;color:#057d89!important}
.stts-prof-section{padding-top:52px;padding-bottom:30px;scroll-margin-top:155px}.stts-prof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.stts-prof-card{border:1px solid #dce7ef;border-radius:15px;padding:26px;background:#fff;display:flex;flex-direction:column;min-width:0}.stts-page .stts-prof-card h3{font-size:21px;margin:16px 0 11px;line-height:1.7}.stts-prof-card p{font-size:15px;line-height:2}.stts-prof-card dl{margin:16px 0 4px;border-top:1px solid #e5eef3;padding-top:15px}.stts-prof-card dt{color:#19465c;font-weight:600;font-size:13px;margin-top:8px}.stts-prof-card dd{font-size:14px;color:#58778a;margin:0;line-height:1.9}.stts-prof-card .stts-request-link{margin-top:auto;padding-top:20px}
.stts-packages{margin-top:35px;padding:56px 0;background:#0b273e;scroll-margin-top:155px}.stts-packages h2{color:#fff}.stts-packages .stts-eyebrow{color:#80d9d1}.stts-packages .stts-section-head p{color:#b6d0de}.stts-package-card .stts-service-english{margin:0}.stts-package-card .stts-package-audience{color:#117c88;font-size:13px;font-weight:600}.stts-package-card ul{color:#34586e;font-size:14px;line-height:2;margin:18px 0}.stts-package-card li{margin-bottom:6px}.stts-package-card .stts-output{margin-top:auto}.stts-package-card .stts-output p{font-size:14px;margin:5px 0 0}.stts-package-card small{color:#6c8495;font-size:12px;line-height:1.9;padding:15px 0}.stts-package-card .stts-button{width:100%;font-size:14px}
.stts-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.stts-quality-grid article{border-inline-start:2px solid #54bdb8;padding:8px 20px 5px 12px}.stts-quality-grid .icon{color:#15918e}.stts-quality-grid h3{font-size:17px;margin:12px 0 9px}.stts-quality-grid p{font-size:14px}
.stts-table-wrap{overflow-x:auto;border:1px solid #d6e5ee;border-radius:12px;background:#fff}.stts-table{width:100%;min-width:680px;border-collapse:collapse;text-align:right;font-size:14px}.stts-table th,.stts-table td{padding:17px 20px;vertical-align:top;border-bottom:1px solid #e3edf3;line-height:1.95}.stts-table thead{background:#eaf3f6;color:#19445d}.stts-table tbody th{color:#16445b;width:24%;font-weight:600}.stts-table tbody td{color:#45677c}.stts-table tr:last-child>*{border-bottom:0}.stts-table small{display:block;font-size:12px;line-height:1.85;color:#698498;font-weight:400;margin-top:7px}
.stts-support{background:#eaf2f6;padding:50px 0;margin-top:38px;scroll-margin-top:155px}.stts-support-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:27px 0}.stts-support-notes strong{color:#15485f;font-size:14px}.stts-support-notes p{font-size:14px;margin-top:7px}.stts-sample-card>.icon{width:30px;height:30px;color:#168a93}.stts-file-label{display:block;color:#6a8798;font-size:12px;margin-top:18px}
.stts-case-photo{width:100%;height:190px;object-fit:cover;border-radius:9px}.stts-case-line{margin-top:12px}.stts-case-line strong{font-size:13px;color:#137d87}.stts-case-line p{white-space:pre-line;margin-top:5px}.stts-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.stts-gallery-grid figure{margin:0;background:#fff;border:1px solid #dce7ef;border-radius:12px;overflow:hidden}.stts-gallery-grid img{width:100%;height:230px;object-fit:cover}.stts-gallery-grid figcaption{padding:14px 16px;font-size:13px;color:#40667b}.stts-expert-photo{width:82px;height:82px;border-radius:50%;object-fit:cover}.stts-expert-card>strong{font-size:14px;color:#137d87}
.stts-project-request{margin-top:15px}.stts-project-form{padding:30px!important;border:1px solid #d4e4ec!important;background:#fff!important;border-radius:15px!important}.stts-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.stts-project-form label{display:block;color:#214b62;font-size:14px;font-weight:600;margin-bottom:18px}.stts-form-grid label{margin:0}.stts-form-grid .stts-wide{grid-column:1/-1}.stts-project-form :is(input:not([type=hidden]),select,textarea){width:100%;border:1px solid #cbdce7;border-radius:8px;padding:10px 12px;background:#fafcfe;color:#183c53;font:400 14px/1.9 Vazirmatn,Tahoma,sans-serif;margin-top:7px;box-shadow:none}.stts-project-form :is(input,select,textarea):focus-visible{outline:3px solid #9aded7;outline-offset:2px;border-color:#39a6ab}.stts-project-form textarea{resize:vertical}.stts-project-form>.stts-form-grid{margin-bottom:24px}.stts-project-form .stts-form-help{color:#6a8395;font-size:12px;font-weight:400;line-height:1.9;margin-bottom:18px}.stts-project-form .stts-button{cursor:pointer;font-family:inherit}.stts-project-form .stts-button:disabled{opacity:.65;cursor:wait}.stts-request-notice{padding:30px;border:1px solid #cddfe9;background:#eaf3f7;border-radius:14px}.stts-request-notice h3{margin:0 0 12px;font-size:21px}.stts-request-notice p{font-size:15px}.stts-text-link{display:inline-flex;align-items:center;color:#0e7684;font-weight:600}.stts-request-tracking{margin-top:28px}.stts-request-tracking #stqc-ticket-list{display:grid;gap:14px}.stts-request-tracking .stqc-card{display:block;padding:18px;border:1px solid #d6e5ed;border-radius:10px;background:#fff}.stts-request-tracking #stqc-ticket-detail{margin-top:20px;padding:0}.stts-request-tracking .stqc-button{color:#07263b;background:#65d2ca;border:0;padding:9px 15px;border-radius:7px;font-family:inherit;cursor:pointer}.stts-request-tracking textarea{display:block;width:100%;min-height:100px;margin:15px 0}
@media(max-width:1100px){.stts-prof-grid,.stts-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stts-onpage .container{gap:10px 15px}}
@media(max-width:760px){.stts-onpage{position:static}.stts-onpage .container{padding:15px 0}.stts-onpage-cta{margin-inline-start:0}.stts-prof-section{padding-top:36px;padding-bottom:22px}.stts-prof-grid,.stts-quality-grid,.stts-support-notes,.stts-gallery-grid,.stts-form-grid{grid-template-columns:1fr}.stts-prof-card{padding:23px}.stts-page .stts-prof-card h3{font-size:20px}.stts-packages{padding:38px 0}.stts-quality-grid{gap:22px}.stts-support{padding:36px 0}.stts-project-form{padding:21px!important}.stts-request-notice{padding:23px}.stts-project-request{margin-top:0}.stts-onpage a{font-size:12px}}