:root{--color-primary:#8b5cf6;--color-primary-light:#a78bfa;--color-primary-dark:#7c3aed;--color-secondary:#ec4899;--color-secondary-light:#f472b6;--color-secondary-dark:#db2777;--color-accent:#06b6d4;--color-accent-light:#22d3ee;--color-accent-dark:#0891b2;--color-tertiary:#f59e0b;--color-quaternary:#10b981;--color-rainbow-red:#ef4444;--color-rainbow-orange:#f97316;--color-rainbow-yellow:#eab308;--color-rainbow-green:#22c55e;--color-rainbow-blue:#3b82f6;--color-rainbow-indigo:#6366f1;--color-rainbow-violet:#8b5cf6;--color-background:#000;--color-background-secondary:#0a0a0a;--color-background-tertiary:#111;--color-surface:hsla(0,0%,100%,.03);--color-surface-hover:hsla(0,0%,100%,.06);--color-text-primary:#fff;--color-text-secondary:#e5e5e5;--color-text-muted:#a3a3a3;--gradient-rainbow:linear-gradient(135deg,var(--color-rainbow-red) 0%,var(--color-rainbow-orange) 14.28%,var(--color-rainbow-yellow) 28.56%,var(--color-rainbow-green) 42.84%,var(--color-rainbow-blue) 57.12%,var(--color-rainbow-indigo) 71.4%,var(--color-rainbow-violet) 85.68%,var(--color-secondary) 100%);--gradient-rainbow-glow:linear-gradient(135deg,rgba(239,68,68,.8),rgba(249,115,22,.8) 14.28%,rgba(234,179,8,.8) 28.56%,rgba(34,197,94,.8) 42.84%,rgba(59,130,246,.8) 57.12%,rgba(99,102,241,.8) 71.4%,rgba(139,92,246,.8) 85.68%,rgba(236,72,153,.8));--gradient-primary:var(--gradient-rainbow);--gradient-accent:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary) 100%);--gradient-hero:linear-gradient(135deg,#000,#0a0a0a 50%,#111);--gradient-card:linear-gradient(145deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01));--gradient-glow:var(--gradient-rainbow-glow);--font-family-primary:"Inter","system-ui","-apple-system",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--spacing-0_5:0.125rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5),0 4px 6px -2px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.6),0 10px 10px -5px rgba(0,0,0,.4);--shadow-rainbow-glow:0 0 20px var(--gradient-rainbow-glow);--shadow-rainbow-glow-strong:0 0 40px var(--gradient-rainbow-glow);--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1050;--z-tooltip:1070;--container-max-width:1440px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-background);overflow-x:hidden}.text-gradient{background:var(--gradient-rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:rainbow-text 3s ease-in-out infinite}.text-gradient--accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(139,92,246,.3)}50%{box-shadow:0 0 30px rgba(139,92,246,.6),0 0 40px rgba(236,72,153,.3)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes rainbow-glow{0%{filter:drop-shadow(0 0 10px rgba(239,68,68,.8))}14.28%{filter:drop-shadow(0 0 15px rgba(249,115,22,.8))}28.56%{filter:drop-shadow(0 0 20px rgba(234,179,8,.8))}42.84%{filter:drop-shadow(0 0 15px rgba(34,197,94,.8))}57.12%{filter:drop-shadow(0 0 20px rgba(59,130,246,.8))}71.4%{filter:drop-shadow(0 0 15px rgba(99,102,241,.8))}85.68%{filter:drop-shadow(0 0 10px rgba(139,92,246,.8))}to{filter:drop-shadow(0 0 15px rgba(236,72,153,.8))}}@keyframes rainbow-text{0%{background-position:100% 50%}50%{background-position:0 50%}to{background-position:100% 50%}}@keyframes rainbow-border-glow{0%{box-shadow:0 0 20px rgba(239,68,68,.6),0 0 40px rgba(239,68,68,.3)}14.28%{box-shadow:0 0 20px rgba(249,115,22,.6),0 0 40px rgba(249,115,22,.3)}28.56%{box-shadow:0 0 20px rgba(234,179,8,.6),0 0 40px rgba(234,179,8,.3)}42.84%{box-shadow:0 0 20px rgba(34,197,94,.6),0 0 40px rgba(34,197,94,.3)}57.12%{box-shadow:0 0 20px rgba(59,130,246,.6),0 0 40px rgba(59,130,246,.3)}71.4%{box-shadow:0 0 20px rgba(99,102,241,.6),0 0 40px rgba(99,102,241,.3)}85.68%{box-shadow:0 0 20px rgba(139,92,246,.6),0 0 40px rgba(139,92,246,.3)}to{box-shadow:0 0 20px rgba(236,72,153,.6),0 0 40px rgba(236,72,153,.3)}}.animated-gradient{background:linear-gradient(-45deg,#000,#0a0a0a,#111,#1a1a1a);background-size:400% 400%;animation:gradient-shift 15s ease infinite}.glass{background:hsla(0,0%,100%,.03);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.hover-lift{transition:transform var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}@media (max-width:767px){:root{--font-size-5xl:2.25rem;--font-size-6xl:2.75rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.detail-layout{min-height:100vh;background:var(--color-background)}.detail-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:rgba(0,0,0,.95);backdrop-filter:blur(20px);height:60px}.detail-header__container{height:100%;padding:0 var(--spacing-6);display:flex;align-items:center;justify-content:space-between}.detail-header__left{display:flex;align-items:center;gap:var(--spacing-4)}.detail-header__menu-toggle{background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.detail-header__menu-toggle:hover{background:var(--color-surface-hover)}.detail-header__logo{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.detail-header__logo-image{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.detail-header__right{display:flex;align-items:center;gap:var(--spacing-4)}.detail-header__login{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.detail-header__login:hover{color:var(--color-text-primary)}.detail-header__signup{background:var(--gradient-rainbow);color:#fff;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);background-size:200% 200%;animation:gradient-shift 3s ease-in-out infinite}.detail-header__signup:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.detail-layout__body{display:flex}.detail-sidebar{width:240px;background:var(--color-background-secondary);overflow-y:auto;flex-shrink:0;transition:transform var(--transition-normal)}.detail-sidebar__content{padding:var(--spacing-6) 0;display:flex;flex-direction:column;height:100%}.detail-sidebar__nav{flex:1 1;padding:0 var(--spacing-4)}.detail-sidebar__category{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;margin:var(--spacing-4) var(--spacing-3) var(--spacing-2)}.detail-sidebar__item{margin-bottom:var(--spacing-1)}.detail-sidebar__link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:var(--font-weight-medium)}.detail-sidebar__link:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.detail-sidebar__link--active{background:var(--color-primary);color:#fff}.detail-sidebar__link--active:hover{background:var(--color-primary)!important;color:#fff}.detail-sidebar__sublink{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-size-sm);margin-left:var(--spacing-2)}.detail-sidebar__sublink:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.detail-sidebar__sublink--active{background:var(--color-primary);color:#fff}.detail-sidebar__sublink--active:hover{background:var(--color-primary)!important;color:#fff}.detail-sidebar__icon,.detail-sidebar__subicon{flex-shrink:0}.detail-sidebar__footer{padding:var(--spacing-4);border-top:1px solid hsla(0,0%,100%,.1)}.detail-sidebar__upgrade-btn{width:100%;background:var(--gradient-rainbow);color:#fff;border:none;padding:var(--spacing-3);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);transition:all var(--transition-normal);background-size:200% 200%;animation:gradient-shift 3s ease-in-out infinite}.detail-sidebar__upgrade-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.detail-main{flex:1 1;overflow-x:hidden;transition:margin-left var(--transition-normal)}.detail-main--full,.detail-main--with-sidebar{margin-left:0}.detail-hero{padding:var(--spacing-8) 0;background:var(--color-background)}.detail-hero__container{margin:0 auto;padding:0 var(--spacing-6)}.detail-hero__content{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:var(--spacing-8);gap:var(--spacing-8);align-items:start}.detail-hero__form,.detail-hero__preview{background:var(--color-surface);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-lg);padding:var(--spacing-6);height:calc(100vh - 140px);display:flex;flex-direction:column}.detail-hero__video-container{flex:1 1;display:flex;flex-direction:column}.detail-hero__video-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.detail-hero__video-wrapper{flex:1 1;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-background)}.detail-hero__video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.detail-hero__video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity var(--transition-normal)}.detail-hero__video-wrapper:hover .detail-hero__video-overlay{opacity:1}.detail-hero__play-btn{width:60px;height:60px;background:var(--gradient-rainbow);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);background-size:200% 200%;animation:gradient-shift 3s ease-in-out infinite}.detail-hero__play-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.video-generator{display:flex;flex-direction:column;height:100%}.video-generator__header{margin-bottom:var(--spacing-6)}.video-generator__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.video-generator__form{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;padding-right:var(--spacing-2)}.better-scrollbar::-webkit-scrollbar{width:6px}.better-scrollbar::-webkit-scrollbar-track{background:transparent}.better-scrollbar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.better-scrollbar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.video-generator__field{margin-bottom:var(--spacing-6)}.video-generator__label{display:block;color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-3);font-size:var(--font-size-sm)}.video-generator__model-select{position:relative}.video-generator__select{width:100%;padding:var(--spacing-3);background:var(--color-background);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);cursor:pointer}.video-generator__model-description{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.video-generator__prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.video-generator__translate-btn{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--transition-fast)}.video-generator__translate-btn:hover{color:var(--color-text-secondary)}.video-generator__prompt-container{position:relative}.video-generator__textarea{width:100%;padding:var(--spacing-3);background:var(--color-background);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);resize:vertical;min-height:100px;font-family:var(--font-family-primary)}.video-generator__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.video-generator__prompt-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-2)}.video-generator__ai-btn{display:flex;align-items:center;gap:var(--spacing-2);background:var(--gradient-rainbow);color:#fff;border:none;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-normal);background-size:200% 200%;animation:gradient-shift 3s ease-in-out infinite}.video-generator__ai-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.video-generator__char-count{color:var(--color-text-muted);font-size:var(--font-size-xs)}.video-generator__ideas{margin-top:var(--spacing-4)}.video-generator__ideas-header{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.video-generator__ideas-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.video-generator__idea-btn{background:var(--color-surface);border:1px solid hsla(0,0%,100%,.1);color:var(--color-text-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.video-generator__idea-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.video-generator__shuffle-btn{width:28px;height:28px;background:var(--color-surface);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.video-generator__shuffle-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.video-generator__advanced{margin-bottom:var(--spacing-6)}.video-generator__advanced-toggle{display:flex;align-items:center;gap:var(--spacing-2);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.video-generator__advanced-toggle:hover{color:var(--color-text-primary)}.video-generator__chevron{transition:transform var(--transition-fast);font-size:var(--font-size-xs)}.video-generator__chevron--open{transform:rotate(180deg)}.video-generator__advanced-content{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid hsla(0,0%,100%,.1)}.video-generator__info{color:var(--color-text-muted);margin-left:var(--spacing-1);cursor:help}.video-generator__button-group{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.video-generator__option-btn{padding:var(--spacing-2) var(--spacing-4);background:var(--color-surface);border:1px solid hsla(0,0%,100%,.1);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.video-generator__option-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.video-generator__option-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.video-generator__field-description{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:var(--spacing-3)}.video-generator__aspect-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:var(--spacing-2);gap:var(--spacing-2)}.video-generator__aspect-btn{aspect-ratio:1;border:2px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.video-generator__aspect-btn:hover{border-color:hsla(0,0%,100%,.3);color:var(--color-text-primary)}.video-generator__aspect-btn--active{color:#fff;border-color:transparent}.video-generator__credits{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-4)}.video-generator__credits-icon{color:#f59e0b}.video-generator__generate-btn{margin-top:auto;padding-top:var(--spacing-6);border-top:1px solid hsla(0,0%,100%,.1)}.detail-features,.detail-quality,.detail-use-cases,.detail-visualization{padding:var(--spacing-16) 0}.detail-features{background:var(--color-background-secondary)}.detail-visualization{background:var(--color-background)}.detail-quality{background:var(--color-background-secondary)}.detail-use-cases{background:var(--color-background)}.detail-features__container,.detail-quality__container,.detail-use-cases__container,.detail-visualization__container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6)}.detail-features__header,.detail-use-cases__header{text-align:center;margin-bottom:var(--spacing-12)}.detail-features__title,.detail-quality__title,.detail-use-cases__title,.detail-visualization__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.detail-features__description,.detail-use-cases__description{color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.detail-features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-8);gap:var(--spacing-8)}.detail-features__card{background:var(--color-surface);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);padding:var(--spacing-6);text-align:center;transition:all var(--transition-normal)}.detail-features__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:hsla(0,0%,100%,.2)}.detail-features__icon{width:60px;height:60px;background:var(--gradient-rainbow);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto var(--spacing-4);background-size:200% 200%;animation:gradient-shift 3s ease-in-out infinite}.detail-features__card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.detail-features__card-description{color:var(--color-text-secondary);line-height:1.6}.detail-visualization__content{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-12);gap:var(--spacing-12);align-items:center}.detail-visualization__description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-6)}.detail-visualization__features{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-8)}.detail-visualization__feature{display:flex;align-items:center;gap:var(--spacing-3);color:var(--color-text-secondary)}.detail-visualization__feature-icon{width:32px;height:32px;background:var(--gradient-rainbow);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;background-size:200% 200%;animation:gradient-shift 3s ease-in-out infinite}.detail-visualization__media{position:relative}.detail-visualization__video-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-4);gap:var(--spacing-4)}.detail-visualization__video-item{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.detail-visualization__video{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.detail-quality__content{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-12);gap:var(--spacing-12);align-items:center}.detail-quality__description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-6)}.detail-quality__specs{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-4);gap:var(--spacing-4)}.detail-quality__spec{display:flex;flex-direction:column;gap:var(--spacing-1)}.detail-quality__spec-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.detail-quality__spec-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.detail-quality__showcase{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.detail-quality__video{width:100%;height:300px;-o-object-fit:cover;object-fit:cover}.detail-use-cases__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-8);gap:var(--spacing-8)}.detail-use-cases__card{background:var(--color-surface);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.detail-use-cases__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:hsla(0,0%,100%,.2)}.detail-use-cases__image{height:200px;overflow:hidden}.detail-use-cases__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.detail-use-cases__card:hover .detail-use-cases__image img{transform:scale(1.1)}.detail-use-cases__content{padding:var(--spacing-6)}.detail-use-cases__card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.detail-use-cases__card-description{color:var(--color-text-secondary);line-height:1.6}@media (min-width:1200px){.video-generator__form{width:424px}}@media (max-width:1023px){.detail-sidebar{position:fixed;top:60px;left:-240px;height:calc(100vh - 60px);z-index:var(--z-sticky);transition:left var(--transition-normal)}.detail-sidebar__spacer{display:none}.detail-sidebar--open{left:0}.detail-main{margin-left:0}.detail-hero__content{grid-template-columns:1fr;gap:var(--spacing-6)}.detail-hero__form,.detail-hero__preview{height:auto;min-height:400px}.detail-quality__content,.detail-visualization__content{grid-template-columns:1fr;gap:var(--spacing-8)}.detail-visualization__video-grid{grid-template-columns:1fr}.detail-quality__specs{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.detail-hero__form,.detail-hero__preview{padding:var(--spacing-4);min-height:300px}.video-generator__form{padding-right:0}.video-generator__aspect-grid{grid-template-columns:repeat(3,1fr)}.detail-features__grid,.detail-quality__specs,.detail-use-cases__grid{grid-template-columns:1fr}.video-generator__button-group{flex-direction:column}.video-generator__option-btn{text-align:center}}@media (min-width:1400px){.detail-hero__content{grid-template-columns:.7fr 1.3fr}}.detail-hero__video,.detail-quality__video,.detail-visualization__video{content-visibility:auto;contain-intrinsic-size:300px 200px}.button,.features__item,.fullscreen-card,.hero__gradient-orb,.tools__card{transform:translateZ(0);will-change:transform}.feature-card__image{content-visibility:auto;contain-intrinsic-size:300px 200px}