*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#8b5cf6;--accent:#ec4899;--text:#e2e8f0;--text-light:#94a3b8;--dark-bg:#0f172a;--dark-card:#1e293b;--dark-header:#1e293b;--success:#10b981;--warning:#f59e0b;--info:#06b6d4}html{background:var(--dark-header)}body{color:var(--text);background:linear-gradient(177.9deg,#111827 0%,#360f67 50% 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6;overflow-x:hidden}.navbar{background:linear-gradient(135deg, var(--dark-bg) 0%, #1e293b 50%, #334155 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid #111827;padding:15px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.logo{color:var(--text);align-items:center;font-size:1.5rem;font-weight:700;line-height:normal;text-decoration:none;display:flex}.logo>img{height:1.5rem;margin:auto 0}.nav-menu{gap:30px;list-style:none;display:flex}.nav-menu a{color:var(--text-light);font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-menu a:hover{color:var(--text)}.nav-menu a:after{content:"";background:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-menu a:hover:after{width:100%}.hero{padding:150px 0 100px;position:relative;overflow:hidden}.hero-container{text-align:center;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.hero-badge{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border:none;border-radius:25px;margin-bottom:30px;padding:8px 20px;font-size:.9rem;font-weight:600;display:inline-block}.hero-title{color:var(--text);margin-bottom:20px;font-weight:800;line-height:1.2}.hero-title>span:first-child{font-size:4rem}.hero-title>span:last-child{font-size:3.5rem}.hero-subtitle{color:var(--text-light);max-width:700px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.4rem}.hero-cta{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:60px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:30px;align-items:center;gap:8px;padding:15px 35px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 6px 20px #6366f14d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #6366f166}.btn-secondary{color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff1a;border-radius:30px;align-items:center;gap:8px;padding:15px 35px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#fff3;border-color:#fff3;transform:translateY(-3px)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:100px 0}.section-header{text-align:center;margin-bottom:80px}.section-badge{color:#fff;background:linear-gradient(135deg,#cf24be,#7a3ff7);border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:.9rem;font-weight:600;display:inline-block}.section-badge>a{color:#fff;text-decoration:none}.section-title{color:var(--text);margin-bottom:20px;font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--text-light);max-width:700px;margin:0 auto;font-size:1.2rem}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.key-challenge .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background-color:#111827;border:1px solid #ffffff0d;border-radius:20px;padding:30px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.card h3{color:var(--text);margin-bottom:15px;font-size:1.4rem;font-weight:600}.card p{color:var(--text-light);margin-bottom:20px;line-height:1.6}.card ul{padding:0;list-style:none}.card ul li{color:var(--text-light);align-items:center;margin-bottom:8px;font-size:.9rem;display:flex}.card ul li:before{content:"✓";color:var(--primary);margin-right:10px;font-weight:700}.pricing-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:28px;display:grid}.pricing-card{background:var(--dark-bg);border:1px solid #ffffff0a;border-radius:20px;padding:26px 26px 32px;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000073}.pricing-card__header h3{color:#fff;margin-bottom:6px;font-size:1.4rem}.pricing-card__subtitle{color:var(--text-light);font-size:.95rem}.pricing-card__price{color:#f8fafc;align-items:baseline;gap:6px;margin:20px 0;display:flex}.pricing-card__billing{color:var(--text-light);background:#0f172a99;border:1px solid #94a3b833;border-radius:999px;align-items:center;gap:10px;margin-bottom:18px;padding:6px 10px;font-size:.85rem;display:inline-flex}.pricing-card__billing .billing-label{transition:color .2s}.pricing-card--yearly .billing-label[data-billing-label=year]{color:#fff}.pricing-card--yearly .billing-label[data-billing-label=month]{color:var(--text-light)}.pricing-card:not(.pricing-card--yearly) .billing-label[data-billing-label=month]{color:#fff}.pricing-toggle{cursor:pointer;background:#94a3b826;border:1px solid #94a3b866;border-radius:999px;width:46px;height:24px;transition:border-color .2s,background .2s;position:relative}.pricing-toggle__thumb{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:999px;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 6px 12px #6366f159}.pricing-toggle[aria-pressed=true]{background:#6366f140;border-color:#6366f1b3}.pricing-toggle[aria-pressed=true] .pricing-toggle__thumb{transform:translate(22px)}.pricing-card__currency{font-size:1.2rem;font-weight:600}.pricing-card__amount{letter-spacing:-.02em;font-size:2.6rem;font-weight:800}.pricing-card__cycle{color:#cbd5e1;font-weight:600}.pricing-card__cta{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:18px;justify-content:center;align-items:center;width:100%;padding:12px 16px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 24px #6366f159}.pricing-card__cta:hover{transform:translateY(-2px);box-shadow:0 16px 28px #6366f161}.pricing-card__features{color:var(--text);gap:10px;margin:0;padding:16px 0 0;list-style:none;display:grid}.pricing-card__features li{align-items:flex-start;gap:10px;line-height:1.5;display:flex}.pricing-card__features li:before{content:"✓";color:var(--success);font-weight:800;line-height:1.2}.pricing-card__features .feature-muted{color:var(--text-light)}.pricing-card__features .feature-muted:before{content:"✕";color:#fb7185}.pricing-card--pro{background-image:linear-gradient(#0f172a,#0f172a),linear-gradient(135deg,#f472b6,#8b5cf6);background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;box-shadow:0 22px 55px #8b5cf64d}.pricing-card__badge{color:#fff;background:linear-gradient(135deg,#f472b6,#8b5cf6);border-radius:18px;padding:6px 12px;font-size:.85rem;font-weight:700;position:absolute;top:16px;right:20px}.pricing-card--pro .pricing-card__cta{background:linear-gradient(135deg,#f472b6,#8b5cf6);box-shadow:0 12px 26px #8b5cf659}.pricing-card--pro .pricing-card__cta:hover{box-shadow:0 16px 30px #8b5cf666}.pricing-custom-banner{background:#0b1020;border:1px solid #6366f159;border-radius:16px;max-width:860px;margin:80px auto 0;position:relative;overflow:hidden;box-shadow:0 16px 40px #0f172a99}.pricing-custom-banner__glow{opacity:.7;pointer-events:none;background:radial-gradient(circle,#8b5cf659,#0000 60%);position:absolute;inset:-40px}.pricing-custom-banner__content{z-index:1;color:var(--text);justify-content:center;align-items:center;gap:12px;padding:18px 24px;font-weight:600;display:flex;position:relative}.pricing-custom-banner__link{color:#fff;background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:999px;padding:6px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 18px #6366f159}.pricing-custom-banner__link:hover{transform:translateY(-1px);box-shadow:0 12px 22px #6366f166}@media (width<=768px){.pricing-section{padding:60px 0}.pricing-card{padding:22px 20px 26px}.pricing-custom-banner__content{text-align:center;flex-direction:column}}.stats{text-align:center;background:radial-gradient(circle,#6366f11a,#0000 400px);padding:100px 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:30px;max-width:1000px;margin:0 auto;display:grid}.stat-item{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #ffffff0d;border-radius:16px;padding:20px}.stat{color:var(--primary);justify-content:center;font-size:2.5rem;font-weight:800;display:flex}.stat-number{margin-bottom:5px;font-size:2.5rem}.stat-label{color:var(--text-light);font-weight:500}.case-study-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.case-study{background:var(--dark-card);border-left:4px solid var(--primary);border-radius:8px;flex:1;margin:30px;padding:30px}.case-study h3{color:var(--text);margin-bottom:15px}.case-study p,.case-study ul{color:var(--text-light);margin-bottom:10px}.case-study ul{margin-left:16px}.showcase-section{width:100%;min-height:100vh;position:relative;overflow:hidden}.showcase-container{max-width:1200px;margin:0 auto;padding:0 20px}.media-display{justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.media-display video{cursor:auto;object-fit:contain;border-radius:16px;width:100%;max-height:80vh;display:block}.media-display>video:focus{outline:none}.highlight{color:var(--primary);font-weight:700}.nav-actions{align-items:center;gap:15px;display:flex}.btn-trial{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:25px;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #6366f14d}.btn-trial:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.cta-section{text-align:center;border-radius:22px;height:100%;margin:100px 0;padding:80px 20px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.cta-section h2{color:#fff;margin-bottom:20px}.cta-section p{color:#ffffffe6;margin-bottom:30px;font-size:1.1rem}.btn-cta{color:var(--primary);background:#fff;border-radius:30px;padding:15px 35px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.contact-section{color:#fff;background:linear-gradient(#0b1220,#0f172a);padding:80px 0}.contact-section .container{max-width:36rem}.form-group{flex-direction:column;margin-bottom:24px;display:flex}.form-group label{color:#cbd5f5;margin-bottom:8px;font-size:14px}.form-group input,.form-group textarea{background-color:var(--dark-card);color:#fff;border:1px solid #334155;border-radius:8px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)}.form-actions{justify-content:flex-end;display:flex}.btn-submit{color:var(--primary);border:1px solid var(--primary);cursor:pointer;background-color:#0000;border-radius:8px;padding:10px 24px;font-size:14px;transition:all .2s}.btn-submit:hover{background-color:var(--primary);color:#fff}.footer{background:var(--dark-header);color:var(--text-light);border-top:1px solid #ffffff0d;padding:80px 0 40px}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-brand{color:var(--text)}.footer-links h4{color:var(--text);margin-bottom:15px;font-weight:600}.footer-brand p{margin-top:15px}.footer-links ul{list-style:none}.footer-links ul li{margin-bottom:8px}.footer-links ul li a{color:var(--text-light);text-decoration:none;transition:color .3s}.footer-links ul li a:hover{color:var(--primary)}.footer-bottom{text-align:center;color:var(--text-light);border-top:1px solid #ffffff1a;padding-top:30px}.floating-elements{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floating-element{opacity:.2;font-size:2rem;animation:6s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(10deg)}}.element-1{animation-delay:0s;top:10%;left:10%}.element-2{animation-delay:2s;top:20%;right:15%}.element-3{animation-delay:4s;bottom:30%;left:20%}.element-4{animation-delay:1s;bottom:20%;right:10%}@media (width<=768px){.navbar{padding:10px 0}.nav-container{padding:0 12px}.logo{font-size:1.1rem}.logo>img{height:1.2rem}.logo>span{white-space:nowrap}.btn-trial{padding:8px 14px;font-size:.9rem}.nav-menu{display:none}.hero-title{font-size:2.5rem}.hero-cta{flex-direction:column;align-items:center}.grid{grid-template-columns:1fr}.footer-content{text-align:center;grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{animation:.6s ease-out fadeInUp}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}