:root{--ink:#07060c;--violet:#7c3aed;--bright:#c084fc;--foam:#f8f5ff}html,body{color:#f8f5ff;background:#07060c;min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;background-color:#07060c;background-image:linear-gradient(#c084fc0f 1px,#0000 1px),linear-gradient(90deg,#22d3ee0d 1px,#0000 1px);background-size:64px 64px;font-family:Segoe UI,ui-sans-serif,system-ui,sans-serif}.dreg-main{width:100%;max-width:72rem;margin:0 auto;padding:1.5rem 1rem 2rem}.pixel-img{image-rendering:pixelated;image-rendering:crisp-edges}.dreg-page{flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,3vw,28px);min-height:calc(100vh - 5rem);display:flex}.dreg-stage{place-items:center;width:100%;display:grid;position:relative}.dreg-scene{perspective:1600px;perspective-origin:50% 48%;width:min(100%,980px);height:min(clamp(210px,38vw,360px),56vh)}.dreg-ring-wrap{height:100%;transform-style:preserve-3d;place-items:center;display:grid}.dreg-ring{--size:clamp(132px, 22vw, 220px);--radius:clamp(170px, 32vw, 340px);width:var(--size);height:var(--size);transform-style:preserve-3d;animation:6s linear infinite dreg-orbit;position:relative}.dreg-card{backface-visibility:hidden;background:#0c0814;border:1px solid #c084fc52;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 40px #0000008c,0 0 28px #7c3aed2e}.dreg-card img{object-fit:cover;width:100%;height:100%}.dreg-hero{z-index:2;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 16px;display:flex;position:absolute;inset:0}.dreg-hero h1{letter-spacing:.12em;color:#f8f5ff;text-shadow:0 0 18px #07060c,0 10px 36px #07060c,0 0 80px #7c3aed73;margin:0;font-size:clamp(2.4rem,8vw,5.6rem);font-weight:900}.dreg-below{text-align:center;flex-direction:column;align-items:center;width:100%;padding:0 16px;display:flex}.dreg-tagline{letter-spacing:.04em;color:#e8d5ffe0;margin:0;font-size:clamp(1rem,2.4vw,1.35rem)}.dreg-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:clamp(18px,3vw,28px);display:flex}.dreg-btn{--btn-h:clamp(46px, 7vw, 52px);width:var(--btn-h);height:var(--btn-h);font:inherit;cursor:pointer;color:#14061f;background:linear-gradient(135deg,#c084fc,#7c3aed 70%);border:1px solid #e8d5ff8c;border-radius:999px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 14px 34px #7c3aed6b,0 0 22px #c084fc47}.dreg-btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px #7c3aed8c,0 0 30px #c084fc6b}.dreg-btn:focus-visible{outline:2px solid var(--bright);outline-offset:3px}.dreg-x-glyph,.dreg-os-glyph,.dreg-dc-glyph{flex:none}.dreg-x-glyph{width:1.15em;height:1.15em}.dreg-os-glyph{width:1.45em;height:1.45em}.dreg-dc-glyph{width:1.3em;height:1.3em}.dreg-tip-wrap{display:inline-flex;position:relative}.dreg-tip{color:var(--foam);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#0c0814f5;border:1px solid #c084fc73;border-radius:9px;padding:7px 13px;font-size:.8rem;font-weight:600;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-6px);box-shadow:0 10px 28px #0009}.dreg-tip[data-open]{opacity:1;transform:translate(-50%)}.dreg-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes dreg-orbit{0%{transform:rotateY(0)}to{transform:rotateY(-360deg)}}@media (prefers-reduced-motion:reduce){.dreg-ring{animation:none;transform:rotateY(-20deg)}}