@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Oswald:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-color: #0D0D0D;--bg-secondary: #141414;--bg-elevated: #1A1A1A;--bg-card: #1A1A1A;--text-color: #F5F5F5;--text-muted: #888888;--primary: #CCFF00;--secondary: #FFFFFF;--accent: #CCFF00;--accent-pink: var(--primary);--accent-purple: var(--primary);--accent-yellow: var(--primary);--accent-cyan: var(--primary);--accent-color: var(--primary);--accent-glow: rgba(204, 255, 0, .3);--gradient-brand: var(--primary);--gradient-pink: var(--primary);--gradient-purple: var(--primary);--gradient-yellow: var(--primary);--gradient-cyan: var(--primary);--card-coral: var(--primary);--card-mint: var(--primary);--card-lemon: var(--primary);--card-dark: #1A1A1A;--card-pink: var(--primary);--card-purple: var(--primary);--card-yellow: var(--primary);--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(204, 255, 0, .5);--border-solid: 2px solid var(--primary);--glass-bg: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .05);--shadow-cartoon: 4px 4px 0 #000000;--shadow-cartoon-hover: 6px 6px 0 #000000;--shadow-cartoon-color: 4px 4px 0 var(--primary);--spacing-xs: .5rem;--spacing-sm: 1.5rem;--spacing-md: 3rem;--spacing-lg: 6rem;--spacing-xl: 12rem;--container-width: 1440px;--header-height: 60px;--radius-sm: 12px;--radius-md: 24px;--radius-lg: 50px;--ease-out: cubic-bezier(.215, .61, .355, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Oswald,sans-serif;line-height:1.05;text-transform:uppercase;letter-spacing:-.01em;font-weight:600}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}img,video{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.flex{display:flex}.grid{display:grid}.text-accent{color:var(--accent-color)}.display-text{font-size:clamp(3.5rem,8vw,8rem);line-height:.9;letter-spacing:-.03em;font-weight:700}.large-text{font-size:clamp(2.5rem,5vw,4.5rem);font-family:Oswald,sans-serif}.section-title{font-size:.875rem;color:var(--accent-color);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:1rem;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.section-title:before{content:"";width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;box-shadow:0 0 10px var(--accent-glow)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1.25rem 2.5rem;background:var(--primary);color:var(--bg-color);font-weight:700;border-radius:var(--radius-md);border:2px solid var(--bg-color);box-shadow:var(--shadow-cartoon);transition:all .2s ease;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;cursor:pointer}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-cartoon-hover)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--bg-color)}.btn-primary{background:var(--primary);color:var(--bg-color);border:2px solid var(--bg-color);box-shadow:var(--shadow-cartoon)}.btn-secondary{background:var(--secondary);color:var(--bg-color);border:2px solid var(--bg-color);box-shadow:var(--shadow-cartoon)}.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-cartoon-hover)}.btn-ghost{background:transparent;color:var(--text-color);border:2px solid var(--primary);box-shadow:4px 4px 0 var(--primary)}.btn-ghost:hover{background:var(--primary);color:var(--bg-color);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--primary)}.section-padding{padding:var(--spacing-xl) 0}header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);z-index:100;background-color:#0a0a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:2px solid var(--primary);transition:transform .3s ease}header .container{height:100%;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo-image{height:28px;width:auto;object-fit:contain;transition:filter .3s ease}body.theme-blue .logo-image,body.theme-lime .logo-image,body.theme-violet .logo-image,body.theme-sunset .logo-image,body.theme-mono .logo-image{filter:invert(1)}.logo-icon{width:36px;height:36px;background:var(--primary);border-radius:var(--radius-sm);border:2px solid var(--bg-color);box-shadow:3px 3px 0 var(--bg-color);display:flex;align-items:center;justify-content:center;padding:6px}.logo-icon svg{width:100%;height:100%;color:#fff}nav ul{display:flex;gap:2.5rem}nav a{font-size:.85rem;text-transform:uppercase;color:var(--text-muted);font-weight:500;letter-spacing:.05em;position:relative;padding:.5rem 0;transition:color .3s ease}nav a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease-out)}nav a:hover{color:var(--text-color)}nav a:hover:after{transform:scaleX(1);transform-origin:left}nav a.active{color:var(--primary)}.mobile-menu-btn,.mobile-nav{display:none}nav a.active:after{transform:scaleX(1);transform-origin:left}#hero{height:100vh;display:flex;align-items:center;position:relative;padding-top:var(--header-height)}.hero-content h1{font-size:clamp(2.5rem,6vw,5rem);margin-bottom:var(--spacing-md)}.hero-slogan{font-family:Oswald,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);color:var(--accent-color);margin-bottom:.5rem;font-weight:600}.hero-content p{font-size:1.2rem;color:var(--text-muted);max-width:600px;margin-bottom:var(--spacing-md)}.hero-content p strong{color:var(--text-color)}#about{border-bottom:1px solid var(--border-color)}.about-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.section-title{font-size:1rem;color:var(--accent-color);margin-bottom:var(--spacing-sm);display:block}.work-card{background-color:#111;border:1px solid var(--border-color);position:relative;overflow:hidden;transition:transform .3s ease}.work-card:hover{transform:translateY(-10px)}.work-info{position:absolute;bottom:0;left:0;width:100%;padding:var(--spacing-md);background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}#process{border-bottom:1px solid var(--border-color)}.pipeline-overview{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.pipeline-header{text-align:center;margin-bottom:var(--spacing-sm)}.pipeline-label{display:inline-block;background:#ccff001a;color:var(--primary);padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.pipeline-header h3{font-size:1.25rem;font-family:Space Grotesk,sans-serif;color:var(--text-color)}.pipeline-flow{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--spacing-sm) 0;flex-wrap:wrap}.pipeline-stage{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:100px;transition:all .3s ease}.pipeline-stage:hover{border-color:var(--primary);transform:translateY(-4px)}.pipeline-stage.highlight{border-color:var(--primary);background:#ccff000d}.stage-icon{width:64px;height:64px;margin-bottom:.75rem}.stage-svg{width:100%;height:100%;color:var(--text-muted)}.stage-label{font-size:.9rem;font-weight:600;color:var(--text-color);margin-bottom:.25rem}.stage-desc{font-size:.75rem;color:var(--text-muted)}.pipeline-arrow{width:24px;height:24px;color:var(--primary);flex-shrink:0}.pipeline-arrow svg{width:100%;height:100%}.pipeline-result{text-align:center;margin-top:var(--spacing-sm)}.result-badge{display:inline-block;background:var(--primary);color:var(--bg-color);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.9rem}@keyframes panelFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes checkDraw{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes expandPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes progressMove{0%{width:0}to{width:50%}}@keyframes playPulse{0%,to{opacity:1}50%{opacity:.7}}.panel-anim{animation:panelFadeIn .5s ease forwards;opacity:0}.panel-anim.panel-1{animation-delay:0s}.panel-anim.panel-2{animation-delay:.2s}.panel-anim.panel-3{animation-delay:.4s}.check-anim{stroke-dasharray:20;stroke-dashoffset:20;animation:checkDraw .5s ease .5s forwards}.bubble-anim{stroke-dasharray:50;animation:checkDraw 1s ease infinite alternate}.expand-anim{animation:expandPulse 2s ease infinite}.play-anim{animation:playPulse 1.5s ease infinite}.progress-anim{animation:progressMove 2s ease infinite}.arrow-anim{animation:playPulse 1s ease infinite}@media(max-width:768px){.pipeline-flow{flex-direction:column;gap:1rem}.pipeline-arrow{transform:rotate(90deg)}.pipeline-stage{width:100%;max-width:200px}}.process-header{margin-bottom:var(--spacing-lg)}.workflow-diagram{display:flex;align-items:flex-start;justify-content:center;gap:1rem;margin:var(--spacing-lg) 0;padding:var(--spacing-lg) 0}.workflow-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;min-width:160px;background:#ffffff05;border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.workflow-step:hover{border-color:var(--accent-color);background:#2563eb0d;transform:translateY(-5px)}.workflow-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:50%;margin-bottom:1rem;transition:all .3s ease}.workflow-icon svg{width:28px;height:28px;color:var(--text-muted);transition:color .3s ease}.workflow-step:hover .workflow-icon{border-color:var(--accent-color)}.workflow-step:hover .workflow-icon svg{color:var(--accent-color)}.workflow-icon.highlight{border-color:var(--accent-color);background:#2563eb1a}.workflow-icon.highlight svg{color:var(--accent-color)}.workflow-number{font-family:Oswald,sans-serif;font-size:.85rem;color:var(--accent-color);margin-bottom:.5rem;letter-spacing:.1em}.workflow-title{font-family:Oswald,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.workflow-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin-bottom:1rem}.workflow-time{font-size:.75rem;color:var(--accent-color);background:#2563eb1a;padding:.25rem .75rem;border-radius:20px;font-weight:500}.workflow-arrow{display:flex;align-items:center;padding-top:2rem}.workflow-arrow svg{width:24px;height:24px;color:var(--border-color)}.workflow-summary{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#ffffff05;border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.summary-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.summary-value{font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:600}.summary-value.old{color:var(--text-muted);text-decoration:line-through}.summary-value.new{color:var(--accent-color)}.summary-arrow{font-size:1.5rem;color:var(--text-muted)}.summary-badge{background:var(--accent-color);color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}footer{border-top:1px solid var(--border-color);padding:var(--spacing-lg) 0;text-align:center}.footer-content h2{font-size:clamp(2rem,5vw,4rem);margin-bottom:var(--spacing-md)}.skeleton{background:linear-gradient(90deg,#111,#1a1a1a,#111);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-work-card{min-width:400px;aspect-ratio:4/5;background-color:#111;border:1px solid var(--border-color);position:relative;overflow:hidden}.skeleton-work-card .skeleton-thumb{width:100%;height:70%;background:linear-gradient(90deg,#111,#1a1a1a,#111);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-work-card .skeleton-info{position:absolute;bottom:0;left:0;width:100%;padding:var(--spacing-md)}.skeleton-title{width:60%;height:24px;margin-bottom:.5rem}.skeleton-category{width:40%;height:16px}.works-carousel{position:relative;width:100%;max-width:350px;margin:0 auto;padding:2rem 0;display:flex;align-items:center;justify-content:center}.carousel-container{position:relative;width:100%;aspect-ratio:640/1424}.carousel-track{position:relative;width:100%;height:100%}.carousel-btn{display:none}.carousel-indicators{display:flex;justify-content:center;gap:10px;margin-top:1.5rem}.carousel-indicator{width:44px;height:44px;border-radius:50%;background:transparent;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.carousel-indicator:before{content:"";display:block;width:12px;height:12px;background:#ffffff4d;border-radius:50%;transition:all .3s ease}.carousel-indicator.active:before{background:var(--primary);transform:scale(1.2)}.work-card{position:absolute;top:0;left:50%;width:100%;aspect-ratio:640/1424;background-color:#000;border-radius:12px;overflow:hidden;transform:translate(-50%) scale(.7);opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 10px 40px #00000080;pointer-events:auto;transform-origin:bottom center}.work-card.active{transform:translate(-50%) scale(1) rotate(0);opacity:1;z-index:10;filter:brightness(1)}.work-card.prev{transform:translate(-95%) scale(.9) rotate(-4deg);opacity:1;z-index:8;filter:brightness(.5)}.work-card.prev-2{transform:translate(-125%) scale(.8) rotate(-7deg);opacity:1;z-index:6;filter:brightness(.3)}.work-card.next{transform:translate(-5%) scale(.9) rotate(4deg);opacity:1;z-index:8;filter:brightness(.5)}.work-card.next-2{transform:translate(25%) scale(.8) rotate(7deg);opacity:1;z-index:6;filter:brightness(.3)}.work-card img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.work-card video{width:100%;height:100%;object-fit:cover}.work-card img.loading{opacity:0}.work-card img.loaded{opacity:1}.work-info{position:absolute;bottom:0;left:0;width:100%;padding:1.25rem;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 50%,transparent 100%);z-index:10}.work-info h3{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-color)}.work-info .text-accent{font-size:.75rem;color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.filter-container{display:flex;gap:1rem;margin-bottom:var(--spacing-md);flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:transparent;color:var(--text-muted);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.filter-btn:hover{color:var(--text-color);border-color:var(--accent-color)}.filter-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--text-muted)}.empty-state h3{font-size:2rem;margin-bottom:1rem;color:var(--text-color)}.error-state{background:#dc26261a;border:1px solid rgba(220,38,38,.3);padding:var(--spacing-md);border-radius:4px;margin:var(--spacing-md) 0;color:#fca5a5;text-align:center}@media(max-width:768px){.work-card{min-width:280px}.filter-container{gap:.5rem}.filter-btn{padding:.6rem 1rem;font-size:.75rem}}@media(max-width:480px){.work-card{min-width:240px}.filter-container{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}}@media(hover:none)and (pointer:coarse){.work-card video{opacity:1}.work-card img{display:none}}#strengths{border-bottom:1px solid var(--border-color)}.comparison-table{max-width:800px;margin:var(--spacing-lg) 0}.comparison-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:1.5rem 0;border-bottom:1px solid var(--border-color);align-items:center}.comparison-row.header{font-weight:600;color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.comparison-row .highlight{color:var(--accent-color);font-weight:600}.comparison-row .row-label{font-weight:500}#features{border-bottom:1px solid var(--border-color)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:var(--spacing-lg)}.feature-card{padding:2rem;border:1px solid var(--border-color);transition:all .3s ease}.feature-card:hover{border-color:var(--accent-color);background-color:#2563eb0d;transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem;font-family:Inter,sans-serif;font-weight:600;text-transform:none}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}#team{border-bottom:1px solid var(--border-color)}.team-content{max-width:800px}.team-content p{font-size:1.2rem;color:var(--text-muted);line-height:1.8}.contact-info{margin:var(--spacing-lg) 0}.contact-card{display:inline-block;padding:2rem 3rem;border:1px solid var(--border-color);text-align:left;transition:all .3s ease}.contact-card:hover{border-color:var(--accent-color)}.contact-card h4{font-size:1.5rem;margin-bottom:.75rem;font-family:Oswald,sans-serif}.contact-card p{color:var(--text-muted);margin:.25rem 0;font-size:.95rem}@media(max-width:768px){.features-grid{grid-template-columns:1fr}.comparison-row{grid-template-columns:1fr;gap:.5rem;text-align:center;padding:1.5rem 0}.comparison-row.header{display:none}.comparison-row .row-label{font-weight:600;color:var(--text-color);margin-bottom:.5rem}.comparison-row .row-label:after{content:"";display:block;width:30px;height:2px;background:var(--accent-color);margin:.5rem auto}.about-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.process-step{grid-template-columns:1fr;gap:.5rem;text-align:center;padding:var(--spacing-md) 0}.contact-card{padding:1.5rem 2rem}.workflow-diagram{flex-direction:column;align-items:center;gap:1rem}.workflow-step{width:100%;max-width:280px}.workflow-arrow{transform:rotate(90deg);padding:0}.workflow-summary{flex-direction:column;gap:1rem;text-align:center}.summary-arrow{transform:rotate(90deg)}}.generation-timeline{display:flex;align-items:center;justify-content:center;gap:1rem;margin:var(--spacing-lg) 0;flex-wrap:wrap}.gen-item{padding:1.5rem 2rem;border:1px solid var(--border-color);border-radius:8px;text-align:center;min-width:140px;transition:all .3s ease}.gen-item.highlight{border-color:var(--accent-color);background:#2563eb1a}.gen-number{font-family:Oswald,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.gen-item.highlight .gen-number{color:var(--accent-color)}.gen-desc{font-size:.9rem;color:var(--text-muted);line-height:1.4}.gen-item.highlight .gen-desc{color:var(--text-color)}.gen-arrow{font-size:1.5rem;color:var(--text-muted)}.market-info{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:#ffffff05;border:1px solid var(--border-color);border-radius:8px}.market-stat{text-align:center}.stat-value{display:block;font-family:Oswald,sans-serif;font-size:2.5rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--text-muted)}.market-problem{text-align:center;font-size:1.1rem;color:var(--text-muted);line-height:1.8;margin-top:var(--spacing-md)}.comparison-wrapper{display:flex;gap:2rem;align-items:stretch;margin-bottom:var(--spacing-lg);position:relative}.comparison-box{flex:1;padding:2rem;border:1px solid var(--border-color);border-radius:8px}.comparison-box.old{background:#ffffff05}.comparison-box.new{border-color:var(--accent-color);background:#2563eb0d}.comparison-box h3{font-family:Oswald,sans-serif;font-size:1.5rem;margin-bottom:1.5rem;text-transform:uppercase}.comparison-box.new h3{color:var(--accent-color)}.comparison-box ul{display:flex;flex-direction:column;gap:1rem}.comparison-box li{display:flex;flex-direction:column;gap:.25rem}.comp-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.comp-value{font-size:1.1rem;color:var(--text-color)}.comp-value.highlight{color:var(--accent-color);font-weight:600}.vs-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:var(--bg-color);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Oswald,sans-serif;font-weight:700;color:var(--text-muted)}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.impact-card{text-align:center;padding:2rem;background:var(--accent-color);border-radius:8px}.impact-value{display:block;font-family:Oswald,sans-serif;font-size:3rem;font-weight:700;color:#fff;margin-bottom:.5rem}.impact-label{display:block;font-size:1rem;color:#fff;font-weight:600;margin-bottom:.25rem}.impact-desc{font-size:.85rem;color:#ffffffb3}.process-summary{text-align:center;font-size:1.1rem;color:var(--text-muted);margin-bottom:var(--spacing-lg)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.process-step{padding:1.5rem;border:1px solid var(--border-color);border-radius:8px;position:relative;transition:all .3s ease}.process-step:hover{border-color:var(--accent-color);transform:translateY(-5px)}.process-step.highlight{border-color:var(--accent-color);background:#2563eb1a}.process-step .step-number{font-family:Oswald,sans-serif;font-size:.85rem;color:var(--accent-color);margin-bottom:.75rem;letter-spacing:.1em}.process-step h3{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;text-transform:none}.process-step p{font-size:.85rem;color:var(--text-muted);line-height:1.5}.step-badge{position:absolute;top:1rem;right:1rem;background:var(--accent-color);color:#fff;font-size:.7rem;padding:.25rem .5rem;border-radius:4px;font-weight:600}.features-intro{text-align:center;font-size:1.2rem;color:var(--text-muted);margin-bottom:var(--spacing-lg);line-height:1.8}.features-intro strong{color:var(--accent-color)}.feature-icon{width:48px;height:48px;margin-bottom:1rem}.feature-icon svg{width:100%;height:100%;color:var(--accent-color)}.works-notice{text-align:center;font-size:.95rem;color:var(--text-muted);margin-bottom:var(--spacing-lg);line-height:1.6}.team-vision{margin-bottom:var(--spacing-lg)}.team-vision blockquote{font-family:Oswald,sans-serif;font-size:clamp(1.5rem,3vw,2rem);color:var(--accent-color);text-align:center;font-style:normal}.team-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:var(--spacing-lg)}.skill-card{text-align:center;padding:2rem;border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.skill-card:hover{border-color:var(--accent-color);transform:translateY(-5px)}.skill-icon{width:48px;height:48px;margin:0 auto 1rem}.skill-icon svg{width:100%;height:100%;color:var(--accent-color)}.skill-card h3{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;text-transform:none}.skill-card p{font-size:.9rem;color:var(--text-muted)}.team-desc{text-align:center;font-size:1.1rem;color:var(--text-muted);line-height:1.8}#partnership{border-bottom:1px solid var(--border-color)}.partnership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.partnership-card{padding:2rem;border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.partnership-card:hover{border-color:var(--accent-color);transform:translateY(-5px)}.partnership-card.highlight{border-color:var(--accent-color);background:#2563eb0d}.partnership-icon{width:48px;height:48px;margin-bottom:1.5rem}.partnership-icon svg{width:100%;height:100%;color:var(--accent-color)}.partnership-card h3{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;text-transform:none}.partnership-subtitle{font-size:.85rem;color:var(--accent-color);font-weight:600;margin-bottom:1rem!important;text-transform:uppercase;letter-spacing:.05em}.partnership-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:.75rem}.contact-wrapper{text-align:center;max-width:800px;margin:0 auto}.contact-tagline{font-size:1.2rem;color:var(--text-muted);margin-bottom:var(--spacing-lg)}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:var(--spacing-md)}.contact-card{padding:2rem;border:1px solid var(--border-color);border-radius:8px;text-align:left}.contact-card h4{font-family:Oswald,sans-serif;font-size:1rem;color:var(--accent-color);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.contact-card p{font-size:1rem;color:var(--text-color);margin:.5rem 0}.contact-notice{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--spacing-md);font-style:italic}.footer-logo{font-family:Oswald,sans-serif;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:var(--spacing-md)}.footer-logo .logo-icon{width:32px;height:32px}@media(max-width:1024px){.process-grid{grid-template-columns:repeat(2,1fr)}.partnership-grid{grid-template-columns:1fr}}@media(max-width:768px){.generation-timeline{flex-direction:column}.gen-arrow{transform:rotate(90deg)}.market-info{grid-template-columns:1fr;gap:1.5rem}.comparison-wrapper{flex-direction:column}.vs-badge{position:static;transform:none;margin:1rem auto}.impact-grid,.process-grid,.team-skills,.contact-grid{grid-template-columns:1fr}nav ul{gap:1rem}nav a{font-size:.8rem}}@media(max-width:480px){.hero-slogan{font-size:1.25rem}.stat-value{font-size:2rem}.impact-value{font-size:2.5rem}}.gradient-text{color:var(--primary)}.text-pink{color:var(--accent-pink)}.text-purple{color:var(--accent-purple)}.text-yellow{color:var(--accent-yellow)}.text-cyan{color:var(--accent-cyan)}.section-card{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg);border:2px solid var(--border-color);position:relative;overflow:hidden}.section-card--pink{background:var(--card-pink);border-color:var(--card-pink)}.section-card--purple{background:var(--card-purple);border-color:var(--card-purple)}.section-card--yellow{background:var(--card-yellow);border-color:var(--card-yellow);color:#070720}.section-card--yellow .text-muted,.section-card--yellow p{color:#070720b3}.card{background:var(--bg-elevated);border:2px solid var(--primary);border-radius:var(--radius-md);padding:2rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-cartoon-color)}.card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:8px 8px 0 var(--secondary);border-color:var(--secondary)}.card>*{position:relative;z-index:1}.card-3d{transform-style:preserve-3d;perspective:1000px}.card-highlight{--mouse-x: 50%;--mouse-y: 50%}.card-highlight:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(167,139,250,.15) 0%,transparent 70%);top:var(--mouse-y);left:var(--mouse-x);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.card-highlight:hover:after{opacity:1}.floating-element{position:absolute;pointer-events:none;will-change:transform}.floating-orb{border-radius:50%;filter:blur(60px);opacity:.3}.floating-orb--pink{background:var(--accent-pink)}.floating-orb--purple{background:var(--accent-purple)}.floating-orb--cyan{background:var(--accent-cyan)}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}.page-loader.hidden{opacity:0;visibility:hidden}.loader-content{text-align:center}.loader-logo{width:80px;height:80px;margin-bottom:2rem}.loader-logo svg{width:100%;height:100%}.loader-progress{width:200px;height:3px;background:var(--border-color);border-radius:2px;overflow:hidden}.loader-bar{width:100%;height:100%;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.loader-logo{animation:pulse 1.5s ease-in-out infinite}#hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:var(--header-height);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.hero-content{position:relative;z-index:2}.hero-content h1{font-size:clamp(3rem,6vw,5.5rem);margin-bottom:var(--spacing-md);line-height:1}.hero-tagline{font-family:Space Grotesk,sans-serif;font-size:clamp(1.25rem,2vw,1.5rem);color:var(--secondary);margin-bottom:1rem;font-weight:600}.hero-description{font-size:1.15rem;color:var(--text-muted);max-width:500px;margin-bottom:var(--spacing-md);line-height:1.7}.hero-cta-group{display:flex;gap:1rem;flex-wrap:wrap}.hero-visual{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.hero-featured-video{width:100%;max-width:400px;aspect-ratio:640/1424;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080;background:var(--bg-elevated)}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem}.hero-card{position:absolute;width:280px;height:350px;background:var(--bg-elevated);border:3px solid var(--bg-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:6px 6px 0 var(--primary);transition:transform .5s var(--ease-smooth),box-shadow .3s ease}.hero-card:hover{box-shadow:10px 10px 0 var(--secondary)}.hero-card:nth-child(1){top:10%;left:10%;transform:rotate(-6deg);z-index:1;box-shadow:6px 6px 0 var(--primary)}.hero-card:nth-child(2){top:20%;right:5%;transform:rotate(8deg);z-index:2;box-shadow:6px 6px 0 var(--secondary)}.hero-card:nth-child(3){bottom:5%;left:25%;transform:rotate(3deg);z-index:3;border-color:var(--primary);box-shadow:6px 6px 0 var(--accent)}.hero-card img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-card.dragging{cursor:grabbing!important;z-index:100!important}.hero-card:not(.dragging){cursor:grab}.hero-card-label{position:absolute;bottom:1rem;left:1rem;background:var(--bg-color);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}.hero-bg .floating-orb{position:absolute}.hero-bg .floating-orb:nth-child(1){width:400px;height:400px;top:-100px;right:-100px;background:var(--primary)}.hero-bg .floating-orb:nth-child(2){width:300px;height:300px;bottom:-50px;left:20%;background:var(--secondary)}.hero-bg .floating-orb:nth-child(3){width:200px;height:200px;top:40%;left:-50px;background:var(--accent)}.stats-row{display:flex;gap:4rem;justify-content:center;flex-wrap:wrap;margin:var(--spacing-lg) 0}.stat-item{text-align:center}.stat-number{font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,5vw,4.5rem);font-weight:700;line-height:1;margin-bottom:.5rem}.stat-number.pink{color:var(--primary)}.stat-number.purple{color:var(--secondary)}.stat-number.yellow{color:var(--accent)}.stat-number.cyan{color:var(--secondary)}.stat-number.coral{color:var(--primary)}.stat-number.mint{color:var(--secondary)}.stat-number.lemon{color:var(--accent)}.stat-label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.process-timeline{position:relative;padding:var(--spacing-lg) 0}.process-nav{display:flex;justify-content:center;gap:.5rem;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.process-nav-item{padding:1rem 1.5rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:100px}.process-nav-item:hover{border-color:var(--primary);color:var(--text-color)}.process-nav-item.active{background:var(--primary);border:2px solid var(--bg-color);box-shadow:3px 3px 0 var(--bg-color);color:var(--bg-color);font-weight:700}.process-nav-item .step-num{font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:700}.process-nav-item .step-name{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.process-demo{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-height:400px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color)}.process-step-content{display:none;text-align:center;max-width:600px}.process-step-content.active{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.process-step-icon{width:80px;height:80px;background:var(--primary);border:3px solid var(--bg-color);box-shadow:4px 4px 0 var(--bg-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-sm)}.process-step-icon svg{width:40px;height:40px;color:#fff}.process-step-content h3{font-size:1.5rem;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;text-transform:none}.process-step-content p{color:var(--text-muted);line-height:1.7}.step-main-desc{font-size:1.1rem;color:var(--text-color);margin-bottom:1rem}.step-features{list-style:none;text-align:left;margin:1rem 0 1.5rem;padding:0}.step-features li{color:var(--text-muted);padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:.95rem;line-height:1.5}.step-features li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.step-features li strong{color:var(--primary);font-weight:600}.format-badges{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.format-badge{background:var(--bg-elevated);color:var(--text-muted);padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;border:1px solid var(--border-color)}.emotion-analysis{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.emotion-tag{background:#ccff001a;color:var(--primary);padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(204,255,0,.3)}.pipeline-steps{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem}.pipeline-step{background:var(--bg-elevated);color:var(--text-color);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;border:1px solid var(--border-color)}.pipeline-arrow{color:var(--primary);font-weight:700}.render-stats{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;font-size:.8rem;color:var(--text-muted)}.stat-item strong{color:var(--primary)}.stat-divider{color:var(--border-color)}.version-timeline{display:flex;justify-content:center;align-items:center;gap:0;margin-top:1.5rem}.version-dot{width:32px;height:32px;background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--text-muted)}.version-dot.active{background:var(--primary);border-color:var(--primary);color:var(--bg-color)}.version-line{width:24px;height:2px;background:var(--border-color)}.coming-soon{display:inline-block;background:#ffffff1a;color:var(--text-muted);padding:.15rem .5rem;border-radius:4px;font-size:.65rem;font-weight:500;text-transform:uppercase;margin-left:.5rem}.final-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:var(--bg-color);padding:.75rem 1.5rem;border-radius:var(--radius-md);margin-top:1.5rem;font-weight:600}.final-icon{font-size:1.2rem}.final-text{font-size:.9rem}.ai-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--secondary);color:var(--bg-color);padding:.5rem 1rem;border:2px solid var(--bg-color);box-shadow:3px 3px 0 var(--bg-color);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:1rem}.before-after-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/9;cursor:ew-resize}.before-after-container img,.before-after-container video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.before-side{clip-path:inset(0 50% 0 0);z-index:2}.after-side{z-index:1}.slider-handle{position:absolute;top:0;left:50%;width:4px;height:100%;background:#fff;z-index:10;cursor:ew-resize;transform:translate(-50%)}.slider-handle:before{content:"⟷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--bg-color);box-shadow:0 4px 20px #0000004d}.before-label,.after-label{position:absolute;top:1rem;padding:.5rem 1rem;background:#000000b3;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-sm);z-index:5}.before-label{left:1rem}.after-label{right:1rem}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-content{order:2}.hero-visual{order:1;height:350px;margin-bottom:var(--spacing-md)}.hero-description{margin-left:auto;margin-right:auto}.hero-cta-group{justify-content:center}.process-nav{gap:.5rem}.process-nav-item{min-width:80px;padding:.75rem 1rem}}@media(max-width:768px){.hero-visual{height:280px}.hero-card{width:180px;height:220px}.stats-row{gap:2rem}.process-nav-item .step-name{display:none}}@media(max-width:480px){.hero-cta-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}}.marquee-section{overflow:hidden;background:var(--primary);border-top:3px solid var(--bg-color);border-bottom:3px solid var(--bg-color);padding:1rem 0;position:relative}.marquee-track{display:flex;width:max-content;animation:marquee 20s linear infinite}.marquee-section:hover .marquee-track{animation-play-state:paused}.marquee-content{display:flex;align-items:center;gap:3rem;padding:0 1.5rem}.marquee-item{font-family:Oswald,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;color:var(--bg-color);text-transform:uppercase;white-space:nowrap;letter-spacing:.02em}.marquee-divider{font-size:2rem;color:var(--bg-color);opacity:.5}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-section.reverse .marquee-track{animation:marquee-reverse 25s linear infinite}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-section.mint{background:var(--secondary)}.marquee-section.lemon{background:var(--accent)}.cursor-dot{position:fixed;width:8px;height:8px;background:var(--primary);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s ease,background .2s ease;mix-blend-mode:difference}.cursor-ring{position:fixed;width:40px;height:40px;border:2px solid var(--primary);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform .15s ease,width .2s ease,height .2s ease,border-color .2s ease}.cursor-dot.hover{transform:translate(-50%,-50%) scale(2);background:var(--secondary)}.cursor-ring.hover{width:60px;height:60px;border-color:var(--secondary)}.cursor-dot.click{transform:translate(-50%,-50%) scale(.5)}.cursor-ring.click{width:30px;height:30px}body.custom-cursor *{cursor:none!important}@media(hover:none)and (pointer:coarse){.cursor-dot,.cursor-ring{display:none}body.custom-cursor *{cursor:auto!important}}.section-stack{position:relative}.section-sticky{position:sticky;top:var(--header-height);min-height:calc(100vh - var(--header-height));display:flex;align-items:center;transition:transform .3s ease,filter .3s ease,opacity .3s ease}.section-sticky.scaled{transform:scale(.95);filter:blur(2px);opacity:.7}.section-sticky .section-inner{width:100%;min-height:calc(100vh - var(--header-height) - 4rem);margin:2rem auto;border-radius:var(--radius-lg);padding:var(--spacing-lg);border:3px solid var(--bg-color);box-shadow:8px 8px 0 var(--bg-color)}.section-sticky.coral .section-inner{background:var(--primary);color:var(--bg-color)}.section-sticky.coral .section-inner .text-muted,.section-sticky.coral .section-inner p{color:#0a0a1ab3}.section-sticky.mint .section-inner{background:var(--secondary);color:var(--bg-color)}.section-sticky.mint .section-inner .text-muted,.section-sticky.mint .section-inner p{color:#0a0a1ab3}.section-sticky.lemon .section-inner{background:var(--accent);color:var(--bg-color)}.section-sticky.lemon .section-inner .text-muted,.section-sticky.lemon .section-inner p{color:#0a0a1ab3}.section-sticky.dark .section-inner{background:var(--bg-elevated);border-color:var(--primary);box-shadow:8px 8px 0 var(--primary)}.floating-circle{position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px);opacity:.3;z-index:0}.floating-circle.coral{background:var(--primary)}.floating-circle.mint{background:var(--secondary)}.floating-circle.lemon{background:var(--accent)}.dot-pattern{position:absolute;width:100px;height:100px;background-image:radial-gradient(circle,var(--primary) 2px,transparent 2px);background-size:20px 20px;opacity:.3;pointer-events:none}.ring-decoration{position:absolute;border:2px solid var(--primary);border-radius:50%;opacity:.3;pointer-events:none}.process-visual{margin-top:1.5rem;padding:1.25rem;background:#ffffff08;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08)}.process-flow{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem;flex-wrap:wrap}.flow-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.flow-step:hover{background:#ffffff14;border-color:var(--primary)}.flow-step.done{background:#22d3ee26;border-color:var(--secondary)}.flow-icon{font-size:1.5rem}.flow-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.flow-arrow{font-size:1.5rem;color:var(--accent-purple);font-weight:300}.analysis-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.analysis-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:#ffffff0d;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.analysis-card:hover{background:#a78bfa26;border-color:var(--accent-purple);transform:translateY(-2px)}.analysis-card .card-icon{font-size:1.25rem}.analysis-card .card-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.panel-detect-demo{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.75rem}.panel-box{aspect-ratio:3/4;background:#ffffff0d;border:2px dashed rgba(167,139,250,.5);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;color:var(--accent-purple);animation:panel-detect 2s ease-in-out infinite;animation-delay:calc(var(--delay) * .3s)}@keyframes panel-detect{0%,to{border-color:#a78bfa4d;background:#ffffff08}50%{border-color:var(--accent-purple);background:#a78bfa1a}}.accuracy-badge{display:inline-block;padding:.35rem .75rem;background:#22d3ee26;border:1px solid var(--secondary);border-radius:20px;font-size:.7rem;color:var(--secondary);font-weight:500}.before-after{display:flex;align-items:center;justify-content:center;gap:1.5rem}.ba-box{width:100px;height:80px;background:#ffffff0d;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative}.ba-box.before{border-color:#ff5e5b80}.ba-box.after{border-color:#22d3ee80;background:#22d3ee14}.ba-label{position:absolute;top:-8px;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-color);padding:0 .5rem;color:var(--text-muted)}.speech-bubble{font-size:1.5rem;opacity:.7}.clean-bg{font-size:1.25rem;color:var(--secondary);font-weight:700}.ba-arrow{font-size:1.5rem;color:var(--accent-purple)}.expand-demo{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative}.expand-original{width:60px;height:60px;background:#ffffff1a;border:2px solid var(--text-muted);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-muted)}.expand-arrows{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--accent-purple);font-size:1rem;animation:expand-pulse 1.5s ease-in-out infinite}@keyframes expand-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.expand-result{width:50px;height:90px;background:linear-gradient(135deg,#a78bfa33,#22d3ee33);border:2px solid var(--secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--secondary)}.render-demo{display:flex;align-items:center;justify-content:center;gap:1rem}.frame-box{width:70px;height:50px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-muted)}.frame-box.start{border-color:var(--primary);color:var(--primary)}.frame-box.end{border-color:var(--secondary);color:var(--secondary)}.render-progress{flex:1;max-width:150px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.progress-bar-anim{height:100%;width:30%;background:linear-gradient(90deg,var(--primary),var(--accent-purple),var(--secondary));border-radius:4px;animation:render-progress 2s ease-in-out infinite}@keyframes render-progress{0%{width:0%;transform:translate(0)}50%{width:60%}to{width:30%;transform:translate(250%)}}.fps-badge{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:.6rem;color:var(--secondary);font-weight:600;background:var(--bg-color);padding:0 .5rem}.status-badges{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:500;border:1px solid}.status-badge.approved{background:#22d3ee26;border-color:var(--secondary);color:var(--secondary)}.status-badge.redo{background:#feeaa126;border-color:var(--accent);color:var(--accent)}.status-badge.hold{background:#ffffff14;border-color:var(--text-muted);color:var(--text-muted)}.final-output{display:flex;flex-direction:column;align-items:center;gap:1rem}.output-items{display:flex;align-items:center;gap:.75rem}.output-item{padding:.5rem .75rem;background:#ffffff0d;border-radius:var(--radius-sm);font-size:.8rem}.output-plus,.output-equals{font-size:1.25rem;color:var(--accent-purple);font-weight:300}.output-result{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff5e5b26,#a78bfa26);border:1px solid var(--primary);border-radius:var(--radius-md)}.result-icon{font-size:1.5rem}.result-text{font-size:.9rem;font-weight:600;color:var(--text-color)}@media(max-width:640px){.analysis-cards,.panel-detect-demo{grid-template-columns:repeat(2,1fr)}.before-after{flex-direction:column;gap:1rem}.ba-arrow{transform:rotate(90deg)}.expand-demo,.render-demo{flex-direction:column}.render-progress{width:100%;max-width:none}.status-badges{flex-direction:column;align-items:center}.output-items{flex-wrap:wrap;justify-content:center}}.theme-switcher{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-elevated);border:2px solid var(--primary);border-radius:var(--radius-md);box-shadow:4px 4px 0 var(--primary);z-index:1000}.theme-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-right:.5rem}.theme-btn{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-color);cursor:pointer;font-size:.7rem;font-weight:700;transition:all .2s ease}.theme-btn[data-theme=lime]{background:#cf0;color:#0d0d0d}.theme-btn[data-theme=blue]{background:#06f;color:#fff}.theme-btn[data-theme=violet]{background:#8b5cf6;color:#fff}.theme-btn[data-theme=clean]{background:#fff;color:#1a1a1a;border-color:#e0e0e0}.theme-btn[data-theme=sunset]{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.theme-btn[data-theme=mono]{background:#1a1a1a;color:#fff;border-color:#333}.theme-btn:hover{transform:scale(1.1)}.theme-btn.active{box-shadow:0 0 0 3px var(--bg-color),0 0 0 5px var(--primary)}.switcher-toggle-btn{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:var(--primary);border:2px solid var(--border-color);color:var(--bg-color);cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d;transition:all .3s ease}.switcher-toggle-btn:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 24px #0006}.switcher-toggle-btn svg{width:24px;height:24px}.design-switcher{position:fixed;bottom:5rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 32px #0000004d;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.design-switcher.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.switcher-section{display:flex;flex-direction:column;gap:.5rem}.switcher-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);font-weight:600}.switcher-buttons{display:flex;gap:.4rem}.design-btn{width:36px;height:36px;border-radius:8px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-color);cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.design-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.design-btn.active{background:var(--primary);color:var(--bg-color);border-color:var(--primary);box-shadow:0 4px 12px #0000004d}.design-btn[data-design=brutalism]{font-family:Impact,Arial Black,sans-serif;font-size:1.2rem}body.design-brutalism{--brutal-border: 3px solid #000000;--brutal-border-thick: 4px solid #000000;--brutal-shadow-sm: 4px 4px 0 #000;--brutal-shadow-md: 6px 6px 0 #000;--brutal-shadow-lg: 8px 8px 0 #000;--brutal-transition: .15s ease}body.design-brutalism .btn{border:3px solid #000!important;border-radius:0!important;box-shadow:4px 4px #000!important;text-transform:uppercase;font-weight:900;letter-spacing:.05em}body.design-brutalism .btn:hover{transform:translate(-2px,-2px)!important;box-shadow:6px 6px #000!important}body.design-brutalism .btn:active{transform:translate(4px,4px)!important;box-shadow:0 0 #000!important}body.design-brutalism .card,body.design-brutalism .hero-card{border:3px solid #000!important;border-radius:0!important;box-shadow:6px 6px #000!important}body.design-brutalism .card:hover,body.design-brutalism .hero-card:hover{transform:translate(-4px,-4px) rotate(-1deg)!important;box-shadow:10px 10px #000!important}body.design-brutalism header{border-bottom:3px solid #000!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.design-brutalism .section-title{background:var(--primary);color:var(--bg-color);padding:.5rem 1rem;display:inline-block;border:2px solid #000;box-shadow:3px 3px #000}body.design-brutalism .section-title:before{display:none}body.design-brutalism .marquee-section{border-top:3px solid #000;border-bottom:3px solid #000}body.design-brutalism .large-text{text-transform:uppercase;letter-spacing:-.02em}body.design-brutalism .design-switcher{border:3px solid #000;border-radius:0;box-shadow:6px 6px #000;-webkit-backdrop-filter:none;backdrop-filter:none}body.design-brutalism .design-btn,body.design-brutalism .theme-btn{border-radius:0!important}body.design-bento{--bento-radius: 20px;--bento-border: 1px solid rgba(255,255,255,.08);--bento-bg: rgba(255,255,255,.03);--bento-shadow: 0 2px 8px rgba(0,0,0,.04);--bento-shadow-hover: 0 8px 24px rgba(0,0,0,.08);--bento-transition: .3s cubic-bezier(.4, 0, .2, 1)}body.design-bento .btn{border-radius:12px!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 2px 8px #0000001a!important;font-weight:500}body.design-bento .btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px #00000026!important}body.design-bento .card,body.design-bento .hero-card{background:var(--bento-bg)!important;border:var(--bento-border)!important;border-radius:var(--bento-radius)!important;box-shadow:var(--bento-shadow)!important;transition:var(--bento-transition)!important}body.design-bento .card:hover,body.design-bento .hero-card:hover{transform:translateY(-4px)!important;box-shadow:var(--bento-shadow-hover)!important;border-color:#ffffff26!important}body.design-bento header{border-bottom:1px solid rgba(255,255,255,.05)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}body.design-bento .section-title{background:transparent;border:none;box-shadow:none;font-weight:500;letter-spacing:.1em}body.design-bento .marquee-section{background:var(--bg-secondary)!important;border:none!important}body.design-bento .design-switcher{border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0003}body.design-glass{--glass-bg: rgba(255,255,255,.08);--glass-bg-hover: rgba(255,255,255,.12);--glass-blur: blur(16px);--glass-blur-heavy: blur(24px);--glass-border: 1px solid rgba(255,255,255,.15);--glass-shadow: 0 8px 32px rgba(0,0,0,.12)}body.design-glass:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(167,139,250,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(34,211,238,.12) 0%,transparent 50%);pointer-events:none;z-index:-1}body.design-glass .btn{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:var(--glass-border)!important;border-radius:12px!important;box-shadow:var(--glass-shadow)!important}body.design-glass .btn:hover{background:var(--glass-bg-hover)!important;transform:translateY(-2px)!important;box-shadow:0 12px 40px #0003!important}body.design-glass .btn-primary{background:rgba(var(--primary-rgb, 204, 255, 0),.8)!important}body.design-glass .card,body.design-glass .hero-card{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:var(--glass-border)!important;border-radius:20px!important;box-shadow:var(--glass-shadow)!important;overflow:hidden;position:relative}body.design-glass .card:before,body.design-glass .hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}body.design-glass .card:hover,body.design-glass .hero-card:hover{background:var(--glass-bg-hover)!important;transform:translateY(-8px)!important;box-shadow:0 16px 48px #0003!important}body.design-glass .card:after,body.design-glass .hero-card:after{content:"";position:absolute;top:-50%;left:-100%;width:60%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:skew(-25deg);transition:left .7s ease;pointer-events:none}body.design-glass .card:hover:after,body.design-glass .hero-card:hover:after{left:150%}body.design-glass header{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur-heavy)!important;-webkit-backdrop-filter:var(--glass-blur-heavy)!important;border-bottom:var(--glass-border)!important}body.design-glass .section-title{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:8px;padding:.5rem 1rem}body.design-glass .marquee-section{background:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border:none!important}body.design-glass .design-switcher{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-heavy);backdrop-filter:var(--glass-blur-heavy);border:var(--glass-border);border-radius:16px}body.design-glass .hero-bg .floating-orb{filter:blur(100px);opacity:.6}body.design-brutalism .timeline-step{border:3px solid #000!important;border-radius:0!important;box-shadow:6px 6px #000;background:var(--bg-secondary)}body.design-brutalism .timeline-step:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #000}body.design-brutalism .timeline-step.active{box-shadow:8px 8px 0 var(--primary);border-color:var(--primary)!important}body.design-brutalism .step-number{border:2px solid #000;border-radius:0;font-weight:900;text-transform:uppercase}body.design-brutalism .step-label{text-transform:uppercase;font-weight:800;letter-spacing:.05em}body.design-brutalism .timeline-arrow{font-weight:900;font-size:2rem}body.design-brutalism .tag-ai{border-radius:0;border:1px solid var(--primary);font-weight:700}body.design-brutalism .timeline-summary{border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}body.design-bento .timeline-step{border-radius:24px;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 24px #0003}body.design-bento .timeline-step:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000004d}body.design-bento .timeline-step.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 12px 40px #0000004d}body.design-bento .step-number{border-radius:12px;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-secondary))}body.design-bento .step-visual{border-radius:16px}body.design-bento .timeline-summary{border-radius:50px;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-secondary))}body.design-glass .timeline-step{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 8px 32px #0003}body.design-glass .timeline-step:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent,rgba(255,255,255,.05));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}body.design-glass .timeline-step:hover{background:#ffffff0f;transform:translateY(-4px);box-shadow:0 16px 48px #00000040}body.design-glass .timeline-step.active{background:#ffffff14;border-color:rgba(var(--primary-rgb, 204, 255, 0),.3);box-shadow:0 0 30px rgba(var(--primary-rgb, 204, 255, 0),.15)}body.design-glass .step-number{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}body.design-glass .step-visual{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px}body.design-glass .tag-ai{background:rgba(var(--primary-rgb, 204, 255, 0),.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.design-glass .timeline-summary{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}body.design-glass .timeline-arrow{color:#fff6}body.theme-blue{--bg-color: #0A0A0F;--bg-secondary: #111118;--bg-elevated: #18181F;--bg-card: #18181F;--text-color: #F5F5F5;--text-muted: #888888;--primary: #0066FF;--secondary: #00D4FF;--accent: #0066FF;--accent-pink: var(--primary);--accent-purple: var(--primary);--accent-yellow: var(--secondary);--accent-cyan: var(--secondary);--accent-color: var(--primary);--accent-glow: rgba(0, 102, 255, .3);--gradient-brand: var(--primary);--gradient-pink: var(--primary);--gradient-purple: var(--primary);--gradient-yellow: var(--secondary);--gradient-cyan: var(--secondary);--card-coral: var(--primary);--card-mint: var(--secondary);--card-lemon: var(--primary);--card-dark: #18181F;--card-pink: var(--primary);--card-purple: var(--primary);--card-yellow: var(--secondary);--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(0, 102, 255, .5);--border-solid: 2px solid var(--primary);--shadow-cartoon: 4px 4px 0 #000000;--shadow-cartoon-hover: 6px 6px 0 #000000;--shadow-cartoon-color: 4px 4px 0 var(--primary)}body.theme-lime{--bg-color: #0D0D0D;--bg-secondary: #141414;--bg-elevated: #1A1A1A;--bg-card: #1A1A1A;--text-color: #F5F5F5;--text-muted: #888888;--primary: #CCFF00;--secondary: #FFFFFF;--accent: #CCFF00;--accent-pink: var(--primary);--accent-purple: var(--primary);--accent-yellow: var(--primary);--accent-cyan: var(--primary);--accent-color: var(--primary);--accent-glow: rgba(204, 255, 0, .3);--gradient-brand: var(--primary);--gradient-pink: var(--primary);--gradient-purple: var(--primary);--gradient-yellow: var(--primary);--gradient-cyan: var(--primary);--card-coral: var(--primary);--card-mint: var(--primary);--card-lemon: var(--primary);--card-dark: #1A1A1A;--card-pink: var(--primary);--card-purple: var(--primary);--card-yellow: var(--primary);--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(204, 255, 0, .5);--border-solid: 2px solid var(--primary);--shadow-cartoon: 4px 4px 0 #000000;--shadow-cartoon-hover: 6px 6px 0 #000000;--shadow-cartoon-color: 4px 4px 0 var(--primary)}body.theme-violet{--bg-color: #0D0A14;--bg-secondary: #13101C;--bg-elevated: #1A1524;--bg-card: #1A1524;--text-color: #F5F5F5;--text-muted: #9090A0;--primary: #8B5CF6;--secondary: #A78BFA;--accent: #8B5CF6;--accent-pink: var(--primary);--accent-purple: var(--primary);--accent-yellow: var(--secondary);--accent-cyan: var(--secondary);--accent-color: var(--primary);--accent-glow: rgba(139, 92, 246, .3);--gradient-brand: var(--primary);--gradient-pink: var(--primary);--gradient-purple: var(--primary);--gradient-yellow: var(--secondary);--gradient-cyan: var(--secondary);--card-coral: var(--primary);--card-mint: var(--secondary);--card-lemon: var(--primary);--card-dark: #1A1524;--card-pink: var(--primary);--card-purple: var(--primary);--card-yellow: var(--secondary);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(139, 92, 246, .5);--border-solid: 2px solid var(--primary);--shadow-cartoon: 4px 4px 0 #000000;--shadow-cartoon-hover: 6px 6px 0 #000000;--shadow-cartoon-color: 4px 4px 0 var(--primary)}body.theme-clean{--bg-color: #FAFAFA;--bg-secondary: #FFFFFF;--bg-elevated: #FFFFFF;--bg-card: #FFFFFF;--text-color: #1A1A1A;--text-muted: #666666;--primary: #1A1A1A;--secondary: #666666;--accent: #1A1A1A;--accent-pink: var(--primary);--accent-purple: var(--primary);--accent-yellow: var(--secondary);--accent-cyan: var(--secondary);--accent-color: var(--primary);--accent-glow: rgba(0, 0, 0, .1);--gradient-brand: var(--primary);--gradient-pink: var(--primary);--gradient-purple: var(--primary);--gradient-yellow: var(--secondary);--gradient-cyan: var(--secondary);--card-coral: var(--primary);--card-mint: var(--secondary);--card-lemon: var(--primary);--card-dark: #F5F5F5;--card-pink: var(--primary);--card-purple: var(--primary);--card-yellow: var(--secondary);--border-color: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .2);--border-solid: 2px solid var(--primary);--shadow-cartoon: 4px 4px 0 #E0E0E0;--shadow-cartoon-hover: 6px 6px 0 #D0D0D0;--shadow-cartoon-color: 4px 4px 0 var(--primary)}body.theme-clean header{background-color:#fffffff2;border-bottom-color:#e0e0e0}body.theme-clean .marquee-section{background:#1a1a1a}body.theme-clean .marquee-item{color:#fff}body.theme-clean .btn{box-shadow:4px 4px #ccc}body.theme-clean .btn:hover{box-shadow:6px 6px #bbb}body.theme-sunset{--bg-color: #1A1410;--bg-secondary: #241C16;--bg-elevated: #2E241C;--bg-card: #2E241C;--text-color: #FFF8F0;--text-muted: #BFA894;--primary: #FF6B35;--secondary: #F7931E;--accent: #FFB347;--accent-pink: #FF6B35;--accent-purple: #F7931E;--accent-yellow: #FFB347;--accent-cyan: #F7931E;--accent-color: var(--primary);--accent-glow: rgba(255, 107, 53, .3);--gradient-brand: linear-gradient(135deg, #FF6B35, #F7931E);--gradient-pink: var(--primary);--gradient-purple: var(--secondary);--gradient-yellow: var(--accent);--gradient-cyan: var(--secondary);--card-coral: var(--primary);--card-mint: var(--secondary);--card-lemon: var(--accent);--card-dark: #2E241C;--card-pink: var(--primary);--card-purple: var(--secondary);--card-yellow: var(--accent);--border-color: rgba(255, 147, 30, .15);--border-hover: rgba(255, 107, 53, .5);--border-solid: 2px solid var(--primary);--shadow-cartoon: 4px 4px 0 #0D0A08;--shadow-cartoon-hover: 6px 6px 0 #0D0A08;--shadow-cartoon-color: 4px 4px 0 var(--primary)}body.theme-sunset .marquee-section{background:linear-gradient(135deg,#ff6b35,#f7931e)}body.theme-mono{--bg-color: #0A0A0A;--bg-secondary: #121212;--bg-elevated: #1A1A1A;--bg-card: #1A1A1A;--text-color: #FFFFFF;--text-muted: #808080;--primary: #FFFFFF;--secondary: #A0A0A0;--accent: #FFFFFF;--accent-pink: var(--primary);--accent-purple: var(--secondary);--accent-yellow: var(--primary);--accent-cyan: var(--secondary);--accent-color: var(--primary);--accent-glow: rgba(255, 255, 255, .15);--gradient-brand: var(--primary);--gradient-pink: var(--primary);--gradient-purple: var(--secondary);--gradient-yellow: var(--primary);--gradient-cyan: var(--secondary);--card-coral: var(--primary);--card-mint: var(--secondary);--card-lemon: var(--primary);--card-dark: #1A1A1A;--card-pink: var(--primary);--card-purple: var(--secondary);--card-yellow: var(--primary);--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .3);--border-solid: 2px solid var(--primary);--shadow-cartoon: 4px 4px 0 #000000;--shadow-cartoon-hover: 6px 6px 0 #000000;--shadow-cartoon-color: 4px 4px 0 rgba(255, 255, 255, .3)}body.theme-mono .btn{background:#fff;color:#0a0a0a}body.theme-mono .btn-secondary{background:transparent;color:#fff;border:2px solid #FFFFFF}body.theme-mono .marquee-section{background:#fff}body.theme-mono .marquee-item{color:#0a0a0a}body.theme-mono .hero-card{box-shadow:6px 6px #fff3}body.theme-mono .card{border-color:#fff3;box-shadow:4px 4px #ffffff1a}.horizontal-timeline-wrapper{position:relative;padding:var(--spacing-md) 0}.timeline-progress{position:sticky;top:80px;left:0;right:0;height:4px;background:var(--bg-elevated);border-radius:2px;margin-bottom:var(--spacing-md);overflow:hidden;z-index:10}.timeline-progress-bar{height:100%;width:0%;background:var(--primary);border-radius:2px;transition:width .1s ease-out}.scroll-hint{text-align:center;margin-bottom:var(--spacing-sm)}.scroll-hint-text{display:inline-block;font-size:.85rem;color:var(--text-muted);padding:.5rem 1.5rem;background:var(--bg-elevated);border-radius:20px;animation:pulse-hint 2s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.6}50%{opacity:1}}.horizontal-timeline{display:flex;align-items:flex-start;gap:0;overflow-x:auto;overflow-y:hidden;padding:var(--spacing-md) var(--spacing-lg);scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-elevated);cursor:grab;-webkit-user-select:none;user-select:none}.horizontal-timeline.dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.horizontal-timeline.dragging .timeline-step{pointer-events:none}.horizontal-timeline::-webkit-scrollbar{height:8px}.horizontal-timeline::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:4px}.horizontal-timeline::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.timeline-step{flex:0 0 auto;width:260px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);scroll-snap-align:center;transition:all .3s ease;border-radius:var(--radius-lg);background:var(--bg-secondary);border:2px solid transparent;margin:0 .5rem}.timeline-step:hover{border-color:var(--primary);transform:translateY(-4px)}.timeline-step.active{border-color:var(--primary);box-shadow:0 0 30px var(--accent-glow)}.timeline-step.optional{border-style:dashed;border-color:var(--border-color);opacity:.85}.timeline-step.optional:hover{opacity:1;border-color:var(--primary)}.timeline-step.current{border-color:var(--secondary)}.timeline-step.final{background:linear-gradient(135deg,var(--bg-secondary),rgba(167,139,250,.1));border-color:#a78bfa66}.timeline-step .step-number{font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;color:var(--primary);background:#ff5e5b26;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;border:2px solid var(--primary);transition:all .3s ease}.timeline-step .step-visual{width:200px;height:120px;background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.timeline-step:hover .step-visual{border-color:var(--primary)}.timeline-step .step-label{font-size:1.1rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem}.timeline-step .step-time{font-size:.8rem;color:var(--secondary);background:#00d9b226;padding:.2rem .6rem;border-radius:12px;margin-bottom:.75rem}.timeline-step .step-badge{position:static;font-size:.75rem;padding:.2rem .6rem;border-radius:12px;margin-bottom:.75rem;background:#ffc10733;color:#ffc107}.timeline-step .step-badge.current{background:#00d9b233;color:var(--secondary)}.timeline-step .step-badge.coming{background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary)}.timeline-step .step-badge.future{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);border:1px dashed color-mix(in srgb,var(--primary) 40%,transparent)}.timeline-step.future{opacity:.7}.timeline-step.future .step-number{background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary);border:1px dashed color-mix(in srgb,var(--primary) 40%,transparent)}.timeline-step .step-details{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem;text-align:left;width:100%}.timeline-step .step-details li{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem}.timeline-arrow{flex:0 0 auto;font-size:2rem;color:var(--primary);padding:0 .25rem;opacity:.6;align-self:center;margin-top:80px}.tag-ai{font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;background:#00d9b233;color:var(--secondary);border:1px solid rgba(0,217,178,.4)}.visual-upload{display:flex;align-items:center;gap:12px;width:100%;height:100%;padding:15px}.upload-strip{display:flex;flex-direction:column;gap:6px;flex:1}.upload-strip .strip-panel{height:24px;background:var(--border-color);border-radius:3px;border:1px solid var(--border-color)}.upload-strip .strip-panel:nth-child(1){opacity:.5}.upload-strip .strip-panel:nth-child(2){opacity:.7}.upload-strip .strip-panel:nth-child(3){opacity:1;background:var(--primary)}.upload-arrow{font-size:1.5rem;color:var(--primary);animation:bounce-down 1.5s ease-in-out infinite}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.visual-analyze{position:relative;width:100%;height:100%;padding:15px}.analyze-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;width:100%;height:100%}.grid-cell{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:3px}.scan-line{position:absolute;top:15px;left:15px;right:15px;height:2px;background:var(--secondary);animation:scan 2s ease-in-out infinite}@keyframes scan{0%{top:15px;opacity:1}to{top:calc(100% - 17px);opacity:.3}}.visual-adjust{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:15px}.adjust-box{position:relative;width:80px;height:60px;border:2px dashed var(--primary);border-radius:4px;animation:resize-pulse 2s ease-in-out infinite}@keyframes resize-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.resize-handle{position:absolute;width:8px;height:8px;background:var(--primary);border-radius:2px}.resize-handle.tl{top:-4px;left:-4px}.resize-handle.tr{top:-4px;right:-4px}.resize-handle.bl{bottom:-4px;left:-4px}.resize-handle.br{bottom:-4px;right:-4px}.visual-storyboard{display:flex;gap:10px;width:100%;height:100%;padding:15px;align-items:center;justify-content:center}.sb-card{width:70px;display:flex;flex-direction:column;gap:6px;padding:6px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:4px}.sb-thumb{width:100%;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:2px;opacity:.6}.sb-lines{display:flex;flex-direction:column;gap:3px}.sb-line{height:3px;background:var(--border-color);border-radius:1px}.sb-line.short{width:60%}.visual-generate{display:flex;align-items:center;gap:6px;width:100%;height:100%;padding:15px;justify-content:center}.gen-frame{width:30px;height:40px;border:2px solid var(--border-color);border-radius:3px;background:var(--bg-elevated)}.gen-frame.start{background:linear-gradient(to bottom,var(--primary) 50%,var(--bg-elevated) 50%)}.gen-frame.end{background:var(--secondary);opacity:.7}.gen-arrow{font-size:.9rem;color:var(--text-muted)}.gen-progress-bar{width:40px;height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden}.gen-fill{height:100%;width:30%;background:var(--primary);border-radius:3px;animation:progress-fill 2s ease-in-out infinite}@keyframes progress-fill{0%{width:0%}50%{width:100%}to{width:0%}}.visual-simple{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.visual-simple .simple-text{font-size:.9rem;font-weight:600;color:var(--text-muted);padding:8px 16px;border:1px dashed var(--border-color);border-radius:6px}.visual-simple.coming .simple-text{color:#a78bfa;border-color:#a78bfa66}.visual-edit{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.edit-timeline{position:relative;width:90%;height:50px;background:#ffffff08;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.edit-track{display:flex;gap:2px;padding:3px;height:20px}.edit-track.video{border-bottom:1px solid var(--border-color)}.edit-clip{height:14px;border-radius:2px;flex-shrink:0}.edit-track.video .edit-clip{background:linear-gradient(135deg,var(--primary) 0%,rgba(var(--primary-rgb),.6) 100%)}.edit-track.video .edit-clip.c1{width:30%}.edit-track.video .edit-clip.c2{width:25%}.edit-track.video .edit-clip.c3{width:35%}.edit-track.audio .edit-clip{background:linear-gradient(135deg,var(--secondary) 0%,rgba(0,217,178,.5) 100%)}.edit-track.audio .edit-clip.c1{width:40%}.edit-track.audio .edit-clip.c2{width:50%}.edit-playhead{position:absolute;top:0;left:35%;width:2px;height:100%;background:#f55;box-shadow:0 0 6px #f559}.edit-playhead:before{content:"";position:absolute;top:-4px;left:-4px;width:10px;height:8px;background:#f55;clip-path:polygon(50% 100%,0 0,100% 0)}.visual-sound{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:100%}.sound-wave{display:flex;align-items:center;gap:3px;height:40px}.wave-bar{width:4px;background:var(--secondary);border-radius:2px;animation:soundWave 1s ease-in-out infinite}.wave-bar:nth-child(1){height:40%;animation-delay:0s}.wave-bar:nth-child(2){height:70%;animation-delay:.1s}.wave-bar:nth-child(3){height:100%;animation-delay:.2s}.wave-bar:nth-child(4){height:60%;animation-delay:.3s}.wave-bar:nth-child(5){height:30%;animation-delay:.4s}@keyframes soundWave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.sound-bubble{width:28px;height:22px;background:#ffffff1a;border:2px solid var(--primary);border-radius:12px 12px 12px 4px;position:relative}.sound-bubble:after{content:"...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:var(--primary);letter-spacing:1px}.remove-after .clean{color:var(--secondary);font-weight:700;font-size:1.2rem}.visual-expand{display:flex;align-items:center;gap:6px}.expand-box{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:3px}.expand-box.small{width:30px;height:40px}.expand-box.large{width:40px;height:70px;border-color:var(--primary)}.expand-box span{font-size:.5rem;color:var(--text-muted);writing-mode:vertical-rl}.expand-arrows-icon{color:var(--primary);font-size:1rem;animation:expand-pulse 1.5s ease-in-out infinite}@keyframes expand-pulse{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.3)}}.visual-generate{display:flex;align-items:center;gap:8px}.gen-frame{font-size:1.5rem}.gen-progress{width:40px;height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden}.gen-bar{height:100%;width:30%;background:var(--primary);border-radius:3px;animation:gen-progress 2s ease-in-out infinite}@keyframes gen-progress{0%{width:0%;transform:translate(0)}50%{width:60%}to{width:30%;transform:translate(200%)}}.visual-storyboard{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:10px}.storyboard-cards{display:flex;gap:8px}.sb-card{width:50px;height:65px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:4px;padding:4px;display:flex;flex-direction:column;gap:4px;animation:sb-pop 2s ease-in-out infinite}.sb-card:nth-child(2){animation-delay:.3s}@keyframes sb-pop{0%,to{transform:scale(.95);opacity:.7}50%{transform:scale(1);opacity:1}}.sb-thumb{width:100%;height:35px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:2px;opacity:.6}.sb-text{width:100%;height:4px;background:var(--border-color);border-radius:2px}.sb-text:after{content:"";display:block;width:60%;height:4px;background:var(--border-color);border-radius:2px;margin-top:4px}.visual-review{display:flex;flex-direction:column;align-items:center;gap:10px}.review-badges{display:flex;gap:8px}.review-badges .badge-ok{color:var(--secondary);font-size:1.2rem;font-weight:700}.review-badges .badge-redo{color:var(--accent);font-size:1.2rem}.version-dots{display:flex;gap:6px}.version-dots .vdot{width:10px;height:10px;background:var(--border-color);border-radius:50%}.version-dots .vdot.active{background:var(--primary)}.visual-complete{display:flex;flex-direction:column;align-items:center;gap:6px}.complete-icon{font-size:2.5rem;animation:complete-bounce 2s ease-in-out infinite}@keyframes complete-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.complete-text{font-size:.9rem;font-weight:700;color:var(--primary)}.timeline-summary{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:var(--spacing-md);padding:1rem 2rem;background:var(--bg-elevated);border-radius:var(--radius-lg);border:2px solid var(--primary)}.summary-highlight{font-size:1.1rem;font-weight:700;color:var(--primary)}.summary-divider{color:var(--border-color)}.summary-text{font-size:.95rem;color:var(--text-muted)}@media(max-width:768px){.horizontal-timeline{padding:var(--spacing-sm)}.timeline-step{width:220px;padding:var(--spacing-sm)}.timeline-step .step-visual{width:160px;height:100px}.timeline-step .step-label{font-size:1rem}.timeline-step .step-details li{font-size:.75rem}.timeline-arrow{font-size:1.5rem;margin-top:60px}.timeline-summary{flex-direction:column;gap:.5rem;text-align:center}.summary-divider{display:none}}body.theme-clean .timeline-step{background:#fff;border:1px solid #E0E0E0}body.theme-clean .step-number{background:#f5f5f5;color:#1a1a1a;border:1px solid #E0E0E0}body.theme-clean .step-visual{background:#f8f8f8;border:1px solid #E8E8E8}body.theme-clean .step-label{color:#1a1a1a}body.theme-clean .step-time{color:#666}body.theme-clean .step-details li{color:#444}body.theme-clean .tag-ai{background:#0096881a;color:#00796b;border-color:#0096884d}body.theme-clean .timeline-arrow{color:#ccc}body.theme-clean .gradient-text{color:#1a1a1a}body.theme-clean .text-purple,body.theme-clean .text-pink,body.theme-clean .text-cyan,body.theme-clean .text-yellow{color:#333}body.theme-clean .edit-track.video .edit-clip{background:linear-gradient(135deg,#1a1a1a,#444)}body.theme-clean .edit-track.audio .edit-clip{background:linear-gradient(135deg,#666,#888)}body.theme-clean .wave-bar{background:#444}body.theme-clean .sound-bubble{border-color:#1a1a1a}body.theme-clean .sound-bubble:after{color:#1a1a1a}body.theme-mono .gradient-text{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}body.theme-mono .step-number{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}body.theme-mono .tag-ai{background:#ffffff1a;color:#fff;border-color:#ffffff4d}body.theme-mono .text-purple,body.theme-mono .text-pink,body.theme-mono .text-cyan,body.theme-mono .text-yellow{color:#ccc}body.theme-mono .step-visual{border-color:#ffffff1a}body.theme-mono .edit-track.video .edit-clip{background:linear-gradient(135deg,#fff,#fff9)}body.theme-mono .edit-track.audio .edit-clip{background:linear-gradient(135deg,#888,#666)}body.theme-blue .tag-ai{background:#00d4ff26;color:#00d4ff;border-color:#00d4ff66}body.theme-blue .step-number{border-color:#0066ff4d}body.theme-blue .text-cyan{color:#00d4ff}body.theme-blue .edit-track.video .edit-clip{background:linear-gradient(135deg,#06f,#06f9)}body.theme-blue .edit-track.audio .edit-clip{background:linear-gradient(135deg,#00d4ff,#00d4ff99)}body.theme-blue .wave-bar{background:#00d4ff}body.theme-blue .sound-bubble{border-color:#06f}body.theme-blue .sound-bubble:after{color:#06f}body.theme-violet .tag-ai{background:#a78bfa26;color:#a78bfa;border-color:#a78bfa66}body.theme-violet .text-purple{color:#a78bfa}body.theme-violet .edit-track.video .edit-clip{background:linear-gradient(135deg,#8b5cf6,#8b5cf699)}body.theme-violet .edit-track.audio .edit-clip{background:linear-gradient(135deg,#a78bfa,#a78bfa99)}body.theme-violet .wave-bar{background:#a78bfa}body.theme-violet .sound-bubble{border-color:#8b5cf6}body.theme-violet .sound-bubble:after{color:#8b5cf6}body.theme-sunset .tag-ai{background:#ff6b3526;color:#ffb347;border-color:#ff6b3566}body.theme-sunset .edit-track.video .edit-clip{background:linear-gradient(135deg,#ff6b35,#ff6b3599)}body.theme-sunset .edit-track.audio .edit-clip{background:linear-gradient(135deg,#f7931e,#f7931e99)}body.theme-sunset .wave-bar{background:#ffb347}body.theme-sunset .sound-bubble{border-color:#ff6b35}body.theme-sunset .sound-bubble:after{color:#ff6b35}body.theme-lime .tag-ai{background:#ccff0026;color:#cf0;border-color:#cf06}body.theme-lime .edit-track.video .edit-clip{background:linear-gradient(135deg,#cf0,#cf09)}body.theme-lime .wave-bar{background:#cf0}body.theme-lime .sound-bubble{border-color:#cf0}body.theme-lime .sound-bubble:after{color:#cf0}body.theme-clean [style*="background: var(--gradient-brand)"],body.theme-clean [style*="background: var(--gradient-pink)"],body.theme-clean [style*="background: var(--gradient-purple)"],body.theme-clean [style*="background: var(--gradient-cyan)"],body.theme-clean [style*="background: var(--gradient-yellow)"]{background:#1a1a1a!important}body.theme-clean .card-highlight [style*="background: var(--gradient"] svg{stroke:#fff}body.theme-mono [style*="background: var(--gradient-brand)"],body.theme-mono [style*="background: var(--gradient-pink)"],body.theme-mono [style*="background: var(--gradient-purple)"],body.theme-mono [style*="background: var(--gradient-cyan)"],body.theme-mono [style*="background: var(--gradient-yellow)"]{background:#fff!important}body.theme-mono [style*="background: var(--gradient"] span[style*="color: white"]{color:#0a0a0a!important}body.theme-mono .card-highlight [style*="background: var(--gradient"] svg{stroke:#0a0a0a}body.theme-lime [style*="background: var(--gradient"] span[style*="color: white"]{color:#0a0a0a!important}body.theme-lime .card-highlight [style*="background: var(--gradient"] svg{stroke:#0a0a0a}.credibility-bar{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.credibility-item{display:flex;align-items:center;gap:.75rem}.credibility-icon{width:48px;height:48px;background:var(--primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.credibility-label{font-weight:700;font-size:.75rem;color:var(--bg-color)}body.theme-clean .credibility-icon{background:#1a1a1a}body.theme-clean .credibility-label{color:#fff}body.theme-mono .credibility-icon{background:#fff;border:1px solid rgba(255,255,255,.2)}body.theme-mono .credibility-label{color:#0a0a0a}body.theme-blue .credibility-label,body.theme-violet .credibility-label,body.theme-sunset .credibility-label{color:#fff}body.theme-lime .credibility-label{color:#0a0a0a}.icon-box{width:56px;height:56px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.icon-box svg{width:28px;height:28px;stroke:var(--bg-color);fill:none;stroke-width:2}body.theme-clean .icon-box{background:#1a1a1a}body.theme-clean .icon-box svg{stroke:#fff}body.theme-mono .icon-box{background:#fff;border:1px solid rgba(255,255,255,.2)}body.theme-mono .icon-box svg{stroke:#0a0a0a}body.theme-lime .icon-box svg{stroke:#0a0a0a}.partnership-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card-category{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;color:var(--primary)}.card-title{font-family:Space Grotesk,sans-serif;font-size:1.25rem;margin-bottom:1rem;text-transform:none;color:var(--text-color)}.card-desc{color:var(--text-muted);line-height:1.7}@media(max-width:414px){.works-carousel{max-width:90vw;padding:1.5rem 0}.carousel-container{aspect-ratio:640/1424;width:100%}.work-card{aspect-ratio:640/1424}.work-card.active{transform:translate(-50%) scale(.95) rotate(0)}.work-card.prev{transform:translate(-85%) scale(.85) rotate(-3deg)}.work-card.prev-2{transform:translate(-110%) scale(.75) rotate(-6deg)}.work-card.next{transform:translate(-15%) scale(.85) rotate(3deg)}.work-card.next-2{transform:translate(10%) scale(.75) rotate(6deg)}.hero-featured-video{max-width:280px;aspect-ratio:640/1424}.hero-visual{min-height:auto;padding:2rem 1rem}header .container{padding:0 1rem}.logo-image{height:24px}.logo-icon{width:28px;height:28px}nav{display:none}.mobile-menu-btn{display:flex!important;flex-direction:column;gap:4px;width:28px;height:28px;background:transparent;border:none;cursor:pointer;padding:4px;justify-content:center;align-items:center}.mobile-menu-btn span{width:100%;height:2px;background:var(--primary);transition:all .3s ease;border-radius:2px}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:block;position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));background:#0a0a1afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(-100%);transition:transform .3s ease;z-index:99;padding:2rem}.mobile-nav.active{transform:translate(0)}.mobile-nav ul{display:flex;flex-direction:column;gap:1.5rem}.mobile-nav a{font-size:1.25rem;text-transform:uppercase;color:var(--text-color);font-weight:600;letter-spacing:.05em;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.switcher-toggle-btn{bottom:1rem;right:1rem;width:44px;height:44px}.switcher-toggle-btn svg{width:20px;height:20px}.design-switcher{bottom:4rem;right:1rem;left:1rem;max-width:calc(100vw - 2rem)}.design-switcher.active{opacity:1;transform:translateY(0) scale(1)}}.contact-download-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto}.contact-column,.download-column{display:flex;flex-direction:column}.column-title{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif}.pdf-download-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all .3s var(--ease-smooth)}.pdf-download-card:hover{border-color:var(--primary);box-shadow:0 8px 32px var(--accent-glow);transform:translateY(-4px)}.pdf-icon{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border-radius:var(--radius-sm);border:2px solid var(--primary)}.pdf-icon svg{width:32px;height:32px;color:var(--primary)}.pdf-info{flex:1;text-align:left}.pdf-info h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-color)}.pdf-info p{font-size:.9rem;color:var(--text-muted);margin:0}.btn-download{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--primary);color:var(--bg-color);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s var(--ease-smooth);text-decoration:none;white-space:nowrap}.btn-download:hover{background:var(--secondary);color:var(--bg-color);transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow)}.btn-download svg{flex-shrink:0}@media(max-width:768px){.contact-download-grid{grid-template-columns:1fr;gap:3rem}.column-title{font-size:1.5rem}.pdf-download-card{flex-direction:column;text-align:center;padding:1.5rem;gap:1rem}.pdf-info{text-align:center}.pdf-info h3{font-size:1rem}.pdf-info p{font-size:.85rem}.btn-download{width:100%;padding:1rem 1.5rem}}.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.gallery-card{position:relative;border-radius:8px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.gallery-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0003}.gallery-card-media{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden}.gallery-card-media video{width:100%;height:100%;object-fit:cover;display:block}.gallery-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#0006;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;z-index:2}.gallery-card-play svg{width:14px;height:14px;fill:#fff;margin-left:2px}.gallery-card:hover .gallery-card-play{opacity:0}.gallery-card-info{padding:.4rem .5rem}.gallery-card-info h3{font-size:.7rem;font-weight:500;margin-bottom:.1rem;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-card-category{font-size:.55rem;color:var(--text-muted)}.gallery-loading,.gallery-empty,.gallery-error{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--text-muted)}.gallery-error .btn{margin-top:1rem}@media(max-width:1200px){.gallery-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:400px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}