@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&display=swap";body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary: #6366f1;--secondary: #ec4899;--accent: #14b8a6;--bg-dark: #0f0f23;--bg-card: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--shadow: 0 20px 60px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-dark);color:var(--text-primary);overflow-x:hidden}.app{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:2rem}.gradient-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.gradient-orb{position:absolute;filter:blur(100px);opacity:.6;mix-blend-mode:screen;will-change:transform,opacity}.orb-1{width:120%;height:100vh;background:linear-gradient(135deg,rgba(102,126,234,.5) 0%,rgba(118,75,162,.4) 40%,rgba(236,72,153,.3) 70%,transparent 100%);top:-30%;left:-10%;animation:aurora1 8s ease-in-out infinite}.orb-2{width:120%;height:100vh;background:linear-gradient(225deg,transparent 0%,rgba(79,172,254,.3) 30%,rgba(236,72,153,.4) 60%,rgba(245,87,108,.5) 100%);bottom:-30%;right:-10%;animation:aurora2 10s ease-in-out infinite}@keyframes aurora1{0%{transform:translate(0) translateY(0) rotate(0);opacity:.6}50%{transform:translate(100px) translateY(-50px) rotate(5deg);opacity:.8}to{transform:translate(0) translateY(0) rotate(0);opacity:.6}}@keyframes aurora2{0%{transform:translate(0) translateY(0) rotate(0);opacity:.6}50%{transform:translate(-100px) translateY(50px) rotate(-5deg);opacity:.8}to{transform:translate(0) translateY(0) rotate(0);opacity:.6}}.content{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto}.hero{text-align:center}.logo{margin-bottom:2rem}.logo-text{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px;display:inline-block}.highlight{color:var(--secondary);-webkit-text-fill-color:var(--secondary)}h1{font-size:4rem;font-weight:800;margin-bottom:1rem;line-height:1.1;letter-spacing:-2px}.tagline{font-size:1.5rem;color:var(--text-secondary);margin-bottom:4rem;font-weight:300}.tagline .highlight{color:var(--accent);font-weight:600}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}.service-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem 2rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));transform:scaleX(0);transition:transform .3s ease}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{border-color:#fff3;box-shadow:var(--shadow)}.service-icon{font-size:3.5rem;margin-bottom:1rem;display:inline-block;transition:transform .3s ease}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.service-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.service-card p{font-size:1rem;color:var(--text-secondary);line-height:1.6;font-weight:300}.ar-demo-section{margin-top:5rem;margin-bottom:4rem}.ar-demo-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ar-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;font-weight:300}.video-container{max-width:800px;margin:0 auto;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;transition:all .3s ease}.video-container:hover{border-color:#fff3;box-shadow:var(--shadow)}.video-placeholder{aspect-ratio:16 / 9;background:linear-gradient(135deg,#6366f11a,#ec48991a);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border:2px dashed rgba(255,255,255,.2);transition:all .3s ease}.video-placeholder:hover{background:linear-gradient(135deg,#6366f126,#ec489926);border-color:#ffffff4d}.play-icon{font-size:4rem;opacity:.5;transition:all .3s ease}.video-placeholder:hover .play-icon{opacity:.8;transform:scale(1.1)}.video-text{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.video-subtext{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:300}.video-container video{width:100%;border-radius:16px;display:block}.contact-cta{margin-top:5rem;padding:3rem 2rem;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;transition:all .3s ease}.contact-cta:hover{border-color:#fff3;box-shadow:var(--shadow)}.contact-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;font-weight:300}.cta-button{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--text-primary);text-decoration:none;border:none;border-radius:50px;font-weight:600;font-size:1.125rem;transition:all .3s ease;box-shadow:0 10px 30px #6366f14d;cursor:pointer;width:100%}.cta-button:hover{box-shadow:0 15px 40px #6366f180;transform:translateY(-2px)}.contact-form{width:100%;max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-input{width:100%;padding:1rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:1rem;font-family:Outfit,sans-serif;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input::placeholder{color:var(--text-secondary)}.form-input:focus{outline:none;border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 3px #6366f11a}.form-textarea{resize:vertical;min-height:120px}footer{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}footer p{color:var(--text-secondary);font-size:.875rem;font-weight:300}@media(max-width:768px){.app{padding:1.5rem}.logo-text,h1{font-size:2.5rem}.tagline{font-size:1.125rem;margin-bottom:3rem}.services{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:2rem 1.5rem}.ar-demo-section h2,.contact-cta h2{font-size:2rem}.video-container{padding:1.5rem}.contact-cta{padding:2rem 1.5rem}.gradient-orb{filter:blur(60px)}.orb-1,.orb-2,.orb-3{width:300px;height:300px}}@media(max-width:480px){.logo-text,h1{font-size:2rem}.tagline{font-size:1rem}.service-icon{font-size:2.5rem}.service-card h3{font-size:1.25rem}}