@font-face{font-family:"ZE Text";src:url(/zs/fonts/ze-text-ar.woff2) format("woff2");font-weight:200 1000;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"ZE Display","ZE Manrope","ZE Text",sans-serif;src:url(/zs/fonts/ze-display-ar.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"ZE Manrope";src:url(/zs/fonts/ze-latin.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--green:#173f3c;--teal:#126862;--orange:#e87332;--gold:#a16f35;--cream:#fffdf9;--line:#e7e1d6;--ink:#1d2b2a;--muted:#5d6b69;--soft:#f6f2ea;--mint:#eef6f3;--c:#126862}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:"ZE Text","ZE Manrope","ZE Text",system-ui,sans-serif;line-height:1.7;font-size:15.5px;overflow-x:hidden}
h1,h2,h3,h4{font-family:"ZE Display","ZE Manrope","ZE Text",sans-serif;font-weight:800;color:var(--green);line-height:1.3}
html[dir=ltr] body,html[dir=ltr] h1,html[dir=ltr] h2,html[dir=ltr] h3,html[dir=ltr] h4{font-family:"ZE Manrope","ZE Text",system-ui,sans-serif;letter-spacing:-.01em}
a{color:inherit}
.i{width:20px;height:20px;flex:none;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
/* 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}}
/* common blocks */
.hero{background:var(--mint);position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:#d9ece6;top:-170px;inset-inline-start:-110px}
.hero:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#fde3d1;bottom:-110px;inset-inline-end:8%}
.hero .wrap{position:relative;z-index:1;padding-top:36px;padding-bottom:40px}
.crumb{font-size:13px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap}
.crumb a{text-decoration:none;color:var(--teal);font-weight:700}
.kick{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #cfe5de;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:800;color:var(--teal)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;font-size:15px;border-radius:12px;padding:11px 18px;border:0;cursor:pointer;font-family:inherit;line-height:1.3}
.btn .i{width:18px;height:18px}
.b-pri{background:var(--orange);color:#fff}
.b-pri:hover{background:#d4621f}
.b-wa{background:#25D366;color:#fff}
.b-sec{background:#fff;border:1.5px solid var(--line);color:var(--green)}
.b-sec:hover{border-color:var(--teal)}
.b-dark{background:var(--green);color:#fff}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}
.sec{margin-top:26px}
.sec-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.sec-h .ib{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--mint);color:var(--teal)}
.sec-h h2{font-size:21px}
/* services hub */
.sh-h1{font-size:clamp(30px,5vw,46px);margin-top:12px}
.sh-lead{color:#35514d;max-width:680px;margin-top:8px;font-size:16.5px}
.sh-search{margin-top:20px;display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #cfe5de;border-radius:16px;padding:6px 6px 6px 14px;max-width:560px}
html[dir=rtl] .sh-search{padding:6px 14px 6px 6px}
.sh-search .i{color:var(--teal)}
.sh-search input{flex:1;border:0;outline:0;font:inherit;font-size:16px;background:transparent;padding:8px 2px;min-width:0}
.sh-stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:14px;color:#35514d}
.sh-stats b{font:800 18px "ZE Manrope","ZE Text";color:var(--orange);margin-inline-end:4px}
.tabs{display:flex;gap:8px;overflow-x:auto;padding:18px 0 8px;scrollbar-width:none;position:sticky;top:var(--hh,110px);background:var(--cream);z-index:5}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:none;border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:8px 14px;font:800 14px inherit;font-family:inherit;color:var(--green);cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.tab .n{font:800 11.5px "ZE Manrope","ZE Text";background:var(--soft);border-radius:99px;padding:1px 7px;color:var(--muted)}
.tab.on{background:var(--green);border-color:var(--green);color:#fff}
.tab.on .n{background:#ffffff26;color:#fff}
.cat{margin-top:26px}
.cat-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cat-h .dot{width:10px;height:10px;border-radius:50%;background:var(--c)}
.cat-h h2{font-size:20px}
.cat-h p{color:var(--muted);font-size:14px;margin-inline-start:auto}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.grid{grid-template-columns:minmax(0,1fr)}}
.sc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px;transition:.15s;position:relative}
.sc:hover{border-color:var(--c);box-shadow:0 14px 30px rgba(23,63,60,.08);transform:translateY(-2px)}
.sc-top{display:flex;align-items:center;gap:12px}
.ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eef3f2;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);flex:none}
.ico .i{width:24px;height:24px}
.sc h3{font-size:17px;line-height:1.35}
.sc h3 a{text-decoration:none}
.sc h3 a:after{content:"";position:absolute;inset:0}
.sc .lb{font-size:12.5px;color:var(--muted);font-weight:700}
.sc p{color:#3d5450;font-size:14.5px;flex:1}
.sc-f{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px dashed var(--line);padding-top:10px;font-size:13.5px}
.price{font-weight:800;color:var(--orange)}
.price.q{color:var(--muted);font-weight:700}
.more{display:inline-flex;align-items:center;gap:4px;color:var(--c);font-weight:800}
.more .i{width:16px;height:16px}
html[dir=rtl] .more .i,html[dir=rtl] .flip{transform:scaleX(-1)}
.empty{display:none;text-align:center;color:var(--muted);padding:30px}
.how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
@media(max-width:860px){.how{grid-template-columns:repeat(2,minmax(0,1fr))}}
.how div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.how b{font:800 13px "ZE Manrope","ZE Text";color:var(--orange)}
.how h4{font-size:16px;margin:4px 0}
.how p{font-size:13.5px;color:var(--muted)}
.cta{background:var(--green);color:#fff;border-radius:22px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:30px}
.cta h2{color:#fff;font-size:22px}.cta p{opacity:.9;margin-top:4px}
/* service detail */
.sd-top{display:flex;gap:16px;align-items:flex-start;margin-top:14px}
.sd-top .ico{width:64px;height:64px;border-radius:18px;background:#fff;border:1px solid #cfe5de}
.sd-top .ico .i{width:30px;height:30px}
.sd-h1{font-size:clamp(26px,4.4vw,40px)}
.sd-label{color:var(--gold);font-weight:800;font-size:14px;margin-top:2px}
.sd-intro{color:#35514d;font-size:16.5px;margin-top:12px;max-width:760px}
.sd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-size:13.5px;font-weight:700;color:var(--green)}
.chip .i{width:16px;height:16px;color:var(--teal)}
.chip.pr{border-color:#f6c9ac;color:var(--orange)}
.sd-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.sd-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start;margin-top:26px}
@media(max-width:980px){.sd-grid{grid-template-columns:minmax(0,1fr)}}
.sd-side{position:sticky;top:84px}
@media(max-width:980px){.sd-side{position:static}}
.summary{background:#fff;border:1px solid var(--line);border-inline-start:5px solid var(--c);border-radius:16px;padding:18px 20px;font-size:16px;color:#2c4440}
.steps{list-style:none;display:grid;gap:10px;counter-reset:s}
.steps li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;counter-increment:s}
.steps li:before{content:counter(s);grid-row:1/3;width:34px;height:34px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font:800 15px "ZE Manrope","ZE Text"}
.steps b{font-size:16px;color:var(--green)}
.steps b small{font-weight:700;color:var(--gold);font-size:12.5px;margin-inline-start:8px;background:var(--soft);border-radius:99px;padding:2px 8px}
.steps span{color:#3d5450;font-size:14.5px}
.checks{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(max-width:620px){.checks{grid-template-columns:minmax(0,1fr)}}
.checks li{display:flex;gap:8px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14.5px}
.checks li .i{color:#1f8a5b;width:18px;height:18px;margin-top:3px}
.notes{list-style:none;display:grid;gap:8px}
.notes li{display:flex;gap:8px;background:#fff8ef;border:1px solid #f3dfc3;border-radius:12px;padding:10px 12px;font-size:14.5px;color:#5a4526}
.notes li .i{color:var(--gold);width:18px;height:18px;margin-top:3px}
details.faq{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:8px}
details.faq summary{cursor:pointer;font-weight:800;color:var(--green);list-style:none;display:flex;justify-content:space-between;gap:10px}
details.faq summary:after{content:"+";font:800 20px "ZE Manrope","ZE Text";color:var(--teal);line-height:1}
details.faq[open] summary:after{content:"−"}
details.faq p{margin-top:8px;color:#3d5450;font-size:14.5px}
.form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 18px 40px rgba(23,63,60,.08)}
.form h3{font-size:19px}
.form .sub{color:var(--muted);font-size:13.5px;margin-top:2px}
.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);border-radius:12px;padding:4px;margin-top:14px;gap:4px}
.seg button{border:0;background:transparent;border-radius:9px;padding:9px 6px;font:800 13.5px inherit;font-family:inherit;color:var(--muted);cursor:pointer}
.seg button.on{background:#fff;color:var(--green);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.form label{display:block;font-weight:800;font-size:13px;color:var(--green);margin:12px 0 4px}
.form input,.form textarea{width:100%;border:1.5px solid var(--line);border-radius:11px;padding:10px 12px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
.form input:focus,.form textarea:focus{outline:0;border-color:var(--teal)}
.form .btn{width:100%;margin-top:12px}
.form .err{display:none;color:#c0392b;font-size:13px;margin-top:6px}
.form .alt{display:flex;gap:8px;margin-top:10px}
.form .alt a{flex:1;font-size:13.5px;padding:9px 8px}
.form .note{font-size:12.5px;color:var(--muted);margin-top:10px;display:flex;gap:6px}
.form .note .i{width:16px;height:16px;margin-top:2px}
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:860px){.rel{grid-template-columns:minmax(0,1fr)}}
.rel a{display:flex;align-items:center;gap:10px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}
.rel a:hover{border-color:var(--c)}
.rel .ico{width:40px;height:40px}
.rel b{font-size:14.5px;color:var(--green)}
.mbar{display:none}
@media(max-width:980px){.mbar{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:40;background:#fff;border-top:1px solid var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px;box-shadow:0 -8px 20px rgba(0,0,0,.06)}
 .mbar .btn{flex:1;padding:11px 8px;font-size:14px}
 body.has-mbar .ze-book-cta{display:none!important}
 body.has-mbar{padding-bottom:70px}}
/* guides */
.gl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
@media(max-width:820px){.gl{grid-template-columns:minmax(0,1fr)}}
.gc{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.gc-top{background:var(--c);color:#fff;padding:20px;display:flex;gap:14px;align-items:center}
.gc-top .n{font:800 34px "ZE Manrope","ZE Text";opacity:.5}
.gc-top h2{color:#fff;font-size:20px}
.gc-b{padding:18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.gc-b p{color:#3d5450;font-size:14.5px}
.gc-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--muted)}
.gc-meta span{background:var(--soft);border-radius:99px;padding:3px 10px;font-weight:700}
.gc-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.doc{max-width:900px;margin:0 auto}
.doc-h{background:var(--c);color:#fff;border-radius:22px;padding:26px}
.doc-h h1{color:#fff;font-size:clamp(26px,4vw,36px)}
.doc-h p{opacity:.92;margin-top:8px;font-size:16px}
.doc-h .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:13px}
.doc-h .meta span{background:#ffffff22;border-radius:99px;padding:4px 10px;font-weight:700}
.doc-acts{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 4px}
.dq{background:#fff8ef;border:1px solid #f3dfc3;border-inline-start:5px solid var(--gold);border-radius:14px;padding:14px 16px;font-weight:800;color:#5a4526;margin-top:16px}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:620px){.facts{grid-template-columns:minmax(0,1fr)}}
.facts div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.facts b{font:800 22px "ZE Manrope","ZE Text";color:var(--c);display:block}
.facts strong{display:block;color:var(--green);font-size:14.5px}
.facts span{font-size:13.5px;color:var(--muted)}
table.rt{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:14px}
table.rt th{background:var(--soft);color:var(--green);text-align:start;padding:10px 12px;font-weight:800}
table.rt td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
table.rt td:first-child{font-weight:800;color:var(--c);white-space:nowrap}
.tw{overflow-x:auto}
.dg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:620px){.dg{grid-template-columns:minmax(0,1fr)}}
.dg>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.dg h4{font-size:15.5px}.dg em{font-style:normal;font-size:12.5px;color:var(--gold);font-weight:700}
.dg ul,.doc ul.bl{padding-inline-start:18px;margin-top:6px;font-size:14.5px;color:#3d5450}
.dg li,.doc ul.bl li{margin:3px 0}
.src{font-size:13.5px;list-style:none;display:grid;gap:6px;counter-reset:n}
.src li{counter-increment:n;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.src li:before{content:"[" counter(n) "] ";font-weight:800;color:var(--c)}
.src a{color:var(--teal);word-break:break-all}
.caution{background:var(--soft);border-radius:14px;padding:14px 16px;font-size:14px;color:var(--muted);margin-top:16px}
sup.r{font:700 10px "ZE Manrope","ZE Text";color:var(--c)}
@media print{.zh,.zf,.doc-acts,.ze-book-cta,.mbar,#ze-floating-wa,.no-print{display:none!important}body{background:#fff;font-size:12.5px}.hero{background:#fff}.hero:before,.hero:after{display:none}.doc{max-width:none}.card,.dg>div,.facts div,table.rt,.steps li{break-inside:avoid}.sec{margin-top:16px}}
@media(max-width:620px){.cat-h p{display:none}}
/* ===== v2: imagery + typography ===== */
body{line-height:1.8;font-size:16px}
html[dir=ltr] body{line-height:1.7}
p{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
.sec{margin-top:38px}
.sec-h{margin-bottom:14px}
.sec-h h2{font-size:clamp(20px,2.4vw,24px)}
/* hero with picture */
.sd-hgrid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:40px;align-items:center}
.sd-htxt{min-width:0}
.sd-pic{margin:0;position:relative;border-radius:24px;overflow:hidden;border:6px solid #fff;box-shadow:0 22px 50px rgba(23,63,60,.16);aspect-ratio:16/10;background:#dfe9e5}
.sd-pic img{width:100%;height:100%;object-fit:cover;display:block}
.sd-pic figcaption{position:absolute;inset-inline-start:14px;bottom:14px;background:#fffffff0;color:var(--green);font-weight:800;font-size:13px;border-radius:99px;padding:5px 13px;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.sd-hero .wrap{padding-top:30px;padding-bottom:46px}
.sd-intro{font-size:17px;line-height:1.9;max-width:62ch}
.sh-lead{line-height:1.9;max-width:60ch}
@media(max-width:980px){.sd-hgrid{grid-template-columns:minmax(0,1fr);gap:22px}.sd-pic{aspect-ratio:16/9;order:-1;border-width:4px;border-radius:20px}.hub-hero .sd-pic{display:none}}
/* service cards with picture */
.sc{padding:0;overflow:hidden;gap:0}
.sc-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:#e6eeeb}
.sc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.sc:hover .sc-img img{transform:scale(1.045)}
.sc-cat{position:absolute;inset-inline-start:12px;top:12px;background:var(--c);color:#fff;font-size:12px;font-weight:800;border-radius:99px;padding:3px 11px}
.sc-body{padding:16px 18px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.sc .ico{width:42px;height:42px;border-radius:12px}
.sc .ico .i{width:21px;height:21px}
.sc p{line-height:1.85;font-size:14.8px}
.grid{gap:18px}
/* related */
.rel a{flex-direction:column;align-items:stretch;padding:0;overflow:hidden;gap:0}
.rel a img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.rel a b{padding:12px 14px;line-height:1.5}
@media(max-width:860px){.rel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.rel{grid-template-columns:minmax(0,1fr)}}
/* readable content blocks */
.summary{line-height:1.95;font-size:16.5px;padding:20px 22px}
.steps li{padding:16px 18px;gap:6px 16px}
.steps span{line-height:1.85;font-size:15px}
.checks li,.notes li{line-height:1.8}
details.faq p{line-height:1.9;font-size:15px}
.how p,.gc-b p,.dg ul,.doc ul.bl{line-height:1.85}
/* guides cards with cover */
.gc-pic{aspect-ratio:16/8;overflow:hidden;background:#e6eeeb}
.gc-pic img{width:100%;height:100%;object-fit:cover;display:block}
.doc-cover{margin:0 0 18px;border-radius:22px;overflow:hidden;aspect-ratio:16/6;border:5px solid #fff;box-shadow:0 18px 40px rgba(23,63,60,.12)}
.doc-cover img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:620px){.doc-cover{aspect-ratio:16/9}}
@media print{.doc-cover,.sd-pic,.gc-pic{display:none}}
.rel a img{height:auto}
.sc-img img,.sd-pic img,.gc-pic img,.doc-cover img{height:100%}
.steps b small{unicode-bidi:isolate;display:inline-block}
.gc-pic{display:block}
.b-tg{background:#229ed9;color:#fff}
.b-tg .i{fill:#fff;stroke:none}

/* instant contact pair */
.sd-im{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}
.sd-im>span{font-size:13.5px;font-weight:700;color:var(--muted);margin-inline-end:4px}
.sd-im .im{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;border-radius:999px;text-decoration:none;color:#fff;font-size:14px;transition:transform .15s,filter .15s}
.sd-im .im:hover{transform:translateY(-2px);filter:brightness(1.05)}
.sd-im .im b{font-weight:800}
.sd-im .im .i,.sd-im .im svg{width:18px;height:18px;fill:#fff;stroke:none;flex:none}
.sd-im .wa{background:#25d366}.sd-im .tg{background:#229ed9}
.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}}
/* agencies */
.ag{padding:18px;gap:10px}
.ag-top{display:flex;gap:12px;align-items:center}
.ag h3{font-family:"ZE Manrope","ZE Text",system-ui,sans-serif;font-size:15.5px;line-height:1.35;text-align:start}
html[dir=rtl] .ag h3{text-align:right}
.ag .dom{font:700 12px "ZE Manrope","ZE Text";color:var(--muted)}
.ag p{flex:1}
.ag-when{display:flex;gap:6px;align-items:flex-start;font-size:13px;color:var(--gold);font-weight:700;background:var(--soft);border-radius:10px;padding:7px 10px;line-height:1.6}
.ag-when .i{width:16px;height:16px;margin-top:3px}
.ag-go{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-weight:800;font-size:14px;color:#fff;background:var(--c);border-radius:10px;padding:9px 12px;position:relative;z-index:1}
.ag-go .i{width:16px;height:16px}
.agqs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
@media(max-width:860px){.agqs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.agq{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-decoration:none;display:flex;flex-direction:column;gap:2px}
.agq b{font:800 20px "ZE Manrope","ZE Text";color:var(--orange)}
.agq span{font-size:13px;color:var(--muted);line-height:1.5}
/* calculator */
.calc{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start;margin-top:28px}
@media(max-width:1020px){.calc{grid-template-columns:minmax(0,1fr)}}
.cstep{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:16px}
.cstep h2{font-size:19px;display:flex;align-items:center;gap:10px;margin-bottom:14px}
.cstep h2 .n{width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font:800 14px "ZE Manrope","ZE Text";flex:none}
.ccs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:700px){.ccs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cc{text-align:start;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:3px;font-family:inherit;color:var(--ink);transition:.15s}
.cc:hover{border-color:#9cc9be}.cc.on{border-color:var(--teal);background:#eef6f3;box-shadow:0 0 0 3px rgba(18,104,98,.12)}
.cc-n{font-weight:800;color:var(--green);font-size:14.5px;line-height:1.4}
.cc-h{font:600 11.5px "ZE Manrope","ZE Text";color:var(--muted)}
.cc-l{font-size:11.5px;font-weight:800;border-radius:99px;padding:1px 8px;align-self:flex-start;margin-top:3px}
.l-h{background:#fdebdf;color:#c2541f}.l-m{background:#fff3d6;color:#8a5a1f}.l-l{background:#e3f4ea;color:#1f8a5b}
.cc-r{font:800 13px "ZE Manrope","ZE Text";color:var(--orange)}
.fl{display:block;font-weight:800;color:var(--green);font-size:14px;margin:4px 0 8px}
.sgs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media(max-width:520px){.sgs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sg,.oc{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:10px;font:800 14px inherit;font-family:inherit;color:var(--green);cursor:pointer;transition:.15s}
.sg.on,.oc.on{border-color:var(--orange);background:#fff6ef;color:#c45a1d}
.ocs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media(max-width:520px){.ocs{grid-template-columns:minmax(0,1fr)}}
.oc{display:flex;flex-direction:column;gap:2px;text-align:start}.oc small{font-weight:600;color:var(--muted);font-size:12.5px}
.steppers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.stp{border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.stp label{font-weight:800;color:var(--green);font-size:14px}
.stp div{display:flex;align-items:center;gap:10px}
.stp button{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font:800 18px "ZE Manrope","ZE Text";color:var(--green);cursor:pointer}
.stp b{font:800 18px "ZE Manrope","ZE Text";min-width:18px;text-align:center}
.sels{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.sels{grid-template-columns:1fr}}
.fsel,.cur{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;background:#fff;color:var(--ink)}
.tgl{display:flex;align-items:center;gap:12px;margin-top:14px;cursor:pointer;border:1px solid var(--line);border-radius:14px;padding:12px}
.tgl input{position:absolute;opacity:0}.tgl .sw{width:44px;height:26px;border-radius:99px;background:#d9d3c7;position:relative;flex:none;transition:.2s}
.tgl .sw:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}
.tgl input:checked+.sw{background:var(--teal)}.tgl input:checked+.sw:after{inset-inline-start:21px}
.tgl b{display:block;color:var(--green)}.tgl small{color:var(--muted)}
.calc-res{position:sticky;top:84px}@media(max-width:1020px){.calc-res{position:static}}
.res-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 18px 40px rgba(23,63,60,.08)}
.res-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;color:var(--green)}
.res-top .cur{width:auto;max-width:190px;padding:6px 10px;font-size:13px}
.res-total{background:var(--green);color:#fff;border-radius:16px;padding:16px;margin-top:12px;display:flex;flex-direction:column;gap:2px}
.res-total b{font:800 34px "ZE Manrope","ZE Text";direction:ltr;text-align:start}
html[dir=rtl] .res-total b{text-align:right}
.res-total small{opacity:.85;font-weight:700}
.donut{display:flex;align-items:center;gap:14px;margin:16px 0 6px}
.donut svg{width:120px;height:120px;transform:rotate(-90deg);flex:none}
html[dir=rtl] .donut svg{transform:rotate(-90deg) scaleY(-1)}
.donut ul{list-style:none;display:grid;gap:6px;font-size:13px}
.donut li,.bdl .bl{display:flex;align-items:center;gap:7px}
.donut i,.bdl i{width:10px;height:10px;border-radius:3px;flex:none}
.res-card h3{font-size:16px;margin:12px 0 8px}
.bdl{list-style:none;display:grid;gap:9px}
.bdl li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:14px}
.bdl b{font-family:"ZE Manrope","ZE Text";color:var(--green)}
.bdl .bar{grid-column:1/-1;height:6px;background:#f1ece3;border-radius:9px;overflow:hidden}.bdl .bar span{display:block;height:100%;border-radius:9px}
.res-acts{display:grid;gap:8px;margin-top:16px}.res-acts .btn{width:100%}
.res-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.res-2 .btn{font-size:13px;padding:10px 8px}
.res-note{font-size:12.5px;color:var(--muted);margin-top:12px;line-height:1.7}
.cmp{display:grid;gap:8px}
.cr{display:grid;grid-template-columns:200px 1fr 90px;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px;cursor:pointer;font:inherit;color:var(--ink);text-align:start}
@media(max-width:600px){.cr{grid-template-columns:1fr 80px}.cr .crb{grid-column:1/-1;grid-row:2}}
.cr.on{border-color:var(--teal);background:#eef6f3}
.crb{height:10px;background:#f1ece3;border-radius:9px;overflow:hidden}.crb span{display:block;height:100%;background:var(--teal);border-radius:9px}
.cr.on .crb span{background:var(--orange)}
.cr b{font-family:"ZE Manrope","ZE Text";color:var(--green);text-align:end}
.rtc td small{display:block;font:600 11.5px "ZE Manrope","ZE Text";color:var(--muted)}
.rtc td:first-child{white-space:normal}
@media print{.cstep,.calc-page .hero,.res-acts,.cmp,.calc-page .sec,.calc-page .cta{display:none!important}.calc{display:block}.res-card{box-shadow:none}}
.steppers{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:520px){.stp{flex-direction:column;align-items:stretch;gap:6px}.stp div{justify-content:space-between}.stp button{width:36px;height:36px}}
.calc,.calc-in,.cstep{min-width:0}
.calc-mini{display:none}
@media(max-width:1020px){.calc-mini{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;align-items:center;justify-content:space-between;gap:10px;background:var(--green);color:#fff;border:0;padding:12px 18px 14px;font:800 14px inherit;font-family:inherit;box-shadow:0 -8px 24px rgba(0,0,0,.15);transition:transform .25s}
 .calc-mini b{font:800 20px "ZE Manrope","ZE Text"}.calc-mini.hide{transform:translateY(110%)}
 body:has(.calc-mini:not(.hide)) #ze-dock,body:has(.calc-mini:not(.hide)) .ze-book-cta,body:has(.calc-mini:not(.hide)) #ze-top{bottom:74px}}
/* 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}}