:root{--accent:#22D3EE}
html{scroll-behavior:smooth}
:target{scroll-margin-top:84px}
body{margin:0;background:#0B0B0C}
a{color:#22D3EE}a:hover{color:#67E8F9}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
@keyframes fa-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fa-drift{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(-140px);opacity:0}}
@keyframes fa-word{0%,8%{color:#71717A}12%,30%{color:var(--c)}36%,100%{color:#F4F4F5}}
@keyframes fa-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fa-pulse{0%,100%{box-shadow:0 0 0 0 var(--c)}50%{box-shadow:0 0 18px 2px var(--c)}}
@keyframes fa-ring{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.6);opacity:0}}
@keyframes fa-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fa-glow{0%,100%{opacity:.35}50%{opacity:.6}}
@keyframes fa-sand{0%{height:4px}100%{height:22px}}
.fa-float{animation:fa-float 6s ease-in-out infinite}
.fa-dust{position:absolute;width:3px;height:3px;border-radius:50%;background:#E4E4E7;animation:fa-drift 7s linear infinite}
.fa-kar span{animation:fa-word 5s linear infinite}
.fa-ticker{display:flex;width:max-content;animation:fa-ticker 40s linear infinite}
.fa-pulse{animation:fa-pulse 2.6s ease-in-out infinite}
.fa-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--c);animation:fa-ring 2.4s ease-out infinite}
.fa-ln{opacity:0;animation:fa-in .5s ease-out forwards}
.fa-glow{animation:fa-glow 5s ease-in-out infinite}
.fa-card{transition:transform .25s ease,border-color .25s ease}
.fa-card:hover{transform:translateY(-4px);border-color:#52525B}
.fa-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.fa-nav a:hover{color:#F4F4F5!important}
@media (max-width: 820px){.fa-nav{display:none!important}}
@media (prefers-reduced-motion: reduce){.fa-float,.fa-dust,.fa-kar span,.fa-ticker,.fa-pulse,.fa-ring,.fa-glow{animation:none}.fa-ln{opacity:1;animation:none}}

.z0{padding: 0 22px}
.z1{color: #F2C14E}
.z2{color: var(--accent)}
.z3{color: #A78BFA}
.z4{margin: 0; font-size: 15px; line-height: 1.55; color: #B4B4BC}
.z5{margin: 0 0 4px; font-size: 18px; font-weight: 700}
.z6{margin: 0; font-size: 15px; line-height: 1.5; color: #B4B4BC}
.z7{display: flex; gap: 16px; padding: 24px; border-radius: 16px; background: #111113; border: 1px solid #27272A}
.z8{flex: 0 0 auto; width: 36px; height: 36px; border-radius: 10px; background: #1C1C1F; display: flex; align-items: center; justify-content: center; font-family: 'JetBrains Mono', monospace; font-size: 14px; color: var(--accent)}
.z9{margin: 0 0 6px; font-size: 19px; font-weight: 700}
.z10{margin: 0; font-size: 16px; line-height: 1.55; color: #B4B4BC}
.z11{display: flex; gap: 10px}
.z12{margin: 0 0 12px; font-family: 'JetBrains Mono', monospace; font-size: 13px; letter-spacing: 0.14em; color: var(--accent)}
.z13{font-size: 18px; font-weight: 700}
.z14{margin: 12px 0 0; font-size: 16px; line-height: 1.6; color: #B4B4BC}
.z15{color: #B4B4BC; text-decoration: none}
.z16{color: #22D3EE}
.z17{padding: 22px; border-radius: 16px; border: 1px solid #27272A}
.z18{margin: 0 0 8px; font-size: 18px; font-weight: 700}
.z19{border-top: 1px solid #27272A; padding: 18px 0}
.z20{margin: 0; font-family: 'JetBrains Mono', monospace; font-size: 8px; letter-spacing: 0.12em; color: #8E8E97}
.z21{margin: 0; padding: 6px 8px; border-radius: 8px; background: rgba(0,0,0,.55); text-align: center; font-size: 11px; font-weight: 700; line-height: 1.3}
.z22{display: block; padding: 24px; border-radius: 16px; background: #111113; border: 1px solid #27272A; text-decoration: none; color: #F4F4F5}
.z23{width: 56px; height: 56px; border-radius: 14px; display: block}
.z24{margin: 14px 0 6px; font-size: 20px; font-weight: 700}
.z25{max-width: 1120px; margin: 0 auto; padding: 72px 24px 40px}
.z26{width: 10px; height: 10px; border-radius: 50%; background: #3F3F46}
.z27{color: #8E8E97}
.z28{display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border-radius: 14px; background: #111113; border: 1px solid #27272A}
.z29{font-family: 'JetBrains Mono', monospace; font-size: 13px; color: #8E8E97; padding-top: 3px}
.z30{font-family: 'JetBrains Mono', monospace; font-size: 13px; color: var(--accent); padding-top: 3px}
.z31{margin: 0; font-size: 20px; line-height: 1; font-weight: 700}
.z32{width: 18px; height: 56px; background: #3F3F46; border-radius: 3px 3px 0 0}
.z33{animation-delay: 0s}
.z34{width: 64px; height: 12px; border-radius: 50%; background: #C9962F; border-top: 2px solid #FFD873; margin-bottom: -5px}
.z35{width: 64px; height: 12px; border-radius: 50%; background: #B8892B; border-top: 2px solid #F2C14E; margin-bottom: -5px}
.z36{animation-delay: .8s}
.z37{margin: 16px 0 0; font-size: 18px; line-height: 1.55; color: #B4B4BC; max-width: 40em}
.z38{display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border-radius: 14px; background: #111113; border: 1px solid var(--accent)}
.z39{margin: 0; font-size: clamp(30px, 3.6vw, 44px); line-height: 1.08; font-weight: 700}
.z40{margin: 0 0 6px; font-family: 'JetBrains Mono', monospace; font-size: 13px; color: var(--accent)}
.z41{flex: 1 1 420px; min-width: 0; padding: 28px; border-radius: 16px; background: #111113; border: 1px solid #27272A}
.z42{margin: 0 0 16px; font-size: 22px; font-weight: 700}
.z43{margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; font-size: 16px; line-height: 1.5; color: #D4D4D8}
