html{scroll-behavior:smooth}section{scroll-margin-top:140px}:root{--primary:#007bff;--secondary:#20c6ff;--dark-text:#101827;--soft-text:#475569}*{box-sizing:border-box}body{color:var(--dark-text);background:radial-gradient(circle at 15% 70%,#4646463d 0 3%,#0000 12%),radial-gradient(circle at 86% 22%,#50505038 0 4%,#0000 14%),linear-gradient(135deg,#fff 0%,#f5f6f8 45%,#e3e7ec 100%);min-height:100vh;margin:0;font-family:Arial,sans-serif}body:before{content:"";pointer-events:none;-webkit-backdrop-filter:blur(20px);z-index:-1;background:linear-gradient(115deg,#ffffffbf,#ffffff14 35%,#d2d7de59 65%,#ffffff8c);position:fixed;inset:0}.app{min-height:100vh;padding:130px 8% 0}.navbar{z-index:1000;-webkit-backdrop-filter:blur(24px);background:#ffffff6b;border:1px solid #ffffff9e;border-radius:24px;justify-content:space-between;align-items:center;width:84%;max-width:1400px;padding:10px 24px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #505a6e24}.logo{width:auto;height:70px}.nav-links a{color:#334155;margin-left:30px;font-weight:700;text-decoration:none;transition:all .3s;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg,#20c6ff,#007bff);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav-links a:hover{color:#0ea5e9}.nav-links a:hover:after{width:100%}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;min-height:calc(100vh - 130px);padding:38px 0 60px;display:grid}.hero-left{-webkit-backdrop-filter:blur(24px);background:#ffffff61;border:1px solid #ffffff9e;border-radius:30px;padding:38px 42px;box-shadow:0 24px 70px #505a6e29,inset 0 1px #ffffffe6}.hero-badge{color:#475569;background:#ffffff94;border:1px solid #ffffffbf;border-radius:999px;margin-bottom:22px;padding:10px 18px;font-size:15px;font-weight:700;display:inline-block;box-shadow:inset 0 1px #ffffffe6}.hero-badge span{color:#0ea5e9;text-shadow:0 0 14px #0ea5e940}.hero-left h1{color:#1f2937;margin:0 0 22px;font-size:62px;line-height:1.04}.hero-left h1 span{color:#20c6ff}.hero-left p{color:#64748b;max-width:620px;margin:0 0 30px;font-size:20px;line-height:1.55}.hero-buttons{flex-wrap:wrap;gap:18px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border-radius:999px;padding:15px 34px;font-weight:700;transition:all .3s}.primary-btn{color:#fff;background:linear-gradient(90deg,#20c6ff,#007bff);border:none;box-shadow:0 12px 35px #007bff52}.secondary-btn{color:#334155;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff6b;border:1px solid #ffffffb3}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-3px)}.hero-right{-webkit-backdrop-filter:blur(24px);background:#fff6;border:1px solid #ffffff9e;border-radius:30px;justify-content:center;align-items:center;min-height:520px;padding:14px;display:flex;box-shadow:0 24px 70px #505a6e29}.hero-right img{object-fit:cover;object-position:center;border-radius:24px;width:100%;height:100%;min-height:490px;display:block}.preview-section{margin:40px 0 80px}.section-header{text-align:center;max-width:850px;margin:0 auto 40px}.section-header h2{color:#1f2937;margin-bottom:16px;font-size:46px}.section-header p{color:#64748b;font-size:18px;line-height:1.7}.preview-showcase{border-radius:30px;position:relative;overflow:hidden;box-shadow:0 24px 70px #505a6e24}.preview-showcase img{border-radius:30px;width:100%;display:block}.preview-overlay-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#ffffff4d;border:1px solid #ffffff8c;border-radius:24px;width:calc(100% - 60px);max-width:420px;padding:24px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.preview-overlay-card h3{color:#fff;margin:0 0 10px;font-size:24px}.preview-overlay-card p{color:#ffffffe0;margin:0;line-height:1.6}.split-section{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:28px;margin:80px 0;display:grid}.visual-card,.text-card{-webkit-backdrop-filter:blur(24px);background:#ffffff61;border:1px solid #ffffff9e;border-radius:30px;padding:42px;box-shadow:0 24px 70px #505a6e24,inset 0 1px #ffffffe6}.comparison-box{text-align:center;color:#334155;justify-content:center;align-items:center;gap:18px;min-height:260px;font-weight:700;display:flex}.comparison-box div{background:#ffffff73;border-radius:22px;padding:22px}.comparison-box span{color:#0ea5e9;font-size:30px}.text-card h2{color:#1f2937;margin:0 0 18px;font-size:42px}.text-card p{color:#64748b;font-size:18px;line-height:1.7}.problem-section{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:28px;margin:80px 0;display:grid}.problem-left,.problem-visual{-webkit-backdrop-filter:blur(24px);background:#ffffff61;border:1px solid #ffffff9e;border-radius:30px;padding:42px;box-shadow:0 24px 70px #505a6e24,inset 0 1px #ffffffe6}.problem-left h2{color:#1f2937;margin-bottom:28px;font-size:42px}.problem-list{flex-direction:column;gap:16px;display:flex}.problem-item{background:#ffffff6b;border-radius:18px;align-items:center;gap:14px;padding:18px 22px;transition:all .3s;display:flex}.problem-item span{color:#ef4444;font-size:20px;font-weight:700}.problem-item p{color:#475569;margin:0;font-size:17px}.problem-visual{text-align:center;flex-direction:column;justify-content:center;display:flex}.problem-orb{background:radial-gradient(circle at 30% 30%,#fff,#20c6ff 35%,#007bff 70%);border-radius:50%;width:160px;height:160px;margin:0 auto 28px;box-shadow:0 0 40px #20c6ff59}.problem-visual h3{color:#334155;margin:0;font-size:24px}.solution-section{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:28px;margin:80px 0;display:grid}.solution-visual,.solution-text{-webkit-backdrop-filter:blur(24px);background:#ffffff61;border:1px solid #ffffff9e;border-radius:30px;padding:42px;box-shadow:0 24px 70px #505a6e24,inset 0 1px #ffffffe6}.solution-visual{justify-content:center;align-items:center;display:flex}.vr-card{text-align:center}.vr-circle{background:radial-gradient(circle at 30% 30%,#fff,#20c6ff 35%,#007bff 75%);border-radius:50%;width:180px;height:180px;margin:0 auto 20px;box-shadow:0 0 45px #20c6ff59}.vr-card p{color:#334155;margin:0;font-size:20px;font-weight:700}.solution-text h2{color:#1f2937;margin:0 0 18px;font-size:42px}.solution-text p{color:#64748b;font-size:18px;line-height:1.7}.benefits-section{margin:80px 0}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.benefit-card{-webkit-backdrop-filter:blur(24px);background:#ffffff61;border:1px solid #ffffff9e;border-radius:26px;align-items:center;gap:16px;padding:26px;transition:all .3s;display:flex;box-shadow:0 18px 45px #505a6e1f,inset 0 1px #ffffffe6}.benefit-icon{color:#fff;background:linear-gradient(90deg,#20c6ff,#007bff);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:flex}.benefit-card p{color:#334155;margin:0;font-size:17px;font-weight:600}.product-section{-webkit-backdrop-filter:blur(24px);background:#ffffff61;border:1px solid #ffffff9e;border-radius:30px;margin:80px 0;padding:50px;box-shadow:0 24px 70px #505a6e24,inset 0 1px #ffffffe6}.product-text{text-align:center;max-width:1000px;margin:0 auto 40px}.product-text h2{color:#1f2937;margin-bottom:18px;font-size:54px}.product-text>p{color:#64748b;margin-bottom:34px;font-size:20px;line-height:1.7}.product-list{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.product-item{background:#ffffff6b;border-radius:18px;align-items:center;gap:14px;padding:18px 24px;transition:all .3s;display:flex}.product-item span{color:#0ea5e9;font-weight:800}.product-item p{color:#475569;margin:0;font-weight:600}.product-visual{border-radius:24px;margin-top:40px;overflow:hidden}.product-image{object-fit:contain;border-radius:24px;width:100%;max-height:520px;display:block}.final-cta{text-align:center;-webkit-backdrop-filter:blur(26px);background:linear-gradient(135deg,#20c6ff47,#ffffff6b,#007bff38);border:1px solid #ffffffa6;border-radius:34px;margin:80px 0 40px;padding:70px 42px;box-shadow:0 28px 80px #505a6e29,inset 0 1px #ffffffe6}.final-cta h2{color:#1f2937;margin:0 0 18px;font-size:48px}.final-cta p{color:#475569;max-width:720px;margin:0 auto 32px;font-size:19px;line-height:1.7}.final-cta .hero-buttons{justify-content:center}.benefit-card:hover,.product-item:hover,.problem-item:hover{transform:translateY(-6px);box-shadow:0 24px 60px #0ea5e929,inset 0 1px #ffffffe6}.footer{text-align:center;-webkit-backdrop-filter:blur(18px);background:#ffffff42;border:1px solid #ffffff8c;border-radius:24px;margin:20px 0 40px;padding:24px}.footer p{color:#475569;margin:0;font-size:15px}.footer span{color:#0ea5e9;font-weight:700}.nav-cta{color:#fff;background:linear-gradient(90deg,#20c6ff,#007bff);border-radius:999px;padding:12px 22px;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 10px 28px #007bff40}.nav-cta:hover{transform:translateY(-2px)}.nav-home-btn{cursor:pointer;font:inherit;color:#334155;background:0 0;border:none;margin-left:30px;padding:0;font-weight:700;transition:all .3s;position:relative}.nav-home-btn:after{content:"";background:linear-gradient(90deg,#20c6ff,#007bff);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav-home-btn:hover{color:#0ea5e9}.nav-home-btn:hover:after{width:100%}@media (width<=900px){.app{padding:120px 5% 0}.navbar{width:92%;padding:10px 18px}.nav-links{display:none}.nav-cta{padding:10px 18px;font-size:14px}.hero{text-align:center;grid-template-columns:1fr;padding:40px 0}.hero-left h1{font-size:42px}.hero-buttons{justify-content:center}.logo{height:58px}.preview-overlay-card{width:calc(100% - 32px);max-width:calc(100% - 32px);padding:18px;bottom:16px;left:50%;right:auto;transform:translate(-50%)}.preview-overlay-card h3{font-size:20px}.split-section{grid-template-columns:1fr}.comparison-box{flex-direction:column}.problem-section,.solution-section,.benefits-grid{grid-template-columns:1fr}.product-section{padding:28px 20px}.product-list{grid-template-columns:1fr}}