.landing-nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb,var(--sb-bg) 88%,transparent);border-bottom:1px solid var(--sb-divider);transition:background .3s ease,border-color .3s ease}.landing-nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.landing-nav-links{display:flex;align-items:center;gap:28px}.landing-nav-link{font-size:14px;font-weight:500;color:var(--sb-text-secondary);transition:color .15s ease}.landing-nav-link:hover{color:var(--sb-text)}.hero-section{padding:96px 0 72px;position:relative;overflow:hidden}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--sb-primary) 18%,transparent);border:1px solid color-mix(in srgb,var(--sb-primary-light) 40%,transparent);padding:6px 16px;border-radius:var(--sb-radius-full);font-size:12px;font-weight:600;color:var(--sb-gold);letter-spacing:.05em;margin-bottom:24px;transition:all .3s ease}.hero-title{font-size:clamp(34px,5.5vw,62px);font-weight:800;letter-spacing:-.03em;line-height:1.12;max-width:20ch;margin-bottom:24px;text-wrap:balance}.hero-lede{font-size:clamp(16px,2vw,19px);color:var(--sb-text-secondary);max-width:58ch;line-height:1.68;margin-bottom:40px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:52px}.hero-mockup-wrapper{position:relative;border-radius:var(--sb-radius-xl);background:linear-gradient(180deg,#ffffff0f,#0006);border:1px solid var(--sb-border-glass);padding:24px;box-shadow:0 24px 60px #0009;transition:box-shadow .3s ease}.mockup-header-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--sb-divider)}.device-switcher{display:inline-flex;background:var(--sb-surface);border:1px solid var(--sb-surface-border);border-radius:var(--sb-radius-full);padding:4px;gap:4px}.device-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--sb-radius-full);font-size:12.5px;font-weight:600;color:var(--sb-text-muted);transition:all .15s ease}.device-btn.active{background:var(--sb-primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--sb-primary) 40%,transparent)}.mockup-screen{background:#000;border-radius:var(--sb-radius-md);overflow:hidden;position:relative;aspect-ratio:16 / 9;border:1px solid rgba(255,255,255,.08)}.section-wrap{padding:104px 0;border-top:1px solid var(--sb-divider)}.section-head{text-align:center;max-width:680px;margin:0 auto 64px}.section-tag{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sb-gold-soft);margin-bottom:12px;display:block}.section-title{font-size:clamp(26px,3.8vw,42px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;line-height:1.2}.section-desc{font-size:16px;color:var(--sb-text-secondary);line-height:1.68}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.feature-card{background:var(--sb-surface);border:1px solid var(--sb-surface-border);border-radius:var(--sb-radius-md);padding:32px 28px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--sb-primary-light) 60%,var(--sb-surface-border));box-shadow:0 16px 40px #00000059,0 0 25px color-mix(in srgb,var(--sb-primary) 15%,transparent)}.feature-icon-box{width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--sb-primary) 18%,transparent);border:1px solid color-mix(in srgb,var(--sb-primary-light) 35%,transparent);color:var(--sb-primary-light);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s ease}.feature-title{font-size:18px;font-weight:700;margin-bottom:10px;color:var(--sb-text)}.feature-desc{font-size:14.5px;color:var(--sb-text-secondary);line-height:1.68}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.theme-card{background:var(--sb-surface);border:1px solid var(--sb-surface-border);border-radius:var(--sb-radius-md);overflow:hidden;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease}.theme-card:hover,.theme-card.active{transform:translateY(-3px);border-color:var(--sb-gold);box-shadow:0 12px 30px #0006,0 0 20px color-mix(in srgb,var(--sb-gold) 20%,transparent)}.theme-card-vis{height:84px;position:relative;padding:12px;display:flex;flex-direction:column;justify-content:space-between}.theme-card-body{padding:12px 14px;border-top:1px solid var(--sb-surface-border)}.theme-card-name{font-family:var(--sb-font-display);font-weight:700;font-size:14px;color:var(--sb-text)}.theme-card-tier{font-size:10px;font-family:var(--sb-font-mono);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-top:4px;display:block}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:stretch}.pricing-card{background:var(--sb-surface);border:1px solid var(--sb-surface-border);border-radius:var(--sb-radius-lg);padding:36px 28px;display:flex;flex-direction:column;position:relative;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease}.pricing-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--sb-primary-light) 50%,var(--sb-surface-border));box-shadow:0 18px 45px #0006}.pricing-card.featured{border-color:var(--sb-gold);background:linear-gradient(180deg,color-mix(in srgb,var(--sb-deep) 65%,transparent) 0%,var(--sb-surface) 100%);box-shadow:0 16px 40px color-mix(in srgb,var(--sb-gold) 15%,transparent)}.pricing-plan-name{font-size:20px;font-weight:700;color:var(--sb-text);margin-bottom:8px}.pricing-price-wrap{display:flex;align-items:baseline;gap:6px;margin:16px 0 24px}.pricing-price{font-size:40px;font-weight:800;font-family:var(--sb-font-display);color:var(--sb-text)}.pricing-period{font-size:14px;color:var(--sb-text-muted)}.pricing-features-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;flex:1}.pricing-feature-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--sb-text-secondary)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.faq-item{background:var(--sb-surface);border:1px solid var(--sb-surface-border);border-radius:var(--sb-radius-md);overflow:hidden;transition:border-color .2s ease}.faq-item:hover{border-color:color-mix(in srgb,var(--sb-primary-light) 40%,var(--sb-surface-border))}.faq-question{width:100%;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15.5px;font-weight:600;color:var(--sb-text);text-align:left}.faq-answer{padding:0 24px 22px;font-size:14.5px;color:var(--sb-text-secondary);line-height:1.68}.landing-footer{padding:64px 0 40px;border-top:1px solid var(--sb-divider);background:color-mix(in srgb,var(--sb-bg) 95%,black);transition:background .3s ease,border-color .3s ease}.footer-disclaimer-note{border:1px solid color-mix(in srgb,var(--sb-gold) 25%,var(--sb-surface-border));background:color-mix(in srgb,var(--sb-gold) 4%,var(--sb-surface));border-radius:var(--sb-radius-md);padding:16px 20px;margin-bottom:40px;font-size:13px;color:var(--sb-text-secondary)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);font-size:12.5px;color:var(--sb-text-muted)}@media(max-width:768px){.landing-nav-links{display:none}.hero-section{padding:48px 0}.section-wrap{padding:64px 0}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions button{width:100%}}.admin-layout{display:flex;min-height:100vh;background-color:#0b0505;color:var(--sb-text)}.admin-sidebar{width:260px;background-color:var(--sb-surface);border-right:1px solid var(--sb-divider);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:50;transition:width .2s ease}.admin-sidebar-header{padding:24px 20px;border-bottom:1px solid var(--sb-divider);display:flex;align-items:center;gap:12px}.admin-sidebar-nav{padding:20px 12px;display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--sb-radius-md);font-size:13.5px;font-weight:500;color:var(--sb-text-secondary);transition:background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.admin-nav-item:hover{background-color:var(--sb-surface-light);color:var(--sb-text)}.admin-nav-item.active{background-color:color-mix(in srgb,var(--sb-primary) 25%,transparent);color:#fff;font-weight:600;border:1px solid color-mix(in srgb,var(--sb-primary-light) 40%,transparent)}.admin-sidebar-footer{padding:16px 12px;border-top:1px solid var(--sb-divider)}.admin-main{flex:1;display:flex;flex-direction:column;min-width:0}.admin-header{height:70px;background-color:color-mix(in srgb,var(--sb-bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--sb-divider);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40}.admin-content{padding:32px;flex:1}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-bottom:32px}.admin-stat-card{background-color:var(--sb-surface);border:1px solid var(--sb-surface-border);border-radius:var(--sb-radius-md);padding:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;transition:transform .15s ease,border-color .15s ease}.admin-stat-card:hover{transform:translateY(-2px);border-color:var(--sb-primary-light)}.admin-stat-value{font-size:28px;font-weight:800;font-family:var(--sb-font-display);color:var(--sb-text);margin:6px 0 4px;letter-spacing:-.02em}.admin-stat-label{font-size:13px;color:var(--sb-text-muted);font-weight:500}.admin-stat-icon-box{width:44px;height:44px;border-radius:12px;background-color:var(--sb-surface-light);border:1px solid var(--sb-surface-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-table-container{background-color:var(--sb-surface);border:1px solid var(--sb-surface-border);border-radius:var(--sb-radius-md);overflow:hidden}.admin-table-header-bar{padding:20px 24px;border-bottom:1px solid var(--sb-divider);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.admin-table-title{font-size:17px;font-weight:700;color:var(--sb-text)}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{padding:14px 20px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sb-text-muted);background-color:#00000040;border-bottom:1px solid var(--sb-divider);white-space:nowrap}.admin-table td{padding:16px 20px;font-size:13.5px;color:var(--sb-text-secondary);border-bottom:1px solid rgba(61,32,32,.5);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:#ffffff05}.admin-table-code{font-family:var(--sb-font-mono);font-size:12.5px;background-color:var(--sb-surface-light);padding:3px 8px;border-radius:6px;color:var(--sb-gold);border:1px solid rgba(255,217,61,.15);display:inline-block}.admin-tabs{display:flex;gap:4px;border-bottom:1px solid var(--sb-divider);margin-bottom:24px}.admin-tab-btn{padding:12px 20px;font-size:14px;font-weight:600;color:var(--sb-text-muted);border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease;cursor:pointer}.admin-tab-btn:hover{color:var(--sb-text)}.admin-tab-btn.active{color:var(--sb-text);border-bottom-color:var(--sb-primary-light)}@media(max-width:900px){.admin-sidebar{width:70px}.admin-sidebar .sidebar-text{display:none}.admin-header{padding:0 16px}.admin-content{padding:20px 16px}}:root{--sb-bg: #0F0707;--sb-deep: #2A0407;--sb-surface: #1E1212;--sb-surface-light: #321C1C;--sb-surface-border: #452828;--sb-primary: #9B1B30;--sb-primary-light: #B91C3A;--sb-primary-dark: #5C0017;--sb-gold: #FFD93D;--sb-gold-warm: #FFAA33;--sb-gold-soft: #E2B340;--sb-text: #F5F5F5;--sb-text-secondary: #B0B8C4;--sb-text-muted: #8892A0;--sb-text-disabled: #6B7888;--sb-divider: #3D2020;--sb-border-glass: rgba(255, 255, 255, .1);--sb-live: #FF3B3B;--sb-error: #FF4757;--sb-success: #2ED573;--sb-warning: #FFD93D;--sb-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sb-font-display: "Manrope", var(--sb-font-sans);--sb-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sb-gradient-page: linear-gradient(180deg, #2A0407 0%, #0F0707 780px);--sb-gradient-hero: linear-gradient(180deg, rgba(42, 4, 7, .85) 0%, rgba(0, 0, 0, .95) 100%);--sb-gradient-primary: linear-gradient(135deg, #B91C3A 0%, #5C0017 100%);--sb-gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(0, 0, 0, .04) 100%);--sb-gradient-premium: linear-gradient(90deg, #FFD93D 0%, #FFAA33 100%);--sb-radius-sm: 8px;--sb-radius-md: 16px;--sb-radius-lg: 32px;--sb-radius-xl: 48px;--sb-radius-full: 9999px;--sb-transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;background-color:var(--sb-bg);background-image:var(--sb-gradient-page);background-repeat:no-repeat;color:var(--sb-text);font-family:var(--sb-font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s cubic-bezier(.4,0,.2,1),background-image .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6{font-family:var(--sb-font-display);color:var(--sb-text);line-height:1.2}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}img,svg{display:block;max-width:100%}:focus-visible{outline:3px solid #FFFFFF!important;outline-offset:2px!important}::selection{background-color:var(--sb-primary-light);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--sb-bg)}::-webkit-scrollbar-thumb{background:var(--sb-surface-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--sb-primary)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-gradient-gold{background:var(--sb-gradient-premium);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge-premium{display:inline-flex;align-items:center;gap:6px;background:var(--sb-gradient-premium);color:#000000e6;border-radius:var(--sb-radius-full);padding:4px 10px;font-family:var(--sb-font-sans);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.badge-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--sb-text)}.badge-live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sb-live);box-shadow:0 0 8px #ff3b3b99;animation:pulse-live 2s infinite}@keyframes pulse-live{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.8}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}