@layer components {
/* Main.dc.html */
.zt-btn{transition:transform .12s var(--ease-std),background-color .2s var(--ease-std),color .2s var(--ease-std),box-shadow .2s var(--ease-std),border-color .2s var(--ease-std)}
.zt-btn:active{transform:scale(.98)}
.zt-btn-primary:hover{background-color:#0E5E62 !important;color:#FFFFFF !important}
.zt-btn-line:hover{border-color:#137A7F !important;color:#137A7F !important}
.zt-arrow{transition:transform .26s var(--ease-out)}
.zt-btn:hover .zt-arrow,.zt-more:hover .zt-arrow{transform:translateX(-4px)}
.zt-link{text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0% 1px;background-position:var(--start) 100%;transition:background-size .32s var(--ease-out),color .2s var(--ease-std)}
.zt-link:hover{background-size:100% 1px}
/* English mirrors the boards' arrows and chevrons (drawn for RTL) and the growth charts (BUILD_SPEC §7).
   A flipped arrow turns the hover nudge translateX(-4px) into +4px, as on Desktop-Hero-EN. */
.zt:lang(en) svg:has(> path:is([d="M11 6l-6 6 6 6"],[d="M9 6l6 6-6 6"])),.zt-chart:lang(en){scale:-1 1}
/* Desktop-Hero-EN: the underline grows from the left; buttons and links drop the colour, shadow and border transitions. */
.zt-link:lang(en){transition:background-size .32s var(--ease-out)}
.zt-btn:lang(en){transition:transform .12s var(--ease-std),background-color .2s var(--ease-std),color .2s var(--ease-std)}
.zt-icon-btn:lang(en){transition:background-color .2s var(--ease-std),transform .12s var(--ease-std)}
.zt-card{transition:transform .34s var(--ease-out),box-shadow .34s var(--ease-out),border-color .2s var(--ease-std)}
.zt-card:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(11,31,46,.04),0 18px 40px -20px rgba(11,31,46,.22)}
.zt-card:active{transform:translateY(-1px) scale(.995)}
.zt-row{transition:background-color .3s var(--ease-std),box-shadow .3s var(--ease-std)}
.zt-row:hover{background-color:#FFFFFF}
.zt-chip{transition:background-color .2s var(--ease-std),border-color .2s var(--ease-std),color .2s var(--ease-std),transform .12s var(--ease-std)}
.zt-chip:hover{background-color:#E6F2F2;border-color:#CFE5E5;color:#0E5E62}
.zt-chip:active{transform:scale(.97)}
.zt-tab{transition:color .25s var(--ease-std)}
.zt-tab:hover{color:#0B1F2E !important}
.zt-icon-btn{transition:background-color .2s var(--ease-std),color .2s var(--ease-std),transform .12s var(--ease-std)}
.zt-icon-btn:hover{background-color:#E6F2F2 !important;color:#137A7F !important}
.zt-icon-btn:active{transform:scale(.94)}
.zt-field{transition:border-color .2s var(--ease-std),background-color .2s var(--ease-std),box-shadow .2s var(--ease-std)}
.zt-field:hover{border-color:#C9D2D8}
.zt-field:focus-within{border-color:#137A7F;background-color:#FFFFFF;box-shadow:0 0 0 4px rgba(19,122,127,.12)}
.zt-i-beat,.zt-i-blink,.zt-i-swing,.zt-i-wave,.zt-i-nudge{transform-box:fill-box;transform-origin:center}
.zt-i-swing{transform-origin:50% 8%}
.zt-card:hover .zt-i-beat,.zt-row:hover .zt-i-beat,.zt-feat:hover .zt-i-beat{animation:zt-beat .55s var(--ease-out)}
.zt-card:hover .zt-i-blink,.zt-row:hover .zt-i-blink,.zt-feat:hover .zt-i-blink{animation:zt-blink .45s var(--ease-std)}
.zt-card:hover .zt-i-swing,.zt-row:hover .zt-i-swing,.zt-feat:hover .zt-i-swing{animation:zt-swing .7s var(--ease-out)}
.zt-card:hover .zt-i-wave,.zt-row:hover .zt-i-wave,.zt-feat:hover .zt-i-wave{animation:zt-wave .6s var(--ease-out)}
.zt-card:hover .zt-i-nudge,.zt-row:hover .zt-i-nudge,.zt-feat:hover .zt-i-nudge{animation:zt-nudge .5s var(--ease-out)}
.zt-ictile{transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.zt-stat:hover .zt-ictile{transform:translateY(-2px) scale(1.05);box-shadow:0 14px 28px -16px rgba(19,122,127,.55)}
.zt-hbar{transition:background-color .8s var(--ease-std),border-color .8s var(--ease-std)}
header a{transition:color .8s var(--ease-std),background-size .32s var(--ease-out),background-color .2s var(--ease-std),transform .12s var(--ease-std)}
/* Mobile-Home.dc.html, scoped (BUILD_SPEC §3) */
.zt-m-home .zt-btn{transition:transform .14s var(--ease-std),background-color .2s var(--ease-std)}
.zt-m-home .zt-btn:active{transform:scale(.96)}
.zt-m-home .zt-btn-primary:hover{background-color:#0E5E62 !important;color:#FFFFFF !important}
.zt-m-home .zt-icon-btn{transition:background-color .2s var(--ease-std),transform .14s var(--ease-std)}
.zt-m-home .zt-icon-btn:hover{background-color:#E6F2F2 !important;color:#137A7F !important}
.zt-m-home .zt-icon-btn:active{transform:scale(.9)}
.zt-m-home .zt-arrow{transition:transform .26s var(--ease-out)}
.zt-m-home .zt-btn:hover .zt-arrow,.zt-m-home .zt-more:hover .zt-arrow,.zt-m-home .zt-next:hover .zt-arrow{transform:translateX(-4px)}
.zt-m-home .zt-next{transition:background-color .25s var(--ease-std),transform .14s var(--ease-std)}
.zt-m-home .zt-next:hover{background-color:#E6F2F2 !important}
.zt-m-home .zt-next:active{transform:scale(.98)}
.zt-m-home .zt-ictile{transition:transform .3s var(--ease-out)}
.zt-m-home .zt-stat:hover .zt-ictile,.zt-m-home .zt-stat:active .zt-ictile{transform:scale(1.06)}
/* Mobile-Menu.dc.html, scoped (BUILD_SPEC §3) */
.zt-m-menu .zt-row{background-image:linear-gradient(#F6F8F9,#F6F8F9);background-repeat:no-repeat;background-position:var(--start) 0;background-size:0% 100%;transition:background-size .4s var(--ease-out),transform .14s var(--ease-std)}
.zt-m-menu .zt-row:hover,.zt-m-menu .zt-row:focus-visible{background-size:100% 100%}
.zt-m-menu .zt-row:active{transform:scale(.985);background-size:100% 100%}
.zt-m-menu .zt-row .zt-arrow{transition:transform .3s var(--ease-out),opacity .2s}
.zt-m-menu .zt-row:hover .zt-arrow{transform:translateX(-5px);opacity:1}
.zt-m-menu .zt-row .zt-num{transition:color .25s}
.zt-m-menu .zt-row:hover .zt-num{color:#137A7F}
.zt-m-menu .zt-btn{transition:transform .14s var(--ease-std),background-color .2s var(--ease-std)}
.zt-m-menu .zt-btn:active{transform:scale(.96)}
.zt-m-menu .zt-btn-primary:hover{background-color:#0E5E62 !important;color:#FFFFFF !important}
.zt-m-menu .zt-icon-btn{transition:background-color .2s var(--ease-std),transform .14s var(--ease-std)}
.zt-m-menu .zt-icon-btn:hover{background-color:#E6F2F2 !important;color:#137A7F !important}
.zt-m-menu .zt-icon-btn:active{transform:scale(.92)}
/* Mobile-Benefits.dc.html, scoped (BUILD_SPEC §3) */
.zt-m-benefits .zt-btn{transition:transform .14s var(--ease-std),background-color .8s var(--ease-std),color .8s var(--ease-std)}
.zt-m-benefits .zt-btn:active{transform:scale(.96)}
.zt-m-benefits .zt-arrow{transition:transform .26s var(--ease-out)}
.zt-m-benefits .zt-btn:hover .zt-arrow{transform:translateX(-4px)}
/* Mobile-Story.dc.html, scoped (BUILD_SPEC §3) */
.zt-m-story .zt-btn{transition:transform .14s var(--ease-std),background-color .2s var(--ease-std)}
.zt-m-story .zt-btn:active{transform:scale(.96)}
.zt-m-story .zt-btn-primary:hover{background-color:#0E5E62 !important;color:#FFFFFF !important}
.zt-m-story .zt-icon-btn{transition:background-color .2s var(--ease-std),transform .14s var(--ease-std)}
.zt-m-story .zt-icon-btn:hover{background-color:#E6F2F2 !important;color:#137A7F !important}
.zt-m-story .zt-icon-btn:active{transform:scale(.9)}
/* Mobile-Outcomes.dc.html, scoped (BUILD_SPEC §3) */
.zt-m-outcomes .zt-pill{transition:color .25s var(--ease-std),transform .14s var(--ease-std)}
.zt-m-outcomes .zt-pill:active{transform:scale(.96)}
.zt-m-outcomes .zt-btn{transition:transform .14s var(--ease-std),background-color .2s var(--ease-std)}
.zt-m-outcomes .zt-btn:active{transform:scale(.97)}
.zt-m-outcomes .zt-btn-primary:hover{background-color:#0E5E62 !important;color:#FFFFFF !important}
.zt-m-outcomes .zt-icon-btn{transition:background-color .2s var(--ease-std),transform .14s var(--ease-std)}
.zt-m-outcomes .zt-icon-btn:hover{background-color:#E6F2F2 !important;color:#137A7F !important}
.zt-m-outcomes .zt-icon-btn:active{transform:scale(.92)}
.zt-m-outcomes .zt-book{transition:background-color .35s var(--ease-std),color .35s var(--ease-std),width .45s var(--ease-out),transform .14s var(--ease-std)}
.zt-m-outcomes .zt-book:active{transform:scale(.94)}
/* Mobile-Contact.dc.html, scoped (BUILD_SPEC §3) */
.zt-m-contact .zt-fl{position:relative;border-radius:16px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #E1E6EA;transition:box-shadow .25s var(--ease-std),background-color .25s var(--ease-std)}
.zt-m-contact .zt-fl:focus-within{box-shadow:inset 0 0 0 1.5px #137A7F,0 0 0 4px rgba(19,122,127,.12)}
.zt-m-contact .zt-fl input,.zt-m-contact .zt-fl select{display:block;width:100%;height:60px;padding:24px 16px 8px;border:0;outline:0;background:transparent;font-size:16px;color:#0B1F2E;appearance:none;-webkit-appearance:none}
.zt-m-contact .zt-fl-l{position:absolute;inset-inline-start:16px;top:19px;font-size:16px;color:#5B6B78;pointer-events:none;transform-origin:var(--start) 0;transition:transform .28s var(--ease-out),color .2s var(--ease-std)}
.zt-m-contact .zt-fl input:focus ~ .zt-fl-l,.zt-m-contact .zt-fl input:not(:placeholder-shown) ~ .zt-fl-l,.zt-m-contact .zt-fl-fixed .zt-fl-l{transform:translateY(-11px) scale(.76)}
.zt-m-contact .zt-fl input:focus ~ .zt-fl-l,.zt-m-contact .zt-fl select:focus ~ .zt-fl-l{color:#137A7F}
.zt-m-contact .zt-fl-err{box-shadow:inset 0 0 0 1.5px #C98A84 !important;background:#FDF6F5}
.zt-m-contact .zt-fl-err .zt-fl-l{color:#9A3A31 !important}
.zt-m-contact .zt-tab{transition:color .25s var(--ease-std)}
.zt-m-contact .zt-btn{transition:transform .14s var(--ease-std),background-color .2s var(--ease-std)}
.zt-m-contact .zt-btn:active{transform:scale(.97)}
.zt-m-contact .zt-icon-btn{transition:background-color .2s var(--ease-std),transform .14s var(--ease-std)}
.zt-m-contact .zt-icon-btn:hover{background-color:#E6F2F2 !important;color:#137A7F !important}
.zt-m-contact .zt-icon-btn:active{transform:scale(.92)}
.zt-m-contact .zt-arrow{transition:transform .26s var(--ease-out)}
.zt-m-contact .zt-send:hover .zt-arrow{transform:translateX(-4px)}
.zt-m-contact .zt-send{transition:width .5s var(--ease-out),background-color .3s var(--ease-std),transform .14s var(--ease-std)}
}