/* ZOC_ZERO_PLATFORM_AGENCY_STAGE4E */ .zph-root{--zph-primary:#1f3f6d;--zph-contrast:#fff;--zph-icon:#fff;--zph-accent:#ef6b61;--zph-surface:#17345d;--zph-muted:#d8e4f5;--zph-radius:28px;--zph-font:Tahoma,Arial,sans-serif;--zph-heading-weight:900;direction:rtl;background:var(--zph-bg,var(--zph-primary));color:var(--zph-contrast);font-family:var(--zph-font);min-height:100vh;overflow:hidden}.zph-root *{box-sizing:border-box}.zph-root a{color:inherit;text-decoration:none}.zph-container{width:min(1180px,calc(100% - 34px));margin:0 auto}.zph-section{padding:76px 0}.zph-topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--zph-primary) 86%,#000 14%);border-bottom:1px solid color-mix(in srgb,var(--zph-contrast) 18%,transparent);backdrop-filter:blur(14px)}.zph-nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.zph-logo{display:flex;align-items:center;gap:10px;font-weight:900}.zph-logo img{max-height:42px;max-width:160px;object-fit:contain}.zph-logo-mark{width:48px;height:48px;display:grid;place-items:center;background:var(--zph-accent);color:var(--zph-contrast);border-radius:14px;font-weight:900}.zph-logo small{display:block;opacity:.72;font-size:11px;letter-spacing:.08em}.zph-menu{display:flex;align-items:center;gap:22px;font-weight:800}.zph-phone{background:var(--zph-accent);padding:13px 18px;border-radius:999px;font-weight:900}.zph-hero{position:relative;padding-top:90px}.zph-hero:before,.zph-services:before,.zph-packages:before{content:"";position:absolute;inset:auto -12% 0 auto;width:50vw;height:50vw;border-radius:50%;border:2px solid color-mix(in srgb,var(--zph-contrast) 14%,transparent);opacity:.35;pointer-events:none}.zph-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:60px;align-items:center}.zph-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--zph-muted);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.zph-kicker:before{content:"";width:42px;height:8px;border-radius:999px;background:var(--zph-accent)}.zph-hero h1{font-size:clamp(48px,8vw,116px);line-height:.92;margin:24px 0 22px;font-weight:var(--zph-heading-weight);letter-spacing:-.04em}.zph-hero p{font-size:19px;line-height:2;color:var(--zph-muted);max-width:700px}.zph-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.zph-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:12px 22px;font-weight:900;border:2px solid color-mix(in srgb,var(--zph-contrast) 26%,transparent)}.zph-btn-fill{background:var(--zph-accent);border-color:var(--zph-accent);color:var(--zph-contrast)}.zph-btn-line{background:transparent}.zph-hero-art{min-height:470px;position:relative;border-radius:var(--zph-radius);background:linear-gradient(150deg,color-mix(in srgb,var(--zph-surface) 78%,#000 22%),color-mix(in srgb,var(--zph-primary) 78%,#fff 22%));overflow:hidden;padding:28px}.zph-big-number{font-size:clamp(150px,20vw,280px);font-weight:900;line-height:.75;color:color-mix(in srgb,var(--zph-contrast) 20%,transparent);letter-spacing:-.08em}.zph-art-ball{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--zph-accent),color-mix(in srgb,var(--zph-primary) 75%,#000 25%) 62%,transparent 63%);filter:drop-shadow(0 30px 70px rgba(0,0,0,.25))}.zph-art-ball-a{width:230px;height:230px;left:14%;top:19%}.zph-art-ball-b{width:170px;height:170px;right:13%;bottom:16%;background:radial-gradient(circle at 35% 30%,var(--zph-contrast),color-mix(in srgb,var(--zph-primary) 78%,#000 22%) 66%)}.zph-art-lines{position:absolute;inset:0;background:repeating-linear-gradient(70deg,transparent 0 34px,color-mix(in srgb,var(--zph-contrast) 12%,transparent) 35px 37px,transparent 38px 82px);opacity:.8}.zph-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05);opacity:.82}.zph-stat-card{position:absolute;right:24px;bottom:24px;background:var(--zph-primary);border:1px solid color-mix(in srgb,var(--zph-contrast) 22%,transparent);border-radius:22px;padding:16px 18px;box-shadow:0 24px 60px rgba(0,0,0,.22)}.zph-stat-card.second{right:auto;left:24px}.zph-stat-card strong{display:block;font-size:36px}.zph-stat-card span{color:var(--zph-muted);font-weight:800}.zph-title-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.zph-title-row h2{font-size:clamp(32px,5vw,72px);line-height:.95;margin:0;font-weight:var(--zph-heading-weight)}.zph-title-row b{font-size:clamp(42px,8vw,100px);line-height:.8;color:color-mix(in srgb,var(--zph-contrast) 18%,transparent);font-weight:900;letter-spacing:-.06em}.zph-title-row.compact b{font-size:clamp(36px,6vw,82px)}.zph-section-line{width:7px;height:80px;background:var(--zph-accent);border-radius:999px}.zph-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.zph-service-card{background:var(--zph-surface);border:1px solid color-mix(in srgb,var(--zph-contrast) 18%,transparent);border-radius:var(--zph-radius);padding:26px;min-height:235px;transition:transform .25s ease,background .25s ease}.zph-service-card:hover{transform:translateY(-7px);background:color-mix(in srgb,var(--zph-surface) 86%,var(--zph-accent) 14%)}.zph-service-icon{width:88px;height:88px;border-radius:28px;display:grid;place-items:center;color:var(--zph-icon);font-size:62px;font-weight:900;margin-bottom:26px}.zph-service-card h3{font-size:24px;margin:0 0 12px;font-weight:900}.zph-service-card p,.zph-portfolio p,.zph-blog-card p,.zph-process p{color:var(--zph-muted);line-height:1.9}.zph-stats{padding:28px 0}.zph-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.zph-stats-grid div{background:color-mix(in srgb,var(--zph-surface) 84%,#fff 16%);border-radius:var(--zph-radius);padding:24px;text-align:center;border:1px solid color-mix(in srgb,var(--zph-contrast) 18%,transparent)}.zph-stats-grid strong{display:block;font-size:48px;line-height:1;font-weight:900}.zph-stats-grid span{display:block;margin-top:10px;color:var(--zph-muted);font-weight:900}.zph-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.zph-price-card{background:var(--zph-surface);border:1px solid color-mix(in srgb,var(--zph-contrast) 18%,transparent);border-radius:var(--zph-radius);padding:26px;position:relative;overflow:hidden}.zph-price-card.is-featured{background:var(--zph-accent);color:var(--zph-contrast);transform:translateY(-10px)}.zph-price-card:before{content:"";position:absolute;left:-60px;top:-60px;width:150px;height:150px;border:24px solid color-mix(in srgb,var(--zph-contrast) 16%,transparent);border-radius:50%}.zph-badge{display:inline-flex;padding:7px 13px;border-radius:999px;background:color-mix(in srgb,var(--zph-contrast) 15%,transparent);font-size:12px;font-weight:900}.zph-price-card h3{font-size:28px;margin:22px 0 10px}.zph-price{font-size:32px;font-weight:900;margin-bottom:20px}.zph-price-card ul{padding:0;margin:0 0 22px;list-style:none}.zph-price-card li{display:flex;gap:9px;margin:10px 0;color:var(--zph-muted)}.zph-price-card li span{color:var(--zph-icon);font-weight:900}.zph-price-card.is-featured li{color:var(--zph-contrast)}.zph-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.zph-process-grid article{background:color-mix(in srgb,var(--zph-primary) 80%,#fff 20%);border:1px solid color-mix(in srgb,var(--zph-contrast) 18%,transparent);border-radius:var(--zph-radius);padding:24px}.zph-process-grid span{font-size:42px;color:var(--zph-accent);font-weight:900}.zph-process-grid h3{font-size:24px}.zph-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.zph-work-card{display:block;min-height:250px;background:var(--zph-surface);border-radius:var(--zph-radius);overflow:hidden;border:1px solid color-mix(in srgb,var(--zph-contrast) 16%,transparent);position:relative;padding:18px}.zph-work-card img,.zph-work-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.zph-work-ph{background:linear-gradient(135deg,color-mix(in srgb,var(--zph-accent) 58%,var(--zph-primary) 42%),color-mix(in srgb,var(--zph-surface) 72%,#000 28%))}.zph-work-card span,.zph-work-card h3{position:relative;z-index:1}.zph-work-card span{display:inline-flex;background:var(--zph-accent);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.zph-work-card h3{font-size:28px;margin-top:140px}.zph-blog{background:color-mix(in srgb,var(--zph-primary) 86%,#fff 14%)}.zph-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.zph-blog-card{background:color-mix(in srgb,var(--zph-contrast) 96%,var(--zph-primary) 4%);color:var(--zph-primary);border-radius:var(--zph-radius);padding:26px;min-height:210px}.zph-blog-card h3{font-size:24px}.zph-blog-card p{color:color-mix(in srgb,var(--zph-primary) 70%,#777 30%)}.zph-blog-card a{color:var(--zph-accent);font-weight:900}.zph-extra-content{background:color-mix(in srgb,var(--zph-contrast) 96%,var(--zph-primary) 4%);color:#172033;border-radius:var(--zph-radius);padding:28px}.zph-cta-box{background:var(--zph-surface);border-radius:calc(var(--zph-radius) + 8px);padding:48px;border:1px solid color-mix(in srgb,var(--zph-contrast) 18%,transparent);text-align:center}.zph-cta-box h2{font-size:clamp(34px,5vw,76px);margin:0 0 14px;font-weight:900}.zph-cta-box p{max-width:720px;margin:0 auto 22px;color:var(--zph-muted);line-height:1.9}.zph-footer{padding:28px 0;background:color-mix(in srgb,var(--zph-primary) 80%,#000 20%)}.zph-footer .zph-container{display:flex;justify-content:space-between;gap:14px;color:var(--zph-muted)} @media(max-width:1100px){.zph-service-grid,.zph-price-grid{grid-template-columns:repeat(2,1fr)}.zph-hero-grid{grid-template-columns:1fr}.zph-hero-art{min-height:380px}.zph-work-grid,.zph-blog-grid{grid-template-columns:1fr 1fr}.zph-process-grid,.zph-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.zph-container{width:min(100% - 24px,1180px)}.zph-section{padding:46px 0}.zph-nav{height:auto;min-height:72px;flex-wrap:wrap;padding:10px 0}.zph-menu{order:3;width:100%;overflow-x:auto;gap:14px;padding-bottom:8px}.zph-phone{padding:10px 13px}.zph-hero{padding-top:44px}.zph-title-row{display:block}.zph-title-row b{display:block;margin-top:12px}.zph-section-line{height:8px;width:80px;margin-bottom:16px}.zph-service-grid,.zph-price-grid,.zph-work-grid,.zph-blog-grid,.zph-process-grid,.zph-stats-grid{grid-template-columns:1fr}.zph-price-card.is-featured{transform:none}.zph-footer .zph-container{display:block;text-align:center}.zph-logo strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}} /* ZOC_ZERO_PLATFORM_AGENCY_STAGE4D_STICKY_MOBILE_MENU */ .zph-root{padding-top:0!important}.zph-topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:9999!important;box-shadow:0 12px 34px rgba(0,0,0,.12)}.zph-menu-toggle,.zph-menu-close,.zph-menu-title,.zph-mobile-phone,.zph-menu-overlay{display:none}.zph-menu-toggle{width:46px;height:46px;border:1px solid color-mix(in srgb,var(--zph-contrast) 24%,transparent);border-radius:14px;background:color-mix(in srgb,var(--zph-surface) 86%,#000 14%);color:var(--zph-contrast);cursor:pointer;place-items:center;padding:9px}.zph-menu-toggle span{display:block;width:23px;height:3px;border-radius:999px;background:var(--zph-contrast);margin:3px auto;transition:transform .22s ease,opacity .22s ease}.zph-menu-close{border:0;background:var(--zph-accent);color:var(--zph-contrast);width:42px;height:42px;border-radius:14px;font-size:30px;line-height:1;cursor:pointer;font-weight:900}.zph-menu-title{font-size:18px;font-weight:900;margin:4px 0 12px;color:var(--zph-contrast)} @media(max-width:760px){.zph-root{padding-top:0!important;overflow-x:hidden}.zph-nav{height:72px!important;min-height:72px!important;flex-wrap:nowrap!important;padding:0!important}.zph-logo{min-width:0}.zph-logo img{max-width:116px;max-height:38px}.zph-logo-mark{width:40px;height:40px;border-radius:12px}.zph-logo strong{max-width:155px}.zph-logo small{display:none}.zph-menu-toggle{display:block;order:3;flex:0 0 auto}.zph-phone{display:none!important}.zph-menu-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9998;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.zph-menu{position:fixed!important;top:0!important;right:0!important;bottom:0!important;width:min(340px,88vw)!important;height:100vh!important;z-index:9999!important;background:linear-gradient(180deg,color-mix(in srgb,var(--zph-surface) 92%,#000 8%),color-mix(in srgb,var(--zph-primary) 86%,#000 14%))!important;border-left:1px solid color-mix(in srgb,var(--zph-contrast) 20%,transparent);box-shadow:-24px 0 60px rgba(0,0,0,.32);display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px!important;transform:translateX(112%);visibility:hidden;transition:transform .28s ease,visibility .28s ease}.zph-menu-close,.zph-menu-title,.zph-mobile-phone{display:inline-flex}.zph-menu a{width:100%;min-height:48px;align-items:center;display:flex;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--zph-contrast) 8%,transparent);font-weight:900}.zph-menu a:hover{background:color-mix(in srgb,var(--zph-accent) 78%,transparent)}.zph-mobile-phone{margin-top:10px;background:var(--zph-accent)!important;justify-content:center;color:var(--zph-contrast)!important}.zph-menu-open .zph-menu{transform:translateX(0);visibility:visible}.zph-menu-open .zph-menu-overlay{opacity:1;visibility:visible}.zph-menu-open .zph-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.zph-menu-open .zph-menu-toggle span:nth-child(2){opacity:0}.zph-menu-open .zph-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}} @media(min-width:761px){.zph-menu{position:static!important;transform:none!important;visibility:visible!important}.zph-menu-overlay{display:none!important}} /* ZOC_ZERO_PLATFORM_AGENCY_STAGE4E_BLOG_FONT_SCOPE */ .zph-root h1,.zph-root h2,.zph-root h3,.zph-title-row b{font-family:var(--zph-heading-font,var(--zph-font))!important}.zph-topbar,.zph-menu,.zph-logo,.zph-phone{font-family:var(--zph-nav-font,var(--zph-font))!important}.zph-service-card,.zph-price-card,.zph-work-card,.zph-blog-card,.zph-stat-card{font-family:var(--zph-card-font,var(--zph-font))!important}.zph-article,.zph-article-body,.zph-blog-list{font-family:var(--zph-article-font,var(--zph-font))!important}.zph-inner{background:var(--zph-bg,var(--zph-primary));min-height:100vh}.zph-blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.zph-blog-list .zph-blog-card{min-height:240px}.zph-blog-card time{display:block;color:color-mix(in srgb,var(--zph-primary) 58%,#777 42%);font-size:12px;font-weight:900;margin-bottom:8px}.zph-pagination{display:flex;gap:8px;justify-content:center;margin-top:28px;flex-wrap:wrap}.zph-pagination a,.zph-pagination span{min-width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:var(--zph-surface);border:1px solid color-mix(in srgb,var(--zph-contrast) 18%,transparent);font-weight:900}.zph-pagination .is-active{background:var(--zph-accent);color:var(--zph-contrast)}.zph-article{background:color-mix(in srgb,var(--zph-contrast) 96%,var(--zph-primary) 4%);color:#172033;border-radius:var(--zph-radius);padding:clamp(24px,4vw,54px);line-height:2.1}.zph-article h1{font-size:clamp(36px,6vw,82px);line-height:1.08;margin:0 0 24px;color:var(--zph-primary)}.zph-article-body{font-size:18px}.zph-article-body img{max-width:100%;height:auto;border-radius:22px}.zph-article-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;color:color-mix(in srgb,var(--zph-primary) 70%,#777 30%);font-weight:900}.zph-empty{border:1px dashed color-mix(in srgb,var(--zph-contrast) 35%,transparent);border-radius:var(--zph-radius);padding:40px;text-align:center;color:var(--zph-muted)} @media(max-width:900px){.zph-blog-list{grid-template-columns:1fr}} /* ZOC_AGENCY_STAGE4F_STRONG_BACKGROUND */ html:has(.zph-root),body:has(.zph-root),.zph-root,.zph-inner{background:var(--zph-bg,var(--zph-primary))!important;} .zph-root{isolation:isolate;} /* ZOC_AGENCY_STAGE4H_BG_LINK_FIX */ .zph-root[data-template="zero_platform_agency"]{background:var(--zph-bg,var(--zph-primary))!important;background-color:var(--zph-bg,var(--zph-primary))!important;} .zph-root[data-template="zero_platform_agency"] .zph-inner, .zph-root[data-template="zero_platform_agency"] .zph-section, .zph-root[data-template="zero_platform_agency"] .zph-hero, .zph-root[data-template="zero_platform_agency"] .zph-services, .zph-root[data-template="zero_platform_agency"] .zph-stats, .zph-root[data-template="zero_platform_agency"] .zph-packages, .zph-root[data-template="zero_platform_agency"] .zph-process, .zph-root[data-template="zero_platform_agency"] .zph-portfolio, .zph-root[data-template="zero_platform_agency"] .zph-cta{background:var(--zph-bg,var(--zph-primary))!important;background-color:var(--zph-bg,var(--zph-primary))!important;} /* ZOC_AGENCY_STAGE4L_CSS_ONLY_BG_FIX Safe color fix: uses the --zph-bg already printed by home.php/section.php/post.php. Does not replace any template view and does not change header markup. */ html:has(.zph-root[data-template="zero_platform_agency"]), body:has(.zph-root[data-template="zero_platform_agency"]){ background: var(--zph-bg, var(--zph-primary)) !important; background-color: var(--zph-bg, var(--zph-primary)) !important; } .zph-root[data-template="zero_platform_agency"]{ background: var(--zph-bg, var(--zph-primary)) !important; background-color: var(--zph-bg, var(--zph-primary)) !important; } .zph-root[data-template="zero_platform_agency"] .zph-hero, .zph-root[data-template="zero_platform_agency"] .zph-services, .zph-root[data-template="zero_platform_agency"] .zph-stats, .zph-root[data-template="zero_platform_agency"] .zph-packages, .zph-root[data-template="zero_platform_agency"] .zph-process, .zph-root[data-template="zero_platform_agency"] .zph-portfolio, .zph-root[data-template="zero_platform_agency"] .zph-blog, .zph-root[data-template="zero_platform_agency"] .zph-cta{ background: var(--zph-bg, var(--zph-primary)) !important; background-color: var(--zph-bg, var(--zph-primary)) !important; } /* keep header designed from primary, but allow it to follow chosen color if primary is same as bg */ .zph-root[data-template="zero_platform_agency"] .zph-footer{ background: color-mix(in srgb, var(--zph-bg, var(--zph-primary)) 82%, #000 18%) !important; } /* ZOC_AGENCY_STAGE4O_STRIP_FIX: remove stale blue TemplateLayout/root strip without changing the header design */ html:has(.zph-root[data-template="zero_platform_agency"]), body:has(.zph-root[data-template="zero_platform_agency"]){background:var(--zph-bg,#800d41)!important;background-color:var(--zph-bg,#800d41)!important;} .zph-root[data-template="zero_platform_agency"]{background:var(--zph-bg,var(--zph-primary,#800d41))!important;background-color:var(--zph-bg,var(--zph-primary,#800d41))!important;} .zph-root[data-template="zero_platform_agency"] > .zph-root[data-template="zero_platform_agency"]{margin-top:0!important;} .zph-root[data-template="zero_platform_agency"] > .zph-topbar + .zph-root, .zph-root[data-template="zero_platform_agency"] > header + main, .zph-root[data-template="zero_platform_agency"] > .zph-topbar + main{background:var(--zph-bg,var(--zph-primary,#800d41))!important;background-color:var(--zph-bg,var(--zph-primary,#800d41))!important;} .zph-root[data-template="zero_platform_agency"] .zph-hero, .zph-root[data-template="zero_platform_agency"] .zph-services, .zph-root[data-template="zero_platform_agency"] .zph-stats, .zph-root[data-template="zero_platform_agency"] .zph-packages, .zph-root[data-template="zero_platform_agency"] .zph-process, .zph-root[data-template="zero_platform_agency"] .zph-portfolio, .zph-root[data-template="zero_platform_agency"] .zph-cta{background-color:var(--zph-bg,var(--zph-primary,#800d41))!important;} /* Blue/old-primary bars created by stale outer roots are forced to current tenant background. */ .zph-root[data-template="zero_platform_agency"] [style*="#1f3f6d"], .zph-root[data-template="zero_platform_agency"] [style*="31,63,109"]{background-color:var(--zph-bg,var(--zph-primary,#800d41))!important;} /* ZOC_AGENCY_STAGE4P_REMOVE_TOP_GAP The fixed header already reserves its own height visually. The old .zph-root{padding-top:0!important} created a fake strip under the menu, especially with nested TemplateLayout roots. Remove only that strip. */ .zph-root[data-template="zero_platform_agency"]{padding-top:0!important;} .zph-root[data-template="zero_platform_agency"] > .zph-root[data-template="zero_platform_agency"]{padding-top:0!important;margin-top:0!important;} .zph-root[data-template="zero_platform_agency"] .zph-root[data-template="zero_platform_agency"]{padding-top:0!important;margin-top:0!important;} .zph-root[data-template="zero_platform_agency"] > header.zph-topbar + main.zph-root, .zph-root[data-template="zero_platform_agency"] > header.zph-topbar + .zph-root, .zph-root[data-template="zero_platform_agency"] > .zph-topbar + main, .zph-root[data-template="zero_platform_agency"] > .zph-topbar + .zph-root{margin-top:0!important;padding-top:0!important;} .zph-root[data-template="zero_platform_agency"] .zph-hero{margin-top:0!important;} @supports selector(:has(*)){ body:has(.zph-root[data-template="zero_platform_agency"]) .zph-root[data-template="zero_platform_agency"]{padding-top:0!important;} } /* ZOC_AGENCY_STAGE4Q_REMOVE_ROOT_GAP The header is fixed/sticky; the old root padding created a fake strip under the menu. */ .zph-root[data-template="zero_platform_agency"]{padding-top:0!important;margin-top:0!important;} .zph-root[data-template="zero_platform_agency"] > .zph-root[data-template="zero_platform_agency"]{padding-top:0!important;margin-top:0!important;} body:has(.zph-root[data-template="zero_platform_agency"]) .zph-root[data-template="zero_platform_agency"]{padding-top:0!important;} @media(max-width:760px){.zph-root[data-template="zero_platform_agency"]{padding-top:0!important;}} /* ZOC_AGENCY_STAGE4S_GAP_ZERO */ .zph-root[data-template="zero_platform_agency"]{padding-top:0!important;margin-top:0!important;} .zph-root[data-template="zero_platform_agency"] .zph-root[data-template="zero_platform_agency"]{padding-top:0!important;margin-top:0!important;} body:has(.zph-root[data-template="zero_platform_agency"]) .zph-root[data-template="zero_platform_agency"]{padding-top:0!important;} /* ZOC_AGENCY_STAGE4AE_SITE_MEDIA_CSS */ .zph-hero-media, .zph-hero-art video.zph-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05);opacity:.88;background:#000;z-index:1}.zph-hero-art video.zph-hero-image{pointer-events:auto}.zph-hero-art .zph-stat-card{z-index:3}.zph-work-card .zph-work-media,.zph-work-card video.zph-work-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;background:#000}.zph-work-card video.zph-work-media{pointer-events:auto}.zph-work-card:has(video.zph-work-media){cursor:default}.am-image-preview video{width:100%;max-height:220px;object-fit:contain;background:#000;border-radius:12px} /* ZOC_AGENCY_STAGE4AN_CSS_ONLY_PORTFOLIO_FIX_START CSS-only fix. Do not modify PHP/view/layout/menu. */ html body .zph-root[data-template="zero_platform_agency"] .zph-work-card{ position:relative!important; overflow:hidden!important; isolation:isolate!important; background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-work-media="image"]{ background-image:var(--zph-work-media-url)!important; background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-work-media] > .zph-work-ph, html body .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-work-media] > img:not(.zph-stage4al-video):not(.zph-work-video-bg), html body .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-work-media] > .zph-work-media, html body .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-work-media] > .zph-stage4ah-media, html body .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-work-media] > video.zph-work-media, html body .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-work-media] > video.zph-work-uploaded-media{ display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-video-shade, html body .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4al-video + .zph-work-video-shade{ display:none!important; background:none!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-work-media]::before, html body .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-work-media]::after{ content:none!important; display:none!important; background:none!important; opacity:0!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-work-media] > *:not(.zph-stage4al-video):not(.zph-work-video-bg):not(.zph-work-ph){ position:relative!important; z-index:2!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-work-card h3{ position:absolute!important; right:18px!important; left:18px!important; bottom:56px!important; margin:0!important; z-index:4!important; max-width:calc(100% - 36px)!important; font-size:24px!important; line-height:1.35!important; color:#fff!important; text-shadow:0 4px 18px rgba(0,0,0,.50)!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-work-card span{ position:absolute!important; right:18px!important; bottom:18px!important; z-index:5!important; margin:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; max-width:calc(100% - 36px)!important; min-height:32px!important; padding:8px 14px!important; border-radius:999px!important; background:var(--zph-accent)!important; color:var(--zph-contrast)!important; font-size:12px!important; font-weight:900!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; box-shadow:0 10px 24px rgba(0,0,0,.24)!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-btn, html body .zph-root[data-template="zero_platform_agency"] .zph-work-card button, html body .zph-root[data-template="zero_platform_agency"] .zph-work-card [class*="work-btn"], html body .zph-root[data-template="zero_platform_agency"] .zph-work-card [class*="portfolio-btn"]{ position:absolute!important; left:18px!important; bottom:18px!important; z-index:5!important; margin:0!important; } @media(max-width:760px){ html body .zph-root[data-template="zero_platform_agency"] .zph-work-card h3{right:14px!important;left:14px!important;bottom:50px!important;font-size:20px!important;} html body .zph-root[data-template="zero_platform_agency"] .zph-work-card span{right:14px!important;bottom:14px!important;max-width:calc(100% - 28px)!important;} html body .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-btn, html body .zph-root[data-template="zero_platform_agency"] .zph-work-card button, html body .zph-root[data-template="zero_platform_agency"] .zph-work-card [class*="work-btn"], html body .zph-root[data-template="zero_platform_agency"] .zph-work-card [class*="portfolio-btn"]{left:14px!important;bottom:14px!important;} } /* ZOC_AGENCY_STAGE4AN_CSS_ONLY_PORTFOLIO_FIX_END */ /* ZOC_AGENCY_STAGE4AX_PORTFOLIO_TRUE_SINGLE_FRAME_START */ /* Final single-frame portfolio rendering. The card itself is NOT the image. */ .zph-root[data-template="zero_platform_agency"] .zph-work-grid{ align-items:start!important; row-gap:26px!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card{ position:relative!important; display:flex!important; flex-direction:column!important; gap:9px!important; height:auto!important; min-height:0!important; padding:0!important; margin:0!important; overflow:visible!important; border:none!important; box-shadow:none!important; background:none!important; background-image:none!important; background-color:transparent!important; background-size:auto!important; background-position:initial!important; background-repeat:no-repeat!important; transform:none!important; cursor:default!important; } /* Disable every older pseudo/media duplication layer. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card::before, .zph-root[data-template="zero_platform_agency"] .zph-work-card::after{ content:none!important; display:none!important; background:none!important; } /* Real single image frame, injected by JS. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-media-frame{ order:0!important; position:relative!important; display:block!important; width:100%!important; height:clamp(165px,17vw,215px)!important; min-height:165px!important; max-height:215px!important; border-radius:28px!important; overflow:hidden!important; background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important; background-color:color-mix(in srgb,var(--zph-primary) 72%,#000 28%)!important; box-shadow:0 20px 44px rgba(0,0,0,.20)!important; border:1px solid rgba(255,255,255,.08)!important; isolation:isolate!important; transition:filter .72s ease, box-shadow .72s ease, transform .72s ease!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-media-frame::before{ content:""!important; position:absolute!important; inset:0!important; z-index:2!important; pointer-events:none!important; background: linear-gradient(45deg, rgba(255,255,255,.18) 25%, transparent 25% 75%, rgba(255,255,255,.18) 75%), linear-gradient(45deg, rgba(0,0,0,.18) 25%, transparent 25% 75%, rgba(0,0,0,.18) 75%)!important; background-position:0 0, 14px 14px!important; background-size:28px 28px!important; opacity:.62!important; mix-blend-mode:multiply!important; transition:opacity .95s ease, background-size .95s ease!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card:hover .zph-work-media-frame::before, .zph-root[data-template="zero_platform_agency"] .zph-work-card.is-zph-unmosaic .zph-work-media-frame::before, .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-unmosaic="1"] .zph-work-media-frame::before{ opacity:0!important; background-size:42px 42px!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card:hover .zph-work-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card.is-zph-unmosaic .zph-work-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-unmosaic="1"] .zph-work-media-frame{ filter:saturate(1.05) contrast(1.03)!important; box-shadow:0 24px 54px rgba(0,0,0,.25)!important; transform:translateY(-3px)!important; } /* Hide legacy internal media/placeholder elements. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card > .zph-work-ph, .zph-root[data-template="zero_platform_agency"] .zph-work-card > img, .zph-root[data-template="zero_platform_agency"] .zph-work-card > picture, .zph-root[data-template="zero_platform_agency"] .zph-work-card > video, .zph-root[data-template="zero_platform_agency"] .zph-work-card > .zph-stage4al-video, .zph-root[data-template="zero_platform_agency"] .zph-work-card > .zph-work-video-bg, .zph-root[data-template="zero_platform_agency"] .zph-work-card > .zph-work-video-shade, .zph-root[data-template="zero_platform_agency"] .zph-work-card > .zph-stage4ah-media, .zph-root[data-template="zero_platform_agency"] .zph-work-card > .zph-work-media{ display:none!important; } /* Category/tag is no longer displayed. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card > span{ display:none!important; } /* Title below the media only. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card h3{ order:1!important; position:static!important; display:block!important; width:auto!important; max-width:100%!important; margin:4px 0 0!important; padding:0 18px 0 0!important; color:var(--zph-contrast)!important; text-align:right!important; font-size:clamp(19px,2vw,28px)!important; line-height:1.25!important; text-shadow:none!important; white-space:normal!important; overflow:visible!important; overflow-wrap:anywhere!important; z-index:1!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card h3::before{ content:""!important; display:inline-block!important; width:10px!important; height:10px!important; margin-left:9px!important; border-radius:999px!important; background:var(--zph-accent)!important; box-shadow:0 0 0 6px color-mix(in srgb,var(--zph-accent) 18%,transparent)!important; vertical-align:.08em!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card h3 a.zph-work-title-link{ color:inherit!important; text-decoration:none!important; border-bottom:1px solid color-mix(in srgb,var(--zph-accent) 48%,transparent)!important; transition:color .25s ease,border-color .25s ease!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card h3 a.zph-work-title-link:hover{ color:color-mix(in srgb,var(--zph-accent) 65%,#fff 35%)!important; border-color:var(--zph-accent)!important; } @media (max-width:760px){ .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-media-frame{ height:clamp(155px,42vw,210px)!important; min-height:155px!important; max-height:210px!important; border-radius:24px!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card h3{ font-size:19px!important; padding-right:15px!important; } } /* ZOC_AGENCY_STAGE4AX_PORTFOLIO_TRUE_SINGLE_FRAME_END */ /* ZOC_AGENCY_STAGE4AY_PORTFOLIO_CAPTION_BAR_START */ /* Caption bar under portfolio media: {title}/{category}, same font size, no rounded corners. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card{ gap:0!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card > h3, .zph-root[data-template="zero_platform_agency"] .zph-work-card > span:not(.zph-work-caption-bar):not(.zph-work-caption-title):not(.zph-work-caption-category):not(.zph-work-caption-separator){ display:none!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-caption-bar{ position:static!important; order:50!important; direction:rtl!important; box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:100%!important; display:flex!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:flex-start!important; gap:6px!important; margin:0!important; padding:12px 16px!important; border-radius:0!important; background:color-mix(in srgb,var(--zph-bg) 78%,transparent 22%)!important; background-color:color-mix(in srgb,var(--zph-bg) 86%,#fff 14%)!important; -webkit-backdrop-filter:blur(14px) saturate(1.05)!important; backdrop-filter:blur(14px) saturate(1.05)!important; border-top:1px solid color-mix(in srgb,var(--zph-contrast) 15%,transparent 85%)!important; color:var(--zph-contrast)!important; box-shadow:none!important; overflow:hidden!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-caption-title, .zph-root[data-template="zero_platform_agency"] .zph-work-caption-title a, .zph-root[data-template="zero_platform_agency"] .zph-work-caption-category, .zph-root[data-template="zero_platform_agency"] .zph-work-caption-separator, .zph-root[data-template="zero_platform_agency"] .zph-work-caption-brace{ font-family:inherit!important; font-size:14px!important; font-weight:850!important; line-height:1.55!important; color:var(--zph-contrast)!important; text-decoration:none!important; white-space:nowrap!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-caption-title, .zph-root[data-template="zero_platform_agency"] .zph-work-caption-category{ min-width:0!important; max-width:46%!important; overflow:hidden!important; text-overflow:ellipsis!important; display:inline-block!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-caption-title a:hover{ color:color-mix(in srgb,var(--zph-accent) 70%,var(--zph-contrast) 30%)!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-caption-separator, .zph-root[data-template="zero_platform_agency"] .zph-work-caption-brace{ flex:0 0 auto!important; opacity:.92!important; } @media (max-width:760px){ .zph-root[data-template="zero_platform_agency"] .zph-work-caption-bar{padding:10px 12px!important;gap:4px!important;} .zph-root[data-template="zero_platform_agency"] .zph-work-caption-title, .zph-root[data-template="zero_platform_agency"] .zph-work-caption-title a, .zph-root[data-template="zero_platform_agency"] .zph-work-caption-category, .zph-root[data-template="zero_platform_agency"] .zph-work-caption-separator, .zph-root[data-template="zero_platform_agency"] .zph-work-caption-brace{font-size:13px!important;} } /* ZOC_AGENCY_STAGE4AY_PORTFOLIO_CAPTION_BAR_END */ /* ZOC_AGENCY_STAGE4AZ_PORTFOLIO_SQUARE_CAPTION_VISIBLE_START */ /* Square all portfolio corners and force the caption bar to be visible under the media frame. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card, .zph-root[data-template="zero_platform_agency"] .zph-work-card *, .zph-root[data-template="zero_platform_agency"] .zph-work-card::before, .zph-root[data-template="zero_platform_agency"] .zph-work-card::after{ border-radius:0!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card{ position:relative!important; display:flex!important; flex-direction:column!important; gap:0!important; overflow:visible!important; height:auto!important; min-height:0!important; max-height:none!important; background:none!important; background-image:none!important; background-color:transparent!important; box-shadow:none!important; border:none!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-media-frame{ order:0!important; position:relative!important; z-index:1!important; display:block!important; width:100%!important; height:clamp(165px,17vw,215px)!important; min-height:165px!important; max-height:215px!important; margin:0!important; padding:0!important; overflow:hidden!important; border-radius:0!important; background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important; box-sizing:border-box!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-media-frame::before, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-media-frame::after{ border-radius:0!important; } /* Old text elements must not compete with the final caption bar. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card > h3, .zph-root[data-template="zero_platform_agency"] .zph-work-card > span:not(.zph-work-caption-bar):not(.zph-work-caption-title):not(.zph-work-caption-category):not(.zph-work-caption-separator):not(.zph-work-caption-brace){ display:none!important; } /* Visible final caption bar: {title}/{category}; same font size, square corners, background-matched. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card > .zph-work-caption-bar{ order:1!important; position:relative!important; z-index:20!important; inset:auto!important; transform:none!important; direction:rtl!important; box-sizing:border-box!important; width:100%!important; min-height:44px!important; display:flex!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:flex-start!important; gap:6px!important; margin:0!important; padding:11px 14px!important; border-radius:0!important; background:var(--zph-bg)!important; background-color:var(--zph-bg)!important; color:var(--zph-contrast)!important; border:0!important; border-top:1px solid color-mix(in srgb,var(--zph-contrast) 14%,transparent 86%)!important; box-shadow:none!important; overflow:hidden!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; -webkit-backdrop-filter:blur(12px) saturate(1.05)!important; backdrop-filter:blur(12px) saturate(1.05)!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-title, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-title a, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-category, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-separator, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-brace{ font-family:inherit!important; font-size:14px!important; font-weight:850!important; line-height:1.45!important; color:var(--zph-contrast)!important; text-decoration:none!important; white-space:nowrap!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-title, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-category{ display:inline-block!important; min-width:0!important; max-width:46%!important; overflow:hidden!important; text-overflow:ellipsis!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-separator, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-brace{ flex:0 0 auto!important; opacity:.96!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-title a:hover{ color:color-mix(in srgb,var(--zph-accent) 70%,var(--zph-contrast) 30%)!important; } @media (max-width:760px){ .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-media-frame{ height:clamp(155px,42vw,205px)!important; min-height:155px!important; max-height:205px!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card > .zph-work-caption-bar{min-height:40px!important;padding:9px 11px!important;gap:4px!important;} .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-title, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-title a, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-category, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-separator, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-brace{font-size:13px!important;} } /* ZOC_AGENCY_STAGE4AZ_PORTFOLIO_SQUARE_CAPTION_VISIBLE_END */ /* ZOC_AGENCY_STAGE4BA_CAPTION_INLINE_BLUR_START */ /* Keep the current Stage 4-AZ/AX layout. Only fix caption collision and replace mosaic with heavy blur. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card, .zph-root[data-template="zero_platform_agency"] .zph-work-card *{ border-radius:0!important; } /* The caption bar must stay visible under the media, not absolute/overlapped. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-bar, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4ay-caption, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4az-caption, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-meta, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-title-row{ position:relative!important; inset:auto!important; top:auto!important; right:auto!important; bottom:auto!important; left:auto!important; z-index:8!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:0!important; flex-wrap:nowrap!important; width:100%!important; min-height:42px!important; height:auto!important; margin:0!important; padding:9px 12px!important; box-sizing:border-box!important; background:color-mix(in srgb,var(--zph-bg) 84%,#fff 16%)!important; color:var(--zph-contrast)!important; border-radius:0!important; overflow:hidden!important; line-height:1.65!important; white-space:nowrap!important; clear:both!important; } /* Force all caption children to sit inline and use the same font size. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption *, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-bar *, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4ay-caption *, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4az-caption *, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-meta *, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-title-row *{ position:static!important; display:inline!important; width:auto!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; background:transparent!important; box-shadow:none!important; border:0!important; border-radius:0!important; color:inherit!important; font-size:14px!important; font-weight:800!important; line-height:1.65!important; text-shadow:none!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; vertical-align:baseline!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption a, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-bar a, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4ay-caption a, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4az-caption a, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-title-link{ text-decoration:none!important; } /* Legacy title/tag elements: keep them inline if the current patch still uses h3/span directly. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card > h3, .zph-root[data-template="zero_platform_agency"] .zph-work-card > span{ position:static!important; display:inline!important; width:auto!important; max-width:none!important; margin:0!important; padding:0!important; background:transparent!important; box-shadow:none!important; border:0!important; border-radius:0!important; font-size:14px!important; font-weight:800!important; line-height:1.65!important; color:var(--zph-contrast)!important; text-shadow:none!important; white-space:nowrap!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card > h3::before, .zph-root[data-template="zero_platform_agency"] .zph-work-card > span::before, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption *::before, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-bar *::before, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4ay-caption *::before, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4az-caption *::before{ display:none!important; content:none!important; } /* Media frame: no repeated background and no rounded corners. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-portfolio-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4ax-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-work-media="image"]::before{ border-radius:0!important; background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important; overflow:hidden!important; } /* Remove every checker/mosaic overlay from prior patches. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card::after, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-media-frame::after, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-portfolio-media-frame::after, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4ax-media-frame::after, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-media-frame::after, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-mosaic-layer, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-checker-layer{ display:none!important; opacity:0!important; content:none!important; background:none!important; } /* Heavy blur by default; smooth reveal on hover or click/toggle. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-portfolio-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4ax-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-work-media="image"]::before, .zph-root[data-template="zero_platform_agency"] .zph-work-card img, .zph-root[data-template="zero_platform_agency"] .zph-work-card video{ filter:blur(10px) saturate(.78) brightness(.82)!important; transform:translateZ(0) scale(1.035)!important; transition:filter .95s cubic-bezier(.2,.8,.2,1), transform .95s cubic-bezier(.2,.8,.2,1), opacity .95s ease!important; will-change:filter,transform!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card:hover .zph-work-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card:hover .zph-portfolio-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card:hover .zph-stage4ax-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card:hover .zph-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card:hover[data-zph-work-media="image"]::before, .zph-root[data-template="zero_platform_agency"] .zph-work-card:hover img, .zph-root[data-template="zero_platform_agency"] .zph-work-card:hover video, .zph-root[data-template="zero_platform_agency"] .zph-work-card.is-zph-clear .zph-work-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card.is-zph-clear .zph-portfolio-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card.is-zph-clear .zph-stage4ax-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card.is-zph-clear .zph-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card.is-zph-clear[data-zph-work-media="image"]::before, .zph-root[data-template="zero_platform_agency"] .zph-work-card.is-zph-clear img, .zph-root[data-template="zero_platform_agency"] .zph-work-card.is-zph-clear video, .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-clear="1"] .zph-work-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-clear="1"] .zph-portfolio-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-clear="1"] .zph-stage4ax-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-clear="1"] .zph-media-frame, .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-clear="1"][data-zph-work-media="image"]::before, .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-clear="1"] img, .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-clear="1"] video{ filter:blur(0) saturate(1) brightness(1)!important; transform:translateZ(0) scale(1)!important; } @media (max-width:760px){ .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-bar, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4ay-caption, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4az-caption, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-meta, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-title-row{ padding:8px 10px!important; min-height:38px!important; overflow-x:auto!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption *, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption-bar *, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4ay-caption *, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-stage4az-caption *, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-meta *, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-title-row *, .zph-root[data-template="zero_platform_agency"] .zph-work-card > h3, .zph-root[data-template="zero_platform_agency"] .zph-work-card > span{ font-size:13px!important; } } /* ZOC_AGENCY_STAGE4BA_CAPTION_INLINE_BLUR_END */ /* ZOC_AGENCY_STAGE4BB_CAPTION_BOLD_HIDE_OVERLAY_TITLE_START */ /* Only requested change: make {title}/{category} larger and boldest, and remove duplicate title from image box. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card > h3:not(.zph-work-caption):not(.zph-work-caption-title):not(.zph-work-title-link), .zph-root[data-template="zero_platform_agency"] .zph-work-card > .zph-work-title:not(.zph-work-caption-title), .zph-root[data-template="zero_platform_agency"] .zph-work-card > .zph-work-title-link:not(.zph-work-caption-title):not(.zph-work-caption-link){ display:none!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-caption, .zph-root[data-template="zero_platform_agency"] .zph-work-caption-bar, .zph-root[data-template="zero_platform_agency"] .zph-work-meta-bar, .zph-root[data-template="zero_platform_agency"] .zph-work-info-bar{ font-size:clamp(18px,1.55vw,23px)!important; font-weight:1000!important; line-height:1.45!important; } .zph-root[data-template="zero_platform_agency"] .zph-work-caption *, .zph-root[data-template="zero_platform_agency"] .zph-work-caption-bar *, .zph-root[data-template="zero_platform_agency"] .zph-work-meta-bar *, .zph-root[data-template="zero_platform_agency"] .zph-work-info-bar *{ font-size:inherit!important; font-weight:1000!important; line-height:inherit!important; } /* Fallback for current structure where caption is rendered from h3/span below the frame. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-media-frame ~ h3, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-media-frame ~ span, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-media-frame ~ a, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-frame ~ h3, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-frame ~ span, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-frame ~ a{ font-size:clamp(18px,1.55vw,23px)!important; font-weight:1000!important; line-height:1.45!important; } /* ZOC_AGENCY_STAGE4BB_CAPTION_BOLD_HIDE_OVERLAY_TITLE_END */ /* ZOC_AGENCY_STAGE4BC_CAPTION_BIGGER_BOLD_ONLY_START */ /* Only requested change: bigger/boldest {عنوان}/{دسته} caption + remove duplicate title over image. */ .zph-root[data-template="zero_platform_agency"] .zph-work-caption, .zph-root[data-template="zero_platform_agency"] .zph-work-caption *, .zph-root[data-template="zero_platform_agency"] .zph-work-title-link, .zph-root[data-template="zero_platform_agency"] .zph-work-title-link *, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-caption, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-title-link{ font-size:calc(1em + 4px)!important; font-weight:1000!important; font-variation-settings:"wght" 1000!important; line-height:1.35!important; } /* fallback selectors for captions built from original h3/span */ .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-stage4caption="1"] h3, .zph-root[data-template="zero_platform_agency"] .zph-work-card[data-zph-stage4caption="1"] span, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-meta, .zph-root[data-template="zero_platform_agency"] .zph-work-card .zph-work-meta *{ font-size:calc(1em + 4px)!important; font-weight:1000!important; font-variation-settings:"wght" 1000!important; line-height:1.35!important; } /* remove duplicated overlay title that appears on the image; keep the caption below. */ .zph-root[data-template="zero_platform_agency"] .zph-work-card > h3:not(.zph-work-caption):not(.zph-work-title-link), .zph-root[data-template="zero_platform_agency"] .zph-work-card > .zph-overlay-title, .zph-root[data-template="zero_platform_agency"] .zph-work-card > .zph-media-title{ display:none!important; } /* ZOC_AGENCY_STAGE4BC_CAPTION_BIGGER_BOLD_ONLY_END */ /* ZOC_ZPH_STAGE1_MOBILE_RUNTIME_EXTERNALIZED_START Mobile runtime blocks externalized from home.php without visual changes. */ /* zpa-v36-mobile-hard-runtime */ /* ZPA V36 MOBILE HARD RUNTIME START */ @media (max-width: 920px){ html{width:100%!important;max-width:100%!important;overflow-x:hidden!important;scroll-padding-top:88px!important;-webkit-text-size-adjust:100%!important;} body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;margin:0!important;} body.zpa-mobile-menu-open{overflow:hidden!important;touch-action:none!important;} .zph-root,.zph-page,.zph-wrapper,main{width:100%!important;max-width:100%!important;overflow-x:hidden!important;} .zph-root{padding-top:82px!important;} /* Fixed mobile header */ .zph-topbar{ position:fixed!important;top:0!important;right:0!important;left:0!important;width:100%!important;z-index:2147483000!important; background:rgba(11,29,57,.94)!important;border-bottom:1px solid rgba(255,255,255,.16)!important; box-shadow:0 16px 48px rgba(0,0,0,.30)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important; } .zph-nav{min-height:82px!important;padding:10px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;} .zph-logo{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;} .zph-logo img{width:50px!important;height:50px!important;border-radius:17px!important;object-fit:cover!important;flex:0 0 auto!important;} .zph-logo strong,.zph-brand-title{font-size:17px!important;line-height:1.35!important;font-weight:950!important;max-width:56vw!important;white-space:normal!important;overflow:hidden!important;color:#fff!important;} /* Desktop nav hidden, hamburger visible */ .zph-topbar nav:not(.zph-mobile-drawer), .zph-nav-links, .zph-desktop-menu, .zph-menu:not(.zph-mobile-drawer){display:none!important;} .zph-menu-toggle,.zpa-mobile-menu-toggle{ display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:6px!important; width:56px!important;height:56px!important;border-radius:18px!important;flex:0 0 56px!important;cursor:pointer!important; background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.08))!important;color:#fff!important; border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 14px 34px rgba(0,0,0,.26)!important;z-index:2147483600!important; } .zph-menu-toggle span,.zpa-mobile-menu-toggle span{display:block!important;width:27px!important;height:3px!important;border-radius:999px!important;background:currentColor!important;} /* Mobile drawer */ .zpa-mobile-backdrop{position:fixed!important;inset:0!important;background:rgba(2,8,23,.62)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:2147483100!important;opacity:0!important;pointer-events:none!important;transition:opacity .22s ease!important;} .zpa-mobile-backdrop.is-open{opacity:1!important;pointer-events:auto!important;} .zpa-mobile-drawer{ position:fixed!important;top:0!important;right:0!important;height:100dvh!important;width:min(90vw,390px)!important;max-width:390px!important; z-index:2147483200!important;transform:translateX(105%)!important;transition:transform .25s ease!important;display:flex!important;flex-direction:column!important; background:linear-gradient(180deg,#0b1d39 0%,#10284d 100%)!important;border-left:1px solid rgba(255,255,255,.16)!important; box-shadow:-24px 0 70px rgba(0,0,0,.40)!important;padding:96px 18px 22px!important;gap:10px!important;overflow:auto!important; } .zpa-mobile-drawer.is-open{transform:translateX(0)!important;} .zpa-mobile-drawer a{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:58px!important;padding:15px 16px!important;border-radius:18px!important;color:#fff!important;text-decoration:none!important;font-size:18px!important;font-weight:900!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;} .zpa-mobile-drawer a:active{transform:scale(.985)!important;} .zpa-mobile-drawer-title{position:absolute!important;top:28px!important;right:20px!important;color:#fff!important;font-size:21px!important;font-weight:950!important;} .zpa-mobile-drawer-close{position:absolute!important;top:20px!important;left:18px!important;width:52px!important;height:52px!important;border-radius:18px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;font-size:34px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;} } @media (max-width: 760px){ .zph-container,.container,.site-container{width:100%!important;max-width:100%!important;padding-inline:18px!important;margin-inline:auto!important;} section,.zph-section{padding-block:48px!important;} .zph-hero,.zph-system-signup{padding-top:38px!important;} h1,.zph-hero-title{font-size:clamp(36px,10vw,50px)!important;line-height:1.28!important;text-align:center!important;font-weight:950!important;letter-spacing:-.03em!important;} h2,.zph-section-title{font-size:clamp(30px,8vw,40px)!important;line-height:1.35!important;text-align:center!important;font-weight:950!important;} h3{font-size:24px!important;line-height:1.45!important;font-weight:950!important;} p,li,.zph-section-lead,.zph-hero-subtitle,.zph-hero-text{font-size:18px!important;line-height:2!important;} .zph-section-lead,.zph-hero-subtitle,.zph-hero-text{text-align:center!important;} .zph-hero-grid,.zph-system-grid,.zph-about-grid,.zph-contact-grid,.zph-footer-grid, .zph-services-grid,.zph-service-grid,.zph-packages-grid,.zph-package-grid,.zph-plans-grid,.zph-plan-grid, .zph-blog-grid,.zph-posts-grid,.zph-work-grid,.zph-process-grid,.zph-feature-grid,.zph-features-grid,.zph-stats-grid, .zph-grid,.zph-cards-grid{ display:grid!important;grid-template-columns:1fr!important;gap:24px!important;align-items:stretch!important;width:100%!important;max-width:100%!important; } .zph-card,.zph-service-card,.zph-package-card,.zph-plan-card,.zph-pricing-card,.zph-blog-card,.zph-post-card, .zph-work-card,.zph-process-card,.zph-feature-card,.zph-stat-card,.zph-signup-card,.zph-hero-signup-card, .zph-system-copy,.zph-contact-card,.zph-box,.card{ width:100%!important;max-width:100%!important;margin:0!important;border-radius:28px!important;padding:26px!important;min-height:auto!important; box-shadow:0 20px 58px rgba(0,0,0,.20)!important; } .zph-card h3,.zph-service-card h3,.zph-package-card h3,.zph-plan-card h3,.zph-pricing-card h3,.zph-blog-card h3,.zph-post-card h3,.zph-work-card h3,.zph-process-card h3,.zph-feature-card h3{font-size:25px!important;line-height:1.5!important;} .zph-card p,.zph-service-card p,.zph-package-card p,.zph-plan-card p,.zph-pricing-card p,.zph-blog-card p,.zph-post-card p,.zph-work-card p,.zph-process-card p,.zph-feature-card p{font-size:18px!important;line-height:2!important;} .zph-btn,.zph-button,button,input[type="submit"],a[class*="btn"],a[class*="button"], .zph-template-detail,.zph-template-preview-btn,.zph-plan-button,.zph-package-button{ min-height:58px!important;border-radius:19px!important;font-size:18px!important;font-weight:950!important;padding:15px 20px!important; display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important; } input,select,textarea{min-height:58px!important;border-radius:19px!important;font-size:18px!important;padding:15px 17px!important;width:100%!important;max-width:100%!important;} form,.zph-form{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important;} .zph-template-filter-bar{display:flex!important;gap:10px!important;overflow-x:auto!important;white-space:nowrap!important;padding:10px 2px 18px!important;margin-inline:-4px!important;justify-content:flex-start!important;scroll-snap-type:x proximity!important;} .zph-template-filter{flex:0 0 auto!important;min-height:44px!important;border-radius:999px!important;font-size:15px!important;font-weight:950!important;padding:10px 15px!important;scroll-snap-align:start!important;} .zph-template-carousel{position:relative!important;overflow:hidden!important;margin-inline:-18px!important;padding-inline:18px!important;width:auto!important;} .zph-template-rail,.zph-template-grid.zph-template-rail,.zph-template-grid{ display:flex!important;flex-wrap:nowrap!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important; -webkit-overflow-scrolling:touch!important;padding:8px 0 22px!important;grid-template-columns:none!important;align-items:stretch!important;width:100%!important; } .zph-template-card{ flex:0 0 calc(100vw - 36px)!important;width:calc(100vw - 36px)!important;max-width:calc(100vw - 36px)!important;min-width:calc(100vw - 36px)!important; scroll-snap-align:center!important;border-radius:30px!important;overflow:hidden!important;margin:0!important;min-height:auto!important; } .zph-template-image{height:226px!important;border-radius:30px 30px 0 0!important;display:block!important;overflow:hidden!important;} .zph-template-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;} .zph-template-body{padding:26px!important;} .zph-template-card h3,.zph-template-title{font-size:26px!important;line-height:1.55!important;text-align:right!important;font-weight:950!important;} .zph-template-meta{font-size:16px!important;line-height:1.8!important;display:flex!important;gap:10px!important;flex-wrap:wrap!important;} .zph-template-card-tags{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin:14px 0!important;} .zph-template-card-tags span,.zph-template-tag{font-size:14px!important;font-weight:900!important;padding:8px 12px!important;border-radius:999px!important;} .zph-template-actions{display:grid!important;grid-template-columns:1fr!important;gap:13px!important;margin-top:20px!important;} .zph-template-detail,.zph-template-preview-btn{width:100%!important;min-height:58px!important;} .zph-template-nav{width:50px!important;height:50px!important;border-radius:18px!important;z-index:30!important;display:flex!important;align-items:center!important;justify-content:center!important;} .zph-template-prev{right:12px!important;left:auto!important;} .zph-template-next{left:12px!important;right:auto!important;} .zph-template-modal,.zpa-template-modal{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 28px)!important;border-radius:28px!important;} .zph-template-modal-box,.zpa-template-modal-box{width:100%!important;max-width:100%!important;border-radius:28px!important;} } @media (max-width: 430px){ .zph-root{padding-top:76px!important;} .zph-nav{min-height:76px!important;padding-inline:13px!important;} .zph-container,.container,.site-container{padding-inline:14px!important;} .zph-menu-toggle,.zpa-mobile-menu-toggle{width:54px!important;height:54px!important;flex-basis:54px!important;border-radius:18px!important;} .zph-template-carousel{margin-inline:-14px!important;padding-inline:14px!important;} .zph-template-card{flex-basis:calc(100vw - 28px)!important;width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;min-width:calc(100vw - 28px)!important;} .zph-template-image{height:214px!important;} .zph-card,.zph-service-card,.zph-package-card,.zph-plan-card,.zph-pricing-card,.zph-blog-card,.zph-post-card,.zph-work-card,.zph-process-card,.zph-feature-card,.zph-stat-card,.zph-signup-card,.zph-hero-signup-card,.zph-system-copy,.zph-contact-card,.zph-box,.card{padding:24px!important;border-radius:26px!important;} h1,.zph-hero-title{font-size:35px!important;} h2,.zph-section-title{font-size:30px!important;} } /* ZPA V36 MOBILE HARD RUNTIME END */ /* zpa-v40-mobile-fit-no-overflow */ /* ZPA V40 MOBILE FIT / NO HORIZONTAL SCROLL START */ html, body{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; overflow-x:hidden !important; overscroll-behavior-x:none !important; -webkit-text-size-adjust:100% !important; text-size-adjust:100% !important; } *{box-sizing:border-box !important;} img,video,iframe,canvas,svg{max-width:100% !important;height:auto;} table{max-width:100% !important;display:block;overflow-x:auto;} .zph-root, .zph-page, .zph-shell, .zph-site, .zph-container, .zph-wrap, .zph-section, .zph-main, .zph-content, main, header, footer{ max-width:100vw !important; overflow-x:clip !important; } @supports not (overflow: clip){ .zph-root,.zph-page,.zph-shell,.zph-site,.zph-container,.zph-wrap,.zph-section,.zph-main,.zph-content,main,header,footer{overflow-x:hidden !important;} } @media (max-width: 768px){ html, body{ position:relative !important; width:100vw !important; max-width:100vw !important; min-width:0 !important; overflow-x:hidden !important; touch-action:pan-y !important; } body{ padding-top:76px !important; font-size:17px !important; line-height:1.9 !important; } .zph-header, .zph-topbar, .zph-navbar, .zph-nav, .zph-site-header, header.zph-header, header[class*="zph"]{ position:fixed !important; top:0 !important; left:0 !important; right:0 !important; width:100vw !important; max-width:100vw !important; min-height:66px !important; z-index:999990 !important; margin:0 !important; padding:10px 14px !important; background:rgba(5,10,24,.94) !important; backdrop-filter:blur(18px) saturate(145%) !important; -webkit-backdrop-filter:blur(18px) saturate(145%) !important; border-bottom:1px solid rgba(255,255,255,.12) !important; box-shadow:0 12px 32px rgba(0,0,0,.28) !important; } .zph-header *, .zph-topbar *, .zph-navbar *, .zph-nav *{max-width:100% !important;} .zph-brand, .zph-logo, .zph-site-brand{ font-size:20px !important; line-height:1.35 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .zpa-mobile-menu-toggle, .zph-mobile-menu-toggle, .zph-menu-toggle, button[aria-label*="menu"], button[aria-label*="منو"], .hamburger{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:50px !important; height:50px !important; min-width:50px !important; border-radius:16px !important; border:1px solid rgba(255,255,255,.18) !important; background:rgba(255,255,255,.10) !important; color:#fff !important; font-size:26px !important; cursor:pointer !important; touch-action:manipulation !important; z-index:1000000 !important; } .zph-nav-links, .zph-menu, nav .zph-links, header nav ul, .zph-desktop-nav{ display:none !important; } .zpa-mobile-drawer, .zph-mobile-drawer, .zph-mobile-menu, .zpa-v36-mobile-drawer{ position:fixed !important; top:72px !important; right:12px !important; left:12px !important; width:auto !important; max-width:calc(100vw - 24px) !important; max-height:calc(100vh - 92px) !important; overflow-y:auto !important; overflow-x:hidden !important; z-index:999989 !important; border-radius:24px !important; background:rgba(8,14,32,.98) !important; box-shadow:0 26px 90px rgba(0,0,0,.42) !important; } .zph-container, .zph-wrap, .zph-section-inner, .zph-inner, .container{ width:100% !important; max-width:100vw !important; padding-left:16px !important; padding-right:16px !important; margin-left:0 !important; margin-right:0 !important; } .zph-hero, .zph-hero-grid, .zph-hero-inner, .zph-services-grid, .zph-pricing-grid, .zph-package-grid, .zph-blog-grid, .zph-posts-grid, .zph-footer-grid, .zph-features-grid, .zph-stats-grid, .zph-steps-grid, .zph-grid, .zph-cards{ display:grid !important; grid-template-columns:1fr !important; gap:18px !important; width:100% !important; max-width:100% !important; } .zph-card, .zph-service-card, .zph-plan-card, .zph-package-card, .zph-blog-card, .zph-post-card, .zph-feature-card, .zph-step-card, .zph-template-card, .zph-stat-card, .zph-form-card, .zph-hero-card, article[class*="zph"], div[class*="zph-card"]{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; padding:22px 18px !important; border-radius:24px !important; font-size:17px !important; line-height:1.9 !important; } h1,.zph-title,.zph-hero-title{ font-size:clamp(30px, 9vw, 42px) !important; line-height:1.32 !important; letter-spacing:-.02em !important; } h2,.zph-section-title{ font-size:clamp(26px, 7vw, 34px) !important; line-height:1.38 !important; } h3,.zph-card-title,.zph-template-title{ font-size:22px !important; line-height:1.45 !important; } p,.zph-text,.zph-muted,.zph-description,.zph-card p{ font-size:17px !important; line-height:1.95 !important; } a,button,.zph-btn,.zph-button,input,select,textarea{ min-height:48px !important; font-size:16.5px !important; touch-action:manipulation !important; } .zph-btn,.zph-button,.zph-template-actions a,.zph-template-actions button{ width:100% !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:16px !important; padding:14px 18px !important; } .zph-template-carousel{ width:100% !important; max-width:100vw !important; overflow:hidden !important; padding:0 !important; } .zph-template-grid.zph-template-rail, .zph-template-rail{ display:flex !important; flex-wrap:nowrap !important; gap:16px !important; width:100% !important; max-width:100vw !important; overflow-x:auto !important; overflow-y:visible !important; scroll-snap-type:x mandatory !important; -webkit-overflow-scrolling:touch !important; padding:8px 16px 20px !important; margin:0 -16px !important; } .zph-template-rail::-webkit-scrollbar{display:none !important;} .zph-template-rail{scrollbar-width:none !important;} .zph-template-rail > .zph-template-card, .zph-template-card{ flex:0 0 calc(100vw - 32px) !important; width:calc(100vw - 32px) !important; max-width:calc(100vw - 32px) !important; min-width:calc(100vw - 32px) !important; scroll-snap-align:center !important; } .zph-template-image, .zph-template-image img, .zph-template-card img{ width:100% !important; max-width:100% !important; height:auto !important; object-fit:cover !important; } .zph-template-modal, .zph-template-modal-box, .zpa-template-modal, .zpa-template-modal-box{ max-width:calc(100vw - 20px) !important; width:calc(100vw - 20px) !important; overflow-x:hidden !important; } } /* ZPA V40 MOBILE FIT / NO HORIZONTAL SCROLL END */ /* zpa-v49-mobile-standalone-header */ /* ZPA V49 MOBILE STANDALONE HEADER START */ @media (max-width:1100px){ html,body{max-width:100%!important;overflow-x:hidden!important;} body.zpa-v49-mobile-ready{padding-top:calc(74px + env(safe-area-inset-top,0px))!important;} body.zpa-v49-mobile-ready .zph-root[data-template="zero_platform_agency"]{padding-top:0!important;margin-top:0!important;overflow-x:hidden!important;} /* Kill the old native/mobile header stack on homepage only; V49 owns the mobile header. */ body.zpa-v49-mobile-ready .zph-root[data-template="zero_platform_agency"] .zph-topbar, body.zpa-v49-mobile-ready .zph-topbar[data-zph-topbar], body.zpa-v49-mobile-ready header.zph-topbar{ display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important; height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important; position:static!important;top:auto!important;transform:none!important;overflow:hidden!important;z-index:-1!important; } body.zpa-v49-mobile-ready .zph-menu-overlay, body.zpa-v49-mobile-ready #zph-mobile-menu, body.zpa-v49-mobile-ready .zph-menu, body.zpa-v49-mobile-ready .zpa-mobile-menu-toggle, body.zpa-v49-mobile-ready .zpa-v41-hamburger, body.zpa-v49-mobile-ready .zpa-v42-hamburger, body.zpa-v49-mobile-ready .zpa-v41-drawer, body.zpa-v49-mobile-ready .zpa-v42-drawer, body.zpa-v49-mobile-ready .zpa-v41-backdrop, body.zpa-v49-mobile-ready .zpa-v42-backdrop, body.zpa-v49-mobile-ready [data-zpa-v41], body.zpa-v49-mobile-ready [data-zpa-v42], body.zpa-v49-mobile-ready [data-zpa-v44-top-cover-neutralized], body.zpa-v49-mobile-ready [data-zpa-v46-top-cover-removed]{ display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important; } #zpa-v49-mobile-header{ position:fixed!important;left:0!important;right:0!important;top:0!important; height:calc(74px + env(safe-area-inset-top,0px))!important; padding-top:env(safe-area-inset-top,0px)!important; z-index:2147483000!important; background:#0b101c!important; color:#fff!important; border-bottom:1px solid rgba(255,255,255,.10)!important; box-shadow:0 12px 34px rgba(0,0,0,.28)!important; direction:rtl!important; display:flex!important;align-items:center!important;justify-content:space-between!important; padding-inline:18px!important; box-sizing:border-box!important; } #zpa-v49-mobile-header *{box-sizing:border-box!important;} .zpa-v49-mobile-title{ display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important; font-size:19px!important;font-weight:950!important;color:#fff!important;line-height:1.2!important; white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } .zpa-v49-mobile-mark{ width:48px!important;height:48px!important;min-width:48px!important;border-radius:17px!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; background:#df7368!important;color:#fff!important;font-size:21px!important;font-weight:950!important; box-shadow:0 12px 30px rgba(223,115,104,.28)!important; } #zpa-v49-menu-btn{ appearance:none!important;-webkit-appearance:none!important;border:1px solid rgba(255,255,255,.18)!important; width:58px!important;height:58px!important;min-width:58px!important;border-radius:21px!important; background:rgba(255,255,255,.07)!important;color:#fff!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; position:relative!important;z-index:2147483002!important;cursor:pointer!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 12px 26px rgba(0,0,0,.22)!important; } #zpa-v49-menu-btn::before{content:'☰'!important;display:block!important;font-size:42px!important;line-height:1!important;font-weight:950!important;transform:translateY(-2px)!important;} body.zpa-v49-menu-open #zpa-v49-menu-btn::before{content:'×'!important;font-size:46px!important;transform:translateY(-4px)!important;} #zpa-v49-backdrop{ position:fixed!important;left:0!important;right:0!important;bottom:0!important; top:calc(74px + env(safe-area-inset-top,0px))!important; z-index:2147482980!important;background:rgba(5,11,24,.58)!important; backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important; opacity:0!important;visibility:hidden!important;pointer-events:none!important; transition:opacity .22s ease,visibility .22s ease!important; } #zpa-v49-drawer{ position:fixed!important;right:0!important;bottom:0!important; top:calc(74px + env(safe-area-inset-top,0px))!important; width:min(86vw,390px)!important;max-width:390px!important; z-index:2147482990!important;background:#111827!important;color:#fff!important; border-left:1px solid rgba(255,255,255,.12)!important; box-shadow:-32px 0 70px rgba(0,0,0,.45)!important; transform:translateX(110%)!important;transition:transform .26s cubic-bezier(.2,.8,.2,1)!important; padding:18px!important;overflow-y:auto!important;overscroll-behavior:contain!important; direction:rtl!important;box-sizing:border-box!important; } #zpa-v49-drawer *{box-sizing:border-box!important;} body.zpa-v49-menu-open #zpa-v49-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important;} body.zpa-v49-menu-open #zpa-v49-drawer{transform:translateX(0)!important;} body.zpa-v49-menu-open,html.zpa-v49-menu-open{overflow:hidden!important;touch-action:none!important;} .zpa-v49-drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:18px!important;} .zpa-v49-drawer-title{font-size:22px!important;font-weight:950!important;color:#fff!important;line-height:1.2!important;} #zpa-v49-drawer-close{ appearance:none!important;-webkit-appearance:none!important;width:52px!important;height:52px!important;border-radius:18px!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;color:#fff!important; font-size:36px!important;font-weight:950!important;line-height:1!important;cursor:pointer!important; } .zpa-v49-drawer-links{display:flex!important;flex-direction:column!important;gap:10px!important;} .zpa-v49-drawer-links a{ min-height:64px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important; padding:16px 18px!important;border-radius:20px!important;background:#1c2434!important;border:1px solid rgba(255,255,255,.10)!important; color:#fff!important;text-decoration:none!important;font-size:20px!important;font-weight:950!important;line-height:1.25!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important; } .zpa-v49-drawer-links a:active{transform:scale(.985)!important;background:#263148!important;} .zpa-v49-drawer-links a.zpa-v49-phone{margin-top:8px!important;justify-content:center!important;background:#df7368!important;border-color:rgba(255,255,255,.10)!important;letter-spacing:.5px!important;direction:ltr!important;} /* Remove the blue cover/spacer symptom and keep hero below the new fixed header. */ body.zpa-v49-mobile-ready .zph-root[data-template="zero_platform_agency"]::before, body.zpa-v49-mobile-ready .zph-root[data-template="zero_platform_agency"]::after, body.zpa-v49-mobile-ready body::before, body.zpa-v49-mobile-ready body::after{content:none!important;display:none!important;} body.zpa-v49-mobile-ready .zph-hero{padding-top:36px!important;margin-top:0!important;} } @media (min-width:1101px){#zpa-v49-mobile-header,#zpa-v49-backdrop,#zpa-v49-drawer{display:none!important;}} /* ZPA V49 MOBILE STANDALONE HEADER END */ /* ZOC_ZPH_STAGE1_MOBILE_RUNTIME_EXTERNALIZED_END */ /* ZOC_ZPH_STAGE13_V49_MOBILE_LOGO_CSS_BEGIN */ @media (max-width:1100px){ #zpa-v49-mobile-header .zpa-v49-mobile-mark{overflow:hidden!important;flex:0 0 48px!important;} #zpa-v49-mobile-header .zpa-v49-mobile-mark img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;padding:4px!important;box-sizing:border-box!important;border-radius:inherit!important;} } /* ZOC_ZPH_STAGE13_V49_MOBILE_LOGO_CSS_END */ /* ZOC_ZPH_STAGE16_FOOTER_SPILL_CLEANUP_CSS_ASSET_BEGIN */ html body .zph-root[data-template="zero_platform_agency"] footer.zph-footer ~ :where(header.zph-topbar,.zph-topbar,nav.zph-menu,.zph-menu,.zph-menu-overlay,.zph-phone,.zph-mobile-phone,.zph-menu-toggle), html body footer.zph-footer ~ :where(header.zph-topbar,.zph-topbar,nav.zph-menu,.zph-menu,.zph-menu-overlay,.zph-phone,.zph-mobile-phone,.zph-menu-toggle){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;max-height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;} html body footer.zph-footer ~ [data-zph-stage16-footer-spill="1"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;} /* ZOC_ZPH_STAGE16_FOOTER_SPILL_CLEANUP_CSS_ASSET_END */ /* ZOC_ZPH_STAGE18_SCROLL_REVEAL_CARDS_CSS_BEGIN */ html body .zph-root[data-template="zero_platform_agency"] :where(.zph-scroll-reveal){ opacity:0!important; visibility:visible!important; transform:translate3d(0,34px,0) scale(.965)!important; filter:blur(10px)!important; transition: opacity .76s cubic-bezier(.22,1,.36,1), transform .86s cubic-bezier(.16,1,.3,1), filter .86s cubic-bezier(.16,1,.3,1), box-shadow .32s ease!important; transition-delay:calc(min(var(--zph-reveal-i,0), 8) * 64ms)!important; will-change:opacity,transform,filter!important; backface-visibility:hidden!important; transform-origin:center bottom!important; } html body .zph-root[data-template="zero_platform_agency"] :where(.zph-scroll-reveal.is-visible){ opacity:1!important; transform:translate3d(0,0,0) scale(1)!important; filter:blur(0)!important; } @media (hover:hover) and (pointer:fine){ html body .zph-root[data-template="zero_platform_agency"] :where(.zph-scroll-reveal.is-visible:hover){ transform:translate3d(0,-6px,0) scale(1.01)!important; } } html body .zph-root[data-template="zero_platform_agency"] :where(.zph-scroll-reveal.zph-reveal-from-left){ transform:translate3d(-28px,28px,0) scale(.965)!important; } html body .zph-root[data-template="zero_platform_agency"] :where(.zph-scroll-reveal.zph-reveal-from-right){ transform:translate3d(28px,28px,0) scale(.965)!important; } html body .zph-root[data-template="zero_platform_agency"] :where(.zph-scroll-reveal.zph-reveal-from-left.is-visible,.zph-scroll-reveal.zph-reveal-from-right.is-visible){ transform:translate3d(0,0,0) scale(1)!important; } html body .zph-root[data-template="zero_platform_agency"] :where(.zph-scroll-reveal.is-visible){ animation:zphStage18RevealGlow .95s cubic-bezier(.16,1,.3,1) both!important; } @keyframes zphStage18RevealGlow{ 0%{box-shadow:0 0 0 rgba(255,255,255,0)} 38%{box-shadow:0 26px 76px color-mix(in srgb,var(--zph-accent,#ef6f61) 26%,transparent)} 100%{box-shadow:inherit} } @media (prefers-reduced-motion: reduce){ html body .zph-root[data-template="zero_platform_agency"] :where(.zph-scroll-reveal){ opacity:1!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important; } } /* ZOC_ZPH_STAGE18_SCROLL_REVEAL_CARDS_CSS_END */ /* ZOC_ZPH_STAGE19_CLOUD_NETWORK_BG_CSS_BEGIN */ html body .zph-root[data-template="zero_platform_agency"]{ position:relative!important; isolation:isolate!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-cloud-network-bg{ position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:0; opacity:.58; mix-blend-mode:screen; filter:saturate(1.05) contrast(1.02); transition:opacity .35s ease; } html body .zph-root[data-template="zero_platform_agency"] .zph-cloud-network-bg canvas{ width:100%; height:100%; display:block; } html body .zph-root[data-template="zero_platform_agency"] > *:not(.zph-cloud-network-bg), html body .zph-root[data-template="zero_platform_agency"] .zph-topbar, html body .zph-root[data-template="zero_platform_agency"] .zph-footer, html body .zph-root[data-template="zero_platform_agency"] main, html body .zph-root[data-template="zero_platform_agency"] section, html body .zph-root[data-template="zero_platform_agency"] .zph-section, html body .zph-root[data-template="zero_platform_agency"] .zph-hero, html body .zph-root[data-template="zero_platform_agency"] .zph-blog{ position:relative; z-index:1; } html body .zph-root[data-template="zero_platform_agency"] .zph-hero, html body .zph-root[data-template="zero_platform_agency"] .zph-services, html body .zph-root[data-template="zero_platform_agency"] .zph-stats, html body .zph-root[data-template="zero_platform_agency"] .zph-packages, html body .zph-root[data-template="zero_platform_agency"] .zph-process, html body .zph-root[data-template="zero_platform_agency"] .zph-portfolio, html body .zph-root[data-template="zero_platform_agency"] .zph-blog, html body .zph-root[data-template="zero_platform_agency"] .zph-cta{ background-color:transparent!important; background-image:none!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-cloud-network-bg.is-soft{ opacity:.38; } @media (max-width:760px){ html body .zph-root[data-template="zero_platform_agency"] .zph-cloud-network-bg{ opacity:.43; } } @media (prefers-reduced-motion: reduce){ html body .zph-root[data-template="zero_platform_agency"] .zph-cloud-network-bg{display:none!important;} } /* ZOC_ZPH_STAGE19_CLOUD_NETWORK_BG_CSS_END */ /* ZOC_ZPH_STAGE20_CLOUD_NETWORK_VISIBLE_LAYER_CSS_BEGIN */ html body .zph-root[data-template="zero_platform_agency"]{ position:relative!important; isolation:isolate!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-cloud-network-bg{ position:fixed!important; inset:0!important; z-index:1!important; pointer-events:none!important; opacity:.86!important; mix-blend-mode:screen!important; filter:saturate(1.28) contrast(1.10) brightness(1.05)!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-cloud-network-bg canvas{ display:block!important; width:100%!important; height:100%!important; opacity:1!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-container, html body .zph-root[data-template="zero_platform_agency"] .zph-topbar, html body .zph-root[data-template="zero_platform_agency"] .zph-footer, html body .zph-root[data-template="zero_platform_agency"] .zph-mobile-header, html body .zph-root[data-template="zero_platform_agency"] .zph-menu-panel, html body .zph-root[data-template="zero_platform_agency"] .zph-hero-grid, html body .zph-root[data-template="zero_platform_agency"] .zph-title-row, html body .zph-root[data-template="zero_platform_agency"] .zph-service-grid, html body .zph-root[data-template="zero_platform_agency"] .zph-price-grid, html body .zph-root[data-template="zero_platform_agency"] .zph-process-grid, html body .zph-root[data-template="zero_platform_agency"] .zph-work-grid, html body .zph-root[data-template="zero_platform_agency"] .zph-blog-grid, html body .zph-root[data-template="zero_platform_agency"] .zph-cta-box, html body .zph-root[data-template="zero_platform_agency"] .zph-extra-content, html body .zph-root[data-template="zero_platform_agency"] :where(.zph-service-card,.zph-price-card,.zph-work-card,.zph-blog-card,.zph-stat-card,.zph-process-grid > article){ position:relative; z-index:3!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-topbar, html body .zph-root[data-template="zero_platform_agency"] .zpa-v49-mobile-header, html body .zph-root[data-template="zero_platform_agency"] .zpa-v57-blog-mobile-header{ z-index:80!important; } html body .zph-root[data-template="zero_platform_agency"] .zph-footer{ z-index:4!important; } /* Keep the template background color. The network sits above the color, not instead of it. */ html body .zph-root[data-template="zero_platform_agency"] :where(.zph-hero,.zph-services,.zph-stats,.zph-packages,.zph-process,.zph-portfolio,.zph-blog,.zph-cta){ position:relative; } @media (max-width:760px){ html body .zph-root[data-template="zero_platform_agency"] .zph-cloud-network-bg{ opacity:.70!important; filter:saturate(1.18) contrast(1.06) brightness(1.02)!important; } } @media (prefers-reduced-motion: reduce){ html body .zph-root[data-template="zero_platform_agency"] .zph-cloud-network-bg{display:none!important;} } /* ZOC_ZPH_STAGE20_CLOUD_NETWORK_VISIBLE_LAYER_CSS_END */ /* ZOC_ZPH_MOBILE_HEADER_REPAIR_V71_CSS_BEGIN */ /* Final mobile header repair for zero_platform_agency. It only activates after JS adds zpa-v71-mobile-header-ready, so desktop and no-JS fallback stay unchanged. */ #zpa-v71-mobile-header, #zpa-v71-backdrop, #zpa-v71-drawer{display:none;} @media (max-width:1100px){ html.zpa-v71-mobile-header-ready, html.zpa-v71-mobile-header-ready body{ max-width:100%!important; overflow-x:hidden!important; } html.zpa-v71-mobile-header-ready body{ padding-top:calc(74px + env(safe-area-inset-top,0px))!important; } html.zpa-v71-mobile-header-ready body .zph-root[data-template="zero_platform_agency"]{ padding-top:0!important; margin-top:0!important; overflow-x:hidden!important; } /* Hide earlier mobile/header generations only after V71 is active. */ html.zpa-v71-mobile-header-ready body .zph-root[data-template="zero_platform_agency"] :where(.zph-topbar,header.zph-topbar,.zph-menu-overlay,#zph-mobile-menu,.zph-menu,.zpa-mobile-backdrop,.zpa-mobile-drawer,.zpa-mobile-menu-toggle,.zpa-v41-hamburger,.zpa-v42-hamburger,.zpa-v41-drawer,.zpa-v42-drawer,.zpa-v41-backdrop,.zpa-v42-backdrop,[data-zpa-v41],[data-zpa-v42],[data-zpa-v44-top-cover-neutralized],[data-zpa-v46-top-cover-removed]), html.zpa-v71-mobile-header-ready body :where(#zpa-v49-mobile-header,#zpa-v49-backdrop,#zpa-v49-drawer,#zpa-v57-blog-mobile-header,#zpa-v57-blog-backdrop,#zpa-v57-blog-drawer,.zpa-mobile-backdrop,.zpa-mobile-drawer){ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; height:0!important; max-height:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; transform:none!important; } #zpa-v71-mobile-header{ position:fixed!important; top:0!important; right:0!important; left:0!important; width:100%!important; height:calc(74px + env(safe-area-inset-top,0px))!important; padding-top:env(safe-area-inset-top,0px)!important; padding-inline:14px!important; z-index:2147483646!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; direction:rtl!important; box-sizing:border-box!important; background:color-mix(in srgb,var(--zph-primary,var(--zph-bg,#0b101c)) 88%,#000 12%)!important; color:var(--zph-contrast,#fff)!important; border-bottom:1px solid color-mix(in srgb,var(--zph-contrast,#fff) 14%,transparent)!important; box-shadow:0 12px 34px rgba(0,0,0,.28)!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; font-family:var(--zph-nav-font,var(--zph-font,Tahoma,Arial,sans-serif))!important; } #zpa-v71-mobile-header *{box-sizing:border-box!important;font-family:inherit!important;} #zpa-v71-menu-btn{ appearance:none!important; -webkit-appearance:none!important; width:56px!important; height:56px!important; min-width:56px!important; border-radius:19px!important; border:1px solid color-mix(in srgb,var(--zph-contrast,#fff) 22%,transparent)!important; background:color-mix(in srgb,var(--zph-surface,var(--zph-primary,#111827)) 82%,#000 18%)!important; color:var(--zph-contrast,#fff)!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex-direction:column!important; gap:5px!important; cursor:pointer!important; position:relative!important; z-index:2147483647!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.20)!important; } #zpa-v71-menu-btn span{ display:block!important; width:25px!important; height:3px!important; border-radius:999px!important; background:currentColor!important; transition:transform .22s ease,opacity .18s ease!important; } html.zpa-v71-menu-open #zpa-v71-menu-btn span:nth-child(1){transform:translateY(8px) rotate(45deg)!important;} html.zpa-v71-menu-open #zpa-v71-menu-btn span:nth-child(2){opacity:0!important;} html.zpa-v71-menu-open #zpa-v71-menu-btn span:nth-child(3){transform:translateY(-8px) rotate(-45deg)!important;} .zpa-v71-mobile-title{ flex:1 1 auto!important; min-width:0!important; display:flex!important; align-items:center!important; justify-content:center!important; color:var(--zph-contrast,#fff)!important; font-size:18px!important; line-height:1.35!important; font-weight:950!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:center!important; } .zpa-v71-mobile-title span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;} .zpa-v71-mobile-mark{ width:50px!important; height:50px!important; min-width:50px!important; border-radius:17px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; background:var(--zph-accent,#ef6b61)!important; color:var(--zph-contrast,#fff)!important; font-size:20px!important; font-weight:950!important; overflow:hidden!important; box-shadow:0 10px 26px color-mix(in srgb,var(--zph-accent,#ef6b61) 30%,transparent)!important; } .zpa-v71-mobile-mark img{ width:100%!important; height:100%!important; display:block!important; object-fit:contain!important; padding:4px!important; border-radius:inherit!important; background:color-mix(in srgb,var(--zph-contrast,#fff) 8%,transparent)!important; } #zpa-v71-backdrop{ position:fixed!important; top:calc(74px + env(safe-area-inset-top,0px))!important; right:0!important; bottom:0!important; left:0!important; z-index:2147483630!important; background:rgba(3,8,20,.62)!important; backdrop-filter:blur(7px)!important; -webkit-backdrop-filter:blur(7px)!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; display:block!important; transition:opacity .22s ease,visibility .22s ease!important; } #zpa-v71-drawer{ position:fixed!important; top:calc(74px + env(safe-area-inset-top,0px))!important; right:0!important; bottom:0!important; width:min(88vw,390px)!important; max-width:390px!important; z-index:2147483635!important; display:block!important; direction:rtl!important; box-sizing:border-box!important; padding:18px!important; overflow-y:auto!important; overscroll-behavior:contain!important; background:linear-gradient(180deg,color-mix(in srgb,var(--zph-surface,var(--zph-primary,#111827)) 88%,#000 12%),color-mix(in srgb,var(--zph-primary,#0b101c) 86%,#000 14%))!important; color:var(--zph-contrast,#fff)!important; border-left:1px solid color-mix(in srgb,var(--zph-contrast,#fff) 14%,transparent)!important; box-shadow:-30px 0 70px rgba(0,0,0,.42)!important; transform:translateX(110%)!important; visibility:hidden!important; transition:transform .25s cubic-bezier(.2,.8,.2,1),visibility .25s ease!important; font-family:var(--zph-nav-font,var(--zph-font,Tahoma,Arial,sans-serif))!important; } #zpa-v71-drawer *{box-sizing:border-box!important;font-family:inherit!important;} html.zpa-v71-menu-open, html.zpa-v71-menu-open body{overflow:hidden!important;touch-action:none!important;} html.zpa-v71-menu-open #zpa-v71-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important;} html.zpa-v71-menu-open #zpa-v71-drawer{transform:translateX(0)!important;visibility:visible!important;} .zpa-v71-drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:16px!important;} .zpa-v71-drawer-title{font-size:21px!important;line-height:1.35!important;font-weight:950!important;color:var(--zph-contrast,#fff)!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;} #zpa-v71-drawer-close{ appearance:none!important; -webkit-appearance:none!important; width:50px!important; height:50px!important; min-width:50px!important; border-radius:17px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border:1px solid color-mix(in srgb,var(--zph-contrast,#fff) 16%,transparent)!important; background:color-mix(in srgb,var(--zph-contrast,#fff) 9%,transparent)!important; color:var(--zph-contrast,#fff)!important; font-size:34px!important; line-height:1!important; font-weight:950!important; cursor:pointer!important; } .zpa-v71-drawer-links{display:flex!important;flex-direction:column!important;gap:10px!important;} .zpa-v71-drawer-links a{ width:100%!important; min-height:58px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; padding:14px 16px!important; border-radius:18px!important; background:color-mix(in srgb,var(--zph-contrast,#fff) 8%,transparent)!important; border:1px solid color-mix(in srgb,var(--zph-contrast,#fff) 11%,transparent)!important; color:var(--zph-contrast,#fff)!important; text-decoration:none!important; font-size:18px!important; font-weight:900!important; line-height:1.35!important; } .zpa-v71-drawer-links a:active{transform:scale(.985)!important;} .zpa-v71-drawer-links a.zpa-v71-phone{ margin-top:6px!important; justify-content:center!important; background:var(--zph-accent,#ef6b61)!important; color:#fff!important; direction:ltr!important; text-align:center!important; } html.zpa-v71-mobile-header-ready body .zph-root[data-template="zero_platform_agency"] :where(.zph-hero){ margin-top:0!important; } html.zpa-v71-mobile-header-ready body .zph-root[data-template="zero_platform_agency"] :where(.zoc-contact-page,.zph-blog,.zph-post,.zph-article,.zph-section){ scroll-margin-top:86px!important; } } @media (min-width:1101px){ #zpa-v71-mobile-header,#zpa-v71-backdrop,#zpa-v71-drawer{display:none!important;} } /* ZOC_ZPH_MOBILE_HEADER_REPAIR_V71_CSS_END */ /* ZOC_ZPH_MOBILE_HEADER_THEME_V72_CSS_BEGIN */ /* Theme-color sync for the V71 final mobile header. This block does not define fixed colors; it reads CSS variables injected from tenant template settings. */ @media (max-width:1100px){ #zpa-v71-mobile-header, #zpa-v71-drawer, #zpa-v71-backdrop{ --zpa-v72-topbar-background:var(--zph-bg,var(--zph-primary,#0b101c)); --zpa-v72-drawer-background:linear-gradient(180deg,var(--zph-surface,var(--zph-bg,var(--zph-primary,#0b101c))),var(--zph-bg,var(--zph-primary,#0b101c))); --zpa-v72-button-background:color-mix(in srgb,var(--zph-bg,var(--zph-primary,#111827)) 86%,#000 14%); --zpa-v72-chrome-color:var(--zph-contrast,#fff); --zpa-v72-soft-border:color-mix(in srgb,var(--zph-contrast,#fff) 16%,transparent); --zpa-v72-soft-panel:color-mix(in srgb,var(--zph-contrast,#fff) 8%,transparent); } #zpa-v71-mobile-header{ background:var(--zpa-v72-topbar-background,var(--zph-bg,var(--zph-primary,#0b101c)))!important; color:var(--zpa-v72-chrome-color,var(--zph-contrast,#fff))!important; border-bottom-color:var(--zpa-v72-soft-border,color-mix(in srgb,var(--zph-contrast,#fff) 16%,transparent))!important; } #zpa-v71-menu-btn{ background:var(--zpa-v72-button-background,color-mix(in srgb,var(--zph-bg,var(--zph-primary,#111827)) 86%,#000 14%))!important; color:var(--zpa-v72-chrome-color,var(--zph-contrast,#fff))!important; border-color:var(--zpa-v72-soft-border,color-mix(in srgb,var(--zph-contrast,#fff) 16%,transparent))!important; } .zpa-v71-mobile-title, .zpa-v71-mobile-title span, .zpa-v71-drawer-title{ color:var(--zpa-v72-chrome-color,var(--zph-contrast,#fff))!important; } .zpa-v71-mobile-mark{ background:var(--zph-accent,#ef6b61)!important; color:var(--zpa-v72-chrome-color,var(--zph-contrast,#fff))!important; } #zpa-v71-drawer{ background:var(--zpa-v72-drawer-background,linear-gradient(180deg,var(--zph-surface,var(--zph-bg,var(--zph-primary,#0b101c))),var(--zph-bg,var(--zph-primary,#0b101c))))!important; color:var(--zpa-v72-chrome-color,var(--zph-contrast,#fff))!important; border-left-color:var(--zpa-v72-soft-border,color-mix(in srgb,var(--zph-contrast,#fff) 16%,transparent))!important; } #zpa-v71-drawer-close{ background:var(--zpa-v72-soft-panel,color-mix(in srgb,var(--zph-contrast,#fff) 8%,transparent))!important; color:var(--zpa-v72-chrome-color,var(--zph-contrast,#fff))!important; border-color:var(--zpa-v72-soft-border,color-mix(in srgb,var(--zph-contrast,#fff) 16%,transparent))!important; } .zpa-v71-drawer-links a{ background:var(--zpa-v72-soft-panel,color-mix(in srgb,var(--zph-contrast,#fff) 8%,transparent))!important; color:var(--zpa-v72-chrome-color,var(--zph-contrast,#fff))!important; border-color:var(--zpa-v72-soft-border,color-mix(in srgb,var(--zph-contrast,#fff) 16%,transparent))!important; } .zpa-v71-drawer-links a.zpa-v71-phone{ background:var(--zph-accent,#ef6b61)!important; color:#fff!important; } } /* ZOC_ZPH_MOBILE_HEADER_THEME_V72_CSS_END */ /* ZOC_ZPH_PANEL_MENU_MODAL_CKEDITOR_V75_START */ .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-showcase{ position:relative!important; width:100%!important; max-width:100%!important; overflow:hidden!important; background: radial-gradient(circle at 8% 0%,rgba(61,102,255,.22),transparent 34%), radial-gradient(circle at 92% 100%,rgba(123,63,228,.18),transparent 32%), linear-gradient(180deg,#07101f 0%,#0a1222 48%,#060c17 100%)!important; color:#fff!important; padding-block:72px!important; isolation:isolate!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-showcase::before{ content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.88),transparent 90%) } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-container{ display:block!important; width:calc(100% - 28px)!important; max-width:1600px!important; min-width:0!important; margin-inline:auto!important; padding-inline:0!important; box-sizing:border-box!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-heading{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,520px)!important;align-items:end!important;gap:28px!important;margin-bottom:30px!important;min-width:0!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-heading .zph-title-row{margin:0!important;min-width:0!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-heading .zph-title-row h2{color:#fff!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-heading .zph-title-row b{color:#9fb4ff!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-heading>p{margin:0!important;color:rgba(230,237,255,.72)!important;line-height:2!important;font-size:15px!important;min-width:0!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-grid{ display:grid!important; width:100%!important; max-width:100%!important; min-width:0!important; grid-template-columns:repeat(8,minmax(0,1fr))!important; grid-auto-flow:row!important; align-items:stretch!important; justify-items:stretch!important; gap:12px!important; direction:rtl!important; box-sizing:border-box!important; overflow:visible!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-grid>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-tile{ --zph-tile-a:#315ee8;--zph-tile-b:#2748c6; position:relative!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-end!important; aspect-ratio:1/1!important; min-width:0!important; min-height:0!important; width:100%!important; max-width:100%!important; height:auto!important; margin:0!important; padding:12px 10px 14px!important; border:1px solid rgba(255,255,255,.10)!important; border-radius:8px!important; overflow:hidden!important; cursor:pointer!important; color:#fff!important; text-align:center!important; appearance:none!important; -webkit-appearance:none!important; touch-action:manipulation!important; background: radial-gradient(circle at 50% 30%,rgba(255,255,255,.14),transparent 38%), linear-gradient(145deg,var(--zph-tile-a),var(--zph-tile-b))!important; box-shadow:0 10px 24px rgba(0,0,0,.18)!important; transform:translateZ(0)!important; transition:transform .22s ease,box-shadow .22s ease,filter .22s ease,border-color .22s ease!important; font-family:inherit!important; box-sizing:border-box!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-tile::before{ content:"";position:absolute;inset:-60% -80%;z-index:0;pointer-events:none; background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.16) 50%,transparent 62%); transform:translateX(36%) rotate(6deg);transition:transform .5s ease } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-tile:hover, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-tile:focus-visible{ transform:translateY(-5px) scale(1.018)!important; box-shadow:0 20px 42px rgba(0,0,0,.35)!important; filter:saturate(1.08) brightness(1.03)!important; border-color:rgba(255,255,255,.38)!important; outline:none!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-tile:hover::before, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-tile:focus-visible::before{transform:translateX(-35%) rotate(6deg)} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-badge{ position:absolute!important;top:8px!important;left:8px!important;z-index:3!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; min-width:26px!important;min-height:22px!important;padding:4px 7px!important; border-radius:999px!important;background:rgba(7,12,25,.30)!important;border:1px solid rgba(255,255,255,.24)!important; color:#fff!important;font-family:Arial,sans-serif!important;font-size:9px!important;font-weight:900!important;letter-spacing:.35px!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-icon-wrap{ position:relative!important;z-index:1!important;display:grid!important;place-items:center!important; width:100%!important;max-width:100%!important;flex:1 1 auto!important;min-width:0!important;min-height:72px!important;margin-bottom:3px!important;overflow:hidden!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-icon-wrap img{ display:block!important;width:84%!important;height:84%!important;max-width:132px!important;max-height:132px!important; object-fit:contain!important;filter:drop-shadow(0 12px 12px rgba(0,0,0,.28))!important; transform:translateZ(0)!important;transition:transform .24s ease!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-tile:hover .zph-panel-menu-icon-wrap img{transform:scale(1.045) translateY(-2px)!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-icon-wrap i{ display:grid!important;place-items:center!important;width:76px!important;height:76px!important;max-width:72%!important;max-height:72%!important;aspect-ratio:1/1!important;border-radius:50%!important; background:rgba(4,9,18,.42)!important;border:2px solid rgba(255,255,255,.72)!important;color:#fff!important; font-style:normal!important;font-size:34px!important;font-weight:950!important;box-shadow:0 12px 28px rgba(0,0,0,.3)!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-icon-wrap img+i{display:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-icon-wrap img.is-broken{display:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-icon-wrap img.is-broken+i{display:grid!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-title{ position:relative!important;z-index:1!important;display:block!important;width:100%!important;min-width:0!important; color:#fff!important;font-size:14px!important;line-height:1.5!important;font-weight:950!important; text-shadow:0 2px 7px rgba(0,0,0,.35)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-title-en{ position:relative!important;z-index:1!important;display:block!important;width:100%!important;min-width:0!important;margin-top:1px!important; color:rgba(255,255,255,.82)!important;font-family:Arial,sans-serif!important;font-size:9px!important;line-height:1.35!important;font-weight:800!important; white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-noscript{margin-top:16px!important;color:rgba(255,255,255,.75)!important} .zph-root[data-template="zero_platform_agency"] :is(.zph-panel-menu-tile,.zph-panel-menu-modal-card).color-blue{--zph-tile-a:#4169e1;--zph-tile-b:#3156d2} .zph-root[data-template="zero_platform_agency"] :is(.zph-panel-menu-tile,.zph-panel-menu-modal-card).color-navy{--zph-tile-a:#1d2a44;--zph-tile-b:#091120} .zph-root[data-template="zero_platform_agency"] :is(.zph-panel-menu-tile,.zph-panel-menu-modal-card).color-purple{--zph-tile-a:#7542e4;--zph-tile-b:#6333cf} .zph-root[data-template="zero_platform_agency"] :is(.zph-panel-menu-tile,.zph-panel-menu-modal-card).color-teal{--zph-tile-a:#4d9a90;--zph-tile-b:#3f8078} .zph-root[data-template="zero_platform_agency"] :is(.zph-panel-menu-tile,.zph-panel-menu-modal-card).color-cyan{--zph-tile-a:#3c9ca1;--zph-tile-b:#347f91} .zph-root[data-template="zero_platform_agency"] :is(.zph-panel-menu-tile,.zph-panel-menu-modal-card).color-green{--zph-tile-a:#4fa659;--zph-tile-b:#3f8f49} .zph-root[data-template="zero_platform_agency"] :is(.zph-panel-menu-tile,.zph-panel-menu-modal-card).color-orange{--zph-tile-a:#df632d;--zph-tile-b:#ca4f21} .zph-root[data-template="zero_platform_agency"] :is(.zph-panel-menu-tile,.zph-panel-menu-modal-card).color-red{--zph-tile-a:#d23c36;--zph-tile-b:#b92d2a} .zph-root[data-template="zero_platform_agency"] :is(.zph-panel-menu-tile,.zph-panel-menu-modal-card).color-pink{--zph-tile-a:#c93d78;--zph-tile-b:#ad2f66} .zph-root[data-template="zero_platform_agency"] :is(.zph-panel-menu-tile,.zph-panel-menu-modal-card).color-yellow{--zph-tile-a:#e6b93d;--zph-tile-b:#d29b1d} html.zph-panel-menu-modal-open,body.zph-panel-menu-modal-open{overflow:hidden!important;overscroll-behavior:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal[hidden]{display:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal{ position:fixed!important;inset:0!important;z-index:2147482600!important;display:flex!important; align-items:center!important;justify-content:center!important;padding:22px!important;direction:rtl!important;box-sizing:border-box!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-backdrop{ position:absolute!important;inset:0!important;background:rgba(2,6,14,.78)!important; backdrop-filter:blur(14px) saturate(.9)!important;-webkit-backdrop-filter:blur(14px) saturate(.9)!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-dialog{ position:relative!important;z-index:1!important;width:min(1080px,96vw)!important;max-height:min(860px,92vh)!important; border-radius:30px!important;overflow:hidden!important;background:#fff!important; border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 42px 120px rgba(0,0,0,.58)!important; opacity:0!important;transform:translateY(18px) scale(.975)!important; transition:opacity .22s ease,transform .22s ease!important;outline:none!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal.is-open .zph-panel-menu-modal-dialog{opacity:1!important;transform:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-close{ position:absolute!important;top:14px!important;left:14px!important;z-index:5!important;width:42px!important;height:42px!important; display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(15,23,42,.12)!important; background:rgba(255,255,255,.92)!important;color:#0f172a!important;font-size:28px!important;line-height:1!important;cursor:pointer!important; box-shadow:0 8px 24px rgba(15,23,42,.16)!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-stage{max-height:min(860px,92vh)!important;overflow:auto!important;overscroll-behavior:contain!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-card{ --zph-tile-a:#4169e1;--zph-tile-b:#3156d2; display:grid!important;grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr)!important;min-height:600px!important;background:#fff!important;color:#111827!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-media{ position:relative!important;overflow:hidden!important;display:grid!important;place-items:center!important;min-height:600px!important;padding:54px 40px!important; background: radial-gradient(circle at 50% 30%,rgba(255,255,255,.28),transparent 34%), linear-gradient(145deg,var(--zph-tile-a),var(--zph-tile-b))!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-media::before{ content:"";position:absolute!important;width:420px!important;height:420px!important;border-radius:50%!important; border:58px solid rgba(255,255,255,.08)!important;left:-180px!important;bottom:-190px!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-glow{ position:absolute!important;width:300px!important;height:300px!important;border-radius:50%!important; background:rgba(255,255,255,.16)!important;filter:blur(46px)!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-media img{ position:relative!important;z-index:2!important;width:min(82%,340px)!important;max-height:390px!important;object-fit:contain!important; filter:drop-shadow(0 26px 28px rgba(0,0,0,.34))!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-media>i{ position:relative!important;z-index:2!important;display:grid!important;place-items:center!important;width:190px!important;height:190px!important;border-radius:50%!important; background:rgba(4,9,18,.38)!important;border:4px solid rgba(255,255,255,.76)!important;color:#fff!important;font-style:normal!important;font-size:82px!important;font-weight:950!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-media img+i{display:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-media img.is-broken{display:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-media img.is-broken+i{display:grid!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-media>b{ position:absolute!important;right:24px!important;bottom:22px!important;z-index:3!important; border:1px solid rgba(255,255,255,.34)!important;background:rgba(3,8,18,.24)!important;color:#fff!important; padding:8px 12px!important;border-radius:999px!important;font-family:Arial,sans-serif!important;font-size:11px!important;letter-spacing:.8px!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-copy{ display:flex!important;flex-direction:column!important;min-width:0!important;padding:48px 48px 40px!important;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-label{ display:inline-flex!important;align-self:flex-start!important;margin-bottom:12px!important;padding:7px 11px!important;border-radius:999px!important; background:rgba(65,105,225,.09)!important;color:var(--zph-tile-a)!important;font-size:11px!important;font-weight:950!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-title-row h3{margin:0!important;color:#0f172a!important;font-size:clamp(30px,4vw,46px)!important;line-height:1.25!important;font-weight:950!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-title-row small{display:block!important;margin-top:4px!important;color:#64748b!important;font-family:Arial,sans-serif!important;font-size:14px!important;font-weight:800!important;text-align:right!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-lead{margin:20px 0 10px!important;color:#27364a!important;font-size:18px!important;line-height:1.9!important;font-weight:900!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description{color:#475569!important;font-size:15px!important;line-height:2.05!important;min-width:0!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description>*:first-child{margin-top:0!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description>*:last-child{margin-bottom:0!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description p{margin:0 0 13px!important;color:#475569!important;line-height:2.05!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description h1, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description h2, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description h3, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description h4{margin:22px 0 10px!important;color:#172033!important;line-height:1.65!important;font-weight:950!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description h1{font-size:27px!important}.zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description h2{font-size:23px!important}.zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description h3{font-size:20px!important}.zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description h4{font-size:17px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description ul, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description ol{margin:12px 0!important;padding-right:24px!important;line-height:2!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description li{margin:4px 0!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description a{color:#315ee8!important;text-decoration:underline!important;text-underline-offset:3px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description blockquote{margin:16px 0!important;padding:14px 16px!important;border-right:4px solid var(--zph-tile-a)!important;border-radius:12px!important;background:#eef3ff!important;color:#334155!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description figure{margin:18px 0!important;max-width:100%!important;text-align:center!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description img{display:block!important;max-width:100%!important;height:auto!important;margin:0 auto!important;border-radius:16px!important;box-shadow:0 14px 34px rgba(15,23,42,.12)!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description figcaption{margin-top:8px!important;color:#64748b!important;font-size:12px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description table{display:block!important;width:100%!important;max-width:100%!important;overflow:auto!important;border-collapse:collapse!important;margin:18px 0!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description th,.zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description td{padding:10px 12px!important;border:1px solid #dfe5ee!important;white-space:nowrap!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description th{background:#eef3ff!important;color:#172033!important;font-weight:950!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-features{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important; margin:22px 0!important;padding:0!important;list-style:none!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-features li{ display:flex!important;align-items:flex-start!important;gap:8px!important;padding:11px 12px!important;border-radius:14px!important; background:#fff!important;border:1px solid #e7ebf2!important;color:#243047!important;font-size:13px!important;line-height:1.75!important;font-weight:800!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-features li span{color:var(--zph-tile-a)!important;font-weight:950!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:auto!important;padding-top:6px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-action{ display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-width:180px!important; background:linear-gradient(135deg,var(--zph-tile-a),var(--zph-tile-b))!important;color:#fff!important;border:0!important; box-shadow:0 14px 30px rgba(20,35,70,.20)!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-secondary{ min-height:46px!important;padding:10px 18px!important;border-radius:14px!important;border:1px solid #d9e0ea!important;background:#fff!important; color:#334155!important;font-family:inherit!important;font-size:13px!important;font-weight:900!important;cursor:pointer!important } @media(max-width:1450px){ .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important} } @media(max-width:1240px){ .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important} } @media(max-width:1020px){ .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-heading{grid-template-columns:1fr!important;gap:12px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-card{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-copy{padding:42px 34px 34px!important} } @media(max-width:720px){ .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-showcase{padding-block:48px!important;overflow:hidden!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-container{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;min-width:0!important;margin-inline:10px!important;padding:0!important;overflow:visible!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-heading{width:100%!important;min-width:0!important;margin-bottom:22px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-grid{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-columns:minmax(0,1fr)!important;gap:9px!important;overflow:visible!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-tile{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:1/1!important;padding:10px 8px 12px!important;border-radius:7px!important;transform:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-tile:hover,.zph-root[data-template="zero_platform_agency"] .zph-panel-menu-tile:focus-visible{transform:translateY(-2px)!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-icon-wrap{width:100%!important;min-width:0!important;min-height:64px!important;overflow:hidden!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-icon-wrap img{width:80%!important;height:80%!important;max-width:118px!important;max-height:118px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-title{font-size:13px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal{align-items:flex-end!important;padding:0!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-dialog{width:100%!important;max-width:100%!important;max-height:96vh!important;border-radius:28px 28px 0 0!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-stage{max-height:96vh!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-card{display:block!important;min-height:0!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-media{min-height:220px!important;height:220px!important;padding:30px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-media img{width:auto!important;height:180px!important;max-width:78%!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-copy{padding:27px 20px 25px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-title-row h3{font-size:29px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-lead{font-size:16px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-features{grid-template-columns:1fr!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-actions{display:grid!important;grid-template-columns:1fr!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-action,.zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-secondary{width:100%!important} } @media(max-width:380px){ .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-container{width:calc(100% - 14px)!important;max-width:calc(100% - 14px)!important;margin-inline:7px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-grid{gap:7px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-tile{padding:8px 6px 10px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-title{font-size:12px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-title-en{font-size:8px!important} } @media(prefers-reduced-motion:reduce){ .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-tile, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-tile::before, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-dialog{transition:none!important} } /* ZOC_ZPH_PANEL_MENU_MODAL_CKEDITOR_V75_END */ /* ZOC_ZPH_PANEL_MENU_FULLSCREEN_V77_START */ html.zph-panel-menu-modal-open, body.zph-panel-menu-modal-open{overflow:hidden!important;height:100%!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal{ position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important; width:100vw!important;height:100vh!important;height:100dvh!important;padding:0!important;margin:0!important;background:#fff!important; font-family:var(--zph-font)!important;font-size:inherit!important;line-height:inherit!important;color:#172033!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal[hidden]{display:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-backdrop{display:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-dialog{ position:relative!important;inset:auto!important;display:block!important;width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important; max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important; opacity:1!important;transform:none!important;overflow:hidden!important;font-family:var(--zph-font)!important;font-size:inherit!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-stage{ width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;overflow:hidden!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-card{ display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important; grid-template-columns:none!important;background:#fff!important;color:#172033!important;font-family:var(--zph-font)!important;font-size:inherit!important;overflow:hidden!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar{ position:relative!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important; flex:0 0 auto!important;width:100%!important;min-height:78px!important;padding:12px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left))!important; border-bottom:1px solid color-mix(in srgb,var(--zph-contrast) 18%,transparent)!important; background:linear-gradient(135deg,color-mix(in srgb,var(--zph-primary) 92%,#000 8%),color-mix(in srgb,var(--zph-surface) 88%,#000 12%))!important; color:var(--zph-contrast)!important;box-shadow:0 10px 30px rgba(15,23,42,.16)!important; font-family:var(--zph-nav-font,var(--zph-font))!important;font-size:inherit!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-identity{ display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-icon{ position:relative!important;display:grid!important;place-items:center!important;flex:0 0 54px!important;width:54px!important;height:54px!important; overflow:hidden!important;border-radius:15px!important;background:linear-gradient(135deg,var(--zph-tile-a),var(--zph-tile-b))!important; border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-icon img{ display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;padding:4px!important;border:0!important;border-radius:0!important;box-shadow:none!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-icon>i{ display:grid!important;place-items:center!important;width:100%!important;height:100%!important;color:#fff!important;font:900 24px/1 var(--zph-heading-font,var(--zph-font))!important;font-style:normal!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-icon img+i{display:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-icon img.is-broken{display:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-icon img.is-broken+i{display:grid!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-title{ display:block!important;min-width:0!important;overflow:hidden!important;text-align:right!important;color:inherit!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-title h3{ display:block!important;max-width:100%!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important; color:inherit!important;font-family:var(--zph-heading-font,var(--zph-font))!important;font-size:1.25em!important;line-height:1.35!important;font-weight:var(--zph-heading-weight,900)!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-title small{ display:block!important;max-width:100%!important;margin:2px 0 0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important; color:color-mix(in srgb,var(--zph-contrast) 72%,transparent)!important;font-family:var(--zph-nav-font,var(--zph-font))!important;font-size:.78em!important;line-height:1.25!important;text-align:right!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-badge{ display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-height:30px!important;padding:5px 10px!important; border-radius:999px!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.2)!important;color:inherit!important; font-family:var(--zph-nav-font,var(--zph-font))!important;font-size:.75em!important;font-weight:900!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-close{ position:static!important;inset:auto!important;display:grid!important;place-items:center!important;flex:0 0 48px!important;width:48px!important;height:48px!important; margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:15px!important;background:rgba(255,255,255,.12)!important; color:var(--zph-contrast)!important;box-shadow:none!important;font-family:var(--zph-nav-font,var(--zph-font))!important;font-size:30px!important;line-height:1!important;font-weight:400!important;cursor:pointer!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-close:hover, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-close:focus-visible{background:rgba(255,255,255,.22)!important;outline:2px solid rgba(255,255,255,.55)!important;outline-offset:2px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-scroll{ flex:1 1 auto!important;width:100%!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important; background:#fff!important;-webkit-overflow-scrolling:touch!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-content{ display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-visual{ display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important; overflow:hidden!important;background:#f1f5f9!important;text-align:center!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-visual img{ display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important; border-radius:0!important;object-fit:contain!important;box-shadow:none!important;background:#f1f5f9!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-copy{ display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:clamp(22px,3vw,56px)!important; background:#fff!important;color:#172033!important;font-family:var(--zph-article-font,var(--zph-font))!important;font-size:inherit!important;line-height:inherit!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-label, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-lead, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description p, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description li, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-features li, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-actions{ font-family:inherit!important;font-size:inherit!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-lead{line-height:2!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description{width:100%!important;max-width:none!important;line-height:2!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description :is(h1,h2,h3,h4){font-family:var(--zph-heading-font,var(--zph-font))!important;line-height:1.55!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description h1{font-size:2em!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description h2{font-size:1.65em!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description h3{font-size:1.35em!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description h4{font-size:1.15em!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description img, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description figure, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-description table{max-width:100%!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-features{width:100%!important;max-width:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-actions{width:100%!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-media, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-title-row{display:none!important} @media(max-width:720px){ .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-dialog, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-stage, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-card{width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;border-radius:0!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar{ min-height:64px!important;padding:calc(7px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 7px max(10px,env(safe-area-inset-left))!important; gap:8px!important } .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-identity{gap:9px!important;align-self:center!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-icon{flex-basis:44px!important;width:44px!important;height:44px!important;border-radius:12px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-title{align-self:center!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-title h3{font-size:1em!important;line-height:1.3!important;white-space:nowrap!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-title small{display:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-topbar-badge{display:none!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-close{flex-basis:42px!important;width:42px!important;height:42px!important;border-radius:12px!important;font-size:27px!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-copy{width:100%!important;padding:20px 16px calc(22px + env(safe-area-inset-bottom))!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-features{grid-template-columns:1fr!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-actions{display:grid!important;grid-template-columns:1fr!important} .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-action, .zph-root[data-template="zero_platform_agency"] .zph-panel-menu-modal-secondary{width:100%!important;max-width:none!important} } /* ZOC_ZPH_PANEL_MENU_FULLSCREEN_V77_END */ /* ZOC_ZPH_PANEL_MENU_LAYER_CHAT_V79_START Portal the full-screen feature modal above mobile navigation and the public live-chat widget. Also make the live-chat box reliable and viewport-safe on mobile. */ .zph-panel-menu-modal-portal-root{ position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; height:100dvh!important; min-height:0!important; max-width:none!important; margin:0!important; padding:0!important; overflow:visible!important; background:transparent!important; z-index:2147483647!important; pointer-events:none!important; isolation:isolate!important; } .zph-panel-menu-modal-portal-root > .zph-panel-menu-modal{ z-index:1!important; pointer-events:auto!important; } .zph-panel-menu-modal-portal-root > .zph-panel-menu-modal[hidden]{ display:none!important; pointer-events:none!important; } /* The support launcher remains mounted but is painted below the feature modal. */ html.zph-panel-menu-modal-open #zoc-live-chat, body.zph-panel-menu-modal-open #zoc-live-chat{ z-index:2147480000!important; pointer-events:none!important; } @media(max-width:1100px){ /* V71 and all older mobile navigation generations must never cover the modal. */ html.zph-panel-menu-modal-open :is( #zpa-v71-mobile-header,#zpa-v71-backdrop,#zpa-v71-drawer, #zpa-v49-mobile-header,#zpa-v49-backdrop,#zpa-v49-drawer, #zpa-v57-blog-mobile-header,#zpa-v57-blog-backdrop,#zpa-v57-blog-drawer, .zph-mobile-header,.zph-menu-overlay,#zph-mobile-menu, .zpa-mobile-backdrop,.zpa-mobile-drawer,.zpa-mobile-menu-toggle, .zpa-v41-hamburger,.zpa-v42-hamburger,.zpa-v41-drawer,.zpa-v42-drawer, .zpa-v41-backdrop,.zpa-v42-backdrop ), body.zph-panel-menu-modal-open :is( #zpa-v71-mobile-header,#zpa-v71-backdrop,#zpa-v71-drawer, #zpa-v49-mobile-header,#zpa-v49-backdrop,#zpa-v49-drawer, #zpa-v57-blog-mobile-header,#zpa-v57-blog-backdrop,#zpa-v57-blog-drawer, .zph-mobile-header,.zph-menu-overlay,#zph-mobile-menu, .zpa-mobile-backdrop,.zpa-mobile-drawer,.zpa-mobile-menu-toggle, .zpa-v41-hamburger,.zpa-v42-hamburger,.zpa-v41-drawer,.zpa-v42-drawer, .zpa-v41-backdrop,.zpa-v42-backdrop ){ opacity:0!important; visibility:hidden!important; pointer-events:none!important; } } /* Public live chat: on small screens open as a true viewport dialog. */ @media(max-width:520px){ html.zph-live-chat-mobile-open, html.zph-live-chat-mobile-open body, body.zph-live-chat-mobile-open{ overflow:hidden!important; overscroll-behavior:none!important; touch-action:none!important; } html.zph-live-chat-mobile-open :is( #zpa-v71-mobile-header,#zpa-v71-backdrop,#zpa-v71-drawer, #zpa-v49-mobile-header,#zpa-v49-backdrop,#zpa-v49-drawer, #zpa-v57-blog-mobile-header,#zpa-v57-blog-backdrop,#zpa-v57-blog-drawer, .zph-mobile-header,.zph-menu-overlay,#zph-mobile-menu, .zpa-mobile-backdrop,.zpa-mobile-drawer,.zpa-mobile-menu-toggle ){ opacity:0!important; visibility:hidden!important; pointer-events:none!important; } html.zph-live-chat-mobile-open #zoc-live-chat.zlc-widget-v42, body.zph-live-chat-mobile-open #zoc-live-chat.zlc-widget-v42{ position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; height:100dvh!important; max-width:none!important; margin:0!important; z-index:2147483647!important; pointer-events:none!important; } html.zph-live-chat-mobile-open #zoc-live-chat.zlc-widget-v42 .zlc-box, body.zph-live-chat-mobile-open #zoc-live-chat.zlc-widget-v42 .zlc-box{ position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; height:100dvh!important; max-width:none!important; max-height:none!important; border:0!important; border-radius:0!important; transform:none!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; box-shadow:none!important; grid-template-rows:auto minmax(0,1fr) auto auto!important; } html.zph-live-chat-mobile-open #zoc-live-chat.zlc-widget-v42 .zlc-head, body.zph-live-chat-mobile-open #zoc-live-chat.zlc-widget-v42 .zlc-head{ padding-top:calc(13px + env(safe-area-inset-top,0px))!important; } html.zph-live-chat-mobile-open #zoc-live-chat.zlc-widget-v42 .zlc-body, body.zph-live-chat-mobile-open #zoc-live-chat.zlc-widget-v42 .zlc-body{ min-height:0!important; overscroll-behavior:contain!important; } html.zph-live-chat-mobile-open #zoc-live-chat.zlc-widget-v42 .zlc-form, html.zph-live-chat-mobile-open #zoc-live-chat.zlc-widget-v42 .zlc-prechat, body.zph-live-chat-mobile-open #zoc-live-chat.zlc-widget-v42 .zlc-form, body.zph-live-chat-mobile-open #zoc-live-chat.zlc-widget-v42 .zlc-prechat{ padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important; } html.zph-live-chat-mobile-open #zoc-live-chat.zlc-widget-v42 .zlc-launch, body.zph-live-chat-mobile-open #zoc-live-chat.zlc-widget-v42 .zlc-launch{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; } } /* ZOC_ZPH_PANEL_MENU_LAYER_CHAT_V79_END */ /* ZOC_ZPH_PANEL_MENU_CHAT_RECOVERY_V81_START Safe stacking fix: never move the full site root or chat DOM into . */ #zph-panel-menu-modal-portal-v79.zph-panel-menu-modal-portal-root{ position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; height:100dvh!important; z-index:2147483647!important; isolation:isolate!important; pointer-events:none!important; } #zph-panel-menu-modal-portal-v79[aria-hidden="false"]{pointer-events:auto!important} #zph-panel-menu-modal-portal-v79 > [data-zph-panel-menu-modal]{z-index:2147483647!important} html.zph-panel-menu-modal-open #zoc-live-chat, body.zph-panel-menu-modal-open #zoc-live-chat{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } @media(max-width:1100px), (hover:none) and (pointer:coarse){ html.zph-panel-menu-modal-open :is( #zpa-v71-mobile-header,#zpa-v71-backdrop,#zpa-v71-drawer, #zpa-v49-mobile-header,#zpa-v49-backdrop,#zpa-v49-drawer, #zpa-v57-blog-mobile-header,#zpa-v57-blog-backdrop,#zpa-v57-blog-drawer, .zph-mobile-header,.zph-menu-overlay,#zph-mobile-menu, .zpa-mobile-backdrop,.zpa-mobile-drawer,.zpa-mobile-menu-toggle, .zpa-v41-hamburger,.zpa-v42-hamburger,.zpa-v41-drawer,.zpa-v42-drawer, .zpa-v41-backdrop,.zpa-v42-backdrop,.zph-topbar ), body.zph-panel-menu-modal-open :is( #zpa-v71-mobile-header,#zpa-v71-backdrop,#zpa-v71-drawer, #zpa-v49-mobile-header,#zpa-v49-backdrop,#zpa-v49-drawer, #zpa-v57-blog-mobile-header,#zpa-v57-blog-backdrop,#zpa-v57-blog-drawer, .zph-mobile-header,.zph-menu-overlay,#zph-mobile-menu, .zpa-mobile-backdrop,.zpa-mobile-drawer,.zpa-mobile-menu-toggle, .zpa-v41-hamburger,.zpa-v42-hamburger,.zpa-v41-drawer,.zpa-v42-drawer, .zpa-v41-backdrop,.zpa-v42-backdrop,.zph-topbar ){ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } html.zlc-mobile-v81-open, html.zlc-mobile-v81-open body, body.zlc-mobile-v81-open{ width:100%!important; height:100%!important; overflow:hidden!important; overscroll-behavior:none!important; } html.zlc-mobile-v81-open :is( #zpa-v71-mobile-header,#zpa-v71-backdrop,#zpa-v71-drawer, #zpa-v49-mobile-header,#zpa-v49-backdrop,#zpa-v49-drawer, #zpa-v57-blog-mobile-header,#zpa-v57-blog-backdrop,#zpa-v57-blog-drawer, .zph-mobile-header,.zph-menu-overlay,#zph-mobile-menu, .zpa-mobile-backdrop,.zpa-mobile-drawer,.zpa-mobile-menu-toggle, .zph-topbar ), body.zlc-mobile-v81-open :is( #zpa-v71-mobile-header,#zpa-v71-backdrop,#zpa-v71-drawer, #zpa-v49-mobile-header,#zpa-v49-backdrop,#zpa-v49-drawer, #zpa-v57-blog-mobile-header,#zpa-v57-blog-backdrop,#zpa-v57-blog-drawer, .zph-mobile-header,.zph-menu-overlay,#zph-mobile-menu, .zpa-mobile-backdrop,.zpa-mobile-drawer,.zpa-mobile-menu-toggle, .zph-topbar ){ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } } /* ZOC_ZPH_PANEL_MENU_CHAT_RECOVERY_V81_END */