@import url("https://fonts.googleapis.com/css2?family=Lalezar&family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap");
:root{--bg:#fbfbfb;--ink:#2e2f31;--muted:#777b82;--soft:#dedede;--accent:#b4518e;--accent-2:#002e5a;--start:#002e5a;--node:#5f6267;--node-soft:rgba(46,47,49,.14);--shadow:0 26px 80px rgba(0,0,0,.08);--header-h:112px;--zoom-x:50%;--zoom-y:50%}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden}body{font-family:"Montserrat","Poppins","Avenir Next","Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}body[dir="rtl"]{font-family:"Vazirmatn","IRANSans","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif}button{font:inherit;color:inherit}#nodeCanvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.site-header{position:fixed;inset:0 0 auto 0;height:var(--header-h);z-index:20;display:flex;align-items:center;justify-content:space-between;padding:42px 62px 24px;pointer-events:none}.logo-button,.header-actions,.icon-btn,.lang-switch button{pointer-events:auto}.logo-button{display:flex;align-items:center;border:0;padding:0;margin:0;background:transparent;cursor:pointer}.logo-img{width:min(235px,38vw);height:auto;display:block}.header-actions{display:flex;align-items:center;gap:18px}.lang-switch{display:flex;align-items:center;gap:6px}.lang-switch button{width:34px;height:30px;border:2px solid var(--ink);border-radius:9px;background:rgba(255,255,255,.45);color:var(--ink);font-size:15px;font-weight:700;line-height:1;cursor:pointer;transition:background .22s ease,transform .22s ease,color .22s ease}.lang-switch button.active{background:var(--ink);color:#fff}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;padding:0}.icon-btn svg{width:38px;height:38px;fill:var(--ink)}.menu-btn{width:58px;gap:6px;display:flex;flex-direction:column;justify-content:center}.menu-btn span{display:block;width:54px;height:8px;border-radius:8px;background:var(--ink)}.app-shell{position:relative;z-index:1;height:100vh;width:100vw}.screen{position:absolute;inset:0;min-height:100vh;transition:opacity .72s ease,transform .86s cubic-bezier(.18,.88,.22,1),filter .72s ease,clip-path .86s cubic-bezier(.18,.88,.22,1)}.screen[hidden]{display:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.intro-screen{display:grid;place-items:center;opacity:1;transform:scale(1)}.begin-button{border:0;background:transparent;display:grid;place-items:center;gap:12px;cursor:pointer;padding:24px;transition:transform .35s ease,filter .35s ease,opacity .42s ease}.begin-button:hover{transform:translateY(-2px) scale(1.03);filter:drop-shadow(0 14px 22px rgba(0,0,0,.12))}.begin-mark{width:58px;height:auto;filter:saturate(.6) brightness(.72)}.begin-button span{font-size:21px;letter-spacing:.04em;color:#111;text-transform:uppercase}body[data-view="forming"] .intro-screen,body[data-view="map"] .intro-screen,body[data-view="detail"] .intro-screen{opacity:0;transform:scale(1.22);filter:blur(10px);pointer-events:none}.map-screen{opacity:0;transform:scale(.985);filter:blur(5px);pointer-events:none}body[data-view="forming"] .map-screen{opacity:.75;transform:scale(.992);filter:blur(1.5px);pointer-events:none}body[data-view="map"] .map-screen{opacity:1;transform:scale(1);filter:none;pointer-events:auto}body[data-view="detail"] .map-screen{opacity:.22;transform:scale(.74);filter:blur(4px);pointer-events:none}body.is-closing-detail .map-screen{opacity:1;transform:scale(1);filter:none}.formation-note{position:absolute;left:50%;top:calc(var(--header-h)+8px);transform:translateX(-50%);color:#676b72;letter-spacing:.18em;font-size:12px;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .36s ease,transform .36s ease}body[data-view="forming"] .formation-note{opacity:.68;transform:translateX(-50%) translateY(8px)}.system-map{position:absolute;inset:var(--header-h) 5vw 130px;min-height:430px}.map-node{position:absolute;border:0;background:transparent;display:grid;place-items:center;gap:28px;padding:0;cursor:pointer;transform:translate(-50%,-50%) scale(.6);opacity:0;filter:blur(7px);transition:opacity .72s ease,transform .86s cubic-bezier(.18,.88,.22,1),filter .72s ease}body[data-view="map"] .map-node,body[data-view="detail"] .map-node{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1)}body[data-view="forming"] .map-node{opacity:0;transform:translate(-50%,-50%) scale(.34);filter:blur(10px)}body[data-view="map"] .map-node:nth-child(1){transition-delay:.02s}body[data-view="map"] .map-node:nth-child(2){transition-delay:.09s}body[data-view="map"] .map-node:nth-child(3){transition-delay:.16s}body[data-view="map"] .map-node:nth-child(4){transition-delay:.23s}.node-label{display:block;color:#111;font-size:clamp(20px,1.9vw,31px);font-weight:400;line-height:1;white-space:nowrap;transition:transform .22s ease,opacity .22s ease}.icon-wrap{width:clamp(110px,9.5vw,170px);aspect-ratio:1;display:block;transition:transform .3s ease,filter .3s ease}.map-node:hover .icon-wrap{transform:scale(1.08);filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}.map-node:hover .node-label{transform:translateY(-4px)}.node-icon{width:100%;height:100%;overflow:visible;display:block}.node-icon .line{stroke:var(--ink);stroke-width:5.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.node-icon .dot{fill:var(--ink)}.node-icon .thin{stroke-width:4.2}.map-node.overview{left:11%;top:43%}.map-node.solutions{left:38%;top:43%}.map-node.process{left:64%;top:43%}.map-node.services{left:91%;top:43%}.start-project{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);border:0;background:transparent;color:#111;cursor:pointer;display:grid;place-items:center;gap:6px;font-size:clamp(25px,2.1vw,37px);font-weight:400;line-height:1;opacity:0;filter:blur(8px);transition:opacity .72s ease,transform .86s cubic-bezier(.18,.88,.22,1),filter .72s ease}body[data-view="map"] .start-project,body[data-view="detail"] .start-project{opacity:1;filter:none;transform:translateX(-50%);transition-delay:.24s}body[data-view="forming"] .start-project{opacity:0;transform:translateX(-50%) translateY(20px) scale(.82)}.start-project svg{width:60px;height:52px;fill:var(--start);transition:transform .24s ease,fill .24s ease}.start-project:hover svg{transform:translateY(7px);fill:var(--accent)}.detail-screen{opacity:0;transform:scale(.88);transform-origin:var(--zoom-x) var(--zoom-y);filter:blur(10px);pointer-events:none;clip-path:circle(0% at var(--zoom-x) var(--zoom-y))}.detail-screen::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 54% 52%,rgba(251,251,251,.46) 0%,rgba(251,251,251,.34) 28%,rgba(251,251,251,.18) 48%,rgba(251,251,251,.07) 64%,rgba(251,251,251,0) 82%);transition:opacity .72s ease .08s}body[data-view="detail"] .detail-screen::before{opacity:.88}body.is-closing-detail .detail-screen::before{opacity:0}body[data-view="detail"] .detail-screen{opacity:1;transform:scale(1);filter:none;pointer-events:auto;clip-path:circle(150% at var(--zoom-x) var(--zoom-y))}body.is-closing-detail .detail-screen{opacity:0;transform:scale(.82);filter:blur(8px);pointer-events:none;clip-path:circle(0% at var(--zoom-x) var(--zoom-y))}.detail-aura{position:absolute;left:var(--zoom-x);top:var(--zoom-y);width:1px;height:1px;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 0 rgba(46,47,49,.12);pointer-events:none}body[data-view="detail"] .detail-aura{animation:auraBloom 1s cubic-bezier(.16,.9,.22,1) forwards}@keyframes auraBloom{to{box-shadow:0 0 0 44vmax rgba(46,47,49,.035),0 0 0 22vmax rgba(0,46,90,.035)}}.detail-layout{position:relative;z-index:2;height:100%;width:min(1300px,82vw);margin:0 auto;padding:226px 0 118px;display:grid;grid-template-columns:360px minmax(420px,1fr);gap:106px;align-items:center;transform:translateY(28px) scale(.72);opacity:0;filter:blur(5px);transition:opacity .66s ease .18s,transform .78s cubic-bezier(.18,.88,.22,1) .18s,filter .66s ease .18s}body[data-view="detail"] .detail-layout{opacity:1;transform:translateY(0) scale(1);filter:none}body.is-closing-detail .detail-layout{opacity:0;transform:translateY(-16px) scale(.72);filter:blur(5px)}.detail-eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;margin-bottom:18px}.detail-visual h2{font-size:clamp(38px,3.8vw,62px);font-weight:400;margin:0 0 34px;letter-spacing:-.02em}.detail-icon{width:240px;height:240px}.detail-icon .node-icon .line{stroke-width:5.8}.detail-content,.detail-visual{position:relative;z-index:2}.detail-content{border-radius:34px;padding:26px 30px 28px;margin:-26px -30px -28px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.76));box-shadow:0 24px 90px rgba(255,255,255,.58),inset 0 0 0 1px rgba(46,47,49,.06);backdrop-filter:blur(10px)}.detail-summary{margin:0 0 24px;color:#36383c;font-size:clamp(18px,1.6vw,25px);line-height:1.45;max-width:760px}.bullet-list{list-style:none;padding:0;margin:0;display:grid;gap:22px}.bullet-list li{position:relative;display:grid;grid-template-columns:34px 1fr;gap:20px;align-items:start;font-size:clamp(18px,1.45vw,25px);line-height:1.35;color:#111}.bullet-list li::before{content:"";width:25px;height:25px;border-radius:50%;background:var(--ink);margin-top:4px;box-shadow:0 0 0 9px rgba(46,47,49,.055)}.detail-cards{margin-top:30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-card{border:1px solid rgba(46,47,49,.13);background:rgba(255,255,255,.62);border-radius:20px;padding:18px 18px 17px;box-shadow:0 14px 42px rgba(0,0,0,.035);min-height:92px}.detail-card b{display:block;color:var(--accent-2);font-size:22px;line-height:1;margin-bottom:9px}.detail-card strong{display:block;color:#111;font-size:16px;line-height:1.25;margin-bottom:6px}.detail-card span{display:block;color:var(--muted);font-size:13px;line-height:1.55}.detail-cards.tags{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-cards.tags .detail-card{min-height:auto;border-radius:999px;padding:14px 18px;text-align:center}.detail-cards.tags .detail-card strong{margin:0;font-size:14px;color:#222}.detail-cards.contact{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-cards.contact .detail-card{min-height:auto}.back-map{z-index:3;position:absolute;left:50%;bottom:34px;transform:translateX(-50%) scale(.88);opacity:0;border:0;background:rgba(46,47,49,.08);color:var(--ink);display:flex;align-items:center;gap:9px;height:42px;padding:0 18px;border-radius:999px;cursor:pointer;font-weight:500;transition:opacity .42s ease .42s,transform .42s ease .42s,background .2s ease}body[data-view="detail"] .back-map{opacity:1;transform:translateX(-50%) scale(1)}.back-map:hover{background:rgba(46,47,49,.13)}.menu-panel{position:fixed;inset:0;z-index:30;background:rgba(251,251,251,.72);backdrop-filter:blur(8px);display:flex;justify-content:flex-end;padding:120px 60px}.menu-panel[hidden]{display:none !important}.menu-card{width:min(420px,82vw);background:rgba(255,255,255,.92);box-shadow:var(--shadow);border-radius:28px;padding:42px 34px 34px;position:relative;display:grid;gap:12px;align-self:flex-start}.menu-card button:not(.close-menu){border:0;background:#e6e6e6;min-height:60px;text-align:start;padding:0 24px;border-radius:12px;cursor:pointer;font-size:20px}.close-menu{position:absolute;top:12px;right:18px;border:0;background:transparent;font-size:32px;cursor:pointer;line-height:1}body[dir="rtl"] .close-menu{right:auto;left:18px}@media (max-width:1200px){:root{--header-h:104px}.site-header{padding:36px 42px 20px}.logo-img{width:min(220px,42vw)}.system-map{inset:var(--header-h) 6vw 120px}.map-node.overview{left:50%;top:18%}.map-node.solutions{left:27%;top:47%}.map-node.process{left:73%;top:47%}.map-node.services{left:50%;top:78%}.start-project{left:auto;right:54px;bottom:34px;transform:none;display:flex;flex-direction:row;background:#565656;color:#fff;border-radius:999px;padding:14px 24px 14px 26px;gap:12px;font-size:24px}body[data-view="map"] .start-project,body[data-view="detail"] .start-project{transform:none}.start-project svg{width:28px;height:28px;transform:rotate(-90deg);fill:var(--accent)}.start-project:hover svg{transform:rotate(-90deg) translateY(5px)}.detail-layout{width:min(1040px,86vw);grid-template-columns:300px minmax(360px,1fr);gap:66px;padding-top:190px}.detail-icon{width:200px;height:200px}}@media (max-width:820px){:root{--header-h:92px}.site-header{padding:22px 22px 16px}.logo-img{width:180px}.header-actions{gap:10px}.lang-switch button{width:29px;height:26px;font-size:12px;border-radius:7px;border-width:1.8px}.icon-btn svg{width:31px;height:31px}.menu-btn{width:42px}.menu-btn span{width:40px;height:6px}.begin-mark{width:50px}.system-map{inset:108px 8vw 122px}.node-label{font-size:18px}.icon-wrap{width:92px}.map-node.overview{top:16%}.map-node.solutions{left:26%;top:45%}.map-node.process{left:74%;top:45%}.map-node.services{top:76%}.start-project{right:22px;bottom:26px;font-size:21px;height:58px;padding:0 18px 0 22px}.detail-layout{width:min(650px,88vw);padding:112px 0 88px;grid-template-columns:1fr;gap:24px;align-items:start}.detail-visual{display:grid;grid-template-columns:1fr 94px;align-items:center;gap:18px}.detail-eyebrow{grid-column:1 / -1;margin-bottom:-4px;font-size:10px}.detail-visual h2{margin:0;font-size:32px}.detail-icon{width:94px;height:94px;justify-self:end}.detail-summary{font-size:16px;line-height:1.45;margin-bottom:16px}.bullet-list{gap:13px}.bullet-list li{grid-template-columns:22px 1fr;gap:12px;font-size:15.5px;line-height:1.45}.bullet-list li::before{width:16px;height:16px;margin-top:4px;box-shadow:0 0 0 6px rgba(46,47,49,.05)}.detail-cards{margin-top:16px;grid-template-columns:1fr 1fr;gap:10px}.detail-card{border-radius:15px;padding:12px;min-height:72px}.detail-card b{font-size:17px;margin-bottom:6px}.detail-card strong{font-size:13px}.detail-card span{font-size:11.5px;line-height:1.35}.detail-cards.tags,.detail-cards.contact{grid-template-columns:1fr 1fr}.detail-cards.tags .detail-card{padding:10px 12px}.menu-panel{padding:94px 22px 22px}}@media (max-width:560px){.logo-img{width:144px}.home-btn{display:none}.site-header{align-items:flex-start}.header-actions{align-items:flex-start}.formation-note{top:88px;font-size:9px;letter-spacing:.12em;width:72vw;text-align:center}.system-map{inset:98px 4vw 104px}.icon-wrap{width:76px}.node-label{font-size:16px}.map-node.solutions{left:24%}.map-node.process{left:76%}.start-project{left:50%;right:auto;bottom:22px;transform:translateX(-50%);width:max-content;font-size:19px}body[data-view="map"] .start-project,body[data-view="detail"] .start-project{transform:translateX(-50%)}.detail-layout{width:88vw;padding-top:98px;padding-bottom:84px}.detail-visual{grid-template-columns:1fr 76px}.detail-icon{width:76px;height:76px}.detail-visual h2{font-size:26px}.detail-summary{font-size:14px}.bullet-list li{font-size:13.5px;line-height:1.38}.detail-cards{grid-template-columns:1fr}.detail-cards.tags,.detail-cards.contact{grid-template-columns:1fr}.detail-content{padding:18px 18px 20px;margin:-18px;border-radius:24px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;scroll-behavior:auto !important}}body[dir="rtl"] .site-header{flex-direction:row-reverse}body[dir="rtl"] .header-actions{flex-direction:row-reverse}#nodeCanvas{opacity:1;transition:opacity 1.05s ease,filter 1.05s ease}body[data-boot="loading"] #nodeCanvas{opacity:0;filter:blur(2px)}body[data-boot="nodes"] #nodeCanvas,body[data-boot="logo-in"] #nodeCanvas,body[data-boot="spin-stop"] #nodeCanvas,body[data-boot="dock"] #nodeCanvas,body[data-boot="merge"] #nodeCanvas{opacity:.78;filter:none}body[data-boot="ready"] #nodeCanvas{opacity:1}.brand-loader{position:fixed;inset:0;z-index:50;display:grid;place-items:center;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.72),rgba(255,255,255,.18) 34%,rgba(255,255,255,0) 64%);opacity:1;transition:opacity .62s ease,visibility .62s ease}body[data-boot="ready"] .brand-loader{opacity:0;visibility:hidden}.loader-logo{--loader-dock-x:0px;--loader-dock-y:0px;--loader-dock-scale:.38;position:absolute;left:50%;top:50%;width:clamp(315px,48vw,720px);transform:translate(-50%,-50%) scale(.88);opacity:0;filter:blur(10px) saturate(.72) drop-shadow(0 22px 44px rgba(0,0,0,.08));transform-origin:center center;transition:opacity .82s ease,filter .96s ease,transform 1.28s cubic-bezier(.16,.95,.16,1)}.loader-logo img{display:block;width:100%;height:auto}body[data-boot="logo-in"] .loader-logo,body[data-boot="spin-stop"] .loader-logo{opacity:1;filter:blur(0) saturate(.9) drop-shadow(0 22px 44px rgba(0,0,0,.08));transform:translate(-50%,-50%) scale(1)}body[data-boot="dock"] .loader-logo,body[data-boot="merge"] .loader-logo{opacity:1;filter:blur(0) saturate(.92) drop-shadow(0 12px 20px rgba(0,0,0,.04));transform:translate(calc(-50%+var(--loader-dock-x)),calc(-50%+var(--loader-dock-y))) scale(var(--loader-dock-scale))}body[data-boot="merge"] .loader-logo{opacity:.96}body[data-boot="ready"] .loader-logo{opacity:0;filter:blur(0) saturate(.92) drop-shadow(0 8px 14px rgba(0,0,0,.03));transform:translate(calc(-50%+var(--loader-dock-x)),calc(-50%+var(--loader-dock-y))) scale(var(--loader-dock-scale));transition:opacity .48s ease,filter .48s ease,transform .01s linear}.loader-o-orbit{position:absolute;left:61.8%;top:34.4%;width:7.8%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(0deg);border-radius:999px;background:conic-gradient(from 0deg,rgba(180,81,142,0) 0 20%,#b4518e 32%,#813c93 58%,#002e5a 78%,rgba(0,46,90,0) 100%);-webkit-mask:radial-gradient(circle,transparent 54%,#000 57% 71%,transparent 74%);mask:radial-gradient(circle,transparent 54%,#000 57% 71%,transparent 74%);opacity:0;filter:drop-shadow(0 0 10px rgba(180,81,142,.32));transition:opacity .42s ease,transform .82s cubic-bezier(.2,.8,.2,1)}body[data-boot="logo-in"] .loader-o-orbit{opacity:.95;animation:automia-o-spin 1.18s linear infinite}body[data-boot="spin-stop"] .loader-o-orbit,body[data-boot="dock"] .loader-o-orbit,body[data-boot="merge"] .loader-o-orbit{opacity:.38;animation:none;transform:translate(-50%,-50%) rotate(360deg)}@keyframes automia-o-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.loader-core-mark{position:absolute;left:50%;top:50%;width:clamp(86px,13vw,178px);transform:translate(-50%,-50%) scale(.52);opacity:0;filter:brightness(0) opacity(.82);transition:opacity .7s ease,transform 1.05s cubic-bezier(.16,.95,.16,1),filter .7s ease}.loader-core-mark img{display:block;width:100%;height:auto}body[data-boot="dock"] .loader-core-mark,body[data-boot="merge"] .loader-core-mark{opacity:.12;transform:translate(-50%,-50%) scale(1.08)}body[data-boot="merge"] .loader-core-mark{opacity:.18;transform:translate(-50%,-50%) scale(1.18)}body[data-boot="ready"] .loader-core-mark{opacity:0;transform:translate(-50%,-50%) scale(1.18);transition:opacity .46s ease,transform .01s linear}body[data-boot]:not([data-boot="ready"]) .site-header{opacity:0;transform:translateY(-16px);pointer-events:none}body[data-boot="ready"] .site-header{opacity:1;transform:translateY(0);transition:opacity .56s ease,transform .56s ease}body[data-boot]:not([data-boot="ready"]) .app-shell{opacity:0;transform:scale(1.02);pointer-events:none}body[data-boot="ready"] .app-shell{opacity:1;transform:scale(1);transition:opacity .74s ease .06s,transform .86s cubic-bezier(.18,.88,.22,1) .06s}body[data-boot="ready"] .begin-button{animation:automia-begin-arrive .86s cubic-bezier(.18,.88,.22,1) both}@keyframes automia-begin-arrive{from{opacity:0;transform:translateY(16px) scale(.94);filter:blur(7px)}to{opacity:1;transform:translateY(0) scale(1);filter:none}}@media (max-width:760px){.loader-logo{width:min(76vw,420px)}.loader-core-mark{width:min(24vw,112px)}}@media (prefers-reduced-motion:reduce){.loader-o-orbit{animation:none !important}.loader-logo,.loader-core-mark,.brand-loader,#nodeCanvas,.app-shell,.site-header{transition-duration:.01ms !important}}body[data-boot]:not([data-boot="ready"]) .site-header{opacity:1 !important;visibility:visible !important;transform:none !important;pointer-events:none !important}body[data-boot]:not([data-boot="ready"]) .header-actions{opacity:0 !important;visibility:hidden !important;transform:translateY(-8px) !important;pointer-events:none !important}.site-header .logo-button .logo-img{opacity:0 !important;visibility:hidden !important}body[data-boot="ready"] .site-header{opacity:1 !important;visibility:visible !important;transform:none !important;transition:none !important}body[data-boot="ready"] .header-actions{opacity:1 !important;visibility:visible !important;transform:none !important;transition:opacity .58s ease .18s,transform .58s ease .18s !important;pointer-events:auto !important}body[data-boot="ready"] .logo-button{pointer-events:auto !important}.brand-loader{pointer-events:none !important}body[data-boot="ready"] .brand-loader{opacity:1 !important;visibility:visible !important;background:transparent !important;transition:background .42s ease,opacity .01s linear !important}body[data-boot="ready"] .loader-logo,body[data-boot="dock"] .loader-logo{opacity:1 !important;visibility:visible !important;filter:blur(0) saturate(.92) drop-shadow(0 8px 14px rgba(0,0,0,.03)) !important;transform:translate(calc(-50%+var(--loader-dock-x)),calc(-50%+var(--loader-dock-y))) scale(var(--loader-dock-scale)) !important}body[data-boot="ready"] .loader-logo{transition:none !important}body[data-boot="ready"] .loader-core-mark,body[data-boot="ready"] .loader-o-orbit{opacity:0 !important;visibility:hidden !important;animation:none !important}body[data-boot="logo-in"] .loader-o-orbit{opacity:.95 !important;animation:automia-o-spin 1.65s linear infinite !important}body[data-boot="spin-stop"] .loader-o-orbit,body[data-boot="dock"] .loader-o-orbit{opacity:.38 !important;animation:none !important;transform:translate(-50%,-50%) rotate(360deg) !important}body[data-boot]:not([data-boot="ready"]) .app-shell{opacity:0 !important;transform:scale(1.02) !important;pointer-events:none !important}body[data-boot="ready"] .app-shell{opacity:1 !important;transform:scale(1) !important;transition:opacity .74s ease .12s,transform .86s cubic-bezier(.18,.88,.22,1) .12s !important}body[data-boot="ready"] .begin-button{animation:automia-begin-arrive .86s cubic-bezier(.18,.88,.22,1) .18s both !important}body[data-boot="merge"] .loader-core-mark{opacity:.20 !important;visibility:visible !important;transform:translate(-50%,-50%) scale(1.14) !important;filter:brightness(0) opacity(.48) blur(.4px) !important;transition:opacity .72s ease,transform .78s cubic-bezier(.16,.95,.16,1),filter .72s ease !important}body[data-boot="ready"] .loader-core-mark{opacity:0 !important;visibility:visible !important;transform:translate(-50%,-50%) scale(1.72) !important;filter:brightness(0) opacity(.18) blur(3px) !important;transition:opacity .92s ease,transform .98s cubic-bezier(.16,.95,.16,1),filter .92s ease,visibility 0s linear 1.05s !important}body[data-boot="ready"] .brand-loader{opacity:1 !important;visibility:visible !important;background:transparent !important;transition:background .62s ease !important}body[data-boot="ready"] .loader-o-orbit{opacity:0 !important;visibility:hidden !important;animation:none !important;transition:opacity .28s ease,visibility 0s linear .28s !important}body[data-boot="ready"] .loader-core-mark{opacity:0 !important;visibility:visible !important;transform:translate(-50%,-50%) scale(.34) !important;filter:brightness(0) opacity(.10) blur(4px) !important;transform-origin:center center !important;transition:opacity .98s ease,transform 1.02s cubic-bezier(.22,.9,.18,1),filter .98s ease,visibility 0s linear 1.08s !important}body[data-view="detail"] .detail-screen{clip-path:circle(180vmax at var(--zoom-x) var(--zoom-y))}@media (max-width:640px),(max-height:720px){.detail-screen{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-padding-top:var(--header-h)}.detail-screen::-webkit-scrollbar{width:0;height:0}.detail-screen{scrollbar-width:none}body[data-view="detail"] .detail-screen{clip-path:circle(190vmax at var(--zoom-x) var(--zoom-y))}.detail-layout{height:auto;min-height:100svh;align-items:start}.back-map{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%}}@media (max-width:560px){:root{--header-h:84px}.site-header{padding:18px 16px 12px}.logo-img{width:min(128px,42vw)}.header-actions{gap:7px}.lang-switch{gap:4px}.lang-switch button{width:26px;height:23px;font-size:10px;border-width:1.4px;border-radius:7px}.menu-btn{width:34px}.menu-btn span{width:32px;height:5px}.detail-layout{width:min(90vw,420px);padding-top:calc(var(--header-h)+22px);padding-bottom:104px;gap:14px}.detail-visual{grid-template-columns:1fr 64px;gap:12px}.detail-eyebrow{font-size:8.5px;letter-spacing:.12em;margin-bottom:-2px}.detail-visual h2{font-size:clamp(22px,7.2vw,28px);line-height:1.12}.detail-icon{width:64px;height:64px}.detail-content{padding:15px 15px 17px;margin:-12px -15px 0;border-radius:22px}.detail-summary{font-size:13px;line-height:1.42;margin-bottom:12px}.bullet-list{gap:9px}.bullet-list li{grid-template-columns:17px 1fr;gap:9px;font-size:12px;line-height:1.36}.bullet-list li::before{width:11px;height:11px;margin-top:4px;box-shadow:0 0 0 5px rgba(46,47,49,.045)}.detail-cards{margin-top:12px;gap:8px}.detail-card{padding:10px 11px;border-radius:14px;min-height:0}.detail-card b{font-size:15px;margin-bottom:5px}.detail-card strong{font-size:12px;line-height:1.2}.detail-card span{font-size:10.5px;line-height:1.32}.back-map{height:36px;padding:0 14px;font-size:12px;box-shadow:0 12px 30px rgba(255,255,255,.72);backdrop-filter:blur(10px)}}@media (max-width:390px){.detail-layout{width:86vw;padding-top:calc(var(--header-h)+16px)}.detail-visual{grid-template-columns:1fr 56px}.detail-icon{width:56px;height:56px}.detail-visual h2{font-size:clamp(20px,6.7vw,25px)}.detail-summary{font-size:12px}.bullet-list li{font-size:11.2px}}.site-header::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;background:linear-gradient(180deg,rgba(251,251,251,.98) 0%,rgba(251,251,251,.92) 58%,rgba(251,251,251,0) 100%);box-shadow:0 18px 42px rgba(251,251,251,.78);transition:opacity .28s ease}.site-header>*{position:relative;z-index:1}@media (max-width:640px),(max-height:720px){body[data-view="detail"] .site-header::before{opacity:1}body[data-view="detail"] .site-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body[data-view="detail"] .detail-layout{padding-top:calc(var(--header-h)+48px) !important}body[data-view="detail"] .detail-screen{scroll-padding-top:calc(var(--header-h)+48px)}}@media (max-width:390px){body[data-view="detail"] .detail-layout{padding-top:calc(var(--header-h)+44px) !important}}.site-header{flex-direction:row !important}.header-actions{flex-direction:row !important}.lang-switch{direction:ltr;unicode-bidi:isolate}.logo-button,.header-actions{flex-shrink:0}.begin-button{position:relative;isolation:isolate;border-radius:999px;outline:none}.begin-button::before{content:"";position:absolute;left:50%;top:50%;width:118px;height:118px;border-radius:999px;transform:translate(-50%,-50%) scale(.78);opacity:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(169,84,150,.12),rgba(169,84,150,0) 58%),radial-gradient(circle at 50% 50%,rgba(43,43,45,.06),rgba(43,43,45,0) 64%);animation:automia-begin-halo 3.35s cubic-bezier(.2,.78,.2,1) 1.35s infinite}.begin-button::after{content:"";position:absolute;left:50%;bottom:12px;width:6px;height:6px;border-radius:999px;transform:translateX(-50%) scale(.7);opacity:.22;pointer-events:none;background:linear-gradient(135deg,#b45aa3,#2c2c2e);box-shadow:0 0 0 0 rgba(180,90,163,.18);animation:automia-begin-dot 2.35s ease-in-out 1.1s infinite}.begin-button span{position:relative;display:inline-block;transition:letter-spacing .34s ease,font-weight .34s ease,color .34s ease,text-shadow .34s ease,transform .34s ease;animation:automia-begin-word 2.9s ease-in-out 1.2s infinite}.begin-mark{transition:transform .42s cubic-bezier(.18,.88,.22,1),filter .42s ease,opacity .42s ease}.begin-button:hover,.begin-button:focus-visible{transform:translateY(-3px) scale(1.045);filter:drop-shadow(0 18px 30px rgba(38,38,42,.13))}.begin-button:hover::before,.begin-button:focus-visible::before{animation-play-state:paused;opacity:.95;transform:translate(-50%,-50%) scale(1.02);transition:opacity .34s ease,transform .42s cubic-bezier(.18,.88,.22,1)}.begin-button:hover::after,.begin-button:focus-visible::after{opacity:.65;transform:translateX(-50%) scale(1);box-shadow:0 0 0 10px rgba(180,90,163,.08);transition:opacity .28s ease,transform .28s ease,box-shadow .28s ease}.begin-button:hover .begin-mark,.begin-button:focus-visible .begin-mark{transform:translateY(-2px) scale(1.045) rotate(-1.4deg);filter:saturate(1.08) brightness(.86) drop-shadow(0 10px 18px rgba(169,84,150,.13))}.begin-button:hover span,.begin-button:focus-visible span{animation-play-state:paused;font-weight:800;letter-spacing:.105em;color:#19191d;text-shadow:0 8px 22px rgba(169,84,150,.18);transform:translateY(1px)}.begin-button:active{transform:translateY(0) scale(.985);transition-duration:.12s}@keyframes automia-begin-word{0%,100%{font-weight:600;letter-spacing:.04em;text-shadow:0 0 0 rgba(0,0,0,0)}45%{font-weight:780;letter-spacing:.085em;text-shadow:0 8px 20px rgba(169,84,150,.13)}62%{font-weight:650;letter-spacing:.055em}}@keyframes automia-begin-halo{0%{opacity:0;transform:translate(-50%,-50%) scale(.76)}22%{opacity:.72}72%{opacity:0;transform:translate(-50%,-50%) scale(1.16)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.16)}}@keyframes automia-begin-dot{0%,100%{opacity:.18;transform:translateX(-50%) scale(.68);box-shadow:0 0 0 0 rgba(180,90,163,.13)}48%{opacity:.58;transform:translateX(-50%) scale(1);box-shadow:0 0 0 8px rgba(180,90,163,.06)}}@media (max-width:560px){.begin-button::before{width:96px;height:96px}.begin-button::after{bottom:10px;width:5px;height:5px}.begin-button span{font-size:18px}}@media (prefers-reduced-motion:reduce){.begin-button::before,.begin-button::after,.begin-button span{animation:none !important}}.lang-switch{gap:7px !important;align-items:center;direction:ltr;unicode-bidi:isolate}.lang-switch button{position:relative;width:38px !important;height:31px !important;padding:0 !important;display:inline-grid;place-items:center;border:2.4px solid #2e2f31 !important;border-radius:10px !important;background:rgba(255,255,255,.68) !important;color:transparent !important;font-size:0 !important;line-height:1 !important;box-shadow:0 6px 16px rgba(0,0,0,.045),inset 0 0 0 1px rgba(255,255,255,.22);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.lang-switch button::after{content:attr(data-lang);position:absolute;inset:0;display:grid;place-items:center;color:var(--ink);font-family:"Montserrat","Avenir Next","Segoe UI",Arial,sans-serif;font-size:15px;font-weight:850;letter-spacing:-.075em;line-height:1;text-transform:uppercase;transform:translateY(.4px) scaleX(.96)}.lang-switch button[data-lang="en"]::after{content:"EN"}.lang-switch button[data-lang="fa"]::after{content:"FΛ";letter-spacing:-.105em}.lang-switch button[data-lang="ar"]::after{content:"ΛR";letter-spacing:-.105em}.lang-switch button.active{background:#2e2f31 !important;border-color:#2e2f31 !important;box-shadow:0 8px 20px rgba(46,47,49,.18),inset 0 0 0 1px rgba(255,255,255,.06)}.lang-switch button.active::after{color:#fff}.lang-switch button:hover,.lang-switch button:focus-visible{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.10),inset 0 0 0 1px rgba(255,255,255,.25)}.lang-switch button:focus-visible{outline:2px solid rgba(180,81,142,.35);outline-offset:3px}@media (max-width:820px){.lang-switch{gap:5px !important}.lang-switch button{width:31px !important;height:27px !important;border-width:2px !important;border-radius:8px !important}.lang-switch button::after{font-size:12px;letter-spacing:-.08em}.lang-switch button[data-lang="fa"]::after,.lang-switch button[data-lang="ar"]::after{letter-spacing:-.11em}}@media (max-width:390px){.lang-switch{gap:4px !important}.lang-switch button{width:28px !important;height:24px !important;border-width:1.8px !important;border-radius:7px !important}.lang-switch button::after{font-size:11px}}
body[data-boot]:not([data-boot="ready"]) .site-header .logo-button .logo-img{opacity:0!important;visibility:hidden!important}body[data-boot="ready"] .site-header .logo-button .logo-img{opacity:1!important;visibility:visible!important;transition:opacity .42s ease .08s!important}body[data-boot="ready"] .brand-loader{opacity:0!important;visibility:hidden!important;background:transparent!important;transition:opacity .42s ease,visibility 0s linear .42s!important}body[data-boot="ready"] .loader-logo,body[data-boot="ready"] .loader-core-mark,body[data-boot="ready"] .loader-o-orbit{opacity:0!important;visibility:hidden!important;animation:none!important}body[data-view="map"] .brand-loader,body[data-view="detail"] .brand-loader,body[data-view="forming"] .brand-loader{pointer-events:none!important}body[data-boot]:not([data-boot="ready"]) .site-header .logo-button .logo-img{opacity:0!important;visibility:hidden!important}body:not(.boot-finished)[data-boot="ready"] .site-header .logo-button .logo-img{opacity:0!important;visibility:hidden!important}body.boot-finished[data-boot="ready"] .site-header .logo-button .logo-img{opacity:1!important;visibility:visible!important;transition:opacity .28s ease!important}body:not(.boot-finished)[data-boot="ready"] .brand-loader{opacity:1!important;visibility:visible!important;background:transparent!important;pointer-events:none!important;transition:background .42s ease!important}body:not(.boot-finished)[data-boot="ready"] .brand-loader .loader-logo{opacity:1!important;visibility:visible!important;filter:blur(0) saturate(.92) drop-shadow(0 8px 14px rgba(0,0,0,.03))!important;transform:translate(calc(-50% + var(--loader-dock-x)),calc(-50% + var(--loader-dock-y))) scale(var(--loader-dock-scale))!important;transition:opacity .28s ease,filter .28s ease,transform .01s linear!important;animation:none!important}body.boot-finished[data-boot="ready"] .brand-loader .loader-logo{opacity:0!important;visibility:hidden!important;animation:none!important}body.boot-finished[data-boot="ready"] .brand-loader{opacity:0!important;visibility:hidden!important;background:transparent!important;transition:opacity .22s ease,visibility 0s linear .22s!important}body[data-boot="dock"] .brand-loader .loader-logo,body[data-boot="merge"] .brand-loader .loader-logo{opacity:1!important;visibility:visible!important;transform:translate(calc(-50% + var(--loader-dock-x)),calc(-50% + var(--loader-dock-y))) scale(var(--loader-dock-scale))!important}
body[data-view="detail"] .detail-layout>*{min-width:0}body[data-view="detail"] .detail-visual h2{line-height:1.08;overflow-wrap:normal;text-wrap:balance}body[data-view="detail"] .detail-content{min-width:0}body[data-view="detail"] .detail-summary,body[data-view="detail"] .bullet-list li,body[data-view="detail"] .detail-card{overflow-wrap:break-word}@media (min-width:1101px){body[data-view="detail"] .detail-layout{width:min(1360px,86vw);grid-template-columns:minmax(410px,.88fr) minmax(520px,1.22fr);gap:clamp(54px,5vw,90px);padding-top:clamp(150px,18vh,226px);padding-bottom:clamp(86px,11vh,118px);align-items:center}body[data-view="detail"] .detail-visual h2{font-size:clamp(38px,3.35vw,58px);line-height:1.08;margin-bottom:clamp(22px,3vh,34px)}body[data-view="detail"] .detail-icon{width:clamp(185px,14.5vw,240px);height:clamp(185px,14.5vw,240px)}body[data-view="detail"] .detail-content{padding:clamp(20px,2vw,28px) clamp(24px,2.3vw,32px);margin:calc(-1 * clamp(20px,2vw,28px)) calc(-1 * clamp(24px,2.3vw,32px)) calc(-1 * clamp(20px,2vw,28px));border-radius:clamp(26px,2.2vw,34px)}body[data-view="detail"] .detail-summary{font-size:clamp(17px,1.34vw,23px);line-height:1.43;margin-bottom:clamp(16px,2.2vh,24px)}body[data-view="detail"] .bullet-list{gap:clamp(13px,1.7vh,20px)}body[data-view="detail"] .bullet-list li{font-size:clamp(16px,1.2vw,21px);line-height:1.36;grid-template-columns:clamp(24px,2vw,32px) 1fr;gap:clamp(12px,1.35vw,18px)}body[data-view="detail"] .bullet-list li::before{width:clamp(17px,1.45vw,23px);height:clamp(17px,1.45vw,23px);box-shadow:0 0 0 clamp(6px,.7vw,8px) rgba(46,47,49,.052)}body[data-view="detail"] .detail-cards{margin-top:clamp(16px,2.4vh,28px);gap:clamp(10px,1vw,14px)}body[data-view="detail"] .detail-card{padding:clamp(13px,1.25vw,17px);min-height:auto}body[data-view="detail"] .detail-cards.tags .detail-card{padding:clamp(11px,1vw,14px) clamp(13px,1.3vw,18px)}body[data-view="detail"] .detail-cards.tags .detail-card strong{font-size:clamp(12px,.9vw,14px)}}@media (min-width:1101px) and (max-height:920px){body[data-view="detail"] .detail-layout{padding-top:calc(var(--header-h) + 58px);padding-bottom:84px;align-items:start}body[data-view="detail"] .detail-visual h2{font-size:clamp(34px,3vw,50px);line-height:1.07;margin-bottom:18px}body[data-view="detail"] .detail-eyebrow{margin-bottom:12px}body[data-view="detail"] .detail-icon{width:clamp(155px,12vw,205px);height:clamp(155px,12vw,205px)}body[data-view="detail"] .detail-content{padding:20px 24px 22px;margin:-20px -24px -22px}body[data-view="detail"] .detail-summary{font-size:clamp(16px,1.14vw,20px);line-height:1.38;margin-bottom:14px}body[data-view="detail"] .bullet-list{gap:12px}body[data-view="detail"] .bullet-list li{font-size:clamp(14.5px,1.05vw,18px);line-height:1.32;grid-template-columns:23px 1fr;gap:11px}body[data-view="detail"] .bullet-list li::before{width:16px;height:16px;box-shadow:0 0 0 6px rgba(46,47,49,.05)}body[data-view="detail"] .detail-cards{margin-top:14px;gap:9px}body[data-view="detail"] .detail-card{padding:11px 13px;border-radius:15px}body[data-view="detail"] .detail-card b{font-size:17px;margin-bottom:5px}body[data-view="detail"] .detail-card strong{font-size:13px}body[data-view="detail"] .detail-card span{font-size:11.5px;line-height:1.35}}@media (min-width:1101px) and (max-width:1450px){body[data-view="detail"] .detail-layout{width:min(1220px,87vw);grid-template-columns:minmax(360px,.86fr) minmax(500px,1.24fr);gap:clamp(44px,4.2vw,68px)}body[data-view="detail"] .detail-visual h2{font-size:clamp(34px,3.1vw,50px)}}@media (max-width:1100px){body[data-view="detail"] .detail-screen{overflow-y:auto;overflow-x:hidden}body[data-view="detail"] .detail-layout{width:min(760px,88vw);height:auto;min-height:100%;padding:calc(var(--header-h) + 36px) 0 92px;display:grid;grid-template-columns:1fr;gap:24px;align-items:start}body[data-view="detail"] .detail-visual{display:grid;grid-template-columns:minmax(0,1fr) clamp(82px,14vw,132px);gap:18px;align-items:center}body[data-view="detail"] .detail-eyebrow{grid-column:1/-1;margin-bottom:-4px;font-size:10px}body[data-view="detail"] .detail-visual h2{margin:0;font-size:clamp(28px,4.8vw,42px);line-height:1.12}body[data-view="detail"] .detail-icon{width:clamp(82px,14vw,132px);height:clamp(82px,14vw,132px);justify-self:end}body[data-view="detail"] .detail-content{padding:20px 22px 22px;margin:0;border-radius:26px}body[data-view="detail"] .detail-summary{font-size:clamp(14px,2.2vw,17px);line-height:1.44;margin-bottom:15px}body[data-view="detail"] .bullet-list{gap:12px}body[data-view="detail"] .bullet-list li{grid-template-columns:21px 1fr;gap:11px;font-size:clamp(13px,2vw,15.5px);line-height:1.42}body[data-view="detail"] .bullet-list li::before{width:15px;height:15px;box-shadow:0 0 0 6px rgba(46,47,49,.05)}body[data-view="detail"] .detail-cards{margin-top:15px;grid-template-columns:1fr 1fr;gap:9px}body[data-view="detail"] .detail-card{padding:11px 12px;border-radius:15px;min-height:0}body[data-view="detail"] .detail-card b{font-size:16px;margin-bottom:5px}body[data-view="detail"] .detail-card strong{font-size:12.5px;line-height:1.22}body[data-view="detail"] .detail-card span{font-size:11px;line-height:1.34}body[data-view="detail"] .detail-cards.tags,body[data-view="detail"] .detail-cards.contact{grid-template-columns:1fr 1fr}}@media (max-width:640px){body[data-view="detail"] .detail-layout{width:86vw;padding-top:calc(var(--header-h) + 54px);padding-bottom:86px;gap:18px}body[data-view="detail"] .detail-visual{grid-template-columns:minmax(0,1fr) 68px;gap:12px}body[data-view="detail"] .detail-icon{width:68px;height:68px}body[data-view="detail"] .detail-visual h2{font-size:clamp(22px,7vw,28px);line-height:1.12}body[data-view="detail"] .detail-content{padding:16px 16px 18px;border-radius:22px}body[data-view="detail"] .detail-summary{font-size:13px;line-height:1.42}body[data-view="detail"] .bullet-list{gap:9px}body[data-view="detail"] .bullet-list li{grid-template-columns:17px 1fr;gap:8px;font-size:12px;line-height:1.35}body[data-view="detail"] .bullet-list li::before{width:11px;height:11px;box-shadow:0 0 0 5px rgba(46,47,49,.045)}body[data-view="detail"] .detail-cards,body[data-view="detail"] .detail-cards.tags,body[data-view="detail"] .detail-cards.contact{grid-template-columns:1fr}body[data-view="detail"] .back-map{bottom:18px}}@media (max-width:390px){body[data-view="detail"] .detail-layout{width:84vw;padding-top:calc(var(--header-h) + 50px)}body[data-view="detail"] .detail-visual{grid-template-columns:minmax(0,1fr) 56px}body[data-view="detail"] .detail-icon{width:56px;height:56px}body[data-view="detail"] .detail-visual h2{font-size:clamp(20px,6.4vw,24px)}body[data-view="detail"] .detail-content{padding:14px 14px 16px}body[data-view="detail"] .detail-summary{font-size:12px}body[data-view="detail"] .bullet-list li{font-size:11.1px}}

@media (max-width: 760px), (max-height: 620px) {
  :root { --header-h: 86px; }
  .site-header {
    height: var(--header-h);
    padding: 26px 26px 14px;
  }
  .logo-img { width: clamp(136px, 28vw, 182px); }
  .header-actions { gap: 10px; }
  .icon-btn { width: 32px; height: 32px; }
  .icon-btn svg { width: 30px; height: 30px; }
  .menu-btn { width: 42px; gap: 5px; }
  .menu-btn span { width: 40px; height: 6px; }
  .system-map {
    inset: calc(var(--header-h) + 8px) 4vw 88px;
    min-height: 0;
  }
  .map-node { gap: 7px; }
  .node-label {
    font-size: clamp(14px, 3vw, 18px);
    line-height: 1.05;
  }
  .icon-wrap { width: clamp(64px, 13vw, 88px); }
  .map-node.overview { left: 50%; top: 17%; }
  .map-node.solutions { left: 23%; top: 62%; }
  .map-node.process { left: 60%; top: 62%; }
  .map-node.services { left: 85%; top: 22%; }
  .start-project {
    left: 50%;
    right: auto;
    bottom: 18px;
    height: 48px;
    padding: 0 16px 0 18px;
    gap: 10px;
    font-size: 17px;
    border-radius: 999px;
    transform: translateX(-50%);
  }
  body[data-view="map"] .start-project,
  body[data-view="detail"] .start-project {
    transform: translateX(-50%);
  }
  .start-project svg {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 700px) and (max-height: 520px) {
  :root { --header-h: 76px; }
  .site-header { padding: 20px 22px 10px; }
  .logo-img { width: clamp(128px, 25vw, 168px); }
  .header-actions { gap: 8px; }
  .icon-btn { width: 30px; height: 30px; }
  .icon-btn svg { width: 28px; height: 28px; }
  .menu-btn { width: 38px; gap: 4px; }
  .menu-btn span { width: 36px; height: 5px; }
  .system-map { inset: calc(var(--header-h) + 4px) 3vw 76px; }
  .map-node { gap: 5px; }
  .node-label { font-size: clamp(13px, 2.8vw, 16px); }
  .icon-wrap { width: clamp(58px, 11vw, 74px); }
  .map-node.overview { left: 50%; top: 18%; }
  .map-node.solutions { left: 25%; top: 62%; }
  .map-node.process { left: 62%; top: 62%; }
  .map-node.services { left: 86%; top: 25%; }
  .start-project {
    bottom: 14px;
    height: 44px;
    padding: 0 14px 0 16px;
    font-size: 15.5px;
  }
  .start-project svg { width: 22px; height: 22px; }
}

@media (max-width: 430px) {
  :root { --header-h: 72px; }
  .site-header { padding: 18px 20px 10px; }
  .logo-img { width: min(142px, 38vw); }
  .system-map { inset: calc(var(--header-h) + 8px) 5vw 78px; }
  .icon-wrap { width: clamp(62px, 18vw, 82px); }
  .map-node.overview { left: 50%; top: 18%; }
  .map-node.solutions { left: 24%; top: 61%; }
  .map-node.process { left: 66%; top: 61%; }
  .map-node.services { left: 84%; top: 24%; }
}

@media (max-width: 900px), (max-height: 700px) {
  .map-screen { overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch; padding: 0 0 max(28px, env(safe-area-inset-bottom)); }
  .map-screen::-webkit-scrollbar { width: 0; height: 0; }
  .map-screen { scrollbar-width: none; }
  .formation-note { top: calc(var(--header-h) + 2px) !important; width: calc(100vw - 32px); text-align: center; font-size: 9.5px; letter-spacing: .12em; }
  .system-map { position: relative !important; inset: auto !important; min-height: 0 !important; width: min(760px, calc(100vw - 24px)) !important; margin: calc(var(--header-h) + 42px) auto 18px !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 3.4vw, 28px) clamp(14px, 4vw, 36px); align-items: start; justify-items: center; }
  .map-node { position: relative !important; left: auto !important; top: auto !important; width: 100%; max-width: 190px; min-height: clamp(116px, 23vh, 170px); gap: clamp(7px, 1.4vh, 12px) !important; transform: none !important; opacity: 1 !important; filter: none !important; transition: opacity .45s ease, filter .45s ease, transform .45s cubic-bezier(.18,.88,.22,1) !important; }
  body[data-view="forming"] .map-node { opacity: 0 !important; transform: translateY(14px) scale(.88) !important; filter: blur(7px) !important; }
  body[data-view="map"] .map-node, body[data-view="detail"] .map-node { transform: none !important; }
  .node-label { font-size: clamp(14px, 3.4vw, 19px) !important; line-height: 1.06 !important; white-space: normal !important; text-align: center; max-width: 100%; }
  .icon-wrap { width: clamp(68px, 18vw, 96px) !important; }
  .map-node:hover .icon-wrap { transform: scale(1.04); }
  .map-node:hover .node-label { transform: translateY(-2px); }
  .start-project { position: relative !important; inset: auto !important; margin: 10px auto 26px !important; width: max-content; max-width: calc(100vw - 32px); height: 48px; padding: 0 16px 0 18px; border-radius: 999px; background: rgba(46,47,49,.78); color: #fff; box-shadow: 0 18px 45px rgba(0,0,0,.13); display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: clamp(15px, 3.6vw, 20px) !important; line-height: 1 !important; transform: none !important; left: auto !important; bottom: auto !important; }
  body[data-view="map"] .start-project, body[data-view="detail"] .start-project, body[data-view="forming"] .start-project { transform: none !important; }
  .start-project svg { order: -1; width: 22px !important; height: 22px !important; fill: var(--accent) !important; }
  body[dir="rtl"] .start-project svg { transform: scaleX(-1); }
  .start-project:hover svg { transform: none; }
  body[dir="rtl"] .start-project:hover svg { transform: scaleX(-1); }
}
@media (max-width: 560px), (max-height: 560px) {
  :root { --header-h: 72px; }
  .site-header { height: var(--header-h) !important; padding: max(14px, env(safe-area-inset-top)) 18px 8px !important; align-items: flex-start !important; }
  .logo-img { width: clamp(118px, 34vw, 150px) !important; }
  .header-actions { gap: 7px !important; }
  .lang-switch { gap: 4px !important; }
  .lang-switch button { width: 30px !important; height: 26px !important; border-radius: 8px !important; border-width: 2px !important; font-size: 12px !important; }
  .icon-btn { width: 31px !important; height: 31px !important; }
  .icon-btn svg { width: 29px !important; height: 29px !important; }
  .menu-btn { width: 38px !important; gap: 4px !important; }
  .menu-btn span { width: 36px !important; height: 5px !important; }
  .system-map { width: min(440px, calc(100vw - 22px)) !important; margin-top: calc(var(--header-h) + 34px) !important; gap: 12px 10px !important; }
  .map-node { max-width: 152px; min-height: 112px; }
  .node-label { font-size: clamp(13px, 3.5vw, 16px) !important; }
  .icon-wrap { width: clamp(62px, 20vw, 82px) !important; }
  .start-project { margin-top: 8px !important; margin-bottom: 22px !important; height: 43px !important; padding: 0 14px 0 16px !important; font-size: 15px !important; }
}
@media (max-width: 390px) {
  .site-header { padding-left: 14px !important; padding-right: 14px !important; }
  .logo-img { width: 112px !important; }
  .header-actions { gap: 5px !important; }
  .system-map { grid-template-columns: 1fr 1fr; width: calc(100vw - 18px) !important; gap: 10px 6px !important; margin-top: calc(var(--header-h) + 30px) !important; }
  .map-node { max-width: 138px; min-height: 104px; }
  .icon-wrap { width: clamp(56px, 19vw, 72px) !important; }
}
@media (max-height: 430px) and (min-width: 561px) {
  :root { --header-h: 64px; }
  .site-header { height: var(--header-h) !important; padding: 16px 24px 8px !important; }
  .logo-img { width: clamp(124px, 19vw, 170px) !important; }
  .system-map { margin-top: calc(var(--header-h) + 20px) !important; grid-template-columns: repeat(4, minmax(0, 1fr)); width: min(900px, calc(100vw - 36px)) !important; gap: 10px !important; }
  .map-node { max-width: 150px; min-height: 112px; }
  .icon-wrap { width: clamp(56px, 9vw, 72px) !important; }
  .node-label { font-size: clamp(12px, 2vw, 15px) !important; }
  .start-project { height: 40px !important; margin: 4px auto 18px !important; font-size: 14px !important; }
}
body[data-view="detail"] .detail-screen { overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
body[data-view="detail"] .detail-screen::-webkit-scrollbar { width: 0; height: 0; }
@media (max-height: 760px) {
  body[data-view="detail"] .detail-layout { height: auto !important; min-height: 100vh !important; align-items: start !important; padding-top: calc(var(--header-h) + 42px) !important; padding-bottom: 94px !important; }
}
@media (max-width: 760px) {
  body[data-view="detail"] .detail-layout { width: min(560px, calc(100vw - 28px)) !important; }
  body[data-view="detail"] .detail-content { max-width: 100%; }
}

:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
html,body{width:100%;height:100%;overscroll-behavior:none}.app-shell{min-height:100dvh}.screen{min-height:100dvh}.site-header{max-width:100vw}.header-actions{min-width:0;flex-wrap:nowrap}.logo-button{min-width:0}.logo-img{max-width:min(235px,40vw);object-fit:contain}.map-screen,.detail-screen{overscroll-behavior:contain}.map-screen{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.map-screen::-webkit-scrollbar{width:0;height:0}.detail-screen{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.detail-screen::-webkit-scrollbar{width:0;height:0}.back-map{z-index:32}
@media (max-width:1280px),(max-height:760px){
  :root{--header-h:clamp(72px,13vh,104px)}
  .site-header{height:var(--header-h)!important;padding:calc(18px + var(--safe-top)) clamp(22px,4vw,52px) 10px!important;align-items:flex-start!important;background:linear-gradient(180deg,rgba(251,251,251,.82),rgba(251,251,251,.54) 64%,rgba(251,251,251,0));backdrop-filter:blur(8px)}
  .logo-img{width:clamp(130px,20vw,205px)!important;max-width:32vw!important}.header-actions{gap:clamp(8px,1.2vw,14px)!important}.icon-btn{width:clamp(32px,4vw,42px)!important;height:clamp(32px,4vw,42px)!important}.icon-btn svg{width:clamp(29px,3.6vw,37px)!important;height:clamp(29px,3.6vw,37px)!important}.menu-btn{width:clamp(38px,5vw,52px)!important;gap:5px!important}.menu-btn span{width:clamp(36px,4.8vw,49px)!important;height:clamp(5px,.8vw,7px)!important}
  body[data-view="detail"] .detail-layout{width:min(980px,calc(100vw - clamp(34px,6vw,84px)))!important;height:auto!important;min-height:100dvh!important;margin:0 auto!important;padding:calc(var(--header-h) + 28px) 0 calc(88px + var(--safe-bottom))!important;display:grid!important;grid-template-columns:1fr!important;gap:clamp(16px,3vh,28px)!important;align-items:start!important;transform:translateY(18px) scale(.86)!important}
  body[data-view="detail"] .detail-layout>*{min-width:0!important}body[data-view="detail"] .detail-visual{display:grid!important;grid-template-columns:minmax(0,1fr) clamp(88px,14vw,150px)!important;gap:clamp(14px,2.2vw,24px)!important;align-items:center!important;direction:inherit!important}body[data-view="detail"] .detail-eyebrow{grid-column:1/-1!important;margin:0!important;font-size:clamp(9px,1.2vw,11px)!important;letter-spacing:.14em!important;line-height:1.2!important}body[data-view="detail"] .detail-visual h2{margin:0!important;font-size:clamp(28px,4.9vw,48px)!important;line-height:1.08!important;letter-spacing:-.025em!important;max-width:780px!important;overflow:visible!important}body[data-view="detail"] .detail-icon{width:clamp(88px,14vw,150px)!important;height:clamp(88px,14vw,150px)!important;justify-self:end!important;align-self:center!important}body[dir="rtl"][data-view="detail"] .detail-icon{justify-self:start!important}body[data-view="detail"] .detail-content{width:100%!important;max-width:100%!important;margin:0!important;border-radius:clamp(22px,3vw,30px)!important;padding:clamp(17px,2.3vw,26px)!important}body[data-view="detail"] .detail-summary{font-size:clamp(14px,1.6vw,19px)!important;line-height:1.45!important;margin-bottom:clamp(14px,2vh,22px)!important;max-width:none!important}body[data-view="detail"] .bullet-list{gap:clamp(10px,1.6vh,16px)!important}body[data-view="detail"] .bullet-list li{font-size:clamp(13px,1.45vw,17px)!important;line-height:1.42!important;grid-template-columns:clamp(18px,2vw,27px) 1fr!important;gap:clamp(9px,1.5vw,16px)!important}body[data-view="detail"] .bullet-list li::before{width:clamp(12px,1.5vw,18px)!important;height:clamp(12px,1.5vw,18px)!important;box-shadow:0 0 0 clamp(5px,.7vw,8px) rgba(46,47,49,.048)!important}body[data-view="detail"] .detail-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(9px,1.4vw,14px)!important;margin-top:clamp(14px,2vh,24px)!important}body[data-view="detail"] .detail-card{min-height:0!important;padding:clamp(11px,1.6vw,16px)!important;border-radius:clamp(15px,2vw,20px)!important}body[data-view="detail"] .detail-card b{font-size:clamp(16px,2vw,21px)!important;margin-bottom:6px!important}body[data-view="detail"] .detail-card strong{font-size:clamp(12px,1.35vw,15px)!important;line-height:1.24!important}body[data-view="detail"] .detail-card span{font-size:clamp(10.8px,1.18vw,13px)!important;line-height:1.38!important}.back-map{bottom:calc(18px + var(--safe-bottom))!important}
}
@media (max-width:760px),(max-height:560px){
  :root{--header-h:clamp(62px,12vh,82px)}.site-header{padding:calc(14px + var(--safe-top)) clamp(14px,4vw,24px) 8px!important}.logo-img{width:clamp(108px,32vw,150px)!important;max-width:34vw!important}.header-actions{gap:6px!important}.lang-switch{gap:4px!important}.lang-switch button{width:28px!important;height:24px!important}.icon-btn{width:30px!important;height:30px!important}.icon-btn svg{width:28px!important;height:28px!important}.menu-btn{width:36px!important}.menu-btn span{width:34px!important;height:5px!important}
  .system-map{width:min(520px,calc(100vw - 22px))!important;margin:calc(var(--header-h) + 30px) auto 14px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(10px,2.6vw,18px)!important}.map-node{max-width:150px!important;min-height:clamp(98px,22vh,130px)!important}.node-label{font-size:clamp(12px,3.8vw,16px)!important}.icon-wrap{width:clamp(54px,18vw,78px)!important}.start-project{height:42px!important;font-size:clamp(14px,3.9vw,16px)!important;margin:6px auto 20px!important}
  body[data-view="detail"] .detail-layout{width:min(560px,calc(100vw - 24px))!important;padding-top:calc(var(--header-h) + 30px)!important;padding-bottom:calc(82px + var(--safe-bottom))!important;gap:14px!important}body[data-view="detail"] .detail-visual{grid-template-columns:minmax(0,1fr) clamp(56px,17vw,78px)!important;gap:10px!important}body[data-view="detail"] .detail-icon{width:clamp(56px,17vw,78px)!important;height:clamp(56px,17vw,78px)!important}body[data-view="detail"] .detail-visual h2{font-size:clamp(20px,7vw,28px)!important;line-height:1.12!important}body[data-view="detail"] .detail-content{padding:14px!important;border-radius:20px!important}body[data-view="detail"] .detail-summary{font-size:12.2px!important;line-height:1.42!important}body[data-view="detail"] .bullet-list li{font-size:11.4px!important;line-height:1.35!important;grid-template-columns:16px 1fr!important;gap:7px!important}body[data-view="detail"] .bullet-list li::before{width:10px!important;height:10px!important;box-shadow:0 0 0 5px rgba(46,47,49,.04)!important}body[data-view="detail"] .detail-cards,body[data-view="detail"] .detail-cards.tags,body[data-view="detail"] .detail-cards.contact{grid-template-columns:1fr!important}body[data-view="detail"] .detail-card{padding:10px 11px!important}body[data-view="detail"] .detail-card span{font-size:10.5px!important}
}
@media (max-height:500px) and (min-width:761px){
  :root{--header-h:58px}.site-header{padding:12px 22px 6px!important}.logo-img{width:clamp(112px,16vw,160px)!important}.system-map{margin-top:calc(var(--header-h) + 18px)!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:min(980px,calc(100vw - 36px))!important;gap:8px!important}.map-node{max-width:132px!important;min-height:88px!important}.icon-wrap{width:clamp(48px,7.5vw,66px)!important}.node-label{font-size:clamp(11px,1.55vw,14px)!important}.start-project{height:38px!important;margin:4px auto 14px!important;font-size:13px!important}body[data-view="detail"] .detail-layout{width:min(1020px,calc(100vw - 42px))!important;padding-top:calc(var(--header-h) + 18px)!important;grid-template-columns:minmax(220px,.52fr) minmax(0,1fr)!important;gap:24px!important}body[data-view="detail"] .detail-visual{display:block!important}body[data-view="detail"] .detail-visual h2{font-size:clamp(24px,3.4vw,36px)!important}body[data-view="detail"] .detail-icon{width:86px!important;height:86px!important}body[data-view="detail"] .detail-content{padding:13px 16px!important}body[data-view="detail"] .detail-summary{font-size:13px!important;margin-bottom:8px!important}body[data-view="detail"] .bullet-list{gap:7px!important}body[data-view="detail"] .bullet-list li{font-size:11.7px!important;line-height:1.28!important}.detail-cards{margin-top:8px!important}.back-map{height:36px!important;font-size:12px!important}
}
@media (max-width:340px){.logo-img{width:96px!important}.header-actions{gap:4px!important}.lang-switch button{width:25px!important;height:23px!important}.icon-btn{width:27px!important;height:27px!important}.icon-btn svg{width:25px!important;height:25px!important}.menu-btn{width:30px!important}.menu-btn span{width:28px!important;height:4px!important}.system-map{grid-template-columns:1fr!important;margin-top:calc(var(--header-h) + 22px)!important}.map-node{max-width:180px!important;min-height:92px!important}}

/* Final fixed position for the zoom-out/back button across every viewport. */
.back-map{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%) scale(.88)!important;
  z-index:80!important;
  pointer-events:none;
}
body[data-view="detail"] .back-map{
  opacity:1!important;
  transform:translateX(-50%) scale(1)!important;
  pointer-events:auto!important;
}
body[data-view="map"] .back-map,
body[data-view="forming"] .back-map,
body[data-view="intro"] .back-map{
  opacity:0!important;
  transform:translateX(-50%) scale(.88)!important;
  pointer-events:none!important;
}
body[data-view="detail"] .detail-layout{
  padding-bottom:max(118px,calc(86px + env(safe-area-inset-bottom)))!important;
}
@media (max-height:560px){
  .back-map{
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    height:34px!important;
    padding:0 13px!important;
    font-size:12px!important;
  }
  body[data-view="detail"] .detail-layout{
    padding-bottom:max(96px,calc(70px + env(safe-area-inset-bottom)))!important;
  }
}


/* Universal responsive safety patch: keep the zoom-out button in the real viewport and make every detail/map state scrollable. */
body > .back-map{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:max(14px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%) scale(.92)!important;
  z-index:2147483000!important;
  pointer-events:none!important;
  opacity:0!important;
  visibility:hidden!important;
  max-width:calc(100vw - 28px)!important;
  white-space:nowrap!important;
}
body[data-view="detail"] > .back-map{
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(-50%) scale(1)!important;
  pointer-events:auto!important;
}
body[data-view="intro"] > .back-map,
body[data-view="forming"] > .back-map,
body[data-view="map"] > .back-map{
  opacity:0!important;
  visibility:hidden!important;
  transform:translateX(-50%) scale(.92)!important;
  pointer-events:none!important;
}
body[data-view="detail"] .detail-screen{
  position:fixed!important;
  inset:0!important;
  height:100dvh!important;
  min-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  padding-bottom:0!important;
}
body[data-view="detail"] .detail-layout{
  min-height:auto!important;
  height:auto!important;
  padding-bottom:max(132px,calc(108px + env(safe-area-inset-bottom)))!important;
}
@media (max-height:620px), (max-width:900px){
  body[data-view="detail"] .detail-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:clamp(12px,2.5vh,22px)!important;
    width:min(760px,calc(100vw - 24px))!important;
    padding-top:calc(var(--header-h) + 26px)!important;
    padding-bottom:max(126px,calc(98px + env(safe-area-inset-bottom)))!important;
  }
  body[data-view="detail"] .detail-visual{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(62px,15vw,120px)!important;
    align-items:center!important;
    gap:12px!important;
  }
  body[data-view="detail"] .detail-eyebrow{grid-column:1/-1!important;margin:0!important;}
  body[data-view="detail"] .detail-visual h2{margin:0!important;}
  body[data-view="detail"] .detail-icon{justify-self:end!important;}
  body[dir="rtl"][data-view="detail"] .detail-icon{justify-self:start!important;}
}
@media (max-height:520px){
  body > .back-map{
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    height:32px!important;
    padding:0 12px!important;
    font-size:11.5px!important;
  }
  body[data-view="detail"] .detail-layout{
    padding-bottom:max(104px,calc(84px + env(safe-area-inset-bottom)))!important;
  }
  body[data-view="detail"] .detail-content{
    max-height:none!important;
  }
}
@media (max-width:520px){
  body > .back-map{
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    height:34px!important;
    padding:0 14px!important;
    font-size:12px!important;
  }
}


/* Safe viewport back button patch: the in-panel button stays hidden; a separate body-level control is fixed to the viewport. */
.detail-screen .back-map{display:none!important;}
.floating-back-map{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:max(18px,env(safe-area-inset-bottom,0px))!important;
  transform:translate3d(-50%,14px,0) scale(.96)!important;
  z-index:2147483000!important;
  min-height:40px!important;
  height:40px!important;
  max-width:calc(100vw - 30px)!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  color:var(--ink)!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:0 18px 54px rgba(46,47,49,.10),inset 0 0 0 1px rgba(46,47,49,.08)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  cursor:pointer!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .26s ease,transform .34s cubic-bezier(.18,.88,.22,1),visibility 0s linear .26s,box-shadow .22s ease,background .22s ease!important;
}
body[data-view="detail"] .floating-back-map{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate3d(-50%,0,0) scale(1)!important;
  transition-delay:.18s,.18s,0s,0s,0s!important;
}
body[data-view="intro"] .floating-back-map,
body[data-view="forming"] .floating-back-map,
body[data-view="map"] .floating-back-map{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate3d(-50%,14px,0) scale(.96)!important;
}
.floating-back-map:hover,.floating-back-map:focus-visible{
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 22px 62px rgba(46,47,49,.14),inset 0 0 0 1px rgba(46,47,49,.12)!important;
  outline:none!important;
}
body[data-view="detail"] .detail-layout{padding-bottom:max(112px,calc(92px + env(safe-area-inset-bottom,0px)))!important;}
@media (max-width:520px),(max-height:520px){
  .floating-back-map{
    bottom:max(10px,env(safe-area-inset-bottom,0px))!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 14px!important;
    font-size:11.5px!important;
    gap:6px!important;
  }
  body[data-view="detail"] .detail-layout{padding-bottom:max(104px,calc(86px + env(safe-area-inset-bottom,0px)))!important;}
}


.menu-panel{position:fixed!important;inset:0!important;z-index:120!important;display:grid!important;place-items:start end!important;align-content:start!important;padding:calc(var(--header-h) + 18px) clamp(18px,4vw,60px) max(22px,env(safe-area-inset-bottom))!important;min-height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;background:rgba(251,251,251,.74)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.menu-panel[hidden]{display:none!important}body[dir="rtl"] .menu-panel{place-items:start start!important}.menu-card{width:min(420px,calc(100vw - 36px))!important;max-height:calc(100dvh - var(--header-h) - 44px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-width:none!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border:1px solid rgba(46,47,49,.08)!important;border-radius:clamp(22px,3vw,30px)!important;padding:clamp(40px,5vh,46px) clamp(18px,3vw,34px) clamp(18px,3vh,34px)!important;gap:clamp(8px,1.4vh,12px)!important;box-shadow:0 28px 90px rgba(0,0,0,.12)!important;align-self:start!important}.menu-card::-webkit-scrollbar{display:none!important}.menu-card button:not(.close-menu){min-height:clamp(48px,7.2vh,60px)!important;padding:0 clamp(16px,3vw,24px)!important;border-radius:clamp(12px,2vw,16px)!important;font-size:clamp(15px,2.1vw,20px)!important;line-height:1.2!important;background:rgba(46,47,49,.075)!important;transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important}.menu-card button:not(.close-menu):hover,.menu-card button:not(.close-menu):focus-visible{transform:translateY(-1px)!important;background:rgba(46,47,49,.12)!important;box-shadow:0 10px 24px rgba(0,0,0,.07)!important}.close-menu{top:10px!important;right:14px!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:999px!important;font-size:28px!important;background:rgba(46,47,49,.075)!important;z-index:2!important}body[dir="rtl"] .close-menu{right:auto!important;left:14px!important}@media (max-width:760px),(max-height:620px){.menu-panel{place-items:start stretch!important;padding:calc(var(--header-h) + 8px) clamp(12px,4vw,20px) max(16px,env(safe-area-inset-bottom))!important}.menu-card{width:100%!important;max-height:calc(100dvh - var(--header-h) - 28px)!important;border-radius:22px!important;padding:42px 14px 14px!important;gap:8px!important}.menu-card button:not(.close-menu){min-height:clamp(42px,8svh,54px)!important;font-size:clamp(13px,3.6vw,17px)!important;padding:0 14px!important}.close-menu{width:30px!important;height:30px!important;font-size:24px!important;top:8px!important;right:10px!important}body[dir="rtl"] .close-menu{right:auto!important;left:10px!important}}@media (max-width:380px),(max-height:450px){.menu-panel{padding:calc(var(--header-h) + 6px) 10px 12px!important}.menu-card{max-height:calc(100dvh - var(--header-h) - 20px)!important;padding:38px 10px 10px!important;border-radius:18px!important;gap:7px!important}.menu-card button:not(.close-menu){min-height:38px!important;font-size:12.5px!important;border-radius:12px!important;padding:0 12px!important}.close-menu{width:28px!important;height:28px!important;font-size:22px!important}}

html[lang="fa"] body,html[lang="ar"] body{font-family:"Vazirmatn","IRANSans","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif!important;font-weight:400!important;letter-spacing:0!important}html[lang="fa"] body .detail-content,html[lang="ar"] body .detail-content,html[lang="fa"] body .detail-summary,html[lang="ar"] body .detail-summary,html[lang="fa"] body .bullet-list,html[lang="ar"] body .bullet-list,html[lang="fa"] body .detail-card,html[lang="ar"] body .detail-card,html[lang="fa"] body .menu-card,html[lang="ar"] body .menu-card{font-family:"Vazirmatn","IRANSans","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif!important}html[lang="fa"] body .detail-visual h2,html[lang="ar"] body .detail-visual h2,html[lang="fa"] body .node-label,html[lang="ar"] body .node-label,html[lang="fa"] body .start-project span,html[lang="ar"] body .start-project span{font-family:"Lalezar","Vazirmatn","Noto Sans Arabic",Tahoma,sans-serif!important;font-weight:400!important;letter-spacing:0!important;text-rendering:geometricPrecision!important}html[lang="fa"] body .detail-visual h2,html[lang="ar"] body .detail-visual h2{line-height:1.16!important}html[lang="fa"] body .node-label,html[lang="ar"] body .node-label{line-height:1.12!important}html[lang="fa"] body .detail-eyebrow,html[lang="ar"] body .detail-eyebrow{font-family:"Vazirmatn","IRANSans","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif!important;font-weight:800!important;letter-spacing:.02em!important}html[lang="fa"] body .detail-card strong,html[lang="ar"] body .detail-card strong,html[lang="fa"] body .menu-card button:not(.close-menu),html[lang="ar"] body .menu-card button:not(.close-menu){font-family:"Vazirmatn","IRANSans","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif!important;font-weight:800!important;letter-spacing:0!important}html[lang="fa"] body .detail-card span,html[lang="ar"] body .detail-card span,html[lang="fa"] body .bullet-list li,html[lang="ar"] body .bullet-list li{font-family:"Vazirmatn","IRANSans","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif!important;font-weight:400!important}html[lang="fa"] body .back-map,html[lang="ar"] body .back-map,html[lang="fa"] body .floating-back-map,html[lang="ar"] body .floating-back-map{font-family:"Vazirmatn","IRANSans","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif!important;font-weight:700!important}html[lang="en"] body{font-family:"Montserrat","Poppins","Avenir Next","Segoe UI",Arial,sans-serif!important}

.detail-copyright{margin-top:clamp(10px,1.8vh,18px);font-size:clamp(10px,1.45vw,12px);line-height:1.6;color:rgba(46,47,49,.48);letter-spacing:.04em;text-align:center}.detail-cards.contact+.detail-copyright{border-top:1px solid rgba(46,47,49,.08);padding-top:12px}body[dir="rtl"] .detail-copyright{font-family:"Vazirmatn","IRANSans","Noto Sans Arabic",Tahoma,sans-serif;letter-spacing:0;color:rgba(46,47,49,.52)}@media (max-height:560px),(max-width:520px){.detail-copyright{font-size:10px;margin-top:8px;padding-top:8px}}

.detail-cards.contact .latin-inline{direction:ltr!important;unicode-bidi:isolate!important;display:inline-block!important;text-align:left!important;font-family:"Montserrat","Poppins","Avenir Next","Segoe UI",Arial,sans-serif!important;letter-spacing:.01em!important;white-space:nowrap!important}.detail-cards.contact .detail-card{direction:inherit}.detail-cards.contact .detail-card strong{display:block}

/* Seamless mobile logo handoff */
.logo-button{background:transparent!important;box-shadow:none!important;overflow:visible!important}
.logo-button .logo-img{background:transparent!important;box-shadow:none!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform:translateZ(0);will-change:opacity}
body.logo-handoff[data-boot="ready"] .site-header .logo-button .logo-img{opacity:1!important;visibility:visible!important;transition:opacity .12s ease!important}
body.logo-handoff[data-boot="ready"]:not(.boot-finished) .brand-loader{opacity:1!important;visibility:visible!important;background:transparent!important}
body.logo-handoff[data-boot="ready"]:not(.boot-finished) .brand-loader .loader-logo{opacity:1!important;visibility:visible!important;filter:blur(0) saturate(.92) drop-shadow(0 8px 14px rgba(0,0,0,.03))!important;transform:translate(calc(-50% + var(--loader-dock-x)),calc(-50% + var(--loader-dock-y))) scale(var(--loader-dock-scale))!important}
body.logo-handoff.boot-finished[data-boot="ready"] .brand-loader,body.logo-handoff.boot-finished[data-boot="ready"] .brand-loader .loader-logo{opacity:0!important;visibility:hidden!important}
@media (max-width:760px){body.logo-handoff[data-boot="ready"] .site-header .logo-button .logo-img{transition:opacity .08s linear!important}}


/* Mobile trapezoid map patch: keep the selected stable handoff version intact, only reshape the small-screen icon map. */
@media (max-width: 760px) {
  body[data-view="map"] .map-screen,
  body[data-view="forming"] .map-screen {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  body[data-view="map"] .map-screen::-webkit-scrollbar,
  body[data-view="forming"] .map-screen::-webkit-scrollbar { width: 0 !important; height: 0 !important; }

  .system-map {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: min(430px, calc(100vw - 22px)) !important;
    height: clamp(500px, calc(100svh - var(--header-h) - 88px), 620px) !important;
    min-height: 500px !important;
    margin: calc(var(--header-h) + 34px) auto 0 !important;
    overflow: visible !important;
  }

  .map-node {
    position: absolute !important;
    width: clamp(116px, 34vw, 156px) !important;
    max-width: none !important;
    min-height: 0 !important;
    left: 50% !important;
    top: 50% !important;
    gap: clamp(6px, 1.3vh, 10px) !important;
    transform: translate(-50%, -50%) scale(1) !important;
  }
  body[data-view="forming"] .map-node {
    opacity: 0 !important;
    transform: translate(-50%, -50%) translateY(14px) scale(.82) !important;
    filter: blur(8px) !important;
  }
  body[data-view="map"] .map-node,
  body[data-view="detail"] .map-node {
    opacity: 1 !important;
    filter: none !important;
    transform: translate(-50%, -50%) scale(1) !important;
  }

  .map-node.overview  { left: 68% !important; top: 14% !important; }
  .map-node.solutions { left: 31% !important; top: 31% !important; }
  .map-node.process   { left: 70% !important; top: 51% !important; }
  .map-node.services  { left: 32% !important; top: 67% !important; }

  .node-label {
    font-size: clamp(15px, 4.7vw, 21px) !important;
    line-height: 1 !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: normal !important;
  }
  .icon-wrap { width: clamp(74px, 24vw, 104px) !important; }

  .start-project {
    position: absolute !important;
    left: auto !important;
    right: max(18px, env(safe-area-inset-right, 0px)) !important;
    bottom: max(24px, env(safe-area-inset-bottom, 0px)) !important;
    height: clamp(46px, 7vh, 58px) !important;
    width: auto !important;
    max-width: min(260px, calc(100vw - 34px)) !important;
    padding: 0 clamp(16px, 4vw, 24px) !important;
    gap: 10px !important;
    font-size: clamp(17px, 5vw, 22px) !important;
    transform: none !important;
    z-index: 5 !important;
  }
  body[data-view="map"] .start-project,
  body[data-view="forming"] .start-project,
  body[data-view="detail"] .start-project { transform: none !important; }
  .start-project svg { width: clamp(24px, 7vw, 32px) !important; height: clamp(24px, 7vw, 32px) !important; }
  body[dir="rtl"] .start-project svg { transform: scaleX(-1) !important; }
}

@media (max-width: 390px) {
  .system-map {
    width: calc(100vw - 16px) !important;
    height: clamp(480px, calc(100svh - var(--header-h) - 82px), 590px) !important;
    min-height: 480px !important;
    margin-top: calc(var(--header-h) + 28px) !important;
  }
  .map-node { width: clamp(104px, 35vw, 136px) !important; }
  .map-node.overview  { left: 69% !important; top: 13% !important; }
  .map-node.solutions { left: 30% !important; top: 30% !important; }
  .map-node.process   { left: 70% !important; top: 50% !important; }
  .map-node.services  { left: 31% !important; top: 66% !important; }
  .icon-wrap { width: clamp(66px, 23vw, 88px) !important; }
  .node-label { font-size: clamp(14px, 4.8vw, 19px) !important; }
  .start-project { right: 14px !important; bottom: max(20px, env(safe-area-inset-bottom, 0px)) !important; }
}

@media (max-height: 620px) and (max-width: 900px) {
  .map-screen { overflow-y: auto !important; overflow-x: hidden !important; }
  .system-map {
    width: min(620px, calc(100vw - 24px)) !important;
    height: 470px !important;
    min-height: 470px !important;
    margin: calc(var(--header-h) + 24px) auto 18px !important;
  }
  .map-node { width: clamp(104px, 22vw, 144px) !important; }
  .map-node.overview  { left: 67% !important; top: 14% !important; }
  .map-node.solutions { left: 31% !important; top: 31% !important; }
  .map-node.process   { left: 69% !important; top: 51% !important; }
  .map-node.services  { left: 32% !important; top: 68% !important; }
  .icon-wrap { width: clamp(62px, 15vw, 86px) !important; }
  .node-label { font-size: clamp(13px, 3vw, 18px) !important; }
  .start-project { bottom: 18px !important; height: 42px !important; font-size: 16px !important; }
}