.dwp-shell{max-width:1170px;margin:0 auto;padding:0 20px;direction:rtl}.dwp-collection,.dwp-case{font-family:Vazir,Vazirmatn,Tahoma,sans-serif;color:#192b46;direction:rtl}.dwp-collection{padding:55px 0 100px;background:#f8faff}.dwp-eyebrow,.dwp-hero-caption{color:#1d3a8a;font-size:12px;font-weight:800}.dwp-hero-caption{color:#a1c1ff}.dwp-collection-intro{max-width:780px;margin:0 0 37px}.dwp-collection-intro h2,.dwp-block-head h3{font-size:clamp(24px,2.5vw,34px);line-height:1.6;margin:8px 0 10px;font-weight:900}.dwp-collection-intro p,.dwp-case-about p{line-height:2;color:#66758a;font-size:15px}.dwp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.dwp-card{background:white;border:1px solid #e6ebf4;border-radius:21px;overflow:hidden;box-shadow:0 14px 40px #1737780b;transition:transform .25s,box-shadow .25s}.dwp-card:hover{transform:translateY(-6px);box-shadow:0 22px 52px #17377817}.dwp-card>a{display:block;color:inherit;text-decoration:none;height:100%}.dwp-card-media{height:224px;background:#e7edf6;overflow:hidden}.dwp-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.dwp-card:hover img{transform:scale(1.04)}.dwp-media-blank{height:100%;display:grid;place-items:center;font-weight:900;color:#7190bd}.dwp-card-body{padding:22px}.dwp-card-tag{font-size:11px;color:#1d3a8a;background:#eff3ff;border-radius:50px;padding:5px 12px;display:inline-block}.dwp-card h3{font-size:19px;color:#1c2d49;line-height:1.7;margin:9px 0}.dwp-card p{color:#68778f;line-height:2;font-size:13px;margin:0 0 16px;min-height:52px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dwp-card-more{color:#1d3a8a;font-size:12px;font-weight:800}.dwp-pages{display:flex;justify-content:center;gap:8px;margin-top:42px}.dwp-pages a{background:#fff;border:1px solid #dde5f0;padding:7px 14px;border-radius:10px}.dwp-pages a.current{background:#1d3a8a;color:#fff}.dwp-case{padding:38px 0 95px;background:#fff}.dwp-case-hero-img{background:#edf1f8;border-radius:24px;padding:22px;display:grid;place-items:center;overflow:hidden;max-height:680px}.dwp-case-hero-img img{max-height:630px;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:11px;box-shadow:0 10px 30px #1d3a8a12}.dwp-case-facts{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:60px;margin:65px 0}.dwp-case-about h2{font-size:31px;line-height:1.5;margin:10px 0}.dwp-case-about p{font-size:17px}.dwp-case-side{border:1px solid #e7eaf1;background:#f8faff;border-radius:18px;padding:23px}.dwp-fact{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e3e9f3;padding:10px 0}.dwp-fact small{color:#71809a}.dwp-fact strong{font-size:13px;text-align:left;font-weight:700}.dwp-primary,.dwp-secondary{display:inline-flex;justify-content:center;align-items:center;min-height:45px;border-radius:11px;padding:9px 19px;text-decoration:none;font-weight:750;font-size:13px}.dwp-primary{background:#1d3a8a;color:#fff!important;margin-top:17px}.dwp-secondary{color:#1d3a8a!important;border:1px solid #a9b9dc;margin:17px 8px 0 0}.dwp-case-story{margin:45px 0 70px}.dwp-story-block{display:grid;grid-template-columns:1fr 2fr;gap:45px;padding:34px 0;border-top:1px solid #e9edf4}.dwp-story-block h3,.dwp-features h3{font-size:23px;line-height:1.7;margin:7px 0}.dwp-story-block p{color:#5e6e82;line-height:2.3;margin:0;white-space:normal}.dwp-features{border-top:1px solid #e9edf4;padding-top:32px}.dwp-feature-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.dwp-feature-list span{background:#edf3fc;border-radius:40px;color:#1d3a8a;padding:10px 17px;font-size:13px}.dwp-screens,.dwp-gallery{margin:65px 0}.dwp-block-head{margin-bottom:25px}.dwp-device-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.7fr);gap:25px;align-items:start}.dwp-device-grid figure,.dwp-gallery figure{margin:0;padding:17px;background:#f2f5fa;border:1px solid #e2e8f3;border-radius:20px}.dwp-device-grid img{width:100%;height:auto;max-height:680px;object-fit:contain;display:block}.dwp-device-grid figcaption{text-align:center;color:#697b90;margin-top:10px;font-size:12px}.dwp-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dwp-gallery img{width:100%;height:auto;display:block;max-height:800px;object-fit:contain}.dwp-legacy-content{line-height:2.2;overflow-wrap:anywhere;overflow:hidden}.dwp-legacy-content img{max-width:100%;height:auto}.dwp-case-end{margin-top:80px;padding:32px 38px;background:#f2f6fd;border-radius:23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.dwp-case-end h3{font-size:22px;line-height:1.7;margin:6px 0}.dwp-case-end p{color:#697990;margin:0}.dwp-case-end>div:last-child{display:flex;flex-wrap:wrap}.banner-block .banner-text h1{font-weight:900}.dwp-case .dwp-case-about h2{color:#132f63}@media(max-width:900px){.dwp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dwp-case-facts{gap:25px}.dwp-story-block{grid-template-columns:1fr;gap:8px}}@media(max-width:600px){.dwp-shell{padding:0 14px}.dwp-grid{grid-template-columns:1fr}.dwp-collection{padding:40px 0 70px}.dwp-card-media{height:210px}.dwp-case-hero-img{padding:10px;border-radius:15px}.dwp-case-facts,.dwp-device-grid,.dwp-gallery-grid{grid-template-columns:1fr}.dwp-case-facts{margin:35px 0}.dwp-case-about h2{font-size:24px}.dwp-case-end{display:block;padding:23px}.dwp-story-block{padding:23px 0}.dwp-case{padding-top:20px}}
.dwp-legacy-more{margin:40px 0;border-top:1px solid #e4ebf5;padding:22px 0}.dwp-legacy-more summary{cursor:pointer;color:#1d3a8a;font-weight:700;margin-bottom:17px}

/* ===== DanaWeb portfolio case study v2 – scoped, no changes to public listing ===== */
.dwp-project-site-header{min-height:0}
.dwp-project-site-header .dwp-project-banner{padding:105px 0 15px!important;text-align:right}
.dwp-project-breadcrumb{direction:rtl;display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#6b7e9a;font-size:12px;line-height:1.9;font-family:Vazir,Vazirmatn,Tahoma,sans-serif;  background: none;
  border: 0;
  box-shadow: none;}
.dwp-project-breadcrumb a{color:#1d3a8a;text-decoration:none}.dwp-project-breadcrumb [aria-current]{color:#5c6f8c;max-width:60ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dwp-case-v2{padding:32px 0 105px;background:#fff;color:#172844;--dwblue:#1d3a8a;--dwmuted:#697a93;--dwline:#e4eaf4;overflow:hidden}
.dwp-case-v2 *{box-sizing:border-box}
.dwp-case-v2 a:focus-visible,.dwp-case-v2 button:focus-visible,.dwp-screen-scroll:focus-visible{outline:3px solid #7799ff;outline-offset:4px}
.dwp-project-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4.5vw,65px);align-items:center;padding:36px 0 66px;min-height:470px}
.dwp-project-hero-copy{min-width:0;align-self:center}
.dwp-project-kicker{display:inline-flex;align-items:center;gap:9px;font-weight:850;color:var(--dwblue);font-size:12px;letter-spacing:.1px}
.dwp-project-kicker-dot{width:8px;height:8px;border-radius:50%;background:#1d3a8a;box-shadow:0 0 0 5px #1d3a8a18}
.dwp-case-v2 .dwp-project-hero h1{font-size:clamp(28px,3.1vw,45px);line-height:1.55;margin:17px 0 14px;letter-spacing:-.6px;color:#152d61;font-weight:950}
.dwp-project-lead{color:#5d6f88;line-height:2.25;font-size:15px;margin:0 0 20px;max-width:620px}
.dwp-project-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;padding:13px 0;margin:9px 0 14px;border-top:1px solid var(--dwline);border-bottom:1px solid var(--dwline)}
.dwp-project-fact{min-width:0;padding:9px 0}.dwp-project-fact dt{font-size:11px;color:#78889f;line-height:1.75;margin-bottom:3px}.dwp-project-fact dd{font-weight:800;line-height:1.85;font-size:13px;margin:0;color:#203757;overflow-wrap:anywhere}
.dwp-project-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:18px}
.dwp-case-v2 .dwp-project-actions .dwp-primary,.dwp-case-v2 .dwp-project-actions .dwp-secondary{margin:0;min-height:48px;display:inline-flex;gap:9px;align-items:center;padding:10px 18px;font-size:12px}
.dwp-case-v2 .dwp-project-actions .dwp-secondary{color:#1d3a8a!important;background:#fff;border:1px solid #d2dbed}
.dwp-project-cover{margin:0;position:relative;padding:13px;border:1px solid #dfe8f6;border-radius:29px;background:linear-gradient(150deg,#f3f7ff,#eaf0fa);box-shadow:0 26px 68px #152e6013;aspect-ratio:1.25;overflow:hidden}
.dwp-project-cover>img,.dwp-project-cover-placeholder{display:block;width:100%;height:100%;aspect-ratio:1.25;object-fit:cover;object-position:center top;border-radius:19px;background:#edf1f8}
.dwp-project-cover figcaption{position:absolute;left:23px;bottom:23px;display:flex;align-items:center;gap:9px;padding:10px 14px;background:#ffffffee;color:#29446e;border:1px solid #e7edf6;border-radius:12px;box-shadow:0 12px 30px #0a2c6522;font-size:11px;font-weight:850;max-width:calc(100% - 46px)}
.dwp-cover-mark{display:inline-grid;place-items:center;background:#1d3a8a;color:#fff;border-radius:8px;width:23px;height:23px;font-size:14px}
.dwp-project-cover-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1d3a8a;gap:4px;background:linear-gradient(135deg,#d5e2fc,#f1f5fb)}.dwp-project-cover-placeholder>span{font-size:clamp(65px,8vw,126px);font-weight:950;line-height:1}.dwp-project-cover-placeholder>small{font-size:10px;letter-spacing:3px}
.dwp-showcase{scroll-margin-top:25px;background:radial-gradient(ellipse at 5% 10%,#203f84 0%,transparent 38%),linear-gradient(135deg,#101f41,#162e60 70%,#11264e);color:#fff;padding:clamp(25px,4vw,54px);border-radius:31px;position:relative;isolation:isolate;overflow:hidden;margin:25px 0 85px}
.dwp-showcase:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(180deg,#0006,transparent 90%)}
.dwp-showcase-head{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:42px}
.dwp-showcase-label{color:#a9c4ff;font-size:12px;font-weight:850}
.dwp-case-v2 .dwp-showcase h2{color:#fff;font-size:clamp(24px,2.4vw,34px);line-height:1.65;margin:7px 0 6px;font-weight:950}
.dwp-showcase-head p{margin:0;color:#bdc9e3;line-height:2;font-size:13px}
.dwp-showcase-mini{direction:ltr;white-space:nowrap;letter-spacing:2px;color:#b6c5e67a;font-size:10px;border:1px solid #b8c9ff33;padding:9px 11px;border-radius:10px}
.dwp-device-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(175px,235px);gap:clamp(22px,3vw,48px);align-items:center;direction:ltr}
.dwp-device-stage.dwp-only-laptop{grid-template-columns:minmax(0,1fr)}
.dwp-device-stage.dwp-only-phone{grid-template-columns:minmax(0,240px);justify-content:center}
.dwp-device-unit{min-width:0;margin:0!important;padding:0!important;border:0!important;background:transparent!important;direction:rtl}
.dwp-device-unit-laptop{width:100%;max-width:770px;justify-self:center}
.dwp-laptop{position:relative;direction:ltr;width:100%;filter:drop-shadow(0 26px 26px #020b1f61)}
.dwp-laptop-lid{padding:12px 11px 11px;background:linear-gradient(145deg,#222b40,#0e1628);border-radius:17px 17px 7px 7px;border:1px solid #4a5772;box-shadow:inset 0 0 0 2px #131d30}
.dwp-laptop-camera{height:4px;width:4px;border-radius:50%;margin:-5px auto 7px;background:#657797;box-shadow:0 0 0 2px #151e2d}
.dwp-laptop-display{border:1px solid #394963;background:#fff;overflow:hidden;border-radius:6px}
.dwp-browser-top{height:31px;display:flex;align-items:center;gap:10px;padding:0 11px;background:#f2f5fa;border-bottom:1px solid #dbe2ef;color:#475a79}
.dwp-browser-dots{display:flex;align-items:center;gap:4px;flex:0 0 auto}.dwp-browser-dots i{width:7px;height:7px;border-radius:50%;background:#c8d1df}.dwp-browser-dots i:first-child{background:#f29497}.dwp-browser-dots i:nth-child(2){background:#ecc47a}.dwp-browser-dots i:nth-child(3){background:#9bcea9}
.dwp-browser-address{display:block;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:5px;padding:3px 4px;font:10px Arial,sans-serif;color:#66758c}
.dwp-browser-menu{color:#92a0b5;font-size:17px;line-height:1}
.dwp-screen-scroll{height:auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:auto;scrollbar-color:#718ab7 #ecf1f8;scrollbar-width:thin;touch-action:pan-y;background:#fff}
.dwp-screen-scroll::-webkit-scrollbar{width:6px}.dwp-screen-scroll::-webkit-scrollbar-track{background:#ecf1f8}.dwp-screen-scroll::-webkit-scrollbar-thumb{background:#8295b9;border-radius:10px}
.dwp-screen-scroll img{display:block!important;width:100%!important;max-height:none!important;height:auto!important;min-height:100%;object-fit:initial!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.dwp-laptop-scroll{aspect-ratio:16/9;width:100%;max-height:none!important}
.dwp-laptop-base{height:15px;background:linear-gradient(#b9c3d5,#7e8da6 62%,#aab6ca);border-radius:2px 2px 40% 40%;margin:0 -3.5%;position:relative;box-shadow:inset 0 2px 2px #e2e8f2}
.dwp-laptop-base span{position:absolute;top:0;left:40%;right:40%;height:5px;background:#5c6a80;border-radius:0 0 12px 12px}
.dwp-laptop-foot{height:5px;margin:0 8%;background:#55637c;border-radius:0 0 80% 80%;opacity:.55}
.dwp-phone{width:100%;max-width:235px;margin:0 auto;position:relative;aspect-ratio:9/18.7;background:#0f1728;border:4px solid #333c50;border-radius:36px;padding:8px;box-shadow:0 27px 40px #061020a3,inset 0 0 0 2px #56627c}
.dwp-phone:before,.dwp-phone:after{content:"";position:absolute;left:-6px;width:2px;background:#77849b;border-radius:2px}
.dwp-phone:before{top:19%;height:35px}.dwp-phone:after{top:30%;height:48px}
.dwp-phone-scroll{height:100%;width:100%;border-radius:26px;overflow-y:auto;background:#fff}
.dwp-phone-dynamic-island{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:30%;height:15px;border-radius:20px;background:#0b1220;z-index:3;pointer-events:none;box-shadow:0 0 0 1px #0b122033}
.dwp-phone-home{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:29%;height:3px;border-radius:6px;background:#b8c0cd;z-index:3;pointer-events:none}
.dwp-device-caption{margin-top:21px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;color:#e4edff;font-size:12px;font-weight:850}
.dwp-device-caption .dwp-scroll-toggle{min-height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid #ffffff48;background:#ffffff18;color:#fff;cursor:pointer;font:inherit;font-size:11px;padding:5px 12px;transition:background .18s}
.dwp-device-caption .dwp-scroll-toggle:hover,.dwp-device-caption .dwp-scroll-toggle[aria-pressed="true"]{background:#ffffff30}
.dwp-device-caption .dwp-scroll-toggle:disabled{opacity:.45;cursor:not-allowed}
.dwp-showcase-note{color:#bac7e1;font-size:11px;line-height:1.9;margin:25px 0 0;text-align:center}
.dwp-case-v2 .dwp-case-story{margin:32px 0 70px}
.dwp-case-v2 .dwp-story-block{grid-template-columns:minmax(0,.78fr) minmax(0,1.9fr);gap:44px;padding:37px 0;border-color:var(--dwline)}
.dwp-case-v2 .dwp-story-block h2,.dwp-case-v2 .dwp-features h2{font-size:clamp(20px,2vw,25px);line-height:1.75;color:#1b345e;margin:6px 0 0;font-weight:900}
.dwp-case-v2 .dwp-story-block p{color:#5a6a80;line-height:2.2;font-size:14px}
.dwp-case-v2 .dwp-features{padding:32px 0}.dwp-case-v2 .dwp-feature-list span{border:1px solid #dce6f7;background:#f2f6ff;color:#1d3a8a}
.dwp-case-v2 .dwp-gallery{margin:70px 0}.dwp-case-v2 .dwp-gallery-grid figure{background:#f7f9fc}
.dwp-case-v2 .dwp-block-head h2{color:#1b345e;font-size:clamp(22px,2.4vw,30px);margin:6px 0 0;font-weight:900;line-height:1.75}
.dwp-case-v2 .dwp-case-end{margin-top:80px;border:1px solid #d9e4f5;background:linear-gradient(115deg,#f0f5fd,#fff);box-shadow:0 10px 25px #1237770b}
.dwp-case-v2 .dwp-case-end h2{font-size:clamp(21px,2vw,25px);line-height:1.7;color:#183765;margin:5px 0}
.dwp-case-v2 .dwp-case-end .dwp-primary,.dwp-case-v2 .dwp-case-end .dwp-secondary{margin-top:10px}
@media (max-width:1050px){.dwp-device-stage{grid-template-columns:minmax(0,1fr) 185px;gap:24px}.dwp-phone{max-width:185px;border-radius:31px}.dwp-phone-scroll{border-radius:21px}.dwp-project-hero{gap:24px}}
@media (max-width:800px){.dwp-project-hero{grid-template-columns:1fr;padding:10px 0 50px;min-height:0}.dwp-project-cover{width:100%;max-width:610px;justify-self:center;grid-row:1}.dwp-project-hero-copy{grid-row:2}.dwp-device-stage{grid-template-columns:minmax(0,1fr)}.dwp-device-unit-phone{justify-self:center;width:100%;max-width:210px}.dwp-phone{max-width:210px}.dwp-case-v2 .dwp-story-block{grid-template-columns:1fr;gap:10px}}
@media (max-width:600px){.dwp-case-v2{padding:15px 0 70px}.dwp-project-site-header .dwp-project-banner{padding:90px 0 9px!important}.dwp-project-breadcrumb{font-size:11px;gap:6px}.dwp-project-breadcrumb [aria-current]{max-width:130px}.dwp-project-cover{padding:8px;border-radius:19px}.dwp-project-cover>img,.dwp-project-cover-placeholder{border-radius:12px}.dwp-project-cover figcaption{font-size:10px;left:14px;bottom:14px;max-width:calc(100% - 28px);padding:6px 9px}.dwp-case-v2 .dwp-project-hero h1{font-size:27px}.dwp-project-lead{font-size:14px}.dwp-project-facts{gap:0 12px}.dwp-project-actions>a{flex:1;min-width:160px}.dwp-showcase{padding:24px 11px 22px;border-radius:20px;margin:5px 0 58px}.dwp-showcase-head{padding:0 10px;margin-bottom:27px}.dwp-showcase-head p{font-size:12px}.dwp-showcase-mini{display:none}.dwp-device-stage{gap:35px}.dwp-laptop-lid{padding:8px 6px 6px;border-radius:10px 10px 5px 5px}.dwp-browser-top{height:23px;padding:0 6px;gap:4px}.dwp-browser-address{font-size:8px}.dwp-browser-dots{gap:2px}.dwp-browser-dots i{width:5px;height:5px}.dwp-laptop-base{height:10px}.dwp-laptop-camera{margin:-3px auto 4px}.dwp-phone{max-width:200px}.dwp-case-v2 .dwp-story-block{padding:26px 0}.dwp-case-v2 .dwp-case-end{margin-top:55px}}
@media (prefers-reduced-motion:reduce){.dwp-case-v2 *{scroll-behavior:auto!important;transition:none!important}}