/* Zinerge 4.0: production components and legacy-content compatibility. */
:root{--ink:var(--text);--button-start:var(--volt);--button-end:var(--cyan);--accent:var(--volt);--accent-ink:var(--volt-ink);--paper:var(--bg-2)}
body.zg-release40{display:block!important;background:var(--bg);color:var(--text);font:16px/1.6 var(--f-body)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-upload{max-width:150px;max-height:38px;width:auto;object-fit:contain}.logo{color:var(--text)}
body .phero .h-page{margin-top:24px;max-width:1100px}.phero .btn{margin-top:30px}.section40{padding-top:0}.section40 .sec-head .h2{margin-top:18px}.section40 .sec-head>.lead{max-width:440px}.section40 .sec-head:empty{display:none}
.section40 .price{font-size:clamp(28px,3vw,42px);line-height:1.15;overflow-wrap:anywhere}.price-card h3{margin-top:14px}.price-card .num{line-height:1.6;min-height:34px}.price-card{display:flex;flex-direction:column}.price-card .btn{margin-top:auto;white-space:normal;align-self:flex-start}.price-card .ticks{margin-bottom:32px}.pkg-grid{align-items:stretch}.pkg-grid .price-card[hidden]{display:none}.pkg-grid .price-card:before{pointer-events:none}.price-card.featured{overflow:visible;background:linear-gradient(var(--bg-2),var(--bg-2)) padding-box,var(--grad) border-box;border:1px solid transparent}.price-card.featured:before{border-radius:24px}.price-card .badge{z-index:2}.num{color:var(--muted)}.tag{line-height:1.6}.btn:hover{background-size:180%}.btn-primary:hover{background-image:linear-gradient(120deg,var(--volt),color-mix(in srgb,var(--volt) 65%,var(--cyan)));box-shadow:0 0 36px -7px color-mix(in srgb,var(--volt) 65%,transparent)}
.mega-icon{width:32px;height:32px;float:left;margin-right:10px;color:var(--cyan)}.mega-icon svg{width:24px;height:24px}.sample-mega{width:min(680px,80vw);max-height:70vh;overflow:auto}.sample-mega .mega-overview{grid-column:1/-1}.sample-mega strong{font-size:14px}.sample-mega small{color:var(--muted);font-size:12px}.nav-links{align-items:center}.nav-links>a{white-space:nowrap}.nav-cta{flex-shrink:0}.mobile-menu>nav{display:flex;flex-direction:column;gap:6px}.mobile-menu nav>a,.mobile-group>summary{font:600 clamp(26px,5vh,38px)/1.2 var(--f-display);letter-spacing:-.03em;padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;cursor:pointer}.mobile-group>summary{list-style:none}.mobile-group summary::-webkit-details-marker{display:none}.mobile-group[open] summary>span{transform:rotate(45deg)}.mobile-group>div{padding:8px 0 12px 16px}.mobile-group>div>a{display:block;font:500 17px/1.5 var(--f-body);padding:12px 0;color:var(--muted)}.mobile-menu .mobile-project{font:600 16px/1.4 var(--f-body);justify-content:center;padding:16px;border:0;margin-top:24px}.mobile-menu .mode-toggle{align-self:flex-start}.mobile-menu.open{animation:menu40 .3s var(--ease)}@keyframes menu40{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.search-top{display:flex;align-items:center}.search-top input{min-width:0}.search-top>button{padding:12px 20px;font-size:24px}.mode-toggle{font:12px var(--f-mono);padding:12px 0;color:var(--muted);text-align:left;min-height:44px}.mode-toggle:hover{color:var(--text)}.footer-label{font:500 11px var(--f-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}.foot-bottom nav{display:flex;gap:16px;flex-wrap:wrap}.company-detail{font-size:12px;color:var(--muted);margin-top:16px}.wordmark{pointer-events:none}.floating-tools{position:fixed;right:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:40;display:flex;flex-direction:column;gap:12px}.floating-tools>*{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line-2);background:var(--bg-2);border-radius:50%;font-size:24px;box-shadow:0 4px 20px #0003}.floating-tools .whatsapp{background:#157a50;color:white}.floating-tools svg{width:24px;height:24px}.floating-tools:has(a){gap:12px}
.breadcrumbs{margin-bottom:28px;color:var(--muted);font-size:13px}.breadcrumbs ol{list-style:none;display:flex;gap:8px;flex-wrap:wrap}.breadcrumbs li:not(:last-child):after{content:'/';padding-left:8px;color:var(--dim)}.breadcrumbs a:hover{color:var(--text)}
.svc-row h2{font-size:clamp(24px,3vw,40px);line-height:1.1;margin-top:14px}.svc-row .tag{pointer-events:none}.panel-content{position:relative}.panel-content>.h2{margin-top:20px;font-size:clamp(30px,3.6vw,50px)}.ind-cols h3{font:500 12px/1.6 var(--f-mono);color:var(--text);margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em}.panel-content .hero-actions{margin-top:32px}.ind-list button{min-height:52px}.ind-panel[hidden]{display:none}.ind-panel:not([hidden]){animation:fadeUp .4s var(--ease)}
.workflow40{padding:clamp(20px,4vw,44px)}.workflow-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.workflow-node{display:flex;align-items:center;gap:12px;text-align:left;padding:20px 16px;border:1px solid var(--line-2);border-radius:16px;background:var(--bg-3);transition:background .25s,border-color .25s;min-width:0;font:500 15px/1.4 var(--f-body)}.workflow-node>span:nth-child(2){flex:1}.workflow-node.on{border-color:var(--cyan);background:var(--grad-soft)}.node-number{font:12px var(--f-mono);color:var(--cyan)}.workflow-detail{padding-top:24px;max-width:720px}.workflow-detail p{color:var(--muted);margin-top:12px}.workflow-detail:not([hidden]){animation:fadeUp .35s var(--ease)}.flow-signal{height:2px;background:var(--line);margin-top:28px;overflow:hidden}.flow-signal i{display:block;width:35%;height:100%;background:var(--grad);animation:flow40 4s linear infinite}@keyframes flow40{from{transform:translateX(-100%)}to{transform:translateX(390%)}}
.media-story40{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.media-story40 .sec-head{margin-bottom:24px}.media-story40 .h2{font-size:clamp(28px,3.4vw,46px)}.story-visual40{position:relative;min-width:0}.story-visual40>img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:24px}.story-visual40 figcaption{font:11px/1.6 var(--f-mono);color:var(--muted);margin-top:12px}.story-visual40 .video-load40{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.video-disclosure{font-size:12px;color:var(--muted);margin-top:12px}.story-visual40 iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:24px}.system-art{min-height:250px;background:var(--grad-soft);display:flex;align-items:center;justify-content:center;gap:16px;font:12px var(--f-mono);border-radius:20px;overflow:hidden}.system-art b{font-size:70px;color:var(--cyan)}.system-art i{width:40px;height:1px;background:var(--grad)}.faq-layout40{display:grid;grid-template-columns:1fr 1.6fr;gap:48px}.team-member img{aspect-ratio:4/5;width:100%;object-fit:cover;border-radius:20px}.team-member h3{margin-top:18px}.team-member p{margin-top:10px}
.library-search40{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.library-search40 input,.library-search40 select{font:14px var(--f-body);background:var(--bg-3);color:var(--text);padding:14px 18px;border:1px solid var(--line-2);border-radius:30px;min-width:0;max-width:100%}.library-search40 .search{border:0;padding:0;min-width:0}.results-count{font:12px var(--f-mono);color:var(--muted);margin-bottom:24px}.featured-post{margin-bottom:56px;gap:48px}.post .media{aspect-ratio:16/10;display:block}.media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.post:hover .media img{transform:scale(1.03)}.post h3{line-height:1.2}.post .link-arrow{margin-top:20px;font-size:14px}.post .meta{margin-top:20px}.post .muted{margin-top:18px}.concept-note{font-size:12px;color:var(--muted);margin-top:12px}.case-library{display:grid;gap:72px}.case-library .post{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.case-library .post h3{font-size:clamp(28px,3.4vw,44px)}.case-library .post:nth-child(even)>a{order:2}.case-library .post .media{aspect-ratio:16/10}.pagination40{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:40px}.pagination40>*{border:1px solid var(--line);border-radius:30px;padding:10px 17px}.pagination40 .current{background:var(--volt);color:var(--volt-ink)}
.prose40,.article-body40{font-size:18px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.prose40{max-width:850px}.prose40 p+p,.article-body40 p+p{margin-top:22px}.prose40 h2,.article-body40 h2{font-size:clamp(26px,3vw,36px);line-height:1.2;margin:48px 0 20px;color:var(--text)}.prose40 h3,.article-body40 h3{font-size:24px;line-height:1.3;margin:30px 0 18px;color:var(--text)}.prose40 ul,.prose40 ol,.article-body40 ul,.article-body40 ol{padding-left:24px;margin:24px 0}.prose40 li,.article-body40 li{margin:10px 0}.prose40 a,.article-body40 a{color:var(--text);text-decoration:underline;text-underline-offset:4px}.article-body40 blockquote{border-left:3px solid var(--cyan);padding:24px 32px;background:var(--grad-soft);font-size:25px;margin:36px 0;border-radius:0 18px 18px 0}.article-body40 pre{white-space:pre;overflow:auto;background:var(--bg-3);padding:24px;border-radius:16px;font:14px/1.7 var(--f-mono);max-width:100%}.article-body40 img{border-radius:20px;height:auto}.article-body40 table{display:block;overflow:auto;width:100%;border-collapse:collapse}.article-body40 td,.article-body40 th{padding:12px;border:1px solid var(--line-2)}.article40{padding-top:150px}.article-header40{max-width:1000px;margin:0 auto 64px}.article-header40 h1{font-size:clamp(40px,6vw,78px);line-height:1.06;margin:24px 0}.article-header40 .lead{max-width:800px}.article-header40 .meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:24px}.article-header40>img{width:100%;max-height:520px;object-fit:cover;border-radius:24px;margin-top:32px}.article-layout40{display:grid;grid-template-columns:minmax(0,720px) minmax(220px,1fr);gap:60px;align-items:start}.article-sidebar40{position:sticky;top:110px}.article-sidebar40>div,.article-sidebar40>nav{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--bg-2);margin-bottom:20px}.article-sidebar40 h2{font:600 15px var(--f-display);margin-bottom:16px}.article-sidebar40 ol{list-style:none}.article-sidebar40 a{font-size:14px;color:var(--muted);display:block;margin:12px 0}.article-sidebar40 a:hover{color:var(--text)}.article-sidebar40 .btn{display:inline-flex;color:var(--volt-ink)}.article-sidebar40 .btn-ghost{color:var(--text)}.author40{padding:28px;margin-top:48px;border:1px solid var(--line);border-radius:20px;background:var(--grad-soft)}.author40 h2{font-size:22px;margin:0 0 12px}.reading-progress40{position:fixed;top:0;left:0;right:0;height:3px;z-index:90;background:transparent}.reading-progress40 i{display:block;height:100%;width:0;background:var(--grad)}.article-more40{margin-top:96px}.article-more40 h2{margin-bottom:32px}.article40 .section40{padding-bottom:72px}
/* Forminator owns validation, pagination, storage and delivery. */
.zg40-form{--forminator-color:var(--text);min-width:0}.zg40-form form{margin:0!important;padding:0!important;background:none!important}.zg40-form .forminator-row{margin-bottom:22px!important}.zg40-form .forminator-field{min-width:0}.zg40-form label.forminator-label,.zg40-form .forminator-label{display:block!important;color:var(--text)!important;font:500 14px/1.5 var(--f-body)!important;margin-bottom:10px!important}.zg40-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),.zg40-form textarea,.zg40-form select{background:var(--bg-3)!important;color:var(--text)!important;border:1px solid var(--line-2)!important;border-radius:12px!important;box-shadow:none!important;padding:14px 16px!important;font:16px/1.5 var(--f-body)!important;width:100%!important;min-height:50px;max-width:100%}.zg40-form input:focus,.zg40-form textarea:focus{outline:2px solid var(--cyan)!important;outline-offset:2px}.zg40-form .forminator-checkbox,.zg40-form .forminator-radio{color:var(--muted)!important;font:14px/1.5 var(--f-body)!important;display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0 0 10px!important;padding:14px!important;background:var(--bg-3)!important;border:1px solid var(--line)!important;border-radius:12px!important;cursor:pointer}.zg40-form .forminator-checkbox:has(input:checked),.zg40-form .forminator-radio:has(input:checked){border-color:var(--cyan)!important;background:var(--grad-soft)!important;color:var(--text)!important}.zg40-form input[type=checkbox],.zg40-form input[type=radio]{accent-color:var(--cyan);width:18px;height:18px;flex-shrink:0;margin-top:2px}.zg40-form .forminator-checkbox-label,.zg40-form .forminator-radio-label{color:inherit!important}.zg40-form .forminator-button{background:var(--volt)!important;color:var(--volt-ink)!important;border-radius:40px!important;border:0!important;padding:15px 23px!important;font:600 15px/1.4 var(--f-body)!important;min-height:48px;cursor:pointer}.zg40-form .forminator-button-back{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--line-2)!important}.zg40-form .forminator-pagination-steps{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:stretch!important;padding:0!important;margin:0 0 32px!important;list-style:none!important}.zg40-form .forminator-pagination-steps>li,.zg40-form .forminator-pagination-steps>.forminator-step{flex:1!important;min-width:0!important;position:relative!important;display:flex!important;flex-direction:column!important;gap:8px!important;align-items:flex-start!important;padding:0!important;transform:none!important}.zg40-form .forminator-step-label{position:static!important;transform:none!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important;font:12px/1.4 var(--f-body)!important;color:var(--muted)!important;text-align:left!important;max-width:100%!important;word-break:normal!important}.zg40-form .forminator-step-dot{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:var(--bg-3)!important;color:var(--text)!important;border:1px solid var(--line-2)!important}.zg40-form .forminator-current .forminator-step-dot,.zg40-form .forminator-active .forminator-step-dot{background:var(--volt)!important;color:var(--volt-ink)!important}.zg40-form .forminator-pagination-footer{display:flex!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important}.zg40-form .forminator-description{color:var(--muted)!important;font-size:12px!important}.zg40-form .forminator-error-message,.zg40-form .forminator-response-message{border-radius:12px;padding:14px!important;margin-top:12px!important;font:14px/1.6 var(--f-body)!important;color:var(--text)!important;background:var(--bg-3)!important;border:1px solid var(--line-2)!important}.zg40-form .forminator-error-message{color:var(--rose)!important}.zg40-form .forminator-response-message.forminator-success{border-color:var(--cyan)!important}.zg40-form .forminator-required{color:var(--rose)!important}.zg40-form .forminator-pagination{min-width:0}.zg40-form-newsletter{margin-top:22px;max-width:400px}.zg40-form-newsletter .forminator-checkbox{font-size:11px!important;padding:0!important;background:none!important;border:0!important}.zg40-form-newsletter .forminator-row{margin-bottom:12px!important}.zg40-form-newsletter .forminator-label{font-size:12px!important}.form-panel40 h2{font-size:clamp(30px,4vw,48px)}.package-context40{padding:20px;border:1px solid var(--cyan);border-radius:16px;margin-bottom:26px;background:var(--grad-soft)}.package-context40 p{margin:12px 0}.contact-grid>div,.contact-grid .form{min-width:0}
/* Existing content still renders within the new visual system. */
.shell{width:100%;max-width:1240px;margin:0 auto;padding:0 var(--gutter)}.zg-section{padding:70px 0}.zg-section h1{font-size:clamp(40px,6vw,78px)}.zg-section h2{font-size:clamp(30px,4vw,54px);line-height:1.1;margin-bottom:22px}.zg-section h3{font-size:24px;line-height:1.2;margin-bottom:14px}.zg-section p{color:var(--muted);margin-bottom:20px}.zg-section ul{padding-left:24px}.zg-section img{border-radius:20px;height:auto}.button{display:inline-flex;align-items:center;gap:10px;border-radius:40px;background:var(--volt);color:var(--volt-ink);padding:14px 24px;font-weight:600}.button-outline{background:var(--surface);color:var(--text);border:1px solid var(--line-2)}.text-link{display:inline-block;text-decoration:underline;text-underline-offset:5px}.card-grid,.signal-cards,.signal-package-grid,.industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.signal-card,.signal-package,.article-side-block{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--bg-2)}.section-heading{margin-bottom:36px}.section-heading>p{max-width:700px}.prose{max-width:850px;font-size:18px;line-height:1.8}.prose p{margin-bottom:24px}.prose ul{padding-left:24px}.narrative,.split-grid,.split{display:grid;grid-template-columns:1fr 1fr;gap:48px}.breadcrumbs+*{margin-top:20px}.worksheet-33{max-width:1000px;padding-top:100px}.worksheet-33 textarea,.portal-form input{width:100%;background:var(--bg-3);border:1px solid var(--line-2);color:var(--text);padding:16px;border-radius:12px}.portal-33,.portal-shell{padding-top:160px}.article-body40 .zg-section{padding:24px 0}.article-body40 .shell{padding:0}.article-body40 .zg-section h2{font-size:32px}.article-body40 .split,.article-body40 .narrative{display:block}.article-body40 .zg-section .eyebrow{margin-bottom:14px}
html[data-color-mode=light]{--bg:#F5F7FA;--bg-2:#FFFFFF;--bg-3:#EDF0F5;--surface:rgba(15,24,42,.035);--surface-2:rgba(15,24,42,.07);--line:rgba(15,24,42,.12);--line-2:rgba(15,24,42,.2);--text:#17202C;--muted:#536071;--dim:#626873;--ink:#17202C;--grad:linear-gradient(120deg,#6241D8,#137D79 55%,#476500)}html[data-color-mode=light] .nav-in{background:rgba(255,255,255,.82)}html[data-color-mode=light] .mobile-menu{background:rgba(245,247,250,.98)}html[data-color-mode=light] .aurora{opacity:.35}html[data-color-mode=light] .hero-fade{background:linear-gradient(0deg,var(--bg),transparent)}html[data-color-mode=light] .wordmark{background:linear-gradient(180deg,rgba(23,32,44,.15),transparent);background-clip:text;color:transparent}html[data-color-mode=light] .card{box-shadow:0 12px 35px -24px #202b4655}html[data-color-mode=light] .logo-mark{background:linear-gradient(120deg,#7B61FF,#2EE6D6 55%,#D4FF3A)}
@view-transition{navigation:auto}::view-transition-old(root){animation:fade40 .15s ease both}::view-transition-new(root){animation:enter40 .35s var(--ease) both}@keyframes fade40{to{opacity:0}}@keyframes enter40{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.nav-links>a,.sample-menu>button{font-size:14px;padding:9px}.article-layout40{gap:32px}.workflow-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.media-story40{gap:32px}.card-grid,.signal-cards,.signal-package-grid,.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-library .post{gap:28px}}
@media(max-width:860px){.media-story40,.faq-layout40,.article-layout40,.case-library .post,.narrative,.split-grid,.split{grid-template-columns:1fr}.article-sidebar40{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.case-library .post:nth-child(even)>a{order:0}.contact-grid{grid-template-columns:1fr!important}.article40{padding-top:130px}.article-header40{margin-bottom:40px}.form-panel40{grid-template-columns:1fr}.ind-cols{grid-template-columns:1fr}.sample-mega{left:auto;right:0}}
@media(max-width:640px){.card-grid,.signal-cards,.signal-package-grid,.industry-grid{grid-template-columns:1fr}.workflow-rail{grid-template-columns:1fr}.workflow-node{padding:16px}.article-sidebar40{grid-template-columns:1fr}.article-body40,.prose40{font-size:16px}.article-header40 h1{font-size:40px}.article-layout40{gap:32px}.floating-tools{right:12px;bottom:14px}.floating-tools>*{width:42px;height:42px}.foot-bottom{padding-right:48px}.featured-post{gap:24px}.library-search40>*{max-width:100%}.library-search40 input{width:100%}.library-search40 .search{flex:1 1 100%}.form{padding:24px!important}.zg40-form .forminator-pagination-steps{gap:6px!important}.zg40-form .forminator-step-label{font-size:11px!important}.compare{min-width:650px}.card[style*="grid-template-columns:1.4fr auto"]{grid-template-columns:1fr!important}.phero{padding-bottom:72px}.section40{padding-bottom:72px}}
@media(prefers-reduced-motion:reduce){.flow-signal i{animation:none;transform:none}.rv,.js-motion .rv{opacity:1!important;transform:none!important}.mobile-menu.open{animation:none}::view-transition-old(root),::view-transition-new(root){animation:none}.marquee-track{animation:none}.hero .line span{animation:none;transform:none}}

.portal-layout{padding:160px 24px 90px;max-width:1160px;margin:auto}.portal-layout input:not([type=checkbox]){width:100%;padding:14px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);border-radius:10px}.portal-layout #loginform{max-width:520px}.portal-layout #loginform p{margin-bottom:20px}

.enquiry-switch40{display:flex;gap:20px;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.enquiry-switch40 a{font-size:14px;color:var(--cyan)}

/* Fail open if scripts, observers or optimisers fail: content remains readable. */
body.zg-release40 .rv{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js-motion .rv.in{animation:none!important}}