:root{--bg-dark:#030014;--bg-card:#0f1021;--primary:#8b5cf6;--primary-glow:#7c3aed;--secondary:#ec4899;--text-main:#ffffff;--text-muted:#94a3b8;--border:rgba(255,255,255,0.08);--glass:rgba(255,255,255,0.03)}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:'Inter',sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(139,92,246,0.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(236,72,153,0.08),transparent 25%)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,0.3)}::selection{background:rgba(139,92,246,0.3);color:#fff}.container{max-width:1280px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg,#fff 30%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header{text-align:center;max-width:700px;margin:0 auto 80px}.section-header h2{font-family:'Outfit',sans-serif;font-size:42px;margin-bottom:16px}.section-header p{color:var(--text-muted);font-size:18px}nav{position:fixed;top:0;width:100%;z-index:1000;padding:20px 0;background:rgba(3,0,20,0.8);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;color:white;text-decoration:none}.logo img{width:140px;height:auto;display:block}.logo i{color:var(--primary)}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:15px;font-weight:500;transition:color 0.3s}.nav-links a:hover{color:white}.nav-email-copy{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,0.03);transition:all 0.3s ease;cursor:pointer}.nav-email-copy:hover{color:white;border-color:var(--primary);background:rgba(139,92,246,0.1)}.nav-email-copy.copied{color:var(--primary);border-color:var(--primary);background:rgba(139,92,246,0.15)}.nav-email-copy i{color:var(--primary);font-size:14px;transition:all 0.3s ease}.nav-email-copy.copied i{transform:scale(1.2)}.hero{padding:180px 0 100px;text-align:center;position:relative}.badge{display:inline-block;padding:8px 16px;background:rgba(139,92,246,0.1);border:1px solid rgba(139,92,246,0.2);border-radius:50px;color:var(--primary);font-size:14px;font-weight:600;margin-bottom:32px}.hero h1{font-family:'Outfit',sans-serif;font-size:72px;line-height:1.1;font-weight:800;margin-bottom:24px;letter-spacing:-2px}.hero p{font-size:20px;color:var(--text-muted);max-width:600px;margin:0 auto 48px}.bold-text{font-weight:1000;font-size:18px}.cta-group{display:flex;gap:16px;justify-content:center}.btn{padding:16px 36px;border-radius:12px;font-weight:600;text-decoration:none;transition:all 0.3s ease;font-size:16px;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--text-main);color:var(--bg-dark)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(255,255,255,0.3)}.btn-secondary{background:var(--glass);color:white;border:1px solid var(--border)}.btn-secondary:hover{background:rgba(255,255,255,0.1);border-color:white}.showcase-3d{padding:0;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bg-dark) 0%,rgba(139,92,246,0.03) 100%)}.showcase-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;align-items:center;gap:60px;max-width:1400px;margin:0 auto;padding:0 24px}.showcase-content{padding:60px 0;z-index:10}.showcase-content h2{font-family:'Outfit',sans-serif;font-size:52px;line-height:1.1;margin-bottom:24px;font-weight:800}.showcase-content p{font-size:18px;color:var(--text-muted);margin-bottom:16px;line-height:1.7}.showcase-features{margin-top:40px;display:flex;flex-direction:column;gap:16px}.showcase-feature{display:flex;align-items:center;gap:12px;color:var(--text-muted)}.showcase-feature i{color:var(--primary);font-size:18px;width:24px}.canvas-container{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center}#threejs-canvas{width:100%;height:100%;outline:none}.three-status{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);color:var(--text-muted);font-size:14px;font-family:'Inter',sans-serif;text-align:center;z-index:5;background:rgba(3,0,20,0.7);padding:8px 16px;border-radius:8px;border:1px solid var(--border)}.three-status.success{color:#10b981;border-color:#10b981}.three-status.error{color:#ef4444;border-color:#ef4444}.scroll-hint{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:14px;opacity:0.6;animation:bounce 2s infinite}.scroll-hint i{font-size:24px}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}.features{padding:120px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border);padding:40px;border-radius:24px;transition:0.3s}.feature-card:hover{border-color:var(--primary);transform:translateY(-5px)}.icon-box{width:50px;height:50px;background:rgba(139,92,246,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:20px;margin-bottom:24px}.feature-card h3{font-family:'Outfit',sans-serif;font-size:20px;margin-bottom:12px}.feature-card p{color:var(--text-muted);font-size:15px}.portfolio{padding:100px 0}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.work-card.horizontal{grid-column:span 4}.work-card.vertical{grid-column:span 4;width:100%;justify-self:center}.work-card{background:var(--bg-card);border-radius:20px;overflow:hidden;border:1px solid var(--border);position:relative;cursor:pointer}.media-wrapper{position:relative;width:100%;overflow:hidden;background:#1a1a1a}.work-card.horizontal .media-wrapper{aspect-ratio:16 / 9}.work-card.vertical .media-wrapper{aspect-ratio:9 / 16}.media-wrapper img,.media-wrapper video{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,rgba(3,0,20,0.95),transparent);z-index:2;pointer-events:none}.overlay .tag,.overlay h3{pointer-events:auto}.product-info{padding:16px 20px 20px;background:var(--bg-card)}.product-info .tag{display:inline-block;padding:4px 10px;background:rgba(139,92,246,0.1);border:1px solid rgba(139,92,246,0.2);border-radius:50px;color:var(--primary);font-size:12px;font-weight:600;margin-bottom:8px}.product-info h3{font-family:'Outfit',sans-serif;font-size:18px;margin:0;color:var(--text-main)}.media-wrapper video{position:relative;z-index:1}.media-wrapper video::-webkit-media-controls-panel{z-index:3!important}.media-wrapper img{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.services{padding:100px 0 80px;position:relative;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,0.02) 100%)}.services-header{text-align:center;max-width:800px;margin:0 auto 70px}.services-header h2{font-family:'Outfit',sans-serif;font-size:48px;margin-bottom:20px;line-height:1.2}.services-header p{color:var(--text-muted);font-size:19px;line-height:1.7}.services-list{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-item{background:var(--glass);border:1px solid var(--border);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:16px;transition:all 0.3s ease;position:relative;overflow:hidden}.service-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transition:transform 0.3s ease}.service-item:hover{background:rgba(255,255,255,0.05);border-color:rgba(139,92,246,0.4);transform:translateY(-4px)}.service-item:hover::before{transform:scaleX(1)}.service-icon{width:48px;height:48px;background:rgba(139,92,246,0.15);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:20px;border:1px solid rgba(139,92,246,0.3);transition:all 0.3s ease}.service-item:hover .service-icon{background:rgba(139,92,246,0.25);transform:rotate(5deg) scale(1.1)}.service-content h3{font-family:'Outfit',sans-serif;font-size:18px;margin-bottom:8px;color:var(--text-main);font-weight:700}.service-content p{color:var(--text-muted);font-size:15px;line-height:1.6;margin:0}.comparison-section{padding:100px 0;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,0.02) 100%)}.comparison-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:60px}.comparisons-column{display:flex;flex-direction:column;gap:30px}.comparison-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:20px;border:1px solid var(--border);background:var(--bg-card);cursor:col-resize;user-select:none}.comparison-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.image-after{clip-path:inset(0 50% 0 0)}.slider-line{position:absolute;top:0;left:50%;width:3px;height:100%;background:white;transform:translateX(-50%);pointer-events:none;z-index:10;box-shadow:0 0 10px rgba(0,0,0,0.5)}.slider-handle{position:absolute;top:50%;left:50%;width:50px;height:50px;background:white;border-radius:50%;transform:translate(-50%,-50%);cursor:col-resize;z-index:11;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,0.3);transition:transform 0.2s ease}.slider-handle:hover{transform:translate(-50%,-50%) scale(1.1)}.slider-handle::before,.slider-handle::after{content:'';position:absolute;width:0;height:0;border-style:solid}.slider-handle::before{left:12px;border-width:8px 10px 8px 0;border-color:transparent #030014 transparent transparent}.slider-handle::after{right:12px;border-width:8px 0 8px 10px;border-color:transparent transparent transparent #030014}.comparison-labels{position:absolute;top:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;z-index:5;pointer-events:none}.label{background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.label-before{color:#ef4444}.label-after{color:#10b981}.comparison-caption{text-align:center;margin-top:12px;color:var(--text-muted);font-size:14px}.process-column{padding:20px}.process-column h3{font-family:'Outfit',sans-serif;font-size:32px;margin-bottom:40px;color:var(--text-main)}.process-steps{display:flex;flex-direction:column;gap:32px}.process-step{display:flex;align-items:flex-start;gap:20px;position:relative}.process-step:not(:last-child)::after{content:'';position:absolute;left:24px;top:60px;width:2px;height:calc(100%+12px);background:linear-gradient(180deg,var(--primary),transparent)}.step-icon{width:48px;height:48px;min-width:48px;background:rgba(139,92,246,0.15);border:2px solid rgba(139,92,246,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px;font-weight:700;z-index:1;position:relative}.step-content h4{font-family:'Outfit',sans-serif;font-size:18px;margin-bottom:6px;color:var(--text-main);font-weight:700}.step-content p{color:var(--text-muted);font-size:15px;line-height:1.6}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:100px 0}.about-image-wrapper{position:relative}.about-img{width:100%;border-radius:24px;border:1px solid var(--border)}.stat-box{position:absolute;bottom:-30px;right:-30px;background:var(--bg-card);padding:30px;border-radius:20px;border:1px solid var(--border);box-shadow:0 20px 40px rgba(0,0,0,0.4)}.stat-number{font-size:36px;font-weight:800;color:var(--primary);font-family:'Outfit',sans-serif}.stat-label{font-size:14px;color:var(--text-muted)}.faq-section{padding:100px 0;background:linear-gradient(180deg,rgba(139,92,246,0.02) 0%,transparent 100%)}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--glass);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all 0.3s ease}.faq-item:hover{border-color:rgba(139,92,246,0.3)}.faq-item.active{background:rgba(139,92,246,0.05);border-color:rgba(139,92,246,0.4)}.faq-question{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none;gap:20px}.faq-question h3{font-family:'Outfit',sans-serif;font-size:18px;font-weight:600;color:var(--text-main);margin:0;flex:1}.faq-icon{width:32px;height:32px;min-width:32px;background:rgba(139,92,246,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:14px;transition:all 0.3s ease}.faq-item.active .faq-icon{background:var(--primary);color:white;transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease}.faq-item.active .faq-answer{max-height:500px}.faq-answer-content{padding:0 28px 24px 28px;color:var(--text-muted);font-size:16px;line-height:1.7}.cta-section{padding:100px 0;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,0.05) 100%)}.cta-card{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border-radius:30px;padding:80px 40px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.1)}.quick-copy{margin-top:50px;padding-top:40px;border-top:1px solid rgba(255,255,255,0.1)}.quick-copy-label{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:#cbd5e1;margin-bottom:20px;font-weight:600}.copy-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.copy-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;color:#cbd5e1;font-size:14px;cursor:pointer;transition:all 0.3s ease;font-family:'Inter',sans-serif}.copy-btn:hover{background:rgba(255,255,255,0.1);border-color:var(--primary);color:white;transform:translateY(-2px)}.copy-btn.copied{background:rgba(139,92,246,0.2);border-color:var(--primary);color:var(--primary)}.copy-btn i{font-size:16px;transition:all 0.3s ease}.copy-btn.copied i{transform:scale(1.2)}.copy-text{font-weight:500}footer{border-top:1px solid var(--border);padding:60px 0 30px;background:#02000d}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.social-links a{color:var(--text-muted);margin-left:20px;font-size:20px;transition:0.3s}.social-links a:hover{color:var(--primary)}.copyright{text-align:center;color:#475569;font-size:14px}@media (max-width:1024px){.showcase-container{grid-template-columns:1fr;min-height:auto;gap:0}.showcase-content{order:2;padding:40px 0 60px}.canvas-container{order:1;height:70vh}.showcase-content h2{font-size:38px}.scroll-hint{display:none}.portfolio-grid{grid-template-columns:repeat(8,1fr)}.work-card.horizontal{grid-column:span 8}.work-card.vertical{grid-column:span 4}.services-list{grid-template-columns:repeat(2,1fr);gap:20px}.services-header h2{font-size:40px}.comparison-layout{grid-template-columns:1fr;gap:60px}.section-header h2{font-size:36px}.process-column{padding:0}.nav-email-copy{display:none}}@media (max-width:768px){.hero h1{font-size:48px}.nav-links{display:none}.about-grid{grid-template-columns:1fr}.stat-box{position:static;margin-top:20px;display:inline-block}.portfolio-grid{grid-template-columns:1fr;gap:20px}.work-card.horizontal,.work-card.vertical{grid-column:span 1}.work-card.vertical .media-wrapper{aspect-ratio:16 / 9}.services-list{grid-template-columns:1fr;gap:16px}.services-header h2{font-size:36px}.service-item{padding:24px}.service-icon{width:42px;height:42px;font-size:18px}.comparison-section{padding:60px 0}.slider-handle{width:40px;height:40px}.slider-handle::before{left:10px;border-width:6px 8px 6px 0}.slider-handle::after{right:10px;border-width:6px 0 6px 8px}.process-column h3{font-size:28px}.faq-section{padding:60px 0}.section-header h2{font-size:36px}.faq-question{padding:20px}.faq-question h3{font-size:16px}.faq-answer-content{padding:0 20px 20px 20px;font-size:15px}.cta-card{padding:60px 30px}.cta-card h2{font-size:32px}.cta-group{flex-direction:column}.btn{width:100%;justify-content:center}.copy-buttons{flex-direction:column}.copy-btn{width:100%;justify-content:center}}@media (min-width:768px) and (max-width:1024px){.nav-email-copy{display:flex;font-size:13px;padding:8px 12px}}@media (max-width:768px){.logo img{width:100px}.showcase-3d{display:none!important}}