/* ZEPINDO UI V13 — visual layer only; editorial copy remains unchanged */
:root{
  --v13-ink:#101828;--v13-muted:#667085;--v13-navy:#071a2f;--v13-blue:#0b4f8a;
  --v13-sky:#eaf4ff;--v13-orange:#f47b20;--v13-orange-2:#ff9c4a;--v13-line:#e7ebf0;
  --v13-soft:#f7f9fc;--v13-white:#fff;--v13-shadow:0 18px 60px rgba(9,30,66,.12);
  --v13-shadow-sm:0 10px 30px rgba(9,30,66,.09);--v13-radius:22px;
}
html{scroll-padding-top:98px}
body{background:linear-gradient(180deg,#fff 0,#fff 72%,#f8fafc 100%);color:var(--v13-ink);overflow-x:hidden}
.top{background:#061526!important;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.08)}
.top .wrap{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.top .brand{display:none}
.v13-nav{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 6px 22px rgba(15,23,42,.05)}
.v13-nav-inner{max-width:1240px;margin:auto;padding:13px 24px;display:flex;align-items:center;gap:24px}
.v13-wordmark{display:flex;align-items:center;gap:10px;color:var(--v13-navy)!important;text-decoration:none!important;min-width:max-content}
.v13-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,var(--v13-navy),var(--v13-blue));color:#fff;display:grid;place-items:center;font-size:19px;font-weight:900;box-shadow:0 8px 18px rgba(7,26,47,.18)}
.v13-wordmark-text{font-weight:900;letter-spacing:.055em;font-size:18px}.v13-wordmark-text small{display:block;font-weight:600;letter-spacing:.01em;font-size:9px;color:#64748b;margin-top:-2px}
.v13-menu{margin-left:auto;display:flex;align-items:center;gap:5px}.v13-menu a{font-size:14px;font-weight:700;color:#344054;text-decoration:none;padding:10px 11px;border-radius:10px;transition:.22s ease}.v13-menu a:hover{background:#f2f6fa;color:var(--v13-blue)}
.v13-nav-cta{background:var(--v13-orange)!important;color:#fff!important;padding:11px 16px!important;box-shadow:0 8px 18px rgba(244,123,32,.22)}.v13-nav-cta:hover{transform:translateY(-1px);background:#dc6817!important}
.v13-menu-toggle{display:none;margin-left:auto;border:1px solid var(--v13-line);background:#fff;border-radius:11px;padding:9px 11px;font-size:20px;line-height:1;color:var(--v13-navy)}

.v13-hero{position:relative;min-height:610px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:var(--v13-navy)}
.v13-hero-bg{position:absolute;inset:0;background-image:var(--v13-hero-image);background-size:cover;background-position:center;z-index:-3;transform:scale(1.02)}
.v13-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,17,31,.96) 0%,rgba(4,17,31,.86) 42%,rgba(4,17,31,.40) 73%,rgba(4,17,31,.18) 100%)}
.v13-hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;z-index:-1;background:linear-gradient(180deg,transparent,rgba(4,17,31,.35))}
.v13-hero-inner{width:100%;max-width:1240px;margin:auto;padding:72px 24px 76px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:54px;align-items:center}
.v13-hero-copy{max-width:790px}.v13-breadcrumb{font-size:13px;color:#cbd5e1;margin:0 0 16px!important}.v13-breadcrumb a{color:#fff;text-decoration:none}.v13-hero h1{color:#fff!important;font-size:clamp(2.55rem,5.4vw,5.2rem)!important;line-height:.99!important;letter-spacing:-.052em!important;margin:0 0 24px!important;text-wrap:balance;text-shadow:0 8px 28px rgba(0,0,0,.22)}
.v13-hero-lead{font-size:clamp(1.04rem,1.6vw,1.25rem)!important;line-height:1.72!important;color:#e4edf7!important;max-width:760px;margin:0!important}
.v13-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.v13-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:13px;font-weight:850;text-decoration:none!important;transition:.22s ease}.v13-btn-primary{background:var(--v13-orange);color:#fff!important;box-shadow:0 12px 28px rgba(244,123,32,.28)}.v13-btn-primary:hover{transform:translateY(-2px);background:#dd6818}.v13-btn-ghost{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.09);color:#fff!important}.v13-btn-ghost:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}
.v13-hero-media{position:relative}.v13-hero-thumb{position:relative;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.24);box-shadow:0 28px 70px rgba(0,0,0,.38);aspect-ratio:4/5;background:#0a2038;transform:rotate(1.5deg)}.v13-hero-thumb img{width:100%!important;height:100%!important;object-fit:cover;margin:0!important;border-radius:0!important;box-shadow:none!important;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.v13-hero-thumb:hover img{transform:scale(1.055)}.v13-hero-badge{position:absolute;left:-22px;bottom:30px;background:#fff;color:var(--v13-navy);padding:14px 17px;border-radius:15px;box-shadow:var(--v13-shadow-sm);font-size:13px;font-weight:800;max-width:190px}.v13-hero-badge span{display:block;font-size:10px;color:#667085;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-bottom:3px}

.v13-client-strip{background:#fff;border-bottom:1px solid var(--v13-line);overflow:hidden}.v13-client-head{max-width:1240px;margin:auto;padding:17px 24px 2px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:#98a2b3;text-align:center}.v13-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);padding:12px 0 20px}.v13-marquee-track{display:flex;width:max-content;gap:14px;animation:v13-marquee 58s linear infinite}.v13-marquee:hover .v13-marquee-track{animation-play-state:paused}@keyframes v13-marquee{to{transform:translateX(-50%)}}
.v13-client-logo{width:156px;height:78px;border:1px solid #edf0f4;border-radius:15px;background:#fff;display:grid;place-items:center;padding:12px;box-shadow:0 6px 18px rgba(15,23,42,.035);transition:.25s ease;flex:0 0 auto}.v13-client-logo:hover{transform:translateY(-5px);box-shadow:var(--v13-shadow-sm);border-color:#d9e2ec}.v13-client-logo img{max-width:100%;max-height:100%;width:auto!important;height:auto!important;object-fit:contain;margin:0!important;border-radius:0!important;box-shadow:none!important;filter:saturate(.92);transition:.25s ease}.v13-client-logo:hover img{filter:saturate(1.12)}

main{max-width:1180px!important;padding-top:42px!important}.v13-source-kicker{display:none!important}
main>h2,main>h3,main>p,main>ul,main>ol,main>blockquote,main>table,main>.table-wrap,main>.cta,main>.trustbar,main>.map,main>section:not(.v13-section-nav),main>div:not(.v13-section-nav){max-width:920px;margin-left:auto;margin-right:auto}
main h2{scroll-margin-top:106px}.v13-section-nav{max-width:1180px!important;margin:0 auto 56px!important}.v13-section-nav-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.v13-section-nav-head h2{margin:0!important;font-size:1.28rem!important;letter-spacing:-.01em!important}.v13-section-nav-head p{margin:0!important;color:var(--v13-muted);font-size:.9rem}.v13-card-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v13-nav-card{position:relative;min-height:224px;border-radius:20px;overflow:hidden;text-decoration:none!important;color:#fff!important;background:#0f2942;box-shadow:0 11px 30px rgba(15,23,42,.12);isolation:isolate;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease}.v13-nav-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(15,23,42,.19)}.v13-nav-card img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;border-radius:0!important;box-shadow:none!important;z-index:-2;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.v13-nav-card:hover img{transform:scale(1.08)}.v13-nav-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,21,38,.04) 24%,rgba(6,21,38,.88) 84%,rgba(6,21,38,.97) 100%)}.v13-nav-card-body{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 17px;transform:translateY(8px);transition:transform .34s cubic-bezier(.2,.8,.2,1)}.v13-nav-card:hover .v13-nav-card-body{transform:translateY(-5px)}.v13-nav-card-kicker{display:block;color:#ffbe82;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;margin-bottom:5px}.v13-nav-card-title{display:block;font-size:16px;line-height:1.27;font-weight:850;text-wrap:balance}.v13-nav-card-arrow{display:inline-flex;margin-top:10px;font-size:12px;opacity:0;transform:translateY(12px);transition:.32s ease}.v13-nav-card:hover .v13-nav-card-arrow{opacity:1;transform:translateY(0)}

/* Headings remain unnumbered by design. */
main h2,main h3{position:relative}main h2:before{content:"";display:block;width:46px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--v13-orange),#ffc38c);margin-bottom:14px}main h3:before{content:none!important}

/* Number only procedural/list content, never subheadings. */
ol.v13-numbered-list,ul.v13-numbered-list{list-style:none!important;padding:0!important;counter-reset:v13num;display:grid;gap:11px}ol.v13-numbered-list>li,ul.v13-numbered-list>li{counter-increment:v13num;position:relative;margin:0!important;padding:15px 17px 15px 58px!important;background:#fff;border:1px solid var(--v13-line);border-radius:15px;box-shadow:0 5px 17px rgba(15,23,42,.035);transition:.22s ease}ol.v13-numbered-list>li:hover,ul.v13-numbered-list>li:hover{transform:translateX(4px);border-color:#cdd8e5;box-shadow:var(--v13-shadow-sm)}ol.v13-numbered-list>li:before,ul.v13-numbered-list>li:before{content:counter(v13num,decimal-leading-zero);position:absolute;left:15px;top:13px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#fff3e9;color:#c85b10;font-size:11px;font-weight:900}

/* Existing content gets modern, restrained card behavior without changing copy. */
.trustbar div{transition:.25s ease!important}.trustbar div:hover{transform:translateY(-6px);box-shadow:var(--v13-shadow-sm);border-color:#d6dee8}.cta{position:relative;overflow:hidden;box-shadow:0 24px 50px rgba(7,26,47,.20)!important;background:linear-gradient(135deg,#071a2f,#0b345a)!important}.cta:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;top:-90px;background:rgba(255,255,255,.055)}
blockquote{border:1px solid #f3dfce!important;border-left:4px solid var(--v13-orange)!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(15,23,42,.045);transition:.25s ease}blockquote:hover{transform:translateY(-4px);box-shadow:var(--v13-shadow-sm)}
main p>img,main figure img{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease!important;overflow:hidden}main p>img:hover,main figure img:hover{transform:translateY(-4px) scale(1.008);box-shadow:0 24px 54px rgba(15,23,42,.16)!important}
.table-wrap,main>table{border-radius:18px!important;box-shadow:0 10px 28px rgba(15,23,42,.055)}table tbody tr{transition:background .18s ease}table tbody tr:hover td{background:#fff7ed!important}
.privacy-note{border:1px dashed #d8dee7;background:#fafbfc;border-radius:12px;padding:11px 14px;color:#667085;font-size:.88rem}
[data-v7calc],.calculator,.calculator-box,[id*="calculator"]{border:1px solid #dbe4ee;border-radius:22px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:var(--v13-shadow-sm);padding:24px!important}
input,select,textarea{border:1px solid #ccd5df;border-radius:10px;padding:10px 12px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid rgba(11,79,138,.12);border-color:#6c9ccc}

.v13-backtop{position:fixed;right:22px;bottom:84px;width:44px;height:44px;border:0;border-radius:14px;background:#fff;color:var(--v13-navy);box-shadow:0 10px 28px rgba(15,23,42,.16);z-index:25;display:grid;place-items:center;font-size:18px;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.25s ease}.v13-backtop.show{opacity:1;pointer-events:auto;transform:none}
.wa{z-index:30!important;transition:.2s ease}.wa:hover{transform:translateY(-2px) scale(1.02)}
.footer{background:linear-gradient(135deg,#061526,#0b2d4c)!important;border-top:4px solid var(--v13-orange)}

@media(max-width:1080px){.v13-card-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.v13-hero-inner{grid-template-columns:1.25fr .75fr;gap:34px}.v13-menu a{padding:9px 7px;font-size:13px}}
@media(max-width:820px){.v13-menu-toggle{display:block}.v13-menu{display:none;position:absolute;left:16px;right:16px;top:70px;background:#fff;border:1px solid var(--v13-line);border-radius:17px;padding:10px;box-shadow:var(--v13-shadow);flex-direction:column;align-items:stretch}.v13-menu.open{display:flex}.v13-menu a{text-align:left;padding:12px}.v13-nav-inner{padding:12px 17px}.v13-hero{min-height:auto}.v13-hero-inner{grid-template-columns:1fr;padding:58px 18px 62px}.v13-hero-copy{max-width:none}.v13-hero-media{max-width:470px;width:78%;justify-self:end;margin-top:6px}.v13-hero-badge{left:-35px}.v13-hero:before{background:linear-gradient(180deg,rgba(4,17,31,.93),rgba(4,17,31,.73) 70%,rgba(4,17,31,.58))}.v13-client-logo{width:136px;height:69px}.v13-marquee-track{animation-duration:45s}}
@media(max-width:620px){.top{font-size:12px!important}.v13-wordmark-text small{display:none}.v13-card-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px;gap:12px}.v13-nav-card{min-width:78vw;scroll-snap-align:start}.v13-section-nav-head{align-items:flex-start;flex-direction:column}.v13-hero h1{font-size:clamp(2.35rem,13vw,3.8rem)!important}.v13-hero-lead{font-size:1rem!important}.v13-hero-media{width:84%;justify-self:end}.v13-hero-thumb{border-radius:22px;aspect-ratio:4/3}.v13-hero-badge{left:-46px;bottom:18px;max-width:165px;padding:11px 13px}.v13-hero-actions{gap:9px}.v13-btn{width:100%}main{padding-left:17px!important;padding-right:17px!important}.v13-client-logo{width:120px;height:62px;padding:9px}.v13-client-head{font-size:10px}.v13-marquee{mask-image:none;-webkit-mask-image:none}.v13-backtop{right:13px}.wa{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.v13-marquee-track{animation:none}.v13-nav-card,.v13-nav-card img,.v13-nav-card-body,blockquote,.trustbar div{transition:none!important}}

/* V14 — official ZEPINDO logo integration */
.v13-wordmark.v14-official-brand{gap:0;display:flex;align-items:center;min-width:118px}
.v14-brand-logo{display:block!important;width:auto!important;height:58px!important;max-width:118px!important;object-fit:contain!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background:#fff}
.v14-footer-logo-wrap{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:16px;padding:10px 14px;margin:0 0 16px;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.v14-footer-logo{display:block!important;width:142px!important;height:auto!important;margin:0!important;border-radius:0!important;box-shadow:none!important}
.v14-hero-logo{width:38px!important;height:38px!important;object-fit:contain!important;margin:0 7px 0 0!important;border-radius:8px!important;box-shadow:none!important;background:#fff;padding:3px;vertical-align:middle}
.v13-hero-badge.v14-badge{display:flex;align-items:center;gap:7px;max-width:230px}
.v14-badge-copy{display:block}.v14-badge-copy span{display:block}
@media(max-width:620px){.v14-brand-logo{height:49px!important;max-width:100px!important}.v13-nav-inner{min-height:62px}.v14-footer-logo{width:126px!important}}

/* V15 — visual cards for long numbered/procedural lists + contrast fixes */
.v15-visual-list{list-style:none!important;padding:0!important;margin:26px auto 38px!important;display:grid!important;gap:16px!important;counter-reset:none!important;max-width:1180px!important}
.v15-visual-list.v15-compact{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important}
.v15-visual-list.v15-rich{grid-template-columns:repeat(auto-fit,minmax(265px,1fr))!important}
.v15-visual-list>.v15-visual-card{position:relative!important;margin:0!important;padding:0!important;background:#fff!important;border:1px solid #dfe6ee!important;border-radius:19px!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(15,23,42,.055)!important;min-width:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease!important}
.v15-visual-list>.v15-visual-card:before{content:none!important}
.v15-visual-list>.v15-visual-card:hover{transform:translateY(-8px)!important;border-color:#cbd8e6!important;box-shadow:0 22px 48px rgba(15,23,42,.15)!important}
.v15-card-media{position:relative;height:160px;overflow:hidden;background:#e8eef4}
.v15-rich .v15-card-media{height:172px}
.v15-card-media:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(5,24,43,.20));pointer-events:none}
.v15-card-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;border-radius:0!important;box-shadow:none!important;transform:scale(1.01);transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .35s ease!important}
.v15-visual-card:hover .v15-card-media img{transform:scale(1.075);filter:saturate(1.06) contrast(1.02)}
.v15-card-number{position:absolute;left:12px;top:12px;z-index:2;min-width:36px;height:36px;padding:0 9px;border-radius:12px;display:grid;place-items:center;background:#f47b20;color:#fff;font-size:11px;font-weight:900;letter-spacing:.04em;box-shadow:0 7px 18px rgba(244,123,32,.28)}
.v15-card-body{position:relative;padding:17px 17px 18px;color:#253247!important;line-height:1.58;min-height:76px;transition:transform .32s cubic-bezier(.2,.8,.2,1),background .32s ease}
.v15-visual-card:hover .v15-card-body{transform:translateY(-3px)}
.v15-card-body:after{content:"";position:absolute;left:17px;right:17px;bottom:10px;height:2px;border-radius:999px;background:linear-gradient(90deg,#f47b20,#ffc38c);transform:scaleX(0);transform-origin:left;transition:transform .32s ease}
.v15-visual-card:hover .v15-card-body:after{transform:scaleX(1)}
.v15-compact .v15-card-body{font-weight:820;color:#0c2640!important;font-size:1rem;display:flex;align-items:center;min-height:72px}
.v15-rich .v15-card-body{font-size:.94rem;min-height:128px}
.v15-rich .v15-card-body>strong:first-child,.v15-rich .v15-card-body p>strong:first-child{display:block;color:#0b2742!important;font-size:1.03rem;line-height:1.3;margin-bottom:6px}
.v15-card-body p:last-child,.v15-card-body ul:last-child,.v15-card-body ol:last-child{margin-bottom:0}
.v15-card-body ul,.v15-card-body ol{padding-left:1.15em!important;margin-top:8px!important}

/* Dark CTA must always remain readable. */
main .cta{color:#fff!important}
main .cta h2,main .cta h3,main .cta h4,main .cta p,main .cta li,main .cta strong,main .cta span{color:#fff!important}
main .cta h2:before{background:linear-gradient(90deg,#ff9138,#ffd0a8)!important}
main .cta a:not(.v13-btn){color:#fff!important}
main .cta .map,main .cta iframe{display:block;width:100%;border:0;border-radius:16px!important;background:#fff;margin:0 0 28px;min-height:280px;overflow:hidden}

@media(max-width:820px){
  .v15-visual-list.v15-compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .v15-visual-list.v15-rich{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .v15-visual-list{gap:12px!important}
  .v15-visual-list.v15-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v15-visual-list.v15-rich{grid-template-columns:1fr!important}
  .v15-card-media{height:132px}.v15-rich .v15-card-media{height:165px}
  .v15-card-body{padding:14px 14px 16px}.v15-compact .v15-card-body{font-size:.93rem;min-height:66px}
  .v15-card-number{left:9px;top:9px;min-width:32px;height:32px;border-radius:10px}
}
@media(prefers-reduced-motion:reduce){.v15-visual-card,.v15-card-media img,.v15-card-body,.v15-card-body:after{transition:none!important}.v15-visual-card:hover{transform:none!important}}