:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #1890ff;--secondary-color: #52c41a;--accent-color: #faad14;--text-primary: #333333;--text-secondary: #666666;--text-light: #999999;--bg-light: #f5f5f5;--bg-dark: #1a1a1a;--border-color: #e8e8e8;--success-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d;--info-color: #1890ff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--color-background)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.app-container{min-height:100vh;display:flex;flex-direction:column}.navbar{position:fixed;top:0;left:0;right:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;z-index:1000;transition:all .3s ease}.navbar.navbar-scrolled{background-color:#fffffffa;box-shadow:0 4px 16px #0000001a}.navbar .container{display:flex;justify-content:space-between;align-items:center;height:70px}.navbar-brand{display:flex;align-items:center}.logo{font-size:24px;font-weight:700;color:var(--primary-color);cursor:pointer}.navbar-menu{display:flex;align-items:center}.nav-list{display:flex;list-style:none;gap:30px}.nav-link{text-decoration:none;color:var(--text-primary);font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover{color:var(--primary-color)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.nav-link:hover:after{width:100%}.navbar-actions{display:flex;align-items:center}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background-color:#40a9ff;transform:translateY(-2px);box-shadow:0 4px 12px #1890ff4d}.btn-secondary{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:10px 20px;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background-color:#1890ff1a;transform:translateY(-2px)}.hero{padding:120px 0 80px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z" fill="%23ffffff" fill-opacity="0.1" fill-rule="evenodd"/></svg>');opacity:.3}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-content{max-width:500px}.hero-title{font-size:48px;font-weight:700;color:var(--text-primary);margin-bottom:20px;line-height:1.2}.hero-subtitle{font-size:20px;color:var(--text-secondary);margin-bottom:40px;line-height:1.5}.hero-actions{display:flex;gap:20px}.hero-image{display:flex;justify-content:center;align-items:center}.mockup-phone{width:280px;height:560px;border:16px solid #333;border-radius:40px;background-color:#fff;position:relative;box-shadow:0 20px 40px #0003;transition:transform .3s ease}.mockup-phone:hover{transform:translateY(-10px)}.mockup-phone:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:20px;background-color:#333;border-radius:0 0 10px 10px}.phone-screen{width:100%;height:100%;padding:16px;overflow:hidden}.screen-content{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--info-color));border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative}.screen-content:before{content:"";position:absolute;width:120px;height:120px;background-color:#fff3;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.8}50%{transform:scale(1);opacity:.5}to{transform:scale(.8);opacity:.8}}.features{padding:80px 0;background-color:var(--color-background)}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:15px}.section-subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.feature-card{background-color:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-10px);box-shadow:0 8px 24px #00000026}.feature-icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background-color:#1890ff1a;border-radius:50%;color:var(--primary-color)}.feature-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:15px}.feature-description{font-size:16px;color:var(--text-secondary);line-height:1.6}.scenarios{padding:80px 0;background-color:var(--bg-light)}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.scenario-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;padding:40px 30px;text-align:center}.scenario-card:hover{transform:translateY(-10px);box-shadow:0 8px 24px #00000026}.scenario-image{width:120px;height:120px;margin-bottom:30px;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.scenario-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:15px}.scenario-description{font-size:16px;color:var(--text-secondary);line-height:1.6}.download{padding:80px 0;background:linear-gradient(135deg,var(--primary-color),var(--info-color));color:#fff;text-align:center}.download-content{max-width:800px;margin:0 auto}.download-title{font-size:36px;font-weight:700;margin-bottom:15px}.download-subtitle{font-size:18px;margin-bottom:50px;opacity:.9}.download-buttons{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.btn-download{display:flex;align-items:center;gap:15px;background-color:#fff;color:var(--primary-color);border:none;padding:15px 30px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #00000026}.btn-download:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0003}.download-text{display:flex;flex-direction:column;align-items:flex-start}.download-platform{font-size:14px;font-weight:400;opacity:.8}.download-action{font-size:20px;font-weight:700}.footer{background-color:var(--bg-dark);color:#fff;padding:80px 0 40px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-logo{display:flex;flex-direction:column;gap:15px}.footer-logo .logo{color:#fff;font-size:28px}.footer-description{color:#ffffffb3;font-size:16px;max-width:300px}.footer-title{font-size:18px;font-weight:600;margin-bottom:20px;color:#fff}.footer-list{list-style:none;display:flex;flex-direction:column;gap:15px}.footer-list li a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer-list li a:hover{color:var(--primary-color)}.footer-contact-item{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:#ffffffb3}.social-icons{display:flex;gap:20px}.social-icon{width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.social-icon:hover{background-color:var(--primary-color);transform:translateY(-3px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:40px;text-align:center;color:#ffffff80;font-size:14px}.mobile-menu-button{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;margin-left:15px}.mobile-menu-button span{width:100%;height:2px;background-color:var(--text-primary);border-radius:2px;transition:all .3s ease}@media(max-width:768px){.mobile-menu-button{display:flex}.navbar-menu{position:fixed;top:70px;left:0;right:0;background-color:#fff;box-shadow:0 8px 16px #0000001a;padding:20px 0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.navbar-menu.open{transform:translateY(0);opacity:1;visibility:visible}.nav-list{flex-direction:column;gap:20px;align-items:center}.hero .container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-actions{justify-content:center}.features-grid,.scenarios-grid{grid-template-columns:1fr}.download-buttons{flex-direction:column;align-items:center}.btn-download{width:100%;max-width:300px;justify-content:center}.footer-content{grid-template-columns:1fr;text-align:center}.footer-list{align-items:center}.social-icons{justify-content:center}}@media(max-width:480px){.container{padding:0 15px}.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.btn-primary,.btn-secondary{padding:10px 15px;font-size:14px}.section-title,.download-title{font-size:28px}.section-subtitle,.download-subtitle{font-size:16px}.feature-card,.scenario-card{padding:30px 20px}}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}button{font-family:inherit}::selection{background-color:var(--primary-color);color:#fff}