.DevxShowcase-module__T3gJ2q__tokenPalette{grid-template-columns:1fr;gap:.5rem;display:grid}@media (min-width:640px){.DevxShowcase-module__T3gJ2q__tokenPalette{grid-template-columns:1fr 1fr}}.DevxShowcase-module__T3gJ2q__tokenCard{border:1px solid color-mix(in srgb, var(--border) 66%, transparent);background:color-mix(in srgb, var(--background) 94%, var(--card-bg) 6%);align-items:center;gap:.75rem;padding:.75rem;display:flex}.DevxShowcase-module__T3gJ2q__tokenSwatch{border:1px solid color-mix(in srgb, var(--border) 50%, transparent);flex-shrink:0;width:1.5rem;height:1.5rem}.DevxShowcase-module__T3gJ2q__tokenInfo{gap:.15rem;min-width:0;display:grid}.DevxShowcase-module__T3gJ2q__tokenName{color:var(--primary);font-family:ui-monospace,monospace;font-size:.75rem}.DevxShowcase-module__T3gJ2q__tokenDesc{color:var(--text-muted);font-size:.72rem}.DevxShowcase-module__T3gJ2q__spacingDemo{gap:.75rem;display:grid}.DevxShowcase-module__T3gJ2q__spacingRow{align-items:center;gap:.75rem;display:flex}.DevxShowcase-module__T3gJ2q__spacingLabel{color:var(--foreground);flex-shrink:0;width:5rem;font-size:.8rem}.DevxShowcase-module__T3gJ2q__spacingValue{color:var(--text-muted);flex-shrink:0;width:4rem;font-family:ui-monospace,monospace;font-size:.75rem}.DevxShowcase-module__T3gJ2q__spacingBar{background:var(--primary);opacity:.4;min-width:.25rem;height:.75rem}.DevxShowcase-module__T3gJ2q__typographyScale{gap:.75rem;display:grid}.DevxShowcase-module__T3gJ2q__typeRow{align-items:baseline;gap:.75rem;display:flex}.DevxShowcase-module__T3gJ2q__typeLabel{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;width:3rem;font-size:.7rem;font-weight:700}.DevxShowcase-module__T3gJ2q__typeSample{color:var(--foreground)}.DevxShowcase-module__T3gJ2q__typeSampleMuted{color:var(--text-muted)}.DevxShowcase-module__T3gJ2q__sectionDemo{gap:1rem;display:grid}.DevxShowcase-module__T3gJ2q__sectionLayer{gap:.35rem;display:grid}.DevxShowcase-module__T3gJ2q__sectionLayerLabel{color:var(--text-muted);letter-spacing:.04em;font-size:.7rem;font-weight:600}.DevxShowcase-module__T3gJ2q__sectionMock{border-radius:.25rem}.DevxShowcase-module__T3gJ2q__surfacePreview{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.DevxShowcase-module__T3gJ2q__surfacePreview{grid-template-columns:1fr 1fr}}.DevxShowcase-module__T3gJ2q__surfaceCard,.DevxShowcase-module__T3gJ2q__surfaceCardAlt{gap:.5rem;padding:1rem;display:grid}.DevxShowcase-module__T3gJ2q__surfaceCard{border:1px solid color-mix(in srgb, var(--border) 66%, transparent);background:color-mix(in srgb, var(--background) 94%, var(--card-bg) 6%)}.DevxShowcase-module__T3gJ2q__surfaceCardAlt{background:color-mix(in srgb, var(--background) 86%, #050505 14%)}.DevxShowcase-module__T3gJ2q__surfaceCardTitle{color:var(--foreground);font-size:.85rem;font-weight:700}.DevxShowcase-module__T3gJ2q__surfaceCardDesc{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.6}.DevxShowcase-module__T3gJ2q__surfaceCode{color:var(--primary);white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,monospace;font-size:.7rem;line-height:1.5}
.devx-module__MPFX5W__page{width:100%;min-width:0;overflow-x:hidden}.devx-module__MPFX5W__reveal{opacity:0;filter:blur(4px);transition:opacity .6s,transform .6s,filter .6s;transform:translateY(1.5rem)}.devx-module__MPFX5W__revealVisible{opacity:1;filter:blur();transform:translateY(0)}.devx-module__MPFX5W__hero{text-align:center;border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);margin-bottom:2rem;padding:4rem 0 3rem}.devx-module__MPFX5W__heroTitle{color:var(--foreground);margin:0 0 .5rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.devx-module__MPFX5W__heroDesc{color:var(--text-muted);max-width:56ch;margin:0 auto;font-size:1rem;line-height:1.7}.devx-module__MPFX5W__heroMeter{background:color-mix(in srgb, var(--border) 50%, transparent);width:4rem;height:3px;margin:1.5rem auto 0;overflow:hidden}.devx-module__MPFX5W__heroMeterBar{background:var(--primary);width:50%;height:100%;animation:2s ease-in-out infinite devx-module__MPFX5W__meterPulse;display:block}@keyframes devx-module__MPFX5W__meterPulse{0%,to{transform:translate(0)}50%{transform:translate(100%)}}.devx-module__MPFX5W__heroStatRow{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1.5rem;display:flex}.devx-module__MPFX5W__heroStat{gap:.15rem;display:grid}.devx-module__MPFX5W__heroStatValue{color:var(--foreground);font-size:1.3rem;font-weight:800}.devx-module__MPFX5W__heroStatLabel{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.6rem}.devx-module__MPFX5W__heroBadgeRow{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.devx-module__MPFX5W__heroSub{color:var(--text-muted);max-width:62ch;margin:0 auto;padding-top:.75rem;font-size:.88rem;line-height:1.7}.devx-module__MPFX5W__heroBadge{border:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:color-mix(in srgb, var(--background) 94%, var(--card-bg) 6%);color:var(--text-muted);letter-spacing:.03em;padding:.25rem .6rem;font-size:.68rem;font-weight:600}.devx-module__MPFX5W__stage,.devx-module__MPFX5W__stageAlt{gap:1rem;margin-bottom:1rem;padding:2rem 0;display:grid}.devx-module__MPFX5W__stageAlt{border:1px solid color-mix(in srgb, var(--border) 40%, transparent);background:color-mix(in srgb, var(--background) 97%, var(--card-bg) 3%);padding:2rem 1rem}.devx-module__MPFX5W__stageTitle{color:var(--foreground);margin:0;font-size:1.3rem;font-weight:700}.devx-module__MPFX5W__stageDesc{color:var(--text-muted);max-width:60ch;margin:0;font-size:.9rem;line-height:1.6}.devx-module__MPFX5W__borderDemoGrid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:640px){.devx-module__MPFX5W__borderDemoGrid{grid-template-columns:1fr 1fr 1fr}}.devx-module__MPFX5W__demoBox{background:color-mix(in srgb, var(--background) 94%, var(--card-bg) 6%);gap:.25rem;padding:1rem;display:grid}.devx-module__MPFX5W__demoBoxTag{color:var(--foreground);font-size:.75rem;font-weight:700}.devx-module__MPFX5W__demoBoxValue{color:var(--text-muted);font-family:ui-monospace,monospace;font-size:.65rem}.devx-module__MPFX5W__demoBoxNote{color:var(--text-muted);margin-top:.25rem;font-size:.7rem;line-height:1.5}.devx-module__MPFX5W__demoBoxCode{color:var(--primary);white-space:pre-wrap;word-break:break-word;margin-top:.25rem;font-family:ui-monospace,monospace;font-size:.6rem}.devx-module__MPFX5W__paletteRow{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (min-width:480px){.devx-module__MPFX5W__paletteRow{grid-template-columns:repeat(6,1fr)}}.devx-module__MPFX5W__paletteSwatch{text-align:center;gap:.3rem;min-width:0;display:grid}.devx-module__MPFX5W__paletteBox{aspect-ratio:2;border-radius:4px;min-height:3rem}.devx-module__MPFX5W__paletteHex{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:.65rem;font-weight:600;overflow:hidden}.devx-module__MPFX5W__paletteName{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.devx-module__MPFX5W__paletteRole{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.devx-module__MPFX5W__paletteMeta{color:var(--text-muted);max-width:65ch;margin:0;font-size:.78rem;line-height:1.6}.devx-module__MPFX5W__paletteCompare{border-top:1px solid color-mix(in srgb, var(--border) 40%, transparent);margin-top:.5rem;padding-top:.75rem}.devx-module__MPFX5W__paletteCompareText{color:var(--text-muted);max-width:65ch;margin:0;font-size:.78rem;line-height:1.6}.devx-module__MPFX5W__typeDivider{background:color-mix(in srgb, var(--border) 40%, transparent);height:1px;margin:.25rem 0}.devx-module__MPFX5W__typeExtras{gap:.5rem;display:grid}.devx-module__MPFX5W__typeNote{align-items:baseline;gap:.75rem;display:flex}.devx-module__MPFX5W__typeNoteLabel{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;width:6rem;font-size:.7rem;font-weight:700}.devx-module__MPFX5W__typeNoteSample{color:var(--foreground)}.devx-module__MPFX5W__typeNoteSampleMuted{color:var(--text-muted)}.devx-module__MPFX5W__lineHeightDemo{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.devx-module__MPFX5W__lineHeightDemo{grid-template-columns:1fr 1fr 1fr}}.devx-module__MPFX5W__lhBlock{border:1px solid color-mix(in srgb, var(--border) 50%, transparent);background:color-mix(in srgb, var(--background) 94%, var(--card-bg) 6%);padding:.75rem}.devx-module__MPFX5W__lhLabel{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.35rem;font-size:.65rem;font-weight:700;display:block}.devx-module__MPFX5W__lhText{color:var(--foreground);margin:0;font-size:.82rem}.devx-module__MPFX5W__fontDemoGrid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.devx-module__MPFX5W__fontDemoGrid{grid-template-columns:1fr 1fr 1fr}}.devx-module__MPFX5W__fontCard{border:1px solid color-mix(in srgb, var(--border) 50%, transparent);background:color-mix(in srgb, var(--background) 94%, var(--card-bg) 6%);gap:.5rem;padding:1rem;display:grid}.devx-module__MPFX5W__fontTag{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:700}.devx-module__MPFX5W__fontUsage{color:var(--text-muted);font-size:.65rem}.devx-module__MPFX5W__fontSample{color:var(--foreground);margin:0;font-size:.9rem;line-height:1.7}.devx-module__MPFX5W__fontCss{color:var(--primary);font-family:ui-monospace,monospace;font-size:.6rem}.devx-module__MPFX5W__fontFamilyMeta,.devx-module__MPFX5W__spacingMeta,.devx-module__MPFX5W__compositionMeta,.devx-module__MPFX5W__surfaceMeta{color:var(--text-muted);max-width:65ch;margin:0;font-size:.78rem;line-height:1.6}.devx-module__MPFX5W__svgDemoRow{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.devx-module__MPFX5W__svgDemoRow{grid-template-columns:1fr 1fr}}.devx-module__MPFX5W__svgDemoCol{display:grid}.devx-module__MPFX5W__svgDemo{gap:.75rem;display:grid}.devx-module__MPFX5W__svgGraphic{border:1px solid color-mix(in srgb, var(--border) 50%, transparent);background:color-mix(in srgb, var(--background) 94%, var(--card-bg) 6%);width:100%;max-width:400px;height:auto;padding:.75rem}.devx-module__MPFX5W__svgLegend{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;font-size:.72rem;display:flex}.devx-module__MPFX5W__svgDot{vertical-align:middle;border-radius:50%;width:.5rem;height:.5rem;margin-right:.25rem;display:inline-block}.devx-module__MPFX5W__svgInlineNotes{gap:.5rem;display:grid}.devx-module__MPFX5W__svgNote{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.6}.devx-module__MPFX5W__svgInlineCode{color:var(--primary);font-family:ui-monospace,monospace;font-size:.72rem}.devx-module__MPFX5W__radiusDemo{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (min-width:480px){.devx-module__MPFX5W__radiusDemo{grid-template-columns:repeat(4,1fr)}}.devx-module__MPFX5W__radiusCard{text-align:center;gap:.3rem;display:grid}.devx-module__MPFX5W__radiusBox{aspect-ratio:2;background:var(--primary);opacity:.25;min-height:2.5rem}.devx-module__MPFX5W__radiusLabel{color:var(--foreground);font-size:.7rem;font-weight:600}.devx-module__MPFX5W__radiusValue{color:var(--text-muted);font-family:ui-monospace,monospace;font-size:.65rem}.devx-module__MPFX5W__radiusUsage{color:var(--text-muted);font-size:.6rem;line-height:1.4}.devx-module__MPFX5W__buttonDemo{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.devx-module__MPFX5W__btnPrimary,.devx-module__MPFX5W__btnSecondary,.devx-module__MPFX5W__btnGhost{cursor:default;border-radius:6px;padding:.6rem 1.25rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:opacity .2s}.devx-module__MPFX5W__btnPrimary{background:var(--primary);color:var(--background);border:none}.devx-module__MPFX5W__btnSecondary{color:var(--primary);border:1px solid var(--primary);background:0 0}.devx-module__MPFX5W__btnGhost{color:var(--text-muted);background:0 0;border:none}.devx-module__MPFX5W__btnPrimary:disabled,.devx-module__MPFX5W__btnSecondary:disabled,.devx-module__MPFX5W__btnGhost:disabled{opacity:.4;cursor:not-allowed}.devx-module__MPFX5W__btnPrimary:hover:not(:disabled),.devx-module__MPFX5W__btnSecondary:hover:not(:disabled),.devx-module__MPFX5W__btnGhost:hover:not(:disabled){opacity:.8}.devx-module__MPFX5W__buttonTierGrid{grid-template-columns:1fr;gap:.5rem;display:grid}@media (min-width:480px){.devx-module__MPFX5W__buttonTierGrid{grid-template-columns:1fr 1fr 1fr}}.devx-module__MPFX5W__buttonTier{border:1px solid color-mix(in srgb, var(--border) 40%, transparent);background:color-mix(in srgb, var(--background) 94%, var(--card-bg) 6%);gap:.15rem;padding:.6rem;display:grid}.devx-module__MPFX5W__buttonTierName{color:var(--foreground);font-size:.7rem;font-weight:700}.devx-module__MPFX5W__buttonTierAttr{color:var(--text-muted);font-size:.62rem}.devx-module__MPFX5W__buttonTierCode{color:var(--primary);white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,monospace;font-size:.6rem}.devx-module__MPFX5W__buttonMeta{color:var(--text-muted);max-width:65ch;margin:0;font-size:.78rem;line-height:1.6}.devx-module__MPFX5W__buttonMeta p{margin:0}.devx-module__MPFX5W__stageSubtitle{color:var(--foreground);margin:1.5rem 0 .25rem;font-size:1rem;font-weight:600}.devx-module__MPFX5W__fixedLightDemo,.devx-module__MPFX5W__fixedDarkDemo{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;padding:1rem;display:flex}.devx-module__MPFX5W__fixedLightDemo{background:#fff;border:1px solid #e5e7eb}.devx-module__MPFX5W__fixedDarkDemo{background:#0a0a0a;border:1px solid #27272a}.devx-module__MPFX5W__btnLightPrimary,.devx-module__MPFX5W__btnLightSecondary,.devx-module__MPFX5W__btnLightGhost{cursor:default;border-radius:6px;padding:.6rem 1.25rem;font-family:inherit;font-size:.82rem;font-weight:600}.devx-module__MPFX5W__btnLightPrimary{color:#fff;background:#4328a8;border:none}.devx-module__MPFX5W__btnLightSecondary{color:#4328a8;background:0 0;border:1px solid #4328a8}.devx-module__MPFX5W__btnLightGhost{color:#6b7280;background:0 0;border:none}.devx-module__MPFX5W__btnLightPrimary:disabled,.devx-module__MPFX5W__btnLightSecondary:disabled,.devx-module__MPFX5W__btnLightGhost:disabled{opacity:.4}.devx-module__MPFX5W__btnDarkPrimary,.devx-module__MPFX5W__btnDarkSecondary,.devx-module__MPFX5W__btnDarkGhost{cursor:default;border-radius:6px;padding:.6rem 1.25rem;font-family:inherit;font-size:.82rem;font-weight:600}.devx-module__MPFX5W__btnDarkPrimary{color:#0a0a0a;background:#fbbf24;border:none}.devx-module__MPFX5W__btnDarkSecondary{color:#fbbf24;background:0 0;border:1px solid #fbbf24}.devx-module__MPFX5W__btnDarkGhost{color:#9ca3af;background:0 0;border:none}.devx-module__MPFX5W__btnDarkPrimary:disabled,.devx-module__MPFX5W__btnDarkSecondary:disabled,.devx-module__MPFX5W__btnDarkGhost:disabled{opacity:.4}.devx-module__MPFX5W__buttonInlineCode{color:var(--primary);font-family:ui-monospace,monospace;font-size:.72rem}.devx-module__MPFX5W__colorTokenMeta{color:var(--text-muted);max-width:65ch;margin:0;font-size:.78rem;line-height:1.6}.devx-module__MPFX5W__tokenInlineCode{color:var(--primary);font-family:ui-monospace,monospace;font-size:.72rem}.devx-module__MPFX5W__tokenAppTable{gap:.35rem;margin-top:.5rem;display:grid;overflow-x:auto}.devx-module__MPFX5W__tokenAppRow{border:1px solid color-mix(in srgb, var(--border) 30%, transparent);background:color-mix(in srgb, var(--background) 94%, var(--card-bg) 6%);grid-template-columns:7rem 1.5rem 1fr;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.7rem;display:grid}.devx-module__MPFX5W__tokenAppToken{color:var(--primary);font-family:ui-monospace,monospace;font-weight:700}.devx-module__MPFX5W__tokenAppArrow{color:var(--text-muted);text-align:center}.devx-module__MPFX5W__tokenAppUse{color:var(--foreground)}.devx-module__MPFX5W__stageOutro{text-align:center;padding:3rem 0}.devx-module__MPFX5W__outroText{color:var(--text-muted);max-width:50ch;margin:0 auto;font-size:.95rem;font-style:italic;line-height:1.7}.devx-module__MPFX5W__outroSub{color:var(--text-muted);max-width:55ch;margin:1rem auto 0;font-size:.82rem;line-height:1.7}.devx-module__MPFX5W__footerNav{justify-content:center;gap:.75rem;padding:1.5rem 0 3rem;display:flex}.devx-module__MPFX5W__footerBtn{border:1px solid color-mix(in srgb, var(--border) 66%, transparent);width:2.25rem;height:2.25rem;color:var(--text-muted);justify-content:center;align-items:center;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.devx-module__MPFX5W__footerBtn:hover{color:var(--primary);border-color:var(--primary)}