.db404{--db404-digit:clamp(6.5rem, 26vw, 13rem);isolation:isolate;background:var(--bg);min-height:100svh;color:var(--ink);font-family:var(--font-dm-sans,"DM Sans", sans-serif);place-items:center;padding:clamp(40px,8vh,88px) 24px;display:grid;position:relative;overflow:hidden}.db404:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(46% 38% at 50% 33%, color-mix(in srgb, var(--denver) 30%, transparent) 0%, transparent 68%), radial-gradient(26% 22% at 50% 36%, color-mix(in srgb, var(--tang) 14%, transparent) 0%, transparent 70%), radial-gradient(80% 46% at 50% 100%, color-mix(in srgb, var(--verde-soft) 85%, transparent) 0%, transparent 72%);position:absolute;inset:-25%}.db404-inner{text-align:center;flex-direction:column;align-items:center;gap:clamp(12px,2.2vh,20px);width:100%;max-width:720px;display:flex}.db404-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--verde-dd);margin:0;font-size:12px;font-weight:500}.db404-numeral{justify-content:center;align-items:center;gap:clamp(4px,1vw,14px);margin:clamp(2px,1vh,10px) 0 clamp(4px,1.6vh,14px);display:flex}.db404-digit{font-family:var(--font-display);font-weight:700;font-size:var(--db404-digit);letter-spacing:-.05em;color:var(--ink);line-height:.82}.db404-stage{width:calc(var(--db404-digit) * .82);height:var(--db404-digit);flex:none;position:relative}.db404-pin-svg,.db404-stage-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.db404-stage-canvas{opacity:0;transition:opacity .45s}.db404-pin-svg{transition:opacity .3s .35s}.db404-stage[data-ready=true] .db404-stage-canvas{opacity:1}.db404-stage[data-ready=true] .db404-pin-svg{opacity:0}.db404-stage:after{content:"";aspect-ratio:5;width:52%;transform:translateX(-50%) scale(calc(1 - var(--db404-lift,0) * .18));background:radial-gradient(closest-side, color-mix(in srgb, var(--zaf) 30%, transparent), transparent);opacity:calc(.72 - var(--db404-lift,0) * .16);filter:blur(2px);pointer-events:none;position:absolute;bottom:.5%;left:50%}@keyframes db404-float{0%,to{transform:translateY(0)}25%{transform:translateY(-1.9%)}75%{transform:translateY(1.9%)}}@keyframes db404-contact{0%,to{opacity:.72;transform:translate(-50%)scale(1)}25%{opacity:.56;transform:translate(-50%)scale(.84)}75%{opacity:.8;transform:translate(-50%)scale(1.05)}}.db404-stage[data-mode=flat] .db404-pin-svg{animation:7.6s ease-in-out infinite db404-float}.db404-stage[data-mode=flat]:after{animation:7.6s ease-in-out infinite db404-contact}.db404-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(28px,4.4vw,44px);font-weight:600;line-height:1.12}.db404-lead{max-width:46ch;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:clamp(15px,1.4vw,17px);line-height:1.6}.db404-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:46px;margin-top:clamp(6px,1.6vh,14px);display:flex}.db404-actions .btn{min-height:46px}@media (max-width:419px){.db404-actions{min-height:104px}}@media (prefers-reduced-motion:reduce){.db404-stage[data-mode=flat] .db404-pin-svg,.db404-stage[data-mode=flat]:after{animation:none}.db404-stage-canvas,.db404-pin-svg{transition:none}}