.dev-grid-bg{background-image:linear-gradient(90deg,#78787814 1px,#0000 1px),linear-gradient(#78787814 1px,#0000 1px);background-size:40px 40px}.dev-glow{pointer-events:none;background:radial-gradient(600px at 20% 20%,#6366f11f,#0000 60%);position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%}.dev-chip{font-size:12.5px;font-weight:500;font-family:var(--font-mono,ui-monospace,monospace);border:1px solid #78787840;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;transition:border-color .2s,transform .2s;display:inline-flex}@keyframes devFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes devCaret{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.dev-fade-up,.dev-caret{animation:none}}.dev-pattern-bg{background-image:linear-gradient(to right,hsl(var(--foreground)/.07)1px,transparent 1px),linear-gradient(to bottom,hsl(var(--foreground)/.07)1px,transparent 1px);background-size:42px 42px}.dev-pattern-fade{background:radial-gradient(65% 60% at 50% 25%,transparent 0%,hsl(var(--background))100%);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.dev-window{background:#0a0a0cf0;border:1px solid #78787833;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px -20px #00000073,inset 0 0 0 1px #ffffff0a}.dev-window-bar{border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:10px 14px;display:flex}.dev-dot{border-radius:999px;width:10px;height:10px}.dev-chip{border:1px solid hsl(var(--border));background:hsl(var(--muted)/.4);font-size:12.5px;font-weight:500;font-family:var(--font-mono,ui-monospace,monospace);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;transition:border-color .2s,transform .2s;display:inline-flex}.dev-chip:hover{border-color:hsl(var(--foreground)/.4);transform:translateY(-2px)}.dev-fade-up{animation:.6s cubic-bezier(.2,.65,.3,.9) both devFadeUp}.dev-caret{animation:1s step-end infinite devCaret}@media (prefers-reduced-motion:reduce){.dev-fade-up,.dev-caret{animation:none}}.dev-browser-bar{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 14px;display:flex}.dev-phone-frame{aspect-ratio:9/18.5;background:#0a0a0cf0;border:6px solid #0a0a0cf0;border-radius:34px;position:relative;overflow:hidden;box-shadow:0 20px 60px -20px #00000073,inset 0 0 0 1px #ffffff0a}.dev-window-wrap{width:100%;position:relative}.dev-window-glow{filter:blur(40px);z-index:0;background:radial-gradient(50% 50% at 50% 40%,#6366f159,#d946ef26 55%,#0000 75%);position:absolute;top:-10%;bottom:-10%;left:-10%;right:-10%}.dev-window-frame{z-index:1;background:linear-gradient(135deg,#818cf899,#ffffff14 40%,#dfd4e066);border-radius:16px;padding:1px;position:relative}.dev-window{background:#0c0d11;border-radius:15px;overflow:hidden}.dev-window-bar,.dev-browser-bar{background:#ffffff04;border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:10px 14px;display:flex}.dev-url-pill{font-family:var(--font-mono,ui-monospace,monospace);color:#ffffff73;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0f;border-radius:999px;flex:1;padding:5px 12px;font-size:11px;overflow:hidden}.dev-phone-frame{aspect-ratio:9/18.5;background:#0c0d11;border:6px solid #0c0d11;border-radius:34px;position:relative;overflow:hidden}.dev-phone-statusbar{color:#ffffffd9;justify-content:space-between;align-items:center;padding:10px 18px 4px;font-size:10px;font-weight:600;display:flex}.dev-phone-notch{z-index:10;background:#000000b3;border-radius:999px;width:58px;height:16px;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes devPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.dev-pulse{animation:1.6s ease-in-out infinite devPulse}@media (prefers-reduced-motion:reduce){.dev-pulse{animation:none}}