@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--midnight-blue: #0d0d39;--dark-blue: #16164d;--medium-blue: #1a1a5e;--lavender: #9393ff;--white: #ffffff;--glass-white-1: rgba(255, 255, 255, .03);--glass-white-2: rgba(255, 255, 255, .05);--glass-white-3: rgba(255, 255, 255, .08);--glass-white-4: rgba(255, 255, 255, .1);--glass-white-5: rgba(255, 255, 255, .15);--border-light-1: rgba(255, 255, 255, .1);--border-light-2: rgba(255, 255, 255, .2);--section-padding: 120px;--section-padding-mobile: 60px;--container-max: 1280px}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--midnight-blue);color:var(--white);overflow-x:hidden;line-height:1.6}.app-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:var(--midnight-blue);overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s infinite ease-in-out}.orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--lavender) 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--medium-blue) 0%,transparent 70%);bottom:-100px;right:-100px;animation-delay:5s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,#4a4aff 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(100px,-100px) scale(1.1)}66%{transform:translate(-100px,100px) scale(.9)}}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding) 0;position:relative}@media (max-width: 768px){.section{padding:var(--section-padding-mobile) 0}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:24px}h1{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2.5rem)}h4{font-size:clamp(1.25rem,2.5vw,1.75rem)}p{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.8;color:#ffffffe6;margin-bottom:16px}.glass-card{background:var(--glass-white-2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light-1);border-radius:24px;padding:48px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.glass-card:hover{background:var(--glass-white-3);border-color:var(--border-light-2);transform:translateY(-8px);box-shadow:0 20px 60px #0006}@media (max-width: 768px){.glass-card{padding:32px 24px}}.glass-card-strong{background:var(--glass-white-4);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--border-light-2)}.glass-card-light{background:var(--glass-white-1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.btn{display:inline-block;padding:18px 48px;font-size:1.125rem;font-weight:600;text-decoration:none;border-radius:12px;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--lavender) 0%,#7373ff 100%);color:var(--white);box-shadow:0 10px 30px #9393ff4d}.btn-primary: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}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #9393ff80}.btn-primary:hover:before{left:100%}.btn-glass{background:var(--glass-white-3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--white);border:1px solid var(--border-light-2)}.btn-glass:hover{background:var(--glass-white-4);border-color:var(--lavender)}@media (max-width: 640px){.btn{padding:16px 32px;font-size:1rem;width:100%;text-align:center}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:20px}}.text-center{text-align:center}.text-left{text-align:left}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mb-48{margin-bottom:48px}.mb-64{margin-bottom:64px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-48{margin-top:48px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:1000px 100%;animation:shimmer 3s infinite}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:hover:after{width:300px;height:300px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pulse{animation:pulse 2s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slideInLeft .8s ease-out forwards}.slide-in-right{animation:slideInRight .8s ease-out forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .6s ease-out forwards}.gradient-text{background:linear-gradient(135deg,var(--white) 0%,var(--lavender) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight{color:var(--lavender);font-weight:700}.check-list{list-style:none;padding:0}.check-list li{padding:12px 0 12px 36px;position:relative;font-size:1.125rem;line-height:1.6}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--lavender);font-weight:700;font-size:1.25rem}.x-list{list-style:none;padding:0}.x-list li{padding:12px 0 12px 36px;position:relative;font-size:1.125rem;line-height:1.6;color:#ffffffd9}.x-list li:before{content:"✗";position:absolute;left:0;color:#ff6b6b;font-weight:700;font-size:1.25rem}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float{animation:float-slow 6s ease-in-out infinite}.glow{box-shadow:0 0 20px #9393ff66,0 0 40px #9393ff33}.stat-number{font-size:clamp(3rem,6vw,5rem);font-weight:800;background:linear-gradient(135deg,var(--lavender) 0%,var(--white) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.stat-label{font-size:1rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-light-1),transparent);margin:64px 0}.badge{display:inline-block;padding:8px 20px;background:var(--glass-white-3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--border-light-1);border-radius:24px;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:24px}.callout{background:var(--glass-white-2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:4px solid var(--lavender);padding:24px 32px;border-radius:8px;margin:32px 0;font-size:1.25rem;font-weight:500;font-style:italic}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width: 768px){.hide-mobile{display:none}.show-mobile{display:block}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:30px;height:50px;border:2px solid var(--border-light-2);border-radius:20px;display:flex;justify-content:center;padding-top:8px}.scroll-indicator:before{content:"";width:6px;height:10px;background:var(--lavender);border-radius:3px;animation:scroll-down 2s infinite}@keyframes scroll-down{0%{transform:translateY(0);opacity:0}40%{opacity:1}80%{transform:translateY(20px);opacity:0}to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border:4px solid var(--glass-white-3);border-top-color:var(--lavender);border-radius:50%;animation:spin 1s linear infinite}.cta-section{position:relative;overflow:hidden}.circle-small{animation:circle-scale 3s ease-in-out infinite alternate;animation-timing-function:cubic-bezier(.6,0,.4,1);animation-delay:0s;position:absolute;top:200px;left:-150px;background:#fff6;width:300px;height:300px;border-radius:50%;pointer-events:none}.circle-medium{animation:circle-scale 3s ease-in-out infinite alternate;animation-timing-function:cubic-bezier(.6,0,.4,1);animation-delay:.3s;position:absolute;top:50px;left:-300px;background:#9393ff4d;width:600px;height:600px;border-radius:50%;pointer-events:none}.circle-large{animation:circle-scale 3s ease-in-out infinite alternate;animation-timing-function:cubic-bezier(.6,0,.4,1);animation-delay:.6s;position:absolute;top:-100px;left:-450px;background:#fff3;width:900px;height:900px;border-radius:50%;pointer-events:none}.circle-xlarge{animation:circle-scale 3s ease-in-out infinite alternate;animation-timing-function:cubic-bezier(.6,0,.4,1);animation-delay:.9s;position:absolute;top:-250px;left:-600px;background:#9393ff26;width:1200px;height:1200px;border-radius:50%;pointer-events:none}.circle-xxlarge{animation:circle-scale 3s ease-in-out infinite alternate;animation-timing-function:cubic-bezier(.6,0,.4,1);animation-delay:1.2s;position:absolute;top:-400px;left:-750px;background:#ffffff14;width:1500px;height:1500px;border-radius:50%;pointer-events:none}@keyframes circle-scale{0%{transform:scale(1)}to{transform:scale(1.1)}}@media (max-width: 1024px){.circle-small{top:300px;left:-100px;width:200px;height:200px}.circle-medium{top:200px;left:-200px;width:400px;height:400px}.circle-large{top:100px;left:-300px;width:600px;height:600px}.circle-xlarge{top:0;left:-400px;width:800px;height:800px}.circle-xxlarge{top:-100px;left:-500px;width:1000px;height:1000px}}@media (max-width: 768px){.circle-small{top:400px;left:-50px;width:150px;height:150px}.circle-medium{top:300px;left:-150px;width:300px;height:300px}.circle-large{top:200px;left:-250px;width:500px;height:500px}.circle-xlarge,.circle-xxlarge{display:none}}.scroll-effect-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:#0d0d39d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);z-index:98;pointer-events:none;transition:opacity .4s ease-out}.feature-box{transform-origin:center center;box-sizing:border-box}@media (min-width: 768px){.feature-box{will-change:transform}.scroll-effect-overlay{will-change:opacity}}@font-face{font-family:Geist;src:url(https://assets.codepen.io/605876/GeistVF.ttf) format("truetype")}:root{--grain-size: 20px}.hero-grain-effect{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:1;transition:opacity .3s ease-out}.hero-grain-effect .grain-layer{background:conic-gradient(from 180deg at 50% 70%,#fafafa,#9393ff,#0d0d39,#6b6bff,#9393ff,#fafafa 1turn);width:100%;height:100%;mask:radial-gradient(circle at 50% 50%,white 2px,transparent 2.5px) 50% 50% / var(--grain-size) var(--grain-size),url(https://assets.codepen.io/605876/noise-mask.png) 256px 50% / 256px 256px;mask-composite:intersect;-webkit-mask:radial-gradient(circle at 50% 50%,white 2px,transparent 2.5px) 50% 50% / var(--grain-size) var(--grain-size),url(https://assets.codepen.io/605876/noise-mask.png) 256px 50% / 256px 256px;-webkit-mask-composite:source-in;animation:flicker 20s infinite linear}@keyframes flicker{to{mask-position:50% 50%,0 50%;-webkit-mask-position:50% 50%,0 50%}}@media (max-width: 768px){.hero-grain-effect{display:none}}