.i{width:20px;height:20px;flex:none;display:block}
/* header */
.zh{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.zh-in{max-width:1280px;margin:auto;padding:10px 20px;display:flex;align-items:center;gap:14px}
.zh-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--green);font:800 15px "ZE Manrope","ZE Text";letter-spacing:.08em;flex:none}
.zh-brand img{width:46px;height:46px;object-fit:contain}
.zh-brand small{display:block;font-size:8.5px;letter-spacing:.14em;opacity:.7;font-weight:700}
.zh-nav{display:flex;gap:2px;margin-inline-start:auto;flex-wrap:nowrap}
.zh-nav a{text-decoration:none;color:#365d58;font-weight:700;font-size:14px;padding:8px 10px;border-radius:99px;white-space:nowrap}
.zh-nav a:hover,.zh-nav a.on{background:#e3f4ee;color:#0d645c}
.zh-act{display:flex;align-items:center;gap:8px;flex:none}
.zh-lang{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border:1.5px solid var(--line);border-radius:99px;padding:7px 12px;font:700 13px "ZE Manrope","ZE Text";color:var(--green)}
.zh-lang .i{width:16px;height:16px}
.zh-book{display:inline-flex;align-items:center;gap:7px;text-decoration:none;background:var(--orange);color:#fff;border-radius:12px;padding:9px 14px;font-weight:800;font-size:14px;white-space:nowrap}
.zh-book .i{width:17px;height:17px}
.zh-burger{display:none;background:var(--green);color:#fff;border:0;border-radius:10px;width:42px;height:42px;place-items:center;cursor:pointer}
.zh-burger .c{display:none}
body.zm-open .zh-burger .o{display:none}body.zm-open .zh-burger .c{display:block}
.zm{display:none}
@media(max-width:1400px){.zh-nav a{padding:8px 7px;font-size:13.5px}.zh-in{gap:10px}.zh-book{padding:9px 12px}}
@media(max-width:1279px){.zh-brand span{display:none}.zh-nav a{padding:7px 7px;font-size:13.5px}}
@media(max-width:1120px) and (min-width:981px){.zh-book span{display:none}.zh-book{padding:10px}.zh-nav a{padding:7px 6px;font-size:13px}}
@media(max-width:1180px){.zh-brand span{display:none}.zh-nav a{font-size:13px;padding:7px 8px}}
@media(max-width:980px){.zh-nav,.zh-lang span{display:none}.zh-burger{display:grid}.zh-act{margin-inline-start:auto}
 body.zm-open .zm{display:flex;flex-direction:column;padding:8px 20px 18px;border-top:1px solid var(--line);background:#fff;max-height:calc(100vh - 70px);overflow:auto}
 .zm a{text-decoration:none;padding:13px 4px;border-bottom:1px solid var(--line);font-weight:700;color:var(--green);font-size:16px}
 .zm .zm-book{background:var(--orange);color:#fff;border-radius:12px;text-align:center;margin-top:12px;border:0}}
@media(max-width:520px){.zh-book span{display:none}.zh-book{padding:10px}}
/* footer */
.zf{background:var(--green);color:#dfece8;margin-top:60px}
.zf-in{max-width:1180px;margin:auto;padding:48px 20px 30px;display:grid;grid-template-columns:1.25fr 1.35fr .8fr .8fr;gap:36px}
.zf-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.zf-brand img{width:44px;height:44px;border-radius:10px;background:#fff;object-fit:contain;padding:2px}
.zf-brand span{font:800 15px "ZE Manrope","ZE Text";letter-spacing:.1em;line-height:1.2}.zf-brand small{display:block;font-size:8.5px;letter-spacing:.14em;opacity:.75;font-weight:700;margin-top:3px}
.zf-about p{margin-top:14px;font-size:14px;line-height:1.85;opacity:.88;max-width:34ch}
.zf h4{color:#f3d9a8;font-size:15px;margin-bottom:14px;font-weight:800}
.zf-col a{display:block;text-decoration:none;padding:6px 0;font-size:14px;opacity:.88;transition:opacity .15s,transform .15s}
.zf-col a:hover{opacity:1;color:#fff;transform:translateX(-3px)}html[dir=ltr] .zf-col a:hover{transform:translateX(3px)}
.zf-ct{display:flex;flex-direction:column;gap:6px}
.zf-ci{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;padding:8px 10px;margin-inline:-10px;border-radius:12px;transition:background .15s}
.zf-ci:hover{background:#ffffff12}
.zf-ci i{flex:none;width:34px;height:34px;border-radius:10px;background:#ffffff14;display:grid;place-items:center;color:#f3d9a8}
.zf-ci i svg{width:17px;height:17px}
.zf-ci span{display:flex;flex-direction:column;min-width:0}
.zf-ci small{font-size:11.5px;opacity:.7;font-weight:600;line-height:1.3}
.zf-ci b{font:700 14px "ZE Manrope","ZE Text",sans-serif;letter-spacing:0;color:#fff;line-height:1.45;text-align:start;overflow-wrap:anywhere}
html[dir=rtl] .zf-ci b{text-align:right}
.zf-soc{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.zf-soc a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;transition:transform .18s}.zf-soc a:hover{transform:translateY(-3px)}
.zf-soc .s-whatsapp{background:#25d366}.zf-soc .s-facebook{background:#1877f2}.zf-soc .s-instagram{background:#d62976}.zf-soc .s-tiktok{background:#111}.zf-soc .s-youtube{background:#ff0033}.zf-soc .s-linkedin{background:#0a66c2}.zf-soc .s-telegram{background:#229ed9}
.zf-soc svg{width:18px;height:18px;fill:#fff}
.zf-soc .s-wachannel{background:#075e54}.zf-soc .s-wachannel svg{fill:none}
@media(max-width:560px){.zf-soc{flex-wrap:nowrap;gap:6px}.zf-soc a{width:34px;height:34px;flex:none}.zf-soc svg{width:16px;height:16px}}
.zf-b{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:600 12.5px "ZE Manrope","ZE Text",sans-serif;padding:16px 20px;border-top:1px solid #ffffff1f;opacity:.75}
@media(max-width:1000px){.zf-in{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:560px){.zf-in{grid-template-columns:1fr 1fr;padding:36px 20px 24px}.zf-about,.zf-ct{grid-column:1/-1}.zf-b{justify-content:center;text-align:center}}
.zh-lang .zl-s{display:none}
@media(max-width:980px){.zh-lang{padding:7px 11px;gap:5px}.zh-lang .zl-s{display:inline;font:800 13px "ZE Manrope","ZE Text",sans-serif}.zh-lang .zl-l{display:none}}
.zh-lang.ls{padding:7px 11px;gap:5px}.zh-lang.ls .zl-l{display:none}.zh-lang.ls .zl-s{display:inline;font:800 13px "ZE Manrope","ZE Text","PingFang SC","Microsoft YaHei",sans-serif}
/* 3-language switch + Chinese typography */
.zh-langs{display:flex;gap:6px;align-items:center}
.zh-lang.ls{padding:7px 11px;gap:5px}.zh-lang.ls .zl-l{display:none}.zh-lang.ls .zl-s{display:inline;font:800 13px "ZE Manrope","ZE Text","PingFang SC","Microsoft YaHei",sans-serif}
@media(max-width:980px){.zh-langs .zh-lang .i{display:none}.zh-lang.ls{padding:6px 9px}}
@media(max-width:420px){.zh-langs{gap:4px}.zh-lang.ls{padding:5px 8px}}
html[lang^=zh] body,html[lang^=zh] h1,html[lang^=zh] h2,html[lang^=zh] h3,html[lang^=zh] h4{font-family:"ZE Manrope","ZE Text","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC",system-ui,sans-serif;letter-spacing:0}
html[lang^=zh] body{line-height:1.8}

/* ===== ZE motion layer (flat colours, GPU-only transforms) ===== */
.hm-hi{display:block;border-radius:28px;overflow:hidden;box-shadow:0 30px 60px -30px #173f3c80}
.hm-hf .hm-hi img{border-radius:0;box-shadow:none}
.hm-cg{position:relative}
@media (prefers-reduced-motion:no-preference){
.zm-on .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s);will-change:opacity,transform}
.zm-on .rv.in{opacity:1;transform:none}
.zm-on .rv.in.done{will-change:auto;transition-delay:0s}
.hm-hi img{animation:zeKen 18s ease-in-out infinite alternate;transform-origin:60% 40%}
@keyframes zeKen{from{transform:scale(1)}to{transform:scale(1.07)}}
.hm-since{animation:zeFloat 5s ease-in-out infinite}
@keyframes zeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.hm-hero:before{animation:zeRing 26s linear infinite;border-style:dashed}
@keyframes zeRing{to{transform:rotate(360deg)}}
.hm-hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #cfe5dd;inset-inline-end:-120px;bottom:-140px;animation:zeFloat 9s ease-in-out infinite;pointer-events:none}
.hm-hero .wrap{position:relative;z-index:1}
.hm-ar{transition:transform .25s}
.hm-act:hover .hm-ar{transform:translateX(-5px)}
html[dir=ltr] .hm-act:hover .hm-ar{transform:translateX(5px)}
/* route line across the three steps */
.hm-cg:after{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform 1.6s cubic-bezier(.3,.7,.2,1) .2s}
html[dir=ltr] .hm-cg:after{transform-origin:left}
.hm-conf.go .hm-cg:after{transform:scaleX(1)}
.zm-on .hm-cs .hm-n{display:inline-block;transform:scale(.4);opacity:0;transition:transform .5s cubic-bezier(.3,1.5,.5,1),opacity .4s;transition-delay:calc(var(--k,0)*.35s + .4s)}
.zm-on .hm-conf.go .hm-cs .hm-n{transform:none;opacity:1}
.hm-st{transition:transform .25s,border-color .25s}
.hm-st:hover{transform:translateY(-4px);border-color:var(--teal)}
.hm-tool,.sc,.gc{transition:transform .22s,box-shadow .22s,border-color .22s}
.hm-tool:hover,.sc:hover,.gc:hover{transform:translateY(-4px)}
.zh{transition:box-shadow .25s}
.zh.sc-d{box-shadow:0 10px 30px -22px #173f3c99}
}
.zp{position:fixed;top:0;inset-inline-start:0;height:3px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:right;z-index:90;pointer-events:none}
html[dir=ltr] .zp{transform-origin:left}

/* quick bar (also injected by ze-book-cta.js; kept here so it is styled before JS runs) */
@media (min-width:1024px){.ze-qb{display:flex;align-items:center;gap:8px;max-width:1280px;margin:0 auto;padding:5px 24px 7px}.ze-qb .nv,.ze-qb .sep{display:none!important}.ze-qb a,.ze-qb button{display:inline-flex;align-items:center;gap:5px;text-decoration:none;border:1px solid #dfe8e4;background:#fff;color:#173f3c;border-radius:99px;padding:4px 12px;font:700 13px "ZE Text","ZE Manrope","ZE Text",system-ui,sans-serif;cursor:pointer}.ze-qb svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}}@media (max-width:1023px){.ze-qb{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border-top:1px solid #e7e1d6;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ze-qb::-webkit-scrollbar{display:none}.ze-qb a,.ze-qb button{flex:none;display:inline-flex;align-items:center;gap:5px;text-decoration:none;border:1px solid #dfe8e4;background:#f6faf8;color:#173f3c;border-radius:99px;padding:6px 12px;font:700 13px "ZE Text","ZE Manrope","ZE Text",system-ui,sans-serif;white-space:nowrap;cursor:pointer;line-height:1.2}.ze-qb .on{background:#173f3c;color:#fff;border-color:#173f3c}.ze-qb .bk{background:#fff;border-color:#cfd8d5}.ze-qb svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.ze-qb .sep{width:1px;height:20px;background:#e7e1d6;flex:none}}

bdi.nw{white-space:nowrap}

@media(min-width:900px){.tabs{flex-wrap:wrap;overflow:visible;row-gap:8px;gap:5px;padding:14px 0 8px}.tab{padding:6px 9px;font-size:13px;gap:5px}.tab .n{padding:0 6px;font-size:11px}}

/* ===== "more options" hint for sideways-scrolling strips (mobile) ===== */
.hs-f.hs-on::after{content:"";flex:none;position:sticky;inset-inline-end:0;align-self:center;width:30px;height:30px;margin-inline-start:-4px;border-radius:50%;background:#fff url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M9 6l6 6-6 6" fill="none" stroke="%23126862" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') center/18px no-repeat;border:1.5px solid #bfe3d8;box-shadow:0 4px 14px -4px #173f3c55;animation:hsN 1.4s ease-in-out infinite;transition:opacity .25s;z-index:2}
html[dir=rtl] .hs-f.hs-on::after{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M15 6l-6 6 6 6" fill="none" stroke="%23126862" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');animation-name:hsNr}
.hs-f.hs-on.hs-end::after{opacity:0;animation:none}
@keyframes hsN{50%{transform:translateX(4px)}}@keyframes hsNr{50%{transform:translateX(-4px)}}
.hs-hint{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--teal);margin:4px 0 6px}
.hs-hint svg{width:18px;height:18px;flex:none;animation:hsN 1.4s ease-in-out infinite}
html[dir=rtl] .hs-hint svg{animation-name:hsNr}
@media(prefers-reduced-motion:reduce){.hs-f.hs-on::after,.hs-hint svg{animation:none}}