/* MODISUN landing refinement v2 */
html,body{max-width:100%;overflow-x:hidden}
body.home .mds-shell{width:min(1440px,calc(100% - clamp(28px,5vw,80px)))!important;max-width:none!important;margin-inline:auto!important}

/* Hero: resilient spacing for tablet and mobile browsers requesting desktop view */
.mds-hero{box-sizing:border-box}
@media(min-width:641px) and (max-width:1180px){
  body.home .mds-shell{width:calc(100% - 48px)!important}
  .mds-header__inner{min-height:76px!important}
  .mds-hero{min-height:auto!important;padding:54px 0 64px!important}
  .mds-hero__grid{grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr)!important;gap:34px!important;align-items:center!important}
  .mds-hero__grid>div{min-width:0}
  .mds-hero__visual{min-height:410px!important;max-width:470px!important;width:100%!important}
  .mds-orbit{inset:34px!important}.mds-core{inset:92px!important}
  .mds-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .mds-card{min-width:0!important}
  .mds-ai{grid-template-columns:1fr!important}
  .mds-ai__copy,.mds-ai__panel{min-width:0!important}
}
@media(max-width:640px){
  body.home .mds-shell{width:calc(100% - 28px)!important}
  .mds-hero{padding-top:22px!important}
}

/* AI system card: replace the abstract 360° metric with a clear channel architecture */
.mds-ai__system{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:260px;padding:12px 0 4px;text-align:center}
.mds-ai__system-core{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:176px;height:176px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(78,140,255,.34),rgba(7,17,31,.94) 66%);border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 18px rgba(78,140,255,.045),0 28px 60px rgba(0,0,0,.24)}
.mds-ai__system-core:after{content:"";position:absolute;inset:-34px;border:1px dashed rgba(255,255,255,.16);border-radius:50%}
.mds-ai__system-core strong{font-size:20px;color:#fff;font-weight:900}.mds-ai__system-core span{margin-top:7px;font-size:9px;letter-spacing:.12em;color:#9fbcf5;direction:ltr}
.mds-ai__system-nodes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:470px}
.mds-ai__system-nodes span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);color:#d9e5f7;font-size:9px;font-weight:800;letter-spacing:.06em;direction:ltr}
.mds-ai__system p{max-width:560px;margin:0!important;color:#cbd6e7!important;font-size:12.5px!important;line-height:1.9!important}
@media(max-width:640px){.mds-ai__system{min-height:245px;gap:14px}.mds-ai__system-core{width:142px;height:142px}.mds-ai__system-core:after{inset:-24px}.mds-ai__system-core strong{font-size:17px}.mds-ai__system-nodes{gap:6px}.mds-ai__system-nodes span{min-height:27px;padding:0 9px;font-size:8px}}

/* Process: each step has a distinct visual cue and a concrete output */
.mds-process{gap:16px!important}
.mds-step{min-height:286px!important;padding:24px 22px 22px!important;display:flex!important;flex-direction:column!important;background:linear-gradient(160deg,#fff 0%,#f7faff 100%)!important;border:1px solid rgba(47,124,255,.10)!important;box-shadow:0 14px 36px rgba(7,17,31,.055)!important}
.mds-step__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;margin-bottom:20px;background:linear-gradient(145deg,rgba(47,124,255,.11),rgba(255,122,61,.10));border:1px solid rgba(47,124,255,.12);font-size:24px;font-weight:900;color:#2f7cff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.mds-step h3{margin:0 0 8px!important;font-size:20px!important}.mds-step p{margin:0!important;font-size:12.5px!important;line-height:1.9!important}
.mds-step__out{margin-top:auto;padding-top:18px;border-top:1px solid rgba(7,17,31,.07);font-size:11.5px;line-height:1.75;color:#647186}.mds-step__out b{display:inline-block;margin-left:6px;color:#0a1422;font-weight:900}
.mds-step--define .mds-step__icon{color:#6a63ff}.mds-step--build .mds-step__icon{color:#ff7a3d}.mds-step--grow .mds-step__icon{color:#12a46d}
@media(max-width:980px){.mds-step{min-height:245px!important}}

/* Selected projects: visual case previews, not logo-only cards */
.mds-casegrid{align-items:stretch}
.mds-case{min-height:470px!important;padding:24px 26px 28px!important;justify-content:flex-start!important}
.mds-case__top{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:3}
.mds-case .mds-case__logo-frame{display:flex!important;align-items:center!important;justify-content:center!important;width:92px!important;height:92px!important;margin:0!important;padding:9px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(7,17,31,.08)!important;box-shadow:0 10px 28px rgba(7,17,31,.10)!important}
.mds-case .mds-case__logo{width:74px!important;height:74px!important;object-fit:contain!important}
.mds-case__tag{position:static!important;font-size:9px!important;line-height:1.4;white-space:nowrap}
.mds-case__visual{position:relative;z-index:2;height:154px;margin:20px 0 22px;border-radius:20px;overflow:hidden}
.mds-case__visual--asaneh{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(47,124,255,.08));border:1px solid rgba(255,255,255,.12)}
.mds-mini-ui{position:absolute;inset:22px 28px 24px 28px;border-radius:15px;background:rgba(7,17,31,.64);border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 44px rgba(0,0,0,.25);padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.mds-mini-ui span{display:block;border-radius:8px;background:linear-gradient(145deg,rgba(78,140,255,.28),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08)}.mds-mini-ui i{position:absolute;right:18px;left:18px;bottom:13px;height:3px;border-radius:9px;background:linear-gradient(90deg,#2f7cff,#ff7a3d)}
.mds-mini-signal{position:absolute;left:19px;top:18px;display:flex;gap:4px;align-items:flex-end}.mds-mini-signal b{display:block;width:4px;border-radius:4px;background:#6aa0ff}.mds-mini-signal b:nth-child(1){height:7px}.mds-mini-signal b:nth-child(2){height:12px}.mds-mini-signal b:nth-child(3){height:18px}
.mds-case__visual--edl{background:linear-gradient(145deg,#fff,#edf3fa);border:1px solid rgba(7,17,31,.08)}
.mds-route{position:absolute;top:50%;right:18%;left:18%;height:52px;transform:translateY(-50%)}.mds-route:before{content:"";position:absolute;right:0;left:0;top:26px;border-top:2px dashed rgba(240,0,78,.30);transform:rotate(-7deg)}.mds-route i,.mds-route:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;top:22px;background:#f0004e;box-shadow:0 0 0 7px rgba(240,0,78,.08)}.mds-route i{right:0}.mds-route:after{left:0}.mds-route b{position:absolute;left:48%;top:3px;font-size:24px;color:#f0004e;transform:rotate(-12deg)}
.mds-route__city{position:absolute;bottom:18px;font-size:10px;font-weight:900;letter-spacing:.08em;color:#647186;direction:ltr}.mds-route__city--china{right:18%}.mds-route__city--iran{left:19%}
.mds-case .mds-case__body{position:relative!important;z-index:3!important;max-width:100%!important;padding-top:0!important;margin-top:auto}.mds-case__body h3{font-size:28px!important;margin-bottom:7px!important}.mds-case__body p{max-width:94%;margin-bottom:20px!important}
@media(max-width:640px){.mds-case{min-height:430px!important;padding:20px!important}.mds-case .mds-case__logo-frame{width:76px!important;height:76px!important;border-radius:15px!important}.mds-case .mds-case__logo{width:60px!important;height:60px!important}.mds-case__tag{font-size:7.5px!important}.mds-case__visual{height:138px;margin:16px 0 18px}.mds-case__body h3{font-size:24px!important}}

/* Mobile navigation */
.mds-menu-toggle{display:none;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;width:42px;height:42px;border-radius:12px;align-items:center;justify-content:center;cursor:pointer}.mds-menu-toggle span,.mds-menu-toggle:before,.mds-menu-toggle:after{content:"";display:block;width:18px;height:2px;border-radius:4px;background:currentColor;transition:.2s}.mds-menu-toggle span{margin:4px 0}.mds-menu-toggle[aria-expanded="true"] span{opacity:0}.mds-menu-toggle[aria-expanded="true"]:before{transform:translateY(6px) rotate(45deg)}.mds-menu-toggle[aria-expanded="true"]:after{transform:translateY(-6px) rotate(-45deg)}
@media(max-width:980px){.mds-menu-toggle{display:flex!important;flex-direction:column}.mds-header__inner{position:relative}.mds-nav{display:none!important;position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:50;padding:12px;border-radius:16px;background:rgba(7,17,31,.98);border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 50px rgba(0,0,0,.28);flex-direction:column!important;align-items:stretch!important}.mds-nav.is-open{display:flex!important}.mds-nav a{padding:11px 12px;border-radius:10px}.mds-header__cta{margin-right:auto}}

/* Footer template is already wrapped by WordPress; inner element is a div in v2. */
.mds-footer{box-sizing:border-box}

/* AI card v3: cleaner premium growth map */
.mds-ai__network{display:none!important}
.mds-ai__panel{display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:520px!important;overflow:hidden!important;background:radial-gradient(circle at 52% 42%,rgba(47,124,255,.18),transparent 32%),linear-gradient(145deg,#102445 0%,#182f59 52%,#4a4357 100%)!important}
.mds-ai__system{flex:1;justify-content:center!important;gap:24px!important;padding:18px 0 8px!important}
.mds-growth-map{position:relative;width:min(100%,560px);height:330px;margin:0 auto;isolation:isolate}
.mds-growth-map:before{content:"";position:absolute;inset:34px 58px;border-radius:50%;background:radial-gradient(circle,rgba(47,124,255,.15),transparent 62%);filter:blur(2px);z-index:-2}
.mds-growth-map__ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.12);z-index:-1}.mds-growth-map__ring--one{width:300px;height:210px}.mds-growth-map__ring--two{width:430px;height:280px;border-style:dashed;opacity:.55}
.mds-growth-map__hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:182px;height:182px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 32% 28%,rgba(72,129,255,.48),rgba(6,16,31,.96) 64%);border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 14px rgba(47,124,255,.06),0 26px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.15)}
.mds-growth-map__hub:after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(255,143,68,.28)}
.mds-growth-map__hub small{font-size:9px;font-weight:800;letter-spacing:.18em;color:#7da8ff}.mds-growth-map__hub strong{margin:8px 0 5px;font-size:22px;line-height:1;color:#fff;font-weight:900}.mds-growth-map__hub em{font-style:normal;font-size:9px;letter-spacing:.12em;color:#b7c9ec;direction:ltr}
.mds-growth-node{position:absolute;display:flex;align-items:center;justify-content:center;min-width:78px;height:36px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 28px rgba(0,0,0,.14);backdrop-filter:blur(10px);color:#eef4ff;font-size:9px;font-weight:900;letter-spacing:.07em;direction:ltr}.mds-growth-node:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#6e9dff;box-shadow:0 0 0 5px rgba(110,157,255,.08)}
.mds-growth-node--web{right:5%;top:15%}.mds-growth-node--web:before{right:-18px}.mds-growth-node--search{right:0;top:45%}.mds-growth-node--search:before{right:-18px;background:#ffb24a}.mds-growth-node--social{right:10%;bottom:10%}.mds-growth-node--social:before{right:-18px;background:#ff7a3d}.mds-growth-node--content{left:10%;bottom:10%}.mds-growth-node--content:before{left:-18px;background:#ffb24a}.mds-growth-node--ai{left:0;top:45%}.mds-growth-node--ai:before{left:-18px}.mds-growth-node--automation{left:5%;top:15%}.mds-growth-node--automation:before{left:-18px;background:#ff7a3d}
.mds-ai__system>p{max-width:610px!important;font-size:13px!important;line-height:2!important;color:#dbe5f5!important}

/* Mobile header v3: one compact row, CTA stays in desktop header only */
@media(max-width:980px){.mds-header__inner{min-height:70px!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:12px!important}.mds-brand{margin-left:auto!important}.mds-brand__logo{height:54px!important;max-width:190px!important}.mds-menu-toggle{order:3!important;margin-right:0!important;flex:0 0 46px!important;width:46px!important;height:46px!important}.mds-header__cta{display:none!important}.mds-nav{top:calc(100% + 6px)!important}.mds-hero{padding-top:22px!important}}
@media(max-width:640px){.mds-brand__logo{height:50px!important;max-width:180px!important}.mds-header__inner{min-height:68px!important}}

/* Project cards v3: use real website previews and link to live sites */
.mds-case__visual--site{position:relative;display:block;height:210px!important;margin:20px 0 22px!important;border-radius:20px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.15)!important;background:#0d1b30!important;box-shadow:0 18px 42px rgba(7,17,31,.16)!important;text-decoration:none!important}.mds-case--edl .mds-case__visual--site{border-color:rgba(7,17,31,.09)!important;background:#fff!important}
.mds-case__visual--site img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .45s ease,filter .45s ease;filter:saturate(.92) contrast(1.02)}
.mds-case__visual--site:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(5,12,24,.72) 100%);pointer-events:none}.mds-case__visual--site span{position:absolute;right:16px;bottom:14px;z-index:2;display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:10px;background:rgba(7,17,31,.76);border:1px solid rgba(255,255,255,.15);color:#fff!important;font-size:10px;font-weight:800;backdrop-filter:blur(8px)}.mds-case__visual--site:hover img{transform:scale(1.035)}
.mds-case__body>a{font-weight:900!important}.mds-case--asaneh .mds-case__body>a,.mds-case--edl .mds-case__body>a{display:inline-flex!important;align-items:center!important;gap:8px!important}
@media(max-width:640px){.mds-ai__panel{min-height:470px!important}.mds-growth-map{height:285px}.mds-growth-map__ring--one{width:235px;height:170px}.mds-growth-map__ring--two{width:310px;height:220px}.mds-growth-map__hub{width:145px;height:145px}.mds-growth-map__hub strong{font-size:18px}.mds-growth-node{min-width:58px;height:30px;padding:0 8px;font-size:7.5px}.mds-growth-node--web,.mds-growth-node--automation{top:10%}.mds-growth-node--social,.mds-growth-node--content{bottom:8%}.mds-case__visual--site{height:180px!important}}