@layer sections {
/* Main.dc.html */
.zt-line{display:block;overflow:hidden;padding-block:.24em .28em;margin-block:-.24em -.28em}
.zt-line:lang(en){padding-block:.06em .18em;margin-block:-.06em -.18em}
.zt-story{--t-bg:#FFFFFF;--t-fg:#0B1F2E;--t-fg2:#5B6B78;--t-acc:#137A7F;--t-card:#F6F8F9;--t-line:#E1E6EA;--t-bfg:#FFFFFF;transition:background-color .9s var(--ease-std)}
.zt-story[data-theme="mint"]{--t-bg:#EEF5F5;--t-fg:#0B1F2E;--t-fg2:#4F6170;--t-acc:#137A7F;--t-card:#FFFFFF;--t-line:#D5E3E3;--t-bfg:#FFFFFF}
.zt-story[data-theme="ink"]{--t-bg:#0B1F2E;--t-fg:#FFFFFF;--t-fg2:#A7B2BB;--t-acc:#5FB6B9;--t-card:rgba(255,255,255,.06);--t-line:rgba(255,255,255,.12);--t-bfg:#0B1F2E}
.zt-story[data-theme="teal"]{--t-bg:#137A7F;--t-fg:#FFFFFF;--t-fg2:#EAF4F4;--t-acc:#FFFFFF;--t-card:rgba(255,255,255,.1);--t-line:rgba(255,255,255,.22);--t-bfg:#137A7F}
.zt-live-story .zt-story{background-color:var(--t-bg)}
.zt-live-story .zt-ch{--bg:transparent !important;--fg:var(--t-fg) !important;--fg2:var(--t-fg2) !important;--acc:var(--t-acc) !important;--card:var(--t-card) !important;--line:var(--t-line) !important;--bfg:var(--t-bfg) !important}
.zt-tc{transition:color .8s var(--ease-std),background-color .8s var(--ease-std),border-color .8s var(--ease-std),box-shadow .8s var(--ease-std),fill .8s var(--ease-std),stroke .8s var(--ease-std)}
/* Why ZATROC: the "before" fades back and is struck through, the "after" arrives as a solid card. */
.zt-why-row{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1.2fr);align-items:stretch}
.zt-why-line{position:absolute;inset-inline:4px;top:50%;height:2px;margin-top:-1px;border-radius:1px;background:#137A7F}
@media (max-width:860px){
.zt-why-row{grid-template-columns:minmax(0,1fr)}
.zt-why-arrow{height:44px}
.zt-why-line{display:none}
.zt-why-arrow svg{transform:rotate(-90deg)}
}
.zt-rtile{transition:background-color .35s var(--ease-std),color .35s var(--ease-std),transform .35s var(--ease-out)}
[aria-expanded="true"] .zt-rtile{transform:scale(1.04)}
.zt-relay{flex-direction:column}
.zt-node{position:relative;transition:background-color .45s var(--ease-std),color .45s var(--ease-std),box-shadow .45s var(--ease-std)}
.zt-node::after{content:"";position:absolute;inset:0;border-radius:50%;opacity:0}
[data-on] .zt-node::after{animation:zt-ping 1.1s ease-out .05s both}
.zt-cnt{counter-reset:zn var(--n)}
.zt-cnt::after{content:counter(zn)}
/* Each station plays when the record reaches it and rewinds, in reverse order, when the record
   moves back above it. Final values are the base styles, so without JS everything is visible. */
.zt-a-rise,.zt-a-pop,.zt-a-fade,.zt-a-drop,.zt-a-fly,.zt-a-ruler{transition:opacity .45s var(--ease-std),transform .55s var(--ease-out);transition-delay:var(--d,0s)}
.zt-a-pop{transition-timing-function:var(--ease-std),cubic-bezier(.34,1.56,.64,1)}
.zt-a-cnt{transition:--n 1.1s var(--ease-out);transition-delay:var(--d,.2s)}
.zt-a-x{transform-origin:var(--start) 50%;transition:transform .6s var(--ease-out) var(--d,0s)}
.zt-a-seg{transition:background-color .3s var(--ease-out) var(--d,0s),transform .3s var(--ease-out) var(--d,0s)}
.zt-a-pill,.zt-a-ink{transition:background-color .4s var(--ease-out) var(--d,0s),color .4s var(--ease-out) var(--d,0s)}
.zt-a-draw{stroke-dasharray:40;stroke-dashoffset:0;transition:stroke-dashoffset .45s var(--ease-out) var(--d,0s),opacity .2s linear var(--d,0s)}
.zt-a-open{max-height:80px;transition:max-height .5s var(--ease-out) var(--d,0s),opacity .4s var(--ease-std) var(--d,0s),margin-top .5s var(--ease-out) var(--d,0s)}
.zt-a-pick{transition:transform .65s cubic-bezier(.34,1.56,.64,1) var(--d,0s),background-color .4s var(--ease-std) var(--d,0s)}
.zt-a-needle{transform-box:fill-box;transform-origin:0 100%;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1) var(--d,.2s)}
.zt-armed [data-play]:not([data-on]) :is(.zt-a-rise,.zt-a-pop,.zt-a-fade,.zt-a-drop,.zt-a-fly,.zt-a-ruler,.zt-a-cnt,.zt-a-x,.zt-a-seg,.zt-a-pill,.zt-a-ink,.zt-a-draw,.zt-a-open,.zt-a-pick,.zt-a-needle){transition-duration:.3s;transition-timing-function:var(--ease-std);transition-delay:calc((2.6s - var(--d,0s)) * .12)}
.zt-armed [data-play]:not([data-on]) .zt-node{background-color:#FFFFFF !important;color:#A7B2BB !important;box-shadow:inset 0 0 0 1.5px #E1E6EA !important}
.zt-armed [data-play]:not([data-on]) .zt-a-rise{opacity:0;transform:translateY(14px)}
.zt-armed [data-play]:not([data-on]) .zt-a-pop{opacity:0;transform:scale(.6)}
.zt-armed [data-play]:not([data-on]) .zt-a-fade{opacity:0}
.zt-armed [data-play]:not([data-on]) .zt-a-drop{opacity:0;transform:translateY(-16px) scale(.96)}
.zt-armed [data-play]:not([data-on]) .zt-a-fly{opacity:0;transform:translate(calc(var(--dir) * -16px),6px)}
.zt-armed [data-play]:not([data-on]) .zt-a-ruler{opacity:0;transform:translateY(-12px)}
.zt-armed [data-play]:not([data-on]) .zt-a-cnt{--n:0 !important}
.zt-armed [data-play]:not([data-on]) .zt-a-x{transform:scaleX(0)}
.zt-armed [data-play]:not([data-on]) .zt-a-seg{background-color:#E1E6EA !important;transform:scaleY(.5)}
.zt-armed [data-play]:not([data-on]) :is(.zt-a-pill,.zt-a-ink){background-color:transparent !important;color:#A7B2BB !important}
.zt-armed [data-play]:not([data-on]) .zt-a-draw{stroke-dashoffset:40;opacity:0}
.zt-armed [data-play]:not([data-on]) .zt-a-open{max-height:0;opacity:0;margin-top:0 !important}
.zt-armed [data-play]:not([data-on]) .zt-a-pick{transform:none !important;background-color:#FFFFFF !important}
.zt-armed [data-play]:not([data-on]) .zt-a-needle{transform:rotate(-70deg)}
.zt-site-ink .zt-hbar{background-color:rgba(11,31,46,.84) !important;border-bottom-color:rgba(255,255,255,.1) !important}
.zt-site-teal .zt-hbar{background-color:rgba(19,122,127,.9) !important;border-bottom-color:rgba(255,255,255,.18) !important}
.zt-site-ink header a,.zt-site-teal header a{color:#FFFFFF !important}
.zt-site-ink header .zt-wm-a,.zt-site-teal header .zt-wm-a{color:#9FD3D5 !important}
.zt-site-ink header [role="group"],.zt-site-teal header [role="group"]{background-color:rgba(255,255,255,.14) !important}
.zt-site-ink header .zt-btn-primary,.zt-site-teal header .zt-btn-primary{background-color:#FFFFFF !important;color:#0B1F2E !important}
.zt-site-teal header .zt-progress{background:#FFFFFF !important}
/* Mobile-Home.dc.html, scoped (BUILD_SPEC §3) */
.zt-m-home .zt-line{display:block;overflow:hidden;padding-block:.24em .28em;margin-block:-.24em -.28em}
.zt-m-home .zt-ic *{transform-box:fill-box;transform-origin:center}
.zt-m-home .zt-cnt{counter-reset:zn var(--n)}
.zt-m-home .zt-cnt::after{content:counter(zn)}
.zt-armed .zt-m-home [data-play]:not([data-on]) .zt-a-rise{opacity:0}
.zt-armed .zt-m-home [data-play]:not([data-on]) .zt-a-cnt{--n:0 !important}
/* Mobile-Benefits.dc.html, scoped (BUILD_SPEC §3) */
.zt-live-story .zt-m-benefits .zt-ch{--bg:transparent !important;--fg:var(--t-fg) !important;--fg2:var(--t-fg2) !important;--acc:var(--t-acc) !important;--card:var(--t-card) !important;--bfg:var(--t-bfg) !important}
.zt-m-benefits .zt-tc{transition:color .8s var(--ease-std),background-color .8s var(--ease-std),border-color .8s var(--ease-std),fill .8s var(--ease-std),stroke .8s var(--ease-std)}
.zt-m-benefits .zt-ic *{transform-box:fill-box;transform-origin:center}
/* Mobile-Story.dc.html, scoped (BUILD_SPEC §3) */
.zt-m-story .zt-line{display:block;overflow:hidden;padding-block:.24em .28em;margin-block:-.24em -.28em}
.zt-m-story .zt-cnt{counter-reset:zn var(--n)}
.zt-m-story .zt-cnt::after{content:counter(zn)}
.zt-m-story .zt-node{position:relative;transition:background-color .45s var(--ease-std),color .45s var(--ease-std),box-shadow .45s var(--ease-std)}
.zt-m-story .zt-node::after{content:"";position:absolute;inset:0;border-radius:50%;opacity:0}
.zt-m-story .zt-a-rise,.zt-m-story .zt-a-pop,.zt-m-story .zt-a-fade,.zt-m-story .zt-a-drop,.zt-m-story .zt-a-fly,.zt-m-story .zt-a-ruler{transition:opacity .45s var(--ease-std),transform .55s var(--ease-out);transition-delay:var(--d,0s)}
.zt-m-story .zt-a-pop{transition-timing-function:var(--ease-std),cubic-bezier(.34,1.56,.64,1)}
.zt-m-story .zt-a-cnt{transition:--n 1.1s var(--ease-out);transition-delay:var(--d,.2s)}
.zt-m-story .zt-a-x{transform-origin:var(--start) 50%;transition:transform .6s var(--ease-out) var(--d,0s)}
.zt-m-story .zt-a-seg{transition:background-color .3s var(--ease-out) var(--d,0s),transform .3s var(--ease-out) var(--d,0s)}
.zt-m-story .zt-a-pill,.zt-m-story .zt-a-ink{transition:background-color .4s var(--ease-out) var(--d,0s),color .4s var(--ease-out) var(--d,0s)}
.zt-m-story .zt-a-draw{stroke-dasharray:40;stroke-dashoffset:0;transition:stroke-dashoffset .45s var(--ease-out) var(--d,0s),opacity .2s linear var(--d,0s)}
.zt-m-story .zt-a-open{max-height:80px;transition:max-height .5s var(--ease-out) var(--d,0s),opacity .4s var(--ease-std) var(--d,0s),margin-top .5s var(--ease-out) var(--d,0s)}
.zt-m-story .zt-a-pick{transition:transform .65s cubic-bezier(.34,1.56,.64,1) var(--d,0s),background-color .4s var(--ease-std) var(--d,0s)}
.zt-m-story .zt-a-needle{transform-box:fill-box;transform-origin:0 100%;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1) var(--d,.2s)}
.zt-armed .zt-m-story [data-play]:not([data-on]) :is(.zt-a-rise,.zt-a-pop,.zt-a-fade,.zt-a-drop,.zt-a-fly,.zt-a-ruler,.zt-a-cnt,.zt-a-x,.zt-a-seg,.zt-a-pill,.zt-a-ink,.zt-a-draw,.zt-a-open,.zt-a-pick,.zt-a-needle){transition-duration:.3s;transition-timing-function:var(--ease-std);transition-delay:calc((2.6s - var(--d,0s)) * .12)}
.zt-armed .zt-m-story [data-play]:not([data-on]) .zt-node{background-color:#FFFFFF !important;color:#A7B2BB !important;box-shadow:inset 0 0 0 1.5px #E1E6EA !important}
.zt-armed .zt-m-story [data-play]:not([data-on]) .zt-a-rise{opacity:0;transform:translateY(14px)}
.zt-armed .zt-m-story [data-play]:not([data-on]) .zt-a-pop{opacity:0;transform:scale(.6)}
.zt-armed .zt-m-story [data-play]:not([data-on]) .zt-a-fade{opacity:0}
.zt-armed .zt-m-story [data-play]:not([data-on]) .zt-a-drop{opacity:0;transform:translateY(-16px) scale(.96)}
.zt-armed .zt-m-story [data-play]:not([data-on]) .zt-a-fly{opacity:0;transform:translate(calc(var(--dir) * -16px),6px)}
.zt-armed .zt-m-story [data-play]:not([data-on]) .zt-a-ruler{opacity:0;transform:translateY(-12px)}
.zt-armed .zt-m-story [data-play]:not([data-on]) .zt-a-cnt{--n:0 !important}
.zt-armed .zt-m-story [data-play]:not([data-on]) .zt-a-x{transform:scaleX(0)}
.zt-armed .zt-m-story [data-play]:not([data-on]) .zt-a-seg{background-color:#E1E6EA !important;transform:scaleY(.5)}
.zt-armed .zt-m-story [data-play]:not([data-on]) :is(.zt-a-pill,.zt-a-ink){background-color:transparent !important;color:#A7B2BB !important}
.zt-armed .zt-m-story [data-play]:not([data-on]) .zt-a-draw{stroke-dashoffset:40;opacity:0}
.zt-armed .zt-m-story [data-play]:not([data-on]) .zt-a-open{max-height:0;opacity:0;margin-top:0 !important}
.zt-armed .zt-m-story [data-play]:not([data-on]) .zt-a-pick{transform:none !important;background-color:#FFFFFF !important}
.zt-armed .zt-m-story [data-play]:not([data-on]) .zt-a-needle{transform:rotate(-70deg)}
.zt-m-story .zt-r *{transform-box:fill-box;transform-origin:center}
/* Mobile-Outcomes.dc.html, scoped (BUILD_SPEC §3) */
.zt-m-outcomes .zt-line{display:block;overflow:hidden;padding-block:.24em .28em;margin-block:-.24em -.28em}
.zt-m-outcomes .zt-x{transition:opacity .38s var(--ease-std),transform .5s var(--ease-out)}
/* Mobile-Contact.dc.html, scoped (BUILD_SPEC §3) */
.zt-m-contact .zt-line{display:block;overflow:hidden;padding-block:.24em .28em;margin-block:-.24em -.28em}
/* ---- Production page composition (BUILD_SPEC §4–§5) ---- */
/* One sticky header holds both bars; each bar keeps its board's styles. */
.zt-header{position:sticky;top:0;z-index:60}
/* Mobile-Benefits' header hooks, carried by the phone bar (Mobile-Home's header) so it recolours in the story. */
.zt-mhead{transition:background-color .8s var(--ease-std),border-color .8s var(--ease-std)}
.zt-mhead .zt-wm,.zt-mhead .zt-mbtn{transition:color .8s var(--ease-std),background-color .8s var(--ease-std)}
.zt-site-ink .zt-mhead{background-color:rgba(11,31,46,.86) !important;border-bottom-color:rgba(255,255,255,.1) !important}
.zt-site-teal .zt-mhead{background-color:rgba(19,122,127,.9) !important;border-bottom-color:rgba(255,255,255,.18) !important}
.zt-site-ink .zt-wm,.zt-site-teal .zt-wm{color:#FFFFFF !important}
.zt-site-ink .zt-wm-a,.zt-site-teal .zt-wm-a{color:#9FD3D5 !important}
.zt-site-ink .zt-mbtn,.zt-site-teal .zt-mbtn{background-color:rgba(255,255,255,.16) !important;color:#FFFFFF !important}
.zt-site-teal .zt-mprog{background:#FFFFFF !important}
/* The boards' menu links became buttons. */
.zt-mbtn,.zt-m-menu .zs-zqzby9{border:0;padding:0}

/* Phone intro: Mobile-Home's overlay over the viewport instead of the 390×844 frame. The iris
   centre is the heartbeat apex of the centred 330×89 logo (161px 399px in the 390×844 board). */
.zt-intro-m{position:fixed;inset:0;z-index:200;background:#FFFFFF;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-mask-image:radial-gradient(circle at calc(50% - 34.27px) calc(50% - 22.89px), transparent var(--r), #000 calc(var(--r) + 1px));mask-image:radial-gradient(circle at calc(50% - 34.27px) calc(50% - 22.89px), transparent var(--r), #000 calc(var(--r) + 1px));animation:zt-iris-home .85s cubic-bezier(.7,0,.25,1) 1.1s both, zt-curtain .01s linear 1.95s both}

/* Menu panel (BUILD_SPEC §6.3): Mobile-Menu's board root, full screen; content centred at 480px on tablets. */
/* It scrolls only when its content is taller than the screen (menu.js): a scroll container renders its text
   without LCD antialiasing, unlike the board. */
.zt-m-menu{position:fixed;inset:0;z-index:150;overflow:hidden;overscroll-behavior:contain;background:#FFFFFF;font-size:16px;line-height:1.6;color:#23394A}
.zt-m-menu[hidden]{display:none}
.zt-m-menu.zt-scrolls{overflow-y:auto}
.zt-menu-in{position:relative;display:flex;flex-direction:column;min-height:100%;max-width:480px;margin-inline:auto;padding:0 20px 22px}
.zt-m-menu .zt-thumb{inset-inline-start:3px}
.zt-m-menu [data-lang="en"] .zt-thumb{inset-inline-start:80px}
.zt-m-menu [role="radio"]{color:#5B6B78}
.zt-m-menu [role="radio"][aria-checked="true"]{color:#0B1F2E}
html.zt-menu-open{overflow:hidden}

/* Phone hero art keeps its 390px stage, centred; the text stays fluid (BUILD_SPEC §4). */
.zt-m-home .zt-m-stage{position:absolute;top:0;bottom:0;left:50%;width:390px;margin-left:-195px}

/* Phone story (Mobile-Benefits): its theme tokens differ slightly from Main's, so they are set on the
   phone variant from #story's data-theme; the board's scroller background becomes the variant's. */
.zt-m-benefits{--t-bg:#FFFFFF;--t-fg:#0B1F2E;--t-fg2:#5B6B78;--t-acc:#137A7F;--t-card:#F6F8F9;--t-bfg:#FFFFFF}
.zt-story[data-theme="mint"] .zt-m-benefits{--t-bg:#EEF5F5;--t-fg:#0B1F2E;--t-fg2:#4F6170;--t-acc:#137A7F;--t-card:#FFFFFF;--t-bfg:#FFFFFF}
.zt-story[data-theme="ink"] .zt-m-benefits{--t-bg:#0B1F2E;--t-fg:#FFFFFF;--t-fg2:#A7B2BB;--t-acc:#5FB6B9;--t-card:rgba(255,255,255,.07);--t-bfg:#0B1F2E}
.zt-story[data-theme="teal"] .zt-m-benefits{--t-bg:#137A7F;--t-fg:#FFFFFF;--t-fg2:#EAF4F4;--t-acc:#FFFFFF;--t-card:rgba(255,255,255,.12);--t-bfg:#137A7F}
.zt-live-story .zt-m-benefits{background-color:var(--t-bg);transition:background-color .8s var(--ease-std)}

/* How it works from 861px (Main chapter(), screen(), dev): the open step is the button with
   aria-expanded="true"; the device follows data-step on the section (steps.js). */
.zt-step .zt-rtile{background:#F6F8F9;color:#5B6B78}
.zt-step[aria-expanded="true"] .zt-rtile{background:#137A7F;color:#FFFFFF}
.zt-step .zt-r3b{stroke:#F6F8F9}
.zt-step[aria-expanded="true"] .zt-r3b{stroke:#137A7F}
.zt-step-num{color:#A7B2BB}
.zt-step[aria-expanded="true"] .zt-step-num{color:#137A7F}
.zt-step-title{color:#5B6B78}
.zt-step[aria-expanded="true"] .zt-step-title{color:#0B1F2E}
.zt-step-rows{grid-template-rows:0fr}
.zt-step[aria-expanded="true"] .zt-step-rows{grid-template-rows:1fr}
.zt-step-show{opacity:0}
.zt-step[aria-expanded="true"] .zt-step-show{opacity:1}
/* Without JS the steps cannot be opened, so all three descriptions show. */
html:not(.zt-js) .zt-step .zt-step-rows{grid-template-rows:1fr}
html:not(.zt-js) .zt-step .zt-step-show{opacity:1}
.zt-scr-b{opacity:0;transform:translateX(calc(var(--dir) * 28px))}
[data-step="1"] .zt-scr-a,[data-step="2"] .zt-scr-a{opacity:0;transform:translateX(calc(var(--dir) * -28px))}
[data-step="1"] .zt-scr-b{opacity:1;transform:none}
[data-step="2"] .zt-scr-b{opacity:0;transform:translateX(calc(var(--dir) * -28px))}
[data-step="2"] .zt-dev-tab{opacity:0;transform:translateY(16px) scale(.96)}
.zt-dev-ph{opacity:0;transform:translateY(24px) scale(.96)}
[data-step="2"] .zt-dev-ph{opacity:1;transform:none}

/* Accordions (Main tile(), faqItem()): the open item carries data-open (accordion.js). */
.zt-acc-rows{grid-template-rows:0fr}
[data-open] .zt-acc-rows{grid-template-rows:1fr}
.zt-cov-plus{transform:rotate(0deg)}
[data-open] .zt-cov-plus{transform:rotate(45deg)}
.zt-faq-bar{transform:rotate(90deg)}
[data-open] .zt-faq-bar{transform:rotate(0deg)}
/* Without JS nothing can toggle, so every item is open (its plus/minus shows the open state). */
html:not(.zt-js) .zt-acc-rows{grid-template-rows:1fr}
html:not(.zt-js) .zt-cov-plus{transform:rotate(45deg)}
html:not(.zt-js) .zt-faq-bar{transform:rotate(0deg)}

/* Outcomes from 744px (Main layer(), outcomeRow(); outcomes.js): data-outcome on the section. */
.zt-ow-chip{background:#E7F3EC;color:#1F6B4B}
[data-outcome="1"] .zt-ow-chip{background:#FBF1DC;color:#845A0C}
[data-outcome="2"] .zt-ow-chip{background:#F8E8E6;color:#9A3A31}
.zt-ow-l{opacity:0;transform:translateY(8px)}
.zt-ow-l.zt-ow-ic{transform:scale(.6)}
[data-outcome="0"] .zt-ow-l0,[data-outcome="1"] .zt-ow-l1,[data-outcome="2"] .zt-ow-l2{opacity:1;transform:none}
.zt-ow-dot{width:6px;background:#C9D2D8}
[data-outcome="0"] .zt-ow-d0,[data-outcome="1"] .zt-ow-d1,[data-outcome="2"] .zt-ow-d2{width:22px;background:#0B1F2E}
.zt-ow-row{background:transparent;box-shadow:none}
.zt-ow-row[aria-pressed="true"]{background:#FFFFFF;box-shadow:0 1px 2px rgba(11,31,46,.04), 0 14px 32px -18px rgba(11,31,46,.22)}

/* Phone outcomes (Mobile-Outcomes renderVals(); outcomes.js) on the variant root: data-outcome 0–2,
   data-odd (alternates the -a/-b keyframes so they restart), data-ticked (after the first change),
   data-still (paused or reduced motion), data-paused, data-booked. */
.zt-m-outcomes{background:#F6F8F9}
.zt-oc-ind{inset-inline-start:calc(4px + (100% - 8px) * 0)}
[data-outcome="1"] .zt-oc-ind{inset-inline-start:calc(4px + (100% - 8px) * 0.3333333333333333)}
[data-outcome="2"] .zt-oc-ind{inset-inline-start:calc(4px + (100% - 8px) * 0.6666666666666666)}
.zt-oc-fill{background:#1F6B4B;transform:scaleX(0);animation:zt-fill-b 4.2s linear both}
[data-outcome="1"] .zt-oc-fill{background:#845A0C}
[data-outcome="2"] .zt-oc-fill{background:#9A3A31}
[data-odd] .zt-oc-fill{animation-name:zt-fill-a}
[data-still] .zt-oc-fillw{opacity:0}
[data-still] .zt-oc-fill{transform:scaleX(1);animation:none}
.zt-m-outcomes [role="tab"]{color:#5B6B78}
.zt-m-outcomes [role="tab"][aria-selected="true"]{color:#0B1F2E}
.zt-oc-pause{opacity:1;transform:scale(1)}
.zt-oc-play{opacity:0;transform:scale(.5)}
[data-paused] .zt-oc-pause{opacity:0;transform:scale(.5)}
[data-paused] .zt-oc-play{opacity:1;transform:scale(1)}
.zt-oc-glow{background:#E7F3EC}
[data-outcome="1"] .zt-oc-glow{background:#FBF1DC}
[data-outcome="2"] .zt-oc-glow{background:#F8E8E6}
.zt-oc-chip{background:#E7F3EC;color:#1F6B4B;animation:zt-cpop-b .55s cubic-bezier(.34,1.56,.64,1) .9s both}
[data-outcome="1"] .zt-oc-chip{background:#FBF1DC;color:#845A0C}
[data-outcome="2"] .zt-oc-chip{background:#F8E8E6;color:#9A3A31}
.zt-oc-burst1{animation:zt-burst-b .9s ease-out .9s both}
.zt-oc-burst2{animation:zt-burst-b .9s ease-out 1.08s both}
[data-odd] .zt-oc-chip{animation-name:zt-cpop-a}
[data-odd] :is(.zt-oc-burst1,.zt-oc-burst2){animation-name:zt-burst-a}
[data-ticked] :is(.zt-oc-chip,.zt-oc-burst1){animation-delay:.05s}
[data-ticked] .zt-oc-burst2{animation-delay:.23s}
.zt-oc-l{opacity:0;transform:translateY(10px)}
.zt-oc-l.zt-oc-ic{transform:scale(.6)}
.zt-oc-panel{pointer-events:none}
[data-outcome="0"] .zt-oc-l0,[data-outcome="1"] .zt-oc-l1,[data-outcome="2"] .zt-oc-l2{opacity:1;transform:none}
[data-outcome="0"] .zt-oc-panel.zt-oc-l0,[data-outcome="1"] .zt-oc-panel.zt-oc-l1,[data-outcome="2"] .zt-oc-panel.zt-oc-l2{transition-delay:.12s;pointer-events:auto}
.zt-oc-n0{stroke-dashoffset:12}
[data-outcome="0"] .zt-oc-n0{stroke-dashoffset:0}
.zt-oc-line{transform:scaleX(0);transition:transform 1s var(--ease-out) 0s}
[data-outcome="1"] .zt-oc-line{transform:scaleX(1);transition:transform 1s var(--ease-out) .3s}
.zt-oc-k{transform:scale(.3)}
[data-outcome="1"] .zt-oc-k{transform:scale(1)}
.zt-oc-badge{transform:scale(.6)}
[data-outcome="2"] .zt-oc-badge{transform:scale(1)}
.zt-oc-prio{background:#F6F8F9;color:#5B6B78;transform:scale(.85)}
[data-outcome="2"] .zt-oc-prio{background:#F8E8E6;color:#9A3A31;transform:scale(1)}
.zt-oc-book{width:64px;background:#137A7F;color:#FFFFFF}
[data-booked] .zt-oc-book{width:80px;background:#E7F3EC;color:#1F6B4B}
.zt-oc-booka{opacity:1;transform:none}
.zt-oc-bookb{opacity:0;transform:translateY(12px)}
[data-booked] .zt-oc-booka{opacity:0;transform:translateY(-12px)}
[data-booked] .zt-oc-bookb{opacity:1;transform:none}
/* English: "Follow-up" is about as wide as the tab; keep it on one line. */
[data-oc-pick]:lang(en){white-space:nowrap}

/* Contact (Main tabItem(), Mobile-Contact renderVals(); contact.js): the active tab is data-ct-tab on the
   variant, errors are classes. Error overrides use !important like the board's own .zt-fl-err, because
   the field styles they override were inline. */
.zt-m-contact{background:#F6F8F9}
.zt-m-contact .zt-send{width:100%}
[data-ct-tab="1"] .zt-ct-ind{inset-inline-start:calc(4px + (100% - 8px) * 0.25)}
[data-ct-tab="2"] .zt-ct-ind{inset-inline-start:calc(4px + (100% - 8px) * 0.5)}
[data-ct-tab="3"] .zt-ct-ind{inset-inline-start:calc(4px + (100% - 8px) * 0.75)}
.zt-ct-ind{inset-inline-start:calc(4px + (100% - 8px) * 0)}
.zt-tab[role="tab"]{color:#5B6B78}
.zt-tab[role="tab"][aria-selected="true"]{color:#0B1F2E}
.zt-err-row{grid-template-rows:0fr}
.zt-err-row.zt-on{grid-template-rows:1fr}
.zt-err-msg{opacity:0}
.zt-on .zt-err-msg{opacity:1}
.zt-field.zt-field-err{border-color:#C98A84 !important;background-color:#FDF6F5 !important}
.zt-form-status{margin:0 0 12px;font-size:14px;line-height:1.6;color:#9A3A31}
.zt-field-msg{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:#9A3A31}

/* Toast (Main copy()) and the bottom action bar (BUILD_SPEC §6.17). */
.zt-toast{opacity:0;transform:translate(-50%, 12px)}
.zt-toast.zt-on{opacity:1;transform:translate(-50%, 0)}
.zt-js .zt-bar{transform:translateY(130%);opacity:0;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1)}
.zt-js .zt-bar.zt-on{transform:none;opacity:1;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s cubic-bezier(.22,1,.36,1)}

/* Privacy notice dialog (not drawn in the mockup): the site's card, close button and ink backdrop. */
.zt-dialog{box-sizing:border-box;width:min(560px, calc(100% - 32px));max-height:min(80vh, 640px);margin:auto;padding:0;border:0;border-radius:24px;background:#FFFFFF;color:#23394A;box-shadow:0 24px 64px -24px rgba(11,31,46,.45);overflow:auto;overscroll-behavior:contain}
.zt-dialog::backdrop{background:rgba(11,31,46,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.zt-dialog-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px 12px;background:#FFFFFF}
.zt-dialog-title{margin:0;font-size:22px;line-height:1.4;font-weight:700;color:#0B1F2E}
.zt-dialog-x{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#EDF1F3;color:#0B1F2E}
.zt-dialog-x svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.zt-dialog-body{padding:0 24px 24px;font-size:16px;line-height:1.75}
.zt-dialog-body p{margin:0 0 12px}
.zt-dialog-body p:last-child{margin-bottom:0}
html:has(.zt-dialog[open]){overflow:hidden}
}