*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:var(--body-weight);color:var(--text);background:var(--bg);transition:background var(--transition), color var(--transition);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--heading-weight);text-transform:var(--heading-transform);letter-spacing:var(--heading-tracking);color:var(--text-heading);line-height:1.1}.app-toolbars{z-index:1000;position:sticky;top:0}.toolbar-collapse-btn{color:#888;cursor:pointer;z-index:10;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-family:Inter,sans-serif;transition:all .15s;display:flex;position:absolute;bottom:6px;right:12px}.toolbar-collapse-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.toolbar-collapsed{cursor:pointer;background:#111;border-bottom:1px solid #ffffff14;font-family:Inter,sans-serif;transition:background .15s}.toolbar-collapsed:hover{background:#161616}.toolbar-collapsed-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:7px 24px;display:flex}.toolbar-collapsed-info{align-items:center;gap:10px;display:flex}.toolbar-collapsed-swatches{gap:2px;display:flex}.toolbar-collapsed-swatch{border:1px solid #ffffff26;border-radius:50%;width:10px;height:10px}.toolbar-collapsed-label{color:#ddd;font-size:13px;font-weight:600}.toolbar-collapsed-sep{background:#ffffff26;width:1px;height:14px}.toolbar-collapsed-emoji{font-size:13px;line-height:1}.toolbar-collapsed-hint{color:#666;align-items:center;gap:6px;font-size:11px;transition:color .15s;display:flex}.toolbar-collapsed:hover .toolbar-collapsed-hint{color:#999}.app-content-frame{position:relative}.app-layout{flex-direction:column;min-height:100vh;display:flex}.theme-switcher{background:#111;border-bottom:1px solid #ffffff14;padding:12px 0;font-family:Inter,sans-serif}.theme-switcher-inner{align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.theme-switcher-label{color:#fff;flex-shrink:0;align-items:center;gap:10px;display:flex}.theme-switcher-icon{color:#888;display:flex}.theme-switcher-current{color:#fff;min-width:150px;font-size:14px;font-weight:600}.theme-nav-arrows{gap:4px;display:flex}.theme-arrow{color:#999;background:0 0;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.theme-arrow:hover{color:#fff;background:#ffffff14;border-color:#fff3}.theme-carousel-wrapper{flex:1;min-width:0;position:relative;overflow:hidden}.theme-carousel-fade{z-index:2;pointer-events:none;width:40px;position:absolute;top:0;bottom:0}.theme-carousel-fade-left{background:linear-gradient(90deg,#111,#0000);left:0}.theme-carousel-fade-right{background:linear-gradient(270deg,#111,#0000);right:0}.theme-pills{will-change:transform;white-space:nowrap;gap:6px;padding:2px 0;display:flex}.theme-pill{color:#666;white-space:nowrap;background:0 0;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .2s;display:flex}.theme-pill:hover{color:#bbb;background:#ffffff0f;border-color:#ffffff26}.theme-pill-active{color:#fff;background:#ffffff1f;border-color:#ffffff4d;transform:scale(1.05)}.theme-pill-swatches{gap:2px;display:flex}.theme-pill-swatch{border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;width:10px;height:10px}.theme-pill-name{line-height:1}.navbar{z-index:100;transition:all var(--transition);padding:16px 24px;position:sticky;top:0}.navbar-inner{background:var(--nav-bg);border:var(--nav-border);border-radius:var(--nav-radius);-webkit-backdrop-filter:blur(16px);max-width:1200px;transition:all var(--transition);justify-content:space-between;align-items:center;margin:0 auto;padding:10px 20px;display:flex}.nav-logo{color:var(--text-heading);transition:color var(--transition);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.nav-logo-icon{background:var(--accent);width:32px;height:32px;color:var(--text-on-accent);border-radius:var(--radius);font-size:12px;font-weight:800;font-family:var(--font-heading);transition:all var(--transition);justify-content:center;align-items:center;display:inline-flex}.nav-logo-text{font-family:var(--font-heading);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking)}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--btn-radius);color:var(--text);transition:all var(--transition);cursor:pointer;align-items:center;padding:6px 14px;font-size:14px;font-weight:500;display:inline-flex}.nav-link:hover{color:var(--link-hover);background:var(--accent-light)}.nav-link-active{color:var(--accent);background:var(--accent-light)}.nav-actions{align-items:center;gap:8px;display:flex}.nav-hamburger{border-radius:var(--radius);border:var(--border-width) solid var(--border-color);background:var(--bg-card);width:36px;height:36px;color:var(--text-heading);cursor:pointer;transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:none}.nav-hamburger:hover{background:var(--accent-light);color:var(--accent)}.nav-mobile-menu{border-top:var(--border-width) solid var(--border-color);flex-direction:column;gap:8px;padding:12px 20px 20px;animation:.2s mobileMenuIn;display:flex}@keyframes mobileMenuIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-mobile-links{flex-direction:column;gap:2px;display:flex}.nav-mobile-link{border-radius:var(--radius);color:var(--text);transition:all var(--transition);padding:10px 14px;font-size:15px;font-weight:500;display:block}.nav-mobile-link:hover{background:var(--accent-light);color:var(--link-hover)}.nav-mobile-link-active{color:var(--accent);background:var(--accent-light)}.nav-mobile-actions{border-top:var(--border-width) solid var(--border-color);flex-direction:column;gap:8px;padding-top:8px;display:flex}.nav-mobile-cta{justify-content:center;width:100%}@media (width<=900px){.nav-links,.nav-actions{display:none}.nav-hamburger{display:flex}}.nav-dropdown{position:relative}.nav-dropdown-trigger{gap:2px}.nav-dropdown-menu{background:var(--dropdown-bg);border:var(--dropdown-border);border-radius:var(--card-radius);min-width:220px;box-shadow:var(--dropdown-shadow);z-index:200;-webkit-backdrop-filter:blur(20px);padding:8px;animation:.15s dropdownIn;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes dropdownIn{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.nav-dropdown-item{border-radius:var(--radius);text-align:left;width:100%;transition:all var(--transition);cursor:pointer;flex-direction:column;padding:10px 14px;display:flex}.nav-dropdown-item:hover{background:var(--accent-light)}.nav-dropdown-item-label{color:var(--text-heading);font-size:14px;font-weight:600}.nav-dropdown-item-desc{color:var(--text);margin-top:2px;font-size:12px}.btn{font-family:var(--font-body);border-radius:var(--btn-radius);transition:all var(--transition);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-sm{padding:8px 18px;font-size:14px}.btn-lg{padding:14px 28px;font-size:16px}.btn-primary{background:var(--accent);color:var(--text-on-accent);border:var(--btn-border);box-shadow:var(--btn-shadow)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-heading);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-sm);background:0 0}.btn-secondary:hover{background:var(--accent-light)}.hero{text-align:center;padding:100px 24px 80px;position:relative;overflow:hidden}.hero-bg{background:var(--hero-gradient);pointer-events:none;transition:background var(--transition);position:absolute;inset:0}.hero-content{max-width:800px;margin:0 auto;position:relative}.hero-badge{border-radius:var(--radius-full);border:var(--border-width) solid var(--border-color);color:var(--text);background:var(--bg-card);transition:all var(--transition);align-items:center;gap:8px;margin-bottom:32px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{transition:all var(--transition);margin-bottom:24px;font-size:clamp(40px,6vw,72px);line-height:1.05}.hero-title-accent{color:var(--accent);transition:color var(--transition)}.hero-subtitle{color:var(--text);max-width:600px;transition:color var(--transition);margin:0 auto 40px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:60px;display:flex}.hero-stats{justify-content:center;align-items:center;gap:32px;display:flex}.hero-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.hero-stat-number{font-family:var(--font-heading);font-weight:var(--heading-weight);color:var(--text-heading);letter-spacing:var(--heading-tracking);transition:color var(--transition);font-size:28px}.hero-stat-label{color:var(--text);transition:color var(--transition);font-size:13px;font-weight:500}.hero-stat-divider{background:var(--border-color);width:1px;height:40px;transition:background var(--transition)}.section-header{text-align:center;margin-bottom:60px}.section-label{border-radius:var(--radius-full);border:var(--border-width) solid var(--border-color);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);transition:all var(--transition);margin-bottom:16px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.section-title{transition:all var(--transition);margin-bottom:16px;font-size:clamp(28px,4vw,44px)}.section-subtitle{color:var(--text);max-width:560px;transition:color var(--transition);margin:0 auto;font-size:17px;line-height:1.7}.features{padding:0 24px;padding-top:var(--section-gap);padding-bottom:var(--section-gap);background:var(--bg-secondary);transition:background var(--transition)}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:all var(--transition);padding:32px}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{border-radius:var(--radius);background:var(--accent-light);width:48px;height:48px;color:var(--accent);transition:all var(--transition);justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.feature-title{transition:all var(--transition);margin-bottom:10px;font-size:18px}.feature-description{color:var(--text);transition:color var(--transition);font-size:14px;line-height:1.65}.testimonials{padding:var(--section-gap) 24px;transition:all var(--transition)}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.testimonial-card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:all var(--transition);flex-direction:column;gap:20px;padding:32px;display:flex}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.testimonial-stars{gap:2px;display:flex}.testimonial-quote{color:var(--text);transition:color var(--transition);flex:1;font-size:15px;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{border-radius:var(--radius);background:var(--accent);width:40px;height:40px;color:var(--text-on-accent);transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.testimonial-name{color:var(--text-heading);transition:color var(--transition);font-size:14px;font-weight:600}.testimonial-role{color:var(--text);transition:color var(--transition);font-size:13px}.cta-section{padding:var(--section-gap) 24px;background:var(--bg-secondary);transition:background var(--transition)}.cta-inner{text-align:center;max-width:700px;margin:0 auto}.cta-title{transition:all var(--transition);margin-bottom:16px;font-size:clamp(28px,4vw,44px)}.cta-subtitle{color:var(--text);transition:color var(--transition);margin-bottom:36px;font-size:17px;line-height:1.7}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.footer{background:var(--bg-dark);color:var(--text-on-dark);transition:all var(--transition);margin-top:auto;padding:64px 24px 0}.footer-inner{justify-content:space-between;gap:60px;max-width:1200px;margin:0 auto;padding-bottom:48px;display:flex}.footer-brand{max-width:280px}.footer-logo{font-family:var(--font-heading);font-weight:var(--heading-weight);color:var(--text-heading);align-items:center;gap:10px;margin-bottom:12px;font-size:18px;display:flex}.footer-logo .nav-logo-icon{width:28px;height:28px;font-size:10px}.footer-tagline{opacity:.6;font-size:14px;line-height:1.6}.footer-links{gap:48px;display:flex}.footer-col-title{text-transform:uppercase;letter-spacing:.08em;opacity:.5;margin-bottom:16px;font-size:12px;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;display:flex}.footer-col a{opacity:.65;font-size:14px;transition:opacity .2s}.footer-col a:hover{opacity:1}.footer-bottom{border-top:1px solid #ffffff14;max-width:1200px;margin:0 auto;padding:20px 0}.footer-bottom p{opacity:.4;text-align:center;font-size:13px}.prompt-page{flex:1;padding:60px 24px}.prompt-page-inner{max-width:900px;margin:0 auto}.prompt-back{color:var(--text);border-radius:var(--btn-radius);transition:all var(--transition);cursor:pointer;align-items:center;gap:8px;margin-bottom:40px;padding:6px 12px;font-size:14px;font-weight:500;display:inline-flex}.prompt-back:hover{color:var(--text-heading);background:var(--accent-light)}.prompt-header{margin-bottom:40px}.prompt-title{margin-bottom:16px;font-size:clamp(28px,4vw,48px)}.prompt-title-sub{color:var(--text);font-size:.5em;font-weight:var(--body-weight);text-transform:none;letter-spacing:0;margin-top:8px;display:block}.prompt-custom-badge{border-radius:var(--radius-full);background:var(--accent);color:var(--text-on-accent);vertical-align:middle;text-transform:none;letter-spacing:0;margin-left:12px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.prompt-subtitle{color:var(--text);max-width:600px;font-size:16px;line-height:1.7}.prompt-subtitle strong{color:var(--accent)}.prompt-tabs{border-bottom:var(--border-width) solid var(--border-color);gap:4px;margin-bottom:0;padding-bottom:0;display:flex}.prompt-tab{color:var(--text);border-radius:var(--radius) var(--radius) 0 0;transition:all var(--transition);cursor:pointer;bottom:calc(-1 * var(--border-width));border:var(--border-width) solid transparent;border-bottom:none;padding:10px 20px;font-size:14px;font-weight:600;position:relative}.prompt-tab:hover{color:var(--text-heading)}.prompt-tab-active{color:var(--accent);background:var(--bg);border-color:var(--border-color)}.prompt-content-wrapper{border:var(--border-width) solid var(--border-color);border-radius:0 0 var(--radius) var(--radius);border-top:none;overflow:hidden}.prompt-toolbar{background:var(--bg-secondary);border-bottom:var(--border-width) solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.prompt-toolbar-label{color:var(--text);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.prompt-copy-btn{color:var(--accent);background:var(--accent-light);border-radius:var(--radius);transition:all var(--transition);cursor:pointer;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.prompt-copy-btn:hover{background:var(--accent);color:var(--text-on-accent)}.prompt-content{color:var(--text-heading);white-space:pre-wrap;word-break:break-word;background:var(--bg-card);max-height:500px;padding:24px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7;overflow-y:auto}.prompt-preview{margin-top:48px}.prompt-preview-title{margin-bottom:8px;font-size:20px}.prompt-preview-desc{color:var(--text);margin-bottom:24px;font-size:15px;line-height:1.6}.prompt-preview-desc strong{color:var(--accent)}.prompt-swatches{flex-wrap:wrap;gap:12px;display:flex}.prompt-swatch{border-radius:var(--radius);border:var(--border-width) solid var(--border-color);width:90px;height:72px;transition:all var(--transition);flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:6px;display:flex}.prompt-swatch-label{color:#fff;background:#00000080;border-radius:3px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.prompt-swatch-value{opacity:.8;text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-family:JetBrains Mono,monospace;font-size:8px;overflow:hidden}.prompt-typography-preview{background:var(--bg-secondary);border-radius:var(--radius);border:var(--border-width) solid var(--border-color);flex-wrap:wrap;gap:16px 24px;margin-top:16px;padding:16px;display:flex}.prompt-typo-item{color:var(--text);font-size:13px}.prompt-typo-item span{color:var(--text-heading)}[data-theme=glassmorphism] .feature-card,[data-theme=glassmorphism] .testimonial-card{-webkit-backdrop-filter:blur(20px)}[data-theme=glassmorphism] .navbar-inner{-webkit-backdrop-filter:blur(24px)}[data-theme=glassmorphism] .hero-title-accent{background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=glassmorphism] .nav-dropdown-menu{-webkit-backdrop-filter:blur(24px)}[data-theme=retro-terminal] .app-layout:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4104 2px 4px);position:fixed;inset:0}[data-theme=retro-terminal] .hero-badge:after{content:"█";color:#00ff41;margin-left:4px;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}[data-theme=retro-terminal] .hero-badge-dot{display:none}[data-theme=retro-terminal] .hero-title{text-shadow:0 0 10px #00ff414d}[data-theme=retro-terminal] .section-label,[data-theme=retro-terminal] .hero-badge{border-style:dashed}[data-theme=art-deco] .hero-title{background:linear-gradient(#f0d78c 0%,#d4af37 40%,#a07c1c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=art-deco] .hero-title-accent{-webkit-text-fill-color:transparent}[data-theme=art-deco] .section-title{font-style:italic}[data-theme=art-deco] .features:before{content:"";background:linear-gradient(90deg,#0000,#d4af37,#0000);width:120px;height:1px;margin:0 auto 60px;display:block}[data-theme=art-deco] .section-header:after{content:"◆";color:var(--accent);letter-spacing:12px;text-align:center;margin-top:16px;font-size:10px;display:block}[data-theme=swiss-design] .navbar-inner{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:none;border-bottom:3px solid red;border-radius:0}[data-theme=swiss-design] .hero-title-accent{color:red}[data-theme=swiss-design] .feature-card{border:none;border-left:3px solid red}[data-theme=swiss-design] .feature-card:hover,[data-theme=swiss-design] .testimonial-card:hover{transform:none}[data-theme=cyberpunk] .hero-title-accent{background:linear-gradient(90deg,#00f0ff,#f0f);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}[data-theme=cyberpunk] .feature-icon{border:1px solid #00f0ff33}[data-theme=cyberpunk] .btn-primary{text-shadow:none;background:linear-gradient(135deg,#00f0ff,#00c0cc)}[data-theme=cyberpunk] .hero-title{text-shadow:0 0 30px #00f0ff26}[data-theme=neo-brutalism] .btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #151617}[data-theme=neo-brutalism] .btn-primary:active{transform:translate(2px,2px);box-shadow:1px 1px #151617}[data-theme=neo-brutalism] .feature-card:hover,[data-theme=neo-brutalism] .testimonial-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #151617}[data-theme=neo-brutalism] .hero-title-accent{color:var(--accent-secondary)}[data-theme=claymorphism] .feature-card:hover{transform:translateY(-4px);box-shadow:12px 12px 24px #0000001f,-6px -6px 16px #ffffffe6,inset 2px 2px 4px #ffffff80,inset -1px -1px 3px #0000000d}[data-theme=claymorphism] .btn-primary{box-shadow:4px 4px 10px #7c5cfc4d,-2px -2px 8px #fff6,inset 1px 1px 2px #ffffff4d}[data-theme=claymorphism] .hero-title-accent{background:linear-gradient(135deg,#7c5cfc,#ff8fab);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=vaporwave] .hero-title-accent{background:linear-gradient(90deg,#ff6ec7,#0ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=vaporwave] .btn-primary{background:linear-gradient(135deg,#ff6ec7,#a855f7)}[data-theme=vaporwave] .section-label{border-color:#ff6ec74d}[data-theme=vaporwave] .feature-icon{border:1px solid #ff6ec726}[data-theme=dark-luxury] .hero-title{background:linear-gradient(#e8dcc8 0%,#c9a96e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=dark-luxury] .hero-title-accent{-webkit-text-fill-color:transparent}[data-theme=dark-luxury] .btn-primary{color:#c9a96e;background:0 0;border:1px solid #c9a96e}[data-theme=dark-luxury] .btn-primary:hover{color:#0d0d0d;background:#c9a96e}[data-theme=dark-luxury] .section-label{border-color:#c9a96e33}[data-theme=dark-luxury] .features:before{content:"";background:linear-gradient(90deg,#0000,#c9a96e66,#0000);width:60px;height:1px;margin:0 auto 60px;display:block}[data-theme=neumorphism] .btn-primary:active{transform:none;box-shadow:inset 3px 3px 6px #b8b9be,inset -3px -3px 6px #fff}[data-theme=neumorphism] .feature-card:hover{transform:none;box-shadow:10px 10px 20px #b8b9be,-10px -10px 20px #fff}[data-theme=neumorphism] .nav-link-active{background:0 0;box-shadow:inset 2px 2px 5px #b8b9be,inset -2px -2px 5px #fff}[data-theme=editorial] .hero-title{font-style:normal;line-height:1}[data-theme=editorial] .hero-title-accent{color:#c8102e;font-style:italic}[data-theme=editorial] .feature-card{border-bottom:1px solid #e2e2e2;padding:32px 0}[data-theme=editorial] .feature-card:hover,[data-theme=editorial] .testimonial-card:hover{transform:none}[data-theme=editorial] .testimonial-quote{font-family:Playfair Display,Georgia,serif;font-size:17px}[data-theme=editorial] .section-header:before{content:"";background:#121212;width:40px;height:3px;margin:0 auto 24px;display:block}[data-theme=memphis] .hero-title-accent{color:#0cb2c0}[data-theme=memphis] .btn-primary{background:#f725a0}[data-theme=memphis] .btn-primary:hover{transform:translate(-3px,-3px);box-shadow:7px 7px #672394}[data-theme=memphis] .btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px #1a1a1a}[data-theme=memphis] .feature-card:nth-child(2n){border-color:#f725a0}[data-theme=memphis] .feature-card:nth-child(3n){border-color:#0cb2c0}[data-theme=memphis] .feature-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px #672394}[data-theme=memphis] .feature-icon{background:#fad141;border:3px solid #1a1a1a;border-radius:50%}[data-theme=pixel-retro] .hero-title{font-size:clamp(20px,4vw,40px);line-height:1.4}[data-theme=pixel-retro] .hero-subtitle,[data-theme=pixel-retro] .feature-title{font-size:12px}[data-theme=pixel-retro] .feature-description{font-size:11px;line-height:1.8}[data-theme=pixel-retro] .section-title{font-size:clamp(16px,3vw,28px)}[data-theme=pixel-retro] .section-subtitle{font-size:12px}[data-theme=pixel-retro] .testimonial-quote{font-size:11px;font-style:normal;line-height:1.9}[data-theme=pixel-retro] .feature-card:hover,[data-theme=pixel-retro] .testimonial-card:hover{transform:none}[data-theme=pixel-retro] .btn-primary{text-transform:uppercase;background:#209cee}[data-theme=pixel-retro] .btn-primary:hover{background:#92cc41;transform:none}[data-theme=pixel-retro] .feature-icon{border:4px solid #fff;border-radius:0}[data-theme=y2k] .hero-title-accent{background:linear-gradient(135deg,#ff69b4,#8a2be2,#1493ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=y2k] .btn-primary{background:linear-gradient(135deg,#ff69b4,#8a2be2);border:none}[data-theme=y2k] .feature-card,[data-theme=y2k] .testimonial-card{-webkit-backdrop-filter:blur(12px)}[data-theme=y2k] .nav-dropdown-menu{-webkit-backdrop-filter:blur(20px)}[data-theme=japanese-zen] .hero{padding:140px 24px 120px}[data-theme=japanese-zen] .hero-title{font-size:clamp(28px,4vw,48px);font-weight:300;line-height:1.3}[data-theme=japanese-zen] .hero-title-accent{color:var(--accent-secondary)}[data-theme=japanese-zen] .hero-subtitle{line-height:2}[data-theme=japanese-zen] .feature-card:hover,[data-theme=japanese-zen] .testimonial-card:hover{transform:none}[data-theme=japanese-zen] .section-header:before{content:"";background:#e8e4df;width:1px;height:40px;margin:0 auto 32px;display:block}[data-theme=japanese-zen] .testimonial-quote{font-family:Cormorant Garamond,Georgia,serif;font-size:17px;line-height:1.9}.compare-btn{color:#999;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:flex}.compare-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff40}.vibe-switcher{background:#0d0d0d;border-bottom:1px solid #ffffff0f;padding:8px 0;font-family:Inter,sans-serif}.vibe-switcher-inner{align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.vibe-switcher-label{color:#666;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:12px;font-weight:600}.vibe-pills{flex-wrap:wrap;gap:4px;display:flex}.vibe-pill{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .15s;display:flex}.vibe-pill:hover{color:#ccc;background:#ffffff0d}.vibe-pill-active{color:#fff;background:#ffffff1a;border-color:#ffffff26}.vibe-pill-emoji{font-size:13px;line-height:1}.vibe-pill-name{line-height:1}.compare-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.compare-modal{color:#fff;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:700px;max-height:85vh;padding:32px;font-family:Inter,sans-serif;animation:.2s modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.compare-modal-title{color:#fff;text-transform:none;letter-spacing:-.02em;margin-bottom:8px;font-family:Inter,sans-serif;font-size:24px;font-weight:700}.compare-modal-desc{color:#888;margin-bottom:28px;font-size:14px}.compare-pickers{align-items:flex-start;gap:20px;display:flex}.compare-picker{flex:1;min-width:0}.compare-picker-label{text-transform:uppercase;letter-spacing:.06em;color:#666;margin-bottom:10px;font-size:11px;font-weight:700;display:block}.compare-picker-grid{flex-direction:column;gap:4px;display:flex}.compare-picker-item{color:#aaa;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .15s;display:flex}.compare-picker-item:hover{color:#fff;background:#ffffff0f}.compare-picker-item-active{color:#fff;background:#ffffff1a;border-color:#ffffff40}.compare-picker-item-disabled{opacity:.3;cursor:not-allowed}.compare-picker-swatches{flex-shrink:0;gap:2px;display:flex}.compare-picker-swatch{border:1px solid #ffffff26;border-radius:50%;width:10px;height:10px}.compare-picker-name{line-height:1}.compare-picker-vs{color:#444;flex-shrink:0;padding-top:32px;font-size:12px;font-weight:800}.compare-modal-actions{border-top:1px solid #ffffff14;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.compare-modal-cancel{color:#999;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:8px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.compare-modal-cancel:hover{color:#fff;background:#ffffff0f}.compare-modal-go{color:#111;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .15s;display:flex}.compare-modal-go:hover{background:#e0e0e0}.compare-modal-go:disabled{opacity:.4;cursor:not-allowed}.compare-view{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.compare-topbar{z-index:1000;background:#111;border-bottom:1px solid #ffffff14;padding:10px 0;font-family:Inter,sans-serif;position:fixed;top:0;left:0;right:0}.compare-topbar-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.compare-topbar-side{flex:1;align-items:center;gap:8px;display:flex}.compare-topbar-side-right{justify-content:flex-end}.compare-topbar-swatches{gap:2px;display:flex}.compare-topbar-swatch{border:1px solid #ffffff26;border-radius:50%;width:10px;height:10px}.compare-topbar-name{color:#fff;font-size:13px;font-weight:600}.compare-exit-btn{color:#ccc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:flex}.compare-exit-btn:hover{color:#fff;background:#ffffff1f}.compare-layer{width:100%;min-height:100vh;position:absolute;top:0;left:0}.compare-layer-right{z-index:1}.compare-layer-left{z-index:2;will-change:clip-path}.compare-layer-content{font-family:var(--font-body);font-weight:var(--body-weight);color:var(--text);background:var(--bg);min-height:100vh;padding-top:50px}.compare-layer-content .navbar{position:relative;top:0}.compare-divider{z-index:100;cursor:col-resize;touch-action:none;width:40px;margin-left:-20px;position:fixed;top:0;bottom:0}.compare-divider-line{background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 8px #00000080,0 0 20px #0003}.compare-divider-handle{color:#333;pointer-events:none;background:#fff;border:2px solid #00000026;border-radius:50%;justify-content:center;align-items:center;gap:0;width:44px;height:44px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #0000004d}.compare-mode-toggle{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;gap:6px;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.compare-mode-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:flex}.compare-mode-btn:hover{color:#aaa}.compare-mode-btn-active{color:#fff;background:#ffffff1f}.compare-modal-wide{max-width:900px}.compare-pickers-quad{grid-template-columns:1fr 1fr;gap:20px;display:grid}.quad-compare-view{width:100%;height:100vh;position:relative;overflow:hidden}.quad-layer{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.quad-layer-clipped{z-index:2;will-change:clip-path}.quad-compare-view .compare-layer-content{height:100%;min-height:100vh;overflow-y:auto}.quad-compare-view .compare-topbar{z-index:200}.quad-label{z-index:150;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0009;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;display:flex;position:fixed}.quad-label-tl{top:56px;left:12px}.quad-label-tr{top:56px;right:12px}.quad-label-bl{bottom:12px;left:12px}.quad-label-br{bottom:12px;right:12px}.quad-divider-v{z-index:100;cursor:col-resize;touch-action:none;width:40px;margin-left:-20px;position:fixed;top:0;bottom:0}.quad-divider-h{z-index:100;cursor:row-resize;touch-action:none;height:40px;margin-top:-20px;position:fixed;left:0;right:0}.quad-divider-line-h{background:#fff;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0;box-shadow:0 0 8px #00000080,0 0 20px #0003}.quad-center-handle{z-index:120;cursor:move;touch-action:none;width:56px;height:56px;margin-top:-28px;margin-left:-28px;position:fixed}.quad-handle-circle{color:#333;pointer-events:none;background:#fff;border:2px solid #00000026;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:4px;display:flex;box-shadow:0 2px 16px #00000059}.app-mode-bar{z-index:1000;background:#0a0a0a;border-bottom:1px solid #222;padding:0 16px;position:sticky;top:0}.app-mode-tabs{gap:0;max-width:1400px;margin:0 auto;display:flex}.app-mode-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.app-mode-tab:hover{color:#ccc}.app-mode-tab-active{color:#fff;border-bottom-color:#fff}.cl-layout{color:#e0e0e0;background:#0a0a0a;grid-template-columns:260px 1fr;height:calc(100vh - 46px);display:grid}@media (width<=700px){.cl-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;min-height:calc(100vh - 46px)}.cl-sidebar{border-bottom:1px solid #222;border-right:none;max-height:38vh}}.cl-sidebar{background:#111;border-right:1px solid #222;flex-direction:column;display:flex;overflow-y:auto}.cl-sidebar-header{color:#fff;border-bottom:1px solid #222;align-items:center;gap:10px;padding:16px 20px;font-size:15px;font-weight:700;display:flex}.cl-sidebar-nav{flex:1;padding:8px 0}.cl-sidebar-group{margin-bottom:2px}.cl-sidebar-cat{color:#aaa;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.cl-sidebar-cat:hover,.cl-sidebar-cat-open{color:#fff}.cl-sidebar-cat-icon{color:#888;background:#222;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.cl-sidebar-chevron{margin-left:auto;transition:transform .2s}.cl-sidebar-cat-open .cl-sidebar-chevron{transform:rotate(90deg)}.cl-sidebar-items{padding:2px 0 8px}.cl-sidebar-item{color:#888;cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;width:100%;padding:7px 16px 7px 46px;font-family:inherit;font-size:13px;transition:all .1s;display:block}.cl-sidebar-item:hover{color:#ddd;background:#ffffff08}.cl-sidebar-item-active{color:#fff;background:#ffffff0f;border-left-color:#6366f1}.cl-new-badge{letter-spacing:.5px;color:#fff;vertical-align:middle;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:4px;margin-inline-start:6px;padding:1px 6px;font-size:9px;font-weight:700;line-height:1.5;animation:2s ease-in-out infinite cl-new-pulse;display:inline-block}@keyframes cl-new-pulse{0%,to{opacity:1}50%{opacity:.7}}.cl-main{flex-direction:column;padding:40px;display:flex;overflow-y:auto}.cl-main-header{margin-bottom:32px}.cl-main-title{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700}.cl-main-desc{color:#888;margin:0 0 16px;font-size:15px}.cl-main-tabs{background:#ffffff0a;border-radius:8px;gap:4px;width:fit-content;padding:3px;display:flex}.cl-main-tab{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.cl-main-tab:hover{color:#ccc}.cl-main-tab-active{color:#fff;background:#ffffff1a}.cl-prompt-panel{border:1px solid #222;border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.cl-prompt-toolbar{background:#161616;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.cl-prompt-label{color:#888;font-size:12px}.cl-prompt-copy{color:#ccc;cursor:pointer;background:#222;border:1px solid #444;border-radius:6px;padding:5px 14px;font-family:inherit;font-size:12px;transition:all .15s}.cl-prompt-copy:hover{color:#fff;background:#333}.cl-prompt-content{color:#ccc;white-space:pre-wrap;word-wrap:break-word;background:#0e0e0e;flex:1;margin:0;padding:20px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.7;overflow-y:auto}.cl-preview{background:#111;border:1px solid #222;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:300px;padding:40px;display:flex;position:relative;overflow:hidden}.cl-demo-error{text-align:center;color:#ccc;max-width:360px}.cl-demo-error p{margin:0 0 8px;font-size:15px}.cl-demo-error-sub{color:#888;font-size:13px}.cl-demo-btn{color:#ccc;cursor:pointer;background:#222;border:1px solid #444;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:12px;transition:all .15s}.cl-demo-btn:hover{color:#fff;background:#333}.cl-demo-text-scramble{text-align:center}.cl-scramble-text{color:#fff;letter-spacing:-.02em;font-family:JetBrains Mono,monospace;font-size:36px;font-weight:700}.cl-scramble-cursor{color:#6366f1;font-size:36px;font-weight:300;animation:1s step-end infinite cl-blink}@keyframes cl-blink{0%,to{opacity:1}50%{opacity:0}}.cl-demo-gradient-text{text-align:center}.cl-gradient-heading{background:linear-gradient(90deg,#6366f1,#ec4899,#f59e0b,#10b981,#6366f1) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;animation:4s infinite cl-gradient-shift}.cl-gradient-sub{color:#888;margin-top:8px;font-size:14px}@keyframes cl-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.cl-demo-stagger{text-align:center}.cl-stagger-text{color:#fff;margin-bottom:20px;font-size:28px;font-weight:600;display:inline-block}.cl-stagger-char{opacity:0;animation:.4s forwards cl-stagger-in;display:inline-block;transform:translateY(20px)rotateX(90deg)}@keyframes cl-stagger-in{to{opacity:1;transform:translateY(0)rotateX(0)}}.cl-demo-typewriter{width:100%;max-width:480px}.cl-typewriter-screen{background:#0a0a0a;border:1px solid #333;border-radius:8px;min-height:120px;padding:20px;font-family:JetBrains Mono,monospace;font-size:14px}.cl-typewriter-line{color:#00ff41;margin-bottom:4px;line-height:1.6}.cl-typewriter-cursor{animation:.6s step-end infinite cl-blink}.cl-demo-splitflap{gap:8px;display:flex}.cl-flap{background:#1a1a1a;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;width:52px;height:68px;display:flex;position:relative;overflow:hidden}.cl-flap-char{color:#fff;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:700}.cl-flap-flip{animation:.3s cl-flap-anim}@keyframes cl-flap-anim{0%{transform:perspective(200px)rotateX(0)}50%{transform:perspective(200px)rotateX(90deg)}to{transform:perspective(200px)rotateX(0)}}.cl-demo-tilt{perspective:800px}.cl-tilt-card{width:280px;height:200px;transform-style:preserve-3d;cursor:default;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #333;border-radius:16px;transition:transform .1s}.cl-tilt-content{text-align:center;padding:32px;transform:translateZ(30px)}.cl-tilt-icon{color:#6366f1;margin-bottom:12px;font-size:28px;font-weight:800}.cl-tilt-content h3{color:#fff;margin:0 0 6px;font-size:18px}.cl-tilt-content p{color:#888;margin:0;font-size:13px}.cl-demo-spotlight{cursor:default;background:#1a1a1a;border:1px solid #333;border-radius:16px;width:320px;height:200px;position:relative;overflow:hidden}.cl-spotlight-glow{background:radial-gradient(circle 150px at var(--spot-x) var(--spot-y), #6366f126, transparent 70%);pointer-events:none;position:absolute;inset:0}.cl-spotlight-content{z-index:1;text-align:center;padding:40px 32px;position:relative}.cl-spotlight-content h3{color:#fff;margin:0 0 8px;font-size:18px}.cl-spotlight-content p{color:#888;margin:0;font-size:13px}.cl-demo-magnetic{cursor:default;justify-content:center;align-items:center;width:250px;height:150px;display:flex}.cl-magnetic-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;padding:14px 36px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .2s cubic-bezier(.2,0,.2,1),box-shadow .2s;box-shadow:0 4px 20px #6366f14d}.cl-magnetic-btn:hover{box-shadow:0 8px 30px #6366f180}.cl-demo-borderbeam{width:320px}.cl-borderbeam-card{background:#1a1a1a;border-radius:16px;padding:2px;position:relative;overflow:hidden}.cl-borderbeam-beam{background:conic-gradient(from var(--beam-angle,0deg), transparent 0%, transparent 85%, #6366f1 90%, #ec4899 95%, transparent 100%);border-radius:16px;animation:3s linear infinite cl-beam-rotate;position:absolute;inset:0}@keyframes cl-beam-rotate{0%{--beam-angle:0deg}to{--beam-angle:360deg}}@property --beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.cl-borderbeam-content{text-align:center;z-index:1;background:#1a1a1a;border-radius:14px;padding:32px;position:relative}.cl-borderbeam-content h3{color:#fff;margin:0 0 8px;font-size:18px}.cl-borderbeam-content p{color:#888;margin:0;font-size:13px}.cl-demo-marquee{flex-direction:column;gap:12px;width:100%;display:flex;overflow:hidden}.cl-marquee-track{white-space:nowrap;gap:24px;animation:20s linear infinite cl-marquee-scroll;display:flex}.cl-marquee-track-reverse{animation-direction:reverse}.cl-marquee-item{color:#fff;background:#ffffff0f;border-radius:8px;flex-shrink:0;padding:8px 20px;font-size:24px;font-weight:700}.cl-marquee-item-outline{color:#666;background:0 0;border:1px solid #333}@keyframes cl-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.cl-demo-sticky-stack{width:100%;height:350px;padding:40px 20px 200px;position:relative;overflow-y:auto}.cl-sticky-card{background:var(--card-color);border-radius:16px;margin-bottom:20px;padding:32px;position:sticky;box-shadow:0 4px 20px #0000004d}.cl-sticky-card h3{color:#fff;margin:0 0 8px;font-size:20px}.cl-sticky-card p{color:#ffffffb3;margin:0;font-size:14px}.cl-demo-counter{text-align:center}.cl-counter-value{color:#fff;font-variant-numeric:tabular-nums;margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:64px;font-weight:800}.cl-counter-btns{justify-content:center;gap:8px;display:flex}.cl-demo-meteors{width:100%;height:250px}.cl-meteors-sky{background:linear-gradient(#0a0a14,#111);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.cl-meteor{opacity:0;background:linear-gradient(#0000,#6366f1cc);width:2px;height:80px;animation:linear infinite cl-meteor-fall;position:absolute;transform:rotate(-45deg)}@keyframes cl-meteor-fall{0%{opacity:0;transform:rotate(-45deg)translateY(-100px)}10%{opacity:1}70%{opacity:1}to{opacity:0;transform:rotate(-45deg)translateY(500px)}}.cl-meteors-title{color:#fff;z-index:1;margin:0 0 4px;font-size:20px}.cl-meteors-sub{color:#666;z-index:1;margin:0;font-size:13px}.cl-demo-grid{cursor:crosshair;color:#6366f1;width:100%;height:250px;position:relative}.cl-grid-svg{position:absolute;inset:0}.cl-grid-label{color:#555;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.cl-demo-noise{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;justify-content:center;align-items:center;width:320px;height:200px;display:flex;position:relative;overflow:hidden}.cl-noise-canvas{pointer-events:none;opacity:.6;mix-blend-mode:overlay;width:100%;height:100%;position:absolute;inset:0}.cl-noise-content{z-index:1;text-align:center;position:relative}.cl-noise-content h3{color:#fff;margin:0 0 6px;font-size:20px}.cl-noise-content p{color:#888;margin:0;font-size:13px}.cl-demo-spark{cursor:crosshair;color:#666;border:1px dashed #333;border-radius:12px;justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.cl-spark-burst{pointer-events:none;width:0;height:0;position:absolute}.cl-spark-particle{width:4px;height:4px;transform:rotate(var(--angle)) translateX(0);background:#f59e0b;border-radius:50%;animation:.5s ease-out forwards cl-spark-fly;position:absolute}@keyframes cl-spark-fly{0%{transform:rotate(var(--angle)) translateX(0);opacity:1}to{transform:rotate(var(--angle)) translateX(40px);opacity:0}}.cl-demo-ring{text-align:center}.cl-ring-container{margin-bottom:16px;display:inline-block;position:relative}.cl-ring-value{color:#fff;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex;position:absolute;inset:0}.cl-ring-slider{accent-color:#6366f1;width:200px}.cl-demo-dock{padding-top:80px}.cl-dock-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;align-items:flex-end;gap:8px;padding:8px 12px;display:flex}.cl-dock-item{transition:transform .2s cubic-bezier(.2,0,.2,1)}.cl-dock-icon{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:700;display:flex}.cl-dock-item:nth-child(2n) .cl-dock-icon{background:linear-gradient(135deg,#ec4899,#f43f5e)}.cl-dock-item:nth-child(3n) .cl-dock-icon{background:linear-gradient(135deg,#10b981,#14b8a6)}.cl-dock-item:nth-child(4n) .cl-dock-icon{background:linear-gradient(135deg,#f59e0b,#ef4444)}.cl-demo-pressure{color:#fff;letter-spacing:.08em;cursor:default;-webkit-user-select:none;user-select:none;justify-content:center;font-family:Inter,sans-serif;font-size:36px;display:flex}.cl-pressure-char{display:inline-block}.cl-demo-wavy{color:#fff;text-align:center;font-size:32px;font-weight:700}.cl-wavy-char{animation:1.5s ease-in-out infinite cl-wave;display:inline-block}@keyframes cl-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.cl-demo-holo{perspective:600px}.cl-holo-card{background:#1a1a2e;border:1px solid #444;border-radius:16px;width:280px;height:180px;transition:transform .15s;position:relative;overflow:hidden}.cl-holo-sheen{mix-blend-mode:screen;pointer-events:none;opacity:.7;position:absolute;inset:0}.cl-holo-content{z-index:1;text-align:center;padding:40px 28px;position:relative}.cl-holo-content h3{color:#fff;margin:0 0 6px;font-size:20px}.cl-holo-content p{color:#888;margin:0;font-size:13px}.cl-demo-morph-btn{align-items:center;gap:20px;display:flex}.cl-morph-btn-el{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:12px;padding:14px 36px;font-family:inherit;font-size:15px;font-weight:600;transition:border-radius .6s cubic-bezier(.34,1.56,.64,1),transform .2s}.cl-morph-btn-el:hover{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:3s ease-in-out .6s infinite cl-blob-morph}.cl-morph-btn-alt{background:#ec4899}@keyframes cl-blob-morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}33%{border-radius:40% 60% 50% 50%/50% 40% 60% 50%}66%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.cl-demo-svg-draw{flex-direction:column;align-items:center;gap:16px;display:flex}.cl-svg-draw-path{animation:1s forwards cl-draw-stroke}@keyframes cl-draw-stroke{to{stroke-dashoffset:0}}.cl-demo-equalizer{justify-content:center;align-items:center;display:flex}.cl-eq-bars{align-items:flex-end;gap:4px;height:120px;padding:12px;display:flex}.cl-eq-bar{background:var(--eq-color,#6366f1);transform-origin:bottom;border-radius:4px 4px 0 0;width:8px;animation:ease-in-out infinite alternate cl-eq-pulse}@keyframes cl-eq-pulse{0%{height:12px}to{height:100px}}.cl-demo-spotlight-page{cursor:none;border-radius:12px;width:100%;height:260px;position:relative;overflow:hidden}.cl-spotlight-page-bg{background:linear-gradient(135deg,#1a1a2e,#16213e);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px;display:flex;position:absolute;inset:0}.cl-spotlight-page-bg h3{color:#fff;margin:0;font-size:20px}.cl-spotlight-page-bg p{color:#aaa;margin:0;font-size:14px}.cl-spotlight-page-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.cl-spotlight-page-dot{background:#6366f14d;border-radius:6px;width:24px;height:24px}.cl-spotlight-page-mask{background:radial-gradient(circle 120px at var(--sp-x) var(--sp-y), transparent 0%, #000000e0 100%);pointer-events:none;position:absolute;inset:0}.cl-demo-isometric{perspective:800px;justify-content:center;align-items:center;display:flex}.cl-iso-grid{transform-style:preserve-3d;grid-template-columns:repeat(4,60px);gap:6px;display:grid;transform:rotateX(55deg)rotate(-45deg)}.cl-iso-tile{background:hsl(var(--tile-hue,240), 50%, 25%);width:60px;height:60px;transform-style:preserve-3d;cursor:pointer;border-radius:4px;transition:transform .25s,filter .25s,box-shadow .25s}.cl-demo-shimmer{gap:20px;display:flex}.cl-shimmer-card{background:#161616;border:1px solid #222;border-radius:12px;flex-direction:column;gap:12px;width:200px;padding:20px;display:flex}.cl-shimmer-block{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite cl-shimmer}.cl-shimmer-avatar{border-radius:50%;width:40px;height:40px}.cl-shimmer-img{width:100%;height:80px}.cl-shimmer-title{width:70%;height:14px}.cl-shimmer-line{width:100%;height:10px}.cl-shimmer-short{width:60%}@keyframes cl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cl-demo-confetti{flex-direction:column;align-items:center;gap:20px;min-height:200px;display:flex;position:relative}.cl-confetti-btn{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .1s;display:flex}.cl-confetti-btn:active{transform:scale(.95)}.cl-confetti-container{pointer-events:none;position:absolute;top:50%;left:50%}.cl-confetti-piece{border-radius:2px;position:absolute}.cl-demo-neon{text-align:center;background:#0a0a0a;border-radius:12px;width:100%;padding:60px 40px}.cl-neon-text{color:#fff;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #ff6b35,0 0 82px #ff6b35,0 0 92px #ff6b35;font-size:64px;font-weight:800;transition:text-shadow .1s,opacity .1s}.cl-neon-off{opacity:.4;text-shadow:none}.cl-neon-sub{color:#ff6b35;letter-spacing:.3em;text-shadow:0 0 10px #ff6b3580;margin-top:12px;font-size:16px;display:block}.cl-demo-glitch{text-align:center}.cl-glitch-text{color:#fff;font-size:56px;font-weight:900;display:inline-block;position:relative}.cl-glitch-text:before,.cl-glitch-text:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.cl-glitch-text:before{color:#0ff;clip-path:inset(0 0 65%);animation:2s linear infinite alternate-reverse cl-glitch-1}.cl-glitch-text:after{color:#f0f;clip-path:inset(65% 0 0);animation:2s linear infinite alternate-reverse cl-glitch-2}@keyframes cl-glitch-1{0%{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes cl-glitch-2{0%{transform:translate(0)}20%{transform:translate(3px,-2px)}40%{transform:translate(-2px,1px)}60%{transform:translate(3px,2px)}80%{transform:translate(-3px,-1px)}to{transform:translate(0)}}.cl-demo-circular{justify-content:center;display:flex}.cl-circular-svg{animation:15s linear infinite cl-spin-slow}.cl-circular-text{fill:#ccc;letter-spacing:2px;font-size:14px;font-weight:600}@keyframes cl-spin-slow{to{transform:rotate(360deg)}}.cl-demo-card-flip{perspective:600px;cursor:pointer;width:240px;height:160px}.cl-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.cl-flip-active{transform:rotateY(180deg)}.cl-flip-front,.cl-flip-back{backface-visibility:hidden;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.cl-flip-front{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.cl-flip-back{color:#fff;background:linear-gradient(135deg,#10b981,#14b8a6);transform:rotateY(180deg)}.cl-flip-icon{margin-bottom:8px;font-size:36px}.cl-flip-front p,.cl-flip-back p{margin:0;font-size:14px}.cl-demo-direction{grid-template-columns:repeat(2,140px);gap:12px;display:grid}.cl-direction-card{color:#fff;cursor:pointer;background:#1a1a2e;border:1px solid #333;border-radius:12px;justify-content:center;align-items:center;height:100px;font-size:14px;font-weight:600;display:flex;position:relative;overflow:hidden}.cl-direction-label{z-index:2;position:relative}.cl-direction-overlay{background:#6366f166;animation:.3s forwards cl-dir-slide;position:absolute;inset:0}.cl-direction-from-top{animation-name:cl-dir-from-top}.cl-direction-from-bottom{animation-name:cl-dir-from-bottom}.cl-direction-from-left{animation-name:cl-dir-from-left}.cl-direction-from-right{animation-name:cl-dir-from-right}@keyframes cl-dir-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes cl-dir-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes cl-dir-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes cl-dir-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}.cl-demo-flip-clock{align-items:center;gap:4px;display:flex}.cl-fc-group{gap:4px;display:flex}.cl-fc-digit{background:#1a1a1a;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;width:44px;height:60px;display:flex}.cl-fc-num{color:#fff;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700}.cl-fc-sep{color:#6366f1;padding:0 4px;font-size:28px;font-weight:700;animation:1s step-end infinite cl-blink}.cl-demo-compare{cursor:col-resize;-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;height:200px;position:relative;overflow:hidden}.cl-compare-before,.cl-compare-after{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cl-compare-label{color:#ffffff4d;font-size:24px;font-weight:800}.cl-compare-handle{flex-direction:column;justify-content:center;align-items:center;width:3px;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.cl-compare-line{background:#fff;flex:1;width:2px}.cl-compare-grip{color:#111;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000004d}.cl-demo-aurora{background:#0a0a14;border-radius:12px;justify-content:center;align-items:center;width:100%;height:250px;display:flex;position:relative;overflow:hidden}.cl-aurora-layer{filter:blur(40px);opacity:.5;mix-blend-mode:screen;border-radius:40%;width:150%;height:150%;position:absolute;top:-25%;left:-25%}.cl-aurora-1{background:radial-gradient(at 30%,#6366f1,#0000 60%);animation:6s ease-in-out infinite cl-aurora-1}.cl-aurora-2{background:radial-gradient(at 70% 30%,#ec4899,#0000 60%);animation:8s ease-in-out infinite cl-aurora-2}.cl-aurora-3{background:radial-gradient(at 50% 70%,#10b981,#0000 60%);animation:10s ease-in-out infinite cl-aurora-3}@keyframes cl-aurora-1{0%,to{transform:translate(-20%,-10%)rotate(0)scale(1)}33%{transform:translate(15%,15%)rotate(20deg)scale(1.3)}66%{transform:translate(-5%,20%)rotate(-10deg)scale(.9)}}@keyframes cl-aurora-2{0%,to{transform:translate(20%,-15%)rotate(0)scale(1.1)}33%{transform:translate(-15%,10%)rotate(-25deg)scale(.8)}66%{transform:translate(10%,-20%)rotate(15deg)scale(1.2)}}@keyframes cl-aurora-3{0%,to{transform:translate(-10%,20%)rotate(10deg)scale(.9)}33%{transform:translate(20%,-10%)rotate(-15deg)scale(1.2)}66%{transform:translate(-15%,-15%)rotate(20deg)scale(1.1)}}.cl-aurora-content{z-index:1;text-align:center;color:#fff;position:relative}.cl-aurora-content h3{margin:0 0 6px;font-size:24px}.cl-aurora-content p{color:#aaa;margin:0;font-size:14px}.cl-demo-matrix{background:#000;border-radius:12px;width:100%;height:250px;overflow:hidden}.cl-matrix-canvas{width:100%;height:100%}.cl-demo-radial{justify-content:center;align-items:center;height:250px;display:flex}.cl-radial-container{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.cl-radial-trigger{color:#fff;cursor:pointer;z-index:2;background:#6366f1;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex;box-shadow:0 4px 20px #6366f166}.cl-radial-item{cursor:pointer;background:#222;border:1px solid #444;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;position:absolute}.cl-radial-item:hover{background:#333;transform:scale(1.15)!important}.cl-demo-tooltip{gap:16px;display:flex}.cl-tooltip-wrapper{position:relative}.cl-tooltip-btn{color:#ccc;cursor:pointer;background:#222;border:1px solid #444;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px}.cl-tooltip-btn:hover{color:#fff;background:#333}.cl-tooltip-bubble{color:#111;white-space:nowrap;pointer-events:none;background:#fff;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}.cl-demo-mtabs{width:100%;max-width:400px}.cl-mtabs-bar{background:#ffffff0f;border-radius:10px;gap:2px;margin-bottom:20px;padding:4px;display:flex}.cl-mtab{color:#888;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 16px;font-family:inherit;font-size:13px;position:relative}.cl-mtab-active{color:#fff}.cl-mtab-indicator{z-index:-1;background:#6366f14d;border-radius:8px;position:absolute;inset:0}.cl-mtab-label{z-index:1;position:relative}.cl-mtabs-content{color:#ccc;background:#ffffff0a;border-radius:10px;padding:20px;font-size:14px}.cl-demo-ultabs{width:100%;max-width:420px}.cl-ultabs-bar{border-bottom:1px solid #ffffff1a;gap:0;margin-bottom:20px;display:flex}.cl-ultab{color:#888;cursor:pointer;background:0 0;border:none;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;transition:color .2s;position:relative}.cl-ultab:hover{color:#bbb}.cl-ultab-active{color:#fff}.cl-ultab-line{background:linear-gradient(90deg,#7c5cfc,#a78bfa);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.cl-ultabs-content{color:#ccc;background:#ffffff0a;border-radius:10px;padding:20px;font-size:14px}.cl-demo-pilltabs{width:100%;max-width:420px}.cl-pilltabs-bar{gap:6px;margin-bottom:20px;display:flex}.cl-pilltab{color:#888;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:13px;transition:color .2s;position:relative}.cl-pilltab:hover{color:#bbb}.cl-pilltab-active{color:#fff}.cl-pilltab-bg{z-index:-1;background:linear-gradient(135deg,#6366f166,#a855f74d);border-radius:999px;position:absolute;inset:0}.cl-pilltab-label{z-index:1;position:relative}.cl-pilltabs-content{color:#ccc;background:#ffffff0a;border-radius:10px;padding:20px;font-size:14px}.cl-demo-vtabs{gap:16px;width:100%;max-width:480px;min-height:220px;display:flex}.cl-vtabs-sidebar{border-inline-end:1px solid #ffffff1a;flex-direction:column;gap:2px;min-width:140px;padding-inline-end:4px;display:flex}.cl-vtab{color:#888;cursor:pointer;text-align:start;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:13px;transition:color .2s;position:relative}.cl-vtab:hover{color:#bbb}.cl-vtab-active{color:#fff}.cl-vtab-indicator{z-index:-1;background:#6366f126;border-inline-start:3px solid #7c5cfc;border-radius:8px;position:absolute;inset:0}.cl-vtab-label{z-index:1;position:relative}.cl-vtabs-main{flex:1;align-items:flex-start;display:flex}.cl-vtabs-content{color:#ccc;padding:16px;font-size:14px}.cl-demo-segment{width:100%;max-width:360px}.cl-segment-track{background:#00000059;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:20px;padding:3px;display:flex;position:relative}.cl-segment-thumb{-webkit-backdrop-filter:blur(8px);pointer-events:none;background:#ffffff24;border-radius:8px;position:absolute;top:3px;bottom:3px;box-shadow:0 2px 8px #0006,0 0 0 1px #ffffff1a}.cl-segment-btn{z-index:1;color:#777;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:color .25s;position:relative}.cl-segment-btn-active{color:#fff}.cl-segment-content{color:#ccc;background:#ffffff0a;border-radius:10px;padding:20px;font-size:14px}.cl-demo-icontabs{width:100%;max-width:420px}.cl-icontabs-bar{background:#ffffff0f;border-radius:14px;gap:4px;padding:6px;display:flex}.cl-icontab{color:#888;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:14px;display:flex;position:relative;overflow:hidden}.cl-icontab-active{color:#fff}.cl-icontab-bg{z-index:-1;background:#6366f140;border-radius:10px;position:absolute;inset:0}.cl-icontab-icon{z-index:1;font-size:16px;position:relative}.cl-icontab-label{z-index:1;white-space:nowrap;font-size:12px;position:relative;overflow:hidden}.cl-demo-foldertabs{width:100%;max-width:440px}.cl-foldertabs-bar{z-index:1;gap:0;margin-bottom:-1px;display:flex;position:relative}.cl-foldertab{border:1px solid #ffffff14;color:#888;cursor:pointer;background:#ffffff08;border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:8px 16px;font-family:SF Mono,Fira Code,monospace;font-size:12px;transition:color .2s,background .2s;display:flex;position:relative}.cl-foldertab-active{color:#fff;background:#ffffff14;border-color:#ffffff26}.cl-foldertab-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cl-foldertabs-body{white-space:pre-line;background:#ffffff14;border:1px solid #ffffff26;border-radius:0 0 10px 10px;min-height:80px;padding:16px;font-family:SF Mono,Fira Code,monospace;font-size:13px}.cl-demo-glowtabs{width:100%;max-width:400px}.cl-glowtabs-bar{gap:8px;margin-bottom:20px;display:flex}.cl-glowtab{color:#888;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;transition:color .3s,text-shadow .3s,border-color .3s,box-shadow .3s}.cl-glowtab:hover{border-color:#fff3}.cl-glowtabs-content{color:#ccc;border:1px solid #ffffff14;border-radius:10px;padding:20px;font-size:14px;transition:border-color .4s,box-shadow .4s}.cl-demo-elastic{width:100%;max-width:400px}.cl-elastic-bar{background:#ffffff0f;border-radius:12px;gap:2px;margin-bottom:20px;padding:4px;display:flex}.cl-elastic-tab{color:#888;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;position:relative}.cl-elastic-tab-active{color:#fff}.cl-elastic-bg{z-index:-1;background:linear-gradient(135deg,#ec489959,#a855f759);border-radius:10px;position:absolute;inset:0}.cl-elastic-label{z-index:1;position:relative}.cl-elastic-content{color:#ccc;background:#ffffff0a;border-radius:10px;padding:20px;font-size:14px}.cl-demo-flip{perspective:800px;width:100%;max-width:400px}.cl-flip-bar{border-bottom:1px solid #ffffff1a;gap:0;margin-bottom:0;display:flex}.cl-flip-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;transition:color .2s,background .2s}.cl-flip-tab-active{color:#fff;background:#7c5cfc14;border-bottom-color:#7c5cfc}.cl-flip-stage{perspective:600px;justify-content:center;align-items:center;min-height:100px;display:flex}.cl-flip-card{color:#ccc;text-align:center;backface-visibility:hidden;background:#ffffff0a;border-radius:0 0 10px 10px;width:100%;padding:24px;font-size:14px}.cl-demo-slide{width:100%;max-width:400px}.cl-slide-bar{background:#ffffff0f;border-radius:10px;gap:2px;margin-bottom:20px;padding:4px;display:flex}.cl-slide-tab{color:#888;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 16px;font-family:inherit;font-size:13px;position:relative}.cl-slide-tab-active{color:#fff}.cl-slide-indicator{z-index:-1;background:#22c55e40;border-radius:8px;position:absolute;inset:0}.cl-slide-label{z-index:1;position:relative}.cl-slide-viewport{background:#ffffff0a;border-radius:10px;overflow:hidden}.cl-slide-content{color:#ccc;padding:24px;font-size:14px}.cl-demo-gradient-tabs{width:100%;max-width:420px}.cl-gradient-bar{border-radius:12px;gap:4px;margin-bottom:20px;padding:5px;transition:background .5s;display:flex}.cl-gradient-tab{color:#999;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:color .3s;position:relative}.cl-gradient-tab-active{font-weight:600}.cl-gradient-dot{border-radius:50%;width:6px;height:6px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.cl-gradient-content{color:#ccc;border:1px solid #ffffff14;border-radius:10px;padding:20px;font-size:14px;transition:border-color .5s,background .5s}.cl-demo-bouncy{width:100%;max-width:400px}.cl-bouncy-bar{gap:8px;margin-bottom:20px;padding:4px;display:flex}.cl-bouncy-tab{color:#888;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:10px 14px;font-family:inherit;font-size:13px;transition:color .15s}.cl-bouncy-tab-active{color:#fff;background:#6366f140;border-color:#6366f166;box-shadow:0 4px 16px #6366f133}.cl-bouncy-content{color:#ccc;background:#ffffff0a;border-radius:10px;padding:20px;font-size:14px;overflow:hidden}.cl-demo-hamburger{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;width:100%;max-width:320px;overflow:hidden}.cl-hamburger-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:14px 16px;display:flex}.cl-hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;width:24px;padding:4px;display:flex}.cl-hamburger-line{transform-origin:50%;background:#ccc;border-radius:2px;width:100%;height:2px;display:block}.cl-hamburger-title{color:#ddd;font-size:14px;font-weight:500}.cl-hamburger-panel{flex-direction:column;display:flex;overflow:hidden}.cl-hamburger-item{color:#bbb;cursor:pointer;text-align:start;background:0 0;border:none;padding:12px 20px;font-family:inherit;font-size:14px;transition:background .15s}.cl-hamburger-item:hover{color:#fff;background:#ffffff0f}.cl-demo-dropdown{flex-direction:column;align-items:flex-start;width:100%;max-width:300px;display:flex;position:relative}.cl-dropdown-trigger{color:#ddd;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;align-items:center;padding:10px 18px;font-family:inherit;font-size:13px;transition:border-color .2s;display:flex}.cl-dropdown-trigger:hover{border-color:#ffffff40}.cl-dropdown-panel{transform-origin:0 0;background:#14141ef2;border:1px solid #ffffff1f;border-radius:10px;min-width:180px;margin-top:6px;padding:4px;overflow:hidden;box-shadow:0 12px 40px #00000080}.cl-dropdown-item{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:background .15s;display:flex}.cl-dropdown-item:hover{color:#fff;background:#ffffff14}.cl-dropdown-item-danger{color:#f87171}.cl-dropdown-item-danger:hover{color:#fca5a5;background:#f871711f}.cl-demo-breadcrumb{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:420px;display:flex}.cl-breadcrumb-trail{background:#ffffff0a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:0;min-height:40px;padding:10px 18px;display:flex}.cl-breadcrumb-item{align-items:center;font-size:13px;display:inline-flex}.cl-breadcrumb-sep{color:#555;margin:0 8px}.cl-breadcrumb-link{color:#7c5cfc;cursor:pointer}.cl-breadcrumb-link:hover{text-decoration:underline}.cl-breadcrumb-current{color:#fff;font-weight:500}.cl-breadcrumb-controls{gap:10px;display:flex}.cl-breadcrumb-btn{color:#ccc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:12px;transition:background .15s,color .15s}.cl-breadcrumb-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.cl-breadcrumb-btn:disabled{opacity:.35;cursor:default}.cl-demo-stacked{perspective:800px;width:320px;height:300px;position:relative}.cl-stacked-card{-webkit-backdrop-filter:blur(12px);width:240px;transform-style:preserve-3d;background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px;padding:18px;position:absolute;box-shadow:0 10px 30px #0000004d}.cl-stacked-title{color:#fff;margin-bottom:10px;font-size:15px;display:block}.cl-stacked-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cl-stacked-item{color:#bbb;background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.cl-stacked-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.cl-demo-exploding{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;display:flex}.cl-exploding-wrapper{width:100%;position:relative}.cl-exploding-particles{pointer-events:none;position:absolute;inset:0;overflow:visible}.cl-exploding-particle{pointer-events:none;font-size:18px;position:absolute}.cl-exploding-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;outline:none;width:100%;padding:14px 18px;font-family:inherit;font-size:15px;transition:border-color .2s}.cl-exploding-input:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.cl-exploding-input::placeholder{color:#666}.cl-exploding-hint{color:#666;margin:0;font-size:12px}.cl-demo-product-scroll{background:#0000004d;border:1px solid #ffffff14;border-radius:14px;gap:0;width:100%;max-width:450px;height:340px;display:flex;overflow:hidden}.cl-product-canvas{flex:1;min-width:0}.cl-product-canvas canvas{cursor:default}.cl-product-scroll-area{border-inline-start:1px solid #ffffff14;width:140px;overflow-y:auto}.cl-product-scroll-track{padding:20px 14px}.cl-product-hint{color:#888;text-align:center;margin:0 0 10px;font-size:12px}.cl-product-label{color:#aaa;text-align:center;margin:0;padding:10px 0;font-size:13px}.cl-product-spacer{height:200px}.cl-demo-distortion{border:1px solid #ffffff14;border-radius:14px;width:100%;max-width:450px;height:320px;position:relative;overflow:hidden}.cl-demo-distortion canvas{cursor:crosshair}.cl-distortion-overlay{color:#ffffff80;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:6px;padding:4px 12px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.cl-demo-lamp{flex-direction:column;align-items:center;width:100%;max-width:400px;padding-top:40px;display:flex;position:relative;overflow:hidden}.cl-lamp-beam{background:linear-gradient(90deg,#0000,#7c5cfc,#0000);border-radius:2px;height:3px;margin-bottom:0}.cl-lamp-glow{pointer-events:none;background:radial-gradient(at 50% 0,#7c5cfc59,#0000 70%);width:60%;height:120px;margin-top:-2px}.cl-lamp-title{color:#fff;text-align:center;margin:-20px 0 0;font-size:22px;font-weight:700}.cl-demo-wobble{perspective:600px;width:300px;min-height:200px;transform-style:preserve-3d;cursor:default;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;padding:32px;display:flex}.cl-wobble-content{z-index:1;position:relative}.cl-wobble-title{color:#fff;margin:0 0 8px;font-size:18px}.cl-wobble-desc{color:#999;margin:0;font-size:13px;line-height:1.5}.cl-demo-vanish{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:360px;display:flex;position:relative}.cl-vanish-wrapper{gap:6px;width:100%;display:flex}.cl-vanish-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;outline:none;flex:1;padding:12px 16px;font-family:inherit;font-size:14px}.cl-vanish-input:focus{border-color:#6366f180}.cl-vanish-input::placeholder{color:#666}.cl-vanish-btn{color:#fff;cursor:pointer;background:#6366f14d;border:1px solid #6366f166;border-radius:10px;padding:12px 18px;font-size:16px;transition:background .2s}.cl-vanish-btn:hover{background:#6366f180}.cl-vanish-ghost{color:#7c5cfc;pointer-events:none;white-space:nowrap;font-size:14px;position:absolute;top:12px;left:16px}.cl-demo-focus-cards{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:350px;display:grid}.cl-focus-card{text-align:center;cursor:default;color:#ccc;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;font-size:13px;display:flex}.cl-focus-emoji{font-size:28px}.cl-demo-moving-border{justify-content:center;display:flex}.cl-moving-border-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;width:280px;padding:28px;position:relative;overflow:hidden}.cl-moving-border-track{pointer-events:none;border-radius:14px;position:absolute;inset:-1px;overflow:hidden}.cl-moving-border-dot{background:radial-gradient(circle,#7c5cfccc,#0000 70%);border-radius:50%;width:60px;height:60px;animation:4s linear infinite cl-border-travel;position:absolute}@keyframes cl-border-travel{0%{top:-30px;left:-30px}25%{top:-30px;left:calc(100% - 30px)}50%{top:calc(100% - 30px);left:calc(100% - 30px)}75%{top:calc(100% - 30px);left:-30px}to{top:-30px;left:-30px}}.cl-moving-border-content h3{color:#fff;margin:0 0 8px;font-size:16px}.cl-moving-border-content p{color:#999;margin:0;font-size:13px;line-height:1.5}.cl-demo-scroll-velocity{background:#0003;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;width:100%;max-width:450px;height:260px;display:flex;position:relative;overflow:hidden}.cl-velocity-marquee{white-space:nowrap;color:#ffffff14;padding:12px 0;font-size:24px;font-weight:700;display:flex;overflow:hidden}.cl-velocity-marquee span{animation:cl-velocity-scroll var(--velocity-duration,12s) linear infinite;display:inline-block}@keyframes cl-velocity-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.cl-velocity-scroll-area{border-top:1px solid #ffffff0f;flex:1;overflow-y:auto}.cl-velocity-scroll-track{padding:20px}.cl-velocity-scroll-track p{text-align:center;color:#666;font-size:13px}.cl-velocity-speed{color:#7c5cfc;font-size:11px;font-weight:600;position:absolute;top:8px;right:12px}.cl-demo-ripple-btn{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cl-ripple-button{background:var(--ripple-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:500;position:relative;overflow:hidden}.cl-ripple-wave{pointer-events:none;background:#ffffff59;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%)}.cl-demo-sparkles{justify-content:center;align-items:center;min-height:120px;display:flex}.cl-sparkles-container{padding:20px 40px;display:inline-block;position:relative}.cl-sparkle-star{color:#fbbf24;pointer-events:none;position:absolute}.cl-sparkles-text{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700}.cl-demo-ripple-grid{flex-direction:column;gap:2px;padding:10px;display:flex;position:relative}.cl-ripple-grid-row{gap:2px;display:flex}.cl-ripple-grid-cell{cursor:pointer;background:#ffffff0a;border-radius:4px;width:28px;height:28px;transition:background .1s}.cl-ripple-grid-cell:hover{background:#ffffff14}.cl-ripple-grid-hint{text-align:center;color:#666;margin-top:8px;font-size:11px}.cl-demo-lens{cursor:none;background:#0f0f19e6;border:1px solid #ffffff14;border-radius:14px;width:100%;max-width:400px;min-height:220px;position:relative;overflow:hidden}.cl-lens-content{padding:28px}.cl-lens-content h3{color:#fff;margin:0 0 8px;font-size:18px}.cl-lens-content p{color:#888;margin:0 0 16px;font-size:13px;line-height:1.5}.cl-lens-grid{flex-wrap:wrap;gap:12px;display:flex}.cl-lens-grid-item{background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.cl-lens-circle{pointer-events:none;z-index:10;background:#0f0f19f2;border:2px solid #7c5cfc80;border-radius:50%;position:absolute;overflow:hidden;box-shadow:0 0 20px #7c5cfc4d,inset 0 0 30px #7c5cfc0d}.cl-lens-magnified{pointer-events:none;width:400px;position:absolute}.cl-demo-orbit{justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.cl-orbit-center{color:#fff;z-index:2;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:14px;font-weight:800;display:flex}.cl-orbit-ring{width:var(--orbit-size);height:var(--orbit-size);animation:cl-orbit-rotate var(--orbit-duration) linear var(--orbit-delay) infinite;border:1px dashed #ffffff14;border-radius:50%;position:absolute}.cl-orbit-icon{font-size:20px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}@keyframes cl-orbit-rotate{to{transform:rotate(360deg)}}.cl-demo-carousel3d{text-align:center}.cl-carousel3d-scene{perspective:600px;width:100%;height:200px;margin-bottom:16px}.cl-carousel3d-ring{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.cl-carousel3d-card{color:#fff;backface-visibility:hidden;border-radius:12px;justify-content:center;align-items:center;width:120px;height:80px;margin-top:-40px;margin-left:-60px;font-size:14px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 4px 20px #0000004d}.cl-carousel3d-controls{justify-content:center;gap:8px;display:flex}.cl-demo-swipe{flex-direction:column;align-items:center;gap:16px;display:flex}.cl-swipe-stack{width:220px;height:140px;position:relative}.cl-swipe-card{color:#fff;cursor:grab;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;justify-content:center;align-items:center;width:220px;height:140px;font-size:20px;font-weight:700;display:flex;position:absolute;box-shadow:0 4px 20px #0003}.cl-swipe-card:active{cursor:grabbing}.cl-swipe-card:nth-child(2){background:linear-gradient(135deg,#ec4899,#f43f5e)}.cl-swipe-card:nth-child(3){background:linear-gradient(135deg,#10b981,#14b8a6)}.cl-swipe-hint{color:#666;font-size:13px}.cl-demo-accordion{width:100%;max-width:400px}.cl-accordion-item{border-bottom:1px solid #222}.cl-accordion-trigger{color:#ddd;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 0;font-family:inherit;font-size:14px;display:flex}.cl-accordion-trigger:hover{color:#fff}.cl-accordion-trigger span:last-child{color:#6366f1;font-size:20px}.cl-accordion-content{overflow:hidden}.cl-accordion-content p{color:#888;margin:0;padding:0 0 14px;font-size:13px;line-height:1.6}.cl-demo-scroll-timeline{width:100%;height:280px;padding:20px 20px 200px;overflow-y:auto}.cl-timeline-track{flex-direction:column;gap:0;padding-left:20px;display:flex}.cl-timeline-node{opacity:.4;padding:0 0 40px 32px;transition:opacity .3s;position:relative}.cl-timeline-node-active{opacity:1}.cl-timeline-dot{color:#888;background:#222;border:2px solid #444;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:0;left:-12px}.cl-timeline-node-active .cl-timeline-dot{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 0 12px #6366f166}.cl-timeline-info{flex-direction:column;gap:2px;display:flex}.cl-timeline-info strong{color:#ddd;font-size:14px}.cl-timeline-info span{color:#888;font-size:12px}.cl-timeline-connector{background:#333;width:2px;transition:background .3s;position:absolute;top:24px;bottom:0;left:0}.cl-timeline-connector-active{background:#6366f1}.cl-demo-tracing{gap:20px;width:100%;height:280px;padding:20px;display:flex;position:relative;overflow-y:auto}.cl-tracing-line{background:#ffffff1a;border-radius:2px;flex-shrink:0;width:3px;position:relative}.cl-tracing-fill{background:linear-gradient(#6366f1,#ec4899);border-radius:2px;width:100%;height:100%;position:absolute;top:0;left:0}.cl-tracing-dot{background:#6366f1;border-radius:50%;width:11px;height:11px;position:absolute;left:-4px;box-shadow:0 0 12px #6366f180}.cl-tracing-content{flex-direction:column;flex:1;gap:40px;padding-bottom:250px;display:flex}.cl-tracing-step{opacity:.4;background:#ffffff0a;border:1px solid #222;border-radius:10px;flex-direction:column;gap:4px;padding:16px 20px;transition:opacity .3s,border-color .3s;display:flex}.cl-tracing-step strong{color:#ddd;font-size:14px}.cl-tracing-step span{color:#888;font-size:12px}.cl-tracing-step-active{opacity:1;border-color:#6366f14d}.cl-hero-demo-wrapper{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.cl-hero-replay-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:flex}.cl-hero-replay-btn:hover{background:#4f46e5}.cl-hero-demo-scroll{background:#0f0f14;border:1px solid #222;border-radius:12px;width:100%;max-height:520px;overflow-y:auto}.cl-hero-scroll-prompt{color:#555;justify-content:center;align-items:center;height:120px;font-size:13px;animation:2s ease-in-out infinite cl-scroll-hint-pulse;display:flex}@keyframes cl-scroll-hint-pulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.cl-hero-scroll-end{height:80px}.cl-hero-section{text-align:center;flex-direction:column;align-items:center;margin-top:0;padding:48px 32px 40px;display:flex}.cl-hero-badge{color:#a5b4fc;background:#6366f11a;border:1px solid #6366f133;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.cl-hero-badge-dot{background:#6366f1;border-radius:50%;width:6px;height:6px}.cl-hero-title{color:#fff;margin:0 0 16px;font-size:36px;font-weight:800;line-height:1.15}.cl-hero-title-accent{background:linear-gradient(90deg,#6366f1,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cl-hero-subtitle{color:#888;max-width:500px;margin:0 0 24px;font-size:15px;line-height:1.6}.cl-hero-actions{gap:10px;margin-bottom:32px;display:flex}.cl-hero-btn-primary{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600}.cl-hero-btn-secondary{color:#ccc;cursor:pointer;background:#ffffff0f;border:1px solid #333;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:500}.cl-hero-stats{gap:32px;display:flex}.cl-hero-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.cl-hero-stat-n{color:#fff;font-size:22px;font-weight:800}.cl-hero-stat-l{color:#888;font-size:11px}.cl-hero-features{padding:32px}.cl-hero-features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cl-hero-feature-card{background:#ffffff0a;border:1px solid #222;border-radius:12px;padding:24px}.cl-hero-feature-icon{margin-bottom:10px;font-size:24px;display:block}.cl-hero-feature-card h3{color:#ddd;margin:0 0 6px;font-size:14px;font-weight:700}.cl-hero-feature-card p{color:#888;margin:0;font-size:12px;line-height:1.5}.cl-demo-3d{background:#0a0a14;border-radius:12px;width:100%;height:320px;overflow:hidden}.cl-demo-3d canvas{cursor:grab}.cl-demo-3d canvas:active{cursor:grabbing}.cl-demo-morph{flex-direction:column;align-items:center;gap:20px;display:flex}.cl-morph-shape{background:linear-gradient(135deg,#6366f1,#ec4899);width:120px;height:120px}.cl-morph-label{color:#888;font-size:14px;font-weight:600}.cl-demo-elastic{align-items:center;gap:16px;display:flex}.cl-elastic-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:12px;padding:14px 32px;font-family:inherit;font-size:15px;font-weight:600}.cl-elastic-btn-alt{background:#ec4899}.cl-demo-fan{cursor:default;flex-direction:column;align-items:center;gap:24px;padding-top:20px;display:flex}.cl-fan-stack{width:160px;height:100px;position:relative}.cl-fan-card{color:#fff;transform-origin:bottom;border-radius:12px;justify-content:center;align-items:center;width:160px;height:100px;font-size:14px;font-weight:700;display:flex;position:absolute;box-shadow:0 4px 12px #0000004d}.cl-fan-sub{opacity:.8;margin-top:4px;font-size:11px;font-weight:400;display:block}.cl-fan-controls{align-items:center;gap:12px;display:flex}.cl-fan-hint{color:#666;font-size:13px}.cl-demo-stagger-list{width:100%;max-width:360px}.cl-stagger-ul{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.cl-stagger-li{color:#ddd;background:#ffffff0f;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.cl-stagger-num{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.cl-demo-trail{color:#555;cursor:none;border:1px dashed #333;border-radius:12px;justify-content:center;align-items:center;width:100%;height:250px;display:flex;position:relative;overflow:hidden}.cl-trail-dot{pointer-events:none;background:#6366f1;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.cl-demo-clip-reveal{text-align:center}.cl-clip-text{color:#fff;background:linear-gradient(90deg,#6366f1,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:800}.cl-demo-parallax{cursor:default;background:#0a0a14;border-radius:12px;width:100%;height:260px;position:relative;overflow:hidden}.cl-parallax-layer{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cl-parallax-bg{z-index:1}.cl-parallax-mid{z-index:2}.cl-parallax-fg{z-index:3;color:#fff;flex-direction:column}.cl-parallax-fg h3{margin:0;font-size:24px}.cl-parallax-fg p{color:#888;margin:4px 0 0;font-size:14px}.cl-parallax-circle{background:radial-gradient(circle,#6366f126,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:20%;left:30%}.cl-parallax-circle-2{background:radial-gradient(circle,#ec48991f,#0000 70%);top:40%;left:60%}.cl-parallax-circle-3{background:radial-gradient(circle,#10b9811a,#0000 70%);width:160px;height:160px;top:60%;left:20%}.cl-parallax-stars{background-image:radial-gradient(1px 1px at 20% 30%,#ffffff26,#0000),radial-gradient(1px 1px at 60% 70%,#ffffff1a,#0000),radial-gradient(1px 1px at 80% 20%,#ffffff1f,#0000),radial-gradient(1px 1px at 40% 80%,#ffffff14,#0000),radial-gradient(1.5px 1.5px at 10% 60%,#fff3,#0000),radial-gradient(1px 1px at 90%,#ffffff1a,#0000);position:absolute;inset:-20px}.cl-parallax-shape{border:2px solid #6366f14d;border-radius:16px;width:80px;height:80px;position:absolute;top:30%;left:35%;transform:rotate(45deg)}.cl-parallax-shape-2{border:1.5px solid #ec489940;border-radius:50%;width:50px;height:50px;position:absolute;top:55%;left:65%}.cl-parallax-ring{border:1px solid #6366f126;border-radius:50%;width:100px;height:100px;position:absolute;top:20%;left:55%}.cl-parallax-dot{background:#6366f1;border-radius:50%;width:4px;height:4px;position:absolute}.cl-demo-skills{width:100%;max-width:400px}.cl-skill-row{margin-bottom:14px}.cl-skill-header{justify-content:space-between;margin-bottom:5px;display:flex}.cl-skill-name{color:#ccc;font-size:13px;font-weight:500}.cl-skill-pct{color:#888;font-variant-numeric:tabular-nums;font-size:12px}.cl-skill-track{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.cl-skill-fill{border-radius:4px;height:100%}.cl-demo-sonar{justify-content:center;align-items:center;width:260px;height:260px;display:flex}.cl-sonar-center{justify-content:center;align-items:center;display:flex;position:relative}.cl-sonar-dot{z-index:2;background:#6366f1;border-radius:50%;width:12px;height:12px}.cl-sonar-ring{border:2px solid #6366f1;border-radius:50%;width:12px;height:12px;animation:3.2s ease-out infinite cl-sonar-pulse;position:absolute}@keyframes cl-sonar-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(12)}}.layout-shell{min-height:100vh;display:grid}.layout-area-navbar{grid-area:navbar}.layout-area-sidebar{grid-area:sidebar}.layout-area-main{grid-area:main;overflow-y:auto}.layout-area-secondary{grid-area:secondaryNav}.layout-area-footer{grid-area:footer}.sidebar{background:var(--bg);border-right:var(--border-width) solid var(--border-color);flex-direction:column;height:100%;padding:16px 0;display:flex;overflow-y:auto}.sidebar-brand{border-bottom:var(--border-width) solid var(--border-color);align-items:center;gap:10px;margin-bottom:12px;padding:8px 20px 20px;display:flex}.sidebar-brand-icon{border-radius:var(--radius);background:var(--accent);width:32px;height:32px;color:var(--text-on-accent);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sidebar-brand-name{color:var(--text-heading);font-size:14px;font-weight:600}.sidebar-nav{flex:1;padding:0 8px}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text);opacity:.6;padding:8px 12px 4px;font-size:10px;font-weight:600}.sidebar-link{width:100%;color:var(--text);font-size:13px;font-family:var(--font-body);cursor:pointer;border-radius:var(--radius);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.sidebar-link:hover{background:var(--accent-light);color:var(--text-heading)}.sidebar-link-active{background:var(--accent-light);color:var(--accent);font-weight:600}.sidebar-link-expandable{position:relative}.sidebar-chevron{margin-left:auto;transition:transform .2s}.sidebar-submenu{padding-left:16px}.sidebar-sublink{cursor:pointer;text-align:left;border-radius:var(--radius);background:0 0;border:none;flex-direction:column;width:100%;padding:6px 12px;transition:background .15s;display:flex}.sidebar-sublink:hover{background:var(--accent-light)}.sidebar-sublink-label{color:var(--text-heading);font-size:13px}.sidebar-sublink-desc{color:var(--text);opacity:.7;font-size:11px}.sidebar-footer{border-top:var(--border-width) solid var(--border-color);margin-top:auto;padding:16px 20px}.sidebar-cta{background:var(--accent);width:100%;color:var(--text-on-accent);border:var(--btn-border);border-radius:var(--btn-radius);font-family:var(--font-body);cursor:pointer;transition:background var(--transition);padding:8px 16px;font-size:13px;font-weight:600}.sidebar-cta:hover{background:var(--accent-hover)}.breadcrumbs{font-size:13px;font-family:var(--font-body);color:var(--text);border-bottom:var(--border-width) solid var(--border-color);background:var(--bg);align-items:center;gap:8px;padding:10px 24px;display:flex}.breadcrumb-sep{opacity:.4}.breadcrumb-current{color:var(--text-heading);font-weight:600}.secondary-nav{border-left:var(--border-width) solid var(--border-color);background:var(--bg);height:fit-content;padding:24px 16px;position:sticky;top:0}.secondary-nav-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text);opacity:.6;margin-bottom:12px;font-size:11px;font-weight:600}.secondary-nav-links{flex-direction:column;gap:2px;display:flex}.secondary-nav-link{color:var(--text);border-radius:var(--radius);border-left:2px solid #0000;padding:4px 8px;font-size:13px;text-decoration:none;transition:color .15s;display:block}.secondary-nav-link:hover{color:var(--accent);border-left-color:var(--accent)}.layout-builder{flex-direction:column;gap:16px;display:flex}.layout-builder-section{flex-direction:column;gap:8px;display:flex}.layout-builder-label{text-transform:uppercase;letter-spacing:.05em;color:#999;font-size:11px;font-weight:600}.layout-preset-grid{flex-wrap:wrap;gap:6px;display:flex}.layout-preset-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12px;transition:all .15s}.layout-preset-btn:hover{color:#fff;border-color:#888}.layout-preset-btn-active{color:#111;background:#fff;border-color:#fff}.layout-structure-toggles{flex-wrap:wrap;gap:8px 16px;display:flex}.layout-toggle{color:#ccc;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.layout-toggle input[type=checkbox]{accent-color:var(--accent,#6366f1)}.layout-toggle-label{-webkit-user-select:none;user-select:none}.layout-section-list{flex-direction:column;gap:4px;display:flex}.layout-section-item{cursor:grab;background:#ffffff0f;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;transition:all .15s;display:flex}.layout-section-item:hover{background:#ffffff1a}.layout-section-drag-over{border-color:var(--accent,#6366f1);background:#6366f11a}.layout-drag-active{opacity:.5}.layout-section-drag-handle{color:#666;cursor:grab;-webkit-user-select:none;user-select:none;font-size:14px}.layout-section-name{color:#ddd;flex:1;font-size:13px}.layout-section-arrows{gap:2px;display:flex}.layout-arrow-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:12px}.layout-arrow-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.layout-arrow-btn:disabled{opacity:.3;cursor:default}.layout-section-remove{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.layout-section-remove:hover{color:#ff6b6b}.layout-add-sections{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.layout-add-label{color:#888;font-size:11px}.layout-add-btn{color:#aaa;cursor:pointer;background:0 0;border:1px dashed #555;border-radius:4px;padding:3px 10px;font-family:inherit;font-size:11px}.layout-add-btn:hover{border-color:var(--accent,#6366f1);color:#fff}.layout-reset-btn{color:#aaa;cursor:pointer;background:#ffffff14;border:1px solid #444;border-radius:6px;align-self:flex-start;padding:6px 14px;font-family:inherit;font-size:12px}.layout-reset-btn:hover{color:#fff;background:#ffffff26}@media (width<=900px){.features-grid,.testimonials-grid{grid-template-columns:1fr}.nav-links,.nav-actions{display:none}.nav-hamburger{display:flex}.footer-inner{flex-direction:column}.footer-links{flex-wrap:wrap;gap:32px}.hero-stats{flex-direction:column;gap:16px}.hero-stat-divider{width:40px;height:1px}.theme-switcher-inner{flex-direction:column;align-items:flex-start;gap:10px}.theme-carousel-wrapper{width:100%}.layout-shell{grid-template-columns:1fr!important}.layout-area-sidebar,.layout-area-secondary{display:none}.layout-shell[data-layout=dashboard],.layout-shell[data-layout=docs],.layout-shell[data-layout=ecommerce],.layout-shell[data-layout=app-shell]{grid-template-areas:"navbar""main"!important}.layout-shell[data-layout=app-shell]{grid-template-areas:"main"!important}}@media (width<=600px){.hero{padding:60px 16px 50px}.hero-subtitle{font-size:16px}.features,.testimonials,.cta-section{padding-left:16px;padding-right:16px}.feature-card,.testimonial-card{padding:24px}.prompt-page{padding:30px 16px}}.design-toolbar{background:#0d0d0d;border-bottom:1px solid #ffffff0f;font-family:Inter,sans-serif}.dt-inner{align-items:center;gap:6px;max-width:1200px;margin:0 auto;padding:6px 24px;display:flex}.dt-group{align-items:center;gap:6px;display:flex}.dt-group-label{text-transform:uppercase;letter-spacing:.06em;color:#555;margin-right:4px;font-size:10px;font-weight:600}.dt-separator{background:#ffffff14;width:1px;height:20px;margin:0 4px}.dt-device-btns{background:#ffffff0a;border-radius:6px;gap:2px;padding:2px;display:flex}.dt-device-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:30px;height:26px;transition:all .15s;display:flex}.dt-device-btn:hover{color:#aaa;background:#ffffff0f}.dt-device-btn-active{color:#fff;background:#ffffff1f}.dt-layout-btn{color:#ccc;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:7px;padding:6px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:flex}.dt-layout-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.dt-layout-btn-active{color:#fff;background:#ffffff24;border-color:#ffffff40}.dt-layout-btn-custom{color:#a5b4fc;border-color:#6366f166}.dt-layout-btn-custom:hover{border-color:#6366f199}.dt-layout-preset-name{text-overflow:ellipsis;max-width:120px;overflow:hidden}.dt-tool-btn{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .15s;display:flex}.dt-tool-btn:hover{color:#aaa;background:#ffffff0f}.dt-tool-btn-active{color:#fff;background:#ffffff1a;border-color:#ffffff26}.dt-tool-btn-modified{color:#7c5cfc}.dt-tool-btn-modified.dt-tool-btn-active{color:#a88bff}.dt-panel{background:#141414;border-top:1px solid #ffffff0f;max-width:1200px;margin:0 auto;padding:14px 24px 16px;animation:.15s dtPanelIn}@keyframes dtPanelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dt-panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dt-panel-title{color:#999;font-size:12px;font-weight:600}.dt-reset-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;padding:3px 10px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;transition:all .15s}.dt-reset-btn:hover{color:#fff;background:#ffffff14}.dt-colors-grid{flex-wrap:wrap;gap:8px;display:flex}.dt-color-item{position:relative}.dt-color-btn{color:#aaa;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;transition:all .15s;display:flex}.dt-color-btn:hover{background:#ffffff14;border-color:#fff3}.dt-color-swatch{border:1px solid #ffffff26;border-radius:4px;flex-shrink:0;width:18px;height:18px}.dt-color-label{line-height:1}.dt-color-popover{z-index:100;background:#1a1a1a;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:6px;padding:8px;animation:.1s dtPanelIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0006}.dt-color-popover input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;height:36px;padding:0}.dt-color-popover input[type=color]::-webkit-color-swatch-wrapper{padding:0}.dt-color-popover input[type=color]::-webkit-color-swatch{border:1px solid #ffffff26;border-radius:4px}.dt-color-text{color:#ccc;text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;width:100%;padding:4px 6px;font-family:JetBrains Mono,monospace;font-size:11px}.dt-color-text:focus{border-color:#7c5cfc;outline:none}.dt-mix-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.dt-mix-dimension{flex-direction:column;gap:4px;display:flex}.dt-mix-label{text-transform:uppercase;letter-spacing:.06em;color:#666;font-size:10px;font-weight:700}.dt-mix-select,.dt-section-select{color:#ccc;cursor:pointer;appearance:none;background:#ffffff0f url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #ffffff1a;border-radius:6px;padding:6px 24px 6px 8px;font-family:Inter,sans-serif;font-size:11px;transition:all .15s}.dt-mix-select:hover,.dt-section-select:hover{border-color:#ffffff40}.dt-mix-select:focus,.dt-section-select:focus{border-color:#7c5cfc;outline:none}.dt-mix-select option,.dt-section-select option{color:#ccc;background:#1a1a1a}.dt-sections-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.dt-section-row{flex-direction:column;gap:4px;display:flex}.dt-section-label{text-transform:uppercase;letter-spacing:.06em;color:#666;font-size:10px;font-weight:700}.section-override-wrapper{font-family:var(--font-body);font-weight:var(--body-weight);color:var(--text);background:var(--bg);transition:all .3s}@media (width<=900px){.dt-inner{flex-wrap:wrap;gap:4px}.dt-mix-grid{grid-template-columns:repeat(2,1fr)}.dt-sections-grid{grid-template-columns:repeat(3,1fr)}}.responsive-tablet .features-grid,.responsive-tablet .testimonials-grid,.responsive-mobile .features-grid,.responsive-mobile .testimonials-grid{grid-template-columns:1fr!important}.responsive-tablet .nav-links,.responsive-mobile .nav-links,.responsive-tablet .nav-actions,.responsive-mobile .nav-actions{display:none!important}.responsive-tablet .nav-hamburger,.responsive-mobile .nav-hamburger{display:flex!important}.responsive-tablet .footer-inner,.responsive-mobile .footer-inner{flex-direction:column!important}.responsive-tablet .footer-links,.responsive-mobile .footer-links{flex-wrap:wrap!important;gap:32px!important}.responsive-tablet .hero-stats,.responsive-mobile .hero-stats{flex-direction:column!important;gap:16px!important}.responsive-tablet .hero-stat-divider,.responsive-mobile .hero-stat-divider{width:40px!important;height:1px!important}.responsive-tablet .navbar-inner,.responsive-mobile .navbar-inner{padding:10px 16px!important}.responsive-tablet .layout-shell,.responsive-mobile .layout-shell{grid-template-columns:1fr!important}.responsive-tablet .layout-area-sidebar,.responsive-mobile .layout-area-sidebar,.responsive-tablet .layout-area-secondary,.responsive-mobile .layout-area-secondary{display:none!important}.responsive-tablet .layout-shell[data-layout=dashboard],.responsive-tablet .layout-shell[data-layout=docs],.responsive-tablet .layout-shell[data-layout=ecommerce],.responsive-mobile .layout-shell[data-layout=dashboard],.responsive-mobile .layout-shell[data-layout=docs],.responsive-mobile .layout-shell[data-layout=ecommerce]{grid-template-areas:"navbar""main"!important}.responsive-tablet .layout-shell[data-layout=app-shell],.responsive-mobile .layout-shell[data-layout=app-shell]{grid-template-areas:"main"!important}.responsive-mobile .hero{padding:60px 16px 50px!important}.responsive-mobile .hero-subtitle{font-size:16px!important}.responsive-mobile .hero-title{font-size:32px!important}.responsive-mobile .features,.responsive-mobile .testimonials,.responsive-mobile .cta-section{padding-left:16px!important;padding-right:16px!important}.responsive-mobile .feature-card,.responsive-mobile .testimonial-card{padding:24px!important}.responsive-mobile .section-title{font-size:24px!important}.responsive-mobile .section-subtitle{font-size:14px!important}.responsive-mobile .hero-actions{flex-direction:column!important;align-items:center!important}.responsive-mobile .btn-lg{justify-content:center!important;width:100%!important}.responsive-mobile .footer-links{gap:24px!important}.responsive-mobile .footer-brand{max-width:100%!important}.responsive-mobile .cta-title{font-size:24px!important}.responsive-mobile .cta-subtitle{font-size:14px!important}.responsive-mobile .navbar-inner{justify-content:space-between!important}:root{--vibe-hero-align:center;--vibe-hero-title-size:clamp(40px, 6vw, 72px);--vibe-hero-subtitle-width:600px;--vibe-content-max-width:1200px;--vibe-section-gap:var(--section-gap,80px);--vibe-feature-cols:3;--vibe-feature-gap:24px;--vibe-card-padding:32px;--vibe-testimonial-cols:3;--vibe-heading-scale:1;--vibe-body-line-height:1.6;--vibe-body-font-size:1rem;--vibe-hero-stats-display:flex;--vibe-badge-display:inline-flex;--vibe-section-label-display:inline-block;--vibe-cta-padding:100px 0;--vibe-card-radius-boost:0px}[data-vibe]:not([data-vibe=none]) .hero{text-align:var(--vibe-hero-align)}[data-vibe]:not([data-vibe=none]) .hero-content{max-width:var(--vibe-hero-subtitle-width,800px)}[data-vibe]:not([data-vibe=none]) .hero-title{font-size:var(--vibe-hero-title-size)}[data-vibe]:not([data-vibe=none]) .hero-subtitle{max-width:var(--vibe-hero-subtitle-width);line-height:var(--vibe-body-line-height)}[data-vibe]:not([data-vibe=none]) .hero-stats{display:var(--vibe-hero-stats-display);justify-content:var(--vibe-hero-align)}[data-vibe]:not([data-vibe=none]) .hero-actions{justify-content:var(--vibe-hero-align)}[data-vibe]:not([data-vibe=none]) .hero-badge{display:var(--vibe-badge-display)}[data-vibe]:not([data-vibe=none]) .features-grid{grid-template-columns:repeat(var(--vibe-feature-cols), 1fr);gap:var(--vibe-feature-gap);max-width:var(--vibe-content-max-width)}[data-vibe]:not([data-vibe=none]) .feature-card{padding:var(--vibe-card-padding)}[data-vibe]:not([data-vibe=none]) .features,[data-vibe]:not([data-vibe=none]) .testimonials{padding-top:var(--vibe-section-gap);padding-bottom:var(--vibe-section-gap)}[data-vibe]:not([data-vibe=none]) .testimonials-grid{grid-template-columns:repeat(var(--vibe-testimonial-cols), 1fr);max-width:var(--vibe-content-max-width)}[data-vibe]:not([data-vibe=none]) .section-title{font-size:calc(clamp(28px, 4vw, 44px) * var(--vibe-heading-scale))}[data-vibe]:not([data-vibe=none]) .section-label{display:var(--vibe-section-label-display)}[data-vibe]:not([data-vibe=none]) .section-subtitle{line-height:var(--vibe-body-line-height);font-size:var(--vibe-body-font-size)}[data-vibe]:not([data-vibe=none]) .feature-description{line-height:var(--vibe-body-line-height)}[data-vibe]:not([data-vibe=none]) .cta-section{padding:var(--vibe-cta-padding)}[data-vibe]:not([data-vibe=none]) .cta-inner,[data-vibe]:not([data-vibe=none]) .navbar-inner,[data-vibe]:not([data-vibe=none]) .footer-inner{max-width:var(--vibe-content-max-width)}[data-vibe]:not([data-vibe=none]) .section-header{text-align:var(--vibe-hero-align)}[data-vibe]:not([data-vibe=none]) .section-subtitle{margin:0 auto}[data-vibe-layout=left-hero] .hero,[data-vibe-layout=data-dense] .hero,[data-vibe-layout=bold] .hero,[data-vibe-layout=energy] .hero{text-align:left;padding:80px 24px 60px}[data-vibe-layout=left-hero] .hero-content,[data-vibe-layout=data-dense] .hero-content,[data-vibe-layout=bold] .hero-content,[data-vibe-layout=energy] .hero-content{max-width:var(--vibe-content-max-width);margin:0 auto}[data-vibe-layout=left-hero] .hero-badge,[data-vibe-layout=data-dense] .hero-badge,[data-vibe-layout=bold] .hero-badge,[data-vibe-layout=energy] .hero-badge{justify-content:flex-start}[data-vibe-layout=left-hero] .hero-subtitle,[data-vibe-layout=data-dense] .hero-subtitle,[data-vibe-layout=bold] .hero-subtitle,[data-vibe-layout=energy] .hero-subtitle{margin-left:0;margin-right:auto}[data-vibe-layout=left-hero] .hero-actions,[data-vibe-layout=data-dense] .hero-actions,[data-vibe-layout=bold] .hero-actions,[data-vibe-layout=energy] .hero-actions,[data-vibe-layout=left-hero] .hero-stats,[data-vibe-layout=data-dense] .hero-stats,[data-vibe-layout=energy] .hero-stats{justify-content:flex-start}[data-vibe-layout=left-hero] .section-header,[data-vibe-layout=data-dense] .section-header{text-align:left}[data-vibe-layout=left-hero] .section-subtitle,[data-vibe-layout=data-dense] .section-subtitle{margin-left:0}[data-vibe-layout=dramatic] .hero{padding:140px 24px 120px}[data-vibe-layout=dramatic] .hero-badge{letter-spacing:.1em;text-transform:uppercase;font-size:11px}[data-vibe-layout=dramatic] .feature-card{box-shadow:none;border:none;border-top:2px solid var(--border-color);padding:var(--vibe-card-padding) 0;background:0 0;border-radius:0}[data-vibe-layout=dramatic] .feature-card:hover{box-shadow:none;transform:none}[data-vibe-layout=dramatic] .testimonial-card{box-shadow:none;text-align:center;background:0 0;border:none;padding:48px 32px}[data-vibe-layout=dramatic] .testimonials-grid{max-width:700px}[data-vibe-layout=dramatic] .testimonial-quote{font-size:22px;line-height:1.6}[data-vibe-layout=dramatic] .cta-inner{max-width:600px}[data-vibe-layout=gallery] .hero{padding:160px 24px 140px}[data-vibe-layout=gallery] .hero-title{letter-spacing:-.03em}[data-vibe-layout=gallery] .feature-card{box-shadow:none;padding:var(--vibe-card-padding);background:0 0;border:none}[data-vibe-layout=gallery] .feature-card:hover{box-shadow:none;opacity:.8;transform:none}[data-vibe-layout=gallery] .feature-icon{border:2px solid var(--accent);background:0 0}[data-vibe-layout=gallery] .features{background:0 0}[data-vibe-layout=gallery] .section-header{margin-bottom:80px}[data-vibe-layout=gallery] .testimonials-grid{max-width:640px}[data-vibe-layout=gallery] .testimonial-card{box-shadow:none;text-align:center;background:0 0;border:none}[data-vibe-layout=gallery] .testimonial-quote{font-size:24px;font-style:italic;line-height:1.6}[data-vibe-layout=gallery] .testimonial-stars{display:none}[data-vibe-layout=gallery] .cta-section{background:0 0;padding:120px 0}[data-vibe-layout=gallery] .cta-title{font-size:clamp(36px,5vw,56px)}[data-vibe-layout=gallery] .footer{border-top:1px solid var(--border-color)}[data-vibe-layout=dense] .hero{padding:64px 24px 48px}[data-vibe-layout=dense] .hero-badge{margin-bottom:20px}[data-vibe-layout=dense] .hero-title{margin-bottom:16px}[data-vibe-layout=dense] .hero-subtitle{margin-bottom:24px}[data-vibe-layout=dense] .hero-actions{margin-bottom:36px}[data-vibe-layout=dense] .feature-card{padding:var(--vibe-card-padding)}[data-vibe-layout=dense] .feature-icon{width:40px;height:40px;margin-bottom:14px}[data-vibe-layout=dense] .feature-title{margin-bottom:8px;font-size:16px}[data-vibe-layout=dense] .feature-description{font-size:13px}[data-vibe-layout=dense] .section-header{margin-bottom:40px}[data-vibe-layout=dense] .testimonial-quote{font-size:14px}[data-vibe-layout=data-dense] .hero{padding:64px 24px 48px}[data-vibe-layout=data-dense] .hero-badge{font-family:var(--font-body);text-transform:none;font-size:12px}[data-vibe-layout=data-dense] .feature-card{border-left:3px solid var(--accent);border-radius:0 var(--card-radius) var(--card-radius) 0}[data-vibe-layout=data-dense] .feature-icon{width:40px;height:40px;margin-bottom:14px}[data-vibe-layout=data-dense] .feature-title{text-transform:uppercase;letter-spacing:.04em;font-size:15px}[data-vibe-layout=data-dense] .feature-description{font-size:13px}[data-vibe-layout=data-dense] .hero-stat-number{font-size:32px}[data-vibe-layout=data-dense] .section-header{margin-bottom:40px}[data-vibe-layout=corporate] .hero{padding:80px 24px 64px}[data-vibe-layout=corporate] .hero-badge{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);font-weight:600}[data-vibe-layout=corporate] .hero-badge-dot{background:var(--text-on-accent)}[data-vibe-layout=corporate] .feature-card{border-top:3px solid var(--accent);border-radius:0 0 var(--card-radius) var(--card-radius)}[data-vibe-layout=corporate] .cta-section{background:var(--bg-dark);color:var(--text-on-dark)}[data-vibe-layout=corporate] .cta-title{color:var(--text-on-dark)}[data-vibe-layout=corporate] .cta-subtitle{color:var(--text-on-dark);opacity:.85}[data-vibe-layout=corporate] .hero-stat-number{color:var(--accent);font-size:32px}[data-vibe-layout=elegant] .hero{padding:120px 24px 100px}[data-vibe-layout=elegant] .hero-badge{letter-spacing:.02em;background:0 0;border:none;font-style:italic}[data-vibe-layout=elegant] .hero-badge-dot{display:none}[data-vibe-layout=elegant] .hero-title{letter-spacing:-.02em;line-height:1.1}[data-vibe-layout=elegant] .feature-card{background:var(--bg-card);border:none;box-shadow:0 1px 3px #0000000a}[data-vibe-layout=elegant] .feature-card:hover{transform:none;box-shadow:0 4px 16px #00000014}[data-vibe-layout=elegant] .feature-icon{border:1px solid var(--border-color);color:var(--text-heading);background:0 0}[data-vibe-layout=elegant] .section-header{margin-bottom:72px}[data-vibe-layout=elegant] .section-label{letter-spacing:.15em;background:0 0;border:none;font-size:11px}[data-vibe-layout=elegant] .testimonial-stars{display:none}[data-vibe-layout=elegant] .testimonial-quote{font-size:16px;font-style:italic}[data-vibe-layout=elegant] .cta-section{background:var(--bg-dark);color:var(--text-on-dark);padding:120px 0}[data-vibe-layout=elegant] .cta-title{color:var(--text-on-dark)}[data-vibe-layout=elegant] .cta-subtitle{color:var(--text-on-dark);opacity:.8}[data-vibe-layout=immersive] .hero{background:var(--bg-dark);color:var(--text-on-dark);padding:120px 24px 100px}[data-vibe-layout=immersive] .hero-bg{background:var(--bg-dark);opacity:1}[data-vibe-layout=immersive] .hero-title{color:var(--text-on-dark)}[data-vibe-layout=immersive] .hero-subtitle{color:var(--text-on-dark);opacity:.85}[data-vibe-layout=immersive] .hero-stat-number{color:var(--text-on-dark)}[data-vibe-layout=immersive] .hero-stat-label{color:var(--text-on-dark);opacity:.7}[data-vibe-layout=immersive] .hero-stat-divider{background:#fff3}[data-vibe-layout=immersive] .hero-badge{color:var(--text-on-dark);background:#ffffff1a;border-color:#ffffff26}[data-vibe-layout=immersive] .hero-badge-dot{background:var(--accent)}[data-vibe-layout=immersive] .features{background:var(--bg)}[data-vibe-layout=immersive] .feature-card{min-height:200px}[data-vibe-layout=bold] .hero{padding:100px 24px 80px}[data-vibe-layout=bold] .hero-title{letter-spacing:-.04em;line-height:.95}[data-vibe-layout=bold] .hero-stats{display:none}[data-vibe-layout=bold] .features{background:var(--bg-dark);color:var(--text-on-dark)}[data-vibe-layout=bold] .features .section-label{color:var(--accent);border-color:#ffffff26}[data-vibe-layout=bold] .features .section-title{color:var(--text-on-dark)}[data-vibe-layout=bold] .features .section-subtitle{color:var(--text-on-dark);opacity:.7}[data-vibe-layout=bold] .feature-card{background:#ffffff0d;border-color:#ffffff14}[data-vibe-layout=bold] .feature-title{color:var(--text-on-dark)}[data-vibe-layout=bold] .feature-description{color:var(--text-on-dark);opacity:.7}[data-vibe-layout=bold] .feature-card:hover{background:#ffffff1a;transform:none}[data-vibe-layout=bold] .testimonials-grid{max-width:700px}[data-vibe-layout=bold] .testimonial-card{box-shadow:none;background:0 0;border:none}[data-vibe-layout=bold] .testimonial-quote{font-size:20px}[data-vibe-layout=bold] .testimonial-stars{display:none}[data-vibe-layout=shop] .hero{padding:72px 24px 56px}[data-vibe-layout=shop] .hero-actions{margin-bottom:32px}[data-vibe-layout=shop] .hero-badge{background:var(--accent-light);color:var(--accent);border:none;font-weight:600}[data-vibe-layout=shop] .hero-badge-dot{display:none}[data-vibe-layout=shop] .feature-card{text-align:center}[data-vibe-layout=shop] .feature-icon{border-radius:50%;width:56px;height:56px;margin-left:auto;margin-right:auto}[data-vibe-layout=shop] .section-header{margin-bottom:40px}[data-vibe-layout=shop] .testimonial-card{padding:20px}[data-vibe-layout=shop] .testimonial-quote{font-size:14px}[data-vibe-layout=tech] .hero{padding:80px 24px 60px}[data-vibe-layout=tech] .hero-badge{font-family:monospace, var(--font-body);letter-spacing:0;border-radius:var(--radius);font-size:12px}[data-vibe-layout=tech] .feature-card{border:1px solid var(--border-color)}[data-vibe-layout=tech] .feature-title{font-family:var(--font-heading);font-size:16px}[data-vibe-layout=tech] .feature-description{font-size:13px}[data-vibe-layout=tech] .feature-icon{border-radius:var(--radius)}[data-vibe-layout=tech] .section-label{font-family:monospace, var(--font-body);border-radius:var(--radius)}[data-vibe-layout=tech] .hero-stat-number{font-family:monospace, var(--font-heading)}[data-vibe-layout=warm-centered] .hero{padding:90px 24px 70px}[data-vibe-layout=warm-centered] .feature-card{border-radius:calc(var(--card-radius) + var(--vibe-card-radius-boost));text-align:center}[data-vibe-layout=warm-centered] .feature-icon{border-radius:50%;width:56px;height:56px;margin-left:auto;margin-right:auto}[data-vibe-layout=warm-centered] .testimonial-card{border-radius:calc(var(--card-radius) + var(--vibe-card-radius-boost));text-align:center}[data-vibe-layout=warm-centered] .testimonial-author{justify-content:center}[data-vibe-layout=warm-centered] .testimonial-avatar{width:48px;height:48px;font-size:16px}[data-vibe-layout=warm-centered] .btn{border-radius:999px;padding-left:28px;padding-right:28px}[data-vibe-layout=impact] .hero{padding:100px 24px 80px}[data-vibe-layout=impact] .hero-stat-number{color:var(--accent);font-size:36px}[data-vibe-layout=impact] .hero-stat-label{font-weight:600}[data-vibe-layout=impact] .hero-stat-divider{height:48px}[data-vibe-layout=impact] .feature-icon,[data-vibe-layout=impact] .cta-section{background:var(--accent);color:var(--text-on-accent)}[data-vibe-layout=impact] .cta-title{color:var(--text-on-accent)}[data-vibe-layout=impact] .cta-subtitle{color:var(--text-on-accent);opacity:.9}[data-vibe-layout=impact] .cta-section .btn-primary{background:var(--bg);color:var(--text-heading)}[data-vibe-layout=impact] .cta-section .btn-primary:hover{background:var(--bg-secondary)}[data-vibe-layout=energy] .hero{background:var(--bg-dark);color:var(--text-on-dark);padding:80px 24px 60px}[data-vibe-layout=energy] .hero-bg{background:var(--bg-dark)}[data-vibe-layout=energy] .hero-title{color:var(--text-on-dark);text-transform:uppercase;letter-spacing:-.02em}[data-vibe-layout=energy] .hero-subtitle{color:var(--text-on-dark);opacity:.85}[data-vibe-layout=energy] .hero-badge{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}[data-vibe-layout=energy] .hero-badge-dot{display:none}[data-vibe-layout=energy] .hero-stat-number{color:var(--accent)}[data-vibe-layout=energy] .hero-stat-label{color:var(--text-on-dark);opacity:.7}[data-vibe-layout=energy] .hero-stat-divider{background:#ffffff26}[data-vibe-layout=energy] .feature-card{border-top:3px solid var(--accent);border-radius:0 0 var(--card-radius) var(--card-radius)}[data-vibe-layout=energy] .section-label{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);font-weight:700}[data-vibe-layout=accessible] .hero{padding:88px 24px 72px}[data-vibe-layout=accessible] .feature-description,[data-vibe-layout=accessible] .testimonial-quote,[data-vibe-layout=accessible] .section-subtitle{font-size:var(--vibe-body-font-size);line-height:var(--vibe-body-line-height)}[data-vibe-layout=accessible] .feature-icon{border:2px solid var(--accent);color:var(--accent);background:0 0}[data-vibe-layout=accessible] .feature-card{border-left:4px solid var(--accent);border-radius:0 var(--card-radius) var(--card-radius) 0}[data-vibe-layout=accessible] .hero-badge{border-radius:var(--radius);font-weight:600}[data-vibe-layout=structured] .hero{padding:88px 24px 72px}[data-vibe-layout=structured] .feature-card{padding-top:40px;position:relative}[data-vibe-layout=structured] .section-label{background:var(--accent-light);color:var(--accent);border:none;font-weight:700}[data-vibe-layout=structured] .hero-badge{background:var(--accent-light);color:var(--accent);border:none;font-weight:600}[data-vibe-layout=structured] .hero-badge-dot{display:none}[data-vibe-layout=listings] .hero{padding:80px 24px 64px}[data-vibe-layout=listings] .hero-actions{gap:16px}[data-vibe-layout=listings] .feature-card{text-align:center;min-height:220px}[data-vibe-layout=listings] .feature-icon{margin-left:auto;margin-right:auto}[data-vibe-layout=listings] .hero-stat-number{color:var(--accent);font-size:32px}[data-vibe-layout=listings] .cta-section{background:var(--bg-secondary)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #fff}