@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;line-height:1.6;color:#e5e7eb;background:#181a20;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:100px 0}.section-title{font-size:3rem;font-weight:800;text-align:center;margin-bottom:1.5rem;color:#1a1a1a;background:linear-gradient(135deg,#27ae60,#2f95dc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.3rem;text-align:center;margin-bottom:4rem;color:#666;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.logo img{width:36px;height:36px;border-radius:8px;object-fit:contain}.logo-text{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#27ae60,#2f95dc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-text-mobile{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#27ae60,#2f95dc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#181a20d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s ease;padding:0;height:auto;line-height:normal}.header.scrolled{background:#181a20fa;box-shadow:0 2px 20px #00000059}.header-content{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.header-nav{display:flex;gap:32px;align-items:center}.header-nav a{color:#e5e7eb;text-decoration:none;font-weight:500;font-size:15px;transition:all .3s ease;position:relative;padding:8px 0}.header-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#27ae60,#2f95dc);transition:width .3s ease}.header-nav a:hover:after{width:100%}.header-nav a:hover{color:#27ae60}.navbar-partner-btn{background:linear-gradient(135deg,#22c55e,#06b6d4)!important;border:none!important;color:#fff!important;font-weight:600!important;border-radius:6px!important;padding:8px 16px!important;font-size:14px!important;transition:all .3s ease!important;box-shadow:0 2px 8px #22c55e4d!important}.navbar-partner-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #22c55e66!important;background:linear-gradient(135deg,#16a34a,#0891b2)!important}.btn-primary{background:linear-gradient(135deg,#22c55e,#06b6d4);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 30px #22c55e2e,0 4px 15px #06b6d42e}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #27ae604d}.btn-secondary{background:#ffffff0f;color:#93c5fd;border:1px solid rgba(255,255,255,.12);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{background:#27ae60;color:#fff;transform:translateY(-2px)}.hero-section{background:radial-gradient(1200px 600px at 10% -10%,rgba(34,197,94,.18),transparent 50%),radial-gradient(900px 500px at 100% 10%,rgba(6,182,212,.16),transparent 60%),linear-gradient(135deg,#0f172a,#111827 40%,#0f172a);min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:100px}.hero-section .orb{position:absolute;width:480px;height:480px;border-radius:50%;filter:blur(60px);opacity:.35;pointer-events:none}.hero-section .orb.orb-1{background:radial-gradient(circle at 30% 30%,#76e4a6,#76e4a600 60%);top:-120px;left:-120px;animation:floatSlow 12s ease-in-out infinite}.hero-section .orb.orb-2{background:radial-gradient(circle at 70% 70%,#76b3e4,#76b3e400 60%);bottom:-160px;right:-160px;animation:floatSlow 14s ease-in-out infinite reverse}@keyframes floatSlow{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(10px)}}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><polygon fill="rgba(255,255,255,0.05)" points="0,1000 1000,0 1000,1000"/></svg>');background-size:cover}.floating-element{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}.floating-element:nth-child(1){width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.floating-element:nth-child(2){width:120px;height:120px;top:60%;right:15%;animation-delay:2s}.floating-element:nth-child(3){width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:2}.reveal-on-scroll{opacity:0;transform:translateY(24px) scale(.98);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease}.reveal-on-scroll.visible{opacity:1;transform:translateY(0) scale(1)}.hero-text h1{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:2rem;color:#f8fafc;text-shadow:0 4px 24px rgba(0,0,0,.55)}.hero-text h1 span{background:linear-gradient(135deg,#f39c12,#e74c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.hero-text p{font-size:1.25rem;color:#e5e7ebe6;margin-bottom:3rem;line-height:1.7;text-shadow:0 2px 18px rgba(0,0,0,.35)}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap}.hero-image{text-align:center;position:relative}.phone-mockup{background:#fff;border-radius:30px;padding:25px;box-shadow:0 25px 50px #0003;transform:rotate(5deg);transition:all .5s cubic-bezier(.175,.885,.32,1.275);max-width:320px;margin:0 auto;position:relative}.phone-mockup:before{content:"";position:absolute;inset:-10px;background:linear-gradient(135deg,#27ae60,#2f95dc);border-radius:35px;z-index:-1;opacity:.3;filter:blur(20px)}.phone-mockup:after{content:"";position:absolute;inset:-2px;border-radius:36px;background:conic-gradient(from 180deg at 50% 50%,#27ae604d,#2f95dc4d,#27ae604d);z-index:-2;filter:blur(26px);opacity:.25}.phone-mockup:hover{transform:rotate(0) scale(1.05);box-shadow:0 35px 70px #0000004d}.phone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.phone-dots{display:flex;gap:8px}.phone-dot{width:14px;height:14px;border-radius:50%;transition:all .3s ease}.phone-dot.red{background:#e74c3c}.phone-dot.yellow{background:#f39c12}.phone-dot.green{background:#27ae60}.phone-content{background:linear-gradient(135deg,#f8f9fa,#ddd);border-radius:20px;padding:20px;box-shadow:inset 0 2px 10px #0000001a}.phone-image{width:100%;height:140px;background:linear-gradient(135deg,#27ae60,#2f95dc);border-radius:15px;margin-bottom:15px;position:relative;overflow:hidden}.phone-image:after{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="2"/></svg>');background-size:cover}.phone-title{font-weight:700;color:#181a20;margin-bottom:6px;font-size:16px}.phone-location{font-size:14px;color:#666;margin-bottom:12px}.phone-footer{display:flex;justify-content:space-between;align-items:center}.phone-price{color:#27ae60;font-weight:800;font-size:18px}.phone-rating{display:flex;align-items:center;gap:6px;color:#666;font-size:14px}.stats-section{background:linear-gradient(135deg,#f8f9fa,#ddd);padding:80px 0;position:relative}.stats-section .container:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-24px;width:60%;height:120px;background:radial-gradient(ellipse at center,#0000000f,#0000 70%);pointer-events:none}.stats-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#27ae60,transparent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px;text-align:center}.stat-item{padding:30px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 10px 30px #00000059;transition:all .3s ease;position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#27ae60,#2f95dc)}.stat-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.stat-item .number{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#27ae60,#2f95dc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;display:block}.stat-item .label{font-size:1.2rem;color:#666;font-weight:600}.features-section{background:linear-gradient(180deg,#11182799,#1118274d 60%,#11182700);padding:100px 0;position:relative}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#27ae60,transparent)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:80px}.feature-card{background:#ffffff0f;padding:40px 30px;border-radius:25px;box-shadow:0 15px 40px #00000059;border:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-align:center;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#27ae60,#2f95dc);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 60px #00000026;border-color:#27ae604d}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,#27ae60,#2f95dc);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;color:#fff;font-size:32px;transition:all .3s ease;box-shadow:0 10px 25px #27ae604d}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 35px #27ae6066}.feature-title{font-size:1.4rem;font-weight:700;margin-bottom:15px;color:#f3f4f6}.feature-description{color:#cbd5e1;line-height:1.7;font-size:1rem}.benefits-section{background:linear-gradient(180deg,#0f172a,#111827,#0f172a);padding:100px 0;position:relative}.benefits-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.benefits-text h2{font-size:3rem;font-weight:800;margin-bottom:2rem;color:#181a20;background:linear-gradient(135deg,#27ae60,#2f95dc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.benefits-text p{font-size:1.2rem;color:#666;margin-bottom:2.5rem;line-height:1.7}.benefits-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.benefit-item{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff0f;border-radius:15px;border:1px solid rgba(255,255,255,.08);box-shadow:0 5px 20px #00000059;transition:all .3s ease}.benefit-item:hover{transform:translate(10px);box-shadow:0 8px 25px #0000001a}.benefit-check{color:#27ae60;font-size:20px;background:#27ae601a;padding:8px;border-radius:50%}.benefits-card{background:linear-gradient(135deg,#27ae60,#2f95dc);color:#fff;padding:50px 40px;border-radius:30px;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 50px #27ae604d}.benefits-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></svg>');background-size:50px 50px;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.benefits-card .icon{font-size:60px;margin-bottom:20px;position:relative;z-index:2}.benefits-card h3{font-size:1.8rem;font-weight:700;margin-bottom:15px;position:relative;z-index:2}.benefits-card p{position:relative;z-index:2;line-height:1.7}.download-section{background:radial-gradient(1000px 400px at 0% 0%,rgba(34,197,94,.18),transparent 60%),radial-gradient(800px 400px at 100% 0%,rgba(6,182,212,.16),transparent 60%),linear-gradient(135deg,#0f172a,#111827 70%);color:#fff;padding:100px 0;text-align:center;position:relative;overflow:hidden}.download-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><polygon fill="rgba(255,255,255,0.05)" points="0,0 1000,1000 0,1000"/></svg>');background-size:cover}.download-section h2{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;position:relative;z-index:2}.download-section p{font-size:1.3rem;margin-bottom:3rem;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7;position:relative;z-index:2}.download-buttons{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}.download-btn{background:#000c;color:#fff;border:none;padding:20px 40px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000004d}.download-btn.visible{transform:translateY(0) scale(1)}.download-btn:hover{background:#000;transform:translateY(-5px) scale(1.05);box-shadow:0 20px 40px #0006}.download-btn .store-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.footer{background:#181a20;color:#fff;padding:60px 0 30px;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#27ae60,transparent)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:40px}.footer-brand{display:flex;flex-direction:column;gap:20px}.footer-brand .logo{display:flex;align-items:center;gap:12px;margin-bottom:10px}.footer-brand .logo img{width:40px;height:40px;border-radius:8px}.footer-brand .name{font-size:1.8rem;font-weight:800;color:#fff}.footer-brand p{color:#ccc;line-height:1.6;max-width:300px}.footer-section h4{font-weight:600;margin-bottom:20px;color:#fff;font-size:1.1rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:12px}.footer-section a{color:#ccc;text-decoration:none;transition:all .3s ease;font-size:14px}.footer-section a:hover{color:#27ae60}.contact-link{display:flex!important;align-items:center;gap:8px;padding:8px 0;transition:all .3s ease}.contact-link:hover{color:#27ae60!important;transform:translate(5px)}.contact-link .anticon{font-size:16px;color:#27ae60}.footer-bottom{border-top:1px solid #333;padding-top:30px;text-align:center;color:#999;font-size:14px}@media (max-width: 1024px){.hero-text h1{font-size:3.5rem}.section-title,.benefits-text h2{font-size:2.5rem}.footer-content{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width: 768px){.container{padding:0 16px}.section{padding:80px 0}.hero-content{grid-template-columns:1fr;text-align:center;gap:60px}.hero-text h1{font-size:3rem}.section-title{font-size:2.2rem}.benefits-content{grid-template-columns:1fr;text-align:center;gap:60px}.benefits-list{grid-template-columns:1fr}.download-buttons{flex-direction:column;align-items:center}.hero-buttons{justify-content:center}.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.floating-element,.header-nav,.navbar-partner-btn,.logo-text{display:none}.logo-text-mobile{display:block}.footer-content{grid-template-columns:1fr;gap:40px;text-align:center}.footer-brand p{max-width:100%}}@media (max-width: 480px){.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.1rem}.section-title{font-size:2rem}.download-section h2{font-size:2.5rem}.stats-grid{grid-template-columns:1fr}.phone-mockup{max-width:280px;padding:20px}}