@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-family:"Outfit", system-ui, -apple-system, sans-serif;--bg-color:#fafcff;--bg-accent:#fff;--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#0ea5e9;--accent:#f472b6;--text-main:#0f172a;--text-muted:#475569;--glass-bg:#fffc;--glass-border:#6366f11a;--glass-blur:blur(16px);--soft-shadow:0 10px 40px -10px #6366f11a;--section-padding:120px 24px;--container-max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(80px);z-index:-1;opacity:.5;border-radius:50%;animation:20s cubic-bezier(.4,0,.2,1) infinite alternate floatBlob;position:absolute}body:before{background:radial-gradient(circle,#6366f133,#0ea5e91a);width:50vw;height:50vw;top:-10%;left:-10%}body:after{background:radial-gradient(circle,#f472b626,#6366f11a);width:40vw;height:40vw;animation-delay:-10s;top:40%;right:-10%}@keyframes floatBlob{0%{transform:translate(0)scale(1)}33%{transform:translate(5%,5%)scale(1.1)}66%{transform:translate(-2%,8%)scale(.9)}to{transform:translate(0)scale(1)}}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700;line-height:1.1}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--secondary), var(--accent));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:5s linear infinite shine;display:inline-block}@keyframes shine{to{background-position:200%}}.container{max-width:var(--container-max-width);margin:0 auto}header{z-index:1000;width:100%;padding:24px 0;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}header.scrolled{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);padding:16px 0;box-shadow:0 4px 30px #0000000d}nav{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:12px;font-size:24px;font-weight:800;display:flex}.logo img{filter:drop-shadow(0 4px 6px #6366f14d);width:36px;height:36px;animation:6s ease-in-out infinite floatLogo}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-main);font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.btn{cursor:pointer;border:none;border-radius:99px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 10px 20px -10px var(--primary);z-index:1}.btn-primary:before{content:"";background:linear-gradient(135deg, var(--secondary), var(--primary));opacity:0;z-index:-1;transition:opacity .4s;position:absolute;inset:0}.btn-primary:hover{box-shadow:0 15px 25px -10px var(--primary);transform:translateY(-4px)scale(1.02)}.btn-primary:hover:before{opacity:1}.btn-outline{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-main);border:1px solid var(--glass-border);box-shadow:var(--soft-shadow)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-4px)scale(1.02)}.hero{text-align:center;flex-direction:column;justify-content:center;min-height:100vh;padding:220px 24px 120px;display:flex;position:relative}.hero h1{margin-bottom:24px;font-size:clamp(40px,8vw,84px)}.hero p{color:var(--text-muted);max-width:700px;margin:0 auto 40px;font-size:clamp(18px,2vw,22px)}.hero-visual{max-width:1000px;margin-top:80px;margin-left:auto;margin-right:auto;animation:8s ease-in-out infinite floatImage;position:relative}.hero-visual img{background:var(--bg-accent);border:1px solid #ffffff80;border-radius:32px;width:100%;box-shadow:0 30px 60px -15px #6366f133}@keyframes floatImage{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(.5deg)}}.features{padding:var(--section-padding)}.section-header{text-align:center;margin-bottom:80px}.section-header h2{margin-bottom:16px;font-size:48px}.section-header p{color:var(--text-muted);font-size:18px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;display:grid}.feature-card{background:var(--bg-accent);box-shadow:var(--soft-shadow);border:1px solid #fffc;border-radius:32px;padding:48px 40px;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.feature-card:hover{border-color:#6366f133;transform:translateY(-15px)scale(1.03);box-shadow:0 30px 50px -15px #6366f140}.feature-icon{background:linear-gradient(135deg,#6366f11a,#0ea5e91a);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;font-size:28px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#6366f133,#0ea5e933);transform:scale(1.1)rotate(-5deg)}.feature-card h3{color:var(--text-main);margin-bottom:16px;font-size:24px}.feature-card p{color:var(--text-muted)}.stats{padding:100px 24px;position:relative}.stats-container{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--soft-shadow);border:1px solid var(--glass-border);border-radius:40px;flex-wrap:wrap;justify-content:space-around;gap:60px;padding:60px 40px;display:flex}.stat-item{text-align:center;transition:transform .3s}.stat-item:hover{transform:translateY(-5px)}.stat-number{margin-bottom:12px;font-size:64px;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:16px;font-weight:600}.cta-section{padding:var(--section-padding)}.cta-card{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);text-align:center;color:#fff;box-shadow:0 30px 60px -20px var(--primary);border-radius:48px;padding:100px 40px;position:relative;overflow:hidden}.cta-card:before,.cta-card:after{content:"";background:#ffffff1a;border-radius:50%;animation:10s ease-in-out infinite alternate floatCta;position:absolute}.cta-card:before{width:300px;height:300px;top:-100px;left:-100px}.cta-card:after{width:400px;height:400px;animation-delay:-5s;bottom:-150px;right:-150px}@keyframes floatCta{0%{transform:scale(1)translate(0)}to{transform:scale(1.2)translate(20px,-20px)}}.cta-card h2{z-index:1;margin-bottom:24px;font-size:56px;position:relative}.cta-card p{opacity:.9;z-index:1;margin-bottom:48px;font-size:22px;position:relative}.cta-btns{z-index:1;position:relative}.cta-btns .btn-primary{color:var(--primary);background:#fff;box-shadow:0 10px 20px #0000001a}.cta-btns .btn-primary:hover{background:#f8fafc}.cta-btns .btn-outline{color:#fff;background:0 0;border-color:#ffffff80}.cta-btns .btn-outline:hover{background:#ffffff1a;border-color:#fff}footer{padding:80px 24px 40px}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-brand p{color:var(--text-muted);margin-top:20px}.footer-links h4{color:var(--text-main);margin-bottom:24px}.footer-links ul{list-style:none}.footer-links li{margin-bottom:16px}.footer-links a{color:var(--text-muted);text-decoration:none;transition:all .3s}.footer-links a:hover{color:var(--primary);padding-left:4px}.footer-bottom{text-align:center;color:var(--text-muted);border-top:1px solid var(--glass-border);padding-top:40px;font-size:15px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.reveal{opacity:0;animation:1s cubic-bezier(.34,1.56,.64,1) forwards fadeInUp}.reveal-delay-1{animation-delay:.2s}.reveal-delay-2{animation-delay:.4s}.reveal-delay-3{animation-delay:.6s}@media (width<=768px){.footer-content{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.nav-links,.nav-cta .btn-outline{display:none}.hero h1{font-size:48px}.cta-card{border-radius:32px;padding:60px 24px}.cta-card h2{font-size:36px}.stats-container{border-radius:24px;padding:40px 20px}}