.ux-ui-design_pageWrapper__0wX6N{min-height:100vh;padding:8rem 0 6rem;background:var(--bg-primary);position:relative}.ux-ui-design_titleBlock__iqfw1{text-align:center;margin-bottom:4rem}.ux-ui-design_tagline__bhCBz{font-family:var(--font-primary);font-weight:700;font-size:.8rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;display:block}.ux-ui-design_title__IRfTj{font-family:var(--font-primary);font-size:3.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.1}.ux-ui-design_desc__Bp_pF{font-family:var(--font-secondary);font-size:1.15rem;color:var(--text-secondary);max-width:700px;margin:1.5rem auto 0;line-height:1.6}.ux-ui-design_layoutGrid__gwBFD{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:3rem;gap:3rem;margin-bottom:4rem;align-items:center}.ux-ui-design_playgroundCard__uZOIC{background:rgba(13,18,37,.4);border:var(--border-glass);border-radius:var(--border-radius-lg);padding:2.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:2rem}.ux-ui-design_cardHeader__b73tD{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.ux-ui-design_cardTitle__HIzOG{font-family:var(--font-primary);font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.ux-ui-design_presetLabel__ZzOi9{font-family:var(--font-primary);font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.ux-ui-design_presetContainer__pJ_BR{display:flex;flex-direction:column;gap:.5rem}.ux-ui-design_themePresetRow__TeSqJ{display:flex;flex-wrap:wrap;gap:.5rem}.ux-ui-design_presetBtn__mLOYl{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);padding:.4rem .85rem;border-radius:var(--border-radius-full);font-family:var(--font-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ux-ui-design_presetBtn__mLOYl:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);color:var(--text-primary)}.ux-ui-design_presetBtnActive__FJFMD{background:rgba(168,85,247,.12);color:#FFFFFF}.ux-ui-design_controlsGrid__DnBHP{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.ux-ui-design_controlRow__NhLJO{display:flex;flex-direction:column;gap:.5rem}.ux-ui-design_controlHeader___aMJw{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;font-family:monospace}.ux-ui-design_controlName__UDzL9{color:var(--text-secondary)}.ux-ui-design_controlValue__0KX8j{color:var(--text-primary)}.ux-ui-design_sliderInput__W45Ym{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:rgba(255,255,255,.1);outline:none;cursor:pointer}.ux-ui-design_sliderInput__W45Ym::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#FFFFFF;border:1px solid var(--accent-primary);box-shadow:0 0 6px rgba(168,85,247,.5);-webkit-transition:transform .1s ease;transition:transform .1s ease}.ux-ui-design_sliderInput__W45Ym::-webkit-slider-thumb:hover{transform:scale(1.2)}.ux-ui-design_previewBox__Mlp7y{background:#040814;border:var(--border-light);border-radius:var(--border-radius-md);padding:2.5rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:280px}.ux-ui-design_previewBgBlob__mi0qy{position:absolute;width:140px;height:140px;border-radius:50%;filter:blur(40px);opacity:.4;pointer-events:none;transition:all .5s ease}.ux-ui-design_previewCard__gApAn{width:100%;max-width:380px;position:relative;z-index:2;transition:all .3s ease;display:flex;flex-direction:column;gap:1.25rem}.ux-ui-design_previewCardHeader__UgUWv{display:flex;justify-content:space-between;align-items:center}.ux-ui-design_previewBadge__M_Smv{font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:.25rem .6rem;border-radius:var(--border-radius-full)}.ux-ui-design_previewBadgeLive___vfw4{background:rgba(16,185,129,.1);color:#10B981;border:1px solid rgba(16,185,129,.2);display:flex;align-items:center;gap:.25rem}.ux-ui-design_previewDot__bchzR{width:6px;height:6px;border-radius:50%;background:#10B981;animation:ux-ui-design_pulse__3GTQD 1.5s infinite}.ux-ui-design_previewCardTitle__G4OWE{font-family:var(--font-primary);font-size:1.25rem;font-weight:700;color:#FFFFFF}.ux-ui-design_previewCardDesc__yIqan{font-family:var(--font-secondary);font-size:.8rem;color:var(--text-secondary);line-height:1.5}.ux-ui-design_previewMetricsGrid__jUMtL{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.ux-ui-design_previewMetricItem__Q2HcM{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);padding:.75rem;border-radius:var(--border-radius-sm);text-align:center}.ux-ui-design_previewMetricVal__UZl6m{font-family:var(--font-primary);font-size:1.1rem;font-weight:800;color:#FFFFFF}.ux-ui-design_previewMetricLabel__eoGth{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}.ux-ui-design_previewActionBtn__A1JKw{text-align:center;font-family:var(--font-primary);font-size:.8rem;font-weight:700;padding:.65rem;border:none;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.ux-ui-design_previewActionBtn__A1JKw:hover{opacity:.9;transform:translateY(-1px)}.ux-ui-design_rightIntro__9njxW{display:flex;flex-direction:column}.ux-ui-design_capabilitiesIntroCard__o8vMm{background:rgba(13,18,37,.3);border:var(--border-glass);border-radius:var(--border-radius-lg);padding:2.5rem;display:flex;flex-direction:column;gap:1.25rem}.ux-ui-design_capIcon__utvE7{width:36px;height:36px}.ux-ui-design_capabilitiesIntroCard__o8vMm h4{font-family:var(--font-primary);font-size:1.35rem;font-weight:800;color:#FFFFFF}.ux-ui-design_capabilitiesIntroCard__o8vMm p{font-size:1rem;color:var(--text-secondary);line-height:1.6}.ux-ui-design_exporterSection__uY_8F{padding:6rem 0;border-top:var(--border-light);background:rgba(4,8,20,.3)}.ux-ui-design_sectionHeader__LgAzx{text-align:center;margin-bottom:4rem}.ux-ui-design_sectionTag__IFwtZ{font-family:var(--font-primary);font-weight:700;font-size:.8rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem;display:block}.ux-ui-design_sectionTitle__DplnK{font-family:var(--font-primary);font-size:2.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem}.ux-ui-design_sectionDesc___veAk{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem}.ux-ui-design_exporterCard__Wibt_{background:rgba(13,18,37,.4);border:var(--border-glass);border-radius:var(--border-radius-xl);padding:2.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:900px;margin:2rem auto 0}.ux-ui-design_exporterTabs__MypXc{display:flex;flex-wrap:wrap;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1.25rem;margin-bottom:1.5rem;align-items:center}.ux-ui-design_tabBtn___nGG5{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:.5rem 1.25rem;border-radius:var(--border-radius-md);font-family:var(--font-primary);font-weight:700;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .25s ease}.ux-ui-design_tabBtn___nGG5:hover{color:#FFFFFF;background:rgba(255,255,255,.03)}.ux-ui-design_tabBtnActive__qLvly{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.2);color:#FFFFFF}.ux-ui-design_copyBtn__2Ki66{margin-left:auto;background:#FFFFFF;color:#040814;border:none;padding:.5rem 1.25rem;border-radius:var(--border-radius-md);font-family:var(--font-primary);font-weight:700;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.ux-ui-design_copyBtn__2Ki66:hover{background:var(--accent-primary);color:#FFFFFF}.ux-ui-design_codeOutputBox__onkeq{background:#040814;border:var(--border-light);border-radius:var(--border-radius-md);padding:1.5rem}.ux-ui-design_codeBlock__LYjih{margin:0;font-family:monospace;font-size:.85rem;color:#a855f7;overflow-x:auto}.ux-ui-design_bentoSection__XFIal{padding:6rem 0;border-top:var(--border-light);background:var(--bg-primary)}.ux-ui-design_bentoContainer__qi_3U{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-top:2rem}.ux-ui-design_bentoCard__6KKsJ{background:rgba(13,18,37,.3);border:var(--border-glass);border-radius:var(--border-radius-xl);padding:2.25rem;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease}.ux-ui-design_bentoCard__6KKsJ:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.25)}.ux-ui-design_cardSmall__YHFGt{grid-column:span 1}.ux-ui-design_cardWide__pOhuA{grid-column:span 2}.ux-ui-design_cardHeaderSmall__9Zo_S{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-primary);font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.ux-ui-design_bentoIcon__EMPp1{color:var(--accent-primary);opacity:.8}.ux-ui-design_bentoCard__6KKsJ h4{font-family:var(--font-primary);font-size:1.25rem;font-weight:800;color:#FFFFFF;margin-bottom:.5rem}.ux-ui-design_bentoCard__6KKsJ p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem}.ux-ui-design_simulatedWireframe__4Z_7D{margin-top:auto;border:1px dashed rgba(255,255,255,.15);border-radius:var(--border-radius-sm);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.ux-ui-design_wireRow__EiYNb{background:rgba(255,255,255,.05);height:6px;border-radius:var(--border-radius-full)}.ux-ui-design_wireGrid__j167s{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin-top:.25rem}.ux-ui-design_wireBox___lfBO{border:1px dashed rgba(255,255,255,.15);height:40px;border-radius:var(--border-radius-sm)}.ux-ui-design_simulatedLibrary__nh1PR{margin-top:auto;display:flex;flex-wrap:wrap;gap:.5rem;background:#040814;padding:1rem;border-radius:var(--border-radius-md);border:var(--border-light)}.ux-ui-design_libraryBadge__jBnFF{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-family:var(--font-primary);font-size:.65rem;font-weight:700;padding:.3rem .6rem;border-radius:var(--border-radius-full);color:var(--text-secondary)}.ux-ui-design_simulatedEasing__lwJkE{margin-top:auto;background:#040814;border:var(--border-light);border-radius:var(--border-radius-md);padding:1rem;display:flex;justify-content:center}.ux-ui-design_easingSvg__lJ_wq{width:100%;max-width:200px}.ux-ui-design_simulatedCodeLines__9u4a0{margin-top:auto;font-family:monospace;font-size:.7rem;background:#040814;border:var(--border-light);border-radius:var(--border-radius-md);padding:1rem;display:flex;flex-direction:column;gap:.25rem}.ux-ui-design_codeLine__p192k{color:var(--text-secondary)}.ux-ui-design_caseStudySection__tJ_iP{background:rgba(13,18,37,.2);border-top:var(--border-light);border-bottom:var(--border-light);padding:5rem 0;text-align:center}.ux-ui-design_caseCard__nmX3m{max-width:800px;margin:0 auto;background:radial-gradient(circle at top right,rgba(168,85,247,.04),transparent 70%),rgba(13,18,37,.4);border:1px solid rgba(168,85,247,.15);border-radius:var(--border-radius-xl);padding:3.5rem}@keyframes ux-ui-design_pulse__3GTQD{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1;box-shadow:0 0 6px rgba(16,185,129,.5)}to{transform:scale(1);opacity:.8}}@media (max-width:1024px){.ux-ui-design_layoutGrid__gwBFD{grid-template-columns:1fr;gap:3rem}.ux-ui-design_bentoContainer__qi_3U{grid-template-columns:1fr}.ux-ui-design_cardWide__pOhuA{grid-column:span 1}}@media (max-width:768px){.ux-ui-design_title__IRfTj{font-size:2.5rem}.ux-ui-design_playgroundCard__uZOIC{padding:1.5rem}.ux-ui-design_controlsGrid__DnBHP{grid-template-columns:1fr;gap:1rem}.ux-ui-design_previewBox__Mlp7y{padding:1.5rem}.ux-ui-design_caseCard__nmX3m{padding:2rem 1.25rem}.ux-ui-design_exporterCard__Wibt_{padding:1.5rem}.ux-ui-design_copyBtn__2Ki66{margin-left:0;width:100%;justify-content:center}}