/*
 * Zawqio Product UI v5
 * Unified launch site, onboarding, dashboard and marketplace design system.
 */
:root{
  --zv5-ink:#0c2f35;
  --zv5-ink-2:#163f45;
  --zv5-teal:#087d84;
  --zv5-teal-2:#0aa7aa;
  --zv5-teal-3:#73ded8;
  --zv5-coral:#f26b4e;
  --zv5-gold:#e8b75c;
  --zv5-ivory:#fffaf2;
  --zv5-mist:#f3f8f7;
  --zv5-surface:#ffffff;
  --zv5-muted:#667b7f;
  --zv5-line:#dfe9e8;
  --zv5-line-strong:#c9dcda;
  --zv5-success:#16866f;
  --zv5-danger:#c64b4b;
  --zv5-warning:#a46b12;
  --zv5-radius-xs:10px;
  --zv5-radius-sm:14px;
  --zv5-radius:20px;
  --zv5-radius-lg:30px;
  --zv5-shadow-sm:0 8px 26px rgba(7,59,67,.07);
  --zv5-shadow:0 22px 65px rgba(7,59,67,.12);
  --zv5-shadow-strong:0 34px 90px rgba(7,59,67,.18);
  --zv5-ease:cubic-bezier(.2,.8,.2,1);
}

html{scroll-padding-top:96px}
body{font-family:"Alexandria","DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--zv5-mist);color:var(--zv5-ink);-webkit-font-smoothing:antialiased}
html[dir=ltr] body{font-family:"DM Sans","Alexandria",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
::selection{background:rgba(10,167,170,.2);color:var(--zv5-ink)}

/* Generic product primitives */
.zv5-shell{width:min(1220px,calc(100% - 40px));margin-inline:auto}
.zv5-section{position:relative;padding:112px 0}
.zv5-section--soft{background:linear-gradient(180deg,#f7fbfa 0%,#eef7f5 100%)}
.zv5-section--dark{background:var(--zv5-ink);color:#fff;overflow:hidden}
.zv5-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--zv5-teal)}
.zv5-eyebrow:before{content:"";width:26px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--zv5-coral),var(--zv5-gold))}
.zv5-heading{max-width:720px;margin-bottom:48px}
.zv5-heading--center{text-align:center;margin-inline:auto}
.zv5-heading h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.14;letter-spacing:-.045em;margin:12px 0 16px;color:inherit}
.zv5-heading p{font-size:1.02rem;line-height:1.9;color:var(--zv5-muted);margin:0}
.zv5-section--dark .zv5-heading p{color:rgba(255,255,255,.68)}
.zv5-btn{min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .24s var(--zv5-ease),box-shadow .24s var(--zv5-ease),background .24s ease,border-color .24s ease;color:inherit;background:#fff}
.zv5-btn:hover{transform:translateY(-2px)}
.zv5-btn:active{transform:translateY(0) scale(.985)}
.zv5-btn--primary{background:linear-gradient(135deg,var(--zv5-teal-2),var(--zv5-teal));color:#fff;box-shadow:0 14px 34px rgba(8,125,132,.22)}
.zv5-btn--primary:hover{box-shadow:0 18px 42px rgba(8,125,132,.3)}
.zv5-btn--secondary{background:var(--zv5-ink);color:#fff;box-shadow:0 14px 32px rgba(12,47,53,.18)}
.zv5-btn--outline{border-color:var(--zv5-line-strong);background:rgba(255,255,255,.78);color:var(--zv5-ink)}
.zv5-btn--ghost{background:transparent;color:inherit}
.zv5-btn--light{background:#fff;color:var(--zv5-ink)}
.zv5-btn--lg{min-height:58px;padding-inline:28px;border-radius:17px}
.zv5-check{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;background:#e7f8f3;color:var(--zv5-success);font-size:13px;font-weight:900;flex:0 0 auto}
.zv5-x{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;background:#f4f1f1;color:#a78e8e;font-size:12px;font-weight:900;flex:0 0 auto}
.zv5-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#edf7f5;color:var(--zv5-teal);font-size:.78rem;font-weight:800}
.zv5-pill--coral{background:#fff0eb;color:#bc4b34}
.zv5-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--zv5-ease),transform .7s var(--zv5-ease)}
.zv5-reveal.is-visible{opacity:1;transform:none}

/* Landing header */
.zv5-site{min-height:100vh;background:var(--zv5-ivory);overflow:hidden}
.zv5-header{height:84px;position:fixed;z-index:100;inset:0 0 auto;background:rgba(255,250,242,.78);border-bottom:1px solid transparent;backdrop-filter:blur(18px);transition:height .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.zv5-header.is-scrolled{height:72px;background:rgba(255,255,255,.92);border-color:var(--zv5-line);box-shadow:0 10px 38px rgba(7,59,67,.07)}
.zv5-nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}
.zv5-logo{display:inline-flex;align-items:center;flex:0 0 auto}
.zv5-logo img{width:154px;height:auto}
.zv5-nav-links{display:flex;align-items:center;gap:28px;font-size:.9rem;font-weight:700}
.zv5-nav-links a{position:relative;color:var(--zv5-ink-2);padding:10px 0}
.zv5-nav-links a:after{content:"";position:absolute;inset:auto 50% 3px;width:0;height:2px;border-radius:99px;background:var(--zv5-coral);transition:.25s var(--zv5-ease)}
.zv5-nav-links a:hover:after{width:100%;inset-inline-start:0}
.zv5-nav-actions{display:flex;align-items:center;gap:9px}
.zv5-lang{display:flex;align-items:center;padding:4px;background:#edf5f3;border:1px solid var(--zv5-line);border-radius:12px}
.zv5-lang a{min-width:34px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:.76rem;font-weight:800;color:var(--zv5-muted)}
.zv5-lang a.active{background:#fff;color:var(--zv5-ink);box-shadow:0 4px 12px rgba(7,59,67,.09)}
.zv5-menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--zv5-line);border-radius:14px;background:#fff;place-items:center;cursor:pointer}
.zv5-menu-toggle span,.zv5-menu-toggle:before,.zv5-menu-toggle:after{content:"";width:20px;height:2px;background:var(--zv5-ink);border-radius:99px;display:block;transition:.25s}
.zv5-menu-toggle span{margin:4px 0}
.zv5-menu-toggle.is-open span{opacity:0}
.zv5-menu-toggle.is-open:before{transform:translateY(6px) rotate(45deg)}
.zv5-menu-toggle.is-open:after{transform:translateY(-6px) rotate(-45deg)}

/* Hero */
.zv5-hero{position:relative;padding:156px 0 92px;min-height:780px;display:flex;align-items:center;background:
 radial-gradient(circle at 12% 20%,rgba(115,222,216,.22),transparent 28%),
 radial-gradient(circle at 88% 78%,rgba(242,107,78,.14),transparent 27%),
 linear-gradient(180deg,#fffaf2 0%,#f8fbf8 100%)}
.zv5-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,59,67,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,59,67,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 86%)}
.zv5-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);align-items:center;gap:64px}
.zv5-hero-copy{position:relative;z-index:2}
.zv5-hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(8,125,132,.16);border-radius:999px;background:rgba(255,255,255,.7);color:var(--zv5-teal);font-size:.82rem;font-weight:800;box-shadow:0 8px 28px rgba(7,59,67,.06)}
.zv5-hero-kicker i{width:8px;height:8px;border-radius:50%;background:var(--zv5-coral);box-shadow:0 0 0 5px rgba(242,107,78,.12)}
.zv5-hero h1{font-size:clamp(3rem,5.25vw,5.3rem);line-height:1.05;letter-spacing:-.065em;margin:24px 0 22px;max-width:720px}
.zv5-hero h1 span{display:inline-block;color:var(--zv5-teal);position:relative}
.zv5-hero h1 span:after{content:"";position:absolute;height:11px;border-radius:999px;background:rgba(242,107,78,.2);inset:auto 0 3px;z-index:-1;transform:rotate(-1deg)}
.zv5-hero-copy>p{font-size:1.08rem;line-height:1.95;color:var(--zv5-muted);max-width:630px;margin:0}
.zv5-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.zv5-hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--zv5-muted);font-size:.79rem;font-weight:700}
.zv5-hero-proof span{display:inline-flex;align-items:center;gap:7px}
.zv5-hero-proof span:before{content:"✓";width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#e5f5f0;color:var(--zv5-success);font-size:11px}
.zv5-product-stage{position:relative;min-height:560px;perspective:1200px}
.zv5-browser{position:absolute;inset:24px 6px 32px 36px;border:1px solid rgba(7,59,67,.13);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:var(--zv5-shadow-strong);overflow:hidden;transform:rotateY(-4deg) rotateX(1deg);transform-origin:center;transition:transform .5s var(--zv5-ease)}
html[dir=rtl] .zv5-browser{transform:rotateY(4deg) rotateX(1deg)}
.zv5-product-stage:hover .zv5-browser{transform:none}
.zv5-browser-bar{height:48px;border-bottom:1px solid #e6eeec;display:flex;align-items:center;gap:7px;padding:0 16px;background:#fbfdfc}
.zv5-browser-bar i{width:9px;height:9px;border-radius:50%;background:#dbe4e2}
.zv5-browser-bar i:first-child{background:#f39c83}.zv5-browser-bar i:nth-child(2){background:#efc76e}.zv5-browser-bar i:nth-child(3){background:#7ed7c7}
.zv5-browser-url{margin-inline:auto;width:48%;height:25px;border-radius:8px;background:#eef4f2;display:flex;align-items:center;justify-content:center;color:#78908e;font-size:.62rem}
.zv5-demo-app{display:grid;grid-template-columns:178px 1fr;height:calc(100% - 48px);background:#f8faf9}
.zv5-demo-side{padding:22px 15px;background:#0b3f45;color:#fff;display:flex;flex-direction:column;gap:8px}
.zv5-demo-brand{display:flex;align-items:center;gap:9px;margin-bottom:20px}.zv5-demo-brand b{font-size:.76rem}.zv5-demo-brand i{width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,var(--zv5-coral),var(--zv5-gold))}
.zv5-demo-side span{height:33px;border-radius:9px;display:flex;align-items:center;padding:0 10px;font-size:.63rem;color:rgba(255,255,255,.65)}
.zv5-demo-side span.active{background:rgba(115,222,216,.14);color:#fff}
.zv5-demo-main{padding:20px;overflow:hidden}
.zv5-demo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.zv5-demo-top strong{font-size:.78rem}.zv5-demo-top span{width:78px;height:26px;border-radius:8px;background:#e5f5f2}
.zv5-demo-banner{height:122px;border-radius:18px;padding:18px;color:#fff;background:linear-gradient(135deg,#0d535a,#0aa7aa);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.zv5-demo-banner:after{content:"";width:170px;height:170px;border-radius:50%;position:absolute;inset:-55px -32px auto auto;background:rgba(255,255,255,.12)}
.zv5-demo-banner b{font-size:1rem}.zv5-demo-banner small{font-size:.62rem;margin-top:4px;opacity:.75}.zv5-demo-banner em{margin-top:12px;width:76px;height:22px;border-radius:8px;background:#fff;color:#0d535a;font-style:normal;font-size:.56rem;display:grid;place-items:center;font-weight:800}
.zv5-demo-cats{display:flex;gap:7px;margin:16px 0}.zv5-demo-cats span{height:26px;padding:0 11px;border-radius:999px;background:#eef3f2;font-size:.55rem;display:flex;align-items:center}.zv5-demo-cats span:first-child{background:#0d535a;color:#fff}
.zv5-demo-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.zv5-demo-product{background:#fff;border:1px solid #e6efed;border-radius:14px;padding:8px}.zv5-demo-product i{height:72px;border-radius:10px;display:block;background:linear-gradient(135deg,#f4c9a5,#ef7f59)}.zv5-demo-product:nth-child(2) i{background:linear-gradient(135deg,#c1e1c7,#4f9e77)}.zv5-demo-product:nth-child(3) i{background:linear-gradient(135deg,#ead9bd,#b77d43)}.zv5-demo-product b,.zv5-demo-product span{height:6px;border-radius:99px;background:#d9e5e2;display:block;margin-top:8px}.zv5-demo-product b{width:80%}.zv5-demo-product span{width:46%;background:#8fcfc4}
.zv5-float-card{position:absolute;z-index:4;background:rgba(255,255,255,.94);border:1px solid rgba(7,59,67,.11);border-radius:18px;padding:14px 16px;box-shadow:var(--zv5-shadow);backdrop-filter:blur(16px);animation:zv5-float 5s ease-in-out infinite}
.zv5-float-card strong{display:block;font-size:.84rem}.zv5-float-card small{display:block;color:var(--zv5-muted);font-size:.68rem;margin-top:3px}
.zv5-float-card--order{inset:38px auto auto 0}.zv5-float-card--order:before{content:"✓";width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#e3f7f0;color:var(--zv5-success);float:inline-start;margin-inline-end:10px}
.zv5-float-card--branch{inset:auto 0 18px auto;animation-delay:-1.5s}.zv5-float-card--branch span{display:inline-flex;gap:4px;margin-top:8px}.zv5-float-card--branch i{width:27px;height:6px;border-radius:999px;background:#d8e6e3}.zv5-float-card--branch i:first-child{background:var(--zv5-coral);width:42px}
@keyframes zv5-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* Social proof and feature story */
.zv5-proof-bar{position:relative;z-index:2;margin-top:-28px}.zv5-proof-inner{min-height:92px;border-radius:22px;background:#fff;border:1px solid var(--zv5-line);box-shadow:var(--zv5-shadow-sm);display:grid;grid-template-columns:1.2fr repeat(3,1fr);align-items:center;padding:16px 24px;gap:12px}.zv5-proof-label{font-weight:800}.zv5-proof-label small{display:block;color:var(--zv5-muted);font-size:.7rem;margin-top:4px}.zv5-proof-metric{border-inline-start:1px solid var(--zv5-line);padding-inline-start:20px}.zv5-proof-metric b{font-size:1.35rem;display:block}.zv5-proof-metric span{font-size:.72rem;color:var(--zv5-muted)}
.zv5-feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.zv5-feature-card{position:relative;border:1px solid var(--zv5-line);border-radius:26px;background:#fff;padding:30px;overflow:hidden;min-height:280px;box-shadow:0 12px 38px rgba(7,59,67,.045);transition:.35s var(--zv5-ease)}
.zv5-feature-card:hover{transform:translateY(-5px);box-shadow:var(--zv5-shadow)}
.zv5-feature-card:nth-child(1),.zv5-feature-card:nth-child(4){grid-column:span 7}.zv5-feature-card:nth-child(2),.zv5-feature-card:nth-child(3){grid-column:span 5}
.zv5-feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eaf7f4;color:var(--zv5-teal);margin-bottom:25px}.zv5-feature-icon svg{width:23px;height:23px}
.zv5-feature-card h3{font-size:1.35rem;margin:0 0 10px}.zv5-feature-card p{color:var(--zv5-muted);line-height:1.85;margin:0;max-width:470px}.zv5-feature-mini{position:absolute;inset:auto 22px 20px 22px;height:78px;border:1px solid #e5eeec;border-radius:16px;background:#f7faf9;display:flex;align-items:center;padding:12px;gap:9px}.zv5-feature-mini i{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--zv5-teal-2),var(--zv5-teal));flex:0 0 auto}.zv5-feature-mini span{height:8px;border-radius:99px;background:#d7e5e2;display:block;width:120px;margin:5px}.zv5-feature-mini b{margin-inline-start:auto;color:var(--zv5-success);font-size:.77rem}

/* Experiences */
.zv5-experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.zv5-experience{border-radius:30px;min-height:530px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 60px rgba(0,0,0,.22);transition:.45s var(--zv5-ease);isolation:isolate;background:#0b292d}
.zv5-experience:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.26)}
.zv5-experience:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}
.zv5-experience.is-editorial:before{background:linear-gradient(180deg,rgba(9,28,30,.02) 18%,rgba(9,28,30,.2) 47%,rgba(5,18,20,.94) 100%)}
.zv5-experience.is-bold:before{background:linear-gradient(180deg,rgba(7,12,13,.12) 0%,rgba(7,12,13,.34) 37%,rgba(7,12,13,.97) 100%)}
.zv5-experience.is-catalog:before{background:linear-gradient(180deg,rgba(5,26,26,.02) 8%,rgba(5,26,26,.34) 45%,rgba(5,22,24,.96) 100%)}
.zv5-experience img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .85s var(--zv5-ease),filter .45s var(--zv5-ease);font-size:0;color:transparent}
.zv5-experience.is-editorial img{object-position:center 48%}
.zv5-experience.is-bold img{object-position:center center;filter:saturate(1.08) contrast(1.03)}
.zv5-experience.is-catalog img{object-position:center 48%;filter:saturate(.95) contrast(1.02)}
.zv5-experience:hover img{transform:scale(1.055)}
.zv5-experience-preview{position:absolute;z-index:2;inset:22px 22px auto;pointer-events:none}
.zv5-experience-preview--editorial{display:flex;align-items:center;gap:9px;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:800}
.zv5-experience-preview--editorial i{height:1px;flex:1;background:rgba(255,255,255,.48)}
.zv5-experience-preview--editorial small{font-size:.62rem;color:rgba(255,255,255,.72);font-weight:700;letter-spacing:0;text-transform:none}
.zv5-experience-preview--bold{display:grid;justify-items:start;gap:8px;color:#fff}
.zv5-experience-preview--bold span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#ff6f3c;color:#111;font-size:.68rem;font-weight:900}
.zv5-experience-preview--bold strong{font-size:1.35rem;line-height:1;font-weight:950;text-shadow:0 4px 16px rgba(0,0,0,.36)}
.zv5-experience-preview--bold b{display:inline-flex;padding:8px 12px;border-radius:12px;background:#fff;color:#0b2428;font-size:.68rem;font-weight:900}
.zv5-experience-preview--catalog{display:grid;gap:9px}
.zv5-experience-preview--catalog>span{display:flex;align-items:center;min-height:38px;padding:0 13px;border-radius:13px;background:rgba(255,255,255,.9);color:#526063;font-size:.68rem;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.zv5-experience-preview--catalog>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.zv5-experience-preview--catalog i{display:block;height:34px;border-radius:10px;background:rgba(255,255,255,.82);box-shadow:0 7px 18px rgba(0,0,0,.12)}
.zv5-experience-body{position:absolute;z-index:3;inset:auto 25px 26px;color:#fff}
.zv5-experience-body .zv5-pill{background:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(12px)}
.zv5-experience h3{font-size:1.6rem;line-height:1.45;margin:16px 0 8px;max-width:95%}
.zv5-experience p{font-size:.88rem;line-height:1.7;color:rgba(255,255,255,.75);margin:0 0 18px}
.zv5-experience a{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:.84rem;padding-block:4px;border-bottom:1px solid rgba(255,255,255,.4)}
.zv5-experience.is-bold{transform:translateY(-12px);border-color:rgba(255,126,78,.42);box-shadow:0 30px 70px rgba(0,0,0,.29)}
.zv5-experience.is-bold:hover{transform:translateY(-20px)}

/* How it works */
.zv5-workflow{display:grid;grid-template-columns:1fr 1.12fr;gap:64px;align-items:center}
.zv5-workflow-list{display:grid;gap:12px}.zv5-workflow-step{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px;border-radius:18px;border:1px solid transparent;transition:.25s}.zv5-workflow-step:hover{background:#fff;border-color:var(--zv5-line);box-shadow:var(--zv5-shadow-sm)}.zv5-workflow-step>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#e7f5f2;color:var(--zv5-teal);font-weight:900}.zv5-workflow-step h3{margin:2px 0 5px;font-size:1rem}.zv5-workflow-step p{margin:0;color:var(--zv5-muted);font-size:.84rem;line-height:1.7}.zv5-workflow-visual{min-height:530px;border-radius:30px;background:var(--zv5-ink);position:relative;overflow:hidden;padding:32px;box-shadow:var(--zv5-shadow-strong)}.zv5-workflow-visual:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(10,167,170,.28);filter:blur(50px);inset:-120px -90px auto auto}.zv5-phone{width:260px;height:470px;border-radius:35px;border:8px solid #0a2428;background:#fff;position:absolute;inset:30px auto auto 46px;box-shadow:0 30px 70px rgba(0,0,0,.35);overflow:hidden;transform:rotate(-5deg)}
html[dir=rtl] .zv5-phone{inset:30px 46px auto auto;transform:rotate(5deg)}
.zv5-phone-head{height:130px;background:linear-gradient(135deg,#e9ba7b,#9d5b37);padding:18px;color:#fff}.zv5-phone-notch{width:82px;height:18px;border-radius:0 0 13px 13px;background:#0a2428;margin:-18px auto 25px}.zv5-phone-head b{display:block}.zv5-phone-head small{opacity:.75}.zv5-phone-content{padding:13px}.zv5-phone-search{height:32px;border-radius:10px;background:#f0f4f3;margin-bottom:10px}.zv5-phone-row{display:grid;grid-template-columns:60px 1fr 22px;gap:8px;padding:8px 0;border-bottom:1px solid #edf1f0}.zv5-phone-row i{height:56px;border-radius:10px;background:#e0a56e}.zv5-phone-row:nth-child(3) i{background:#89b98f}.zv5-phone-row:nth-child(4) i{background:#d77960}.zv5-phone-row span:before,.zv5-phone-row span:after{content:"";display:block;height:6px;border-radius:99px;background:#dce6e4;margin:8px 0;width:85%}.zv5-phone-row span:after{width:45%;background:#83c5b9}.zv5-phone-row b{width:22px;height:22px;border-radius:7px;background:#0aa7aa;color:#fff;display:grid;place-items:center;font-size:12px}.zv5-workflow-card{position:absolute;inset:auto 28px 42px auto;width:260px;border-radius:20px;background:#fff;padding:18px;box-shadow:0 24px 56px rgba(0,0,0,.25)}
html[dir=rtl] .zv5-workflow-card{inset:auto auto 42px 28px}.zv5-workflow-card h4{margin:0 0 15px}.zv5-workflow-card div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--zv5-line);font-size:.74rem}.zv5-workflow-card div:last-child{border:0}.zv5-workflow-card b{color:var(--zv5-success)}

/* Pricing */
.zv5-pricing-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:44px}.zv5-pricing-head .zv5-heading{margin:0}.zv5-billing-toggle{display:inline-flex;align-items:center;padding:5px;border:1px solid var(--zv5-line);background:#fff;border-radius:15px;box-shadow:var(--zv5-shadow-sm)}.zv5-billing-toggle button{border:0;background:transparent;color:var(--zv5-muted);height:42px;padding:0 18px;border-radius:11px;font-weight:800;cursor:pointer;white-space:nowrap}.zv5-billing-toggle button.active{background:var(--zv5-ink);color:#fff;box-shadow:0 7px 18px rgba(12,47,53,.18)}.zv5-billing-toggle small{color:var(--zv5-success);font-size:.63rem;margin-inline-start:4px}
.zv5-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.zv5-plan{position:relative;padding:30px;border:1px solid var(--zv5-line);border-radius:28px;background:#fff;box-shadow:0 12px 34px rgba(7,59,67,.055);display:flex;flex-direction:column;min-height:620px;transition:.35s var(--zv5-ease)}.zv5-plan:hover{transform:translateY(-6px);box-shadow:var(--zv5-shadow)}.zv5-plan.is-featured{border:2px solid var(--zv5-teal-2);box-shadow:0 24px 70px rgba(8,125,132,.15);transform:translateY(-12px)}.zv5-plan.is-featured:hover{transform:translateY(-17px)}.zv5-plan-badge{position:absolute;inset:-16px 24px auto auto;height:32px;padding:0 14px;border-radius:999px;background:var(--zv5-ink);color:#fff;display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:800;box-shadow:0 10px 24px rgba(12,47,53,.22)}
html[dir=rtl] .zv5-plan-badge{inset:-16px auto auto 24px}.zv5-plan-badge:before{content:"★";color:var(--zv5-gold)}
.zv5-plan-icon{width:48px;height:48px;border-radius:16px;background:#eaf7f4;color:var(--zv5-teal);display:grid;place-items:center;margin-bottom:20px}.zv5-plan-icon svg{width:24px;height:24px}.zv5-plan h3{font-size:1.4rem;margin:0}.zv5-plan-name{font-size:.74rem;color:var(--zv5-muted);margin-top:4px}.zv5-plan-desc{font-size:.82rem;color:var(--zv5-muted);line-height:1.7;min-height:48px;margin:15px 0 20px}.zv5-price-wrap{padding:18px 0;border-block:1px solid var(--zv5-line);margin-bottom:18px}.zv5-old-price{font-size:.78rem;color:#9aa8aa;text-decoration:line-through;min-height:20px}.zv5-price-line{display:flex;align-items:flex-end;gap:7px}.zv5-price-value{font-size:2.55rem;letter-spacing:-.04em;font-weight:900;line-height:1}.zv5-price-unit{font-size:.72rem;color:var(--zv5-muted);padding-bottom:5px}.zv5-price-note{font-size:.68rem;color:var(--zv5-success);margin-top:7px;font-weight:700;min-height:18px}.zv5-plan ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}.zv5-plan li{display:flex;align-items:flex-start;gap:10px;font-size:.79rem;line-height:1.6}.zv5-plan .zv5-btn{margin-top:auto;width:100%}
.zv5-compare-wrap{margin-top:36px;border:1px solid var(--zv5-line);border-radius:26px;background:#fff;overflow:hidden;box-shadow:var(--zv5-shadow-sm)}.zv5-compare-title{padding:23px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--zv5-line)}.zv5-compare-title h3{margin:0;font-size:1.15rem}.zv5-compare-title p{margin:4px 0 0;color:var(--zv5-muted);font-size:.76rem}.zv5-comparison{width:100%;border-collapse:collapse;min-width:760px}.zv5-comparison th,.zv5-comparison td{padding:15px 18px;border-bottom:1px solid #edf2f1;text-align:center;font-size:.77rem}.zv5-comparison th:first-child,.zv5-comparison td:first-child{text-align:start;width:37%;font-weight:750}.zv5-comparison thead th{background:#f5f9f8;color:var(--zv5-ink);font-size:.78rem}.zv5-comparison thead th.is-featured{background:#eaf8f5;color:var(--zv5-teal)}.zv5-comparison tr:last-child td{border-bottom:0}.zv5-comparison tbody tr:hover{background:#fbfdfc}.zv5-table-scroll{overflow:auto}

/* FAQ + CTA + footer */
.zv5-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.zv5-faq-grid details{border:1px solid var(--zv5-line);border-radius:18px;background:#fff;padding:0 20px;transition:.2s}.zv5-faq-grid details[open]{box-shadow:var(--zv5-shadow-sm);border-color:var(--zv5-line-strong)}.zv5-faq-grid summary{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-weight:800;list-style:none;font-size:.88rem}.zv5-faq-grid summary:after{content:"+";width:28px;height:28px;border-radius:9px;background:#edf5f3;display:grid;place-items:center;color:var(--zv5-teal);font-size:1.15rem;transition:.25s}.zv5-faq-grid details[open] summary:after{transform:rotate(45deg)}.zv5-faq-grid p{color:var(--zv5-muted);font-size:.82rem;line-height:1.8;padding-bottom:18px;margin:0}.zv5-cta{position:relative;border-radius:34px;background:linear-gradient(135deg,#0c343a,#075b62);color:#fff;padding:58px;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:34px;box-shadow:var(--zv5-shadow-strong)}.zv5-cta:before,.zv5-cta:after{content:"";position:absolute;border-radius:50%;background:rgba(115,222,216,.13)}.zv5-cta:before{width:330px;height:330px;inset:-180px auto auto -120px}.zv5-cta:after{width:180px;height:180px;inset:auto -80px -90px auto}.zv5-cta>*{position:relative;z-index:1}.zv5-cta h2{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.22;margin:0 0 12px}.zv5-cta p{margin:0;color:rgba(255,255,255,.68);line-height:1.8}.zv5-footer{padding:52px 0 24px;background:#062f35;color:#fff}.zv5-footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.1)}.zv5-footer-brand img{width:150px;filter:brightness(0) invert(1)}.zv5-footer-brand p{color:rgba(255,255,255,.58);font-size:.78rem;line-height:1.8;max-width:300px}.zv5-footer h4{font-size:.8rem;margin:0 0 16px;color:rgba(255,255,255,.95)}.zv5-footer-links{display:grid;gap:11px}.zv5-footer-links a{font-size:.74rem;color:rgba(255,255,255,.58);transition:.2s}.zv5-footer-links a:hover{color:#fff;transform:translateX(-2px)}.zv5-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:22px;color:rgba(255,255,255,.45);font-size:.68rem}

/* Demos page */
.zv5-page-hero{padding:156px 0 70px;background:linear-gradient(180deg,#fffaf2,#f4f9f7);text-align:center}.zv5-page-hero h1{font-size:clamp(2.5rem,5vw,4.6rem);letter-spacing:-.055em;line-height:1.08;margin:18px auto;max-width:860px}.zv5-page-hero p{color:var(--zv5-muted);line-height:1.9;max-width:690px;margin:auto}.zv5-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.zv5-demo-card{border-radius:28px;background:#fff;border:1px solid var(--zv5-line);overflow:hidden;box-shadow:var(--zv5-shadow-sm);transition:.35s var(--zv5-ease)}.zv5-demo-card:hover{transform:translateY(-7px);box-shadow:var(--zv5-shadow)}.zv5-demo-image{height:330px;position:relative;overflow:hidden}.zv5-demo-image img{width:100%;height:100%;object-fit:cover;transition:.7s var(--zv5-ease)}.zv5-demo-card:hover .zv5-demo-image img{transform:scale(1.05)}.zv5-demo-index{position:absolute;inset:18px auto auto 18px;width:42px;height:42px;border-radius:13px;background:rgba(7,59,67,.78);color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:900;backdrop-filter:blur(12px)}
html[dir=rtl] .zv5-demo-index{inset:18px 18px auto auto}.zv5-demo-card-body{padding:24px}.zv5-demo-card h2{font-size:1.3rem;margin:0 0 8px}.zv5-demo-card p{font-size:.8rem;line-height:1.75;color:var(--zv5-muted);min-height:58px}.zv5-demo-tags{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 20px}.zv5-demo-tags span{padding:7px 9px;border-radius:999px;background:#eef6f4;color:var(--zv5-teal);font-size:.65rem;font-weight:800}.zv5-demo-card-actions{display:flex;gap:8px}.zv5-demo-card-actions .zv5-btn{flex:1;min-height:45px;font-size:.76rem}

/* Authentication / onboarding */
.zv5-auth{min-height:100vh;display:grid;grid-template-columns:minmax(370px,.82fr) minmax(620px,1.18fr);background:#fff}
.zv5-auth-visual{position:relative;min-height:100vh;padding:42px;display:flex;flex-direction:column;color:#fff;background:
 radial-gradient(circle at 15% 15%,rgba(115,222,216,.24),transparent 28%),
 radial-gradient(circle at 86% 76%,rgba(242,107,78,.2),transparent 30%),
 linear-gradient(145deg,#073b43,#052d33);overflow:hidden}
.zv5-auth-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}
.zv5-auth-visual>*{position:relative;z-index:1}.zv5-auth-logo img{width:170px;filter:brightness(0) invert(1)}.zv5-auth-copy{margin:auto 0}.zv5-auth-copy .zv5-eyebrow{color:var(--zv5-teal-3)}.zv5-auth-copy h1{font-size:clamp(2.3rem,4.1vw,4.25rem);line-height:1.11;letter-spacing:-.055em;margin:18px 0}.zv5-auth-copy p{max-width:520px;color:rgba(255,255,255,.65);line-height:1.9}.zv5-auth-benefits{display:grid;gap:10px;margin-top:24px}.zv5-auth-benefits span{display:flex;align-items:center;gap:10px;font-size:.78rem;color:rgba(255,255,255,.78)}.zv5-auth-benefits span:before{content:"✓";width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:rgba(115,222,216,.15);color:var(--zv5-teal-3);font-size:11px}.zv5-auth-foot{font-size:.68rem;color:rgba(255,255,255,.42)}
.zv5-auth-preview{margin-top:30px;width:min(100%,410px);border-radius:23px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);backdrop-filter:blur(15px);padding:16px}.zv5-auth-preview-head{display:flex;align-items:center;gap:10px}.zv5-auth-preview-logo{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,var(--zv5-coral),var(--zv5-gold));display:grid;place-items:center;font-weight:900}.zv5-auth-preview-head span{font-size:.68rem;color:rgba(255,255,255,.55)}.zv5-auth-preview-body{height:100px;border-radius:16px;background:rgba(255,255,255,.08);margin-top:13px;position:relative;overflow:hidden}.zv5-auth-preview-body:before{content:"";position:absolute;width:70%;height:10px;border-radius:999px;background:rgba(255,255,255,.65);inset:25px 18px auto}.zv5-auth-preview-body:after{content:"";position:absolute;width:42%;height:7px;border-radius:999px;background:rgba(115,222,216,.65);inset:48px 18px auto}
.zv5-auth-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:54px;background:#fffdf8}.zv5-auth-card{width:min(100%,820px)}.zv5-auth-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.zv5-auth-top h2{font-size:1.9rem;margin:0 0 7px;letter-spacing:-.025em}.zv5-auth-top p{margin:0;color:var(--zv5-muted);font-size:.83rem}.zv5-auth-form{display:grid;gap:22px}.zv5-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.zv5-field{display:grid;gap:7px}.zv5-field--full{grid-column:1/-1}.zv5-field label{font-size:.77rem;font-weight:800;color:var(--zv5-ink-2)}.zv5-input,.zv5-select{width:100%;height:52px;border:1px solid var(--zv5-line-strong);border-radius:14px;background:#fff;color:var(--zv5-ink);padding:0 15px;outline:none;transition:.2s}.zv5-input:focus,.zv5-select:focus{border-color:var(--zv5-teal-2);box-shadow:0 0 0 4px rgba(10,167,170,.11)}.zv5-input::placeholder{color:#a0afb0}.zv5-help{font-size:.64rem;color:var(--zv5-muted)}.zv5-auth-error{border:1px solid #ffd2cc;background:#fff4f2;color:#9f3523;border-radius:14px;padding:12px 15px;font-size:.76rem}.zv5-auth-error ul{margin:0;padding-inline-start:20px}.zv5-auth-links{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.75rem;color:var(--zv5-muted)}.zv5-auth-links a{font-weight:800;color:var(--zv5-teal)}
.zv5-steps-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:25px}.zv5-step-indicator{display:flex;align-items:center;gap:9px;color:#99a8a9;font-size:.68rem;font-weight:800}.zv5-step-indicator i{width:28px;height:28px;border-radius:9px;background:#eef3f2;display:grid;place-items:center;font-style:normal}.zv5-step-indicator.active{color:var(--zv5-ink)}.zv5-step-indicator.active i,.zv5-step-indicator.done i{background:var(--zv5-teal);color:#fff}.zv5-step-line{height:4px;border-radius:99px;background:#edf2f1;grid-column:1/-1;overflow:hidden}.zv5-step-line span{display:block;height:100%;width:33.333%;background:linear-gradient(90deg,var(--zv5-teal-2),var(--zv5-coral));border-radius:99px;transition:.35s var(--zv5-ease)}.zv5-onboarding-step{display:block;animation:zv5-step-in .35s var(--zv5-ease)}.has-js .zv5-onboarding-step{display:none}.has-js .zv5-onboarding-step.active{display:block}@keyframes zv5-step-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.zv5-step-title{margin-bottom:20px}.zv5-step-title h3{font-size:1.2rem;margin:0 0 7px}.zv5-step-title p{margin:0;color:var(--zv5-muted);font-size:.76rem}.zv5-step-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.zv5-step-actions .zv5-btn{min-width:140px}.zv5-plan-select{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.zv5-plan-option{position:relative;border:1px solid var(--zv5-line);border-radius:17px;padding:15px;background:#fff;cursor:pointer;transition:.2s}.zv5-plan-option input{position:absolute;opacity:0}.zv5-plan-option:has(input:checked){border-color:var(--zv5-teal-2);box-shadow:0 0 0 3px rgba(10,167,170,.1);background:#f5fbf9}.zv5-plan-option b{display:block;font-size:.83rem}.zv5-plan-option span{display:block;color:var(--zv5-muted);font-size:.65rem;margin-top:4px}.zv5-plan-option strong{display:block;color:var(--zv5-teal);font-size:.78rem;margin-top:9px}.zv5-checkbox{display:flex;align-items:flex-start;gap:9px;font-size:.7rem;color:var(--zv5-muted);line-height:1.6}.zv5-checkbox input{margin-top:4px;accent-color:var(--zv5-teal)}

/* Dashboard shell v5 */
.dashboard-shell{--sidebar-width:278px;background:#f3f7f6;color:var(--zv5-ink)}
.dashboard-shell .sidebar{width:var(--sidebar-width);padding:23px 17px 18px;background:linear-gradient(180deg,#073b43 0%,#052f35 100%);border:0;box-shadow:18px 0 50px rgba(7,59,67,.08);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:80}
html[dir=rtl] .dashboard-shell .sidebar{box-shadow:-18px 0 50px rgba(7,59,67,.08)}
.dashboard-shell .brand{min-height:50px;padding:0 10px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.dashboard-shell .brand-logo-dashboard{width:142px;filter:brightness(0) invert(1)}
.zv5-workspace-chip{margin:0 5px 18px;padding:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:16px;color:#fff;display:flex;align-items:center;gap:10px}.zv5-workspace-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--zv5-coral),var(--zv5-gold));display:grid;place-items:center;font-weight:900;flex:0 0 auto}.zv5-workspace-chip b{display:block;font-size:.73rem;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zv5-workspace-chip small{display:block;color:rgba(255,255,255,.5);font-size:.59rem;margin-top:3px}
.dashboard-shell .side-label{padding:0 12px;margin:16px 0 7px;color:rgba(255,255,255,.36);font-size:.59rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.dashboard-shell .side-nav{display:grid;gap:4px}.dashboard-shell .side-nav a{min-height:43px;border-radius:12px;padding:0 12px;color:rgba(255,255,255,.64);font-size:.75rem;font-weight:650;display:flex;align-items:center;gap:11px;border:1px solid transparent;transition:.2s}.dashboard-shell .side-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}.dashboard-shell .side-nav a.active{color:#fff;background:linear-gradient(135deg,rgba(10,167,170,.22),rgba(115,222,216,.08));border-color:rgba(115,222,216,.12);box-shadow:inset 3px 0 0 var(--zv5-coral)}
html[dir=rtl] .dashboard-shell .side-nav a.active{box-shadow:inset -3px 0 0 var(--zv5-coral)}
.dashboard-shell .side-icon{width:22px;height:22px;display:grid;place-items:center;color:#79ddd7;flex:0 0 auto}.dashboard-shell .side-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.zv5-side-count{margin-inline-start:auto;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:rgba(242,107,78,.17);color:#ffb49f;display:grid;place-items:center;font-size:.55rem;font-weight:800}.dashboard-shell .side-footer{margin-top:auto;padding-top:16px}.zv5-plan-status{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.055);padding:13px;color:#fff}.zv5-plan-status-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.zv5-plan-status b{font-size:.69rem}.zv5-plan-status span{font-size:.56rem;color:#8fe4df}.zv5-plan-status p{font-size:.58rem;color:rgba(255,255,255,.47);margin:7px 0 10px}.zv5-plan-status a{height:32px;border-radius:9px;background:#fff;color:var(--zv5-ink);display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800}
.dashboard-shell .dashboard-main{margin-inline-start:var(--sidebar-width);min-height:100vh;background:#f3f7f6}.dashboard-shell .topbar{height:76px;padding:0 30px;border-bottom:1px solid var(--zv5-line);background:rgba(255,255,255,.82);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:45}.zv5-topbar-context b{display:block;font-size:.82rem}.zv5-topbar-context span{display:block;color:var(--zv5-muted);font-size:.62rem;margin-top:3px}.dashboard-shell .topbar-actions{gap:9px}.dashboard-shell .lang-switch{height:38px;padding:3px;background:#edf4f2;border:1px solid var(--zv5-line);border-radius:11px}.dashboard-shell .lang-switch a{height:30px;min-width:32px;border-radius:8px;font-size:.65rem}.dashboard-shell .lang-switch a.active{background:#fff;box-shadow:0 4px 10px rgba(7,59,67,.08)}.dashboard-shell .icon-btn{width:40px;height:40px;border:1px solid var(--zv5-line);border-radius:12px;background:#fff;color:var(--zv5-ink);box-shadow:none}.dashboard-shell .icon-btn:hover{border-color:var(--zv5-line-strong);background:#f9fbfa}.zv5-notification{position:relative}.zv5-notification:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--zv5-coral);top:8px;right:8px;border:2px solid #fff}.dashboard-shell .user-chip{position:relative;min-height:43px;padding:4px 6px 4px 10px;border:1px solid var(--zv5-line);background:#fff;border-radius:13px;cursor:pointer}.dashboard-shell .user-avatar{width:33px;height:33px;border-radius:10px;background:linear-gradient(135deg,var(--zv5-teal),var(--zv5-teal-2));font-size:.74rem}.dashboard-shell .user-chip b{font-size:.67rem}.dashboard-shell .user-chip .muted{font-size:.56rem}.zv5-user-menu{display:none;position:absolute;inset:calc(100% + 9px) auto auto 0;width:210px;padding:9px;border:1px solid var(--zv5-line);border-radius:15px;background:#fff;box-shadow:var(--zv5-shadow);z-index:70}.zv5-user-menu.open{display:grid;animation:zv5-step-in .2s}.zv5-user-menu a,.zv5-user-menu button{height:39px;border:0;background:transparent;border-radius:9px;padding:0 10px;display:flex;align-items:center;text-align:start;font-size:.7rem;color:var(--zv5-ink);cursor:pointer;width:100%}.zv5-user-menu a:hover,.zv5-user-menu button:hover{background:#f2f7f6}.dashboard-shell .content{max-width:1480px;padding:30px 32px 48px;margin:auto}.zv5-sidebar-overlay{display:none;position:fixed;z-index:70;inset:0;background:rgba(5,24,27,.46);backdrop-filter:blur(3px)}

/* Dashboard component overrides */
.dashboard-shell .btn{min-height:42px;padding-inline:16px;border-radius:12px;font-size:.72rem;font-weight:800;box-shadow:none}.dashboard-shell .btn-primary{background:linear-gradient(135deg,var(--zv5-teal-2),var(--zv5-teal));border-color:transparent;box-shadow:0 9px 22px rgba(8,125,132,.18)}.dashboard-shell .btn-outline{background:#fff;border-color:var(--zv5-line-strong);color:var(--zv5-ink)}.dashboard-shell .btn-gold{background:var(--zv5-coral);border-color:var(--zv5-coral);color:#fff}.dashboard-shell .card{border:1px solid var(--zv5-line);border-radius:20px;background:#fff;box-shadow:0 7px 28px rgba(7,59,67,.045)}.dashboard-shell .card-body{padding:22px}.dashboard-shell .page-head{margin-bottom:22px}.dashboard-shell .page-head h1{font-size:1.55rem;letter-spacing:-.025em}.dashboard-shell .page-head p{font-size:.74rem;line-height:1.7}.dashboard-shell .input,.dashboard-shell .select,.dashboard-shell input:not([type=checkbox]):not([type=radio]),.dashboard-shell select,.dashboard-shell textarea{border-color:var(--zv5-line-strong);border-radius:12px}.dashboard-shell .data-table th{background:#f5f8f7;color:var(--zv5-muted);font-size:.65rem;text-transform:none}.dashboard-shell .data-table td{font-size:.72rem}.dashboard-shell .alert{border-radius:14px;border:1px solid var(--zv5-line);box-shadow:none}.dashboard-shell .error-list{border-radius:14px}.dashboard-shell .badge{border-radius:999px;font-size:.63rem}.dashboard-shell .mobile-menu{display:none}

/* Dashboard home */
.zv5-dash-hero{border-radius:24px;background:linear-gradient(135deg,#0b3d43,#08747b);color:#fff;padding:28px 30px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;position:relative;overflow:hidden;margin-bottom:20px;box-shadow:0 18px 50px rgba(7,59,67,.13)}.zv5-dash-hero:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(115,222,216,.14);inset:-170px auto auto -90px}.zv5-dash-hero>*{position:relative;z-index:1}.zv5-dash-hero h1{font-size:1.55rem;margin:0 0 7px}.zv5-dash-hero p{font-size:.73rem;color:rgba(255,255,255,.62);margin:0}.zv5-dash-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zv5-dash-actions .zv5-btn{min-height:43px;font-size:.69rem}.zv5-dash-actions .zv5-btn--outline{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);color:#fff}.zv5-dash-actions .zv5-btn--light{box-shadow:none}
.zv5-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px}.zv5-main-column,.zv5-side-column{display:grid;gap:18px;align-content:start}.zv5-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.zv5-stat{border:1px solid var(--zv5-line);border-radius:18px;background:#fff;padding:18px;min-height:126px;box-shadow:0 7px 25px rgba(7,59,67,.04)}.zv5-stat-head{display:flex;align-items:center;justify-content:space-between;color:var(--zv5-muted);font-size:.65rem;font-weight:750}.zv5-stat-icon{width:34px;height:34px;border-radius:11px;background:#eaf7f4;color:var(--zv5-teal);display:grid;place-items:center}.zv5-stat-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.zv5-stat-value{font-size:1.65rem;font-weight:900;letter-spacing:-.035em;margin-top:10px}.zv5-stat-foot{font-size:.58rem;color:var(--zv5-muted);margin-top:4px}.zv5-panel{border:1px solid var(--zv5-line);border-radius:20px;background:#fff;box-shadow:0 7px 28px rgba(7,59,67,.04);overflow:hidden}.zv5-panel-head{padding:20px 21px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.zv5-panel-head h2{font-size:.93rem;margin:0}.zv5-panel-head p{font-size:.62rem;color:var(--zv5-muted);margin:4px 0 0}.zv5-panel-body{padding:0 21px 21px}.zv5-readiness{display:flex;align-items:center;gap:18px}.zv5-progress-ring{--progress:0;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--zv5-teal-2) calc(var(--progress)*1%),#e7efed 0);position:relative;flex:0 0 auto}.zv5-progress-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.zv5-progress-ring b{position:relative;font-size:1rem}.zv5-readiness-list{display:grid;gap:8px;width:100%}.zv5-readiness-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #edf2f1;font-size:.68rem}.zv5-readiness-item:last-child{border:0}.zv5-readiness-item span{display:flex;align-items:center;gap:8px}.zv5-readiness-item i{width:21px;height:21px;border-radius:7px;background:#edf3f2;color:#93a3a3;display:grid;place-items:center;font-style:normal;font-size:.6rem}.zv5-readiness-item.done i{background:#e4f6ef;color:var(--zv5-success)}.zv5-readiness-item a{color:var(--zv5-teal);font-weight:800;font-size:.61rem}.zv5-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.zv5-quick-card{padding:16px;border:1px solid var(--zv5-line);border-radius:15px;background:#fbfdfc;transition:.2s}.zv5-quick-card:hover{border-color:var(--zv5-teal-3);background:#f4fbf9;transform:translateY(-2px)}.zv5-quick-card b{font-size:.72rem;display:block}.zv5-quick-card span{font-size:.58rem;color:var(--zv5-muted);line-height:1.6;display:block;margin-top:5px}.zv5-branch-list{display:grid;gap:9px}.zv5-branch-row{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--zv5-line);border-radius:14px;background:#fff}.zv5-branch-row-icon{width:36px;height:36px;border-radius:11px;background:#eaf7f4;color:var(--zv5-teal);display:grid;place-items:center;flex:0 0 auto}.zv5-branch-row b{display:block;font-size:.68rem}.zv5-branch-row small{display:block;color:var(--zv5-muted);font-size:.56rem;margin-top:3px}.zv5-branch-row strong{margin-inline-start:auto;font-size:.6rem;color:var(--zv5-teal)}.zv5-mini-chart{height:230px;display:flex;align-items:flex-end;gap:10px;padding-top:15px}.zv5-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:7px}.zv5-chart-bar{width:min(28px,70%);min-height:8px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--zv5-teal-2),var(--zv5-teal));transition:.25s}.zv5-chart-col:hover .zv5-chart-bar{filter:brightness(1.12)}.zv5-chart-label{font-size:.55rem;color:var(--zv5-muted)}.zv5-top-list{display:grid;gap:8px}.zv5-top-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:8px;border-radius:13px;background:#f7faf9}.zv5-top-item img,.zv5-top-item>i{width:42px;height:42px;border-radius:11px;object-fit:cover;background:#dfe9e7}.zv5-top-item b{font-size:.66rem;display:block}.zv5-top-item span{font-size:.55rem;color:var(--zv5-muted)}.zv5-top-item strong{font-size:.68rem;color:var(--zv5-teal)}

/* Marketplace v5 */
.zv5-market-hero{border-radius:24px;padding:28px;background:linear-gradient(135deg,#fff8ee,#edf9f6);border:1px solid var(--zv5-line);display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;position:relative;overflow:hidden}.zv5-market-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(242,107,78,.09);inset:-90px auto auto -50px}.zv5-market-hero>*{position:relative;z-index:1}.zv5-market-hero h1{font-size:1.55rem;margin:8px 0}.zv5-market-hero p{font-size:.72rem;color:var(--zv5-muted);max-width:680px;line-height:1.75;margin:0}.zv5-market-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.zv5-market-filter{display:flex;gap:7px;padding:4px;border:1px solid var(--zv5-line);background:#fff;border-radius:12px}.zv5-market-filter button{border:0;background:transparent;border-radius:9px;height:34px;padding:0 12px;font-size:.63rem;font-weight:800;color:var(--zv5-muted);cursor:pointer}.zv5-market-filter button.active{background:var(--zv5-ink);color:#fff}.zv5-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:22px}.zv5-theme-card{border:1px solid var(--zv5-line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 8px 28px rgba(7,59,67,.045);transition:.3s var(--zv5-ease)}.zv5-theme-card:hover{transform:translateY(-5px);box-shadow:var(--zv5-shadow)}.zv5-theme-cover{height:240px;background-size:cover;background-position:center;position:relative}.zv5-theme-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(6,29,33,.65))}.zv5-theme-badges{position:absolute;z-index:2;inset:13px 13px auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.zv5-theme-badges span{padding:7px 10px;border-radius:999px;background:rgba(8,39,43,.72);color:#fff;font-size:.56rem;font-weight:800;backdrop-filter:blur(10px)}.zv5-theme-owned{position:absolute;z-index:2;inset:auto 13px 13px auto;padding:7px 10px;border-radius:999px;background:#e4f7ef;color:var(--zv5-success);font-size:.58rem;font-weight:800}.zv5-theme-body{padding:18px}.zv5-theme-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.zv5-theme-title h2{font-size:1rem;margin:0}.zv5-theme-title p{font-size:.64rem;color:var(--zv5-muted);line-height:1.65;min-height:43px;margin:6px 0}.zv5-theme-price{font-size:.72rem;color:var(--zv5-teal);white-space:nowrap}.zv5-theme-meta{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.zv5-theme-meta span{padding:6px 8px;border-radius:999px;background:#f1f6f5;color:var(--zv5-muted);font-size:.54rem}.zv5-theme-features{list-style:none;padding:0;margin:0 0 15px;display:grid;gap:6px;min-height:70px}.zv5-theme-features li{font-size:.61rem;color:var(--zv5-muted);display:flex;gap:7px}.zv5-theme-features li:before{content:"✓";color:var(--zv5-success);font-weight:900}.zv5-theme-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.zv5-theme-actions .btn{flex:1;white-space:nowrap}.zv5-purchase{position:relative;flex:1}.zv5-purchase summary{list-style:none;cursor:pointer}.zv5-purchase-form{position:absolute;z-index:50;inset-inline-end:0;top:calc(100% + 8px);width:min(330px,82vw);display:grid;gap:9px;padding:13px;background:#fff;border:1px solid var(--zv5-line);border-radius:15px;box-shadow:var(--zv5-shadow)}.zv5-purchase-form input,.zv5-purchase-form select,.zv5-purchase-form textarea{width:100%;border:1px solid var(--zv5-line-strong);border-radius:10px;padding:10px;font-size:.68rem}.zv5-history-list{display:grid;gap:9px}.zv5-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--zv5-line);border-radius:13px}.zv5-history-row b{font-size:.7rem}.zv5-history-row small{display:block;color:var(--zv5-muted);font-size:.57rem;margin-top:3px}

/* Responsive */
@media(max-width:1180px){
  .zv5-nav-links{gap:18px}.zv5-nav-actions .zv5-btn--ghost{display:none}
  .zv5-hero-grid{grid-template-columns:1fr 1fr;gap:38px}.zv5-product-stage{min-height:500px}.zv5-browser{inset:30px 0 36px 12px}.zv5-demo-app{grid-template-columns:140px 1fr}.zv5-demo-side{padding:18px 10px}
  .zv5-dashboard-grid{grid-template-columns:1fr}.zv5-side-column{grid-template-columns:1fr 1fr}.zv5-theme-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .zv5-menu-toggle{display:grid}.zv5-nav-links{position:fixed;z-index:101;inset:84px 20px auto;display:none;flex-direction:column;align-items:stretch;gap:3px;padding:12px;border:1px solid var(--zv5-line);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:var(--zv5-shadow)}.zv5-nav-links.open{display:flex}.zv5-nav-links a{padding:12px}.zv5-nav-actions .zv5-btn--outline{display:none}
  .zv5-hero{padding-top:135px}.zv5-hero-grid{grid-template-columns:1fr}.zv5-hero-copy{text-align:center}.zv5-hero h1,.zv5-hero-copy>p{margin-inline:auto}.zv5-hero-actions,.zv5-hero-proof{justify-content:center}.zv5-product-stage{width:min(100%,720px);margin:auto}.zv5-browser{inset:20px}.zv5-float-card--order{inset:8px auto auto 0}.zv5-float-card--branch{inset:auto 0 4px auto}
  .zv5-proof-inner{grid-template-columns:1fr repeat(3,1fr)}.zv5-proof-label{grid-column:1/-1;text-align:center}.zv5-proof-metric{border-inline-start:0;text-align:center;padding:0}
  .zv5-feature-card:nth-child(n){grid-column:span 6}.zv5-experience-grid,.zv5-pricing-grid,.zv5-demo-grid{grid-template-columns:1fr 1fr}.zv5-experience:last-child,.zv5-plan:last-child,.zv5-demo-card:last-child{grid-column:1/-1}.zv5-experience.is-bold,.zv5-experience.is-bold:hover{transform:none}.zv5-plan.is-featured{transform:none}.zv5-plan.is-featured:hover{transform:translateY(-6px)}.zv5-workflow{grid-template-columns:1fr}.zv5-workflow-visual{width:min(100%,700px);margin:auto}.zv5-pricing-head{align-items:flex-start;flex-direction:column}.zv5-footer-grid{grid-template-columns:1.2fr 1fr 1fr}.zv5-footer-grid>div:last-child{grid-column:2/4}
  .zv5-auth{grid-template-columns:1fr}.zv5-auth-visual{min-height:auto;padding:30px}.zv5-auth-copy{margin:60px 0 25px}.zv5-auth-preview{display:none}.zv5-auth-panel{min-height:auto;padding:40px 24px}.zv5-auth-foot{display:none}
}
@media(max-width:780px){
  .zv5-shell{width:min(100% - 24px,1220px)}.zv5-section{padding:78px 0}.zv5-header{height:72px}.zv5-logo img{width:128px}.zv5-nav-links{inset-block-start:72px}.zv5-nav-actions .zv5-lang{display:none}.zv5-nav-actions .zv5-btn--primary{min-height:43px;padding-inline:15px;font-size:.72rem}.zv5-hero{padding:116px 0 70px;min-height:auto}.zv5-hero h1{font-size:clamp(2.6rem,13vw,4.15rem)}.zv5-hero-copy>p{font-size:.94rem}.zv5-product-stage{min-height:420px;margin-top:10px}.zv5-browser{inset:20px 0}.zv5-demo-app{grid-template-columns:1fr}.zv5-demo-side{display:none}.zv5-float-card{padding:11px 12px}.zv5-float-card--order{inset:3px auto auto -5px}.zv5-float-card--branch{inset:auto -3px 0 auto}.zv5-proof-bar{margin-top:-18px}.zv5-proof-inner{grid-template-columns:1fr 1fr;padding:17px}.zv5-proof-metric:nth-child(4){grid-column:1/-1}.zv5-feature-card:nth-child(n){grid-column:1/-1;min-height:255px}.zv5-experience-grid,.zv5-pricing-grid,.zv5-demo-grid{grid-template-columns:1fr}.zv5-experience:last-child,.zv5-plan:last-child,.zv5-demo-card:last-child{grid-column:auto}.zv5-experience{min-height:460px}.zv5-workflow-visual{min-height:500px;padding:18px}.zv5-phone{width:230px;height:430px;inset:30px auto auto 15px}.zv5-workflow-card{width:220px;inset:auto 15px 24px auto}.zv5-faq-grid{grid-template-columns:1fr}.zv5-cta{padding:36px 25px;grid-template-columns:1fr}.zv5-cta .zv5-btn{width:100%}.zv5-footer-grid{grid-template-columns:1fr 1fr}.zv5-footer-brand{grid-column:1/-1}.zv5-footer-grid>div:last-child{grid-column:auto}.zv5-footer-bottom{align-items:flex-start;flex-direction:column}.zv5-demo-image{height:300px}
  .zv5-auth-visual{padding:24px}.zv5-auth-copy{margin:42px 0 10px}.zv5-auth-copy h1{font-size:2.5rem}.zv5-auth-benefits{display:none}.zv5-auth-panel{padding:34px 16px}.zv5-auth-top{align-items:flex-start;flex-direction:column}.zv5-form-grid{grid-template-columns:1fr}.zv5-field--full{grid-column:auto}.zv5-steps-bar{grid-template-columns:1fr 1fr 1fr}.zv5-step-indicator span{display:none}.zv5-plan-select{grid-template-columns:1fr}.zv5-step-actions .zv5-btn{min-width:0;flex:1}
  .dashboard-shell .sidebar{transform:translateX(-110%);width:min(300px,86vw)}html[dir=rtl] .dashboard-shell .sidebar{transform:translateX(110%)}.dashboard-shell .sidebar.open{transform:translateX(0)!important}.zv5-sidebar-overlay.open{display:block}.dashboard-shell .dashboard-main{margin-inline-start:0}.dashboard-shell .topbar{height:66px;padding:0 13px}.dashboard-shell .mobile-menu{display:grid}.zv5-topbar-context{display:none}.dashboard-shell .user-chip>div:not(.user-avatar){display:none}.dashboard-shell .content{padding:18px 12px 34px}.zv5-dash-hero{padding:23px;grid-template-columns:1fr}.zv5-dash-actions .zv5-btn{flex:1}.zv5-stat-grid{grid-template-columns:1fr 1fr}.zv5-dashboard-grid{grid-template-columns:1fr}.zv5-side-column{grid-template-columns:1fr}.zv5-quick-grid{grid-template-columns:1fr}.zv5-readiness{align-items:flex-start}.zv5-theme-grid{grid-template-columns:1fr}.zv5-market-hero{align-items:flex-start;flex-direction:column}.zv5-market-tools{align-items:flex-start;flex-direction:column}.zv5-theme-cover{height:220px}
}
@media(max-width:480px){
  .zv5-nav-actions .zv5-btn--primary{display:none}.zv5-hero-actions .zv5-btn{width:100%}.zv5-product-stage{min-height:350px}.zv5-browser{border-radius:20px}.zv5-browser-bar{height:38px}.zv5-demo-main{padding:12px}.zv5-demo-banner{height:95px}.zv5-demo-products{gap:6px}.zv5-demo-product i{height:50px}.zv5-float-card--order{display:none}.zv5-proof-inner{grid-template-columns:1fr}.zv5-proof-metric:nth-child(4){grid-column:auto}.zv5-heading h2{font-size:2rem}.zv5-experience{min-height:400px}.zv5-workflow-visual{min-height:440px}.zv5-phone{width:205px;height:390px}.zv5-workflow-card{width:185px;padding:13px}.zv5-billing-toggle{width:100%}.zv5-billing-toggle button{flex:1;padding:0 8px}.zv5-plan{padding:24px}.zv5-cta{border-radius:25px}.zv5-footer-grid{grid-template-columns:1fr}.zv5-footer-brand{grid-column:auto}.zv5-stat-grid{grid-template-columns:1fr}.zv5-readiness{flex-direction:column}.zv5-progress-ring{margin:auto}.dashboard-shell .topbar-actions{gap:5px}.dashboard-shell .lang-switch{display:none}.zv5-dash-actions{display:grid;grid-template-columns:1fr}.zv5-dash-actions .zv5-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.zv5-reveal{opacity:1;transform:none}}