:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--catalog-bg: #fafafa;--catalog-surface: #ffffff;--catalog-border: #e5e7eb;--catalog-border-hover: #d1d5db;--catalog-text-primary: #111827;--catalog-text-secondary: #6b7280;--catalog-text-tertiary: #9ca3af;--catalog-accent: #2563eb;--catalog-accent-hover: #1d4ed8;--catalog-radius: 8px;--catalog-radius-lg: 12px;--catalog-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--catalog-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--catalog-shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--catalog-transition: .15s cubic-bezier(.4, 0, .2, 1)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--catalog-bg);color:var(--catalog-text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible{outline:2px solid var(--catalog-accent);outline-offset:2px}.demo-frame{--df-bg: #0b0d12;--df-panel: #14171f;--df-border: #262b36;--df-text: #e8eaf0;--df-muted: #8b93a7;min-height:100vh;background:radial-gradient(1200px 600px at 50% -10%,rgba(212,175,55,.08),transparent 60%),var(--df-bg);color:var(--df-text);display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.df-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 20px;background:#0e1117d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--df-border)}.df-meta{display:flex;flex-direction:column;min-width:0;margin-right:auto}.df-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.df-subtitle{font-size:12px;color:var(--df-muted)}.df-tiers{display:flex;gap:6px;padding:4px;background:var(--df-panel);border:1px solid var(--df-border);border-radius:12px}.df-tier{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:74px;padding:7px 14px;border:none;border-radius:8px;background:transparent;color:var(--df-muted);cursor:pointer;transition:all .16s ease}.df-tier:hover{color:var(--df-text);background:#ffffff0a}.df-tier.is-active{background:var(--df-accent);color:#0b0d12;box-shadow:0 4px 14px -4px var(--df-accent)}.df-tier-name{font-size:12.5px;font-weight:700}.df-tier-price{font-size:11px;font-weight:600;opacity:.85}.df-viewtoggle{display:flex;gap:4px;padding:4px;background:var(--df-panel);border:1px solid var(--df-border);border-radius:10px}.df-view{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:none;border-radius:7px;background:transparent;color:var(--df-muted);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .16s ease}.df-view:hover{color:var(--df-text)}.df-view.is-active{background:var(--df-accent);color:#0b0d12}.df-stage{flex:1;display:flex;justify-content:center;padding:28px 20px 56px}.df-device{width:100%;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000004d,0 30px 80px -20px #0009;transition:max-width .32s cubic-bezier(.4,0,.2,1)}.df-stage.is-desktop .df-device{max-width:1200px}.df-stage.is-mobile .df-device{max-width:390px;border-radius:40px;padding:12px;background:#0b0d12;border:1px solid #2a2f3a;box-shadow:0 0 0 2px #1a1d24,0 30px 80px -20px #000000b3}.df-chrome{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f1f2f4;border-bottom:1px solid #e2e4e8}.df-dot{width:11px;height:11px;border-radius:50%}.df-dot--r{background:#ff5f57}.df-dot--y{background:#febc2e}.df-dot--g{background:#28c840}.df-address{flex:1;margin-left:10px;padding:5px 12px;background:#fff;border-radius:7px;font-size:12px;color:#6b7280;border:1px solid #e2e4e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.df-notch{height:26px;display:flex;justify-content:center;align-items:flex-start}.df-notch:before{content:"";width:120px;height:22px;background:#0b0d12;border-radius:0 0 16px 16px}.df-canvas{container-type:inline-size;container-name:product;background:#fff;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.df-canvas.is-mobile{border-radius:28px;max-height:78vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.df-canvas.is-desktop{max-height:82vh;overflow-y:auto}.df-canvas::-webkit-scrollbar{width:0;height:0;display:none}@media(max-width:720px){.df-toolbar{gap:10px}.df-meta{width:100%;margin-right:0}.df-stage{padding:16px 10px 40px}}:root,[data-theme=light]{--color-background: #fafafa;--color-surface: #ffffff;--color-text: #111827;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-primary: #2563eb;--color-accent-orange: #f59e0b;--color-accent-green: #10b981;--color-accent-blue: #3b82f6}[data-theme=dark]{--color-background: #0f172a;--color-surface: #1e293b;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-border: #334155;--color-primary: #3b82f6;--color-accent-orange: #fb923c;--color-accent-green: #34d399;--color-accent-blue: #60a5fa}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background);color:var(--color-text);transition:background-color .3s ease,color .3s ease}