html,body{background:radial-gradient(ellipse at center,#0f1e3d,#050d1a)!important;background-attachment:fixed!important;background-color:#050d1a!important}.mockup-studio{max-width:1400px;margin:0 auto;padding:100px 20px 40px;min-height:100vh;will-change:auto;isolation:isolate}.mockup-hero{text-align:center;margin-bottom:80px;padding-top:40px}.mockup-hero h1{font-size:72px;font-weight:900;font-style:italic;color:#fff;margin-bottom:20px;letter-spacing:-2px;text-shadow:0 0 40px rgba(59,130,246,.6)}.mockup-hero p{font-size:20px;color:#cbd5e1;margin-bottom:40px;font-weight:300}.upload-area{max-width:600px;margin:40px auto;padding:60px 40px;border:2px dashed rgba(59,130,246,.3);border-radius:20px;background:linear-gradient(145deg,#1e40af1f,#3b82f60f);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);cursor:pointer;transition:all .3s ease;text-align:center}.upload-area:hover{border-color:#06b6d4;transform:scale(1.02);box-shadow:0 15px 40px #3b82f64d}.upload-icon{font-size:64px;margin-bottom:20px}.upload-text{font-size:24px;font-weight:600;color:#fff;margin-bottom:10px}.upload-formats{font-size:14px;color:#cbd5e1}.mockup-step{padding:80px 40px;margin-bottom:0;border-radius:0;box-shadow:none;background:transparent;contain:layout style}.step-header{text-align:center;margin-bottom:60px}.step-number{display:inline-block;width:60px;height:60px;line-height:60px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-radius:50%;font-size:28px;font-weight:700;margin-bottom:20px;box-shadow:0 10px 30px #3b82f680}.step-title{font-size:48px;font-weight:900;font-style:italic;color:#fff;margin-bottom:16px;letter-spacing:-1px}.step-description{font-size:18px;color:#cbd5e1;font-weight:300}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:40px}.glass-card{padding:24px;border-radius:20px;background:linear-gradient(145deg,#1e40af26,#3b82f614);border:2px solid rgba(59,130,246,.3);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #3b82f666,0 0 40px #06b6d44d;border-color:#06b6d4}.product-card{padding:24px;background:linear-gradient(145deg,#1e40af1f,#3b82f60f);border:2px solid rgba(59,130,246,.3);border-radius:20px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 10px 30px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #3b82f666,0 0 40px #06b6d44d;border-color:#06b6d4}.product-name{font-size:20px;font-weight:700;font-style:italic;color:#fff;text-align:center;margin-top:16px;letter-spacing:-.5px}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #1e40af;--light-blue: #3b82f6;--cyan: #06b6d4;--dark-bg: #0a1628;--darker-bg: #050d1a;--card-bg: rgba(15, 30, 60, .4);--border-color: rgba(59, 130, 246, .3);--text-light: #cbd5e1;--gradient-1: linear-gradient(135deg, #1e40af, #3b82f6);--gradient-2: linear-gradient(135deg, #0ea5e9, #06b6d4);--glow-blue: rgba(59, 130, 246, .5)}body{font-family:Montserrat,sans-serif;background:radial-gradient(ellipse at center,#0f1e3d,#050d1a);color:#fff;line-height:1.6;overflow-x:hidden;scroll-behavior:smooth;position:relative}body:before{content:"";position:fixed;top:-50%;left:50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(59,130,246,.15) 0%,transparent 50%);transform:translate(-50%);pointer-events:none;z-index:-1}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;font-style:italic;letter-spacing:-.02em}.container{max-width:1200px;margin:0 auto;padding:0 40px}.hero{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.mountain-background{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0;opacity:1;pointer-events:none}.mountain-background::-webkit-media-controls{display:none!important}.mountain-background::-webkit-media-controls-enclosure{display:none!important}.mountain-background::-webkit-media-controls-panel{display:none!important}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 60px;z-index:1000;background:#0a1628f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(59,130,246,.15);transition:all .4s ease;pointer-events:auto}.logo{display:flex;align-items:center;gap:12px;pointer-events:auto;cursor:pointer}.logo-image{height:40px;width:auto;object-fit:contain;pointer-events:auto}.nav-menu{display:flex;list-style:none;gap:40px;align-items:center;pointer-events:auto}.nav-menu a{color:#fff;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s;position:relative;pointer-events:auto;cursor:pointer}.nav-menu a:hover{color:var(--cyan)}.nav-menu a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-1);transition:width .3s}.nav-menu a:hover:after{width:100%}.cta-button{background:var(--gradient-1);padding:10px 24px;border-radius:6px;font-weight:600;box-shadow:0 0 20px var(--glow-blue)}.cta-button:hover{color:#fff!important}.cta-button:after{display:none}.hero-content{position:relative;z-index:10;text-align:center;margin-top:100px}.hero-title{font-size:140px;font-weight:900;font-style:italic;letter-spacing:-6px;margin-bottom:20px;line-height:.95;text-shadow:0 0 80px rgba(59,130,246,.8);transform:skewY(-2deg)}.hero-subtitle{font-size:24px;font-weight:600;font-style:italic;opacity:.95;letter-spacing:2px}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10;animation:bounce 2s infinite}.scroll-indicator a{text-decoration:none;color:var(--light-purple);cursor:pointer}.scroll-indicator span{font-size:32px;color:var(--cyan);filter:drop-shadow(0 0 15px rgba(6,182,212,.9))}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-15px)}60%{transform:translate(-50%) translateY(-7px)}}.what-we-do-section{padding:100px 0;background:linear-gradient(180deg,#0a0f1a,#0d1420);position:relative}.what-we-do-title{font-size:71px;font-weight:800;font-style:italic;text-align:center;margin-bottom:80px;color:#fff;letter-spacing:-2px;font-family:Montserrat,sans-serif;padding:0 20px}.what-we-do-title .club-text{font-family:Montserrat,sans-serif;font-style:italic;font-weight:900;background:var(--gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;padding-right:10px}.service-item{display:grid;grid-template-columns:80px 1fr;gap:40px;padding:50px 0;border-bottom:2px solid rgba(59,130,246,.2);align-items:start;transition:all .4s ease}.service-item:hover{padding-left:20px;border-bottom-color:var(--cyan)}.service-number{font-size:28px;font-weight:300;color:var(--light-blue);letter-spacing:-1px}.service-content{position:relative}.service-content h3{font-size:42px;font-weight:800;font-style:italic;margin-bottom:20px;color:#fff;letter-spacing:-1px}.service-content p{font-size:17px;line-height:1.7;color:var(--text-light);max-width:700px;font-weight:400}.service-image{margin-top:30px;width:200px;height:140px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000026}.service-image img{width:100%;height:100%;object-fit:cover}.mission-section{padding:120px 0;background:linear-gradient(180deg,#0a0f1af2,#0a0e1a);position:relative}.mission-section .container{position:relative;z-index:2}.mission-content{text-align:center;max-width:800px;margin:0 auto 60px;position:relative}.mission-content h2{font-size:80px;font-weight:900;font-style:italic;margin-bottom:30px;background:var(--gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-3px;line-height:1}.mission-text{font-size:24px;line-height:1.6;color:var(--text-light);font-weight:300;margin-bottom:30px}.goals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.goal-card{background:linear-gradient(145deg,#1e40af1f,#3b82f60f);border:2px solid var(--border-color);border-radius:28px;padding:60px 40px;text-align:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.goal-card p{font-size:19px;line-height:1.7;color:var(--text-light);font-weight:400;font-style:normal}.geometric-bg{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.geometric-shape{position:absolute;border:2px solid var(--border-color);filter:drop-shadow(0 0 30px var(--glow-blue));animation:floatShape 25s ease-in-out infinite}.shape-1{width:250px;height:250px;clip-path:polygon(50% 0%,0% 100%,100% 100%);top:10%;right:5%;background:linear-gradient(135deg,rgba(59,130,246,.08),transparent)}.shape-3{width:180px;height:300px;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);top:50%;right:10%;background:linear-gradient(180deg,rgba(59,130,246,.08),transparent);animation-delay:-10s}@keyframes floatShape{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(40px,-40px) rotate(120deg)}66%{transform:translate(-30px,30px) rotate(240deg)}}.directions-section{padding:120px 0;background:linear-gradient(180deg,#0a0e1aeb,#050a1ff2),url(https://images.unsplash.com/photo-1716637644831-e046c73be197?q=80&w=1920&auto=format&fit=crop) center/cover no-repeat;background-blend-mode:overlay;position:relative;overflow:hidden}.directions-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(5,10,31,.7) 100%);pointer-events:none;z-index:0}.section-heading{text-align:center;font-size:56px;font-weight:900;font-style:italic;margin-bottom:80px;letter-spacing:-2px;position:relative;z-index:1;text-shadow:0 4px 20px rgba(0,0,0,.8),0 0 40px rgba(59,130,246,.4)}.gradient-text{background:var(--gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(6,182,212,.5))}.directions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;position:relative;z-index:1}.direction-card{background:linear-gradient(135deg,#1e40af14,#3b82f60d);border:2px solid var(--border-color);border-radius:32px;padding:70px 60px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;box-shadow:0 15px 50px #0006,0 0 0 1px #3b82f61a inset;overflow:hidden}.direction-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);opacity:0;transition:opacity .5s}.direction-card:hover:after{opacity:1}.direction-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--gradient-1);opacity:0;transition:opacity .4s;border-radius:24px 24px 0 0}.direction-card:hover:before{opacity:1}.direction-card:hover{transform:translateY(-15px) scale(1.02);border-color:var(--cyan);box-shadow:0 30px 80px #0009,0 0 80px var(--glow-blue),0 0 0 1px var(--cyan) inset}.direction-number{display:inline-flex;width:72px;height:72px;background:var(--gradient-1);border-radius:20px;align-items:center;justify-content:center;font-size:36px;font-weight:700;margin-bottom:35px;box-shadow:0 15px 40px var(--glow-blue),0 5px 15px #0009;position:relative;overflow:hidden}.direction-number:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.direction-card:hover .direction-number:before{left:100%}.direction-card h3{font-size:42px;margin-bottom:25px;font-weight:900;font-style:italic;letter-spacing:-1.5px;text-shadow:0 2px 10px rgba(0,0,0,.5);line-height:1.2}.direction-card p{font-size:19px;line-height:1.9;color:var(--text-light);font-weight:300}.badge{display:inline-block;background:#3b82f626;border:1px solid var(--border-color);padding:10px 24px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--cyan);box-shadow:0 0 20px var(--glow-blue);margin-bottom:25px;text-transform:uppercase;font-family:Space Grotesk,sans-serif}.tools-section{padding:80px 0;background:transparent;position:relative}.tools-section:before{content:"";position:absolute;top:30%;right:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.15) 0%,transparent 70%);filter:blur(80px);pointer-events:none}.tools-section:after{content:"";position:absolute;bottom:20%;left:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);filter:blur(80px);pointer-events:none}.section-header-center{text-align:center;margin-bottom:50px}.section-header-center h2{font-size:52px;font-weight:900;font-style:italic;margin-top:15px;color:var(--light-blue);letter-spacing:-2px}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:30px}.tool-category{background:#0a0a1499;border:1px solid var(--border-color);border-radius:16px;padding:30px 35px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-header{padding:0}.category-tag{display:inline-block;background:#1e40af40;border:1px solid var(--border-color);padding:4px 12px;border-radius:18px;font-size:9px;font-weight:700;letter-spacing:1px;color:var(--light-blue);margin-bottom:12px;text-transform:uppercase}.tool-category:hover{border-color:var(--cyan);box-shadow:0 15px 40px var(--glow-blue),0 0 30px #3b82f633;transform:translateY(-3px)}.category-header h3{font-size:24px;margin-bottom:10px;color:#fff;font-weight:800;font-style:italic;letter-spacing:-.5px}.category-goal{font-size:13px;color:var(--text-light);margin-bottom:10px}.category-goal strong{color:#fff;display:inline}.category-subtitle{font-size:13px;color:var(--text-light);margin-bottom:10px;margin-top:5px}.category-subtitle strong{color:#fff;display:inline}.ai-tools-list{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.tool-tag{background:linear-gradient(135deg,#1e40af40,#3b82f626);border:1.5px solid var(--border-color);padding:6px 12px;border-radius:10px;font-size:11px;font-weight:500;color:var(--light-blue);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.tool-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.tool-tag:hover:before{left:100%}.tool-tag:hover{background:linear-gradient(135deg,#3b82f659,#06b6d440);border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 8px 20px var(--glow-blue);color:#fff}.category-result{font-size:12px;color:var(--text-light);margin-top:10px}.category-result strong{color:#fff;display:inline}.divider-small,.category-number{display:none}.employees-section{padding:120px 0;background:#0a0f1a;position:relative;overflow:hidden}.employees-intro{text-align:center;max-width:800px;margin:0 auto 60px}.intro-goal,.intro-result{font-size:20px;line-height:1.8;color:var(--text-light);margin-bottom:15px}.intro-goal strong,.intro-result strong{color:#fff}.ai-employees-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;position:relative;z-index:1}.employee-card{background:linear-gradient(145deg,#1e40af26,#3b82f614);border:2px solid var(--border-color);border-radius:20px;padding:40px 30px;text-align:center;font-size:17px;font-weight:800;font-style:italic;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:all .5s cubic-bezier(.4,0,.2,1);color:var(--light-blue);position:relative;overflow:hidden}.employee-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(59,130,246,.2),transparent);border-radius:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s}.employee-card:hover:before{width:300px;height:300px}.employee-card:hover{background:linear-gradient(145deg,#3b82f640,#06b6d426);border-color:var(--cyan);transform:translateY(-10px) scale(1.05);box-shadow:0 25px 60px var(--glow-blue),0 0 50px #06b6d44d;color:#fff}.employee-card span{position:relative;z-index:1}.final-vision-section{padding:120px 0;background:linear-gradient(180deg,#0d1420,#060b14);position:relative}.vision-box{background:transparent;border:none;border-radius:0;padding:0;text-align:center;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;position:relative;z-index:1;max-width:900px;margin:0 auto}.vision-box .badge{font-size:11px;padding:10px 24px;margin-bottom:40px;letter-spacing:2px;background:#3b82f626;border:1px solid var(--border-color)}.vision-logo{width:180px;height:auto;margin-bottom:30px;opacity:.9}.vision-statements{margin-top:0}.vision-statements p{font-size:32px;line-height:1.8;margin-bottom:25px;font-weight:300;font-style:normal;color:#fff;text-shadow:none;letter-spacing:0}.vision-statements p:last-child{margin-bottom:0;font-size:32px;color:#fff;font-weight:300;font-style:normal}.footer{background:#000;padding:50px 20px;text-align:center;border-top:1px solid var(--border-color)}.footer-logo{width:120px;height:auto;margin-bottom:20px;opacity:.8}.footer-content p{color:var(--text-light);margin:8px 0}.footer-note{font-size:14px;opacity:.6}@media(max-width:1024px){.hero-title{font-size:100px}.goals-grid,.directions-grid{grid-template-columns:1fr}.ai-employees-grid{grid-template-columns:repeat(2,1fr)}.tool-category{grid-template-columns:1fr;min-height:auto}.tool-category:nth-child(2n) .category-header{order:1}.tool-category:nth-child(2n) .category-illustration{order:2}}@media(max-width:768px){.container{padding:0 20px}.hero-title{font-size:64px}.navbar{padding:15px 20px}.nav-menu{gap:20px;font-size:12px}.section-heading{font-size:36px}.tool-category{padding:30px}.ai-employees-grid{grid-template-columns:1fr}.vision-statements p{font-size:22px}}