*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #000000;--color-primary-light: #1a1a1a;--color-secondary: #6366f1;--color-secondary-light: #818cf8;--color-accent: #ec4899;--color-accent-light: #f472b6;--color-text: #1a1a1a;--color-text-light: #6b7280;--color-text-lighter: #9ca3af;--color-bg: #ffffff;--color-bg-light: #fafafa;--color-bg-dark: #0a0a0a;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--spacing-2xl: 8rem;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-2xl: 3rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}html{font-size:16px;overflow-x:hidden}body{font-family:var(--font-primary);color:var(--color-text);background-color:var(--color-bg-light);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:var(--transition-base)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}}.section-label{display:inline-block;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;color:var(--color-text);margin-bottom:var(--spacing-lg)}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.gradient-text{background:linear-gradient(135deg,var(--color-secondary-light),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.manifest .gradient-text{background:linear-gradient(135deg,#818cf8,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;transition:background .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .4s cubic-bezier(.4,0,.2,1),border-bottom .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);box-shadow:none}.nav.scrolled{background:#ffffffd9;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.nav-container{max-width:1280px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#1e01f3;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link{font-size:.9375rem;font-weight:500;color:var(--color-text);padding:var(--spacing-xs) 0;position:relative;pointer-events:auto!important;z-index:10}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.nav-link:hover:after{width:100%}.btn-cta-nav{background:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm)}.btn-cta-nav:after{display:none}.btn-cta-nav:hover{background:var(--color-primary-light);transform:translateY(-1px)}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-xs)}.nav-toggle span{width:24px;height:2px;background:var(--color-primary);transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.nav-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 768px){.nav{padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;box-shadow:none;transition:padding .4s cubic-bezier(.4,0,.2,1)}.nav.scrolled{padding:1rem;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:none!important;box-shadow:none!important}.nav-container{width:100%;max-width:100%;margin:0;padding:1rem 1.5rem;background:#ffffff59;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:0;box-shadow:none;border:none;outline:none;transition:max-width .4s cubic-bezier(.4,0,.2,1),margin-left .4s cubic-bezier(.4,0,.2,1),margin-right .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);will-change:max-width,margin,border-radius;overflow:visible}.nav.scrolled .nav-container{max-width:calc(100% - 2rem);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;border-radius:2rem;box-shadow:0 8px 32px #1f26870d}.nav-toggle{display:flex!important;z-index:10000;position:relative}.nav-links{display:flex!important;position:fixed;top:80px;left:1rem;right:1rem;z-index:9999;background:#fffffffa;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:1.5rem;flex-direction:column;gap:.5rem;padding:2rem 1.5rem;transform:translateY(-20px);opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #1f268726;border:1px solid rgba(255,255,255,.2)}.nav-links.active{transform:translateY(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.nav-links .nav-link{padding:1rem 1.25rem;border-radius:.75rem;font-size:1rem;font-weight:500;transition:all .2s ease}.nav-links .nav-link:hover{background:#0000000d;transform:translate(4px)}.nav-links .nav-link:after{display:none}.nav-links .btn-cta-nav{margin-top:.5rem;width:100%;text-align:center;padding:1rem 1.25rem;border-radius:.75rem}}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;font-weight:600;font-family:var(--font-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);text-align:center;white-space:nowrap;pointer-events:auto!important;position:relative;z-index:10}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-light);border-color:var(--color-text)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-large{padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem}.btn svg{transition:transform var(--transition-base)}.btn:hover svg{transform:translate(4px)}.hero{position:relative;min-height:auto;display:flex;align-items:flex-start;padding-top:80px;padding-bottom:var(--spacing-lg);overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));top:-300px;right:-300px;animation-delay:0s}.orb-2{width:500px;height:500px;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));bottom:-250px;left:-250px;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,50px) scale(1.1)}66%{transform:translate(-50px,-50px) scale(.9)}}.hero-container{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:flex-start;padding-top:var(--spacing-sm)}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf61f,#6366f11a,#ec489914);border:none;border-radius:var(--radius-full);font-size:1rem;font-weight:600;color:var(--color-text);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);opacity:0;will-change:opacity,transform;box-shadow:0 2px 8px #8b5cf614;transition:transform var(--transition-base),box-shadow var(--transition-base)}.hero-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf61f}.badge-icon{font-size:1.125rem;line-height:1;display:flex;align-items:center;opacity:.9}.badge-text{font-size:1rem;font-weight:600;letter-spacing:-.01em}@media (max-width: 768px){.hero-badge{padding:.625rem 1.25rem;font-size:.9375rem;margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.badge-icon{font-size:1rem}.badge-text{font-size:.9375rem}}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;color:var(--color-text);margin-bottom:var(--spacing-xs)}.title-line{display:block;opacity:0;will-change:opacity,transform}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);line-height:1.5;color:var(--color-text-light);margin-bottom:var(--spacing-sm);max-width:540px;opacity:0;will-change:opacity,transform}.hero-cta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;opacity:0;will-change:opacity,transform;margin-top:var(--spacing-xs);pointer-events:none}.hero-cta *{pointer-events:auto}.hero-cta .btn{opacity:1;pointer-events:auto!important;position:relative;z-index:10}.hero-media{position:relative;opacity:0;will-change:opacity,transform}.video-container{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius-lg);overflow:hidden;background:#000;box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transition:opacity .4s ease-out,visibility .4s ease-out}.video-container.ready{opacity:1;visibility:visible}.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;opacity:0;transition:opacity .3s ease-out}.video-container.ready video{opacity:1}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary-light),var(--color-accent-light));cursor:pointer;transition:transform var(--transition-base);z-index:1;opacity:0;visibility:hidden;pointer-events:none}.video-placeholder:hover{transform:scale(1.02)}.play-icon{color:#fff;margin-bottom:var(--spacing-sm);transition:transform var(--transition-base)}.video-placeholder:hover .play-icon{transform:scale(1.1)}.video-label{color:#ffffffb3;font-size:.875rem;font-weight:500}@media (max-width: 768px){.video-placeholder{display:none!important}.video-label{display:none}}.scroll-indicator,.scroll-line{display:none}@keyframes scrollLine{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center;padding-top:var(--spacing-sm)}.hero-content{max-width:100%}.hero-cta{justify-content:center}}@media (max-width: 768px){.hero{min-height:auto;padding-top:80px;padding-bottom:var(--spacing-lg);margin-bottom:0}.hero-container{padding-top:var(--spacing-xs);gap:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.hero-title{margin-bottom:var(--spacing-sm);font-size:clamp(2rem,8vw,3rem)}.hero-subtitle{margin-bottom:var(--spacing-md);line-height:1.5}.hero-cta{flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.hero-cta .btn{width:100%;justify-content:center}.hero-media{margin-top:var(--spacing-xs)}.video-container{aspect-ratio:9 / 13;max-width:100%;margin:0 auto}}.manifest{position:relative;padding:var(--spacing-2xl) 0;min-height:90vh;display:flex;align-items:center;overflow:hidden;background:var(--color-bg-dark);margin:calc(-1 * var(--spacing-sm)) .75rem var(--spacing-sm);border-radius:1.75rem}.manifest-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.manifest-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px;opacity:.5}.manifest-particles{position:absolute;top:0;left:0;right:0;bottom:0}.particle{position:absolute;width:4px;height:4px;background:var(--color-secondary);border-radius:50%;opacity:.6}.particle:nth-child(1){top:20%;left:15%;animation:float-particle 8s ease-in-out infinite}.particle:nth-child(2){top:40%;left:70%;animation:float-particle 10s ease-in-out infinite 1s}.particle:nth-child(3){top:60%;left:30%;animation:float-particle 12s ease-in-out infinite 2s}.particle:nth-child(4){top:80%;left:80%;animation:float-particle 9s ease-in-out infinite .5s}.particle:nth-child(5){top:30%;left:50%;animation:float-particle 11s ease-in-out infinite 1.5s}.particle:nth-child(6){top:70%;left:10%;animation:float-particle 13s ease-in-out infinite 2.5s}@keyframes float-particle{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(30px,-30px) scale(1.5);opacity:1}}.manifest-gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);filter:blur(80px);animation:pulse-gradient 8s ease-in-out infinite}@keyframes pulse-gradient{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.manifest .container{position:relative;z-index:1}.manifest-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;min-height:70vh}.manifest-left{color:#fff}.manifest-label{display:inline-block;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin-bottom:var(--spacing-sm)}.manifest-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg)}.title-part{display:block}.manifest-text{margin-bottom:var(--spacing-md)}.manifest-lead{font-size:clamp(1.125rem,2.5vw,1.5rem);line-height:1.7;color:#fffffff2;margin-bottom:var(--spacing-md);font-weight:400}.manifest-lead strong{color:#fff;font-weight:700;position:relative}.manifest-lead strong:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));opacity:.5;z-index:-1}.manifest-description{font-size:clamp(1rem,2vw,1.125rem);line-height:1.8;color:#ffffffb3}.manifest-stats{display:flex;gap:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.manifest-stat{display:flex;flex-direction:column}.stat-number{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#fff;line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.manifest-right{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.manifest-visual{position:relative;width:100%;max-width:600px;aspect-ratio:1}.visual-canvas{position:relative;width:100%;height:100%;border-radius:var(--radius-xl);overflow:visible;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.canvas-grid,.visual-shapes,.shape,.shape-1,.shape-2,.shape-3,.visual-glow{display:none}.creative-interface{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center center;z-index:10;width:100%;height:100%;pointer-events:none;will-change:opacity}.interface-frame{position:absolute;width:35%;aspect-ratio:1.2;border-radius:var(--radius-md);background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;overflow:hidden;animation:frame-float 8s ease-in-out infinite}.frame-1{top:5%;left:5%;animation-delay:0s}.frame-2{top:5%;right:5%;animation-delay:1s}.frame-3{top:50%;left:0;transform:translateY(-50%);animation-delay:2s}.frame-4{top:50%;right:0;transform:translateY(-50%);animation-delay:3s}.frame-5{bottom:5%;left:50%;transform:translate(-50%);width:40%;animation-delay:4s}@keyframes frame-float{0%{transform:translate(0) scale(1)}25%{transform:translate(1px,-2px) scale(1.005)}50%{transform:translate(2px,-3px) scale(1.01)}75%{transform:translate(1px,-1px) scale(1.005)}to{transform:translate(0) scale(1)}}.frame-3,.frame-4{animation-name:frame-float-vertical}@keyframes frame-float-vertical{0%{transform:translateY(-50%) translate(0) scale(1)}25%{transform:translateY(-50%) translate(-1px,-1px) scale(1.005)}50%{transform:translateY(-50%) translate(-2px,-2px) scale(1.01)}75%{transform:translateY(-50%) translate(-1px,-1px) scale(1.005)}to{transform:translateY(-50%) translate(0) scale(1)}}.frame-5{animation-name:frame-float-horizontal}@keyframes frame-float-horizontal{0%{transform:translate(-50%) translate(0) scale(1)}25%{transform:translate(-50%) translate(-1.5px,1px) scale(1.005)}50%{transform:translate(-50%) translate(-3px,2px) scale(1.01)}75%{transform:translate(-50%) translate(-1.5px,1px) scale(1.005)}to{transform:translate(-50%) translate(0) scale(1)}}.frame-content{position:relative;width:100%;height:100%;padding:var(--spacing-xs)}.frame-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);opacity:0;animation:frame-glow-pulse 4s ease-in-out infinite;pointer-events:none}.frame-2 .frame-glow{background:radial-gradient(circle,rgba(236,72,153,.12) 0%,transparent 70%);animation-delay:.5s}.frame-3 .frame-glow{background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);animation-delay:1s}.frame-4 .frame-glow{background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);animation-delay:1.5s}.frame-5 .frame-glow{background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);animation-delay:2s}@keyframes frame-glow-pulse{0%{opacity:.2;transform:scale(.9)}50%{opacity:.6;transform:scale(1.2)}to{opacity:.2;transform:scale(.9)}}.frame-label{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);font-size:.65rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;z-index:2;text-shadow:0 0 10px rgba(255,255,255,.3)}.frame-preview{position:absolute;top:30%;left:0;right:0;bottom:0;overflow:hidden}.preview-gradient{width:100%;height:100%;border-radius:var(--radius-sm)}.vision-composition{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--radius-sm)}.vision-layer{position:absolute;width:100%;height:100%;border-radius:var(--radius-sm)}.layer-bg{background:linear-gradient(135deg,#6366f114,#8b5cf60d);animation:vision-bg-shift 8s ease-in-out infinite}.layer-mask{background:radial-gradient(ellipse at 30% 40%,rgba(99,102,241,.1) 0%,transparent 60%);mask:radial-gradient(ellipse at 30% 40%,black 0%,transparent 60%);-webkit-mask:radial-gradient(ellipse at 30% 40%,black 0%,transparent 60%);animation:vision-mask-move 10s ease-in-out infinite}.layer-focus{background:linear-gradient(135deg,transparent 0%,rgba(236,72,153,.1) 50%,transparent 100%);animation:vision-focus-sweep 6s ease-in-out infinite}.vision-frame-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.frame-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(99,102,241,.4),transparent);animation:frame-line-pulse 3s ease-in-out infinite}.line-top{top:15%;left:20%;width:60%;height:1px;animation-delay:0s}.line-right{top:20%;right:15%;width:1px;height:60%;animation-delay:.75s}.line-bottom{bottom:15%;left:20%;width:60%;height:1px;animation-delay:1.5s}.line-left{top:20%;left:15%;width:1px;height:60%;animation-delay:2.25s}@keyframes vision-bg-shift{0%,to{background:#ffffff08}50%{background:#ffffff0d}}@keyframes vision-mask-move{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10%,-10%) scale(1.1)}}@keyframes vision-focus-sweep{0%{transform:translate(-100%) rotate(0);opacity:0}50%{opacity:.6}to{transform:translate(200%) rotate(180deg);opacity:0}}@keyframes frame-line-pulse{0%,to{opacity:.2}50%{opacity:.6}}.grad-1{background:#ffffff08;animation:grad-shift-1 6s ease-in-out infinite}.grad-2{background:#ffffff08;animation:grad-shift-2 7s ease-in-out infinite}.grad-3{background:linear-gradient(135deg,#8b5cf614,#ec48990d);animation:grad-shift-3 8s ease-in-out infinite}@keyframes grad-shift-1{0%,to{background:#ffffff08}50%{background:#ffffff0d}}@keyframes grad-shift-2{0%,to{background:#ffffff08}50%{background:#ffffff0d}}@keyframes grad-shift-3{0%,to{background:linear-gradient(135deg,#8b5cf614,#ec48990d)}50%{background:linear-gradient(315deg,#ec489914,#8b5cf60d)}}.style-variations{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;padding:12px}.style-swatch{position:relative;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.1);overflow:hidden;animation:style-swatch-pulse 4s ease-in-out infinite}.swatch-1{background:linear-gradient(135deg,#6366f114,#8b5cf60d)}.swatch-2{background:linear-gradient(135deg,#ec489914,#8b5cf60d)}.swatch-3{background:linear-gradient(135deg,#8b5cf614,#6366f10d)}.swatch-4{background:linear-gradient(135deg,#6366f114,#ec48990d)}.swatch-1{animation-delay:0s}.swatch-2{animation-delay:.5s}.swatch-3{animation-delay:1s}.swatch-4{animation-delay:1.5s}.style-swatch:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);animation:style-swatch-shine 3s ease-in-out infinite}.swatch-1:before{animation-delay:0s}.swatch-2:before{animation-delay:.75s}.swatch-3:before{animation-delay:1.5s}.swatch-4:before{animation-delay:2.25s}.style-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:#ec4899cc;box-shadow:0 0 12px #ec489999;animation:style-indicator-move 5s ease-in-out infinite;z-index:2}@keyframes style-swatch-pulse{0%,to{border-color:#ffffff1a;background:#ffffff08}50%{border-color:#fff3;background:#ffffff0d}}@keyframes style-swatch-shine{0%{transform:translate(-100%) translateY(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%) translateY(100%);opacity:0}}@keyframes style-indicator-move{0%{top:25%;left:25%;opacity:1}20%{opacity:.5}25%{top:25%;left:75%;opacity:1}45%{opacity:.5}50%{top:75%;left:75%;opacity:1}70%{opacity:.5}75%{top:75%;left:25%;opacity:1}95%{opacity:.5}to{top:25%;left:25%;opacity:1}}.prompt-textarea{position:absolute;top:15%;left:10%;right:10%;bottom:15%;border-radius:var(--radius-sm);overflow:hidden;transform:none}.textarea-border{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-sm);background:#ffffff05;animation:textarea-border-pulse 3s ease-in-out infinite}.prompt-lines{position:absolute;top:20%;left:12%;right:12%;display:flex;flex-direction:column;gap:10px;transform:none}.prompt-line{height:2px;width:0;min-width:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);border-radius:2px;animation:prompt-line-write 4s ease-in-out infinite;display:block;transform:none;transform-origin:left center}.prompt-line.line-1{animation-delay:0s}.prompt-line.line-2{animation-delay:1.2s}.prompt-line.line-3{animation-delay:2.4s}.prompt-cursor{position:absolute;top:20%;left:12%;width:2px;height:14px;background:#6366f1e6;box-shadow:0 0 8px #6366f1b3;animation:prompt-cursor-write 4s ease-in-out infinite}@keyframes textarea-border-pulse{0%,to{border-color:#8b5cf633;background:#ffffff05}50%{border-color:#8b5cf659;background:#8b5cf608}}@keyframes prompt-line-write{0%{width:0;opacity:0;transform:none}20%{opacity:1;transform:none}80%{width:75%;opacity:1;transform:none}to{width:75%;opacity:.3;transform:none}}@keyframes prompt-cursor-write{0%{left:12%;opacity:1}20%{left:12%;opacity:1}25%{opacity:0}30%{left:25%;opacity:1}35%{opacity:0}40%{left:40%;opacity:1}45%{opacity:0}50%{left:55%;opacity:1}55%{opacity:0}60%{left:70%;opacity:1}65%{opacity:0}70%{left:85%;opacity:1}75%{opacity:0}to{left:12%;opacity:1}}.preview-shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(236,72,153,.15),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:200%;opacity:0}}.preview-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(99,102,241,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.08) 1px,transparent 1px);background-size:12px 12px;animation:grid-shift 8s ease-in-out infinite}@keyframes grid-shift{0%,to{background-position:0 0;opacity:.5}50%{background-position:6px 6px;opacity:.8}}.preview-cursor{position:absolute;top:30%;left:20%;width:2px;height:16px;background:#8b5cf6cc;box-shadow:0 0 8px #8b5cf699;animation:edit-cursor-move 5s ease-in-out infinite}@keyframes edit-cursor-move{0%{left:20%;top:30%;opacity:1}10%{opacity:0}15%{left:35%;top:30%;opacity:1}20%{opacity:0}25%{left:35%;top:45%;opacity:1}30%{opacity:0}35%{left:50%;top:45%;opacity:1}40%{opacity:0}45%{left:50%;top:60%;opacity:1}50%{opacity:0}55%{left:65%;top:60%;opacity:1}60%{opacity:0}65%{left:65%;top:45%;opacity:1}70%{opacity:0}75%{left:80%;top:45%;opacity:1}80%{opacity:0}to{left:20%;top:30%;opacity:1}}.connection-lines,.connection-path,.path-1,.path-2,.path-3,.path-4,.connection-particles{display:none}.connection-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#ffffffe6,#6366f199);box-shadow:0 0 6px #6366f1cc}.cp-1{top:15%;left:20%;animation:particle-move-1 6s ease-in-out infinite}.cp-2{top:15%;left:20%;animation:particle-move-2 6s ease-in-out infinite 2s}.cp-3{top:15%;left:80%;animation:particle-move-3 6s ease-in-out infinite 4s}.cp-4{top:65%;left:35%;animation:particle-move-4 6s ease-in-out infinite 6s}@keyframes particle-move-1{0%{top:15%;left:20%;opacity:0}10%{opacity:1}50%{top:20%;left:50%}90%{opacity:1}to{top:15%;left:80%;opacity:0}}@keyframes particle-move-2{0%{top:15%;left:20%;opacity:0}10%{opacity:1}50%{top:50%;left:35%}90%{opacity:1}to{top:65%;left:35%;opacity:0}}@keyframes particle-move-3{0%{top:15%;left:80%;opacity:0}10%{opacity:1}50%{top:50%;left:65%}90%{opacity:1}to{top:65%;left:65%;opacity:0}}@keyframes particle-move-4{0%{top:65%;left:35%;opacity:0}10%{opacity:1}50%{top:65%;left:50%}90%{opacity:1}to{top:65%;left:65%;opacity:0}}.interface-overlay{display:none}@media (max-width: 1024px){.manifest-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.manifest-visual{max-width:100%;aspect-ratio:16/9}.manifest-stats{justify-content:flex-start}}@media (max-width: 768px){.manifest{min-height:auto;padding:var(--spacing-xl) 0;width:100vw;margin:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-lg)}.manifest-content{min-height:auto}.manifest-title{margin-bottom:var(--spacing-md)}.manifest-stats{flex-direction:column;gap:var(--spacing-md)}.visual-canvas{border-radius:var(--radius-lg)}.creative-interface{width:100%;height:100%}.interface-frame{width:40%}.frame-5{width:45%}.frame-label{font-size:.6rem}.connection-lines{opacity:.5}.connection-particle{width:3px;height:3px}}.process{position:relative;padding:var(--spacing-2xl) 0 var(--spacing-lg) 0;background:#fafafa;background-image:radial-gradient(circle at 20% 30%,rgba(139,92,246,.04) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.04) 0%,transparent 60%);overflow:hidden}.process-timeline{position:relative;max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.process-steps{position:relative;z-index:3}.timeline-line-container{position:absolute;left:50%;top:0;height:calc(100% - 80px);transform:translate(-50%);width:2px;pointer-events:none;z-index:1}.timeline-line{position:absolute;top:0;left:0;width:100%;height:100%}.timeline-line-inactive{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#8b5cf626,#6366f133,#ec489926);opacity:.4;z-index:1}.timeline-line-active{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(180deg,#8b5cf6,#6366f1,#ec4899);box-shadow:0 0 10px #8b5cf666,0 0 20px #6366f14d;z-index:2}.timeline-dot{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1,#ec4899);box-shadow:0 0 0 4px #fff,0 0 0 8px #8b5cf633,0 0 30px #8b5cf666,0 0 60px #ec489933;z-index:10;transition:box-shadow .3s ease;will-change:top}.timeline-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,rgba(99,102,241,.3) 40%,transparent 70%);filter:blur(8px);animation:dot-glow-pulse 2.5s ease-in-out infinite;pointer-events:none}@keyframes dot-glow-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.2)}}.timeline-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4),transparent 70%);animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.process-step{position:relative;display:flex;align-items:center;margin-bottom:var(--spacing-2xl);min-height:280px}.process-step:last-child{margin-bottom:0}.step-left{flex-direction:row;justify-content:flex-start;padding-right:calc(50% + var(--spacing-xl))}.step-right{flex-direction:row-reverse;justify-content:flex-start;padding-left:calc(50% + var(--spacing-xl))}.step-card{position:relative;max-width:520px;width:100%;padding:var(--spacing-xl) var(--spacing-lg);background:#ffffffb3;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0000000a,0 0 0 1px #8b5cf614;transition:all .6s cubic-bezier(.23,1,.32,1);overflow:hidden}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf608,#6366f105,#ec489908);opacity:0;transition:opacity .6s ease;pointer-events:none}.process-step:hover .step-card:before{opacity:1}.process-step:hover .step-card{transform:translateY(-6px) scale(1.01);box-shadow:0 16px 48px #0000000f,0 0 0 1px #8b5cf61f,inset 0 1px #fffc}.step-number{font-family:var(--font-display);font-size:.6875rem;font-weight:700;color:#8b5cf666;text-transform:uppercase;letter-spacing:.25em;margin-bottom:var(--spacing-md)}.step-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin-bottom:var(--spacing-md);line-height:1.1}.title-gradient{background:linear-gradient(135deg,#8b5cf6,#6366f1 30%,#818cf8,#a78bfa 70%,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 8s ease infinite}@keyframes rainbow-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.step-description{font-size:1.125rem;line-height:1.85;color:var(--color-text-light);font-weight:400}.text-highlight{padding:0 4px;border-radius:2px;font-weight:500;color:var(--color-text);position:relative;display:inline-block}.text-highlight:before{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(135deg,#8b5cf626,#ec489926);border-radius:2px;transform:scaleX(0);transform-origin:left;z-index:-1;transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.text-highlight.highlight-animated:before{transform:scaleX(1)}@media (min-width: 1025px){.step-card{padding:var(--spacing-lg) var(--spacing-lg);padding-bottom:var(--spacing-md)}.step-number,.step-title{margin-bottom:var(--spacing-sm)}.step-description{line-height:1.6;font-size:1.0625rem}}@media (max-width: 1024px){.timeline-line-container{position:absolute;left:var(--spacing-lg);top:0;height:100%}.step-left,.step-right{padding-left:calc(var(--spacing-lg) * 2 + 20px);padding-right:var(--spacing-md);flex-direction:row}.step-card{max-width:100%}}@media (max-width: 768px){.process-timeline{padding:var(--spacing-lg) var(--spacing-sm)}.timeline-line-container{left:var(--spacing-md)}.step-left,.step-right{padding-left:calc(var(--spacing-md) * 2 + 16px);padding-right:0;flex-direction:row;min-height:auto;margin-bottom:var(--spacing-xl)}.step-card{padding:var(--spacing-md) var(--spacing-md);padding-bottom:var(--spacing-sm)}.step-number{margin-bottom:var(--spacing-xs)}.step-title{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.step-description{font-size:1rem;line-height:1.5}}.value{padding:calc(var(--spacing-lg) + var(--spacing-sm)) 0 var(--spacing-2xl) 0;background:var(--color-primary);margin:calc(-1 * var(--spacing-sm)) .75rem 0;border-radius:1.75rem 1.75rem 0 0;overflow:hidden;position:relative;z-index:1}.value .container{position:relative;z-index:1}.value .section-label{color:#fffc}.value .section-title{color:#fff}.value:not(.animations-active) .value-visual *{animation-play-state:paused!important}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.value-card{background:var(--color-primary);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;will-change:transform,opacity;display:flex;flex-direction:column;opacity:0;transform:translateY(50px) scale(.96)}.value-visual{width:100%;height:200px;position:relative;background:var(--color-primary);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;will-change:transform,opacity;backface-visibility:hidden}.value-content{padding:var(--spacing-lg);position:relative;z-index:1;color:#fff}.value-icon{color:#fff}.value-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf608,#6366f108,#ec489908);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.value-card:hover:before{opacity:0}@media (hover: hover) and (pointer: fine){.value-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px #00000026;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1)}}.creativity-fusion{position:relative;width:100%;height:100%;background:var(--color-primary);overflow:hidden}.creativity-fusion:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 50%,rgba(139,92,246,.03) 0%,rgba(99,102,241,.02) 30%,rgba(236,72,153,.02) 60%,transparent 100%);animation:rainbow-light-shift 12s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes rainbow-light-shift{0%,to{opacity:.4;transform:scale(1)}33%{opacity:.6;transform:scale(1.05)}66%{opacity:.5;transform:scale(.98)}}.ai-side{position:absolute;top:0;left:0;width:45%;height:100%;overflow:hidden;mask-image:linear-gradient(to right,black 0%,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0%,black 85%,transparent 100%);z-index:2}.ai-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(99,102,241,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.12) 1px,transparent 1px);background-size:20px 20px;opacity:.6;animation:ai-grid-drift 20s linear infinite,ai-grid-breathe 8s ease-in-out infinite}@keyframes ai-grid-drift{0%{transform:translate(0)}to{transform:translate(20px,20px)}}@keyframes ai-grid-breathe{0%,to{opacity:.6}50%{opacity:.75}}.ai-node{position:absolute;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 10px #6366f180;will-change:transform,opacity;backface-visibility:hidden}.ai-node.node-1{top:25%;left:20%;animation:ai-node-move-to-fusion-1 8s ease-in-out infinite}.ai-node.node-2{top:50%;left:15%;animation:ai-node-move-to-fusion-2 9s ease-in-out infinite 1s}.ai-node.node-3{top:75%;left:25%;animation:ai-node-move-to-fusion-3 8.5s ease-in-out infinite 2s}.ai-node.node-4{top:40%;left:35%;animation:ai-node-move-to-fusion-4 9.5s ease-in-out infinite .5s}@keyframes ai-node-move-to-fusion-1{0%{transform:translate(0) scale(1);opacity:.6;border-radius:50%}30%{transform:translate(25%) scale(1.2);opacity:.8;border-radius:50%}50%{transform:translate(30%) scale(1.4);opacity:1;border-radius:40% 60% 50% 50%}70%{transform:translate(35%,5%) scale(1.3);opacity:.9;border-radius:35% 65% 45% 55%}to{transform:translate(0) scale(1);opacity:.6;border-radius:50%}}@keyframes ai-node-move-to-fusion-2{0%{transform:translate(0) scale(1);opacity:.6;border-radius:50%}30%{transform:translate(30%) scale(1.15);opacity:.75;border-radius:50%}50%{transform:translate(35%) scale(1.5);opacity:1;border-radius:45% 55% 40% 60%}70%{transform:translate(40%,5%) scale(1.35);opacity:.85;border-radius:40% 60% 50% 50%}to{transform:translate(0) scale(1);opacity:.6;border-radius:50%}}@keyframes ai-node-move-to-fusion-3{0%{transform:translate(0) scale(1);opacity:.6;border-radius:50%}30%{transform:translate(20%) scale(1.25);opacity:.8;border-radius:50%}50%{transform:translate(25%) scale(1.45);opacity:1;border-radius:50% 50% 40% 60%}70%{transform:translate(30%,-5%) scale(1.3);opacity:.9;border-radius:55% 45% 50% 50%}to{transform:translate(0) scale(1);opacity:.6;border-radius:50%}}@keyframes ai-node-move-to-fusion-4{0%{transform:translate(0) scale(1);opacity:.6;border-radius:50%}30%{transform:translate(10%) scale(1.18);opacity:.75;border-radius:50%}50%{transform:translate(15%) scale(1.4);opacity:1;border-radius:42% 58% 48% 52%}70%{transform:translate(20%,5%) scale(1.28);opacity:.88;border-radius:38% 62% 52% 48%}to{transform:translate(0) scale(1);opacity:.6;border-radius:50%}}.ai-connection{position:absolute;height:1.5px;background:linear-gradient(90deg,#6366f166,#8b5cf699,#6366f166);transform-origin:left center;will-change:transform,opacity;backface-visibility:hidden}.ai-connection.conn-1{top:25%;left:20%;width:15%;transform:rotate(15deg);animation:ai-connection-flow 5s ease-in-out infinite}.ai-connection.conn-2{top:50%;left:15%;width:20%;transform:rotate(-10deg);animation:ai-connection-flow 5.5s ease-in-out infinite 1s}.ai-connection.conn-3{top:40%;left:20%;width:15%;transform:rotate(25deg);animation:ai-connection-flow 5.2s ease-in-out infinite 2s}@keyframes ai-connection-flow{0%,to{opacity:.4;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(1.1)}}.fusion-zone{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:visible;z-index:10}.fusion-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100%;background:linear-gradient(90deg,#6366f133,#8b5cf659,#ec489933);filter:blur(25px);animation:fusion-glow-pulse 6s ease-in-out infinite}@keyframes fusion-glow-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scaleX(1)}50%{opacity:1;transform:translate(-50%,-50%) scaleX(1.2)}}.fusion-zone:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:radial-gradient(circle,#ffffffe6,#fff9,#8b5cf666 60%,#ec48994d);border-radius:50%;box-shadow:0 0 20px #fff9,0 0 40px #8b5cf666,0 0 60px #ec48994d;animation:fusion-point-pulse 4s ease-in-out infinite;z-index:11}@keyframes fusion-point-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}.fusion-zone:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,rgba(139,92,246,.1) 40%,rgba(236,72,153,.08) 70%,transparent 100%);border-radius:50%;animation:fusion-point-glow 4s ease-in-out infinite;z-index:10}@keyframes fusion-point-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.8}}.fusion-particles{position:absolute;top:0;left:0;right:0;bottom:0}.fusion-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 0 8px #8b5cf699;will-change:transform,opacity;backface-visibility:hidden}.fusion-particle.p-1{top:20%;left:50%;animation:fusion-particle-float 8s ease-in-out infinite}.fusion-particle.p-2{top:50%;left:50%;animation:fusion-particle-float 9s ease-in-out infinite 2s}.fusion-particle.p-3{top:80%;left:50%;animation:fusion-particle-float 8.5s ease-in-out infinite 4s}.fusion-particle.p-4{top:35%;left:50%;animation:fusion-particle-float 9.5s ease-in-out infinite 1s}@keyframes fusion-particle-float{0%,to{transform:translate(-50%,-50%) translate(0) scale(1);opacity:.5}20%{transform:translate(-50%,-50%) translate(-12px,-8px) scale(1.15);opacity:.7}40%{transform:translate(-50%,-50%) translate(-8px,-18px) scale(1.35);opacity:.9}60%{transform:translate(-50%,-50%) translate(8px,-18px) scale(1.35);opacity:1}80%{transform:translate(-50%,-50%) translate(12px,-8px) scale(1.15);opacity:.7}}.artistic-side{position:absolute;top:0;right:0;width:45%;height:100%;overflow:hidden;mask-image:linear-gradient(to left,black 0%,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to left,black 0%,black 85%,transparent 100%);z-index:2}.artistic-curve{position:absolute;width:100%;height:100%;opacity:.5;will-change:transform,opacity;backface-visibility:hidden}.artistic-curve.curve-1{top:0;left:0;animation:artistic-curve-1 7s ease-in-out infinite}.artistic-curve.curve-2{top:0;left:0;animation:artistic-curve-2 8s ease-in-out infinite 1.5s}.artistic-curve.curve-3{top:0;left:0;animation:artistic-curve-3 7.5s ease-in-out infinite 3s}.curve-path{stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.artistic-curve.curve-1 .curve-path{stroke:#ec489980;animation:curve-draw-1 7s ease-in-out infinite}.artistic-curve.curve-2 .curve-path{stroke:#8b5cf666;animation:curve-draw-2 8s ease-in-out infinite 1.5s}.artistic-curve.curve-3 .curve-path{stroke:#6366f173;animation:curve-draw-3 7.5s ease-in-out infinite 3s}@keyframes artistic-curve-1{0%,to{transform:translateY(0) scaleY(1) translate(0);opacity:.4}25%{transform:translateY(-8px) scaleY(1.03) translate(2px);opacity:.6}50%{transform:translateY(-12px) scaleY(1.05) translate(0);opacity:.7}75%{transform:translateY(-6px) scaleY(1.02) translate(-2px);opacity:.65}}@keyframes artistic-curve-2{0%,to{transform:translateY(0) scaleY(1) translate(0);opacity:.35}25%{transform:translateY(6px) scaleY(.98) translate(-2px);opacity:.55}50%{transform:translateY(10px) scaleY(.95) translate(0);opacity:.65}75%{transform:translateY(4px) scaleY(.97) translate(2px);opacity:.6}}@keyframes artistic-curve-3{0%,to{transform:translateY(0) scaleY(1) translate(0);opacity:.4}25%{transform:translateY(-4px) scaleY(1.01) translate(1px);opacity:.6}50%{transform:translateY(-8px) scaleY(1.02) translate(0);opacity:.7}75%{transform:translateY(-2px) scaleY(1.005) translate(-1px);opacity:.65}}@keyframes curve-draw-1{0%{stroke-dasharray:0,1000;opacity:.3}50%{stroke-dasharray:500,1000;opacity:.6}to{stroke-dasharray:1000,1000;opacity:.3}}@keyframes curve-draw-2{0%{stroke-dasharray:0,1000;opacity:.25}50%{stroke-dasharray:500,1000;opacity:.55}to{stroke-dasharray:1000,1000;opacity:.25}}@keyframes curve-draw-3{0%{stroke-dasharray:0,1000;opacity:.3}50%{stroke-dasharray:500,1000;opacity:.6}to{stroke-dasharray:1000,1000;opacity:.3}}.artistic-blob{position:absolute;border-radius:50%;filter:blur(15px);opacity:.3;will-change:transform,opacity;backface-visibility:hidden}.artistic-blob.blob-1{width:60px;height:60px;background:linear-gradient(135deg,#ec489966,#8b5cf64d);top:30%;right:20%;animation:artistic-blob-1 10s ease-in-out infinite}.artistic-blob.blob-2{width:50px;height:50px;background:linear-gradient(135deg,#8b5cf666,#6366f14d);bottom:25%;right:30%;animation:artistic-blob-2 11s ease-in-out infinite 2s}.artistic-blob.blob-3{width:45px;height:45px;background:linear-gradient(135deg,#ec489959,#8b5cf640);top:60%;right:15%;animation:artistic-blob-3 9.5s ease-in-out infinite 4s}@keyframes artistic-blob-1{0%,to{transform:translate(0) scale(1);border-radius:50%;opacity:.25}20%{transform:translate(15px,-10px) scale(1.1);border-radius:45% 55% 50% 50%;opacity:.35}40%{transform:translate(20px,-15px) scale(1.2);border-radius:40% 60% 50% 50%;opacity:.4}60%{transform:translate(10px,-5px) scale(1.05);border-radius:48% 52% 50% 50%;opacity:.35}80%{transform:translate(-10px,15px) scale(.95);border-radius:55% 45% 50% 50%;opacity:.3}}@keyframes artistic-blob-2{0%,to{transform:translate(0) scale(1);border-radius:50%;opacity:.2}25%{transform:translate(-12px,12px) scale(1.08);border-radius:48% 52%;opacity:.3}50%{transform:translate(-18px,18px) scale(1.15);border-radius:45% 55%;opacity:.35}75%{transform:translate(12px,-12px) scale(.98);border-radius:52% 48%;opacity:.28}}@keyframes artistic-blob-3{0%,to{transform:translate(0) scale(1);border-radius:50%;opacity:.22}30%{transform:translate(10px,-15px) scale(1.05);border-radius:42% 58% 45% 55%;opacity:.32}60%{transform:translate(15px,-20px) scale(1.1);border-radius:35% 65% 40% 60%;opacity:.38}90%{transform:translate(5px,-8px) scale(1.02);border-radius:48% 52%;opacity:.3}}.speed-dashboard{position:relative;width:100%;height:100%;background:var(--color-primary);overflow:hidden}.speed-streak{position:absolute;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.8) 20%,rgba(139,92,246,1) 50%,rgba(236,72,153,.8) 80%,transparent 100%);filter:blur(1.5px);will-change:transform,opacity;backface-visibility:hidden}.speed-streak.streak-1{top:20%;width:80px;animation:speed-streak-accelerate-1 1.2s cubic-bezier(.1,0,.8,1) infinite}.speed-streak.streak-2{top:35%;width:100px;animation:speed-streak-accelerate-2 1.4s cubic-bezier(.1,0,.8,1) infinite .2s}.speed-streak.streak-3{top:50%;width:90px;animation:speed-streak-accelerate-3 1.3s cubic-bezier(.1,0,.8,1) infinite .4s}.speed-streak.streak-4{top:65%;width:85px;animation:speed-streak-accelerate-4 1.35s cubic-bezier(.1,0,.8,1) infinite .1s}.speed-streak.streak-5{top:80%;width:95px;animation:speed-streak-accelerate-5 1.25s cubic-bezier(.1,0,.8,1) infinite .3s}@keyframes speed-streak-accelerate-1{0%{transform:translate(-120px) scaleX(.5);opacity:0}20%{transform:translate(-60px) scaleX(.7);opacity:.4}50%{transform:translate(30%) scaleX(1);opacity:1}80%{transform:translate(calc(100% + 40px)) scaleX(1.2);opacity:.8}to{transform:translate(calc(100% + 120px)) scaleX(1.5);opacity:0}}@keyframes speed-streak-accelerate-2{0%{transform:translate(-120px) scaleX(.5);opacity:0}20%{transform:translate(-60px) scaleX(.7);opacity:.35}50%{transform:translate(35%) scaleX(1);opacity:.95}80%{transform:translate(calc(100% + 40px)) scaleX(1.2);opacity:.75}to{transform:translate(calc(100% + 120px)) scaleX(1.5);opacity:0}}@keyframes speed-streak-accelerate-3{0%{transform:translate(-120px) scaleX(.5);opacity:0}20%{transform:translate(-60px) scaleX(.7);opacity:.4}50%{transform:translate(40%) scaleX(1);opacity:1}80%{transform:translate(calc(100% + 40px)) scaleX(1.2);opacity:.8}to{transform:translate(calc(100% + 120px)) scaleX(1.5);opacity:0}}@keyframes speed-streak-accelerate-4{0%{transform:translate(-120px) scaleX(.5);opacity:0}20%{transform:translate(-60px) scaleX(.7);opacity:.38}50%{transform:translate(32%) scaleX(1);opacity:.98}80%{transform:translate(calc(100% + 40px)) scaleX(1.2);opacity:.78}to{transform:translate(calc(100% + 120px)) scaleX(1.5);opacity:0}}@keyframes speed-streak-accelerate-5{0%{transform:translate(-120px) scaleX(.5);opacity:0}20%{transform:translate(-60px) scaleX(.7);opacity:.4}50%{transform:translate(38%) scaleX(1);opacity:1}80%{transform:translate(calc(100% + 40px)) scaleX(1.2);opacity:.8}to{transform:translate(calc(100% + 120px)) scaleX(1.5);opacity:0}}.speed-particle{position:absolute;width:6px;height:6px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);border-radius:50%;box-shadow:0 0 12px #6366f1cc,0 0 20px #8b5cf699;will-change:transform,opacity;backface-visibility:hidden}.speed-particle.particle-1{top:25%;animation:speed-particle-accelerate-1 1.1s cubic-bezier(.1,0,.9,1) infinite}.speed-particle.particle-2{top:45%;animation:speed-particle-accelerate-2 1.3s cubic-bezier(.1,0,.9,1) infinite .15s}.speed-particle.particle-3{top:70%;animation:speed-particle-accelerate-3 1.2s cubic-bezier(.1,0,.9,1) infinite .3s}.speed-particle.particle-4{top:55%;animation:speed-particle-accelerate-4 1.25s cubic-bezier(.1,0,.9,1) infinite .05s}@keyframes speed-particle-accelerate-1{0%{transform:translate(-20px) scale(.8);opacity:0}15%{transform:translate(10%) scale(1);opacity:.6}50%{transform:translate(50%) scale(1.3);opacity:1}85%{transform:translate(calc(100% + 10px)) scale(1.5);opacity:.7}to{transform:translate(calc(100% + 30px)) scale(1.8);opacity:0}}@keyframes speed-particle-accelerate-2{0%{transform:translate(-20px) scale(.8);opacity:0}15%{transform:translate(12%) scale(1);opacity:.55}50%{transform:translate(52%) scale(1.35);opacity:1}85%{transform:translate(calc(100% + 10px)) scale(1.6);opacity:.65}to{transform:translate(calc(100% + 30px)) scale(1.9);opacity:0}}@keyframes speed-particle-accelerate-3{0%{transform:translate(-20px) scale(.8);opacity:0}15%{transform:translate(8%) scale(1);opacity:.6}50%{transform:translate(48%) scale(1.3);opacity:1}85%{transform:translate(calc(100% + 10px)) scale(1.5);opacity:.7}to{transform:translate(calc(100% + 30px)) scale(1.8);opacity:0}}@keyframes speed-particle-accelerate-4{0%{transform:translate(-20px) scale(.8);opacity:0}15%{transform:translate(10%) scale(1);opacity:.58}50%{transform:translate(50%) scale(1.32);opacity:1}85%{transform:translate(calc(100% + 10px)) scale(1.55);opacity:.68}to{transform:translate(calc(100% + 30px)) scale(1.85);opacity:0}}.speed-flash{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 50%,rgba(99,102,241,.15) 0%,rgba(139,92,246,.1) 30%,rgba(236,72,153,.08) 50%,transparent 70%);opacity:0;animation:speed-flash-pulse 1.2s ease-out infinite;pointer-events:none;z-index:1}@keyframes speed-flash-pulse{0%,to{opacity:0;transform:scale(1)}45%{opacity:.6;transform:scale(1.1)}50%{opacity:.8;transform:scale(1.15)}55%{opacity:.6;transform:scale(1.1)}}.pricing-dashboard{position:relative;width:100%;height:100%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);overflow:hidden}.pricing-chart{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm)}.chart-y-axis{position:absolute;left:0;top:0;bottom:0;width:50px;display:flex;flex-direction:column;justify-content:space-between;padding:10px 5px 15px;z-index:1}.y-label{font-size:8px;color:#ffffff80;font-weight:500;text-align:center}.y-label:last-child{margin-bottom:-5px}.y-tick{width:8px;height:1px;background:#ffffff26;margin-left:auto;margin-right:0}.tick-high{margin-top:5px}.tick-mid{margin:15px auto}.price-comparison-chart{position:absolute;top:0;left:55px;right:0;bottom:25px;width:calc(100% - 55px);height:calc(100% - 25px);z-index:0}.competitor-area{fill:url(#competitorGradient);opacity:0;animation:area-fade-in 1.5s ease-out .5s forwards}.colofram-area{fill:url(#coloframGradient);opacity:0;animation:area-fade-in 1.5s ease-out 1s forwards}@keyframes area-fade-in{to{opacity:.2}}.competitor-line{fill:none;stroke:#ec4899b3;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(236,72,153,.4));stroke-dasharray:200;stroke-dashoffset:200;animation:curve-draw 2.5s ease-out .5s forwards}.colofram-line{fill:none;stroke:#6366f1cc;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(99,102,241,.5));stroke-dasharray:200;stroke-dashoffset:200;animation:curve-draw 2.5s ease-out 1s forwards,curve-glow 4s ease-in-out 3.5s infinite}@keyframes curve-draw{to{stroke-dashoffset:0}}@keyframes curve-glow{0%,to{filter:drop-shadow(0 0 6px rgba(99,102,241,.6))}50%{filter:drop-shadow(0 0 10px rgba(99,102,241,.9))}}.chart-legend{position:absolute;bottom:5px;left:60px;right:10px;display:flex;justify-content:center;align-items:center;gap:25px;z-index:2;opacity:0;animation:legend-fade-in .5s ease-out 2.5s forwards}.legend-item{display:flex;align-items:baseline;gap:6px;font-size:9px;color:#ffffffb3;white-space:nowrap;line-height:1.2}.legend-item span{white-space:nowrap;vertical-align:baseline}.legend-line{width:20px;height:2px;border-radius:1px}.competitor-legend .legend-line{background:#ec4899cc;box-shadow:0 0 4px #ec489980}.colofram-legend .legend-line{background:#6366f1e6;box-shadow:0 0 6px #6366f199}@keyframes legend-fade-in{to{opacity:1}}@media (max-width: 768px){.chart-y-axis{width:40px;padding:8px 3px 5px}.y-label{font-size:7px}.price-comparison-chart{left:45px;width:calc(100% - 45px)}.chart-legend{bottom:2px;right:5px;gap:10px;flex-direction:row}.legend-item{font-size:8px}.legend-line{width:15px}}.premium-dashboard{position:relative;width:100%;height:100%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1200px}.premium-screen{position:relative;width:75%;max-width:240px;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;transform-style:preserve-3d;box-shadow:0 20px 60px #8b5cf626,0 0 0 1px #8b5cf633,inset 0 1px #ffffff4d,inset 0 -1px #8b5cf61a;animation:premium-screen-float 8s ease-in-out infinite;z-index:1}@keyframes premium-screen-float{0%,to{transform:translateY(0) rotateX(2deg) rotateY(-1deg)}50%{transform:translateY(-8px) rotateX(2deg) rotateY(-1deg)}}.screen-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf626,#6366f12e,#ec48991f,#8b5cf629,#6366f124);z-index:1}.depth-layer{position:absolute;border-radius:50%;filter:blur(40px);opacity:.4}.depth-layer.layer-1{width:80%;height:80%;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,rgba(99,102,241,.3) 40%,rgba(139,92,246,.15) 70%,transparent 100%);top:10%;left:10%;animation:depth-float-1 10s ease-in-out infinite}.depth-layer.layer-2{width:60%;height:60%;background:radial-gradient(circle,rgba(236,72,153,.35) 0%,rgba(139,92,246,.25) 50%,rgba(236,72,153,.1) 80%,transparent 100%);bottom:15%;right:15%;animation:depth-float-2 12s ease-in-out infinite 2s}.depth-layer.layer-3{width:50%;height:50%;background:radial-gradient(circle,rgba(99,102,241,.3) 0%,rgba(236,72,153,.25) 50%,rgba(99,102,241,.1) 75%,transparent 100%);top:50%;left:50%;transform:translate(-50%,-50%);animation:depth-float-3 14s ease-in-out infinite 4s}@keyframes depth-float-1{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(8px,-12px) scale(1.1);opacity:.5}}@keyframes depth-float-2{0%,to{transform:translate(0) scale(1);opacity:.35}50%{transform:translate(-10px,8px) scale(1.08);opacity:.45}}@keyframes depth-float-3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.12) translate(5px,-5px);opacity:.4}}.screen-content{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;overflow:hidden}.cinematic-light{position:absolute;border-radius:50%;filter:blur(30px);opacity:.6}.cinematic-light.key-light{width:50%;height:50%;background:radial-gradient(circle,rgba(139,92,246,.5) 0%,rgba(99,102,241,.35) 30%,rgba(139,92,246,.15) 60%,transparent 100%);top:20%;left:30%;animation:key-light-pulse 6s ease-in-out infinite}.cinematic-light.rim-light{width:40%;height:60%;background:radial-gradient(ellipse,transparent 0%,rgba(236,72,153,.4) 40%,rgba(139,92,246,.2) 60%,transparent 80%);top:15%;right:10%;animation:rim-light-pulse 7s ease-in-out infinite 2s}@keyframes key-light-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes rim-light-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.premium-element{position:absolute;border-radius:50%;filter:blur(15px);opacity:.5}.premium-element.element-1{width:30%;height:30%;background:linear-gradient(135deg,#8b5cf680,#6366f159,#8b5cf626);top:25%;left:20%;animation:element-float-1 8s ease-in-out infinite}.premium-element.element-2{width:25%;height:25%;background:linear-gradient(225deg,#ec489973,#8b5cf64d,#ec489926);bottom:30%;right:25%;animation:element-float-2 9s ease-in-out infinite 2s}.premium-element.element-3{width:35%;height:20%;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.35) 50%,rgba(236,72,153,.2) 70%,transparent 100%);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50px;animation:element-float-3 10s ease-in-out infinite 4s}@keyframes element-float-1{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(10px,-15px) scale(1.15);opacity:.65}}@keyframes element-float-2{0%,to{transform:translate(0) scale(1);opacity:.45}50%{transform:translate(-12px,10px) scale(1.1);opacity:.6}}@keyframes element-float-3{0%,to{transform:translate(-50%,-50%) scaleX(1) scaleY(1);opacity:.4}50%{transform:translate(-50%,-50%) scaleX(1.2) scaleY(1.1);opacity:.55}}.light-particle{position:absolute;width:3px;height:3px;background:linear-gradient(135deg,#8b5cf6e6,#ec4899cc);border-radius:50%;box-shadow:0 0 6px #8b5cf6cc,0 0 12px #6366f199,0 0 18px #ec489966;opacity:.8}.light-particle.particle-1{top:30%;left:40%;animation:particle-float-1 5s ease-in-out infinite}.light-particle.particle-2{top:55%;right:35%;animation:particle-float-2 6s ease-in-out infinite 1s}.light-particle.particle-3{bottom:35%;left:50%;animation:particle-float-3 5.5s ease-in-out infinite 2s}.light-particle.particle-4{top:45%;left:30%;animation:particle-float-4 6.5s ease-in-out infinite 3s}@keyframes particle-float-1{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(15px,-20px) scale(1.5);opacity:1}}@keyframes particle-float-2{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-18px,18px) scale(1.4);opacity:1}}@keyframes particle-float-3{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(12px,22px) scale(1.6);opacity:1}}@keyframes particle-float-4{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-10px,-15px) scale(1.3);opacity:1}}.screen-fx{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;pointer-events:none}.vignette{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(139,92,246,.15) 65%,rgba(99,102,241,.25) 85%,rgba(139,92,246,.35) 100%);opacity:.6}.film-grain{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");opacity:.4;mix-blend-mode:overlay;animation:grain-move .1s steps(10) infinite}@keyframes grain-move{0%{transform:translate(0)}to{transform:translate(-10px,-10px)}}.screen-reflection{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(139,92,246,.08) 20%,transparent 40%,rgba(236,72,153,.06) 60%,transparent 80%);animation:reflection-shift 8s ease-in-out infinite}@keyframes reflection-shift{0%,to{opacity:.3;transform:translate(-10px)}50%{opacity:.5;transform:translate(10px)}}.lens-flare{position:absolute;top:20%;right:15%;width:60px;height:60px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,rgba(99,102,241,.2) 30%,rgba(236,72,153,.1) 50%,transparent 60%);border-radius:50%;filter:blur(15px);opacity:.5;animation:lens-flare-pulse 6s ease-in-out infinite 3s}@keyframes lens-flare-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.screen-border{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(139,92,246,.25);border-radius:var(--radius-md);box-shadow:inset 0 1px #fff3,inset 0 -1px #8b5cf633,0 0 0 1px #8b5cf626;z-index:4;pointer-events:none}.screen-border-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:var(--radius-md);background:linear-gradient(135deg,#8b5cf64d,#6366f133,#ec48994d);filter:blur(8px);opacity:.4;z-index:0;animation:border-glow-pulse 4s ease-in-out infinite}@keyframes border-glow-pulse{0%,to{opacity:.3}50%{opacity:.5}}.premium-dashboard:hover .premium-screen{transform:translateY(-4px) rotateX(3deg) rotateY(-1.5deg) scale(1.02);box-shadow:0 30px 80px #8b5cf633,0 0 0 1px #8b5cf64d,inset 0 1px #fff6,inset 0 -1px #8b5cf626,0 0 40px #8b5cf640}.premium-dashboard:hover .cinematic-light.key-light{opacity:.9;transform:scale(1.15)}.premium-dashboard:hover .cinematic-light.rim-light{opacity:.8;transform:scale(1.2)}.premium-dashboard:hover .screen-border-glow{opacity:.6}@media (max-width: 768px){.premium-screen{width:85%;max-width:200px}}.value-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:var(--spacing-sm)}.value-description{font-size:1rem;line-height:1.7;color:#ffffffe6}@media (min-width: 1025px){.value-content{padding:var(--spacing-md) var(--spacing-lg);padding-bottom:var(--spacing-sm)}.value-title{margin-bottom:var(--spacing-xs)}.value-description{line-height:1.5;font-size:.9375rem}}.value-card,.value-visual,.value-title,.value-description{backface-visibility:hidden;transform-style:preserve-3d}@media (max-width: 768px){.value{margin:var(--spacing-md) 0 0 0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.travaux{padding:var(--spacing-2xl) 0;background:var(--color-primary);margin:0 .75rem var(--spacing-sm);border-radius:0 0 1.75rem 1.75rem;overflow:hidden;position:relative;z-index:1}.travaux .container{position:relative;z-index:1;max-width:1450px}.travaux .section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.travaux .section-label{color:#fffc}.travaux .section-title{color:#fff}.travaux-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;width:100%}.travaux-card{position:relative;width:320px;aspect-ratio:9 / 16;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-primary-light);border:1px solid rgba(255,255,255,.1);cursor:pointer;flex-shrink:0;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1)}@media (hover: hover) and (pointer: fine){.travaux-card:hover{transform:scale(1.08);box-shadow:0 20px 60px #0006;z-index:10}}.travaux-video{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 768px){.travaux{margin:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--spacing-xl) 0}.travaux-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:16px;padding:0 var(--spacing-md);scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;flex-wrap:nowrap}.travaux-grid::-webkit-scrollbar{display:none}.travaux-card{flex:0 0 220px;width:220px;scroll-snap-align:center;scroll-snap-stop:always}.travaux .section-header{margin-bottom:var(--spacing-xl)}}.offres{position:relative;padding:var(--spacing-2xl) 0;background:#fff;overflow:hidden}.offres .container{position:relative;z-index:1}.offres .section-label{color:var(--color-text-light)}.offres .section-title{color:var(--color-text)}.offres-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);align-items:stretch;margin-top:var(--spacing-2xl)}@media (min-width: 1025px){.offres-grid{max-width:1600px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;grid-auto-columns:minmax(0,1fr);grid-auto-flow:row;padding:0 var(--spacing-sm)}.offre-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box}}@media (min-width: 1025px){.offres-grid{align-items:stretch;grid-auto-rows:1fr}.offre-card{min-height:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;padding:var(--spacing-lg)!important;margin-top:0!important;margin-bottom:0!important}.offre-card.featured{min-height:100%!important;height:100%!important;padding:var(--spacing-lg)!important;margin-top:-40px!important;margin-bottom:40px!important;position:relative}.offre-badge{position:absolute!important;top:-1.5rem;left:50%;transform:translate(-50%)}.offre-card:last-child{grid-column:auto!important;max-width:none!important;margin:0!important;width:100%!important;height:100%!important;min-height:100%!important}.offre-features{flex-grow:1!important;flex-shrink:0}.offre-cta{margin-top:auto!important;flex-shrink:0}}.offre-card{position:relative;background:#fff;border:1px solid transparent;border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px);box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;height:100%;will-change:transform}.offre-card:not(.featured):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1px;background:var(--color-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:0}.offre-card:hover{transform:translateY(-15px)!important;box-shadow:0 1px 3px #0000000d}.offre-card.featured{background:#fff;border:1px solid transparent;box-shadow:0 1px 3px #0000000d;transform:translateY(20px);margin-top:-35px;margin-bottom:-35px;padding-top:calc(var(--spacing-lg) + 2.5rem);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);padding-bottom:var(--spacing-lg);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);will-change:transform;display:flex;flex-direction:column;height:100%}.offre-card.featured:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:2px;background:linear-gradient(135deg,#8b5cf6,#6366f1,#ec4899);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:0;box-shadow:0 0 25px #8b5cf64d}.offre-card.featured:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#8b5cf626,#6366f11f,#ec489926);filter:blur(12px);opacity:.6;pointer-events:none;z-index:-1}.offre-card.featured:hover{transform:translateY(-15px);box-shadow:0 1px 3px #0000000d}.offre-badge{position:absolute;top:-1.5rem;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;z-index:10;white-space:nowrap;box-shadow:0 2px 10px #8b5cf666,0 0 20px #ec48994d}.offre-header{margin-bottom:var(--spacing-md);position:relative;z-index:2;flex-shrink:0}.offre-label{font-size:.875rem;font-weight:500;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:var(--spacing-xs)}.offre-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs);line-height:1.3}.offre-main-title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:1.2;position:relative;z-index:2}.offre-card.featured .offre-header{margin-bottom:var(--spacing-md);margin-top:-.5rem}.offre-card.featured .offre-label{font-size:.875rem}.offre-card.featured .offre-title{font-size:1.5rem}.offre-card.featured .offre-main-title{font-size:2.5rem}.offre-card.featured .offre-subtitle{font-size:.875rem}.offre-card.featured .price-amount{font-size:2.5rem}.offre-card.featured .price-unit{font-size:1.25rem}.offre-subtitle{font-size:.875rem;color:var(--color-text-light);line-height:1.4;margin-bottom:var(--spacing-md);position:relative;z-index:2;white-space:nowrap}.offre-card.featured .offre-subtitle{color:var(--color-text-light);margin-bottom:var(--spacing-md)}.offre-price{display:flex;align-items:baseline;gap:.25rem;line-height:1;margin-bottom:var(--spacing-md);position:relative;z-index:2}.offre-header .offre-cta{margin-top:0;margin-bottom:0}.price-amount{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.offre-card.featured .offre-price{margin-bottom:var(--spacing-md)}.price-unit{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-text-light)}.offre-card.featured .price-unit{color:var(--color-text-light)}.offre-features{margin-bottom:var(--spacing-md);position:relative;z-index:2;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem 0;font-size:.9375rem;color:var(--color-text);transition:all .3s ease}.feature-item svg{flex-shrink:0;width:20px;height:20px;color:#8b5cf6;transition:all .3s ease}.feature-item:hover svg{color:#6366f1}.offre-cta{margin-top:0;position:relative;z-index:2;pointer-events:auto!important}.offre-cta .btn{pointer-events:auto!important;position:relative;z-index:10}@media (min-width: 1025px){.offre-cta .btn{width:100%;min-height:48px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center}.offre-card.featured .offre-cta .btn{min-height:48px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.offre-card:not(.featured) .offre-cta .btn{min-height:48px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}}@media (max-width: 1024px){.offre-cta .btn{width:100%;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}}.offre-cta .btn{width:100%;min-height:48px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;justify-content:center;display:flex;align-items:center;box-sizing:border-box;transition:all .3s ease;position:relative;overflow:hidden}.offre-card:not(.featured) .offre-cta .btn{background:var(--color-primary);color:#fff;border:none}.offre-card:not(.featured) .offre-cta .btn:before{display:none}.offre-card:not(.featured) .offre-cta .btn:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.offre-card.featured .offre-cta .btn{background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);color:#fff;border:none;box-shadow:0 4px 20px #8b5cf666,0 0 30px #ec48994d}.offre-card.featured .offre-cta .btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf666}@media (max-width: 1024px){.offres-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.offre-card:last-child{grid-column:1 / -1;max-width:600px;margin:0 auto}}@media (max-width: 768px){.offres{padding:var(--spacing-xl) 0}.offres-grid{grid-template-columns:1fr;gap:var(--spacing-lg);padding:0 var(--spacing-sm)}.offre-card{padding:var(--spacing-md)}.offre-card:hover{transform:none!important}.offre-card.featured{transform:none;margin-top:0;margin-bottom:0;padding:var(--spacing-md)}.offre-card.featured:hover{transform:none!important}.offre-card.featured .offre-header{transform:none;width:100%;margin-top:0}.offre-card.featured .offre-cta{transform:none}.offre-card:last-child{grid-column:1;max-width:100%}.offre-label,.offre-card.featured .offre-label{font-size:.75rem}.offre-title,.offre-card.featured .offre-title{font-size:1.25rem}.offre-main-title,.offre-card.featured .offre-main-title{font-size:2rem}.offre-subtitle{font-size:.8125rem;white-space:normal}.offre-card.featured .offre-subtitle{font-size:.8125rem}.price-amount,.offre-card.featured .price-amount{font-size:2rem}.price-unit,.offre-card.featured .price-unit{font-size:1rem}.offre-card.featured .offre-cta .btn,.offre-card:not(.featured) .offre-cta .btn{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);min-height:auto;height:auto}}.cta-final{padding:var(--spacing-xl) 0;background:var(--color-primary);color:#fff;text-align:center;position:relative;overflow:hidden;margin:calc(-1 * var(--spacing-sm)) .75rem var(--spacing-sm);border-radius:1.75rem}.cta-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.cta-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:cta-float 20s ease-in-out infinite;z-index:0;pointer-events:none}.cta-orb-left{width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.7) 0%,rgba(99,102,241,.5) 40%,rgba(139,92,246,.2) 60%,transparent 80%);top:50%;left:-200px;transform:translateY(-50%);animation-delay:0s}.cta-orb-right{width:600px;height:600px;background:radial-gradient(circle,rgba(236,72,153,.7) 0%,rgba(139,92,246,.5) 40%,rgba(236,72,153,.2) 60%,transparent 80%);top:50%;right:-200px;transform:translateY(-50%);animation-delay:10s}@keyframes cta-float{0%,to{transform:translateY(-50%) scale(1);opacity:.4}50%{transform:translateY(-55%) scale(1.05);opacity:.5}}.cta-content{max-width:700px;margin:0 auto;position:relative;z-index:1;pointer-events:auto!important}.cta-content .btn,.cta-final .btn{pointer-events:auto!important;position:relative;z-index:10}.cta-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md);color:#fff;opacity:0;transform:translateY(30px);transition:opacity .8s ease .2s,transform .8s cubic-bezier(.23,1,.32,1) .2s}.cta-final.visible .cta-title{opacity:1;transform:translateY(0)}.cta-description{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:#ffffffe6;margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(30px);transition:opacity .8s ease .4s,transform .8s cubic-bezier(.23,1,.32,1) .4s}.cta-final.visible .cta-description{opacity:1;transform:translateY(0)}.btn-cta-gradient{background:#fff;color:var(--color-primary);border:none;padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;font-weight:600;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translateY(30px);transition:opacity .8s ease .9s,transform .8s cubic-bezier(.23,1,.32,1) .9s,background .3s ease,box-shadow .3s ease}.cta-final.visible .btn-cta-gradient{opacity:1;transform:translateY(0)}.btn-cta-gradient:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.cta-final.visible .btn-cta-gradient:hover{transform:translateY(-2px)}@media (min-width: 769px) and (max-width: 1024px){.cta-orb-left{width:500px;height:500px;left:-180px}.cta-orb-right{width:500px;height:500px;right:-180px}}@media (max-width: 768px){body{background-color:#fff}.cta-final{margin:var(--spacing-md) 0 0 0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-lg)}.cta-orb{filter:blur(60px)}.cta-orb-left{width:400px;height:400px;left:-120px;opacity:.35}.cta-orb-right{width:400px;height:400px;right:-120px;opacity:.35}}.faq{padding:var(--spacing-2xl) 0;background:var(--color-bg-light)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden;transition:var(--transition-base)}.faq-item:hover{border-color:var(--color-primary)}.faq-question{width:100%;padding:var(--spacing-md);background:none;border:none;text-align:left;font-size:1.125rem;font-weight:600;font-family:var(--font-primary);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);transition:var(--transition-base)}.faq-question:hover{color:var(--color-primary)}.faq-icon{flex-shrink:0;transition:transform var(--transition-base);color:var(--color-text-light)}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 var(--spacing-md)}.faq-item.active .faq-answer{max-height:500px;padding:0 var(--spacing-md) var(--spacing-md)}.faq-answer p{color:var(--color-text-light);line-height:1.8;padding-top:var(--spacing-sm)}.contact{padding:var(--spacing-2xl) 0;background:var(--color-bg)}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.contact-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md)}.contact-description{font-size:1.125rem;line-height:1.7;color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text)}.contact-item svg{flex-shrink:0;color:var(--color-secondary)}.contact-item a{color:var(--color-text);font-weight:500}.contact-item a:hover{color:var(--color-primary)}.contact-form{background:var(--color-bg-light);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm);font-size:1rem;font-family:var(--font-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);transition:var(--transition-base)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0000001a}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn{width:100%;justify-content:center}@media (max-width: 768px){.contact-content{grid-template-columns:1fr}}.footer{padding:var(--spacing-lg) 0;background:#fff;color:var(--color-text-light)}.footer-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.footer-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.footer-links{display:flex;gap:var(--spacing-md)}.footer-link{color:var(--color-text-light);font-size:.9375rem;transition:var(--transition-base)}.footer-link:hover{color:var(--color-primary)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-light)}@media (max-width: 768px){.footer-content{flex-direction:column;gap:var(--spacing-md);text-align:center}}.hero .fade-in,.hero .fade-in-up{animation:none!important}.fade-in{animation:fadeIn .8s ease forwards}.fade-in-up{animation:fadeInUp .8s ease forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}[style*=--delay]{animation-delay:var(--delay)}