/* Independent page layouts. All navigation resolves to server routes. */
.header-inner nav a.current{color:#8cd5ff}.header-inner nav a.current:after{content:'';display:block;background:#47bfff;width:12px;height:2px;margin:5px auto -7px}
.breadcrumb{display:flex;gap:10px;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:0 0 32px;font-size:11px;color:#69879f;line-height:1.8}.breadcrumb a{font-size:11px;color:#aac2d5}.breadcrumb [aria-current]{color:#7f97aa}.breadcrumb span[aria-hidden]{color:#36576f}
section.inner-hero{padding-top:150px;padding-bottom:68px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center;border-bottom:1px solid var(--border)}.inner-hero h1{font-size:clamp(38px,3.8vw,55px);font-weight:400;line-height:1.5;letter-spacing:-1.3px;margin:0 0 20px}.inner-hero .lead{font-size:14px;line-height:2;color:#9db1c3;max-width:480px;margin:0 0 25px}.inner-hero-art{position:relative;border:1px solid #1b3447;border-radius:12px;overflow:hidden;background:#0a1723}.inner-hero-art>img{width:100%;height:365px;filter:saturate(.55)}.inner-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05121b9a,transparent 70%);pointer-events:none}.art-caption{position:absolute;bottom:22px;left:23px;z-index:1;font:10px Arial;letter-spacing:2px;color:#a6c3d6}.detail-hero h1{font-size:48px}
.catalog-section .industry>a{display:block;overflow:hidden}.industry>a>img{width:100%;height:192px;filter:saturate(.55);transition:transform .5s}.industry:hover>a>img{transform:scale(1.025)}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.value-grid article{padding:28px;border:1px solid var(--border);border-radius:10px;background:#09141e}.value-grid h3{font-size:22px;font-weight:400;line-height:1.6;margin:0 0 13px}.value-grid p{font-size:13px;color:#91a6b9;line-height:2;margin:0 0 20px}.value-grid .text-link{font-size:12px}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;list-style:none;padding:0;margin:30px 0 0}.process-grid li{border-top:1px solid #254259;padding-top:21px}.process-grid li>span{font-size:12px;color:#6cbbe8}.process-grid h3{font-size:20px;font-weight:400;margin:12px 0 8px}.process-grid p{font-size:12px;color:#859eb2;line-height:2;margin:0}.process-section{border-top:1px solid var(--border)}
.route-cta{background:#081621;border-block:1px solid var(--border);padding-block:55px}.route-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:40px}.route-cta h2{font-size:33px;line-height:1.6;font-weight:400;margin:0}.route-cta p:not(.eyebrow){font-size:12px;color:#849fb5;margin:14px 0 0}.route-cta .button{flex-shrink:0}
.architecture-section>h2{font-size:33px;font-weight:400;line-height:1.6;margin:0 0 35px}.architecture-list article{display:grid;grid-template-columns:55px 180px minmax(0,1fr);gap:30px;align-items:center;border-top:1px solid #1b3143;padding:25px 0}.architecture-list article>span{color:#5c97bb;font-size:13px}.architecture-list h3{font-size:21px;font-weight:400;margin:0}.architecture-list p{margin:0;color:#92a9bb;font-size:13px;line-height:2}
.about-intro{max-width:850px}.about-intro h2{font-size:35px;line-height:1.7;font-weight:400;margin:0 0 25px}.about-intro>p:not(.eyebrow){font-size:16px;color:#a8bccd;line-height:2.2;margin:20px 0}.value-section{padding-top:20px!important}
.contact-page .contact-layout{padding-block:0;grid-template-columns:1fr 450px;gap:100px}.contact-page h2{font-size:40px;font-weight:400;line-height:1.6;margin:0}.contact-page .contact-layout>div>p:not(.eyebrow){max-width:410px;font-size:14px;color:#93aabd;line-height:2}.contact-help{margin:30px 0}.contact-help h3{font-size:17px;font-weight:400;margin:0 0 10px}.contact-help ul{padding-right:18px;color:#7995aa;font-size:12px;line-height:2.3}.contact-page .contact-layout form{background:#091722}
.detail-content{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.detail-content h2{font-size:34px;line-height:1.6;font-weight:400;margin:0}.detail-intro{font-size:16px;color:#a6bdce;line-height:2.2;margin:0 0 27px}.detail-content h3{font-size:21px;font-weight:400;margin:0 0 15px}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{position:relative;border-top:1px solid #1c3547;padding:16px 20px 16px 0;font-size:14px;color:#b5c9d9}.feature-list li:before{content:'←';color:#5997bf;position:absolute;right:0}.scope-note{font-size:11px;color:#7393aa;line-height:2;margin-top:20px}.related-pages{border-top:1px solid var(--border)}.related-pages .split-heading>h2{font-size:30px;font-weight:400;margin:0}.home-cta>.container{position:relative;z-index:1;padding-block:80px}.home-cta p:not(.eyebrow){color:#89a5bc;font-size:14px;margin:20px 0 25px}.home-cta h2{font-size:44px}.service-strip a{color:#aab9c7}.home-solutions{padding-bottom:65px!important}
@media(max-width:960px){section.inner-hero{gap:35px}.inner-hero-art>img{height:310px}.inner-hero h1{font-size:39px}.breadcrumb{display:flex!important;position:static!important;font-size:10px}.breadcrumb a{font-size:10px!important;padding:0!important;border:0!important}.value-grid{gap:14px}.value-grid article{padding:22px}.value-grid h3{font-size:20px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.contact-page .contact-layout{grid-template-columns:1fr 340px;gap:35px}.detail-content{gap:40px;grid-template-columns:1fr 1.3fr}}
@media(max-width:650px){section.inner-hero{padding-top:108px;padding-bottom:40px;grid-template-columns:1fr;gap:25px}.breadcrumb{margin-bottom:24px;gap:8px}.inner-hero h1,.detail-hero h1{font-size:34px;letter-spacing:-.6px}.inner-hero .lead{font-size:13px;margin-bottom:20px}.inner-hero-art>img{height:205px}.art-caption{font-size:9px;bottom:16px;left:16px}.value-grid{grid-template-columns:1fr;gap:14px}.value-grid article{padding:24px}.value-grid h3{font-size:22px}.value-grid p{font-size:13px}.catalog-section .industry-grid{grid-template-columns:1fr 1fr}.industry>a>img{height:125px}.catalog-section .industry h3{font-size:16px}.catalog-section .industry p{font-size:11px;min-height:0}.process-grid{gap:24px 20px}.process-grid h3{font-size:18px}.process-grid p{font-size:11px}.route-cta{padding-block:40px}.route-cta>.container{flex-direction:column;align-items:start;gap:25px}.route-cta h2{font-size:28px}.architecture-section>h2{font-size:28px}.architecture-list article{grid-template-columns:28px 1fr;gap:12px}.architecture-list article p{grid-column:2;font-size:12px}.architecture-list h3{font-size:19px}.about-intro h2{font-size:28px}.about-intro>p:not(.eyebrow){font-size:14px}.contact-page .contact-layout{grid-template-columns:1fr;gap:30px}.contact-page h2{font-size:31px}.contact-page .contact-layout>div>p:not(.eyebrow){font-size:13px}.detail-content{grid-template-columns:1fr;gap:25px}.detail-content h2{font-size:30px}.detail-content h2 br{display:none}.detail-intro{font-size:14px}.feature-list li{font-size:13px}.related-pages .split-heading>h2{font-size:27px}.home-cta>.container{padding-block:55px}.home-cta h2{font-size:33px}.home-cta p:not(.eyebrow){font-size:13px}.home-solutions{padding-bottom:35px!important}}
/* Interactive 3D platform stack; the original CSS illustration remains the fallback. */
.platform-stage{position:relative;height:440px;min-width:0;direction:ltr;isolation:isolate;border-radius:18px}
.platform-visual.webgl-ready .platform-stage{cursor:pointer}
.platform-visual .platform-stage:focus-visible{outline:1px solid #42bfff;outline-offset:5px;box-shadow:0 0 0 4px #2196d51f}
.platform-stage .layers{position:absolute;inset:35px 0 auto;height:370px;width:100%;transition:opacity .6s ease,visibility .6s ease}
.platform-canvas{position:absolute;inset:-25px -36px;width:calc(100% + 72px);height:calc(100% + 50px);display:block;opacity:0;transition:opacity .7s ease;touch-action:pan-y;filter:drop-shadow(0 32px 34px #0009)}
.platform-visual.webgl-ready .platform-canvas{opacity:1}
.platform-visual.webgl-ready .platform-fallback{opacity:0;visibility:hidden;pointer-events:none}
.platform-scene-hint{position:absolute;left:18px;bottom:2px;display:flex;align-items:center;gap:8px;color:#5e7c92;font-size:9px;letter-spacing:.1px;opacity:0;transform:translateY(4px);transition:opacity .5s .35s,transform .5s .35s,color .25s;pointer-events:none}
.platform-scene-hint em{font-style:normal}
.platform-scene-hint span{width:17px;height:25px;border:1px solid #42647a;border-radius:10px;position:relative}
.platform-scene-hint span:after{content:'';position:absolute;left:50%;top:5px;width:2px;height:5px;border-radius:2px;background:#36b9ff;transform:translateX(-50%);animation:platformPointer 1.8s ease-in-out infinite}
.platform-visual.webgl-ready .platform-scene-hint{opacity:.82;transform:none}
.platform-visual.webgl-ready .platform-stage:hover .platform-scene-hint,.platform-visual.is-expanded .platform-scene-hint{color:#8fcff4}
.platform-visual.is-expanded .platform-fallback>div:nth-child(1){transform:rotateX(58deg) rotateZ(-26deg) translateY(-14px)}
.platform-visual.is-expanded .platform-fallback>div:nth-child(2){transform:rotateX(58deg) rotateZ(-26deg) translateY(-7px)}
.platform-visual.is-expanded .platform-fallback>div:nth-child(4){transform:rotateX(58deg) rotateZ(-26deg) translateY(7px)}
.platform-visual.is-expanded .platform-fallback>div:nth-child(5){transform:rotateX(58deg) rotateZ(-26deg) translateY(14px)}
.platform-visual.webgl-ready .layer-labels li:before{background:linear-gradient(90deg,#36b9ff,#47788f);box-shadow:0 0 8px #27aef766}
@keyframes platformPointer{0%,100%{transform:translate(-50%,0);opacity:.45}50%{transform:translate(-50%,5px);opacity:1}}
@media(max-width:960px){.platform-stage{height:430px}.platform-canvas{inset:-15px -25px;width:calc(100% + 50px);height:calc(100% + 30px)}}
@media(max-width:768px){.platform-stage{height:370px}.platform-canvas{display:none}.platform-scene-hint{display:flex;bottom:4px;left:8px}.platform-stage .layers{inset:0;height:340px}}
@media(prefers-reduced-motion:reduce){.platform-canvas,.platform-scene-hint{display:none}}

/* Mobile header: right menu trigger, truly centered brand, left search, and an RTL drawer. */
.nav-backdrop{display:none}
.brand-logo{display:block;width:172px;height:auto;max-width:none;filter:drop-shadow(0 0 7px #00cfc533)}
.site-header .logo{min-width:172px;justify-content:center}
.footer-brand .brand-logo{width:190px}
@media(max-width:960px){
  .site-header,.site-header.open{height:72px;background:#050b12e8;border-bottom:1px solid #152737;backdrop-filter:blur(16px)}
  .site-header .header-inner{position:relative;display:block;width:calc(100% - 32px);height:72px;padding:0}
  .site-header .logo{position:absolute;z-index:34;top:50%;left:50%;width:158px;min-width:158px;height:auto;margin:0;transform:translate(-50%,-50%)}
  .site-header .brand-logo{width:158px}
  .site-header .logo .brand-symbol i{height:14px}
  .site-header .logo .brand-symbol i:nth-child(2){height:21px}
  .site-header .logo .brand-symbol i:nth-child(3){height:9px}
  .site-header .header-actions{position:absolute;z-index:34;top:50%;left:0;margin:0;transform:translateY(-50%);display:flex}
  .site-header .header-actions .contact-link,.site-header .header-actions .button{display:none}
  .site-header .icon-button{width:44px;height:44px;border-radius:50%}
  .site-header .search{display:grid;border:1px solid #243b4d;background:#081520}
  .site-header .menu{position:absolute;z-index:34;top:50%;right:0;margin:0;transform:translateY(-50%);display:grid;border:1px solid #243b4d;background:#081520}
  .site-header .menu:before,.site-header .menu:after{content:'';position:absolute;left:12px;right:12px;top:21px;height:1.5px;border-radius:2px;background:#d8e8f3;opacity:0;transform:rotate(0);transition:transform .25s ease,opacity .15s ease}
  .site-header.open .menu svg{opacity:0}
  .site-header.open .menu:before{opacity:1;transform:rotate(45deg)}
  .site-header.open .menu:after{opacity:1;transform:rotate(-45deg)}
  .site-header #main-nav{display:flex;position:fixed;z-index:32;inset:0 0 0 auto;width:min(86vw,350px);height:100dvh;padding:104px 24px 30px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;background:linear-gradient(145deg,#0a1a27 0%,#050b12 74%);border-left:1px solid #244257;box-shadow:-24px 0 70px #000a;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;transform:translateX(105%);transition:transform .32s cubic-bezier(.22,.8,.22,1),visibility 0s .32s}
  .site-header #main-nav:before{content:'منوی اصلی';display:block;margin-bottom:17px;padding:0 15px 17px;border-bottom:1px solid #1a3447;color:#6daed4;font-size:11px;font-weight:600;letter-spacing:.4px}
  .site-header #main-nav a{position:relative;display:flex;align-items:center;min-height:58px;padding:13px 16px;border-bottom:1px solid #142a3a;color:#aebdca;font-size:16px;transition:background .2s,color .2s,padding .2s}
  .site-header #main-nav a:after{content:'←';margin-right:auto;color:#3f718f;font-family:Arial,sans-serif;font-size:17px}
  .site-header #main-nav a:hover,.site-header #main-nav a:focus-visible{padding-right:21px;background:#102434;color:#fff;outline:none}
  .site-header #main-nav a.current,.site-header #main-nav a[aria-current=page]{color:#e7f5ff;background:#0d2130}
  .site-header #main-nav a.current:before,.site-header #main-nav a[aria-current=page]:before{content:'';position:absolute;right:0;width:3px;height:24px;border-radius:4px;background:#38b9ff;box-shadow:0 0 12px #38b9ffaa}
  .site-header.open #main-nav{visibility:visible;transform:none;transition:transform .32s cubic-bezier(.22,.8,.22,1),visibility 0s}
  .site-header .nav-backdrop{display:block;position:fixed;z-index:31;inset:0;width:100%;height:100dvh;padding:0;border:0;background:#01060baa;backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s .3s}
  .site-header.open .nav-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s,visibility 0s}
}
@media(max-width:768px){
  .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:112px!important;padding-bottom:58px!important;gap:8px}
  .hero-copy{padding:0;order:1}
  .hero h1{font-size:42px;line-height:1.48;letter-spacing:-1.3px}
  .hero .lead{font-size:13px;max-width:430px;margin:17px 0 23px}
  .hero-visual{order:2;height:390px;max-width:620px;width:100%;margin-inline:auto}
  .hero-secondary{padding:10px 14px;border:1px solid #2b4558;border-radius:999px;color:#c3d4e2}
  .hero-secondary .play-icon{width:22px;height:22px;font-size:12px!important}
  .contact-jump{margin-top:4px}
}
@media(max-width:380px){.site-header .logo,.site-header .brand-logo{width:142px;min-width:142px}.site-header .header-inner{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.site-header #main-nav,.site-header .nav-backdrop,.site-header .menu:before,.site-header .menu:after{transition:none!important}}