:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--secondary: #0f172a;--accent: #10b981;--bg-main: #f8fafc;--bg-card: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--white: #ffffff;--glass: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--container-width: 1200px;--font-main: "Inter", sans-serif;--font-heading: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;overflow-x:hidden}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}.btn{display:inline-block;padding:.75rem 1.75rem;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background-color:var(--primary);color:var(--white);box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f63b}.btn-outline{border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:var(--primary);color:var(--white);transform:translateY(-2px)}.btn.full{width:100%;text-align:center}.badge{display:inline-block;padding:.25rem 1rem;background:#3b82f61a;color:var(--primary);border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);padding:1rem 0}.nav{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;font-family:var(--font-heading)}.logo-icon{background:var(--primary);color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.25rem}.text-accent{color:var(--primary)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a:not(.btn):hover{color:var(--primary)}.mobile-menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer}.mobile-menu-toggle span{width:24px;height:2px;background:var(--secondary)}.hero{padding:10rem 0 6rem;background:radial-gradient(circle at 10% 20%,rgba(59,130,246,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.05) 0%,transparent 40%)}.hero-content{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem}.hero-text h1{font-size:4rem;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-text p{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:90%}.hero-actions{display:flex;gap:1rem}.hero-visual{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.visual-blob{position:absolute;width:450px;height:450px;background:linear-gradient(135deg,var(--primary),var(--accent));filter:blur(100px);opacity:.2;border-radius:50%;animation:blob-float 15s infinite alternate ease-in-out}.visual-rings{position:absolute;width:400px;height:400px;border:1px solid rgba(59,130,246,.1);border-radius:50%;animation:rotate 20s linear infinite}.visual-rings:after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;background:var(--primary);border-radius:50%;box-shadow:0 0 15px var(--primary)}.visual-card-1,.visual-card-2{position:absolute;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:20px;box-shadow:0 20px 40px #0000001a;width:220px;border:1px solid var(--glass-border);z-index:2;animation:float 6s infinite ease-in-out}.visual-card-1{top:15%;left:5%}.visual-card-2{bottom:20%;right:5%;animation-delay:-3s}.card-icon{width:40px;height:40px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1.25rem;margin-bottom:1rem}.skeleton-line{height:6px;background:#e2e8f0;border-radius:3px;margin-bottom:.75rem}.skeleton-line.short{width:40%}.skeleton-line.long{width:85%}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(2deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blob-float{0%{transform:scale(1) translate(0)}33%{transform:scale(1.1) translate(20px,-20px)}66%{transform:scale(.9) translate(-20px,20px)}to{transform:scale(1) translate(0)}}.services{padding:8rem 0;background:#fff}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem}.section-header p{font-size:1.125rem;color:var(--text-muted)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{padding:2.5rem;border-radius:24px;background:var(--bg-main);border:1px solid transparent;transition:all .3s ease}.service-card:hover{background:#fff;border-color:var(--primary-light);transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000000d}.service-icon{width:56px;height:56px;background:#fff;color:var(--primary);display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 4px 6px #0000000d}.service-card h3{margin-bottom:1rem}.service-card p{color:var(--text-muted)}.about{padding:8rem 0;background:#f1f5f9}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6rem}.image-wrapper{position:relative;border-radius:32px;overflow:hidden;aspect-ratio:4/5;background:var(--secondary);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #0000001a}.ceo-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.image-wrapper:hover .ceo-image{transform:scale(1.05)}.placeholder-avatar{font-size:6rem;font-weight:800;color:#fff;letter-spacing:-2px}.about-content h2{font-size:3rem;margin-bottom:1.5rem}.lead{font-size:1.25rem;font-weight:500;color:var(--primary);margin-bottom:1.5rem}.ceo-stats{display:flex;gap:3rem;margin-top:3rem}.stat-num{display:block;font-size:2.5rem;font-weight:800;font-family:var(--font-heading);color:var(--secondary)}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.contact{padding:8rem 0}.contact-card{background:var(--secondary);color:#fff;border-radius:40px;padding:4rem;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;overflow:hidden;position:relative}.contact-card:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:var(--primary);filter:blur(150px);opacity:.2}.contact-content h2{font-size:3rem;margin-bottom:1.5rem}.contact-content p{font-size:1.125rem;color:#ffffffb3;margin-bottom:3rem}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-link{display:flex;align-items:center;gap:1rem;font-size:1.125rem;color:#fff}.contact-link:hover{color:var(--primary-light)}.contact-form-placeholder{background:#ffffff0d;padding:2.5rem;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:1.5rem}.form-input{height:48px;background:#ffffff1a;border-radius:8px}.form-input.large{height:120px}.footer{padding:4rem 0 2rem;border-top:1px solid #e2e8f0}.footer-top{display:flex;justify-content:space-between;margin-bottom:4rem}.footer-info p{color:var(--text-muted);margin-top:1rem}.footer-links h4{margin-bottom:1.5rem}.footer-links ul li{margin-bottom:.75rem}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #e2e8f0;color:var(--text-muted);font-size:.875rem}@media(max-width:992px){.hero-content,.about-grid,.contact-card{grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:3rem}.hero-text p{margin-inline:auto}.hero-actions{justify-content:center}.hero-visual{display:none}.about-image{order:-1}.ceo-stats{justify-content:center}.contact-methods{align-items:center}}@media(max-width:768px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.section-header h2{font-size:2rem}}
