*{margin:0;padding:0;box-sizing:border-box}:root{--base-font-size:16px;--bg-black:#08080e;--bg-dark:#0f0f18;--text-primary:#e8f4ff;--text-secondary:#94b8d9;--purple:#9333ea;--blue:#3b82f6;--cyan:#00d9ff;--pink:#ec4899;--gradient-main:linear-gradient(135deg,#9333ea 0%,#3b82f6 50%,#00d9ff 100%);--gradient-alt:linear-gradient(135deg,#ec4899 0%,#9333ea 100%);--glass:rgba(147,51,234,0.05);--glass-border:rgba(147,51,234,0.15)}@media(max-width:768px){:root{--base-font-size:14px}}body{font-family:'Inter',-apple-system,sans-serif;background:var(--bg-black);color:var(--text-primary);line-height:1.6;overflow-x:hidden}#hybrid-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0.25}.gradient-orbs{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(120px);animation:dramatic-pulse 10s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(147,51,234,0.25),transparent);top:-250px;left:-150px;animation-delay:0s}.orb-2{width:700px;height:700px;background:radial-gradient(circle,rgba(59,130,246,0.2),transparent);top:40%;right:-250px;animation-delay:3s}.orb-3{width:550px;height:550px;background:radial-gradient(circle,rgba(0,217,255,0.18),transparent);bottom:-200px;left:25%;animation-delay:6s}@keyframes dramatic-pulse{0%,100%{transform:translate(0,0) scale(1);opacity:1}50%{transform:translate(60px,-60px) scale(1.15);opacity:0.8}}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(147,51,234,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(147,51,234,0.03) 1px,transparent 1px);background-size:3.75rem 3.75rem;z-index:0;pointer-events:none}nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(8,8,14,0.85);backdrop-filter:blur(30px);border-bottom:1px solid rgba(147,51,234,0.25);box-shadow:0 4px 30px rgba(147,51,234,0.15)}.nav-container{max-width:1500px;margin:0 auto;padding:1.125rem 2.34375rem;display:flex;justify-content:space-between;align-items:center}.logo{height:2.53125rem;width:auto;filter:drop-shadow(0 0 35px rgba(147,51,234,0.8));transition:all 0.3s ease}.logo:hover{filter:drop-shadow(0 0 45px rgba(0,217,255,1));transform:scale(1.05)}.nav-links{display:flex;align-items:center;gap:2.625rem;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:1.03125rem;transition:all 0.3s ease;position:relative;letter-spacing:-0.01em;padding:0.28125rem 0.5625rem}.nav-links a::before{content:'';position:absolute;left:50%;bottom:-0.234375rem;width:0;height:0.140625rem;background:var(--gradient-main);transform:translateX(-50%);transition:width 0.3s ease;border-radius:2px;box-shadow:0 0 15px rgba(147,51,234,0.6)}.nav-links a:hover{color:var(--text-primary);text-shadow:0 0 20px rgba(147,51,234,0.8)}.nav-links a:hover::before{width:100%}.user-icon{width:2.53125rem;height:2.53125rem;border-radius:50%;background:var(--glass);border:2px solid var(--glass-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.4s ease;position:relative;overflow:hidden}.user-icon::before{content:'';position:absolute;inset:-100%;background:conic-gradient(from 0deg,transparent,var(--purple) 90deg,var(--blue) 180deg,var(--cyan) 270deg,transparent);animation:icon-spin 6s linear infinite;opacity:0;transition:opacity 0.4s ease}@keyframes icon-spin{to{transform:rotate(360deg)}}.user-icon:hover::before{opacity:1}.user-icon:hover{transform:scale(1.15);border-color:var(--cyan);box-shadow:0 0 35px rgba(0,217,255,0.7)}.user-icon svg{width:1.3125rem;height:1.3125rem;fill:var(--text-primary);position:relative;z-index:1}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:6.5625rem 2.34375rem 3.75rem}.hero-grid{max-width:1500px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:3.75rem;align-items:center;position:relative;z-index:10}.hero-content{max-width:650px}.hero-badge{display:inline-flex;align-items:center;gap:0.5625rem;padding:0.5625rem 1.3125rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:50px;font-size:0.65625rem;font-weight:900;color:var(--cyan);margin-bottom:1.3125rem;text-transform:uppercase;letter-spacing:0.12em;box-shadow:0 0 30px rgba(0,217,255,0.3);animation:badge-glow 3s ease-in-out infinite}@keyframes badge-glow{0%,100%{box-shadow:0 0 30px rgba(0,217,255,0.3)}50%{box-shadow:0 0 50px rgba(147,51,234,0.5)}}.pulse-dot{width:0.46875rem;height:0.46875rem;background:var(--cyan);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite;box-shadow:0 0 15px var(--cyan)}@keyframes pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:0.6}}.hero-title{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:3.375rem;font-weight:800;line-height:1.02;margin-bottom:1.125rem;background:linear-gradient(135deg,#e8f4ff 0%,#9333ea 40%,#00d9ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.02em;animation:title-glow 4s ease-in-out infinite}.hero-subhead{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:2.8125rem;font-weight:800;line-height:1.25;margin-bottom:1.125rem;background:linear-gradient(135deg,#e8f4ff 0%,#9333ea 40%,#00d9ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.02em;animation:title-glow 4s ease-in-out infinite}@keyframes title-glow{0%,100%{filter:drop-shadow(0 0 25px rgba(147,51,234,0.5))}50%{filter:drop-shadow(0 0 45px rgba(0,217,255,0.7))}}.hero-subtitle{font-size:1.03125rem;color:var(--text-secondary);margin-bottom:1.6875rem;line-height:1.7;font-weight:500}.hero-subtitle strong{color:var(--text-primary);font-weight:800;background:var(--gradient-alt);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-group{display:flex;gap:0.75rem;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;gap:0.5625rem;padding:1.03125rem 2.25rem;background:var(--gradient-main);color:#fff;text-decoration:none;border-radius:0.65625rem;font-weight:600;font-size:0.84375rem;transition:all 0.4s ease;box-shadow:0 20px 60px rgba(147,51,234,0.5);border:none;cursor:pointer;position:relative;overflow:hidden}.cta-button::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#00d9ff 0%,#9333ea 100%);opacity:0;transition:opacity 0.4s ease}.cta-button:hover{transform:translateY(-0.1875rem);box-shadow:0 30px 80px rgba(0,217,255,0.7)}.cta-button:hover::before{opacity:1}.cta-button span{position:relative;z-index:1}.cta-secondary{display:inline-flex;align-items:center;gap:0.5625rem;padding:1.03125rem 2.25rem;background:transparent;color:var(--text-primary);text-decoration:none;border-radius:0.65625rem;font-weight:900;font-size:0.84375rem;border:2px solid var(--glass-border);transition:all 0.4s ease}.cta-secondary:hover{border-color:var(--purple);background:rgba(147,51,234,0.15);box-shadow:0 10px 40px rgba(147,51,234,0.4)}.hero-mockup{position:relative}.mockup-wrapper{position:relative;animation:dramatic-float 12s ease-in-out infinite}@keyframes dramatic-float{0%,100%{transform:translateY(15px) rotate(0deg)}50%{transform:translateY(55px) rotate(2deg)}}.mockup-wrapper::before,.mockup-wrapper::after{content:'';position:absolute;border-radius:1.40625rem;filter:blur(60px);animation:rotate-glow 16s linear infinite}.mockup-wrapper::before{inset:-2.8125rem;background:conic-gradient(from 0deg,transparent 0deg,var(--purple) 90deg,var(--blue) 180deg,var(--cyan) 270deg,transparent 360deg);opacity:0.4}.mockup-wrapper::after{inset:-1.875rem;background:conic-gradient(from 180deg,transparent 0deg,var(--pink) 90deg,var(--purple) 180deg,var(--blue) 270deg,transparent 360deg);opacity:0.3;animation-delay:-5s}@keyframes rotate-glow{to{transform:rotate(360deg)}}.mockup-img{width:100%;max-width:37.5rem;height:auto;filter:drop-shadow(0 50px 100px rgba(147,51,234,0.6));border-radius:0.9375rem;position:relative;z-index:1}.stats-section{position:relative;z-index:10;padding:2.8125rem 2.34375rem 3.75rem;max-width:1500px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.3125rem,1fr));gap:1.5rem}.stat-card{text-align:center;padding:2.0625rem 1.6875rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:1.125rem;transition:all 0.4s ease;position:relative;overflow:hidden;animation:fade-in-up 0.8s ease-out;animation-fill-mode:both}.stat-card:nth-child(1){animation-delay:0.1s}.stat-card:nth-child(2){animation-delay:0.2s}.stat-card:nth-child(3){animation-delay:0.3s}.stat-card:nth-child(4){animation-delay:0.4s}@keyframes fade-in-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-main);opacity:0;transition:opacity 0.4s ease}.stat-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--purple);box-shadow:0 30px 60px rgba(147,51,234,0.4);background:rgba(147,51,234,0.08)}.stat-card:hover::before{opacity:1}.stat-number{font-size:2.8125rem;font-weight:900;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.5625rem;filter:drop-shadow(0 0 15px rgba(147,51,234,0.4))}.stat-label{font-size:0.75rem;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:0.1em}.section{position:relative;z-index:10;padding:3.75rem 2.34375rem;max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:3.28125rem;animation:fade-in 1s ease-out}@keyframes fade-in{from{opacity:0}to{opacity:1}}.section-title{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:2.4375rem;font-weight:800;margin-bottom:0.84375rem;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.02em;filter:drop-shadow(0 0 20px rgba(147,51,234,0.28))}.section-subtitle{font-size:0.984375rem;color:var(--text-secondary);max-width:650px;margin:0 auto;font-weight:500}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem}.feature-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:1.125rem;padding:2.0625rem;transition:all 0.4s ease;position:relative;overflow:hidden;animation:slide-in 0.8s ease-out;animation-fill-mode:both}.feature-card:nth-child(1){animation-delay:0.1s}.feature-card:nth-child(2){animation-delay:0.2s}.feature-card:nth-child(3){animation-delay:0.3s}.feature-card:nth-child(4){animation-delay:0.4s}.feature-card:nth-child(5){animation-delay:0.5s}.feature-card:nth-child(6){animation-delay:0.6s}@keyframes slide-in{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.feature-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(147,51,234,0.2) 0%,transparent 70%);opacity:0;transition:opacity 0.4s ease,transform 0.6s ease}.feature-card:hover::before{opacity:1;transform:scale(1.1)}.feature-card:hover{transform:translateY(-0.46875rem);border-color:var(--purple);box-shadow:0 30px 60px rgba(147,51,234,0.4)}.feature-icon{font-size:2.4375rem;margin-bottom:1.03125rem;display:block;filter:drop-shadow(0 4px 15px rgba(147,51,234,0.6));animation:icon-bob 3s ease-in-out infinite}@keyframes icon-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-0.46875rem)}}.feature-card:hover .feature-icon{animation:none;transform:scale(1.15) rotate(5deg)}.feature-card h4{font-size:1.078125rem;margin-bottom:0.65625rem;color:var(--text-primary);font-weight:800;letter-spacing:-0.01em}.feature-card p{font-size:0.796875rem;color:var(--text-secondary);line-height:1.7;font-weight:500}.content-block{margin-bottom:3.28125rem;padding:2.25rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:1.125rem;position:relative;overflow:hidden;animation:fade-in-up 0.8s ease-out;animation-fill-mode:both}.content-block::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0.28125rem;background:var(--gradient-main);box-shadow:0 0 25px rgba(147,51,234,0.6);border-radius:1.125rem 0 0 1.125rem}.content-block h3{font-size:1.78125rem;margin-bottom:0.84375rem;color:var(--text-primary);font-weight:900;letter-spacing:-0.02em}.content-block p{font-size:0.84375rem;color:var(--text-secondary);line-height:1.8;margin-bottom:0.84375rem;font-weight:500}.content-block ul{list-style:none;padding-left:0;margin:1.03125rem 0}.content-block li{font-size:0.84375rem;color:var(--text-secondary);margin-bottom:0.65625rem;padding-left:1.6875rem;position:relative;font-weight:500;transition:all 0.3s ease}.content-block li:hover{color:var(--text-primary);transform:translateX(0.234375rem)}.content-block li::before{content:'▸';position:absolute;left:0;color:var(--cyan);font-size:1.125rem;filter:drop-shadow(0 0 8px var(--cyan));transition:all 0.3s ease}.content-block li:hover::before{transform:translateX(0.234375rem)}.faq-container{max-width:1000px;margin:0 auto}.faq-item{background:var(--glass);border:1px solid var(--glass-border);border-radius:0.9375rem;padding:1.78125rem;margin-bottom:1.125rem;transition:all 0.4s ease;position:relative;animation:fade-in-up 0.6s ease-out;animation-fill-mode:both}.faq-item:nth-child(1){animation-delay:0.1s}.faq-item:nth-child(2){animation-delay:0.2s}.faq-item:nth-child(3){animation-delay:0.3s}.faq-item:nth-child(4){animation-delay:0.4s}.faq-item:nth-child(5){animation-delay:0.5s}.faq-item::before{content:'';position:absolute;inset:0;background:var(--gradient-main);opacity:0;transition:opacity 0.4s ease;border-radius:0.9375rem}.faq-item:hover{border-color:var(--purple);box-shadow:0 15px 40px rgba(147,51,234,0.35);transform:translateX(0.46875rem)}.faq-item:hover::before{opacity:0.05}.faq-question{font-size:1.03125rem;font-weight:900;margin-bottom:0.65625rem;color:var(--text-primary);display:flex;align-items:center;gap:0.75rem;position:relative;z-index:1}.faq-icon{width:1.96875rem;height:1.96875rem;border-radius:50%;background:var(--gradient-main);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:900;flex-shrink:0;box-shadow:0 4px 20px rgba(147,51,234,0.5)}.faq-answer{font-size:0.796875rem;color:var(--text-secondary);line-height:1.8;position:relative;z-index:1;font-weight:500}.cta-section{text-align:center;padding:5.625rem 2.34375rem;background:var(--gradient-main);border-radius:1.5rem;margin:4.6875rem 2.34375rem;max-width:1400px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;animation:fade-in-up 1s ease-out}.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,0.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,0.12) 0%,transparent 50%)}.cta-section h2{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:2.4375rem;font-weight:800;margin-bottom:1.21875rem;color:#fff;letter-spacing:-0.02em;position:relative;z-index:1}.cta-section p{font-size:1.078125rem;margin-bottom:2.25rem;color:rgba(255,255,255,0.95);position:relative;z-index:1;font-weight:600}.cta-section .cta-button{background:#fff;color:var(--purple);position:relative;z-index:1}.cta-section .cta-button::before{background:linear-gradient(135deg,rgba(147,51,234,0.1) 0%,rgba(59,130,246,0.1) 100%)}.cta-section .cta-button:hover{transform:translateY(-0.1875rem) scale(1.05);box-shadow:0 30px 80px rgba(0,0,0,0.4)}footer{position:relative;z-index:10;padding:3.75rem 2.34375rem 1.875rem;text-align:center;border-top:1px solid rgba(147,51,234,0.25)}footer p{color:var(--text-secondary);font-size:0.703125rem;font-weight:500}@media(max-width:1200px){.hero-grid{grid-template-columns:1fr;gap:3.125rem}.hero-mockup{order:-1}.hero-title{font-size:3.75rem}.hero-subhead{font-size:3rem}}@media(max-width:768px){.nav-container{padding:0.84375rem 1.171875rem}.logo{height:2.0625rem}.nav-links{gap:1.3125rem}.nav-links a{font-size:0.75rem;padding:0.234375rem 0.375rem}.hero{padding:5.15625rem 1.171875rem 2.34375rem;min-height:auto}.hero-title{font-size:1.875rem;margin-bottom:0.75rem}.hero-subhead{font-size:1.3125rem;margin-bottom:0.75rem}.hero-subtitle{font-size:0.75rem;margin-bottom:1.125rem}.mockup-img{max-width:26.25rem}.cta-group{flex-direction:column;gap:0.5625rem}.cta-button,.cta-secondary{width:100%;justify-content:center;padding:0.75rem 1.125rem;font-size:0.75rem}.stats-section{padding:1.875rem 1.171875rem 2.34375rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:0.9375rem}.stat-card{padding:1.3125rem 1.125rem;border-radius:0.75rem}.stat-number{font-size:1.875rem;margin-bottom:0.375rem}.stat-label{font-size:0.65625rem}.section{padding:2.8125rem 1.171875rem}.section-title{font-size:1.5rem;margin-bottom:0.75rem}.section-subtitle{font-size:0.75rem}.feature-grid{grid-template-columns:1fr;gap:1.125rem}.feature-card{padding:1.3125rem;border-radius:0.75rem}.feature-icon{font-size:1.875rem;margin-bottom:0.75rem}.feature-card h4{font-size:0.9375rem;margin-bottom:0.375rem}.feature-card p{font-size:0.71875rem}.content-block{padding:1.3125rem;border-radius:0.75rem;margin-bottom:1.875rem}.content-block h3{font-size:1.3125rem;margin-bottom:0.75rem}.content-block p{font-size:0.75rem;margin-bottom:0.75rem}.content-block li{font-size:0.75rem;padding-left:1.3125rem;margin-bottom:0.5625rem}.content-block li::before{font-size:0.9375rem}.faq-container{max-width:100%}.faq-item{padding:1.125rem;border-radius:0.75rem;margin-bottom:0.75rem}.faq-question{font-size:0.84375rem;gap:0.5625rem}.faq-icon{width:1.6875rem;height:1.6875rem;font-size:0.9375rem}.faq-answer{font-size:0.71875rem}.cta-section{padding:2.8125rem 1.171875rem;margin:2.8125rem 1.171875rem;border-radius:0.9375rem}.cta-section h2{font-size:1.3125rem;margin-bottom:0.75rem}.cta-section p{font-size:0.75rem;margin-bottom:1.125rem}footer{padding:2.34375rem 1.171875rem 1.125rem}footer p{font-size:0.65625rem}}@media(max-width:480px){.nav-container{padding:0.65625rem 0.75rem}.logo{height:1.6875rem}.nav-links{gap:0.75rem}.nav-links a{font-size:0.85625rem;padding:0.1875rem 0.28125rem}.user-icon{width:2.0625rem;height:2.0625rem}.user-icon svg{width:1.125rem;height:1.125rem}.hero{padding:3.125rem 0.75rem 1.875rem}.hero-title{font-size:1.1125rem;margin-bottom:0.5625rem;text-shadow:-1px -1px 0 white,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.hero-subhead{font-size:1.975rem;margin-bottom:0.5625rem}.hero-subtitle{font-size:0.873125rem;margin-bottom:0.9375rem}.mockup-img{max-width:19.25rem}.hero-badge{padding:0.175rem 0.9375rem;margin-bottom:0.5375rem;font-size:0.5625rem;display:none}.pulse-dot{width:0.375rem;height:0.375rem}.stats-grid{grid-template-columns:1fr;gap:0.75rem}.stat-card{padding:1.125rem 0.75rem}.stat-number{font-size:1.5rem}.stat-label{font-size:0.609375rem}.section{padding:1.875rem 0.75rem}.section-title{font-size:1.125rem}.section-subtitle{font-size:0.703125rem}.feature-card{padding:0.9375rem}.feature-icon{font-size:1.5rem;margin-bottom:0.5625rem}.feature-card h4{font-size:0.84375rem;margin-bottom:0.28125rem}.feature-card p{font-size:0.65625rem;line-height:1.6}.content-block{padding:0.9375rem;margin-bottom:1.40625rem}.content-block h3{font-size:1.125rem;margin-bottom:0.5625rem}.content-block p{font-size:0.703125rem}.content-block li{font-size:0.703125rem;padding-left:1.125rem}.content-block li::before{font-size:0.75rem}.faq-item{padding:0.9375rem;margin-bottom:0.65625rem}.faq-question{font-size:0.75rem}.faq-icon{width:1.5rem;height:1.5rem;font-size:0.84375rem}.faq-answer{font-size:0.65625rem}.cta-section{padding:1.875rem 0.75rem;margin:1.875rem 0.75rem}.cta-section h2{font-size:1.125rem;margin-bottom:0.5625rem}.cta-section p{font-size:0.703125rem;margin-bottom:0.9375rem}footer{padding:1.875rem 0.75rem 0.75rem}}.scroll-reveal{opacity:0;transform:translateY(40px);transition:all 0.8s ease-out}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}