:root{--primary-blue: #2896fe;--primary-green: #72f358;--dark-text: #333333;--body-text: #555555;--light-gray-bg: #f5f7fa;--footer-bg: #2c3e50;--white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";color:var(--body-text);line-height:1.7;font-size:16px}a{text-decoration:none;color:var(--primary-blue);transition:color .3s}a:hover{color:#3a7ac8}h1,h2,h3,h4{color:var(--dark-text);font-weight:600}h1{font-size:42px;margin-bottom:20px}h2{font-size:36px;margin-bottom:20px;text-align:center}h3{font-size:24px;margin-bottom:15px}img{max-width:100%;height:auto}.container{max-width:1140px;margin:0 auto;padding:0 20px}.section{padding:160px 0}.section-title{margin-bottom:60px}.btn{display:inline-block;padding:12px 28px;border-radius:25px;font-weight:700;color:var(--white);background-color:var(--primary-blue);transition:background-color .3s,transform .3s}.btn:hover{background-color:#3a7ac8;transform:translateY(-2px)}.btn-green{background-color:var(--primary-green)}.btn-green:hover{background-color:#48c9b0}.site-header{min-height:68px;background:var(--white);border-bottom:1px solid #eef;position:sticky;top:0;z-index:100;width:100%;display:flex;align-items:center}.site-header .container{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%}.nav-left{display:flex;align-items:center;padding:8px 0}.nav-right{display:flex;align-items:center;padding:8px 0;gap:20px;flex:0 0 auto}.logo{display:flex;align-items:center;font-size:24px;font-weight:700;color:var(--dark-text)}.logo img{height:28px;margin-right:10px}.main-nav ul{list-style:none;display:flex}.main-nav li{margin-left:30px;display:flex;align-items:center}.main-nav a{color:var(--body-text);font-weight:500;padding-bottom:5px;border-bottom:2px solid transparent;line-height:1.5}.main-nav a.active,.main-nav a:hover{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}#user-action-container{display:flex;align-items:center;flex:0 0 auto}.user-avatar-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:1px;transition:transform .3s;flex-shrink:0;cursor:pointer}.user-avatar-wrapper:hover{transform:scale(1.05)}.user-avatar-wrapper.normal-border{border:1.5px solid #cccccc}.user-avatar-wrapper.vip-border{position:relative;background:linear-gradient(135deg,var(--primary-blue),var(--primary-green));padding:1.5px}.user-avatar-wrapper.vip-border:before{content:"";position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;border-radius:50%;background:var(--white);z-index:0}.user-avatar-wrapper.vip-border .user-avatar{position:relative;z-index:1;background:var(--white)}.user-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block}.user-dropdown{position:absolute;top:calc(100% + 12px);right:0;background:var(--white);border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;overflow:hidden}.user-avatar-wrapper:hover .user-dropdown,.user-dropdown.dropdown-visible{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown:before{content:"";position:absolute;top:-8px;right:12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--white)}.user-dropdown-header{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.user-dropdown-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.user-dropdown-info{flex:1;min-width:0}.user-dropdown-name{font-size:14px;font-weight:600;color:var(--dark-text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-status{font-size:12px;color:#888}.user-dropdown-status.vip{color:var(--primary-blue);font-weight:500}.user-dropdown-menu{list-style:none;padding:8px 0;margin:0}.user-dropdown-item{padding:12px 20px;color:var(--body-text);font-size:14px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:10px}.user-dropdown-item:hover{background-color:#f8f9fa;color:var(--dark-text)}.user-dropdown-item:active{background-color:#e9ecef}.user-dropdown-separator{height:1px;background-color:#f0f0f0;margin:8px 0}.user-dropdown-item.logout{color:#dc3545}.user-dropdown-item.logout:hover{background-color:#fff5f5;color:#c82333}.trial-button{display:inline-block;padding:10px 22px;border-radius:26px;font-weight:500;font-size:14px;color:var(--white);background-color:var(--primary-blue);transition:background-color .3s,transform .3s;border:none;cursor:pointer;text-decoration:none;line-height:1.5;white-space:nowrap}.trial-button:hover{background-color:#3a7ac8;transform:translateY(-1px);color:var(--white)}.site-footer{background:var(--footer-bg);color:#a9bacc;padding:50px 0;font-size:14px}.site-footer .container{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-logo{margin-bottom:20px}.footer-logo img{height:50px}.footer-links{list-style:none;display:flex;margin-bottom:20px}.footer-links li{margin:0 15px}.footer-links a,.copyright a{color:#a9bacc}.footer-links a:hover,.copyright a:hover{color:var(--white)}.copyright{margin-top:10px}.copyright p{margin:8px}.faq-item{border-bottom:1px solid #eee;padding:20px 0}.faq-question{width:100%;background:none;border:none;text-align:left;font-size:18px;font-weight:600;color:var(--dark-text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:10px}.faq-question:after{content:"+";font-size:24px;color:var(--primary-blue);transition:transform .3s}.faq-item.active .faq-question:after{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out,padding .4s ease-in-out;padding:0 10px}.faq-item.active .faq-answer{max-height:300px;padding:20px 10px}.hero{padding:100px 0;text-align:center;background-color:#fdfdff}.hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:center}.hero-left{text-align:left}.hero-right{text-align:center}.hero-title{font-size:52px;font-weight:700;line-height:1.3;margin-bottom:20px;background-image:linear-gradient(96.51deg,#2896fe 7.75%,#72f358 89.44%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-title .color-blue{color:var(--primary-blue)}.hero-title .color-green{color:var(--primary-green);background:linear-gradient(90deg,#50e3c2,#32b69c);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:18px;color:var(--body-text);line-height:1.8}.hero-image{margin-top:40px}.hero-image img{width:100%;max-width:900px}.download-buttons{display:flex;gap:14px;margin-top:128px;align-items:flex-start}.download-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:19px 16px;border-radius:10px;color:#fff;text-decoration:none;font-weight:500;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;width:128px;height:98px;box-sizing:border-box;box-shadow:0 3px 10px #00000026}.download-btn.android{background:linear-gradient(180deg,#b8d84a,#a4c639)}.download-btn.android:hover{transform:translateY(-2px);box-shadow:0 5px 13px #a4c6394d}.download-btn.ios{background:linear-gradient(180deg,#6b7280,#4b5563)}.download-btn.ios:hover{transform:translateY(-2px);box-shadow:0 5px 13px #4b55634d}.download-btn.trial{background:linear-gradient(180deg,#3ba5fe,#2896fe)}.download-btn.trial:hover{transform:translateY(-2px);box-shadow:0 5px 13px #2896fe4d}.button-icon{width:38px;height:38px;margin-bottom:10px;filter:brightness(0) invert(1)}.button-text{display:flex;flex-direction:column;align-items:center;gap:3px}.button-name{font-weight:600;font-size:14px;color:#fff;line-height:1.4}.button-action{font-weight:500;font-size:14px;color:#fff;opacity:.95}.store-icon{width:38px;height:38px;margin-bottom:10px;margin-right:0;filter:brightness(0) invert(1)}.store-text{display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.4}.store-name{font-weight:600;font-size:13px;color:#fff}.store-action{font-size:11px;color:#fff;opacity:.95}.qr-tooltip{position:absolute;left:50%;transform:translate(-50%);background:#fff;padding:8px;border-radius:8px;box-shadow:0 10px 30px #00000026;display:none}.qr-tooltip.qr-top{bottom:calc(100% + 20px);top:auto}.qr-tooltip.qr-bottom{top:calc(100% + 20px);bottom:auto}.qr-tooltip img{width:180px;height:180px}.download-btn:hover .qr-tooltip,.download-btn .qr-tooltip.touch-visible{display:block}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.feature-item{padding:20px}.feature-icon{height:64px;margin-bottom:20px}.feature-item h3{font-size:20px;color:var(--dark-text)}.feature-item p{font-size:15px;line-height:1.6;color:#777}.showcase{display:flex;align-items:center;gap:60px}.showcase-image{flex:1;text-align:center}.showcase-image img{max-width:90%}.phone-stack{position:relative;width:540px;height:380px;margin:0 auto}.phone-stack .phone{position:absolute;z-index:1;filter:drop-shadow(0 12px 28px rgba(0,0,0,.15))}.phone-stack .phone-left{left:0;top:0;width:260px;transform:rotate(2deg)}.phone-stack .phone-right{right:0;bottom:0;width:260px;transform:rotate(-2deg)}.phone-stack .decor-line{position:absolute;z-index:0;border-radius:999px;transform:translateY(-50%);pointer-events:none;opacity:.9;animation:line-appear .9s ease-out both}.phone-stack .decor-left{bottom:10%;left:-80px;width:220px;height:14px;background:linear-gradient(90deg,#ffb6cd00,#ff699bf2 60%,#fff0)}.phone-stack .decor-right{top:10%;right:-60px;width:220px;height:14px;background:linear-gradient(90deg,#ffb6cd00,#ff699b 100%,#fff0)}@keyframes line-appear{0%{opacity:0;transform:translateY(-50%) scaleX(.3)}to{opacity:.9;transform:translateY(-50%) scaleX(1)}}@media (max-width: 768px){.phone-stack{width:360px;height:300px}.phone-stack .phone-left{width:180px}.phone-stack .phone-right{width:210px}.phone-stack .decor-line{right:-40px;width:160px;height:12px}}.device-duo{position:relative;width:520px;height:360px;margin:0 auto}.device-duo .device{position:absolute;z-index:1;filter:drop-shadow(0 12px 28px rgba(0,0,0,.15))}.device-duo .device-left{left:0;top:40px;width:300px;transform:rotate(-14deg)}.device-duo .device-right{right:32px;top:12px;width:260px;transform:rotate(8deg)}.device-duo .trail{position:absolute;z-index:0;width:240px;height:16px;border-radius:999px;background:linear-gradient(90deg,#5ae3a200,#5ae3a2e6 55%,#5ae3a200);transform-origin:left center;animation:trail-grow .9s ease-out both}.device-duo .trail-left{left:-100px;top:160px}.device-duo .trail-right{right:-50px;bottom:0}@keyframes trail-grow{0%{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}@media (max-width: 768px){.device-duo{width:360px;height:280px}.device-duo .device-left{width:180px;top:30px}.device-duo .device-right{width:210px;top:-6px}.device-duo .trail{width:160px;height:12px}.device-duo .trail-left{left:-30px;bottom:36px}.device-duo .trail-right{right:-30px;top:90px}}.phone-stack-3{position:relative;width:560px;height:380px;margin:0 auto}.phone-stack-3 .phone-3{position:absolute;z-index:1;filter:drop-shadow(0 12px 28px rgba(0,0,0,.15))}.phone-stack-3 .phone-left-3{left:0;bottom:-20px;width:250px}.phone-stack-3 .phone-right-3{right:0;top:-20px;width:270px}.phone-stack-3 .decor-line-3{position:absolute;z-index:0;width:260px;height:14px;border-radius:999px;background:linear-gradient(90deg,#2896fe00,#2896fee6 100%,#2896fe);animation:trail-grow .9s ease-out both}.phone-stack-3 .decor-left-3{left:-60px;bottom:40px}.phone-stack-3 .decor-right-3{right:-70px;top:100px}@media (max-width: 768px){.phone-stack-3{width:360px;height:300px}.phone-stack-3 .phone-left-3{width:180px}.phone-stack-3 .phone-right-3{width:210px}.phone-stack-3 .decor-line-3{width:160px;height:12px}.phone-stack-3 .decor-left-3{left:-40px;top:130px}.phone-stack-3 .decor-right-3{right:-40px;top:80px}}.showcase-content{flex:1}.showcase-content h3{font-size:28px;margin-bottom:20px}.showcase-content p{margin-bottom:15px}.showcase.reverse{flex-direction:row-reverse}.reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.review-card{background:#fff;border:1px solid #eef;border-radius:12px;padding:30px;box-shadow:0 4px 15px #0000000d;transition:transform .3s,box-shadow .3s}.review-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000014}.review-header{display:flex;align-items:center;margin-bottom:20px}.review-avatar{width:50px;height:50px;border-radius:50%;margin-right:15px}.review-name{font-weight:700;color:var(--dark-text)}.review-stars{color:#f39c12;font-size:14px}.review-text{line-height:1.8}.privacy-policy{padding:40px 0;max-width:1100px;margin:0 auto}.privacy-policy p{overflow-wrap:break-word;word-wrap:break-word}@media (max-width: 992px){.hero-grid{grid-template-columns:1fr}.hero-left{text-align:center}.download-buttons{justify-content:center;flex-wrap:wrap;gap:16px}.download-btn{width:128px;height:128px;padding:19px 16px}.section{padding:100px 0}.features-grid{grid-template-columns:1fr 1fr}.showcase{flex-direction:column;text-align:center}.showcase-image{padding-bottom:40px}.showcase.reverse{flex-direction:column}.showcase-content{margin-top:30px;position:relative;z-index:2}.privacy-policy{padding:40px 10%;margin:0 auto}}@media (max-width: 768px){h1{font-size:38px}h2{font-size:32px}.hero-title{font-size:42px}.download-buttons{justify-content:center;flex-wrap:wrap;gap:13px}.download-btn{width:112px;height:128px;padding:19px 16px}.button-icon{width:30px;height:30px;margin-bottom:8px}.button-name{font-size:12px}.button-action{font-size:10px}.section{padding:80px 0}.main-nav li{margin-left:20px}.reviews-grid{grid-template-columns:1fr}}@media (max-width: 576px){.features-grid{grid-template-columns:1fr}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hamburger-toggle{display:inline-block;background:none;border:none;font-size:24px;cursor:pointer;line-height:1;padding:6px 8px;margin-left:12px}.main-nav{position:absolute;left:0;right:0;top:100%;background:var(--white);border-bottom:1px solid #eef;display:none;box-shadow:0 8px 20px #0000000d}.main-nav ul{display:block;padding:10px 20px}.main-nav li{margin:0;border-top:1px solid #f2f4f8}.main-nav li:first-child{border-top:none}.main-nav a{display:block;padding:12px 0}#user-action-container{margin-left:0;padding:12px 0}.user-avatar-wrapper{margin:0}.trial-button{display:block;width:100%;text-align:center;margin:0;padding:6px 16px}.main-nav.is-open{display:block}.hamburger-toggle[aria-expanded=true]+.main-nav,.hamburger-toggle[aria-expanded=true]~.main-nav{display:block}.user-dropdown{right:auto;left:50%;transform:translate(-50%) translateY(-10px);min-width:200px}.user-dropdown:before{left:50%;right:auto;transform:translate(-50%)}.user-avatar-wrapper:hover .user-dropdown,.user-dropdown.dropdown-visible{transform:translate(-50%) translateY(0)}}@media (min-width: 577px){.hamburger-toggle{display:none}.main-nav{position:static;display:block;box-shadow:none;border:none}.main-nav ul{display:flex;padding:0}.main-nav li{border:none}.main-nav a{padding:0}}
