.zu-page{
  --zu-deep:#0a2f2b;
  --zu-deep-2:#0d3b35;
  --zu-deep-3:#061d1a;
  --zu-teal:#0e5049;
  --zu-lift:#1a7a6e;
  --zu-mint:#8fe0cf;
  --zu-sage:#e4ede9;
  --zu-paper:#f7f8f7;
  --zu-white:#fff;
  --zu-ink:#16211f;
  --zu-muted:#52645e;
  --zu-faint:#71847e;
  --zu-line:#d2dcd8;
  --zu-line-soft:#e7ecea;
  --zu-on-deep:#d9e8e4;
  --zu-on-deep-dim:#a7c1bb;
  --zu-ease:cubic-bezier(.23,1,.32,1);
  --zu-ease-out:cubic-bezier(.16,1,.3,1);
  --zu-fast:160ms;
  --zu-ui:260ms;
  --zu-enter:620ms;
  --zu-shadow-1:0 1px 2px rgba(10,47,43,.04),0 10px 26px rgba(10,47,43,.055);
  --zu-shadow-2:0 5px 14px rgba(10,47,43,.06),0 25px 56px rgba(10,47,43,.13);
  --zu-shadow-dark:0 26px 70px rgba(3,18,16,.3);
  --zu-rs:12px;
  --zu-rm:19px;
  --zu-rl:28px;
  --zu-rxl:36px;
  --zu-pill:999px;
  --zu-display:"Noto Naskh Arabic","Noto Nastaliq Urdu","Segoe UI",Tahoma,Arial,sans-serif;
  --zu-body:"Noto Naskh Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  --zu-max:1200px;
  width:var(--zu-vw,100vw);
  max-width:var(--zu-vw,100vw);
  margin-inline-start:calc(50% - (var(--zu-vw,100vw) / 2));
  overflow:hidden;
  overflow:clip;
  background:var(--zu-paper);
  color:var(--zu-ink);
  font-family:var(--zu-body);
  font-size:1.08rem;
  font-kerning:normal;
  line-height:1.8;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.zu-page *,.zu-page *::before,.zu-page *::after{box-sizing:border-box;margin:0;padding:0}
.zu-page :is(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote){margin:0}
.zu-page img,.zu-page svg{display:block;max-width:100%}
.zu-page [hidden]{display:none!important}
.zu-page a{color:inherit;text-decoration:none;text-underline-offset:4px;touch-action:manipulation}
.zu-page button,.zu-page summary{font:inherit;touch-action:manipulation}
.zu-page ul,.zu-page ol{list-style:none}
.zu-page ::selection{background:var(--zu-teal);color:var(--zu-white)}
.zu-page :focus-visible{outline:3px solid var(--zu-lift);outline-offset:3px;border-radius:7px}
.zu-page .zu-on-deep :focus-visible{outline-color:var(--zu-mint)}
.zu-page [id]{scroll-margin-top:96px}
.zu-page [lang="en"]{font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;letter-spacing:normal}
.zu-page h1,.zu-page h2,.zu-page h3{
  color:var(--zu-deep);font-family:var(--zu-display);font-weight:700;letter-spacing:-.018em;
  line-height:1.3;text-wrap:balance
}
.zu-page h2{font-size:clamp(1.75rem,3.2vw,2.75rem)}
.zu-page h3{font-size:clamp(1.12rem,1.6vw,1.35rem);line-height:1.55}
.zu-page p{max-width:69ch;text-wrap:pretty}
.zu-in{width:min(100%,var(--zu-max));margin-inline:auto;padding-inline:clamp(1.2rem,4vw,2.75rem)}
.zu-section{padding-block:clamp(3rem,5.5vw,5rem)}
.zu-section--white{background:var(--zu-white)}
.zu-section--soft{background:linear-gradient(180deg,var(--zu-paper),#f0f5f2)}
.zu-skip{
  position:fixed;inset-block-start:10px;inset-inline-start:10px;z-index:999;padding:.6rem 1rem;
  border-radius:10px;background:var(--zu-white);color:var(--zu-deep);box-shadow:var(--zu-shadow-2);
  transform:translateY(-170%);transition:transform var(--zu-ui) var(--zu-ease)
}
.zu-skip:focus{transform:none}
.zu-page .zu-kicker{
  display:inline-flex;align-items:center;gap:.55rem;margin-block-end:1rem;padding:.38rem 1rem;
  border-radius:var(--zu-pill);background:var(--zu-sage);color:var(--zu-teal);
  font-family:var(--zu-body);font-size:.82rem;font-weight:750;line-height:1.55
}
.zu-kicker::before{width:6px;height:6px;flex:none;border-radius:50%;background:currentColor;content:""}
.zu-heading{max-width:820px;margin-block-end:clamp(2.5rem,5vw,4.3rem)}
.zu-heading--center{margin-inline:auto;text-align:center}
.zu-heading--center p{margin-inline:auto}
.zu-heading>p:last-child{margin-block-start:1rem;color:var(--zu-muted);font-size:clamp(1.05rem,1.6vw,1.2rem)}
.zu-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.zu-btn{
  display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:.62rem;padding:.72rem 1.45rem;
  border:1.5px solid transparent;border-radius:var(--zu-pill);cursor:pointer;font-weight:750;line-height:1.45;
  transition:transform var(--zu-ui) var(--zu-ease),background-color var(--zu-ui) ease,color var(--zu-ui) ease,
    border-color var(--zu-ui) ease,box-shadow var(--zu-ui) var(--zu-ease)
}
.zu-btn svg{width:18px;height:18px;flex:none;transition:transform var(--zu-ui) var(--zu-ease)}
.zu-page .zu-btn--primary{background:var(--zu-teal);color:var(--zu-white);box-shadow:0 9px 24px rgba(14,80,73,.19)}
.zu-page .zu-btn--light{background:var(--zu-white);color:var(--zu-deep)}
.zu-page .zu-btn--line{border-color:var(--zu-line);background:transparent;color:var(--zu-deep)}
.zu-page .zu-btn--ghost{border-color:rgba(255,255,255,.3);background:transparent;color:var(--zu-white)}
.zu-text-link{display:inline-flex;align-items:center;gap:.48rem;color:var(--zu-teal);font-weight:750}
.zu-text-link svg{width:17px;height:17px;transform:scaleX(-1);transition:transform var(--zu-ui) var(--zu-ease)}

/* Header */
.zu-header{
  position:sticky;inset-block-start:0;z-index:90;border-block-end:1px solid rgba(210,220,216,.8);
  background:rgba(247,248,247,.96)
}
.zu-nav{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:1.2rem}
.zu-brand{display:flex;min-width:max-content;align-items:center;gap:.72rem}
.zu-brand-mark{display:block;flex:none;height:clamp(32px,4.2vw,44px)}
.zu-brand-mark img{display:block;height:100%;width:auto;max-width:none}
.zu-brand-copy{display:grid;line-height:1.25}
.zu-brand-copy strong{color:var(--zu-deep);font-size:1rem}
.zu-brand-copy span{color:var(--zu-faint);font-size:.7rem}
.zu-nav-links{display:flex;align-items:center;gap:clamp(.8rem,1.8vw,1.45rem)}
.zu-nav-links>a:not(.zu-btn){position:relative;padding-block:.55rem;color:var(--zu-muted);font-size:.88rem;font-weight:700}
.zu-nav-links>a:not(.zu-btn)::after{
  position:absolute;inset-inline:0;inset-block-end:.1rem;height:1.5px;background:var(--zu-lift);content:"";
  transform:scaleX(0);transform-origin:100% 50%;transition:transform var(--zu-ui) var(--zu-ease)
}
.zu-menu{
  display:none;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid var(--zu-line);
  border-radius:50%;background:var(--zu-white);color:var(--zu-deep);cursor:pointer
}
.zu-menu-lines{position:relative;width:18px;height:14px}
.zu-menu-lines::before,.zu-menu-lines::after{
  position:absolute;inset-inline:0;height:2px;border-radius:2px;background:currentColor;content:"";
  transition:transform var(--zu-ui) var(--zu-ease),inset-block var(--zu-ui) var(--zu-ease)
}
.zu-menu-lines::before{inset-block-start:2px}.zu-menu-lines::after{inset-block-end:2px}
.zu-header.is-open .zu-menu-lines::before{inset-block-start:6px;transform:rotate(45deg)}
.zu-header.is-open .zu-menu-lines::after{inset-block-end:6px;transform:rotate(-45deg)}

/* Hero */
.zu-hero{
  position:relative;isolation:isolate;overflow:hidden;background:
    radial-gradient(circle at 16% 20%,rgba(143,224,207,.16),transparent 30%),
    radial-gradient(circle at 80% 80%,rgba(26,122,110,.18),transparent 38%),var(--zu-deep-3);
  color:var(--zu-on-deep)
}
.zu-hero::before{
  position:absolute;inset:-25%;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:58px 58px;content:"";
  mask-image:radial-gradient(circle at center,#000 5%,transparent 67%)
}
.zu-hero-grid{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.76fr);
  align-items:center;gap:clamp(2.5rem,6vw,6.4rem);padding-block:clamp(3rem,6vw,5rem) clamp(3.5rem,6vw,8.5rem)
}
.zu-hero-copy{position:relative;z-index:2}
.zu-hero .zu-kicker{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:var(--zu-mint)}
.zu-hero h1{max-width:850px;color:var(--zu-white);font-size:clamp(2.2rem,3.9vw,3.8rem);font-weight:720;line-height:1.25}
.zu-title-line{display:block;overflow:hidden}
.zu-title-line>span{display:inline-block;transform:translateY(115%);animation:zu-rise 760ms var(--zu-ease-out) forwards;animation-delay:var(--zu-delay,0ms)}
.zu-hero-lead{margin-block-start:1.25rem;color:var(--zu-on-deep);font-size:clamp(1.12rem,1.8vw,1.35rem);line-height:1.9}
.zu-hero .zu-actions{margin-block-start:1.65rem}
.zu-hero-proof{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem;margin-block-start:1.4rem;color:var(--zu-on-deep-dim);font-size:.88rem}
.zu-hero-proof span{display:inline-flex;align-items:center;gap:.45rem}
.zu-hero-proof svg{width:18px;height:18px;flex:none;color:var(--zu-mint)}
.zu-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:2.2rem;border-block:1px solid rgba(255,255,255,.13)}
.zu-hero-stats>div{padding:1rem 0}
.zu-hero-stats>div+div{border-inline-start:1px solid rgba(255,255,255,.13);padding-inline-start:1rem}
.zu-hero-stats dt{color:var(--zu-on-deep-dim);font-size:.74rem}
.zu-hero-stats dd{margin-block-start:.15rem;color:var(--zu-white);font-size:1rem;font-weight:750}
.zu-portrait-wrap{position:relative;isolation:isolate;width:min(100%,440px);margin-inline:auto}
.zu-portrait-ring{position:absolute;inset:-8%;z-index:-1;border:1px solid rgba(143,224,207,.28);border-radius:45% 55% 58% 42%/43% 40% 60% 57%;animation:zu-drift 12s ease-in-out infinite alternate}
.zu-portrait-frame{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:44% 44% 26px 26px;background:linear-gradient(145deg,var(--zu-deep-2),#164f47);box-shadow:var(--zu-shadow-dark)}
.zu-portrait-frame::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,24,21,.38));content:"";pointer-events:none}
.zu-portrait-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transition:opacity 420ms ease}
.zu-portrait-frame img.is-loaded{opacity:1}
.zu-portrait-fallback{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.9);font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(4rem,10vw,7rem);font-weight:760;letter-spacing:-.08em}
.zu-portrait-note{position:absolute;inset-inline:-1.6rem 1.6rem;inset-block-end:-2.1rem;z-index:3;padding:1rem 1.15rem;border:1px solid rgba(255,255,255,.5);border-radius:18px;background:rgba(255,255,255,.94);color:var(--zu-muted);box-shadow:var(--zu-shadow-2);line-height:1.65}
.zu-portrait-note strong{display:block;color:var(--zu-deep);font-size:1.02rem}
.zu-portrait-note span{font-size:.82rem}
.zu-hero-fade{opacity:0;transform:translateY(14px);animation:zu-fade 620ms var(--zu-ease-out) forwards;animation-delay:var(--zu-fade-delay,0ms)}
.zu-wave{position:absolute;inset-inline:0;inset-block-end:-1px;height:70px;color:var(--zu-paper)}
.zu-wave svg{width:100%;height:100%;fill:currentColor}

/* Direct answer */
.zu-answer{position:relative;z-index:4;margin-block-start:-1px;padding-block:clamp(2.2rem,5vw,4.2rem) clamp(4rem,7vw,6.5rem)}
.zu-answer-card{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:clamp(1.8rem,4vw,4rem);align-items:start;padding:clamp(1.5rem,4vw,2.7rem);border:1px solid var(--zu-line);border-radius:var(--zu-rl);background:var(--zu-white);box-shadow:var(--zu-shadow-1)}
.zu-answer-label{display:flex;align-items:center;gap:.5rem;margin-block-end:.7rem;color:var(--zu-teal);font-size:.78rem;font-weight:750}
.zu-answer-label span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--zu-sage);font-family:serif}
.zu-answer-card h2{font-size:clamp(1.45rem,2.4vw,2rem)}
.zu-answer-card>p{color:var(--zu-muted);font-size:clamp(1.03rem,1.6vw,1.18rem)}

/* Issue cards */
.zu-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:1rem}
.zu-area-card{position:relative;display:flex;height:100%;flex-direction:column;padding:1.5rem;border:1px solid var(--zu-line-soft);border-radius:var(--zu-rm);background:var(--zu-white);box-shadow:var(--zu-shadow-1);transition:transform var(--zu-ui) var(--zu-ease),border-color var(--zu-ui) ease,box-shadow var(--zu-ui) var(--zu-ease)}
.zu-area-card::before{position:absolute;inset-inline:1.5rem;inset-block-start:0;height:3px;border-radius:0 0 5px 5px;background:var(--zu-lift);content:"";transform:scaleX(.28);transform-origin:100% 50%;transition:transform 420ms var(--zu-ease)}
.zu-area-icon{display:grid;width:48px;height:48px;place-items:center;margin-block-end:1.2rem;border-radius:15px;background:var(--zu-sage);color:var(--zu-teal);transition:transform var(--zu-ui) var(--zu-ease),background-color var(--zu-ui) ease}
.zu-area-icon svg{width:24px;height:24px}
.zu-area-card p{margin-block-start:.55rem;color:var(--zu-muted);font-size:.96rem;line-height:1.85}
.zu-card-link{display:flex;align-items:center;gap:.45rem;margin-block-start:auto;padding-block-start:1.25rem;color:var(--zu-teal);font-size:.84rem;font-weight:750}
.zu-card-link svg{width:16px;height:16px;transform:scaleX(-1);transition:transform var(--zu-ui) var(--zu-ease)}

/* Relationship focus */
.zu-relationships{position:relative;overflow:hidden;background:var(--zu-deep-3);color:var(--zu-on-deep)}
.zu-relationships::after{position:absolute;width:460px;height:460px;inset-inline-end:-180px;inset-block-end:-240px;border:1px solid rgba(143,224,207,.14);border-radius:50%;box-shadow:0 0 0 70px rgba(143,224,207,.025),0 0 0 140px rgba(143,224,207,.018);content:""}
.zu-rel-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
.zu-relationships h2,.zu-relationships h3{color:var(--zu-white)}
.zu-relationships .zu-kicker{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:var(--zu-mint)}
.zu-rel-copy>p:not(.zu-kicker):not(.zu-rel-quote){margin-block-start:1.1rem;color:var(--zu-on-deep-dim)}
.zu-rel-quote{margin-block:1.5rem;padding:1.1rem 1.2rem;border-inline-start:3px solid var(--zu-mint);background:rgba(255,255,255,.04);color:var(--zu-on-deep);font-size:1.05rem}
.zu-rel-list{display:grid;border-block-start:1px solid rgba(255,255,255,.14)}
.zu-rel-row{display:grid;grid-template-columns:46px 1fr;gap:1rem;padding-block:1.3rem;border-block-end:1px solid rgba(255,255,255,.14);transition:background-color var(--zu-ui) ease,padding-inline var(--zu-ui) var(--zu-ease)}
.zu-rel-row>svg{width:24px;height:24px;margin-block-start:.35rem;color:var(--zu-mint)}
.zu-rel-row p{margin-block-start:.28rem;color:var(--zu-on-deep-dim);font-size:.93rem;line-height:1.8}

/* Wellbeing */
.zu-well-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,6vw,6rem)}
.zu-well-intro>p:not(.zu-kicker){margin-block-start:1rem;color:var(--zu-muted)}
.zu-scope-note{margin-block-start:1.4rem;padding:1rem 1.1rem;border:1px solid var(--zu-line);border-radius:var(--zu-rs);background:var(--zu-white);color:var(--zu-muted);font-size:.9rem}
.zu-scope-note strong{color:var(--zu-deep)}
.zu-well-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:1rem}
.zu-well-item{position:relative;padding:1.35rem;border:1px solid var(--zu-line-soft);border-radius:var(--zu-rm);background:var(--zu-white);box-shadow:var(--zu-shadow-1);transition:transform var(--zu-ui) var(--zu-ease),box-shadow var(--zu-ui) var(--zu-ease)}
.zu-well-item::after{position:absolute;inset-inline-end:1.2rem;inset-block-end:1.15rem;width:9px;height:9px;border-radius:50%;background:var(--zu-lift);box-shadow:0 0 0 6px var(--zu-sage);content:""}
.zu-well-item p{margin-block-start:.55rem;padding-block-end:1.1rem;color:var(--zu-muted);font-size:.94rem;line-height:1.82}

/* Approach */
.zu-approach{background:linear-gradient(180deg,#eef4f1,var(--zu-paper))}
.zu-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:1rem}
.zu-step{position:relative;padding:1.4rem;border:1px solid rgba(14,80,73,.12);border-radius:var(--zu-rm);background:rgba(255,255,255,.82);transition:transform var(--zu-ui) var(--zu-ease),background-color var(--zu-ui) ease,box-shadow var(--zu-ui) var(--zu-ease)}
.zu-step-top{display:flex;align-items:center;gap:.8rem;margin-block-end:1.2rem;direction:ltr}
.zu-step-mark{display:grid;width:42px;height:42px;flex:none;place-items:center;border-radius:50%;background:var(--zu-deep);color:var(--zu-white);font-family:"Segoe UI",Arial,sans-serif;font-size:.8rem;font-weight:760}
.zu-step-line{height:1px;flex:1;background:var(--zu-line)}
.zu-step p{margin-block-start:.55rem;color:var(--zu-muted);font-size:.94rem}
.zu-methods{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-block-start:2rem}
.zu-methods span{padding:.5rem .9rem;border:1px solid var(--zu-line);border-radius:var(--zu-pill);background:var(--zu-white);color:var(--zu-muted);font-size:.84rem}

/* Formats and chat phone */
.zu-formats{background:var(--zu-white)}
.zu-format-grid{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.zu-phone-wrap{position:relative;display:grid;place-items:center;min-height:640px}
.zu-phone-halo{position:absolute;width:min(92%,500px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(143,224,207,.42),rgba(228,237,233,.42) 48%,transparent 70%);animation:zu-breathe 7s ease-in-out infinite}
.zu-phone{position:relative;width:min(100%,330px);padding:10px;border-radius:42px;background:#102421;box-shadow:0 28px 65px rgba(10,47,43,.24);transform:rotate(1.3deg);transition:transform 500ms var(--zu-ease)}
.zu-phone-screen{position:relative;min-height:610px;overflow:hidden;border-radius:34px;background:#efeae2;color:#1f2c29;direction:ltr}
.zu-phone-top{display:flex;align-items:center;gap:.7rem;padding:1rem;background:var(--zu-teal);color:var(--zu-white)}
.zu-phone-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--zu-mint);color:var(--zu-deep);font-family:"Segoe UI",Arial,sans-serif;font-size:.72rem;font-weight:800}
.zu-phone-top strong{display:block;font-family:"Segoe UI",Arial,sans-serif;font-size:.9rem}.zu-phone-top>div span{display:block;color:rgba(255,255,255,.7);font-size:.67rem}
.zu-chat{display:grid;gap:.62rem;padding:1rem;background-image:radial-gradient(rgba(10,47,43,.055) 1px,transparent 1px);background-size:18px 18px;direction:rtl}
.zu-bubble{max-width:88%;padding:.62rem .72rem;border-radius:12px;background:var(--zu-white);box-shadow:0 1px 2px rgba(0,0,0,.08);font-size:.75rem;line-height:1.75;opacity:0;transform:translateY(8px);transition:opacity 430ms ease,transform 430ms var(--zu-ease)}
.zu-bubble--client{justify-self:start;border-start-start-radius:3px}.zu-bubble--zahid{justify-self:end;border-start-end-radius:3px;background:#d9fdd3}
.zu-phone.is-chatting .zu-bubble{opacity:1;transform:none;transition-delay:var(--zu-chat-delay,0ms)}
.zu-phone-note{padding:.72rem 1rem;border-block-start:1px solid rgba(10,47,43,.08);background:#f8f8f8;color:#687570;font-size:.64rem;line-height:1.55;text-align:center;direction:rtl}
.zu-format-copy>p:not(.zu-kicker){margin-block-start:1rem;color:var(--zu-muted)}
.zu-format-list{display:grid;gap:.85rem;margin-block:1.7rem}
.zu-format-card{display:grid;grid-template-columns:50px 1fr;gap:1rem;align-items:start;padding:1.1rem;border:1px solid var(--zu-line-soft);border-radius:var(--zu-rm);background:var(--zu-paper);transition:transform var(--zu-ui) var(--zu-ease),border-color var(--zu-ui) ease,box-shadow var(--zu-ui) var(--zu-ease)}
.zu-format-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:var(--zu-sage);color:var(--zu-teal)}
.zu-format-icon svg{width:23px;height:23px}
.zu-format-card p{margin-block-start:.2rem;color:var(--zu-muted);font-size:.9rem}

/* Language, credentials, booking */
.zu-language-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(1.7rem,5vw,3.5rem);border-radius:var(--zu-rxl);background:var(--zu-deep);color:var(--zu-on-deep);box-shadow:var(--zu-shadow-dark)}
.zu-language-panel h2{color:var(--zu-white)}
.zu-language-panel p{margin-block-start:1rem;color:var(--zu-on-deep-dim)}
.zu-terms{display:grid;gap:.7rem}
.zu-term{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.045)}
.zu-term b{color:var(--zu-white);font-weight:700}.zu-term span{color:var(--zu-mint);font-family:"Segoe UI",Arial,sans-serif;font-size:.82rem;direction:ltr}
.zu-credentials-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
.zu-credential-intro>p:not(.zu-kicker){margin-block-start:1rem;color:var(--zu-muted)}
.zu-credentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.zu-credential{min-height:145px;padding:1.2rem;border:1px solid var(--zu-line);border-radius:var(--zu-rm);background:var(--zu-white);box-shadow:var(--zu-shadow-1);transition:transform var(--zu-ui) var(--zu-ease),box-shadow var(--zu-ui) var(--zu-ease)}
.zu-credential dt{color:var(--zu-faint);font-size:.76rem}.zu-credential dd{margin-block-start:.35rem;color:var(--zu-deep);font-size:1.08rem;font-weight:750;line-height:1.55}
.zu-profile-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-block-start:1.2rem}
.zu-book{position:relative;overflow:hidden;background:var(--zu-deep-3);color:var(--zu-on-deep)}
.zu-book::before{position:absolute;inset:-40%;background:radial-gradient(circle at 50% 50%,rgba(143,224,207,.1),transparent 42%);content:""}
.zu-book-panel{position:relative;padding:clamp(1.5rem,5vw,3.5rem);border:1px solid rgba(255,255,255,.14);border-radius:var(--zu-rxl);background:rgba(255,255,255,.05)}
.zu-book-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.zu-book h2{color:var(--zu-white)}
.zu-book-copy>p:last-child{margin-block-start:1rem;color:var(--zu-on-deep-dim)}
.zu-book-actions{display:grid;gap:.75rem}.zu-book-actions .zu-btn{width:100%}
.zu-book-meta{display:grid;gap:.2rem;margin-block-start:.45rem;color:var(--zu-on-deep-dim);font-size:.78rem;text-align:center}
.zu-book-meta a{text-decoration:underline}

/* FAQ and footer */
.zu-faq{width:min(100%,900px);margin-inline:auto;border-block-start:1px solid var(--zu-line)}
.zu-faq details{border-block-end:1px solid var(--zu-line);background:transparent}
.zu-faq summary{display:grid;grid-template-columns:1fr 28px;gap:1rem;align-items:center;padding:1.25rem 0;cursor:pointer;color:var(--zu-deep);font-weight:750;list-style:none}
.zu-faq summary::-webkit-details-marker{display:none}
.zu-faq-plus{position:relative;width:25px;height:25px;border:1px solid var(--zu-line);border-radius:50%}
.zu-faq-plus::before,.zu-faq-plus::after{position:absolute;inset:50% auto auto 50%;width:10px;height:1.5px;background:var(--zu-teal);content:"";transform:translate(-50%,-50%);transition:transform var(--zu-ui) var(--zu-ease)}
.zu-faq-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.zu-faq details[open] .zu-faq-plus::after{transform:translate(-50%,-50%) rotate(0)}
.zu-faq-answer{overflow:hidden}.zu-faq-answer>div{padding-block:0 1.3rem}.zu-faq-answer p{color:var(--zu-muted);font-size:.96rem}.zu-faq-answer a{color:var(--zu-teal);font-weight:750;text-decoration:underline}
.zu-footer{padding-block:clamp(3.5rem,7vw,5.5rem) 1.3rem;background:var(--zu-deep-3);color:var(--zu-on-deep-dim)}
.zu-footer-main{display:grid;grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(150px,.55fr));gap:clamp(1.5rem,4vw,3.5rem)}
.zu-footer-brand h2{max-width:520px;color:var(--zu-white);font-size:clamp(1.5rem,2.4vw,2.15rem)}
.zu-footer-brand p{margin-block-start:.8rem;font-size:.88rem}
.zu-footer-col h3{color:var(--zu-white);font-size:1rem}.zu-footer-col ul{display:grid;gap:.42rem;margin-block-start:.75rem}.zu-footer-col a{font-size:.84rem;transition:color var(--zu-fast) ease}.zu-footer-col a:hover{color:var(--zu-mint)}
.zu-footer-base{display:flex;justify-content:space-between;gap:1rem;margin-block-start:2.8rem;padding-block-start:1.2rem;border-block-start:1px solid rgba(255,255,255,.12);font-size:.75rem}
.zu-footer-base a{text-decoration:underline}
.zu-mobile-cta{position:fixed;inset-inline:12px;inset-block-end:12px;z-index:85;display:none;align-items:center;justify-content:space-between;gap:.8rem;padding:.62rem .7rem .62rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(6,29,26,.96);color:var(--zu-white);box-shadow:0 18px 45px rgba(0,0,0,.3);transform:translateY(calc(100% + 30px));visibility:hidden;transition:transform 460ms var(--zu-ease),visibility 460ms}
.zu-mobile-cta span{font-size:.78rem;line-height:1.45}.zu-mobile-cta .zu-btn{min-height:44px;padding:.55rem 1rem;font-size:.78rem}
.zu-mobile-cta.is-visible{transform:none;visibility:visible}

/* Motion */
.zu-reveal{opacity:0;transform:translateY(25px);transition:opacity var(--zu-enter) ease,transform var(--zu-enter) var(--zu-ease)}
.zu-from-right{transform:translateX(28px)}.zu-from-left{transform:translateX(-28px)}
.zu-reveal.is-visible{opacity:1;transform:none}
.zu-soft-reveal{opacity:0;transform:translateY(18px) scale(.99);transition:opacity 700ms ease,transform 700ms var(--zu-ease)}
.zu-soft-reveal.is-visible{opacity:1;transform:none}
@keyframes zu-rise{to{transform:none}}
@keyframes zu-fade{to{opacity:1;transform:none}}
@keyframes zu-drift{to{transform:rotate(6deg) scale(1.035);border-radius:54% 46% 42% 58%/51% 58% 42% 49%}}
@keyframes zu-breathe{50%{transform:scale(1.045);opacity:.75}}
@media (hover:hover) and (pointer:fine){
  .zu-btn:hover{transform:translateY(-2px)}.zu-btn--primary:hover{background:var(--zu-deep);box-shadow:0 13px 30px rgba(14,80,73,.25)}
  .zu-on-deep .zu-btn--light:hover{background:var(--zu-mint)}.zu-btn:hover svg{transform:translateX(-3px)}
  .zu-nav-links>a:not(.zu-btn):hover::after{transform:scaleX(1)}
  .zu-area-card:hover{transform:translateY(-6px);border-color:rgba(14,80,73,.25);box-shadow:var(--zu-shadow-2)}
  .zu-area-card:hover::before{transform:scaleX(1)}.zu-area-card:hover .zu-area-icon{transform:rotate(-4deg) scale(1.06);background:#d8ebe5}.zu-area-card:hover .zu-card-link svg{transform:scaleX(-1) translateX(-3px)}
  .zu-rel-row:hover{padding-inline:1rem;background:rgba(255,255,255,.035)}
  .zu-well-item:hover,.zu-step:hover,.zu-credential:hover{transform:translateY(-5px);box-shadow:var(--zu-shadow-2)}
  .zu-step:hover{background:var(--zu-white)}.zu-format-card:hover{transform:translateX(-5px);border-color:rgba(14,80,73,.25);box-shadow:var(--zu-shadow-1)}
  .zu-phone-wrap:hover .zu-phone{transform:rotate(0deg) translateY(-6px)}
}
@media (max-width:1020px){
  .zu-nav-links{gap:.8rem}.zu-nav-links>a:not(.zu-btn){font-size:.8rem}
  .zu-hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:2.5rem}.zu-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zu-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.zu-footer-main{grid-template-columns:1.2fr repeat(2,.65fr)}.zu-footer-col:last-child{grid-column:2/4}
}
@media (max-width:780px){
  .zu-page{font-size:1rem;line-height:1.9}.zu-section{padding-block:4.6rem}
  .zu-menu{display:flex}.zu-nav-links{position:absolute;inset-inline:1rem;inset-block-start:calc(100% + 8px);display:grid;padding:.75rem;border:1px solid var(--zu-line);border-radius:18px;background:var(--zu-white);box-shadow:var(--zu-shadow-2);opacity:0;transform:translateY(-8px) scale(.98);visibility:hidden;transition:opacity var(--zu-ui) ease,transform var(--zu-ui) var(--zu-ease),visibility 0s linear var(--zu-ui)}
  .zu-header.is-open .zu-nav-links{opacity:1;transform:none;visibility:visible;transition:opacity var(--zu-ui) ease,transform var(--zu-ui) var(--zu-ease),visibility 0s}.zu-nav-links>a:not(.zu-btn){padding:.55rem .7rem}.zu-nav-links .zu-btn{width:100%}
  .zu-hero-grid{min-height:auto;grid-template-columns:1fr;gap:2.5rem;padding-block:2.5rem 3.5rem}.zu-hero h1{font-size:clamp(2rem,7.2vw,2.9rem)}
  .zu-portrait-wrap{width:min(90%,400px)}.zu-portrait-note{inset-inline:-.6rem .6rem}
  .zu-answer-card,.zu-rel-grid,.zu-well-grid,.zu-format-grid,.zu-language-panel,.zu-credentials-grid,.zu-book-grid{grid-template-columns:1fr}
  .zu-answer-card{gap:1.1rem}.zu-rel-grid,.zu-well-grid{gap:3rem}.zu-phone-wrap{order:2;min-height:620px}.zu-format-copy{order:1}
  .zu-language-panel{gap:2rem}.zu-footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.zu-footer-brand{grid-column:1/-1}.zu-footer-col:last-child{grid-column:auto}
}
@media (max-width:560px){
  .zu-in{padding-inline:1rem}.zu-brand-copy span{display:none}.zu-hero h1{font-size:clamp(1.85rem,8.4vw,2.6rem)}
  .zu-hero-stats{grid-template-columns:1fr}.zu-hero-stats>div+div{border-inline-start:0;border-block-start:1px solid rgba(255,255,255,.13);padding-inline-start:0}
  .zu-actions{display:grid}.zu-actions .zu-btn{width:100%}.zu-area-grid,.zu-well-list,.zu-steps,.zu-credentials{grid-template-columns:1fr}
  .zu-step{min-height:auto}.zu-phone-wrap{min-height:590px}.zu-phone{width:min(96%,320px)}.zu-phone-screen{min-height:570px}
  .zu-term{align-items:flex-start;flex-direction:column}.zu-footer-main{grid-template-columns:1fr}.zu-footer-col:last-child{grid-column:auto}.zu-footer-base{flex-direction:column;padding-block-end:5.7rem}
  .zu-mobile-cta{display:flex}
}
@media (prefers-reduced-motion:reduce){
  .zu-page .zu-reveal,.zu-page .zu-soft-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .zu-page .zu-title-line>span,.zu-page .zu-hero-fade,.zu-page .zu-portrait-ring,.zu-page .zu-phone-halo{animation:none!important;opacity:1!important;transform:none!important}
  .zu-page .zu-bubble{opacity:1!important;transform:none!important;transition:none!important}.zu-page .zu-mobile-cta{transition:none!important}
  .zu-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;animation-delay:0s!important}
}

/* diagrams */
.zu-page .zu-dia{margin-block-start:clamp(2rem,4vw,3rem)}
.zu-page .zu-dia figcaption{margin-block-start:1rem;max-width:none;color:var(--zu-muted);font-size:.86rem;line-height:1.7;text-align:center}
.zu-page .zu-loop{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:.55rem;list-style:none;margin:0;padding:0}
.zu-page .zu-loop li{position:relative;display:flex;min-width:118px;flex:0 1 auto;align-items:center;justify-content:center;gap:.5rem;margin:0;padding:.7rem .95rem;border:1px solid var(--zu-line);border-radius:14px;background:var(--zu-white);font-size:.84rem;font-weight:650;line-height:1.45;text-align:center}
.zu-page .zu-loop li::after{position:absolute;inset-inline-end:-.68rem;inset-block-start:50%;color:var(--zu-lift);content:"\2192";font-size:1rem;font-weight:400;transform:translateY(-50%)}
.zu-page .zu-loop li:last-child::after{content:none}
.zu-page .zu-loop-n{display:grid;width:22px;height:22px;flex:none;place-items:center;border-radius:50%;background:var(--zu-sage);color:var(--zu-teal);font-family:"Segoe UI",Arial,sans-serif;font-size:.66rem;font-weight:800}
.zu-page .zu-loop-back{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-block-start:1rem;max-width:none;width:100%;color:var(--zu-faint);font-size:.78rem;font-weight:650}
.zu-page .zu-loop-back::before,.zu-page .zu-loop-back::after{width:clamp(20px,8vw,70px);height:1px;background:var(--zu-line);content:""}
.zu-page .zu-venn{display:block;width:100%;max-width:520px;height:auto;margin-inline:auto}
.zu-page .zu-venn .vc{fill:var(--zu-lift);fill-opacity:.12;stroke:var(--zu-lift);stroke-opacity:.45}
.zu-page .zu-venn .vt{fill:var(--zu-deep);font-family:inherit;font-size:16px;font-weight:700}
.zu-page .zu-venn .vo{fill:var(--zu-teal);font-family:inherit;font-size:15px;font-weight:750}
.zu-page .zu-venn .vl{stroke:var(--zu-lift);stroke-width:1.5;stroke-dasharray:3 3}
.zu-page .zu-venn .vd{fill:var(--zu-teal)}
.zu-well-grid>.zu-dia{grid-column:1/-1;order:2}
.zu-well-grid>.zu-well-intro{order:0}
.zu-well-grid>.zu-well-list{order:1;align-self:start}
@media (max-width:560px){.zu-page .zu-loop li{min-width:0;flex:1 1 calc(50% - .95rem)}.zu-page .zu-venn .vt{font-size:19px}.zu-page .zu-venn .vo{font-size:18px}}