.wd-scope{--wd-bg:#07090b;--wd-surface:#111316;--wd-surface-2:#16191d;--wd-accent:#b7ff2a;--wd-accent-ink:#07090b;--wd-text:#f4f4ef;--wd-muted:#a3a9b4;--wd-border:#ffffff14;--wd-danger:#ff8a80;--wd-ease:cubic-bezier(.32, .72, 0, 1);background-color:var(--wd-bg);color:var(--wd-text);font-family:var(--font-space-grotesk), system-ui, sans-serif;font-weight:400}.wd-scope ::selection{background:var(--wd-accent);color:var(--wd-accent-ink)}@layer components{.wd-heading{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.03em;color:var(--wd-text);text-wrap:balance;font-weight:700;line-height:1.05}.wd-h1{font-size:clamp(2.75rem,6vw,5.25rem)}.wd-h2{font-size:clamp(2rem,4.5vw,3.25rem)}.wd-h3{letter-spacing:-.02em;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.2}.wd-kicker{font-family:var(--font-jet-brains-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--wd-accent);font-size:.8125rem}.wd-body{color:var(--wd-muted);text-wrap:pretty;font-size:1.0625rem;line-height:1.65}.wd-mono{font-family:var(--font-jet-brains-mono), monospace;letter-spacing:.02em;color:var(--wd-muted);font-size:.8125rem}.wd-card{background-color:var(--wd-surface);border:1px solid var(--wd-border);transition:transform .5s var(--wd-ease), border-color .5s var(--wd-ease), background-color .5s var(--wd-ease);border-radius:.5rem}.wd-frame{background-color:var(--wd-surface-2);border:1px solid var(--wd-border);border-radius:.75rem;padding:.25rem}.wd-frame__core{background-color:var(--wd-surface);border-radius:.5rem;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.wd-browser__bar{border-bottom:1px solid var(--wd-border);background-color:var(--wd-surface-2);gap:.375rem;padding:.625rem .75rem;display:flex}.wd-browser__bar span{background-color:#ffffff24;border-radius:9999px;width:.5rem;height:.5rem}.wd-photo-mask{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 78%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 10% 78%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.wd-glow:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 55% 45%,#b7ff2a24,#0000 60%);position:absolute;inset:-10% -20%}.wd-float{box-shadow:0 8px 24px #b7ff2a59}}html[data-wd-js] .wd-intro{opacity:0;animation:wd-intro-in .6s var(--wd-ease) var(--wd-intro-delay,0s) both}@keyframes wd-intro-in{0%{opacity:0;filter:blur(3px);transform:translateY(12px)scale(.98)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){html[data-wd-js] .wd-intro{opacity:1;animation:none}}@keyframes wd-rise{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}[data-state=open] .wd-nav__item{animation:wd-rise .6s var(--wd-ease) both}@media (prefers-reduced-motion:reduce){[data-state=open] .wd-nav__item{animation:none}}.wd-step-in{animation:wd-step-in .5s var(--wd-ease) both}@keyframes wd-step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.wd-pop{animation:.6s cubic-bezier(.34,1.56,.64,1) both wd-pop}@keyframes wd-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.wd-shake{animation:wd-shake .4s var(--wd-ease)}@keyframes wd-shake{0%,to{transform:none}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.wd-step-in,.wd-pop,.wd-shake{animation:none}}
