/* ╔═══════════════════════════════════════════════════════════════════
   DONEZO · DZ-LP-01-Layout.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
   · Unauthorised redistribution is a civil and criminal offence
   Infringement: legal@donezo.space · Source: https://donezo.space
╚═══════════════════════════════════════════════════════════════════ */
.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-size:11.5px;user-select:none;white-space:nowrap}
.dz-dotPulse{width:7px;height:7px;border-radius:999px;background:color-mix(in oklab,var(--fg) 30%,transparent);box-shadow:0 0 0 0 transparent;animation:pulse 2.4s var(--ease2) infinite;transition:background .18s ease}
.dz-build:hover .dz-dotPulse{background:var(--rainbow)}
@keyframes pulse{0%{box-shadow:0 0 0 0 transparent;transform:scale(1)}
35%{box-shadow:0 0 0 8px color-mix(in oklab,var(--fg) 6%,transparent);transform:scale(1.05)}
100%{box-shadow:0 0 0 0 transparent;transform:scale(1)}
}
.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{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-dotPulse{animation:none !important}
}
.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)}