*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0f1115;color:#e8eaf0;line-height:1.6;overflow-x:hidden;min-height:100vh}.bg-orb{position:fixed;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none;z-index:0;animation:orbFloat 20s ease-in-out infinite alternate}.bg-orb--1{width:600px;height:600px;background:radial-gradient(circle,#00f0ff,transparent);top:-200px;left:-150px}.bg-orb--2{width:500px;height:500px;background:radial-gradient(circle,#8a2be2,transparent);bottom:-150px;right:-100px;animation-delay:-7s}.bg-orb--3{width:400px;height:400px;background:radial-gradient(circle,#00f0ff,transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s;opacity:.08}@keyframes orbFloat{0%{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-20px,40px) scale(.95)}to{transform:translate(30px,-20px) scale(1.02)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f1115}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00f0ff,#8a2be2);border-radius:4px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 40px;display:flex;align-items:center;justify-content:space-between;background:rgba(15,17,21,.55);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,240,255,.08);box-shadow:0 4px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(0,240,255,.05);transition:box-shadow .3s ease}.navbar:hover{box-shadow:0 4px 50px rgba(0,240,255,.06),inset 0 1px 0 rgba(0,240,255,.08)}.nav-logo{gap:12px;text-decoration:none}.nav-logo,.nav-logo-icon{display:flex;align-items:center}.nav-logo-icon{width:36px;height:36px;border-radius:10px;justify-content:center;font-weight:900;color:#0f1115;box-shadow:0 0 20px rgba(0,240,255,.3)}.nav-logo-icon,.nav-logo-text{background:linear-gradient(135deg,#00f0ff,#8a2be2);font-size:18px}.nav-logo-text{font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-logo-text span{font-weight:400;-webkit-text-fill-color:#6b7280;background:none}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{text-decoration:none;color:#9ca3af;font-size:14px;font-weight:500;letter-spacing:.3px;transition:color .3s ease,text-shadow .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#00f0ff,#8a2be2);border-radius:2px;transition:width .3s ease}.nav-links a:hover{color:#00f0ff;text-shadow:0 0 12px rgba(0,240,255,.3)}.nav-links a:hover:after{width:100%}.nav-cta{padding:8px 20px;border-radius:8px;background:linear-gradient(135deg,#00f0ff,#8a2be2);color:#0f1115!important;font-weight:700!important;font-size:13px!important;border:none;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease!important;box-shadow:0 0 20px rgba(0,240,255,.15);text-decoration:none}.nav-cta:after{display:none!important}.nav-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 35px rgba(0,240,255,.35)!important;color:#0f1115!important}.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:120px 24px 80px}.hero,.hero-badge{align-items:center}.hero-badge{display:inline-flex;gap:8px;padding:6px 16px;border-radius:100px;background:rgba(0,240,255,.06);border:1px solid rgba(0,240,255,.12);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#00f0ff;margin-bottom:28px;backdrop-filter:blur(4px)}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#00f0ff;box-shadow:0 0 10px #00f0ff;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero h1{font-size:clamp(48px,10vw,88px);font-weight:900;line-height:1.05;letter-spacing:-2px;margin-bottom:16px}.hero h1 .gradient-text{background:linear-gradient(135deg,#00f0ff,#8a2be2 60%,#00f0ff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0}50%{background-position:100%}}.hero-sub{font-size:clamp(16px,2vw,20px);color:#6b7280;max-width:600px;margin:0 auto 40px;font-weight:400;line-height:1.7}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:12px;background:linear-gradient(135deg,#00f0ff,#8a2be2);color:#0f1115;font-weight:700;font-size:16px;border:none;cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 30px rgba(0,240,255,.15),0 8px 32px rgba(0,0,0,.3);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8a2be2,#00f0ff);opacity:0;transition:opacity .4s ease;border-radius:12px}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 50px rgba(0,240,255,.35),0 12px 40px rgba(0,0,0,.4)}.btn-primary:hover:before{opacity:1}.btn-primary span,.btn-primary svg{position:relative;z-index:1}.btn-primary svg{width:20px;height:20px}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:16px 36px;border-radius:12px;background:rgba(255,255,255,.03);color:#e8eaf0;font-weight:600;font-size:16px;border:1px solid rgba(255,255,255,.06);cursor:pointer;text-decoration:none;transition:all .3s ease;backdrop-filter:blur(4px)}.btn-secondary:hover{background:rgba(255,255,255,.06);border-color:rgba(0,240,255,.2);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.3)}.hero-stats{display:flex;gap:48px;margin-top:64px;padding:24px 48px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);backdrop-filter:blur(8px)}.hero-stat{text-align:center}.hero-stat-value{font-size:28px;font-weight:800;background:linear-gradient(135deg,#00f0ff,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.section{position:relative;z-index:1;padding:100px 24px;max-width:1200px;margin:0 auto}.section-label{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#00f0ff;margin-bottom:12px}.section-title{font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-1px;margin-bottom:16px}.section-desc{color:#6b7280;font-size:18px;max-width:600px;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:48px}.feature-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:20px;padding:40px 32px;backdrop-filter:blur(8px);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00f0ff,#8a2be2,transparent);opacity:0;transition:opacity .4s ease}.feature-card:hover{transform:translateY(-8px);border-color:rgba(0,240,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 40px rgba(0,240,255,.04);background:rgba(255,255,255,.04)}.feature-card:hover:before{opacity:1}.feature-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,rgba(0,240,255,.1),rgba(138,43,226,.1));display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;border:1px solid rgba(0,240,255,.06);transition:all .4s ease}.feature-card:hover .feature-icon{background:linear-gradient(135deg,rgba(0,240,255,.18),rgba(138,43,226,.18));border-color:rgba(0,240,255,.15);box-shadow:0 0 30px rgba(0,240,255,.06)}.feature-card h3{font-size:20px;font-weight:700;margin-bottom:10px;letter-spacing:-.3px}.feature-card p{color:#6b7280;font-size:15px;line-height:1.7}.feature-tag{display:inline-block;margin-top:16px;padding:4px 12px;border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:rgba(0,240,255,.06);color:#00f0ff;border:1px solid rgba(0,240,255,.08)}.faq-list{margin-top:48px;max-width:800px;margin-left:auto;margin-right:auto}.faq-item{border-bottom:1px solid rgba(255,255,255,.04);transition:border-color .3s ease}.faq-item.active{border-bottom-color:rgba(0,240,255,.12)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 0;background:none;border:none;color:#e8eaf0;font-size:17px;font-weight:600;cursor:pointer;text-align:left;font-family:Inter,sans-serif;transition:color .3s ease;gap:16px}.faq-item.active .faq-question,.faq-question:hover{color:#00f0ff}.faq-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.4,0,.2,1);color:#6b7280}.faq-item.active .faq-icon{transform:rotate(45deg);color:#00f0ff}.faq-answer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding .3s ease;padding:0}.faq-item.active .faq-answer{max-height:300px;padding:0 0 24px}.faq-answer p{color:#6b7280;font-size:15px;line-height:1.8}.footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.04);padding:48px 24px;text-align:center}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-logo{font-weight:700;font-size:16px;background:linear-gradient(135deg,#00f0ff,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer a{color:#00f0ff;text-decoration:none;font-weight:500;transition:text-shadow .3s ease}.footer a:hover{text-shadow:0 0 20px rgba(0,240,255,.4)}.footer p{color:#6b7280;font-size:14px}.footer-divider{width:40px;height:2px;background:linear-gradient(90deg,#00f0ff,#8a2be2);border-radius:2px;margin:8px 0}@media (max-width:768px){.navbar{padding:14px 20px}.nav-links{gap:20px}.nav-links a{font-size:13px}.hero-stats{flex-direction:column;gap:24px;padding:20px 24px}.features-grid{grid-template-columns:1fr}.section{padding:60px 20px}.hero{padding:100px 20px 60px}}@media (max-width:480px){.nav-links a:not(.nav-cta){display:none}.hero-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;justify-content:center}}