/* ╔═══════════════════════════════════════════════════════════════════
   DONEZO · DZLP-FXYM.css
   © 2026 Sequence Theory · Amsterdam · donezo.space
   All rights reserved. Unauthorised redistribution is prohibited.

   INTELLECTUAL PROPERTY NOTICE
   · EU Directive 2009/24/EC Art. 4 · Reproduction prohibited
   · Dutch Auteurswet Art. 1, 10, 13 · Copyright protection
   · EU Directive 2004/48/EC Art. 13 · Damages include infringer profits
   Infringement: omar@donezo.space · Source: https://donezo.space

   DZ:FILE DZLP-FXYM.css · dz-c-dzlp-fxym-sequence-theory-2026 · DZ-2026-7531
╚═══════════════════════════════════════════════════════════════════ */
/*
dzdzdzdzdzdzdzdzdzdzdzdzdzdzdzdzDZDZDZDZDZDZDZdzdzdzdzdzdzdzdzdzdzdzdzdzdzdzdz
dzdzdzdzdzdzdzdzdzdzdzDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZdzdzdzdzdzdzdzdzdzdzdz
dzdzdzdzdzdzdzdzDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZdzdzdzdzdzdzdzdz
dzdzdzdzdzdzDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZdzdzdzdzdzdz
dzdzdzdzDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZdzdzdzdz
dzdzdzDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZdzdzdz
dzdzDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZdzdz
dzDZDZDZDZDZDZDZDZdzdzdzdzdzDZDZDZDZDZDZDZDZDZDZDZdzdzdzdzdzDZDZDZDZDZDZDZDZdz
dzDZDZDZDZDZDZDZdzdzdzdzdzdzdzdzDZDZDZDZDZDZDZdzdzdzdzdzdzdzdzDZDZDZDZDZDZDZdz
DZDZDZDZDZDZDZdzdzdzdzdzDZDZdzdzdzDZDZDZDZDZdzdzdzdzdzDZDZdzdzdzDZDZDZDZDZDZDZ
DZDZDZDZDZDZDZdzdzdzdzDZDZDZDZdzdzDZDZDZDZDZdzdzdzdzDZDZDZDZDZdzDZDZDZDZDZDZDZ
DZDZDZDZDZDZDZdzdzdzdzdzDZDZDZdzdzDZDZDZDZDZdzdzdzdzdzDZDZDZdzdzDZDZDZDZDZDZDZ
DZDZDZDZDZDZDZDZdzdzdzdzdzdzdzDZDZDZDZDZDZDZDZDZdzdzdzdzdzdzdzDZDZDZDZDZDZDZDZ
DZDZDZDZDZDZDZDZDZDZdzdzdzDZDZDZDZDZDZDZDZDZDZDZDZDZdzdzdzDZDZDZDZDZDZDZDZDZDZ
DZDZDZDZDZDZDZDZDZdzdzdzdzdzdzdzDZDZDZDZDZDZDZdzdzdzdzdzdzdzDZDZDZDZDZDZDZDZDZ
dzDZDZDZDZDZDZDZDZDZdzdzdzdzdzdzdzdzdzdzdzdzdzdzdzdzdzdzdzDZDZDZDZDZDZDZDZDZdz
dzDZDZDZDZDZDZDZDZDZDZDZDZdzdzdzdzdzdzdzdzdzdzdzdzdzDZDZDZDZDZDZDZDZDZDZDZDZdz
dzdzDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZdzdzdzdzdzDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZdzdz
dzdzdzDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZdzdzdz
dzdzdzdzDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZdzdzdzdz
dzdzdzdzdzdzDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZdzdzdzdzdzdz
dzdzdzdzdzdzdzdzDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZdzdzdzdzdzdzdzdz
dzdzdzdzdzdzdzdzdzdzdzDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZDZdzdzdzdzdzdzdzdzdzdzdz
dzdzdzdzdzdzdzdzdzdzdzdzdzdzdzdzDZDZDZDZDZDZDZdzdzdzdzdzdzdzdzdzdzdzdzdzdzdzdz
*/
.dz-em{position: relative;white-space: nowrap}
.dz-em::after{content: "";position: absolute;left: 0;right: 0;bottom: -2px;height: 3.5px;background: var(--rainbow);border-radius: 2px;opacity: 1}
.dz-prism-text{background: var(--acc-prismatic);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;-webkit-box-decoration-break: clone;box-decoration-break: clone}
.dz-prism-bg{background: var(--acc-prismatic);color: #000}
.dz-prism-border{border-color: transparent !important;border-image: linear-gradient(180deg,var(--g) 0%,var(--b) 50%,var(--p) 100%) 1}
*{box-sizing: border-box;margin: 0;padding: 0}
html,body{overflow-x: clip}
body{font-family: var(--font);background: var(--bg);color: var(--fg);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;letter-spacing: -0.01em;transition: background var(--ui) ease,color var(--ui) ease}
a{color: inherit;text-decoration: none}
button,input,select,textarea{font-family: inherit;color: inherit}
::selection{background: var(--selBg);color: var(--selFg)}
::-moz-selection{background: var(--selBg);color: var(--selFg)}
.dz-shell{width: min(var(--shellMax),calc(100% - (var(--pad) * 2)));margin: 0 auto}
.dz-section{padding: 72px 0}
@media (max-width: 640px){.dz-section{padding: 48px 0}
}
#dzCanvas{opacity: 0.35;position: fixed;inset: 0;z-index: -5;pointer-events: none}
.dz-nebula{position: fixed;inset: -30%;z-index: -4;pointer-events: none;opacity: 0.3;filter: blur(80px);background: radial-gradient(900px 700px at 15% 20%,var(--nebula1),transparent 60%),radial-gradient(1000px 800px at 75% 30%,var(--nebula2),transparent 55%),radial-gradient(800px 600px at 45% 85%,var(--nebula3),transparent 60%);animation: nebulaFadeIn 4s var(--ease) 0.5s forwards,nebulaDrift 90s ease-in-out infinite alternate,nebulaHue 180s linear infinite}
@keyframes nebulaFadeIn{to{opacity: 1}
}
@keyframes nebulaDrift{0%{transform: translate(0,0) scale(1)}
33%{transform: translate(3%,2%) scale(1.04)}
66%{transform: translate(-2%,3%) scale(0.97)}
100%{transform: translate(1%,-2%) scale(1.02)}
}
@keyframes nebulaHue{0%{filter: blur(80px) hue-rotate(0deg) saturate(1.00)}
50%{filter: blur(80px) hue-rotate(18deg) saturate(1.10)}
100%{filter: blur(80px) hue-rotate(-12deg) saturate(0.95)}
}
@property --dz-sun-x{syntax: '<percentage>';inherits: false;initial-value: 12%}
@property --dz-sun-y{syntax: '<percentage>';inherits: false;initial-value: 8%}
.dz-sun{display: none !important;position: fixed;inset: 0;z-index: -4;pointer-events: none;opacity: 0;--dz-sun-x: 12%;--dz-sun-y: 8%}
body.light .dz-sun{display: none !important}
@keyframes sunIn{0%{opacity: 0;transform: scale(0.94)}
55%{opacity: 0.88}
100%{opacity: 0.78;transform: scale(1)}
}
@keyframes sunDrift{0%{transform: scale(1.000) translate3d(0,0,0)}
50%{transform: scale(1.022) translate3d(10px,6px,0)}
100%{transform: scale(1.000) translate3d(-6px,-8px,0)}
}
.dz-nebulaDrift{position: fixed;inset: -40%;z-index: -4;pointer-events: none;opacity: 0.2;filter: blur(100px);background: radial-gradient(700px 500px at 60% 15%,rgba(100,140,255,0.04),transparent 55%),radial-gradient(600px 500px at 25% 70%,rgba(180,100,255,0.03),transparent 55%);animation: nebulaFadeIn 6s var(--ease) 2s forwards,nebulaSway 40s var(--ease2) infinite 2s}
@keyframes nebulaSway{0%,100%{transform: translate3d(0,0,0) rotate(0deg)}
33%{transform: translate3d(2%,1.5%,0) rotate(1deg)}
66%{transform: translate3d(-1.5%,-0.8%,0) rotate(-0.7deg)}
}
.dz-noise{position: fixed;inset: -10%;z-index: -3;pointer-events: none;opacity: 0.04;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");background-size: 200px 200px;mix-blend-mode: overlay}
.dz-vignette{position: fixed;inset: 0;pointer-events: none;z-index: -2;background: radial-gradient(1400px 1000px at 50% 8%,transparent 45%,rgba(0,0,0,0.22) 100%);opacity: 0.60}
body.light .dz-vignette{background: radial-gradient(1400px 1000px at 50% 8%,transparent 40%,rgba(0,0,0,0.08) 100%);opacity: 0.60}
body.light .dz-nebula{opacity: 0 !important;animation: none !important}
body.light .dz-nebulaDrift{opacity: 0.2 !important;animation: none !important}
.dz-shootingStar{display:none!important;position: fixed;z-index: -3;pointer-events: none;width: 160px;height: 1.5px;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);border-radius: 999px;opacity: 0.2;transform: rotate(-25deg)}
.dz-shootingStar.s1{top: 12%;left: -15%;animation: shootStar 40s var(--ease) infinite 30s}
.dz-shootingStar.s2{top: 35%;left: -20%;animation: shootStar 55s var(--ease) infinite 50s}
.dz-shootingStar.s3{top: 58%;left: -10%;animation: shootStar 75s var(--ease) infinite 70s}
@keyframes shootStar{0%{transform: translateX(0) rotate(-25deg);opacity: 0}
1%{opacity: 0.5}
3%{opacity: 0.35}
5%{opacity: 0}
100%{transform: translateX(180vw) rotate(-25deg);opacity: 0}
}
body.light .dz-shootingStar{display:none!important;background: linear-gradient(90deg,transparent,rgba(0,0,0,0.08),transparent)}
@media (prefers-reduced-motion: reduce){.dz-nebula,.dz-nebulaDrift{animation: none !important;opacity: 0.2}
.dz-shootingStar{display:none!important;animation: none !important;display: none}
}
.dz-nav{position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 50;overflow: visible;background: var(--navBg);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border-bottom: 1px solid color-mix(in oklab,var(--fg) 12%,var(--border));box-shadow: 0 8px 24px rgba(0,0,0,0.15);transition: transform var(--ui) var(--ease),opacity var(--ui) var(--ease),box-shadow var(--ui) ease}
.dz-nav.scrolled{border-bottom-color: color-mix(in oklab,var(--fg) 18%,var(--border));box-shadow: 0 12px 36px rgba(0,0,0,0.22)}
.dz-nav.hidden{transform: translateY(-80px);opacity: 0.2}
.dz-nav-row{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 11px 0}
.dz-left{display: flex;align-items: center;gap: 12px;cursor: pointer;user-select: none;min-width: 0}
.dz-brandText{display: flex;flex-direction: column;min-width: 0}
.dz-name{font-weight: var(--dz-fw-max);letter-spacing: -0.02em;font-size: 19px;line-height: 1;white-space: nowrap}
.dz-appName{font-weight: 520;opacity: 0.80;font-size: 12.5px;letter-spacing: 0.01em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 46vw;line-height: 1;margin-top: 3px;color: var(--muted)}
.dz-links{display: flex;align-items: center;gap: 20px;margin-left: 18px}
.dz-links a{color: var(--muted);font-size: 14px;font-weight: 500;border-bottom: 1px solid transparent;transition: color var(--fast) ease,border-color var(--fast) ease,transform var(--fast) var(--ease);padding-bottom: 2px}
.dz-links a:hover{color: var(--fg);border-color: color-mix(in oklab,var(--fg) 40%,transparent);transform: translateY(-1px)}
.dz-right{display: flex;align-items: center;gap: 10px;position: relative}
.dz-themeBtn{width: 40px;height: 40px;border-radius: 12px;border: 1px solid color-mix(in oklab,var(--fg) 12%,var(--border));background: transparent;color: var(--fg);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform var(--fast) var(--ease),border-color var(--fast) ease,opacity var(--fast) ease}
.dz-themeBtn:hover{transform: translateY(-1px);border-color: color-mix(in oklab,var(--fg) 50%,var(--border))}
.dz-themeBtn:active{transform: translateY(0);opacity: .90}
.dz-themeBtn svg{width: 18px;height: 18px;display: block}
.dz-navIconBtn{width: 36px;height: 36px;border-radius: 10px;border: 1px solid color-mix(in oklab,var(--fg) 12%,var(--border));background: transparent;color: var(--muted);cursor: pointer;display: inline-flex;align-items: center;justify-content: center;padding: 0;transition: border-color var(--fast),color var(--fast),transform var(--fast) var(--ease)}
.dz-navIconBtn:hover{border-color: color-mix(in oklab,var(--fg) 40%,var(--border));color: var(--fg);transform: translateY(-1px)}
.dz-navIconBtn:active{transform: translateY(0)}
.dz-navCta{display: inline-flex;align-items: center;gap: 8px;padding: 10px 14px;border-radius: 12px;border: 1px solid color-mix(in oklab,var(--fg) 16%,var(--border));background: color-mix(in oklab,var(--fg) 8%,transparent);font-weight: var(--dz-fw-max);font-size: 13px;transition: transform var(--fast) var(--ease),border-color var(--fast) ease,opacity var(--fast) ease;user-select: none;cursor: pointer;white-space: nowrap}
.dz-navCta:hover{transform: translateY(-1px);border-color: color-mix(in oklab,var(--fg) 38%,var(--border))}
.dz-navCta:active{transform: translateY(0);opacity: .90}
.dz-loginBtn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s;white-space:nowrap}
.dz-loginBtn:hover{border-color:rgba(255,255,255,.22);color:var(--fg)}
body.light .dz-loginBtn{border-color:rgba(0,0,0,.15);color:var(--muted)}
body.light .dz-loginBtn:hover{border-color:rgba(0,0,0,.3);color:var(--fg)}
body.dz-member .dz-loginBtn{display:none}
.dz-accountBtn{display: none;align-items: center;gap: 8px;padding: 5px 12px 5px 5px;border-radius: 999px;border: 1px solid color-mix(in oklab,var(--fg) 12%,transparent);background: color-mix(in oklab,var(--fg) 4%,transparent);color: var(--fg);font-family: inherit;font-size: 12px;font-weight: 800;letter-spacing: -.01em;cursor: pointer;text-decoration: none;white-space: nowrap;max-width: 200px;transition: border-color .18s ease,background .18s ease,transform .18s ease}
.dz-accountBtn:hover{border-color: transparent;background: var(--rainbow);color: #0a0a0f;transform: translateY(-1px)}
.dz-accountBtn:hover .dz-acc-avatar{background: rgba(255,255,255,.55);color: #0a0a0f}
.dz-accountBtn:hover .dz-acc-chev{opacity: 1;transform: translateX(2px)}
.dz-acc-avatar{width: 24px;height: 24px;border-radius: 999px;display: inline-flex;align-items: center;justify-content: center;background: color-mix(in oklab,var(--fg) 12%,transparent);color: var(--fg);font-weight: 800;font-size: 10.5px;flex-shrink: 0;overflow: hidden;transition: background .18s ease,color .18s ease}
.dz-acc-avatar img{width: 100%;height: 100%;object-fit: cover;border-radius: 999px}
.dz-acc-name{max-width: 110px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.dz-acc-chev{opacity: .55;flex-shrink: 0;transition: opacity .18s ease,transform .18s ease}
body.dz-member .dz-loginBtn{display: none !important}
body.dz-member .dz-accountBtn{display: inline-flex !important}
body:not(.dz-member) .dz-accountBtn{display: none !important}
.dz-navPlan{display:none;align-items:center;gap:8px;padding:8px 13px;border-radius:11px;border:1px solid color-mix(in oklab,var(--fg) 12%,transparent);background:color-mix(in oklab,var(--fg) 5%,transparent);font-size:12px;font-weight:800;cursor:pointer;color:var(--fg);transition:all .14s;white-space:nowrap;font-family:inherit}
.dz-navPlan:hover{border-color:color-mix(in oklab,var(--fg) 28%,transparent);background:color-mix(in oklab,var(--fg) 8%,transparent)}
body.dz-member .dz-navPlan{display:inline-flex}
.dz-nav-suite-btn,.dz-nav-vault-btn,.dz-nav-logout-btn{display:none;align-items:center;gap:6px;padding:8px 13px;border-radius:11px;border:1px solid color-mix(in oklab,var(--fg) 12%,transparent);background:color-mix(in oklab,var(--fg) 4%,transparent);font-size:12px;font-weight:600;cursor:pointer;color:var(--fg);font-family:inherit;transition:all .14s;white-space:nowrap}
body.dz-member .dz-nav-suite-btn,body.dz-member .dz-nav-vault-btn,body.dz-member .dz-nav-logout-btn{display:inline-flex}
.dz-nav-suite-btn:hover{border-color:color-mix(in oklab,var(--fg) 22%,transparent);background:color-mix(in oklab,var(--fg) 8%,transparent);color:color-mix(in oklab,var(--fg) 35%,transparent)}
.dz-nav-vault-btn:hover{border-color:color-mix(in oklab,var(--fg) 14%,transparent);background:color-mix(in oklab,var(--fg) 14%,transparent)}
.dz-nav-logout-btn:hover{border-color:rgba(255,100,100,.3);background:rgba(255,100,100,.07);color:rgba(255,140,140,.9)}
.dz-nav-myspace-btn{display:none;align-items:center;gap:6px;padding:8px 15px;border-radius:11px;border:none;background:color-mix(in oklab,var(--fg) 8%,transparent);color:color-mix(in oklab,var(--fg) 35%,transparent);font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap;text-decoration:none}
.dz-nav-myspace-btn:hover{background:color-mix(in oklab,var(--fg) 14%,transparent);text-decoration:none}
.dz-stImg{width:20px;height:20px;display:inline-block;vertical-align:middle;opacity:.85;transition:opacity .15s}
a:hover .dz-stImg{opacity:1}
body.dz-member .dz-nav-myspace-btn{display:inline-flex}
.dz-nav-pin-indicator{width:6px;height:6px;border-radius:50%;background:color-mix(in oklab,var(--fg) 35%,transparent);display:none;flex-shrink:0}
.dz-nav-vault-btn.locked .dz-nav-pin-indicator{display:inline-block;background:color-mix(in oklab,var(--fg) 35%,transparent)}
.dz-nav-vault-btn.unlocked .dz-nav-pin-indicator{display:inline-block;background:color-mix(in oklab,var(--fg) 35%,transparent)}
.dz-navPlan-dot{width:5px;height:5px;border-radius:50%;background: color-mix(in oklab,var(--fg) 8%,transparent);flex-shriflex-shrink:0}
.dz-li-back{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:102000;display:none;overflow-y:auto}
.dz-li-back.show{display:block}
.dz-li-modal{width:min(440px,calc(100vw - 24px));margin:100px auto 80px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:var(--bg);box-shadow:0 40px 120px rgba(0,0,0,.75);overflow:hidden;padding:0}
.dz-li-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06)}
.dz-li-title{font-size:15px;font-weight: var(--dz-fw-max);letter-spacing:-.02em}
.dz-li-x{width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .14s}
.dz-li-x:hover{background:rgba(255,255,255,.06);color:var(--fg)}
.dz-li-body{padding:22px}
.dz-li-lbl{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.7;margin-bottom:8px}
.dz-li-field{width:100%;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:var(--fg);padding:0 14px;font-size:13px;font-family:ui-monospace,SFMono-Regular,monospace;outline:none;transition:border-color .15s;box-sizing:border-box;letter-spacing:.05em}
.dz-li-field:focus{border-color:rgba(255,255,255,.26)}
.dz-li-field::placeholder{color:var(--muted);font-family:inherit;letter-spacing:normal}
.dz-li-hint{font-size:10.5px;color:var(--muted);margin-top:8px;line-height:1.6}
.dz-li-status{font-size:11px;min-height:18px;margin-top:10px;line-height:1.5}
.dz-li-status.ok{color:rgba(255,255,255,.8)}
.dz-li-status.err{color:rgba(255,120,100,.85)}
.dz-li-btn{width:100%;height:46px;border-radius:13px;border:none;background:var(--fg);color:var(--bg);font-size:14px;font-weight: var(--dz-fw-max);letter-spacing:-.01em;cursor:pointer;margin-top:18px;transition:opacity .14s,transform .14s;display:flex;align-items:center;justify-content:center;font-family:inherit}
.dz-li-btn:hover{opacity:.88;transform:translateY(-1px)}
.dz-li-sep{display:flex;align-items:center;gap:10px;margin:18px 0;font-size:10px;color:var(--muted);opacity:.5}
.dz-li-sep::before,.dz-li-sep::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.07)}
.dz-li-note{font-size:11px;color:var(--muted);text-align:center;line-height:1.6}
.dz-build{display: flex;align-items: center;gap: 8px;padding: 8px 12px;border-radius: 999px;border: 1px solid color-mix(in oklab,var(--fg) 10%,var(--border));background: color-mix(in oklab,var(--soft) 85%,var(--bg));color: var(--muted);font-family: inherit;font-size: 11.5px;line-height: 1;cursor: pointer;user-select: none;white-space: nowrap;transition: color var(--fast) ease,border-color var(--fast) ease}
.dz-build-ico{width: 15px;height: 15px;flex: none;display: block;color: var(--fg);opacity: .78;transition: opacity var(--fast) ease}
.dz-build:hover{color: var(--fg);border-color: color-mix(in oklab,var(--fg) 30%,var(--border))}
.dz-build:hover .dz-build-ico{opacity: 1}
.dz-build:focus-visible{outline: 2px solid var(--fg);outline-offset: 2px}
.dz-menuBtn{display: none;width: 40px;height: 38px;border-radius: 12px;border: 1px solid color-mix(in oklab,var(--fg) 12%,var(--border));background: transparent;cursor: pointer;align-items: center;justify-content: center;flex-direction: column;gap: 5px;padding: 0}
.dz-menuBtn span{display: block;width: 18px;height: 2px;background: var(--fg);border-radius: 2px;opacity: 0.88;transition: transform var(--fast) var(--ease),opacity var(--fast) ease}
.dz-mobileNav{display: none;border-top: 1px solid color-mix(in oklab,var(--fg) 12%,var(--border));padding: 10px 0 16px}
.dz-mobileNav.open{display: block}
.dz-mobileNav a{display: block;padding: 10px 0;color: var(--muted);font-size: 15px;font-weight: 500;transition: color var(--fast) ease}
.dz-mobileNav a:hover{color: var(--fg)}
.dz-mobileNav a.cta{color: var(--fg);font-weight: var(--dz-fw-max)}
@media (max-width: 860px){.dz-links{display: none}
.dz-build{width: 36px;height: 36px;padding: 0;justify-content: center;gap: 0}
.dz-build > span{display: none}
.dz-menuBtn{display: flex}
.dz-shield-wrap{display: none}
.dz-loginBtn{display: none !important}
.dz-right{gap: 8px}
}
nav:has(.dz-mobileNav.open) .dz-menuBtn span:nth-child(1){transform: translateY(3.5px) rotate(45deg)}
nav:has(.dz-mobileNav.open) .dz-menuBtn span:nth-child(2){transform: translateY(-3.5px) rotate(-45deg)}
@media (prefers-reduced-motion: reduce){}
.dz-logo{width: 44px;height: 44px;display: block;filter: drop-shadow(0 14px 24px rgba(0,0,0,0.25));transform-origin: 50% 60%;will-change: transform}
.dz-logo[data-anim="home"]{animation: logoFloat 3.4s var(--ease) infinite}
@keyframes logoFloat{0%,100%{transform: translateY(0) rotate(0deg)}
50%{transform: translateY(-2.5px) rotate(-1.2deg)}
}
.eyeGroup{transform-origin: 50% 50%;animation: blink 6.5s ease-in-out infinite;animation-delay: 1.2s}
@keyframes blink{0%,93%,100%{transform: scaleY(1)}
95%{transform: scaleY(0.06)}
}
.dz-sparkOnce{animation: sparkOnce 700ms var(--ease) 1}
@keyframes sparkOnce{0%{transform: translateY(0) rotate(0deg) scale(1)}
20%{transform: translateY(2px) rotate(0.8deg) scale(0.985)}
45%{transform: translateY(-2px) rotate(-0.6deg) scale(1.012)}
100%{transform: translateY(0) rotate(0deg) scale(1)}
}
.dz-smilePulse{animation: smilePulse 800ms var(--ease) 1;transform-origin: 50% 60%}
@keyframes smilePulse{0%{transform: scale(1)}
40%{transform: scale(1.06)}
100%{transform: scale(1)}
}
.dz-wink .eyeR{transform: scaleY(0.06);transform-origin: 50% 50%;transition: transform 180ms var(--ease)}
.dz-unwink .eyeR{transform: scaleY(1);transition: transform 220ms var(--ease)}
@media (prefers-reduced-motion: reduce){.dz-logo,.eyeGroup{animation: none !important}
.dz-sparkOnce,.dz-smilePulse{animation: none !important}
}
@media (max-width: 640px){.dz-logo{width: 48px;height: 48px}
.dz-nav-row{gap: 8px}
.dz-right{gap: 6px}
.dz-themeBtn{width: 36px;height: 36px;border-radius: 10px}
.dz-menuBtn{width: 36px;height: 36px;border-radius: 10px}
}
.dz-hero{min-height: calc(100vh - 66px);display: flex;align-items: center;justify-content: center;padding: 120px 0 50px;text-align: center;position: relative}
.dz-hero-inner{max-width: 940px;margin: 0 auto;opacity: 0;transform: translateY(18px);animation: heroIn 1s var(--ease) 0.15s forwards}
@keyframes heroIn{to{opacity: 1;transform: none}
}
.dz-overline{font-size: 11px;letter-spacing: 0.14em;text-transform: uppercase;font-weight: 700;color: var(--fg);margin-bottom: 8px}
.dz-eyebrow{font-size: 13px;letter-spacing: 0.10em;text-transform: uppercase;color: var(--muted)}
.dz-footer-heart,.dz-heart-svg{display: inline-block;vertical-align: middle;flex-shrink: 0;margin: 0 2px}
.dz-footer-heart path,.dz-heart-svg path{fill: var(--dz-heart);transition: fill .25s var(--ease)}
.dz-title{margin: 0;font-size: clamp(40px,6vw,80px);letter-spacing: -0.055em;line-height: 1.02;font-weight: var(--dz-fw-max)}
.dz-cx-title{margin: 0;font-size: clamp(28px,3.5vw,44px);letter-spacing: -0.03em;line-height: 1.12;font-weight: var(--dz-fw-max)}
.dz-title .grad,.dz-cx-title .grad,.grad{background: var(--acc-prismatic);-webkit-background-clip: text;background-clip: text;color: transparent}
body.light .grad{background: var(--acc-prismatic);-webkit-background-clip: text;background-clip: text;color: transparent}
.dz-sub{margin: 20px auto 0;max-width: 780px;font-size: 18px;line-height: 1.65;color: var(--muted);opacity: 0;animation: fadeUp 800ms var(--ease) 0.5s forwards}
.dz-bridge{margin: 12px auto 0;max-width: 780px;font-size: 16px;line-height: 1.65;color: color-mix(in oklab,var(--muted) 70%,var(--fg));opacity: 0;animation: fadeUp 800ms var(--ease) 0.65s forwards}
@keyframes fadeUp{from{opacity: 0;transform: translateY(10px)}
to{opacity: 1;transform: translateY(0)}
}
.dz-heroCtas{display: flex;gap: 12px;align-items: center;justify-content: center;flex-wrap: wrap;margin-top: 28px;opacity: 0;animation: fadeUp 800ms var(--ease) 0.8s forwards}
.dz-btn{border-radius: 14px;border: 1px solid color-mix(in oklab,var(--fg) 14%,var(--border));background: transparent;color: var(--fg);padding: 13px 18px;cursor: pointer;font-weight: var(--dz-fw-max);font-size: 14px;transition: transform var(--fast) var(--ease),border-color var(--fast) ease,opacity var(--fast) ease,box-shadow var(--fast) ease;display: inline-flex;align-items: center;gap: 10px;user-select: none}
.dz-btn:hover{transform: translateY(-1px);border-color: color-mix(in oklab,var(--fg) 42%,var(--border))}
.dz-btn:active{transform: translateY(0);opacity: .90}
.dz-btn.primary{background: var(--fg);color: var(--bg);border-color: color-mix(in oklab,var(--fg) 20%,transparent);position: relative;overflow: hidden;transition: background 400ms ease,border-color 400ms ease}
body.has-accent .dz-btn.primary,body.has-accent .dz-btn-sm.primary,body.has-accent a.cta,body.has-accent button.cta,body.has-accent .dz-buy{background: var(--uA);color: var(--bg);border-color: var(--uA)}
body.has-accent .dz-btn.primary:hover,body.has-accent .dz-btn-sm.primary:hover,body.has-accent a.cta:hover,body.has-accent button.cta:hover,body.has-accent .dz-buy:hover{background: var(--uA-shade);border-color: var(--uA-shade)}
body.has-accent .dz-title .grad,body.has-accent .dz-cx-title .grad{background: linear-gradient( 100deg,var(--uA-tint) 0%,var(--uA) 50%,var(--uA-shade) 100% );-webkit-background-clip: text;background-clip: text;color: transparent}
body.has-accent .dz-em::after{background: var(--uA);transition: background 400ms ease}
body.has-accent .dz-appBtn.active{border-color: color-mix(in oklab,var(--uA) 55%,var(--border));background: color-mix(in oklab,var(--uA) 10%,transparent)}
body.has-accent .dz-tier-row.open{border-color: color-mix(in oklab,var(--uA) 38%,var(--border));box-shadow: 0 0 0 1px color-mix(in oklab,var(--uA) 16%,transparent),0 10px 30px color-mix(in oklab,var(--uA) 6%,transparent)}
body.has-accent .dz-trustCard:hover{border-color: color-mix(in oklab,var(--uA) 36%,var(--border))}
body.has-accent .dz-trustCard:hover h4::after{background: var(--uA)}
body.has-accent .dz-overline-early{color: var(--uA)}
body.has-accent .dz-early-tag{background: color-mix(in oklab,var(--uA) 16%,transparent);border-color: color-mix(in oklab,var(--uA) 45%,var(--cs));color: var(--uA)}
body.has-accent .dz-co-early-pill{background: color-mix(in oklab,var(--uA) 14%,transparent);border-color: color-mix(in oklab,var(--uA) 38%,var(--cs));color: var(--uA)}
body.has-accent .dz-early-banner{background: linear-gradient( 100deg,color-mix(in oklab,var(--uA-tint) 14%,transparent) 0%,color-mix(in oklab,var(--uA) 10%,transparent) 50%,color-mix(in oklab,var(--uA-shade) 14%,transparent) 100% );border-color: color-mix(in oklab,var(--uA) 28%,var(--cs))}
body.has-accent .dz-early-now{color: var(--uA)}
.dz-btn.primary::after{content: "";position: absolute;inset: -60%;background: radial-gradient(circle at 30% 30%,rgba(255,255,255,0.30),transparent 55%);opacity: 0;transform: translate3d(-8%,-6%,0);transition: opacity var(--ui) ease,transform var(--ui) ease;pointer-events: none}
body.light .dz-btn.primary::after{background: radial-gradient(circle at 30% 30%,rgba(0,0,0,0.10),transparent 55%)}
.dz-btn.primary:hover{box-shadow: var(--shadow)}
.dz-btn.primary:hover::after{opacity: 1;transform: translate3d(0,0,0)}
.dz-micro{margin-top: 22px;display: flex;gap: 10px;align-items: center;justify-content: center;flex-wrap: wrap;color: var(--muted);font-size: 13px;opacity: 0;animation: fadeUp 800ms var(--ease) 0.95s forwards}
.dz-chip{display: inline-flex;align-items: center;gap: 8px;padding: 8px 13px;border-radius: 999px;border: 1px solid color-mix(in oklab,var(--fg) 10%,var(--border));background: color-mix(in oklab,var(--soft) 85%,var(--bg));user-select: none;white-space: nowrap;font-size: 12.5px;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px)}
.dz-heroCaption{margin-top: 16px;font-size: 13px;color: var(--muted);opacity: 0;animation: fadeUp 800ms var(--ease) 1.1s forwards}
@media (max-width: 640px){.dz-hero{padding-top: 130px}
.dz-sub{font-size: 16px}
.dz-bridge{font-size: 15px}
}
@media (max-width: 400px){.dz-hero{padding-top: 100px}
}
.srOnly{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0,0,0,0) !important;white-space: nowrap !important;border: 0 !important}
#apps,#pricing,#vision,#access{scroll-margin-top: 90px}
.dz-nav-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background: rgba(255,255,255,0.04);overflow:hidden;pointer-events:none;z-index:10}
body.light .dz-nav-progress{background: rgba(0,0,0,0.03)}
.dz-nav-progress > span{display:block;height:100%;width:0;background: var(--acc-prismatic);transition: width 120ms cubic-bezier(.22,1,.36,1);will-change: width}
body.has-accent .dz-nav-progress > span{background: var(--uA)}
.dz-nav-spacer{height:72px}
.dz-langBtn{height: 40px;padding: 0 12px;border-radius: 14px;border: 1px solid color-mix(in oklab,var(--fg) 14%,var(--border));background: transparent;color: var(--fg);cursor: pointer;font-weight: var(--dz-fw-max);font-size: 12px;letter-spacing: 0.10em;transition: transform var(--fast) var(--ease),border-color var(--fast) ease,opacity var(--fast) ease;user-select: none}
.dz-langBtn:hover{transform: translateY(-1px);border-color: color-mix(in oklab,var(--fg) 55%,var(--border))}
.dz-langBtn:active{transform: translateY(0);opacity: 0.92}
.dz-cursor{position: fixed;left: 0;top: 0;width: 18px;height: 18px;border-radius: 999px;z-index: 80;pointer-events: none;transform: translate3d(-50%,-50%,0);opacity: 0;transition: opacity 220ms var(--ease);filter: drop-shadow(0 14px 28px rgba(0,0,0,.35))}
.dz-cursor.on{opacity: 1}
.dz-cursor .halo{position:absolute;inset:-18px;border-radius: 999px;border: 1px solid color-mix(in oklab,var(--cursorCol,color-mix(in oklab,var(--fg) 35%,transparent)) 55%,transparent);background: radial-gradient(circle at 30% 30%,color-mix(in oklab,var(--cursorCol,color-mix(in oklab,var(--fg) 35%,transparent)) 18%,transparent),transparent 60%);transform: scale(var(--cursorHalo,1));transition: transform 260ms var(--ease),border-color 260ms var(--ease),background 260ms var(--ease)}
.dz-cursor .dot{position:absolute;inset:0;border-radius: 999px;background: color-mix(in oklab,var(--cursorCol,color-mix(in oklab,var(--fg) 35%,transparent)) 85%,white 12%);box-shadow: 0 0 0 1px color-mix(in oklab,var(--fg) 14%,transparent);transform: scale(var(--cursorDot,1));transition: transform 220ms var(--ease),background 260ms var(--ease)}
.dz-cursor .label{position:absolute;left: 18px;top: 50%;transform: translate3d(10px,-50%,0);padding: 6px 10px;border-radius: 999px;font-size: 12px;letter-spacing: .02em;color: var(--fg);background: color-mix(in oklab,var(--panel,rgba(15,15,15,0.82)) 85%,transparent);border: 1px solid color-mix(in oklab,var(--fg) 12%,var(--border));backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);white-space: nowrap;opacity: 0;pointer-events:none;transition: opacity 160ms var(--ease),transform 220ms var(--ease)}
.dz-cursor.hasLabel .label{opacity: 1;transform: translate3d(0,-50%,0)}
@media (pointer: coarse){.dz-cursor{display:none}
}
.dz-sun{will-change: transform,opacity,background-position;transform: translate3d(calc(-2% + var(--sunParX,0px)),calc(-2% + var(--sunParY,0px)),0) scale(var(--sunScale,1));background-position: var(--sunBPX,18%) var(--sunBPY,18%);animation: sunIn 11s var(--ease) 0.3s forwards,sunDrift 12s ease-in-out 0s infinite}
@keyframes sunDrift{0%{filter: saturate(1.02) contrast(1.02)}
50%{filter: saturate(1.10) contrast(1.04)}
100%{filter: saturate(1.02) contrast(1.02)}
}
.dz-popBack{position: fixed;inset: 0;z-index: 80;background: rgba(0,0,0,0.38);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);display:none}
.dz-popBack.show{display:block}
.dz-pop{position: fixed;z-index: 81;top: 74px;right: 18px;width: min(360px,calc(100% - 36px));border-radius: 18px;border: 1px solid color-mix(in oklab,var(--fg) 14%,var(--border));background: color-mix(in oklab,var(--bg) 92%,transparent);box-shadow: var(--shadow);display:none;overflow:hidden}
html[dir="rtl"] .dz-pop{right:auto;left:18px}
.dz-pop.show{display:block}
.dz-popHead{padding: 14px;border-bottom: 1px solid color-mix(in oklab,var(--fg) 12%,var(--border))}
.dz-popTitle{font-weight: var(--dz-fw-max);letter-spacing:-0.02em;font-size: 13px}
.dz-popHint{margin-top: 8px;color: var(--muted);font-size: 12.5px;line-height: 1.55}
.dz-popBody{padding: 12px;display:flex;flex-direction: column;gap: 8px}
.dz-langRow{width: 100%;display:flex;align-items:center;justify-content:space-between;gap: 10px;padding: 12px;border-radius: 16px;border: 1px solid color-mix(in oklab,var(--fg) 12%,var(--border));background: transparent;cursor:pointer;transition: transform var(--fast) var(--ease),border-color var(--fast) ease,background var(--fast) ease;text-align:left}
html[dir="rtl"] .dz-langRow{text-align:right}
.dz-langRow:hover{transform: translateY(-1px);border-color: color-mix(in oklab,var(--fg) 26%,var(--border));background: color-mix(in oklab,var(--fg) 4%,transparent)}
.dz-langRow:active{transform: translateY(0);opacity: .95}
.dz-langRow .name{font-weight: var(--dz-fw-max);font-size: 13px}
.dz-langRow .code{font-weight: var(--dz-fw-max);font-size: 12px;color: var(--muted);letter-spacing: 0.10em}
.dz-langRow.selected{border-color: color-mix(in oklab,var(--fg) 40%,var(--border));background: color-mix(in oklab,var(--fg) 7%,transparent)}
.dz-popFoot{padding: 12px;border-top: 1px solid color-mix(in oklab,var(--fg) 12%,var(--border));display:flex;justify-content:flex-end}
.dz-miniBtn{border-radius: 14px;border: 1px solid color-mix(in oklab,var(--fg) 12%,var(--border));background: transparent;padding: 10px 12px;cursor:pointer;font-weight: var(--dz-fw-max);font-size: 12px;color: var(--muted);transition: transform var(--fast) var(--ease),border-color var(--fast) ease,color var(--fast) ease,opacity var(--fast) ease;user-select:none;white-space: nowrap}
.dz-miniBtn:hover{transform: translateY(-1px);border-color: color-mix(in oklab,var(--fg) 42%,var(--border));color: var(--fg)}
.dz-miniBtn:active{transform: translateY(0);opacity: .92}
.dz-toast{position: fixed;top: 24px;right: 24px;background: rgba(0,0,0,0.95);border: 1px solid rgba(255,255,255,0.2);border-radius: 12px;padding: 16px 20px;display: flex;align-items: center;gap: 12px;min-width: 300px;max-width: 450px;z-index: 100000;opacity: 0;transform: translateX(400px);transition: all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow: 0 10px 40px rgba(0,0,0,0.5);backdrop-filter: blur(10px)}
.dz-toast-show{opacity: 1;transform: translateX(0)}
.dz-toast-icon{font-size: 20px;flex-shrink: 0}
.dz-toast-message{color: #fff;font-size: 14px;font-weight: 500;line-height: 1.4}
.dz-toast-success{border-color: color-mix(in oklab,var(--fg) 22%,transparent);background: linear-gradient(135deg,color-mix(in oklab,var(--fg) 14%,transparent),color-mix(in oklab,var(--fg) 8%,transparent))}
.dz-toast-success .dz-toast-icon{color: color-mix(in oklab,var(--fg) 22%,transparent)}
.dz-toast-error{border-color: rgba(244,106,106,0.4);background: linear-gradient(135deg,rgba(244,106,106,0.15),rgba(244,106,106,0.05))}
.dz-toast-error .dz-toast-icon{color: color-mix(in oklab,var(--fg) 22%,transparent)}
.dz-toast-warning{border-color: rgba(255,193,7,0.4);background: linear-gradient(135deg,rgba(255,193,7,0.15),rgba(255,193,7,0.05))}
.dz-toast-warning .dz-toast-icon{color: color-mix(in oklab,var(--fg) 22%,transparent)}
.dz-toast-info{border-color: color-mix(in oklab,var(--b) 40%,transparent);background: linear-gradient(135deg,color-mix(in oklab,var(--b) 15%,transparent),color-mix(in oklab,var(--b) 5%,transparent))}
.dz-toast-info .dz-toast-icon{color: #64b4ff}
body.dz-member #dz-founder-section{display: none !important}
html{scrollbar-width: thin;scrollbar-color: rgba(255,255,255,0.06) transparent}
body.light html,html:has(body.light),body.light{scrollbar-color: rgba(0,0,0,0.08) transparent}
::-webkit-scrollbar{width: 4px;height: 4px}
::-webkit-scrollbar-track{background: transparent}
::-webkit-scrollbar-thumb{background: rgba(255,255,255,0.06);border-radius: 4px}
::-webkit-scrollbar-thumb:hover{background: rgba(255,255,255,0.12)}
body.light ::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.06)}
body.light ::-webkit-scrollbar-thumb:hover{background: rgba(0,0,0,0.14)}
[data-focus]{transition: filter 1.2s cubic-bezier(.16,1,.3,1),opacity 1.4s cubic-bezier(.16,1,.3,1);filter: saturate(0.92) brightness(0.94);opacity: 0.88;will-change: filter,opacity}
[data-focus].dz-focused{filter: saturate(1) brightness(1);opacity: 1}
[data-focus] .dz-arch{opacity: 0;transform: translateY(14px);transition: opacity 0.95s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1);will-change: opacity,transform}
[data-focus].dz-revealed .dz-arch{opacity: 1;transform: translateY(0)}
[data-focus].dz-revealed .dz-arch[data-arch="1"]{transition-delay: 0.04s}
[data-focus].dz-revealed .dz-arch[data-arch="2"]{transition-delay: 0.16s}
[data-focus].dz-revealed .dz-arch[data-arch="3"]{transition-delay: 0.30s}
[data-focus].dz-revealed .dz-arch[data-arch="4"]{transition-delay: 0.44s}
[data-focus].dz-revealed .dz-arch[data-arch="5"]{transition-delay: 0.58s}
body.light [data-focus]{filter: saturate(0.96) brightness(0.98);opacity: 0.92}
body.light [data-focus].dz-focused{filter: none;opacity: 1}
@media (prefers-reduced-motion: reduce){[data-focus],[data-focus] .dz-arch{filter: none !important;opacity: 1 !important;transform: none !important;transition: none !important}
.dz-sun{transition: none !important}
}
html.light #dzCanvas{opacity: 0.25}
body.light ::selection{background: rgba(0,0,0,0.12);color: #0f0f0f}
body.light ::-moz-selection{background: rgba(0,0,0,0.12);color: #0f0f0f}
body.has-accent ::selection{background: var(--uA);color: var(--bg)}
body.has-accent ::-moz-selection{background: var(--uA);color: var(--bg)}
.dz-skip{position: absolute;left: 12px;top: -60px;z-index: 9999;padding: 12px 18px;min-height: var(--tap);display: inline-flex;align-items: center;background: var(--surface);color: var(--fg);border: 1px solid var(--borderH);border-radius: var(--r2);font: var(--dz-fw-semibold) var(--dz-text-sm)/1 var(--font);transition: top var(--fast) var(--ease)}
.dz-skip:focus{top: 12px}
button.dz-tier-row{width: 100%;text-align: left;font: inherit;color: inherit;background: none;cursor: pointer}
@media (pointer: coarse){a[href],button,input[type="checkbox"],input[type="radio"],[role="button"]{min-height: var(--tap)}
button,[role="button"],a.cta,.dz-btn,.dz-btn-sm{min-width: var(--tap)}
.dz-powers-dot{min-width: 0;min-height: 0}
}
:focus-visible{outline: 2px solid var(--uA);outline-offset: 3px;border-radius: var(--r3)}
.dz-dd{position:relative;display:inline-flex;align-items:center}
.dz-dd-t{display:inline-flex;align-items:center;gap:4px}
.dz-dd-i{opacity:.6;transition:transform .2s ease}
.dz-dd:hover .dz-dd-i,.dz-dd:focus-within .dz-dd-i{transform:rotate(180deg)}
.dz-dd-m{position:absolute;top:100%;left:50%;z-index:60;display:grid;gap:2px;min-width:200px;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.14);opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.dz-dd-m::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.dz-dd:hover .dz-dd-m,.dz-dd:focus-within .dz-dd-m{opacity:1;visibility:visible;transform:translate(-50%,10px)}
.dz-links .dz-dd-m a{display:block;padding:9px 12px;border-radius:9px;border-bottom:0;color:var(--fg);white-space:nowrap}
.dz-links .dz-dd-m a:hover,.dz-links .dz-dd-m a:focus-visible{background:color-mix(in oklab,var(--fg) 7%,transparent)}
.dz-mobileNav a.dz-sub{padding-inline-start:28px;font-size:.92em;opacity:.78}
@media (prefers-reduced-motion:reduce){.dz-dd-m,.dz-dd-i{transition:none}
}
@media (max-width: 860px){nav.dz-nav:has(.dz-mobileNav.open){height: 100vh;height: 100dvh;overflow-y: auto;overscroll-behavior: contain;background: var(--bg);-webkit-backdrop-filter: none;backdrop-filter: none}
html:has(.dz-mobileNav.open){overflow: hidden}
.dz-mobileNav.open{display: flex;flex-direction: column;gap: 2px;margin-top: 6px;padding: 12px 0 calc(28px + env(safe-area-inset-bottom,0px));border-top: 1px solid var(--border)}
.dz-mobileNav a{display: flex;align-items: center;min-height: 52px;margin: 0;padding: 0 16px;border-radius: 14px;font-size: 17px;font-weight: 600;letter-spacing: -0.01em;color: var(--fg);-webkit-tap-highlight-color: transparent}
.dz-mobileNav a:active{background: color-mix(in oklab,var(--fg) 7%,transparent)}
.dz-mobileNav a[aria-current="page"]{background: color-mix(in oklab,var(--fg) 6%,transparent);font-weight: 800}
.dz-mobileNav a.dz-sub{position: relative;margin: 0;min-height: 44px;padding: 0 16px 0 36px;font-size: 15.5px;font-weight: 500;color: var(--muted);opacity: 1}
.dz-mobileNav a.dz-sub::before{content: "";position: absolute;left: 18px;top: 50%;width: 9px;height: 1.5px;border-radius: 2px;background: currentColor;opacity: .55}
.dz-mobileNav a[href*="control-lab"]{justify-content: center;margin-top: 18px;border: 1px solid var(--border);font-weight: 800}
.dz-mobileNav a.cta{justify-content: center;margin-top: 10px;min-height: 54px;border-radius: 16px;background: var(--fg);color: var(--bg);font-weight: 800}
body.has-accent .dz-mobileNav a.cta{border-radius: 16px}
}
@media (max-width: 860px) and (prefers-reduced-motion: reduce){.dz-mobileNav a{transition: none}
}
@media (max-width: 860px){.dz-powers-dot{position: relative}
.dz-powers-dot::after{content: "";position: absolute;inset: -16px}
.jgate button,.jask button,[data-jnote] button{min-height: 44px !important;padding: 0 16px !important}
.sl-tabs a{min-height: 44px !important;display: inline-flex !important;align-items: center}
.cp-ch,.cp-ch b,.sl-plan,.tl-chip,.sl-stat small,.sl-why small,.sl-act-k,.sl-act-k b,.cp-pre,.cp-sc-k,.tv-way-k,.tc-k,.jnext-k,.dz-chip{font-size: 11.5px !important}
}