@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Caveat:wght@500;600&display=swap");

@font-face {
  font-family: "Atop";
  src: url("Atop-R99O3.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Loader directory cards */
.zm-loader-category h2{margin:30px 0 12px;padding-bottom:10px;border-bottom:1px solid #292929}.zm-loader-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px}.zm-loader-card{display:flex;flex-direction:column;justify-content:space-between;gap:16px;margin:0!important;min-height:150px}.zm-loader-card h3{margin:0 0 6px!important}.zm-loader-card p{margin:0;font-size:14px}.zm-loader-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.zm-loader-card .zm-button{gap:8px}.zm-loader-extra{font-size:13px}.zm-loader-missing{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid #393939;border-radius:8px;color:#aaa;font-size:13px}

/* REVAMPED LOADING SCREEN - Modern animated design */
.zm-onboarding-loader{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:linear-gradient(135deg,#17172F 0%,#0f0f23 50%,#1a1a35 100%);color:#fff;transition:opacity .45s ease,visibility .45s ease;backdrop-filter:blur(0px)}.zm-onboarding-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.zm-onboarding-loader>strong{font-size:clamp(28px,6vw,48px);letter-spacing:.18em;font-weight:700;font-family:"Atop",system-ui,sans-serif;text-shadow:0 0 30px rgba(77,42,110,.4);animation:zm-loader-title-pop .6s cubic-bezier(.2,.8,.2,1) both}.zm-onboarding-loader>small{color:#a99fea;font-size:clamp(12px,2vw,16px);letter-spacing:.08em;font-weight:500;opacity:0;animation:zm-loader-subtitle .5s ease .2s both}@keyframes zm-loader-title-pop{0%{opacity:0;transform:scale(.9) translateY(10px)}50%{opacity:1;transform:scale(1.02)}100%{opacity:1;transform:scale(1)}}@keyframes zm-loader-subtitle{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:translateY(0)}}.zm-loader-mark{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}.zm-loader-mark span{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#7569bd,#a99fea);box-shadow:0 0 20px rgba(77,42,110,.6);animation:zm-load-dot-revamp 1.2s ease-in-out infinite;transform-origin:center}.zm-loader-mark span:nth-child(1){animation-delay:0s}.zm-loader-mark span:nth-child(2){animation-delay:.15s}.zm-loader-mark span:nth-child(3){animation-delay:.3s}@keyframes zm-load-dot-revamp{0%{opacity:.4;transform:scale(.6) translateY(0)}50%{opacity:1;transform:scale(1) translateY(-12px)}100%{opacity:.4;transform:scale(.6) translateY(0)}}

/* REVAMPED QUESTIONNAIRE - Modern card design */
.zm-onboarding-modal[hidden],.zm-question-step[hidden]{display:none!important}.zm-onboarding-modal{position:fixed;inset:0;z-index:999;display:grid;place-items:center;overflow-y:auto;padding:clamp(20px,4vw,40px);background:rgba(0,0,0,.75);backdrop-filter:blur(12px);animation:zm-in .3s cubic-bezier(.2,.8,.2,1)}.zm-question-card{position:relative;width:min(760px,100%);padding:clamp(32px,5vw,56px);border:1px solid rgba(168,112,232,.35);border-radius:24px;background:linear-gradient(135deg,rgba(32,31,61,.95) 0%,rgba(23,23,47,.95) 100%);box-shadow:0 48px 120px rgba(0,0,0,.4),0 0 60px rgba(77,42,110,.25),inset 0 1px rgba(200,164,242,.1)}.zm-question-step{text-align:center;animation:zm-step-fade-in .4s ease .1s both}@keyframes zm-step-fade-in{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}.zm-question-kicker{display:inline-block;margin-bottom:16px;color:#7569bd;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;opacity:.9}.zm-question-step h2{margin:0 auto 32px!important;max-width:620px;color:#fff!important;font-size:clamp(26px,5vw,42px)!important;line-height:1.15;letter-spacing:-.02em;font-weight:700}.zm-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:4px}.zm-answer{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1.5px solid rgba(168,112,232,.25);border-radius:14px;background:linear-gradient(135deg,rgba(32,31,61,.6),rgba(23,23,47,.6));color:#E6E2F4;text-align:left;font:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.zm-answer::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(77,42,110,.15),rgba(200,164,242,.05));opacity:0;transition:opacity .25s ease;z-index:0}.zm-answer>*{position:relative;z-index:1}.zm-answer:hover,.zm-answer:focus-visible{transform:translateY(-3px);border-color:rgba(200,164,242,.6);background:linear-gradient(135deg,rgba(77,42,110,.25),rgba(32,31,61,.8));box-shadow:0 12px 28px rgba(77,42,110,.2),inset 0 1px rgba(200,164,242,.2);outline:none}.zm-answer:hover::before{opacity:1}.zm-answer>i{color:#a99fea;font-size:13px;transition:transform .25s ease}.zm-answer:hover>i{transform:translateX(4px)}.zm-answer-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.zm-answer-grid--four{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.zm-cheats-link{width:100%;min-height:64px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;padding:16px 20px;border:1.5px solid rgba(200,164,242,.35);border-radius:14px;background:linear-gradient(135deg,rgba(77,42,110,.15),rgba(81,70,162,.1));color:#fff!important;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;transition:all .25s ease}.zm-cheats-link:hover{border-color:rgba(200,164,242,.7);background:linear-gradient(135deg,rgba(77,42,110,.3),rgba(81,70,162,.2));transform:translateY(-2px);box-shadow:0 12px 28px rgba(77,42,110,.2)}.zm-cheats-link i{font-size:13px;transition:transform .25s ease}.zm-cheats-link:hover i{transform:translateX(4px)}.zm-info-step>p{max-width:600px;margin:0 auto 28px;color:#C9C4DE;line-height:1.8;font-size:15px}.zm-sponsor-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;margin:28px 0 32px}.zm-sponsor-label{display:inline-flex;align-items:center;gap:8px;color:#9489da;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;opacity:.95}.zm-sponsor-label i{color:#7569bd}.zm-sponsor-arrow{height:30px;color:#a99fea;font-size:28px;line-height:1;transform:rotate(90deg);animation:zm-arrow-point 1.2s ease-in-out infinite alternate}.zm-sponsor-box{position:relative;width:min(400px,100%);display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 48px 18px 20px;border:1.5px solid rgba(200,164,242,.35);border-radius:14px;background:linear-gradient(135deg,rgba(77,42,110,.15),rgba(81,70,162,.08));color:#fff!important;text-align:left;text-decoration:none;transition:all .25s ease;cursor:pointer}.zm-sponsor-box:hover{border-color:rgba(200,164,242,.7);background:linear-gradient(135deg,rgba(77,42,110,.28),rgba(81,70,162,.15));transform:translateY(-2px);box-shadow:0 12px 28px rgba(77,42,110,.2)}.zm-sponsor-box strong{font-size:16px;display:block}.zm-sponsor-box span{color:#a99fea;font-size:13px}.zm-sponsor-box>i{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#7569bd;transition:transform .25s ease}.zm-sponsor-box:hover>i{transform:translateY(-50%) translateX(3px)}.zm-question-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}.zm-question-actions .zm-answer{min-height:50px}.zm-question-actions .zm-button{align-items:center;gap:10px;cursor:pointer;border:0;font:inherit;background:#5146A2;border:1.5px solid #7569bd;padding:12px 24px;border-radius:10px;color:#fff;font-weight:700;transition:all .25s ease}.zm-question-actions .zm-button:hover{background:#6256b4;border-color:#a79ce9;transform:translateY(-2px);box-shadow:0 8px 20px rgba(77,42,110,.3)}.zm-quick-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none;text-align:left}.zm-quick-steps li{padding:16px 18px;border:1.5px solid rgba(168,112,232,.25);border-left:3px solid #7569bd;border-radius:10px;background:rgba(32,31,61,.5);color:#E6E2F4;font-size:14px;line-height:1.6;transition:all .25s ease}.zm-quick-steps li:hover{border-color:rgba(200,164,242,.5);background:rgba(77,42,110,.15)}.zm-quick-steps li::before{content:'✓';display:inline-block;margin-right:12px;color:#a99fea;font-weight:800;font-size:15px}

/* Questionnaire completion celebration */
.zm-celebration-step{position:relative;isolation:isolate;overflow:hidden;padding:26px 4px 10px}.zm-celebration-step h2{max-width:510px!important;margin-bottom:12px!important}.zm-celebration-message{position:relative;margin:0 auto 28px;color:#C9C4DE;font-size:16px;line-height:1.6}.zm-celebration-continue{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;border:0;font:inherit;background:#5146A2;border:1.5px solid #7569bd;padding:12px 28px;border-radius:10px;color:#fff;font-weight:700;font-size:15px;transition:all .25s ease}.zm-celebration-continue:hover{background:#6256b4;border-color:#a79ce9;transform:translateY(-2px);box-shadow:0 8px 20px rgba(77,42,110,.3)}.zm-confetti{position:absolute;inset:-15px -12px 25px;z-index:-1;overflow:hidden;pointer-events:none}.zm-confetti span{position:absolute;top:-14px;width:8px;height:13px;border-radius:2px;background:#7569bd;opacity:0;transform:rotate(25deg);animation:zm-confetti-fall 2.8s ease-in infinite;animation-delay:calc(var(--i)*-.105s)}.zm-confetti span:nth-child(3n){background:#a99fea;width:6px;height:9px}.zm-confetti span:nth-child(3n + 1){background:#9481d9;height:11px}.zm-confetti span:nth-child(4n){width:10px;height:7px;border-radius:50%;background:#5548A8}@keyframes zm-confetti-fall{0%{opacity:0;transform:translate3d(0,-10px,0) rotate(0deg)}12%{opacity:1}100%{opacity:0;transform:translate3d(12px,230px,0) rotate(540deg)}}
@media(prefers-reduced-motion:reduce){.zm-confetti span{animation:none!important;opacity:.65;top:20%;transform:rotate(25deg)}.zm-onboarding-loader>strong{animation:none!important}.zm-onboarding-loader>small{animation:none!important;opacity:1}.zm-loader-mark span{animation:none!important}.zm-question-step{animation:none!important}.zm-answer:hover{transform:none}.zm-answer:hover>i{transform:none}}

/* PLAIN TEXT LINK HIGHLIGHTING */
.zm-panel a:not(.zm-button):not([class*="zm-"]) {
  color: #a99fea;
  background: linear-gradient(120deg, rgba(77,42,110,.15) 0%, rgba(200,164,242,.1) 100%);
  padding: 2px 6px;
  border-radius: 4px;
  text-decoration: none;
  border-bottom: 2px solid #7569bd;
  transition: all .25s ease;
  font-weight: 600;
  display: inline-block;
}

.zm-panel a:not(.zm-button):not([class*="zm-"]):hover {
  background: linear-gradient(120deg, rgba(77,42,110,.3) 0%, rgba(200,164,242,.2) 100%);
  border-bottom-color: #a99fea;
  color: #d4cef5;
  transform: translateY(-1px);
}

.zm-editor-content{white-space:pre-line}

@media(max-width:560px){
  .zm-onboarding-modal{padding:14px}.zm-question-card{padding:25px 18px;border-radius:15px}.zm-answer-grid{grid-template-columns:1fr}.zm-answer{min-height:54px}.zm-question-actions{flex-direction:column}.zm-question-actions>*{width:100%;justify-content:center}
  .zm-onboarding-loader{gap:16px}.zm-onboarding-loader>strong{font-size:24px}.zm-onboarding-loader>small{font-size:12px}
}

/* Centered All Guides hero title with Atop font */
.zm-docs.is-home .zm-welcome-panel{min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(28px,6vw,90px)!important;text-align:center!important}
.zm-docs.is-home .zm-welcome-copy{width:min(880px,100%)!important;max-width:880px!important;margin:0 auto!important;padding:20px!important;text-align:center!important}
.zm-docs.is-home .zm-welcome-copy h1{margin:0 auto 16px!important;color:#fff!important;font-family:"Atop",system-ui,sans-serif!important;font-size:clamp(58px,10vw,112px)!important;font-weight:400!important;line-height:.98!important;letter-spacing:.025em!important;-webkit-text-stroke:1.5px rgba(200,164,242,.85);text-shadow:0 3px 0 #5146A2,0 7px 0 #39336f,0 12px 28px rgba(77,42,110,.4)!important;animation:zm-bubble-in .85s cubic-bezier(.2,.8,.2,1) both}
.zm-docs.is-home .zm-welcome-copy>p{max-width:760px!important;margin:0 auto!important;color:#E6E2F4!important;font-family:"Caveat","Segoe Script","Brush Script MT",cursive!important;font-size:clamp(25px,3vw,36px)!important;font-weight:500!important;line-height:1.35!important;letter-spacing:.015em!important;text-shadow:0 2px 18px rgba(5,5,20,.65)!important}
.zm-docs.is-home .zm-welcome-copy>p.is-typing::after{content:"✎";font-family:cursive;font-size:.72em;margin-left:7px;color:#a99fea;animation:zm-caret-blink .75s steps(1,end) infinite}
@keyframes zm-bubble-in{0%{opacity:0;transform:translateY(16px) scale(.88)}70%{opacity:1;transform:translateY(-3px) scale(1.025)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:820px){.zm-docs.is-home .zm-welcome-panel{padding:70px 18px 30px!important}.zm-docs.is-home .zm-welcome-copy{padding:14px!important}.zm-docs.is-home .zm-welcome-copy h1{font-size:clamp(52px,13vw,86px)!important}}
@media(prefers-reduced-motion:reduce){.zm-docs.is-home .zm-welcome-copy h1{animation:none!important}}

/* AllGuides navy and violet color system */
.zm-docs{--zm-accent:#5146A2!important;--zm-accent-strong:#5548A8!important;--zm-page:#17172F!important;--zm-surface:#201F3D!important;--zm-text:#E6E2F4!important;color:#E6E2F4!important;background-color:#17172F!important;background-image:radial-gradient(ellipse at 76% 38%,rgba(77,42,110,.24),transparent 39%),radial-gradient(ellipse at 53% 100%,rgba(81,70,162,.18),transparent 48%),linear-gradient(rgba(168,112,232,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(168,112,232,.035) 1px,transparent 1px),linear-gradient(145deg,#17172F,#121226 68%)!important;background-size:auto,auto,72px 72px,72px 72px,cover!important}
.zm-docs.is-home{background-color:#17172F!important}
.zm-docs .zm-sidebar{background:rgba(23,23,47,.52)!important;border-right-color:rgba(168,112,232,.23)!important}
.zm-docs .zm-workspace,.zm-docs .zm-content,.zm-docs .zm-panel{color:#E6E2F4!important;background:transparent!important}
.zm-docs .zm-panel h1,.zm-docs .zm-panel h2,.zm-docs .zm-panel h3,.zm-docs .zm-tab,.zm-docs .zm-toplink,.zm-docs .zm-group-title,.zm-docs .zm-discord,.zm-docs .zm-welcome-copy h1{color:#E6E2F4!important}
.zm-docs .zm-panel p,.zm-docs .zm-panel li,.zm-docs .zm-panel .zm-lead,.zm-docs .zm-group-title span,.zm-docs .zm-brand--logo small{color:#C9C4DE!important}
.zm-docs .zm-tab,.zm-docs .zm-toplink,.zm-docs .zm-group-title,.zm-docs .zm-discord{background:rgba(23,23,47,.12)!important;border-color:rgba(168,112,232,.34)!important}
.zm-docs .zm-tab:hover,.zm-docs .zm-tab.is-active,.zm-docs .zm-toplink:hover,.zm-docs .zm-group-title:hover,.zm-docs .zm-discord:hover{background:rgba(77,42,110,.25)!important;border-color:rgba(168,112,232,.78)!important;color:#fff!important}
.zm-docs .zm-tab:before,.zm-docs .zm-tab.is-active:before{background:#5146A2!important;box-shadow:0 0 12px rgba(77,42,110,.8)!important}
.zm-docs .zm-card,.zm-docs .zm-error,.zm-docs .zm-stat-card,.zm-docs .zm-steps li,.zm-docs .zm-welcome-feature,.zm-docs .zm-question-card,.zm-docs .zm-answer,.zm-docs .zm-cheats-link,.zm-docs .zm-sponsor-box{background:rgba(31,30,61,.62)!important;border-color:rgba(168,112,232,.28)!important;color:#E6E2F4!important;box-shadow:0 12px 40px rgba(5,5,20,.16)!important}
.zm-docs .zm-button,.zm-docs .zm-panel a.zm-button{background:#5146A2!important;border-color:#6c60bc!important;color:#fff!important}
.zm-docs .zm-button:hover,.zm-docs .zm-panel a.zm-button:hover{background:#6256b4!important;border-color:#9489da!important;color:#fff!important}
.zm-docs .zm-warning,.zm-docs .zm-danger{background:rgba(48,43,83,.52)!important;border-color:rgba(168,112,232,.42)!important}
.zm-docs .zm-welcome-kicker,.zm-docs .zm-question-kicker,.zm-docs .zm-sponsor-label i,.zm-docs .zm-sponsor-arrow{color:#a99fea!important}
.zm-docs .zm-welcome-copy>p{color:#E6E2F4!important}
.zm-docs .zm-welcome-feature>i{color:#b8afff!important;border-color:rgba(168,112,232,.48)!important;background:rgba(77,42,110,.2)!important}
.zm-docs input,.zm-docs textarea,.zm-docs select,.zm-docs pre,.zm-docs code{background-color:rgba(18,18,38,.82)!important;border-color:rgba(168,112,232,.25)!important;color:#E6E2F4!important}
.zm-onboarding-loader{background:linear-gradient(135deg,#30295d 0,#17172F 48%,#101022 100%)!important;color:#E6E2F4!important}
.zm-onboarding-modal{background:rgba(13,13,31,.84)!important}
.zm-onboarding-modal .zm-question-card{background:linear-gradient(135deg,rgba(32,31,61,.95),rgba(23,23,47,.95))!important;border-color:rgba(168,112,232,.35)!important}
.zm-onboarding-modal .zm-answer,.zm-onboarding-modal .zm-cheats-link,.zm-onboarding-modal .zm-sponsor-box{background:linear-gradient(135deg,rgba(32,31,61,.6),rgba(23,23,47,.6))!important;border-color:rgba(168,112,232,.25)!important;color:#E6E2F4!important}
.zm-onboarding-modal .zm-answer:hover,.zm-onboarding-modal .zm-answer:focus-visible,.zm-onboarding-modal .zm-cheats-link:hover{background:linear-gradient(135deg,rgba(77,42,110,.25),rgba(32,31,61,.8))!important;border-color:rgba(200,164,242,.6)!important}
.zm-onboarding-modal h2,.zm-onboarding-modal .zm-answer{color:#E6E2F4!important}

/* Correct placement: artwork is the logo */
.zm-docs .zm-brand--logo{padding:10px 8px 20px!important;text-align:center!important}
.zm-docs .zm-brand--logo img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:contain!important;filter:none!important;border:0!important;border-radius:0!important}
.zm-docs.is-home .zm-welcome-panel{min-height:100vh!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(28px,6vw,90px)!important;overflow:visible!important;text-align:center!important}
.zm-docs.is-home .zm-welcome-banner{display:none!important}

/* Apply the navy, violet, and lavender palette to every guide feature. */
.zm-docs.is-home .zm-sidebar,.zm-docs .zm-sidebar{background:#17172F!important;border-right:1px solid rgba(168,112,232,.3)!important;backdrop-filter:none!important}
.zm-docs.is-home .zm-tab,.zm-docs.is-home .zm-toplink,.zm-docs.is-home .zm-group-title,.zm-docs.is-home .zm-discord{background:#1d1d3b!important;border:1px solid rgba(168,112,232,.4)!important;color:#E6E2F4!important}
.zm-docs.is-home .zm-tab:hover,.zm-docs.is-home .zm-tab.is-active,.zm-docs.is-home .zm-toplink:hover,.zm-docs.is-home .zm-group-title:hover,.zm-docs.is-home .zm-discord:hover{background:#302b5d!important;border-color:#786cbe!important;color:#fff!important}
.zm-docs.is-home .zm-tab:before,.zm-docs.is-home .zm-tab.is-active:before{background:#5146A2!important;box-shadow:0 0 12px rgba(77,42,110,.8)!important}
.zm-docs .zm-card,.zm-docs .zm-error,.zm-docs .zm-stat-card,.zm-docs .zm-steps li,.zm-docs .zm-welcome-feature,.zm-docs .zm-answer,.zm-docs .zm-cheats-link,.zm-docs .zm-sponsor-box{background:#201F3D!important;border-color:rgba(168,112,232,.38)!important;color:#E6E2F4!important}
.zm-docs .zm-panel h1,.zm-docs .zm-panel h2,.zm-docs .zm-panel h3,.zm-docs .zm-panel p,.zm-docs .zm-panel li,.zm-docs .zm-group-title span,.zm-docs .zm-tab,.zm-docs .zm-toplink,.zm-docs .zm-discord{color:#E6E2F4!important}
.zm-docs .zm-welcome-kicker,.zm-docs .zm-question-kicker,.zm-docs .zm-welcome-feature>i{color:#aaa0f1!important}
.zm-docs .zm-button,.zm-docs .zm-panel a.zm-button{background:#5146A2!important;border-color:#7569bd!important;color:#fff!important}
.zm-docs .zm-button:hover,.zm-docs .zm-panel a.zm-button:hover{background:#6256b4!important;border-color:#a79ce9!important}
.zm-docs .zm-warning,.zm-docs .zm-danger{background:#252449!important;border-color:#665ca8!important}
.zm-docs input,.zm-docs textarea,.zm-docs select,.zm-docs pre,.zm-docs code{background:#15152c!important;border-color:rgba(168,112,232,.38)!important;color:#E6E2F4!important}
.zm-docs .zm-welcome-copy h1{color:#E6E2F4!important}
.zm-docs .zm-welcome-copy>p{color:#E6E2F4!important}
.zm-docs .zm-onboarding-modal .zm-question-card,.zm-docs .zm-question-card{background:#201F3D!important;border-color:rgba(168,112,232,.48)!important;color:#E6E2F4!important}
.zm-docs .zm-onboarding-modal .zm-answer,.zm-docs .zm-onboarding-modal .zm-cheats-link,.zm-docs .zm-onboarding-modal .zm-sponsor-box{background:#252449!important;border-color:#665ca8!important;color:#E6E2F4!important}
@media(max-width:820px){.zm-docs.is-home .zm-welcome-panel{height:auto!important;min-height:100dvh!important;padding:76px 18px 30px!important}}
.zm-docs.is-home{background-color:#17172F!important;background-image:radial-gradient(ellipse at 72% 36%,rgba(77,42,110,.34),transparent 42%),radial-gradient(ellipse at 49% 100%,rgba(81,70,162,.28),transparent 52%),linear-gradient(rgba(200,164,242,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(200,164,242,.035) 1px,transparent 1px),linear-gradient(145deg,#1a1a39,#17172F 68%)!important;background-size:auto,auto,72px 72px,72px 72px,cover!important;background-position:center!important}

/* Animated hero search suggestions - 3 simultaneous suggestions */
.zm-docs.is-home .zm-hero-search{position:relative;width:min(700px,92vw);margin:25px auto 0;text-align:left}
.zm-docs.is-home .zm-hero-search__field{min-height:66px;display:flex;align-items:center;gap:15px;padding:0 22px;border:1px solid #8277cf;border-radius:16px;background:linear-gradient(115deg,#5548A8,#5146A2 70%,#443a8b);box-shadow:0 14px 38px rgba(77,42,110,.35),inset 0 1px rgba(230,226,244,.16);color:#E6E2F4}
.zm-docs.is-home .zm-hero-search__field>i{color:#d4cef5;font-size:19px}
.zm-search-query{min-height:1.4em;flex:1;overflow:hidden;color:#fff;font-family:inherit;font-size:clamp(14px,2vw,18px);font-weight:550;letter-spacing:.005em;white-space:nowrap;text-overflow:ellipsis}
.zm-search-caret{width:2px;height:23px;flex:0 0 2px;background:#E6E2F4;animation:zm-caret-blink .8s steps(1,end) infinite}
.zm-search-suggestions-container[hidden]{display:none!important}
.zm-docs.is-home .zm-search-suggestions-container{position:absolute;top:calc(100% + 9px);left:0;z-index:5;width:100%;max-height:300px;overflow-y:auto;border:1px solid rgba(200,164,242,.48);border-radius:12px;background:#252449;box-shadow:0 15px 30px rgba(15,14,38,.3);display:flex;flex-direction:column}
.zm-search-suggestion[hidden]{display:none!important}
.zm-docs.is-home .zm-search-suggestion{min-height:55px;display:flex;align-items:center;gap:13px;padding:12px 18px;border:none;border-bottom:1px solid rgba(200,164,242,.2);color:#E6E2F4;text-align:left;font:500 15px/1.4 system-ui,sans-serif;cursor:pointer;background:transparent;opacity:1;transform:translateY(0);transition:background .16s ease,color .16s ease}
.zm-docs.is-home .zm-search-suggestion:last-child{border-bottom:none}
.zm-docs.is-home .zm-search-suggestion>i:first-child{color:#aaa0f1;font-size:16px}
.zm-docs.is-home .zm-search-suggestion>i:last-child{margin-left:auto;color:#bcb4ee;font-size:12px}
.zm-docs.is-home .zm-search-suggestion:hover,.zm-docs.is-home .zm-search-suggestion.is-highlighted{background:rgba(77,42,110,.25);color:#fff}
.zm-docs.is-home .zm-search-suggestion.is-receding{opacity:0;transform:translateY(-5px)}
.zm-docs.is-home .zm-hero-domain{margin-top:72px;color:#E6E2F4;font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(15px,2vw,19px);font-weight:700;letter-spacing:.07em;text-shadow:0 2px 18px rgba(77,42,110,.3)}
@media(max-width:680px){.zm-docs.is-home .zm-hero-search{width:min(100%,92vw);margin-top:22px}.zm-docs.is-home .zm-hero-search__field{min-height:58px;padding:0 15px}.zm-search-query{font-size:14px}.zm-docs.is-home .zm-search-suggestion{min-height:50px;padding:10px 13px;font-size:13px}.zm-docs.is-home .zm-hero-domain{margin-top:64px}}
@media(prefers-reduced-motion:reduce){.zm-search-caret{animation:none!important}.zm-docs.is-home .zm-search-suggestion{transition:none!important}}

/* Keep mouse/touch/keyboard scrolling; hide only the scrollbar artwork. */
html,body,.zm-docs,.zm-sidebar,.zm-content{scrollbar-width:none!important;-ms-overflow-style:none!important}
html::-webkit-scrollbar,body::-webkit-scrollbar,.zm-docs::-webkit-scrollbar,.zm-sidebar::-webkit-scrollbar,.zm-content::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
html,body{overflow-x:hidden!important}

/* Editable text + image blocks inside guide sections */
.zm-media-block{display:grid;gap:clamp(16px,3vw,28px);align-items:center;margin:22px 0;padding:clamp(18px,3vw,26px);border:1px solid rgba(168,112,232,.3);border-radius:16px;background:linear-gradient(135deg,rgba(32,31,61,.72),rgba(23,23,47,.72))}
.zm-media-block--image-right{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}
.zm-media-block--image-right .zm-media-block__media{order:2}
.zm-media-block--image-left{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}
.zm-media-block--image-left .zm-media-block__media{order:0}
.zm-media-block--image-top,.zm-media-block--image-only,.zm-media-block--text-only{grid-template-columns:minmax(0,1fr)}
.zm-media-block--image-only .zm-media-block__copy:empty,.zm-media-block--text-only .zm-media-block__media{display:none}
.zm-media-block__media{margin:0;min-width:0}
.zm-media-block__media img{display:block;width:100%;height:auto;border:1px solid rgba(168,112,232,.28);border-radius:12px;background:#15152c}
.zm-media-block__media figcaption{margin-top:8px;color:#a99fea;font-size:12px;letter-spacing:.02em}
.zm-media-block__copy{min-width:0}
.zm-media-block__copy h3{margin:0 0 10px!important;color:#fff!important;font-size:clamp(17px,2.2vw,21px)!important}
.zm-media-block__copy p{margin:0 0 14px;color:#C9C4DE;line-height:1.7}
.zm-media-block__copy .zm-button{display:inline-flex;align-items:center;gap:9px}
@media(max-width:760px){.zm-media-block{grid-template-columns:minmax(0,1fr)!important}.zm-media-block__media{order:0!important}}

/* ============================================================
   SHARP UI PASS — square corners, corner-marked boxes,
   pointer-reactive questionnaire. Loaded last so it wins.
   ============================================================ */

/* --- corner marks (React renders four <span class="zm-cnr">) --- */
.zm-cnr{position:absolute;width:9px;height:9px;pointer-events:none;border-color:var(--zm-line,rgba(200,164,242,.55));border-style:solid;border-width:0;transition:width .18s ease,height .18s ease,border-color .18s ease}
.zm-cnr--tl{top:0;left:0;border-top-width:1px;border-left-width:1px}
.zm-cnr--tr{top:0;right:0;border-top-width:1px;border-right-width:1px}
.zm-cnr--bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}
.zm-cnr--br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}

/* --- corner marks for the static (non-React) boxes --- */
.zm-docs .zm-card,.zm-docs .zm-error,.zm-docs .zm-stat-card,.zm-docs .zm-welcome-feature,
.zm-docs .zm-media-block,.zm-docs .zm-loader-card,.zm-docs .zm-warning,.zm-docs .zm-danger{
  position:relative!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  background:rgba(23,23,47,.55)!important}
.zm-docs .zm-card::before,.zm-docs .zm-card::after,
.zm-docs .zm-error::before,.zm-docs .zm-error::after,
.zm-docs .zm-stat-card::before,.zm-docs .zm-stat-card::after,
.zm-docs .zm-welcome-feature::before,.zm-docs .zm-welcome-feature::after,
.zm-docs .zm-media-block::before,.zm-docs .zm-media-block::after,
.zm-docs .zm-loader-card::before,.zm-docs .zm-loader-card::after,
.zm-docs .zm-warning::before,.zm-docs .zm-warning::after,
.zm-docs .zm-danger::before,.zm-docs .zm-danger::after{
  content:'';position:absolute;left:0;right:0;height:10px;pointer-events:none;
  --c:rgba(200,164,242,.5);
  background:
    linear-gradient(var(--c),var(--c)) no-repeat left top/10px 1px,
    linear-gradient(var(--c),var(--c)) no-repeat right top/10px 1px,
    linear-gradient(var(--c),var(--c)) no-repeat left top/1px 10px,
    linear-gradient(var(--c),var(--c)) no-repeat right top/1px 10px}
.zm-docs .zm-card::before,.zm-docs .zm-error::before,.zm-docs .zm-stat-card::before,
.zm-docs .zm-welcome-feature::before,.zm-docs .zm-media-block::before,
.zm-docs .zm-loader-card::before,.zm-docs .zm-warning::before,.zm-docs .zm-danger::before{top:0}
.zm-docs .zm-card::after,.zm-docs .zm-error::after,.zm-docs .zm-stat-card::after,
.zm-docs .zm-welcome-feature::after,.zm-docs .zm-media-block::after,
.zm-docs .zm-loader-card::after,.zm-docs .zm-warning::after,.zm-docs .zm-danger::after{bottom:0;transform:scaleY(-1)}
.zm-docs .zm-warning::before,.zm-docs .zm-warning::after{--c:rgba(214,178,94,.55)}
.zm-docs .zm-danger::before,.zm-docs .zm-danger::after{--c:rgba(214,104,104,.55)}

/* --- square everything in the guide chrome --- */
.zm-docs .zm-tab,.zm-docs .zm-toplink,.zm-docs .zm-group-title,.zm-docs .zm-discord,
.zm-docs .zm-button,.zm-docs .zm-panel a.zm-button,.zm-docs input,.zm-docs textarea,
.zm-docs select,.zm-docs pre,.zm-docs code,.zm-docs .zm-steps li,.zm-docs .zm-media-block__media img,
.zm-docs.is-home .zm-hero-search__field,.zm-docs.is-home .zm-search-suggestions-container,
.zm-docs .zm-panel a:not(.zm-button):not([class*="zm-"]){border-radius:0!important}
.zm-docs .zm-panel a:not(.zm-button):not([class*="zm-"]){background:rgba(77,42,110,.16)!important;padding:1px 5px!important}

/* --- the modal shell --- */
.zm-onboarding-mount{position:relative;z-index:999}
.zm-onboarding-modal{position:fixed;inset:0;z-index:999;display:grid;place-items:center;
  padding:clamp(18px,4vw,44px);overflow-y:auto;background:#170c28;
  --nx:0;--ny:0;--mx:50vw;--my:50vh;backdrop-filter:none;animation:zm-modal-in .28s ease both}
@keyframes zm-modal-in{from{opacity:0}to{opacity:1}}
.zm-onboarding-veil{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(520px circle at var(--mx) var(--my),rgba(77,42,110,.30),transparent 68%)}
.zm-onboarding-grid{position:absolute;inset:-60px;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(200,164,242,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(200,164,242,.05) 1px,transparent 1px);
  background-size:56px 56px;
  transform:translate3d(calc(var(--nx) * -22px),calc(var(--ny) * -22px),0);
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
  -webkit-mask-image:radial-gradient(680px circle at var(--mx) var(--my),#000 10%,transparent 72%);
  mask-image:radial-gradient(680px circle at var(--mx) var(--my),#000 10%,transparent 72%)}

/* --- the card --- */
.zm-onboarding-modal .zm-question-card{position:relative;width:min(680px,100%);
  padding:clamp(34px,5vw,54px) clamp(26px,4vw,48px);border:0!important;border-radius:0!important;
  background:rgba(12,12,30,.86)!important;box-shadow:none!important;
  transform:perspective(1400px) rotateX(calc(var(--ny) * -1.4deg)) rotateY(calc(var(--nx) * 1.9deg));
  transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.zm-onboarding-modal .zm-question-card>.zm-cnr{width:16px;height:16px;--zm-line:rgba(200,164,242,.8)}
.zm-question-sheen{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(260px circle at var(--lx,50%) var(--ly,50%),rgba(200,164,242,.09),transparent 70%)}
.zm-question-skip{position:absolute;top:14px;right:16px;padding:4px 8px;border:0;border-radius:0;
  background:none;color:rgba(201,196,222,.55);font:600 11px/1 system-ui,sans-serif;letter-spacing:.14em;
  text-transform:uppercase;cursor:pointer;transition:color .2s ease}
.zm-question-skip:hover{color:#E6E2F4}

/* --- typography --- */
.zm-onboarding-modal .zm-question-step{text-align:left;animation:none}
.zm-onboarding-modal .zm-question-kicker{display:block;margin-bottom:14px;color:#8b80cc;
  font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.zm-onboarding-modal h2{margin:0 0 30px!important;max-width:none;color:#F1EFFA!important;
  font-size:clamp(23px,3.4vw,33px)!important;font-weight:600;line-height:1.2;letter-spacing:-.015em}
.zm-onboarding-modal .zm-info-step>p{max-width:none;margin:0 0 26px;color:#A9A3C4;
  font-size:14.5px;line-height:1.75}

/* --- answers --- */
.zm-onboarding-modal .zm-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;
  background:rgba(200,164,242,.12);margin:0}
.zm-onboarding-modal .zm-answer{position:relative;min-height:62px;display:flex;align-items:center;
  justify-content:space-between;gap:14px;padding:16px 18px;border:0!important;border-radius:0!important;
  background:rgba(12,12,30,.92)!important;color:#D8D3EC!important;text-align:left;font:inherit;
  font-size:14px;font-weight:500;cursor:pointer;overflow:hidden;box-shadow:none!important;
  transform:none!important;transition:background .18s ease,color .18s ease}
.zm-onboarding-modal .zm-answer::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(180px circle at var(--lx,50%) var(--ly,50%),rgba(200,164,242,.16),transparent 70%);
  transition:opacity .2s ease}
.zm-onboarding-modal .zm-answer:hover,.zm-onboarding-modal .zm-answer:focus-visible{
  background:rgba(22,21,48,.96)!important;color:#fff!important;outline:none}
.zm-onboarding-modal .zm-answer:hover::before,.zm-onboarding-modal .zm-answer:focus-visible::before{opacity:1}
.zm-onboarding-modal .zm-answer:hover .zm-cnr,.zm-onboarding-modal .zm-answer:focus-visible .zm-cnr{
  width:14px;height:14px;--zm-line:#b3a9f5}
.zm-onboarding-modal .zm-answer__label{position:relative;z-index:1}
.zm-onboarding-modal .zm-answer>i{position:relative;z-index:1;color:#8b80cc;font-size:11px;transition:transform .2s ease,color .2s ease}
.zm-onboarding-modal .zm-answer:hover>i{color:#b3a9f5;transform:translateX(3px)}
.zm-onboarding-modal .zm-answer--secondary{background:transparent!important;color:#A9A3C4!important}

/* --- footer links, sponsor, steps --- */
.zm-onboarding-modal .zm-cheats-link{position:relative;width:100%;min-height:56px;display:flex;
  align-items:center;justify-content:space-between;gap:12px;margin-top:1px;padding:16px 18px;
  border:0!important;border-radius:0!important;background:rgba(77,42,110,.16)!important;
  color:#E6E2F4!important;font-weight:600;font-size:14px;text-decoration:none;overflow:hidden;
  transform:none!important;box-shadow:none!important;transition:background .18s ease}
.zm-onboarding-modal .zm-cheats-link:hover{background:rgba(77,42,110,.3)!important}
.zm-onboarding-modal .zm-cheats-link:hover .zm-cnr{width:14px;height:14px;--zm-line:#b3a9f5}
.zm-onboarding-modal .zm-sponsor-wrap{align-items:flex-start;margin:0 0 26px;gap:10px}
.zm-onboarding-modal .zm-sponsor-label{color:#7a70b8;font-size:10px;letter-spacing:.22em}
.zm-onboarding-modal .zm-sponsor-label i{color:#8b80cc}
.zm-onboarding-modal .zm-sponsor-box{position:relative;width:100%;padding:16px 46px 16px 18px;
  border:0!important;border-radius:0!important;background:rgba(22,21,48,.9)!important;
  transform:none!important;box-shadow:none!important;overflow:hidden}
.zm-onboarding-modal .zm-sponsor-box:hover .zm-cnr{width:14px;height:14px;--zm-line:#b3a9f5}
.zm-onboarding-modal .zm-sponsor-box strong{font-size:15px;font-weight:600}
.zm-onboarding-modal .zm-sponsor-box span{color:#8b80cc;font-size:12.5px}
.zm-onboarding-modal .zm-sponsor-box>i{right:18px;color:#8b80cc}
.zm-onboarding-modal .zm-quick-steps{gap:1px;background:rgba(200,164,242,.12);margin:0 0 4px}
.zm-onboarding-modal .zm-quick-steps li{position:relative;counter-increment:zm-step;padding:15px 18px;
  border:0!important;border-radius:0!important;background:rgba(12,12,30,.92)!important;color:#C0BAD8;
  font-size:13.5px;line-height:1.6;transition:background .18s ease}
.zm-onboarding-modal .zm-quick-steps{counter-reset:zm-step}
.zm-onboarding-modal .zm-quick-steps li:hover{background:rgba(22,21,48,.96)!important}
.zm-onboarding-modal .zm-quick-steps li::before{content:counter(zm-step,decimal-leading-zero);
  display:inline-block;margin-right:14px;color:#7a70b8;font-size:11px;font-weight:700;letter-spacing:.08em;vertical-align:1px}
.zm-onboarding-modal .zm-question-actions{display:flex;flex-wrap:wrap;gap:1px;margin-top:26px;
  justify-content:flex-start;background:rgba(200,164,242,.12)}
.zm-onboarding-modal .zm-question-actions .zm-answer{flex:1 1 200px;min-height:52px;justify-content:space-between}
.zm-onboarding-modal .zm-done-message{margin:0 0 28px;color:#A9A3C4;font-size:14.5px;line-height:1.7}
.zm-onboarding-modal .zm-done-step .zm-question-actions .zm-answer{flex:0 1 220px}

/* --- loader, squared off to match --- */
.zm-onboarding-loader{gap:18px;background:#170c28!important}
.zm-onboarding-loader>strong{letter-spacing:.2em;text-shadow:none;animation:none}
.zm-onboarding-loader>small{color:#7a70b8;opacity:1;animation:none;font-size:11px;letter-spacing:.22em;text-transform:uppercase}
.zm-loader-mark span{width:6px;height:6px;border-radius:0;background:#8b80cc;box-shadow:none}

@media(max-width:620px){
  .zm-onboarding-modal .zm-answer-grid{grid-template-columns:minmax(0,1fr)}
  .zm-onboarding-modal .zm-question-card{padding:34px 20px}
  .zm-onboarding-modal .zm-question-actions{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  .zm-onboarding-modal .zm-question-card,.zm-onboarding-grid{transform:none!important;transition:none!important}
  .zm-onboarding-modal,.zm-onboarding-veil{animation:none!important}
  .zm-cnr{transition:none!important}
}

/* ============================================================
   HOME FLOW — hero first, then scroll-revealed section trees,
   then "Why Trust AllGuides?". Square corners throughout.
   ============================================================ */

/* --- no scrollbar anywhere --- */
*{scrollbar-width:none!important;-ms-overflow-style:none!important}
*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* --- the hero owns the first screen and nothing else --- */
.zm-docs.is-home .zm-welcome-panel{display:block!important;min-height:0!important;height:auto!important;padding:0!important;text-align:left!important}
.zm-docs.is-home .zm-content{padding-top:0!important}
.zm-hero-stage{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:clamp(24px,5vw,70px) 0 96px;text-align:center}
.zm-docs.is-home .zm-hero-stage .zm-welcome-copy{width:min(880px,100%)!important;margin:0 auto!important;padding:0 16px!important;text-align:center!important}
.zm-docs.is-home .zm-hero-domain{margin-top:44px}

.zm-scroll-cue{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);
  width:1px;height:58px;background:linear-gradient(rgba(200,164,242,0),rgba(200,164,242,.5));overflow:hidden}
.zm-scroll-cue span{position:absolute;left:-2px;top:0;width:5px;height:5px;background:#a99fea;
  animation:zm-cue 2.1s cubic-bezier(.6,0,.4,1) infinite}
@keyframes zm-cue{0%{transform:translateY(-6px);opacity:0}25%{opacity:1}100%{transform:translateY(58px);opacity:0}}

/* --- flow container --- */
.zm-home-flow{display:block;padding:0 0 clamp(70px,10vw,140px)}
.zm-flow{width:min(940px,100%);margin:0 auto;padding:0 clamp(14px,3vw,24px)}
.zm-flow-kicker{display:block;margin-bottom:12px;color:#7a70b8;font-size:10px;font-weight:700;
  letter-spacing:.24em;text-transform:uppercase}
.zm-flow-intro{margin:0 0 clamp(36px,6vw,64px);text-align:center}
.zm-flow-intro h2{margin:0 0 12px!important;color:#F1EFFA!important;
  font-size:clamp(24px,4vw,36px)!important;font-weight:600;letter-spacing:-.02em}
.zm-flow-intro p{max-width:520px;margin:0 auto;color:#A9A3C4;font-size:14.5px;line-height:1.7}

/* --- one row per section, alternating sides --- */
.zm-flow-row{display:flex;flex-direction:column;margin:0 0 clamp(18px,3vw,30px);
  opacity:0;transform:translateY(26px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.zm-flow-row.is-revealed{opacity:1;transform:none}
.zm-flow-row--left{align-items:flex-start}
.zm-flow-row--right{align-items:flex-end}
.zm-flow-row--left:not(.is-revealed){transform:translate3d(-34px,26px,0)}
.zm-flow-row--right:not(.is-revealed){transform:translate3d(34px,26px,0)}
.zm-flow-row--full{align-items:stretch;margin-top:clamp(50px,9vw,96px)}

/* --- the borderless, corner-marked header box --- */
.zm-flow-head{position:relative;width:min(560px,100%);display:flex;align-items:center;gap:16px;
  padding:22px 22px;border:0;border-radius:0;background:rgba(14,14,33,.78);color:#D8D3EC;
  text-align:left;font:inherit;cursor:pointer;overflow:hidden;transition:background .2s ease}
.zm-flow-head::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(220px circle at var(--lx,50%) var(--ly,50%),rgba(200,164,242,.14),transparent 70%);
  transition:opacity .2s ease}
.zm-flow-head:hover,.zm-flow-head:focus-visible{background:rgba(22,21,48,.9);outline:none}
.zm-flow-head:hover::before,.zm-flow-head:focus-visible::before{opacity:1}
.zm-flow-head:hover .zm-cnr,.zm-flow-head:focus-visible .zm-cnr,.zm-flow-row.is-open .zm-flow-head .zm-cnr{
  width:15px;height:15px;--zm-line:#b3a9f5}
.zm-flow-head__icon{position:relative;z-index:1;flex:0 0 auto;width:34px;height:34px;display:grid;
  place-items:center;color:#8b80cc;font-size:14px;background:rgba(77,42,110,.16)}
.zm-flow-head__text{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.zm-flow-head__title{color:#F1EFFA;font-size:16px;font-weight:600;letter-spacing:-.01em}
.zm-flow-head__meta{color:#7a70b8;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.zm-flow-head__chevron{position:relative;z-index:1;color:#7a70b8;font-size:11px;transition:transform .25s ease,color .25s ease}
.zm-flow-row.is-open .zm-flow-head__chevron{transform:rotate(180deg);color:#b3a9f5}

/* --- the tree --- */
.zm-flow-tree{position:relative;width:min(560px,100%);padding:14px 0 6px 30px}
.zm-flow-row--right .zm-flow-tree{padding:14px 30px 6px 0}
.zm-flow-tree[hidden]{display:none}
.zm-flow-spine{position:absolute;top:0;bottom:22px;left:14px;width:1px;background:rgba(200,164,242,.28)}
.zm-flow-row--right .zm-flow-spine{left:auto;right:14px}
.zm-flow-nodes{display:grid;gap:1px;background:rgba(200,164,242,.1)}
.zm-flow-node{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;
  min-height:50px;padding:13px 16px;border:0;border-radius:0;background:rgba(12,12,30,.92);
  color:#C0BAD8;text-align:left;font:inherit;font-size:13.5px;cursor:pointer;overflow:hidden;
  opacity:0;transform:translateY(-6px);
  animation:zm-node-in .34s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 45ms);
  transition:background .18s ease,color .18s ease}
@keyframes zm-node-in{to{opacity:1;transform:none}}
.zm-flow-node::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(160px circle at var(--lx,50%) var(--ly,50%),rgba(200,164,242,.15),transparent 70%);
  transition:opacity .2s ease}
.zm-flow-node:hover,.zm-flow-node:focus-visible{background:rgba(22,21,48,.96);color:#fff;outline:none}
.zm-flow-node:hover::after,.zm-flow-node:focus-visible::after{opacity:1}
.zm-flow-node:hover .zm-cnr,.zm-flow-node:focus-visible .zm-cnr{width:13px;height:13px;--zm-line:#b3a9f5}
.zm-flow-node__label{position:relative;z-index:1;min-width:0}
.zm-flow-node>i{position:relative;z-index:1;color:#7a70b8;font-size:10px;transition:transform .2s ease,color .2s ease}
.zm-flow-node:hover>i{color:#b3a9f5;transform:translateX(3px)}
.zm-flow-branch{position:absolute;top:50%;left:-16px;width:16px;height:1px;background:rgba(200,164,242,.28)}
.zm-flow-row--right .zm-flow-branch{left:auto;right:-16px}

/* --- why trust allguides --- */
.zm-trust{text-align:center}
.zm-trust__title{margin:0 0 14px!important;color:#F1EFFA!important;
  font-size:clamp(25px,4.2vw,38px)!important;font-weight:600;letter-spacing:-.02em}
.zm-trust__lead{max-width:600px;margin:0 auto clamp(30px,5vw,48px);color:#A9A3C4;font-size:14.5px;line-height:1.75}
.zm-trust__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;
  background:rgba(200,164,242,.1);text-align:left}
.zm-trust__card{position:relative;padding:26px 22px;background:rgba(12,12,30,.92);overflow:hidden;
  transition:background .2s ease}
.zm-trust__card::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(200px circle at var(--lx,50%) var(--ly,50%),rgba(200,164,242,.12),transparent 70%);
  transition:opacity .2s ease}
.zm-trust__card:hover{background:rgba(22,21,48,.96)}
.zm-trust__card:hover::after{opacity:1}
.zm-trust__card:hover .zm-cnr{width:13px;height:13px;--zm-line:#b3a9f5}
.zm-trust__card>i{position:relative;z-index:1;display:block;margin-bottom:16px;color:#8b80cc;font-size:17px}
.zm-trust__card h3{position:relative;z-index:1;margin:0 0 9px!important;color:#F1EFFA!important;
  font-size:15px!important;font-weight:600}
.zm-trust__card p{position:relative;z-index:1;margin:0;color:#A9A3C4;font-size:13.5px;line-height:1.7}

@media(max-width:700px){
  .zm-flow-row,.zm-flow-row--left,.zm-flow-row--right{align-items:stretch}
  .zm-flow-head,.zm-flow-tree{width:100%}
  .zm-flow-row--right .zm-flow-tree{padding:14px 0 6px 30px}
  .zm-flow-row--right .zm-flow-spine{left:14px;right:auto}
  .zm-flow-row--right .zm-flow-branch{left:-16px;right:auto}
}
@media(prefers-reduced-motion:reduce){
  .zm-flow-row{opacity:1!important;transform:none!important;transition:none!important}
  .zm-flow-node{opacity:1;transform:none;animation:none}
  .zm-scroll-cue span{animation:none;opacity:.6}
}

/* ============================================================
   SHELL PASS — Cartz site background ported to purple,
   no top bar on the hero, off-canvas nav behind a live arrow.
   ============================================================ */

/* --- purple palette pulled from the Cartz background system --- */
.zm-docs{
  --zm-void:#170c28;          /* deepest purple — never neutral black */
  --zm-deep:#3d2266;          /* dark purple, top of the wash */
  --zm-deeper:#251441;
  --zm-lift:#3a1f51;          /* mid purple */
  --zm-light:#a870e8;         /* the #70e897 green, rotated to purple */
  --zm-lighter:#c8a4f2;
  --zm-line:rgba(168,112,232,.32);
}

/* --- the background itself: flat base + fixed wash + top/bottom fades --- */
.zm-docs{background:transparent!important;background-image:none!important}
.zm-docs.is-home{background:transparent!important;background-image:none!important}
.zm-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.zm-bg-wash{position:absolute;inset:0;background-color:#170c28;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  background-image:
    radial-gradient(1000px 760px at 74% 18%,rgba(168,112,232,.20),transparent 66%),
    linear-gradient(176deg,#3d2266 0%,#2c1850 34%,#1f1038 66%,#170c28 100%)}
html,body{background-color:#170c28!important}

/* --- recolour the surfaces onto the purple base --- */
.zm-docs .zm-card,.zm-docs .zm-error,.zm-docs .zm-stat-card,.zm-docs .zm-welcome-feature,
.zm-docs .zm-media-block,.zm-docs .zm-loader-card,.zm-docs .zm-warning,.zm-docs .zm-danger,
.zm-onboarding-modal .zm-answer,.zm-onboarding-modal .zm-quick-steps li,
.zm-flow-node,.zm-trust__card{background:rgba(36,19,51,.72)!important}
.zm-flow-head{background:rgba(36,19,51,.8)}
.zm-onboarding-modal .zm-question-card{background:rgba(24,12,36,.9)!important}
.zm-onboarding-modal{background:#150a24}
.zm-onboarding-veil{background:radial-gradient(520px circle at var(--mx) var(--my),rgba(168,112,232,.34),transparent 68%)}
.zm-onboarding-loader{background:linear-gradient(168deg,var(--zm-deep),var(--zm-void))!important}
.zm-docs .zm-sidebar{background:rgba(23,12,40,.95)!important;border-right:1px solid var(--zm-line)!important}
.zm-docs .zm-tab,.zm-docs .zm-toplink,.zm-docs .zm-group-title,.zm-docs .zm-discord{
  background:rgba(36,19,51,.5)!important;border-color:var(--zm-line)!important}
.zm-docs .zm-tab:hover,.zm-docs .zm-tab.is-active,.zm-docs .zm-toplink:hover,
.zm-docs .zm-group-title:hover,.zm-docs .zm-discord:hover{background:rgba(58,31,81,.8)!important;border-color:rgba(168,112,232,.7)!important}
.zm-docs .zm-tab:before,.zm-docs .zm-tab.is-active:before{background:var(--zm-light)!important;box-shadow:0 0 12px rgba(168,112,232,.8)!important}
.zm-docs .zm-button,.zm-docs .zm-panel a.zm-button{background:linear-gradient(135deg,#4d2a6e,#3a1f51)!important;border-color:rgba(168,112,232,.5)!important}
.zm-docs .zm-button:hover,.zm-docs .zm-panel a.zm-button:hover{background:linear-gradient(135deg,#523796,#35225f)!important;border-color:var(--zm-light)!important}
.zm-docs input,.zm-docs textarea,.zm-docs select,.zm-docs pre,.zm-docs code{background:rgba(24,12,36,.85)!important;border-color:var(--zm-line)!important}
.zm-docs .zm-panel a:not(.zm-button):not([class*="zm-"]){background:rgba(168,112,232,.2)!important;border-bottom-color:var(--zm-light)!important;color:var(--zm-lighter)!important}
.zm-cnr{--zm-line:rgba(168,112,232,.55)}
.zm-flow-head:hover .zm-cnr,.zm-flow-node:hover .zm-cnr,.zm-trust__card:hover .zm-cnr,
.zm-onboarding-modal .zm-answer:hover .zm-cnr,.zm-flow-row.is-open .zm-flow-head .zm-cnr{--zm-line:var(--zm-lighter)}
.zm-docs .zm-card::before,.zm-docs .zm-card::after,.zm-docs .zm-error::before,.zm-docs .zm-error::after,
.zm-docs .zm-stat-card::before,.zm-docs .zm-stat-card::after,.zm-docs .zm-welcome-feature::before,
.zm-docs .zm-welcome-feature::after,.zm-docs .zm-media-block::before,.zm-docs .zm-media-block::after,
.zm-docs .zm-loader-card::before,.zm-docs .zm-loader-card::after{--c:rgba(168,112,232,.5)}
.zm-flow-kicker,.zm-onboarding-modal .zm-question-kicker,.zm-flow-head__meta,
.zm-docs .zm-welcome-kicker,.zm-docs .zm-question-kicker{color:#a870e8!important}
.zm-flow-head__icon,.zm-trust__card>i,.zm-flow-node>i,.zm-onboarding-modal .zm-answer>i{color:var(--zm-light)!important}
.zm-flow-head__icon{background:rgba(168,112,232,.2)}
.zm-loader-mark span{background:var(--zm-light)}
.zm-scroll-cue{background:linear-gradient(rgba(168,112,232,0),rgba(168,112,232,.55))}
.zm-scroll-cue span{background:var(--zm-lighter)}
.zm-docs.is-home .zm-welcome-copy h1{-webkit-text-stroke:1.5px rgba(168,112,232,.85);
  text-shadow:0 3px 0 #4d2a6e,0 7px 0 #241645,0 12px 34px rgba(168,112,232,.45)!important}
.zm-docs.is-home .zm-hero-search__field{border-color:rgba(168,112,232,.6);
  background:linear-gradient(115deg,#4d2a6e,#3a1f51 70%,#241333);
  box-shadow:0 14px 38px rgba(168,112,232,.35),inset 0 1px rgba(200,164,242,.16)}
.zm-docs.is-home .zm-search-suggestions-container{background:#1e1230;border-color:rgba(168,112,232,.5)}
.zm-docs.is-home .zm-search-suggestion:hover,.zm-docs.is-home .zm-search-suggestion.is-highlighted{background:rgba(168,112,232,.3)}

/* --- no black bar across the top of the hero --- */
.zm-docs.is-home .zm-toolbar{display:none!important}
.zm-docs .zm-toolbar{background:rgba(23,12,40,.88)!important;border-color:var(--zm-line)!important;
  left:0!important;width:100%!important}

/* --- the sidebar lives off-canvas now --- */
.zm-docs .zm-sidebar{transform:translateX(-102%);left:0!important;
  transition:transform .34s cubic-bezier(.2,.8,.2,1);box-shadow:none!important;will-change:transform}
.zm-docs.is-nav-open .zm-sidebar{transform:none;box-shadow:40px 0 90px rgba(0,0,0,.6)!important}
.zm-docs .zm-workspace{width:100%!important;margin-left:0!important}
.zm-nav-scrim{position:fixed;inset:0;z-index:99;background:rgba(23,12,40,.62);border:0}
.zm-nav-scrim[hidden]{display:none}

/* the arrow and its off-canvas panel were replaced by the top navbar */

/* ============================================================
   CORNERS ONLY — no box anywhere keeps a full outline.
   Marks are painted as background layers so they never collide
   with the ::before/::after already used for active bars,
   counters and cursor sheens.
   ============================================================ */

.zm-docs .zm-tab,.zm-docs .zm-toplink,.zm-docs .zm-group-title,.zm-docs .zm-discord,
.zm-docs .zm-steps li,.zm-docs .zm-loader-missing,.zm-docs .zm-badges code,
.zm-docs pre,.zm-docs input,.zm-docs textarea,.zm-docs select,
.zm-docs .zm-media-block__media,.zm-docs .zm-links-card,.zm-docs .zm-crumb,
.zm-docs.is-home .zm-hero-search__field,.zm-docs.is-home .zm-search-suggestions-container,
.zm-docs .zm-button,.zm-docs .zm-panel a.zm-button,.zm-nav-scrim ~ .zm-sidebar .zm-group{
  --cm:rgba(168,112,232,.5);--cs:10px;
  border:0!important;border-radius:0!important;
  background-repeat:no-repeat!important;
  background-image:
    linear-gradient(var(--cm),var(--cm)),linear-gradient(var(--cm),var(--cm)),
    linear-gradient(var(--cm),var(--cm)),linear-gradient(var(--cm),var(--cm)),
    linear-gradient(var(--cm),var(--cm)),linear-gradient(var(--cm),var(--cm)),
    linear-gradient(var(--cm),var(--cm)),linear-gradient(var(--cm),var(--cm))!important;
  background-size:
    var(--cs) 1px,1px var(--cs),var(--cs) 1px,1px var(--cs),
    var(--cs) 1px,1px var(--cs),var(--cs) 1px,1px var(--cs)!important;
  background-position:
    left top,left top,right top,right top,
    left bottom,left bottom,right bottom,right bottom!important}

/* elements that also need a filled surface keep it as background-color */
.zm-docs .zm-tab,.zm-docs .zm-toplink,.zm-docs .zm-group-title,.zm-docs .zm-discord{background-color:rgba(36,19,51,.5)!important}
.zm-docs .zm-tab:hover,.zm-docs .zm-tab.is-active,.zm-docs .zm-toplink:hover,
.zm-docs .zm-group-title:hover,.zm-docs .zm-discord:hover{background-color:rgba(58,31,81,.85)!important;--cm:var(--zm-lighter)}
.zm-docs .zm-tab.is-active{--cm:var(--zm-lighter)}
.zm-docs .zm-steps li,.zm-docs .zm-loader-missing{background-color:rgba(36,19,51,.6)!important}
.zm-docs pre,.zm-docs input,.zm-docs textarea,.zm-docs select,.zm-docs .zm-badges code{background-color:rgba(24,12,36,.85)!important}
.zm-docs .zm-button,.zm-docs .zm-panel a.zm-button{background-color:#3a1f51!important;--cm:rgba(200,164,242,.75)}
.zm-docs .zm-button:hover,.zm-docs .zm-panel a.zm-button:hover{background-color:#4d2a6e!important;--cm:var(--zm-lighter)}
.zm-docs.is-home .zm-hero-search__field{background-color:#3a1f51!important;--cm:rgba(200,164,242,.7);--cs:14px;
  box-shadow:0 14px 38px rgba(168,112,232,.35)}
.zm-docs.is-home .zm-search-suggestions-container{background-color:#1e1230!important;--cs:12px}
.zm-docs .zm-media-block__media{padding:6px;--cs:12px}
.zm-docs .zm-media-block__media img{border:0!important;border-radius:0!important}

/* inline code stays flat — it is not a box */
.zm-docs :not(pre)>code{background-image:none!important;background-color:rgba(168,112,232,.18)!important;
  border:0!important;border-radius:0!important;padding:2px 6px}

/* separators instead of outlines */
.zm-docs .zm-sidebar{border-right:0!important;
  box-shadow:inset -1px 0 0 rgba(168,112,232,.18)}
.zm-docs.is-nav-open .zm-sidebar{box-shadow:inset -1px 0 0 rgba(168,112,232,.18),40px 0 90px rgba(0,0,0,.6)!important}
.zm-docs .zm-toolbar{border:0!important;box-shadow:inset 0 -1px 0 rgba(168,112,232,.16)}
.zm-docs .zm-loader-category h2{border-bottom:0!important;box-shadow:inset 0 -1px 0 rgba(168,112,232,.2)}
.zm-docs.is-home .zm-search-suggestion{border-bottom:0!important;box-shadow:inset 0 -1px 0 rgba(168,112,232,.14)}
.zm-docs.is-home .zm-search-suggestion:last-child{box-shadow:none}
.zm-onboarding-modal .zm-quick-steps li{border-left:0!important}

/* the guide cards already carry pseudo-element corner marks — recolour only */
.zm-docs .zm-card,.zm-docs .zm-error,.zm-docs .zm-stat-card,.zm-docs .zm-welcome-feature,
.zm-docs .zm-media-block,.zm-docs .zm-loader-card,.zm-docs .zm-warning,.zm-docs .zm-danger{
  border:0!important;border-radius:0!important}


/* ============================================================
   CORNER OVERRIDE — earlier `.zm-docs.is-home` and `:hover`
   rules out-specified the corner pass and kept painting full
   outlines. These match their specificity and land after them.
   ============================================================ */

.zm-docs .zm-tab,
.zm-docs .zm-tab:hover,
.zm-docs .zm-tab:focus-visible,
.zm-docs .zm-tab.is-active,
.zm-docs .zm-toplink,
.zm-docs .zm-toplink:hover,
.zm-docs .zm-toplink:focus-visible,
.zm-docs .zm-toplink.is-active,
.zm-docs .zm-group-title,
.zm-docs .zm-group-title:hover,
.zm-docs .zm-group-title:focus-visible,
.zm-docs .zm-group-title.is-active,
.zm-docs .zm-discord,
.zm-docs .zm-discord:hover,
.zm-docs .zm-discord:focus-visible,
.zm-docs .zm-discord.is-active,
.zm-docs.is-home .zm-tab,
.zm-docs.is-home .zm-tab:hover,
.zm-docs.is-home .zm-tab:focus-visible,
.zm-docs.is-home .zm-tab.is-active,
.zm-docs.is-home .zm-toplink,
.zm-docs.is-home .zm-toplink:hover,
.zm-docs.is-home .zm-toplink:focus-visible,
.zm-docs.is-home .zm-toplink.is-active,
.zm-docs.is-home .zm-group-title,
.zm-docs.is-home .zm-group-title:hover,
.zm-docs.is-home .zm-group-title:focus-visible,
.zm-docs.is-home .zm-group-title.is-active,
.zm-docs.is-home .zm-discord,
.zm-docs.is-home .zm-discord:hover,
.zm-docs.is-home .zm-discord:focus-visible,
.zm-docs.is-home .zm-discord.is-active{
  --cm:rgba(168,112,232,.5);--cs:10px;
  border:0!important;border-radius:0!important;
  background-repeat:no-repeat!important;
  background-image:
    linear-gradient(var(--cm),var(--cm)),linear-gradient(var(--cm),var(--cm)),
    linear-gradient(var(--cm),var(--cm)),linear-gradient(var(--cm),var(--cm)),
    linear-gradient(var(--cm),var(--cm)),linear-gradient(var(--cm),var(--cm)),
    linear-gradient(var(--cm),var(--cm)),linear-gradient(var(--cm),var(--cm))!important;
  background-size:
    var(--cs) 1px,1px var(--cs),var(--cs) 1px,1px var(--cs),
    var(--cs) 1px,1px var(--cs),var(--cs) 1px,1px var(--cs)!important;
  background-position:
    left top,left top,right top,right top,
    left bottom,left bottom,right bottom,right bottom!important;
}
.zm-docs .zm-tab,
.zm-docs .zm-toplink,
.zm-docs .zm-group-title,
.zm-docs .zm-discord,
.zm-docs.is-home .zm-tab,
.zm-docs.is-home .zm-toplink,
.zm-docs.is-home .zm-group-title,
.zm-docs.is-home .zm-discord{background-color:rgba(36,19,51,.5)!important}
.zm-docs .zm-tab:hover,
.zm-docs .zm-tab:focus-visible,
.zm-docs .zm-tab.is-active,
.zm-docs .zm-toplink:hover,
.zm-docs .zm-toplink:focus-visible,
.zm-docs .zm-toplink.is-active,
.zm-docs .zm-group-title:hover,
.zm-docs .zm-group-title:focus-visible,
.zm-docs .zm-group-title.is-active,
.zm-docs .zm-discord:hover,
.zm-docs .zm-discord:focus-visible,
.zm-docs .zm-discord.is-active,
.zm-docs.is-home .zm-tab:hover,
.zm-docs.is-home .zm-tab:focus-visible,
.zm-docs.is-home .zm-tab.is-active,
.zm-docs.is-home .zm-toplink:hover,
.zm-docs.is-home .zm-toplink:focus-visible,
.zm-docs.is-home .zm-toplink.is-active,
.zm-docs.is-home .zm-group-title:hover,
.zm-docs.is-home .zm-group-title:focus-visible,
.zm-docs.is-home .zm-group-title.is-active,
.zm-docs.is-home .zm-discord:hover,
.zm-docs.is-home .zm-discord:focus-visible,
.zm-docs.is-home .zm-discord.is-active{
  background-color:rgba(58,31,81,.88)!important;--cm:#c8a4f2}

.zm-docs .zm-button,
.zm-docs .zm-panel a.zm-button,
.zm-docs .zm-button:hover,
.zm-docs .zm-panel a.zm-button:hover,
.zm-docs .zm-button:focus-visible,
.zm-docs .zm-panel a.zm-button:focus-visible,
.zm-docs.is-home .zm-button,
.zm-docs.is-home .zm-panel a.zm-button,
.zm-docs.is-home .zm-button:hover,
.zm-docs.is-home .zm-panel a.zm-button:hover,
.zm-docs.is-home .zm-button:focus-visible,
.zm-docs.is-home .zm-panel a.zm-button:focus-visible{
  --cm:rgba(200,164,242,.75);--cs:10px;
  border:0!important;border-radius:0!important;
  background-repeat:no-repeat!important;
  background-image:
    linear-gradient(var(--cm),var(--cm)),linear-gradient(var(--cm),var(--cm)),
    linear-gradient(var(--cm),var(--cm)),linear-gradient(var(--cm),var(--cm)),
    linear-gradient(var(--cm),var(--cm)),linear-gradient(var(--cm),var(--cm)),
    linear-gradient(var(--cm),var(--cm)),linear-gradient(var(--cm),var(--cm))!important;
  background-size:
    var(--cs) 1px,1px var(--cs),var(--cs) 1px,1px var(--cs),
    var(--cs) 1px,1px var(--cs),var(--cs) 1px,1px var(--cs)!important;
  background-position:
    left top,left top,right top,right top,
    left bottom,left bottom,right bottom,right bottom!important;
}
.zm-docs .zm-button,
.zm-docs.is-home .zm-button,
.zm-docs .zm-panel a.zm-button,
.zm-docs.is-home .zm-panel a.zm-button{background-color:#3a1f51!important}
.zm-docs .zm-button:hover,
.zm-docs .zm-button:focus-visible,
.zm-docs.is-home .zm-button:hover,
.zm-docs.is-home .zm-button:focus-visible,
.zm-docs .zm-panel a.zm-button:hover,
.zm-docs .zm-panel a.zm-button:focus-visible,
.zm-docs.is-home .zm-panel a.zm-button:hover,
.zm-docs.is-home .zm-panel a.zm-button:focus-visible{
  background-color:#4d2a6e!important;--cm:#c8a4f2}

/* ============================================================
   HERO — split layout with original isometric artwork.
   ============================================================ */

.zm-hero-grid{width:min(1180px,100%);margin:0 auto;padding:0 clamp(16px,3vw,32px);
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);
  align-items:center;gap:clamp(20px,4vw,52px)}

.zm-docs.is-home .zm-hero-grid .zm-welcome-copy{width:100%!important;max-width:none!important;
  margin:0!important;padding:0!important;text-align:left!important}
.zm-docs.is-home .zm-hero-grid .zm-welcome-copy h1{margin:0 0 20px!important;text-align:left!important;
  font-size:clamp(46px,6.4vw,92px)!important}
.zm-docs.is-home .zm-hero-grid .zm-hero-search{width:100%;margin:0;max-width:560px}
.zm-docs.is-home .zm-hero-grid .zm-hero-domain{margin-top:30px;text-align:left}

/* --- the artwork --- */
.zm-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;
  --nx:0;--ny:0;pointer-events:none}
.zm-hero-art{width:100%;height:auto;max-height:76vh;overflow:visible;
  transform:translate3d(calc(var(--nx) * 14px),calc(var(--ny) * 12px),0);
  transition:transform .4s cubic-bezier(.2,.8,.2,1)}

/* depth: nearer layers travel further with the cursor */
.zm-hero-art .ha-bloom{transform-origin:360px 300px;animation:ha-bloom 7s ease-in-out infinite}
.zm-hero-art .ha-floor{transform:translate3d(calc(var(--nx) * -6px),calc(var(--ny) * -4px),0);transition:transform .5s ease-out}
.zm-hero-art .ha-stack{transform:translate3d(calc(var(--nx) * 4px),calc(var(--ny) * 4px),0);transition:transform .45s ease-out;
  animation:ha-float 7.5s ease-in-out infinite}
.zm-hero-art .ha-card{transition:transform .4s ease-out}
.zm-hero-art .ha-card--a{transform:translate3d(calc(var(--nx) * 16px),calc(var(--ny) * 13px),0);animation:ha-float 6s ease-in-out infinite .4s}
.zm-hero-art .ha-card--b{transform:translate3d(calc(var(--nx) * 19px),calc(var(--ny) * 15px),0);animation:ha-float 6.6s ease-in-out infinite .9s}
.zm-hero-art .ha-card--c{transform:translate3d(calc(var(--nx) * 24px),calc(var(--ny) * 18px),0);animation:ha-float 5.4s ease-in-out infinite .2s}
.zm-hero-art .ha-card--d{transform:translate3d(calc(var(--nx) * 24px),calc(var(--ny) * 18px),0);animation:ha-float 5.8s ease-in-out infinite 1.1s}
.zm-hero-art .ha-orbs{transform:translate3d(calc(var(--nx) * 30px),calc(var(--ny) * 24px),0);transition:transform .35s ease-out}

@keyframes ha-float{0%,100%{translate:0 0}50%{translate:0 -11px}}
@keyframes ha-bloom{0%,100%{opacity:.75;scale:1}50%{opacity:1;scale:1.05}}

/* rings breathe outward */
.zm-hero-art .ha-ring{transform-box:fill-box;transform-origin:center;animation:ha-ring 4.6s ease-out infinite}
.zm-hero-art .ha-ring--2{animation-delay:.7s}
.zm-hero-art .ha-ring--3{animation-delay:1.4s}
@keyframes ha-ring{0%{scale:.86;opacity:.15}45%{opacity:.75}100%{scale:1.09;opacity:0}}

/* signal travelling along the connector web */
.zm-hero-art .ha-line{stroke-dasharray:14 190;stroke-dashoffset:204;animation:ha-signal 4.4s linear infinite}
.zm-hero-art .ha-line:nth-child(2){animation-delay:.9s}
.zm-hero-art .ha-line:nth-child(3){animation-delay:1.7s}
.zm-hero-art .ha-line:nth-child(4){animation-delay:2.5s}
.zm-hero-art .ha-line:nth-child(5){animation-delay:3.2s}
@keyframes ha-signal{to{stroke-dashoffset:0}}

.zm-hero-art .ha-node{transform-box:fill-box;transform-origin:center;animation:ha-node 3.2s ease-in-out infinite}
.zm-hero-art .ha-node:nth-child(2){animation-delay:.5s}
.zm-hero-art .ha-node:nth-child(3){animation-delay:1s}
.zm-hero-art .ha-node:nth-child(4){animation-delay:1.5s}
.zm-hero-art .ha-node:nth-child(5){animation-delay:2s}
@keyframes ha-node{0%,100%{scale:1;opacity:.75}50%{scale:1.35;opacity:1}}

.zm-hero-art .ha-halo{transform-box:fill-box;transform-origin:center;animation:ha-halo 3.4s ease-out infinite}
@keyframes ha-halo{0%{scale:.6;opacity:.8}100%{scale:1.7;opacity:0}}

.zm-hero-art .ha-orb{transform-box:fill-box;transform-origin:center;animation:ha-drift 9s ease-in-out infinite}
.zm-hero-art .ha-orb--2{animation-duration:11s;animation-delay:.8s}
.zm-hero-art .ha-orb--3{animation-duration:10s;animation-delay:1.6s}
.zm-hero-art .ha-orb--4{animation-duration:12s;animation-delay:2.4s}
.zm-hero-art .ha-orb--5{animation-duration:8.4s;animation-delay:3.1s}
@keyframes ha-drift{0%,100%{translate:0 0}33%{translate:9px -13px}66%{translate:-7px 8px}}

/* --- the violet wash the hero sits in --- */
.zm-hero-stage{position:relative}
/* the hero's own radial veil was removed: isolation:isolate trapped it above .zm-bg */

@media(max-width:980px){
  .zm-hero-grid{grid-template-columns:minmax(0,1fr);gap:26px;text-align:center}
  .zm-docs.is-home .zm-hero-grid .zm-welcome-copy h1{text-align:center!important}
  .zm-docs.is-home .zm-hero-grid .zm-welcome-copy{text-align:center!important}
  .zm-docs.is-home .zm-hero-grid .zm-hero-search{margin:0 auto}
  .zm-docs.is-home .zm-hero-grid .zm-hero-domain{text-align:center}
  .zm-hero-visual{order:-1}
  .zm-hero-art{max-height:38vh}
}
@media(max-width:620px){.zm-hero-art{max-height:30vh;opacity:.9}}
@media(prefers-reduced-motion:reduce){
  .zm-hero-art,.zm-hero-art *{animation:none!important;transition:none!important;transform:none!important}
}

/* ============================================================
   Bare icons, corner marks only on hover, expanding search list.
   ============================================================ */

/* --- section icons: no plate, no border, just the glyph --- */
.zm-flow-head__icon{width:auto!important;height:auto!important;display:inline-flex!important;
  background:none!important;background-color:transparent!important;background-image:none!important;
  border:0!important;border-radius:0!important;padding:0!important;margin-right:2px;
  font-size:17px!important;color:var(--zm-light)!important;
  filter:drop-shadow(0 0 10px rgba(168,112,232,.35));transition:color .2s ease,filter .2s ease}
.zm-flow-head:hover .zm-flow-head__icon,.zm-flow-row.is-open .zm-flow-head__icon{
  color:var(--zm-lighter)!important;filter:drop-shadow(0 0 14px rgba(168,112,232,.6))}
.zm-flow-head{gap:18px}
.zm-trust__card>i{background:none!important;border:0!important;padding:0!important}

/* --- corner marks stay hidden until the box is hovered or focused --- */
.zm-flow-head .zm-cnr,.zm-flow-node .zm-cnr,.zm-trust__card .zm-cnr,
.zm-onboarding-modal .zm-answer .zm-cnr,.zm-onboarding-modal .zm-cheats-link .zm-cnr,
.zm-onboarding-modal .zm-sponsor-box .zm-cnr,.zm-onboarding-modal .zm-quick-steps li .zm-cnr{
  opacity:0;transition:opacity .2s ease,width .18s ease,height .18s ease,border-color .18s ease}
.zm-flow-head:hover .zm-cnr,.zm-flow-head:focus-visible .zm-cnr,
.zm-flow-row.is-open .zm-flow-head .zm-cnr,
.zm-flow-node:hover .zm-cnr,.zm-flow-node:focus-visible .zm-cnr,
.zm-trust__card:hover .zm-cnr,
.zm-onboarding-modal .zm-answer:hover .zm-cnr,.zm-onboarding-modal .zm-answer:focus-visible .zm-cnr,
.zm-onboarding-modal .zm-cheats-link:hover .zm-cnr,
.zm-onboarding-modal .zm-sponsor-box:hover .zm-cnr,
.zm-onboarding-modal .zm-quick-steps li:hover .zm-cnr{opacity:1}

/* same for the guide cards that draw their marks as pseudo-elements */
.zm-docs .zm-card::before,.zm-docs .zm-card::after,
.zm-docs .zm-stat-card::before,.zm-docs .zm-stat-card::after,
.zm-docs .zm-welcome-feature::before,.zm-docs .zm-welcome-feature::after,
.zm-docs .zm-media-block::before,.zm-docs .zm-media-block::after,
.zm-docs .zm-loader-card::before,.zm-docs .zm-loader-card::after{
  opacity:0;transition:opacity .2s ease}
.zm-docs .zm-card:hover::before,.zm-docs .zm-card:hover::after,
.zm-docs .zm-stat-card:hover::before,.zm-docs .zm-stat-card:hover::after,
.zm-docs .zm-welcome-feature:hover::before,.zm-docs .zm-welcome-feature:hover::after,
.zm-docs .zm-media-block:hover::before,.zm-docs .zm-media-block:hover::after,
.zm-docs .zm-loader-card:hover::before,.zm-docs .zm-loader-card:hover::after{opacity:1}
/* warnings and errors keep theirs — they are meant to be noticed at rest */

/* --- the expanding suggestion list --- */
.zm-docs.is-home .zm-search-suggestions-container{max-height:none}
.zm-docs.is-home .zm-search-suggestion{animation:zm-row-in .22s cubic-bezier(.2,.8,.2,1) both}
@keyframes zm-row-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.zm-docs.is-home .zm-search-suggestion:first-child{color:#fff}
.zm-docs.is-home .zm-search-suggestion:not(:first-child) span{opacity:.82}
@media(prefers-reduced-motion:reduce){
  .zm-docs.is-home .zm-search-suggestion{animation:none!important}
  .zm-flow-head .zm-cnr,.zm-flow-node .zm-cnr,.zm-trust__card .zm-cnr{transition:none!important}
}

/* ============================================================
   LAYERING — the background is fixed; the sections are sheets
   that travel over it, so only the content reads as moving.
   ============================================================ */

/* the wash never scrolls and never sits inside a scrolling context */
.zm-bg{position:fixed!important;inset:0!important;z-index:-1!important;
  will-change:auto;transform:none!important}

/* every content region becomes its own surface above that wash */
.zm-sheet,
.zm-docs .zm-home-flow .zm-flow,
.zm-docs .zm-panel:not(.zm-welcome-panel),
.zm-docs .zm-flow-row--full{
  position:relative;z-index:1;
  background:linear-gradient(180deg,rgba(45,26,74,.72),rgba(30,16,50,.78));
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  backdrop-filter:blur(16px) saturate(115%);
  box-shadow:0 34px 90px rgba(8,3,18,.55),0 1px 0 rgba(200,164,242,.14) inset}

.zm-docs .zm-home-flow .zm-flow{
  width:min(1020px,100%);margin:0 auto;
  padding:clamp(40px,6vw,72px) clamp(22px,4vw,54px) clamp(46px,7vw,84px)}
.zm-docs .zm-flow-row--full{
  margin-top:clamp(28px,5vw,56px);
  padding:clamp(40px,6vw,72px) clamp(22px,4vw,54px)}
.zm-docs .zm-panel:not(.zm-welcome-panel){
  padding:clamp(34px,5vw,60px) clamp(22px,4vw,46px);margin-bottom:60px}

/* a hairline edge so the sheet boundary is legible against the wash */
.zm-docs .zm-home-flow .zm-flow::after,
.zm-docs .zm-flow-row--full::after,
.zm-docs .zm-panel:not(.zm-welcome-panel)::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  box-shadow:0 0 0 1px rgba(200,164,242,.10)}

/* the hero stays open so the artwork reads against the wash directly */
.zm-hero-stage,.zm-welcome-panel{background:none!important;backdrop-filter:none!important;box-shadow:none!important}

/* the boxes inside a sheet sit on the sheet, not on the page */
.zm-flow-head{background:rgba(20,11,36,.82)}
.zm-flow-node,.zm-trust__card{background:rgba(20,11,36,.86)!important}

/* ============================================================
   HERO ARTWORK — larger canvas, branch + twig animation.
   ============================================================ */
.zm-hero-art{max-height:88vh}
.zm-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.16fr)}

.zm-hero-art .ha-twigs{transform:translate3d(calc(var(--nx) * 26px),calc(var(--ny) * 20px),0);transition:transform .45s ease-out}
.zm-hero-art .ha-leaves{transform:translate3d(calc(var(--nx) * 30px),calc(var(--ny) * 23px),0);transition:transform .4s ease-out}
.zm-hero-art .ha-hubs,.zm-hero-art .ha-cards{transform:translate3d(calc(var(--nx) * 17px),calc(var(--ny) * 14px),0);transition:transform .42s ease-out}

/* signal runs out along the primary branches, then on down the twigs */
.zm-hero-art .ha-line{stroke-dasharray:18 300;stroke-dashoffset:318;
  animation:ha-signal 5s linear infinite;animation-delay:calc(var(--i) * .42s)}
.zm-hero-art .ha-twig{stroke-dasharray:10 170;stroke-dashoffset:180;
  animation:ha-signal 5s linear infinite;animation-delay:calc(1.1s + var(--i) * .19s)}
@keyframes ha-signal{to{stroke-dashoffset:0}}

.zm-hero-art .ha-leaf{transform-box:fill-box;transform-origin:center;
  animation:ha-leaf 3.6s ease-in-out infinite;animation-delay:calc(var(--i) * .17s)}
@keyframes ha-leaf{0%,100%{scale:.75;opacity:.4}50%{scale:1.3;opacity:1}}

.zm-hero-art .ha-node{transform-box:fill-box;transform-origin:center;
  animation:ha-node 3.4s ease-in-out infinite;animation-delay:calc(var(--i) * .38s)}
.zm-hero-art .ha-card{animation:ha-float 6.4s ease-in-out infinite;animation-delay:calc(var(--i) * .7s)}
.zm-hero-art .ha-orb{animation-delay:calc(var(--i) * .8s)}

@media(max-width:1180px){.zm-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}
@media(max-width:980px){.zm-hero-art{max-height:44vh}}
@media(max-width:620px){.zm-hero-art{max-height:34vh}}
@media(prefers-reduced-motion:reduce){
  .zm-hero-art .ha-twig,.zm-hero-art .ha-leaf{animation:none!important;stroke-dashoffset:0!important}
}

/* ============================================================
   TOP NAV — the two buttons that sit where a navbar would be.
   ============================================================ */
.zm-topnav{position:fixed;top:20px;right:22px;z-index:102;display:flex;gap:10px}
.zm-topbtn{position:relative;display:inline-flex;align-items:center;gap:10px;
  min-height:42px;padding:0 18px;border:0;border-radius:0;
  background:rgba(20,11,36,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  color:#D8D3EC;text-decoration:none;font:600 13px/1 system-ui,sans-serif;letter-spacing:.02em;
  overflow:hidden;transition:background .2s ease,color .2s ease}
.zm-topbtn .zm-cnr{opacity:0;transition:opacity .2s ease,width .18s ease,height .18s ease}
.zm-topbtn:hover,.zm-topbtn:focus-visible{background:rgba(58,31,81,.94);color:#fff;outline:none}
.zm-topbtn:hover .zm-cnr,.zm-topbtn:focus-visible .zm-cnr{opacity:1;width:12px;height:12px;--zm-line:#c8a4f2}
.zm-topbtn>i{position:relative;z-index:1;font-size:14px;color:var(--zm-light,#a870e8);transition:color .2s ease}
.zm-topbtn:hover>i{color:#c8a4f2}
.zm-topbtn__label{position:relative;z-index:1}
.zm-topbtn--discord>i{font-size:16px;color:#c8a4f2}
.zm-topbtn--discord:hover{background:rgba(88,101,242,.24)}
.zm-topbtn--discord:hover>i{color:#fff}
@media(max-width:620px){
  .zm-topnav{top:12px;right:12px;gap:8px}
  .zm-topbtn{min-height:38px;padding:0 12px}
  .zm-topbtn__label{display:none}
  .zm-topbtn{gap:0}
}

/* ============================================================
   PRODUCTS PAGE — cards carry no pricing; the product page does.
   ============================================================ */
.zm-shop{position:relative;min-height:100vh;padding:104px 0 90px;color:#E6E2F4;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.zm-shop-inner{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;
  padding:clamp(34px,5vw,64px) clamp(20px,4vw,48px);
  background:linear-gradient(180deg,rgba(45,26,74,.72),rgba(30,16,50,.78));
  -webkit-backdrop-filter:blur(16px) saturate(115%);backdrop-filter:blur(16px) saturate(115%);
  box-shadow:0 34px 90px rgba(8,3,18,.55),0 1px 0 rgba(200,164,242,.14) inset}

.zm-shop-head{margin-bottom:clamp(26px,4vw,44px)}
.zm-shop-head h1{margin:0 0 12px;color:#F1EFFA;font-size:clamp(28px,4.4vw,44px);font-weight:600;letter-spacing:-.02em}
.zm-shop-head p{max-width:640px;margin:0;color:#A9A3C4;font-size:14.5px;line-height:1.7}

.zm-shop-filters{display:flex;flex-wrap:wrap;gap:1px;margin-bottom:26px;background:rgba(168,112,232,.12)}
.zm-shop-filter{padding:10px 16px;background:rgba(20,11,36,.86);color:#A9A3C4;
  text-decoration:none;font-size:13px;font-weight:600;transition:background .18s ease,color .18s ease}
.zm-shop-filter:hover,.zm-shop-filter.is-active{background:rgba(58,31,81,.92);color:#fff}

.zm-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:1px;
  background:rgba(168,112,232,.1)}
.zm-shop-card{position:relative;display:flex;flex-direction:column;
  background:rgba(20,11,36,.88);color:inherit;text-decoration:none;overflow:hidden;
  transition:background .2s ease}
.zm-shop-card:hover{background:rgba(32,18,56,.94)}
.zm-shop-card .zm-cnr{opacity:0;transition:opacity .2s ease,width .18s ease,height .18s ease}
.zm-shop-card:hover .zm-cnr{opacity:1;width:13px;height:13px;--zm-line:#c8a4f2}
.zm-shop-card__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;
  background:rgba(12,6,24,.7)}
.zm-shop-card__media img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.zm-shop-card:hover .zm-shop-card__media img{transform:scale(1.045)}
.zm-shop-card__blank{display:grid;place-items:center;width:100%;height:100%;
  color:rgba(168,112,232,.5);font-size:30px}
.zm-shop-card__badges{position:absolute;left:10px;top:10px;display:flex;flex-wrap:wrap;gap:6px}
.zm-shop-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;
  background:rgba(12,6,24,.85);color:#c8a4f2;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.zm-shop-card__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px 16px 14px}
.zm-shop-card__name{color:#F1EFFA;font-size:15px;font-weight:650;line-height:1.35}
.zm-shop-card__desc{color:#A9A3C4;font-size:12.5px;line-height:1.6}
.zm-shop-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:auto;padding-top:12px;box-shadow:inset 0 1px 0 rgba(200,164,242,.1)}
.zm-shop-card__meta{display:inline-flex;align-items:center;gap:7px;color:#8fd8a8;
  font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.zm-shop-card__meta>i{font-size:6px}
.zm-shop-card__meta.is-out{color:#c98a9a}
.zm-shop-card__go{display:inline-flex;align-items:center;gap:7px;color:#c8a4f2;
  font-size:12px;font-weight:650;transition:transform .2s ease}
.zm-shop-card__go>i{font-size:10px;transition:transform .2s ease}
.zm-shop-card:hover .zm-shop-card__go>i{transform:translateX(3px)}

/* group cards expand in place — no modal, no extra JS */
.zm-shop-card--group{display:block}
.zm-shop-card--group>summary{display:flex;flex-direction:column;list-style:none;cursor:pointer}
.zm-shop-card--group>summary::-webkit-details-marker{display:none}
.zm-shop-card--group[open]>summary .zm-shop-card__go>i{transform:rotate(180deg)}
.zm-shop-group{display:grid;gap:1px;background:rgba(168,112,232,.12);
  box-shadow:inset 0 1px 0 rgba(200,164,242,.1)}
.zm-shop-group__item{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 16px;background:rgba(14,7,28,.92);color:#C0BAD8;text-decoration:none;
  font-size:13px;transition:background .18s ease,color .18s ease}
.zm-shop-group__item:hover{background:rgba(58,31,81,.9);color:#fff}
.zm-shop-group__item>i{font-size:10px;color:#a870e8}

.zm-shop-pagination{margin-top:30px;display:flex;justify-content:center}
.zm-shop-empty{position:relative;padding:clamp(40px,7vw,80px) 24px;text-align:center;
  background:rgba(20,11,36,.86)}
.zm-shop-empty>i{display:block;margin-bottom:16px;color:#a870e8;font-size:28px}
.zm-shop-empty h2{margin:0 0 10px;color:#F1EFFA;font-size:20px;font-weight:600}
.zm-shop-empty p{margin:0;color:#A9A3C4;font-size:14px}

@media(max-width:560px){
  .zm-shop{padding:88px 0 60px}
  .zm-shop-grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .zm-shop-card__media img,.zm-shop-card__go>i{transition:none!important;transform:none!important}
}

/* ============================================================
   TOP NAVBAR — replaces the sidebar. No borders, no rules,
   no dividers: separation comes from spacing and depth only.
   ============================================================ */

/* the sidebar survives purely as the data source the navbar reads */
.zm-docs .zm-sidebar{display:none!important}
.zm-docs .zm-workspace{width:100%!important;margin-left:0!important}
.zm-docs .zm-toolbar{display:none!important}

.zm-nav{position:fixed;top:0;left:0;right:0;z-index:120;
  border:0!important;box-shadow:none!important}
.zm-nav__bar{display:flex;align-items:center;gap:clamp(10px,2vw,26px);
  width:min(1320px,100%);margin:0 auto;padding:14px clamp(16px,3vw,30px);
  background:rgba(20,11,36,.72);-webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);border:0;
  transition:background .25s ease}
.zm-nav.is-open .zm-nav__bar{background:rgba(26,14,46,.92)}

.zm-nav__brand{flex:0 0 auto;padding:6px 2px;border:0;background:none;cursor:pointer;
  color:#F1EFFA;font:700 15px/1 "Atop",system-ui,sans-serif;letter-spacing:.14em;
  transition:color .2s ease,text-shadow .2s ease}
.zm-nav__brand:hover{color:#fff;text-shadow:0 0 18px rgba(168,112,232,.6)}

.zm-nav__groups{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;
  overflow-x:auto;scrollbar-width:none}
.zm-nav__groups::-webkit-scrollbar{display:none}
.zm-nav__item{position:relative;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  padding:10px 14px;border:0;border-radius:0;background:none;cursor:pointer;
  color:#A9A3C4;font:600 13.5px/1 system-ui,sans-serif;letter-spacing:.01em;
  transition:color .2s ease,background .2s ease}
.zm-nav__item:hover,.zm-nav__item:focus-visible{color:#F1EFFA;background:rgba(168,112,232,.1);outline:none}
.zm-nav__item.is-open{color:#fff;background:rgba(168,112,232,.16)}
.zm-nav__item.is-current{color:#c8a4f2}
.zm-nav__caret{font-size:9px;opacity:.6;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
.zm-nav__item.is-open .zm-nav__caret{transform:rotate(180deg);opacity:1}

.zm-nav__actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}
.zm-nav__action{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;
  border:0;border-radius:0;background:rgba(168,112,232,.12);color:#D8D3EC;text-decoration:none;
  font:650 12.5px/1 system-ui,sans-serif;white-space:nowrap;transition:background .2s ease,color .2s ease}
.zm-nav__action:hover{background:rgba(168,112,232,.26);color:#fff}
.zm-nav__action>i{font-size:13px;color:#c8a4f2}
.zm-nav__action--discord:hover{background:rgba(88,101,242,.3)}
.zm-nav__action--discord>i{font-size:15px}

/* --- the dropdown: one panel, animated by grid-template-rows --- */
.zm-nav__drop{display:grid;grid-template-rows:0fr;
  width:min(1320px,100%);margin:0 auto;
  background:rgba(26,14,46,.94);-webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);
  box-shadow:0 30px 70px rgba(6,2,14,.55);
  transition:grid-template-rows .34s cubic-bezier(.22,.8,.2,1),opacity .24s ease,visibility .34s;
  opacity:0;visibility:hidden}
.zm-nav.is-open .zm-nav__drop{grid-template-rows:1fr;opacity:1;visibility:visible}
.zm-nav__drop-clip{overflow:hidden;min-height:0}
.zm-nav__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  gap:4px;padding:clamp(16px,2.4vw,26px) clamp(16px,3vw,30px)}

.zm-nav__link{display:flex;align-items:center;gap:13px;text-align:left;
  padding:13px 14px;border:0;border-radius:0;background:transparent;cursor:pointer;
  color:#C0BAD8;font:550 13.5px/1.35 system-ui,sans-serif;
  opacity:0;transform:translateY(-6px);
  transition:background .18s ease,color .18s ease}
.zm-nav.is-open .zm-nav__link{animation:zm-navlink-in .3s cubic-bezier(.2,.8,.2,1) forwards;
  animation-delay:calc(var(--i) * 28ms)}
@keyframes zm-navlink-in{to{opacity:1;transform:none}}
.zm-nav__link:hover,.zm-nav__link:focus-visible{background:rgba(168,112,232,.14);color:#fff;outline:none}
.zm-nav__link.is-current{color:#c8a4f2;background:rgba(168,112,232,.1)}
.zm-nav__link>i{flex:0 0 auto;width:19px;text-align:center;font-size:14px;color:#a870e8;
  transition:color .18s ease,transform .18s ease}
.zm-nav__link:hover>i{color:#c8a4f2;transform:translateX(2px)}

/* content clears the fixed bar */
.zm-docs .zm-content{padding-top:0!important}
.zm-hero-stage{padding-top:clamp(84px,10vw,120px)!important}
.zm-docs .zm-panel:not(.zm-welcome-panel){margin-top:96px}
.zm-shop{padding-top:132px}

@media(max-width:900px){
  .zm-nav__bar{gap:10px;padding:11px 14px;flex-wrap:wrap}
  .zm-nav__groups{order:3;width:100%;flex:1 0 100%}
  .zm-nav__action span{display:none}
  .zm-nav__action{padding:9px 11px}
  .zm-nav__grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
  .zm-hero-stage{padding-top:150px!important}
}
@media(prefers-reduced-motion:reduce){
  .zm-nav__drop{transition:opacity .01s,visibility .01s}
  .zm-nav__link{opacity:1!important;transform:none!important;animation:none!important}
  .zm-nav__caret{transition:none}
}

/* ============================================================
   LOADERS PAGE — boxes come from the editor repeater.
   ============================================================ */
.zm-loaders{position:relative;min-height:100vh;padding:132px 0 90px;color:#E6E2F4;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.zm-loaders-inner{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;
  padding:clamp(34px,5vw,64px) clamp(20px,4vw,48px);
  background:linear-gradient(180deg,rgba(45,26,74,.72),rgba(30,16,50,.78));
  -webkit-backdrop-filter:blur(16px) saturate(115%);backdrop-filter:blur(16px) saturate(115%);
  box-shadow:0 34px 90px rgba(8,3,18,.55),0 1px 0 rgba(200,164,242,.14) inset}

.zm-loaders-head{margin-bottom:clamp(26px,4vw,44px)}
.zm-loaders-head h1{margin:0 0 12px;color:#F1EFFA;font-size:clamp(28px,4.4vw,44px);
  font-weight:600;letter-spacing:-.02em}
.zm-loaders-head p{max-width:660px;margin:0;color:#A9A3C4;font-size:14.5px;line-height:1.7}

.zm-loaders-grid{display:grid;gap:1px;background:rgba(168,112,232,.1)}
.zm-loaders-grid--2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.zm-loaders-grid--3{grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}
.zm-loaders-grid--4{grid-template-columns:repeat(auto-fill,minmax(204px,1fr))}

.zm-loader-box{position:relative;display:flex;flex-direction:column;
  background:rgba(20,11,36,.88);color:inherit;text-decoration:none;overflow:hidden;
  transition:background .2s ease}
.zm-loader-box:hover{background:rgba(32,18,56,.94)}
.zm-loader-box.is-static{cursor:default}
.zm-loader-box .zm-cnr{opacity:0;transition:opacity .2s ease,width .18s ease,height .18s ease}
.zm-loader-box:hover .zm-cnr{opacity:1;width:13px;height:13px;--zm-line:#c8a4f2}

.zm-loader-box__media,.zm-loader-box__glyph{position:relative;display:block;aspect-ratio:16/10;
  overflow:hidden;background:rgba(12,6,24,.72)}
.zm-loader-box__media img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.zm-loader-box:hover .zm-loader-box__media img{transform:scale(1.045)}
.zm-loader-box__glyph{display:grid;place-items:center;color:rgba(168,112,232,.55);font-size:30px}
.zm-loader-box__tag{position:absolute;left:10px;top:10px;padding:4px 9px;
  background:rgba(12,6,24,.88);color:#c8a4f2;font-size:10px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase}

.zm-loader-box__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px 16px 14px}
.zm-loader-box__title{color:#F1EFFA;font-size:15px;font-weight:650;line-height:1.35}
.zm-loader-box__text{color:#A9A3C4;font-size:12.5px;line-height:1.6}
.zm-loader-box__meta{color:#7a70b8;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.zm-loader-box__go{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:12px;
  color:#c8a4f2;font-size:12px;font-weight:650;
  box-shadow:inset 0 1px 0 rgba(200,164,242,.1)}
.zm-loader-box__go>i{font-size:10px;transition:transform .2s ease}
.zm-loader-box:hover .zm-loader-box__go>i{transform:translateX(3px)}

.zm-loaders-note{margin:26px 0 0;color:#7a70b8;font-size:12.5px;line-height:1.7}
.zm-loaders-empty{position:relative;padding:clamp(40px,7vw,80px) 24px;text-align:center;
  background:rgba(20,11,36,.86)}
.zm-loaders-empty>i{display:block;margin-bottom:16px;color:#a870e8;font-size:28px}
.zm-loaders-empty h2{margin:0 0 10px;color:#F1EFFA;font-size:20px;font-weight:600}
.zm-loaders-empty p{margin:0;color:#A9A3C4;font-size:14px}

@media(max-width:560px){
  .zm-loaders{padding:112px 0 60px}
  .zm-loaders-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){
  .zm-loader-box__media img,.zm-loader-box__go>i{transition:none!important;transform:none!important}
}

/* ============================================================
   BACKGROUND TEXTURE — richer gradient, pixel matrix, two grid
   scales, film grain and a vignette. Replaces the flat wash.
   ============================================================ */

.zm-bg>span{position:absolute;inset:0;display:block;pointer-events:none}

/* 1. the colour itself: more stops, more separation between them */
.zm-bg-wash{background-color:#140a24!important;
  background-image:
    radial-gradient(880px 620px at 72% 8%,rgba(186,128,255,.28),transparent 62%),
    radial-gradient(700px 560px at 14% 88%,rgba(96,48,164,.30),transparent 66%),
    radial-gradient(1300px 900px at 50% 46%,rgba(70,36,122,.30),transparent 72%),
    linear-gradient(172deg,#4a2b7d 0%,#35205e 24%,#241441 52%,#180d2c 78%,#120818 100%)!important;
  background-position:center!important;background-size:cover!important}

/* 2. pixel matrix — a dot per 6px cell, the "low-res" texture */
.zm-bg-dots{
  background-image:radial-gradient(rgba(200,164,242,.30) 1px,transparent 1px);
  background-size:6px 6px;
  opacity:.62;
  -webkit-mask-image:radial-gradient(1100px 820px at 50% 34%,#000 5%,transparent 78%);
  mask-image:radial-gradient(1100px 820px at 50% 34%,#000 5%,transparent 78%)}

/* 3. two grid scales — a fine 34px weave under a 170px structure */
.zm-bg-grid{
  background-image:
    linear-gradient(rgba(200,164,242,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(200,164,242,.10) 1px,transparent 1px),
    linear-gradient(rgba(200,164,242,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(200,164,242,.045) 1px,transparent 1px);
  background-size:170px 170px,170px 170px,34px 34px,34px 34px;
  background-position:center;
  -webkit-mask-image:radial-gradient(1000px 760px at 50% 38%,#000 0%,rgba(0,0,0,.35) 52%,transparent 82%);
  mask-image:radial-gradient(1000px 760px at 50% 38%,#000 0%,rgba(0,0,0,.35) 52%,transparent 82%)}

/* 4. film grain — kills the banding that makes big gradients look cheap */
.zm-bg-grain{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:180px 180px;
  opacity:.06;mix-blend-mode:overlay}

/* 5. vignette — pushes depth into the corners so the centre reads brighter */
.zm-bg-vignette{
  background:radial-gradient(130% 110% at 50% 34%,transparent 44%,rgba(8,3,16,.55) 84%,rgba(6,2,12,.8) 100%)}

/* editor switch: grid only / pixels only / both / clean */
.zm-bg--grid .zm-bg-dots{display:none}
.zm-bg--pixels .zm-bg-grid{display:none}
.zm-bg--none .zm-bg-dots,.zm-bg--none .zm-bg-grid,.zm-bg--none .zm-bg-grain{display:none}

/* --- hero lift: the art was muddy against the old flat field --- */
.zm-hero-art .ha-card path[fill^="url"]{fill-opacity:.82}
.zm-hero-art .ha-screen__edge{stroke-width:2}
.zm-hero-art .ha-web{stroke-opacity:.6;stroke-width:1.5}
.zm-hero-art .ha-twigs{stroke-opacity:.38}
.zm-hero-art .ha-floor{stroke-opacity:1}
.zm-hero-art .ha-rows path{stroke-opacity:.9}

/* the title glow was blowing out; tighten it to an edge-lit look */
.zm-docs.is-home .zm-welcome-copy h1{
  -webkit-text-stroke:1.2px rgba(216,204,255,.9);
  text-shadow:0 2px 0 #4a2b7d,0 5px 0 #2b1850,0 10px 26px rgba(150,96,230,.42),
              0 0 48px rgba(150,96,230,.22)!important}

@media(prefers-reduced-motion:reduce){.zm-bg-grain{opacity:.04}}