/* Ported from the Main design board. */
@keyframes dzPing{0%{box-shadow:0 0 0 0 rgba(200,245,96,.45)}100%{box-shadow:0 0 0 40px rgba(200,245,96,0)}}
.dz-page .dz-orbit{position:relative;width:min(460px,100%);aspect-ratio:1/1;margin:0 auto;flex:0 1 460px}
.dz-page .dz-ring{position:absolute;border:1px dashed #3A3A42;border-radius:999px;animation:dzSpin 40s linear infinite}
.dz-page .dz-ring.r2{animation-duration:28s;animation-direction:reverse}
.dz-page .dz-orb{position:absolute;transform:translate(-50%,-50%)}
.dz-page .dz-orb-in{display:inline-block;white-space:nowrap;background:#141417;border:1px solid #3A3A42;border-radius:999px;padding:9px 14px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:1px;color:#F2F0EB;animation:dzSpin 40s linear infinite reverse}
.dz-page .r2 .dz-orb-in{animation-duration:28s;animation-direction:normal;border-color:#8B7CFF}
.dz-page .dz-fan>div{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.dz-page .dz-fan:hover>div:nth-child(1){transform:rotate(-14deg) translate(-70px,10px)}
.dz-page .dz-fan:hover>div:nth-child(2){transform:rotate(0deg) translateY(-20px)}
.dz-page .dz-fan:hover>div:nth-child(3){transform:rotate(14deg) translate(70px,10px)}
.dz-page a{color:#F2F0EB;text-decoration:none}
.dz-page a:hover{color:#ffffff}
@keyframes dzMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes dzMarqueeR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes dzSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes dzFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(5deg)}}
@keyframes dzBob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(4deg)}}
@keyframes dzRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes dzLine{from{transform:translateY(110%)}to{transform:translateY(0)}}
@keyframes dzMark{from{background-size:0% 100%}to{background-size:100% 100%}}
@keyframes dzPulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes dzBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes dzCurtain{0%,55%{transform:translateY(0)}100%{transform:translateY(-100%)}}
@keyframes dzCurtainText{0%{opacity:0;transform:translateY(30px)}25%,55%{opacity:1;transform:none}75%,100%{opacity:0;transform:translateY(-30px)}}
@keyframes dzGrid{from{background-position:0 0}to{background-position:40px 40px}}
@keyframes dzScroll{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@keyframes dzGrow{to{transform:scaleX(1)}}
@keyframes dzReveal{from{opacity:0;transform:translateY(60px) scale(.98)}to{opacity:1;transform:none}}
.dz-page .dz-curtain{position:fixed;inset:0;z-index:100;background:#C8F560;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:dzCurtain 1.6s cubic-bezier(.7,0,.2,1) both}
.dz-page .dz-curtain span{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(48px,9vw,120px);letter-spacing:-4px;color:#0D0D0F;animation:dzCurtainText 1.6s ease both}
.dz-page .dz-line{display:block;overflow:hidden;padding-bottom:.06em}
.dz-page .dz-line>span{display:inline-block;animation:dzLine 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes dzWordIn{from{opacity:0;transform:translateY(60%) rotate(3deg)}to{opacity:1;transform:none}}
.dz-page .dz-word{display:inline-block;color:#0D0D0F;padding:.02em .18em;border-radius:.14em;background:linear-gradient(#C8F560,#C8F560) no-repeat left center/0% 100%;animation:dzWordIn .55s cubic-bezier(.2,.8,.2,1) both,dzMark .6s cubic-bezier(.7,0,.2,1) .12s both}
.dz-page .dz-tool{display:inline-flex;align-items:center;gap:18px;border:1px solid #2A2A30;border-radius:999px;padding:16px 30px 16px 20px;background:#141417;color:#F2F0EB;transition:background .3s,color .3s,border-color .3s}
.dz-page .dz-tool svg{width:40px;height:40px;flex:0 0 auto;transition:stroke .3s}
.dz-page .dz-tool:hover{background:#C8F560;color:#0D0D0F;border-color:#C8F560}
.dz-page .dz-tool:hover svg{stroke:#0D0D0F}
.dz-page .dz-mark{color:#0D0D0F;padding:0 .12em;background:linear-gradient(#C8F560,#C8F560) no-repeat left center/0% 100%;animation:dzMark .9s cubic-bezier(.7,0,.2,1) 2.4s both;border-radius:.12em}
.dz-page .dz-rise{animation:dzRise .9s cubic-bezier(.2,.7,.2,1) both}
.dz-page .dz-grid{background-image:radial-gradient(#2A2A30 1.2px,transparent 1.2px);background-size:40px 40px;animation:dzGrid 6s linear infinite}
.dz-page .dz-tilt .dz-art{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.dz-page .dz-tilt:hover .dz-art{transform:perspective(900px) rotateY(-8deg) rotateX(4deg) scale(1.02)}
@keyframes dzIllIn{from{opacity:0;transform:scale(.9) rotate(-3deg)}to{opacity:1;transform:none}}
@keyframes dzDraw{to{stroke-dashoffset:0}}
@keyframes dzPop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes dzGrowX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.dz-page .dz-ill{position:absolute;inset:0;width:100%;height:100%;animation:dzIllIn .7s cubic-bezier(.2,.8,.2,1) both}
.dz-page .dz-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:dzDraw 1.4s ease forwards}
.dz-page .dz-pop{transform-box:fill-box;transform-origin:center;animation:dzPop .6s cubic-bezier(.2,.8,.3,1.3) both}
.dz-page .dz-grow{transform-box:fill-box;transform-origin:left center;animation:dzGrowX .5s ease both}
.dz-page .dz-fl{transform-box:fill-box;transform-origin:center;animation:dzFloat 5s ease-in-out infinite}
.dz-page .dz-chip{position:absolute;background:#141417;border:1px solid #3A3A42;color:#F2F0EB;border-radius:999px;padding:10px 16px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:1px;white-space:nowrap;animation:dzBob 5s ease-in-out infinite}
.dz-page .dz-sweep{background:#141417 linear-gradient(#C8F560,#C8F560) no-repeat left bottom/100% 0%;transition:background-size .45s cubic-bezier(.7,0,.2,1),color .3s,transform .3s}
.dz-page .dz-sweep:hover{background-size:100% 100%;color:#0D0D0F;transform:translateY(-4px)}
.dz-page .dz-sweep:hover .dz-sw-sub{color:#0D0D0F !important}
.dz-page .dz-sweep:hover svg{stroke:#0D0D0F}
.dz-page .dz-arrow{transition:transform .3s}
.dz-page .dz-sweep:hover .dz-arrow,.dz-page .dz-card:hover .dz-arrow,.dz-page .dz-row:hover .dz-arrow{transform:translate(4px,-4px)}
.dz-page .dz-card{transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s}
.dz-page .dz-card:hover{transform:translateY(-8px) rotate(-.6deg);border-color:#C8F560 !important}
.dz-page .dz-row{transition:padding .4s cubic-bezier(.2,.7,.2,1),background .4s}
.dz-page .dz-row:hover{padding-left:28px !important;background:#121215}
.dz-page .dz-row .dz-num{-webkit-text-stroke:1.5px #5E5C57;color:transparent;transition:color .35s,-webkit-text-stroke-color .35s}
.dz-page .dz-row:hover .dz-num{color:#C8F560;-webkit-text-stroke-color:#C8F560}
.dz-page .dz-row .dz-ttl{transition:color .3s}
.dz-page .dz-row:hover .dz-ttl{color:#C8F560}
.dz-page .dz-proc{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.dz-page .dz-proc:nth-child(odd):hover{transform:rotate(-2.5deg) translateY(-6px)}
.dz-page .dz-proc:nth-child(even):hover{transform:rotate(2.5deg) translateY(-6px)}
.dz-page .dz-outline{-webkit-text-stroke:1.5px #F2F0EB;color:transparent;transition:color .3s}
.dz-page .dz-outline:hover{color:#C8F560;-webkit-text-stroke-color:#C8F560}
.dz-page .dz-mqt:hover .dz-track{animation-play-state:paused}
.dz-page .dz-btn{transition:transform .25s}
.dz-page .dz-btn:hover{transform:translateY(-3px)}
.dz-page .dz-let{display:inline-block;transition:transform .35s cubic-bezier(.2,.7,.2,1),color .35s}
.dz-page .dz-let:hover{transform:translateY(-18px) rotate(-4deg);color:#C8F560}
.dz-page .dz-flink{color:#A9A69E}
.dz-page .dz-flink:hover{color:#C8F560}
.dz-page details summary{list-style:none;cursor:pointer}
.dz-page details summary::-webkit-details-marker{display:none}
.dz-page details[open] .dz-plus{transform:rotate(45deg)}
.dz-page .dz-plus{transition:transform .3s}
@supports (animation-timeline: view()){.dz-page .dz-reveal{animation:dzReveal linear both;animation-timeline:view();animation-range:entry 0% cover 25%}}
@media (max-width:760px){.dz-page .dz-hide-sm{display:none !important}}
@media (prefers-reduced-motion:reduce){.dz-page *{animation:none !important;transition:none !important}
.dz-page .dz-curtain{display:none}
.dz-page .dz-mark{background-size:100% 100%}
.dz-page .dz-draw{stroke-dashoffset:0}
.dz-page .dz-word{background-size:100% 100%}}