@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";
:root{--primary-color:#0052ff;--secondary-color:#10b981;--dark-color:#111827;--light-color:#fff;--text-color:#374151;--section-bg:#f9fafb;--border-color:#efefef;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{color:#111;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;background:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--white-color);color:var(--gray-color);scroll-behavior:smooth;margin:0;padding:0;font-family:Inter,sans-serif;line-height:1.7}.container{max-width:1200px;margin:auto;padding:0 20px}h1,h2,h3{color:var(--dark-color);margin-bottom:20px;line-height:1.3}h1{letter-spacing:-1px;font-size:40px}h2{text-align:center;font-size:2.5rem}h3{font-size:1.5rem}section{padding:30px 0}.section-bg{background:var(--section-bg)}.btn{background:var(--primary-color);color:var(--light-color);cursor:pointer;border:2px solid transparent;border-radius:100px;padding:12px 28px;text-decoration:none;transition:all .3s;display:inline-block}.btn:hover{background:#2545c4;transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.btn-secondary{background:var(--light-color);color:var(--primary-color);border:2px solid var(--border-color)}.btn-secondary:hover{background:var(--section-bg);border-color:var(--primary-color)}.section-subtitle{text-align:center;color:#6b7280;max-width:700px;margin:-15px auto 50px;font-size:1.1rem}.hero{background:var(--light-color);color:var(--dark-color);align-items:center;min-height:90vh;padding-top:80px;display:flex}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-content p{color:var(--text-color);margin-bottom:30px;font-size:1.2rem}.hero-image-placeholder{background:url(https://img.freepik.com/free-vector/app-development-banner_33099-1720.jpg?semt=ais_hybrid&w=740&q=80) 50%/contain no-repeat;border-radius:20px;height:550px}.hero-content .btn{margin-bottom:10px;margin-right:15px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:50px;display:grid}.feature-card{background:var(--light-color);border:1px solid var(--border-color);text-align:left;border-radius:12px;align-items:flex-start;gap:20px;padding:30px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 5px 25px rgba(0,0,0,.05)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.08)}.feature-card .icon{color:var(--primary-color);margin-top:5px;font-size:1.8rem}.feature-card h3{margin-bottom:8px;font-size:1.2rem}.services-table{border-collapse:collapse;border:1px solid var(--border-color);border-radius:12px;width:100%;margin-top:50px;overflow:hidden;box-shadow:0 5px 25px rgba(0,0,0,.05)}.services-table th,.services-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:20px}.services-table th{background-color:var(--section-bg);color:var(--dark-color);font-size:1.1rem}.services-table tr:last-child td{border-bottom:none}.services-table tr:hover{background-color:#f3f4f6}.services-table td:first-child{color:var(--dark-color);font-size:1.1rem}.app-features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.app-feature-card{background:var(--light-color);border:1px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:12px;padding:30px;box-shadow:0 5px 25px rgba(0,0,0,.05)}.app-feature-card h3{margin-bottom:15px;font-size:1.6rem}.app-feature-card ul{padding:0;list-style:none}.app-feature-card ul li{margin-bottom:12px;padding-left:28px;position:relative}.app-feature-card ul li:before{content:"✓";color:var(--primary-color);font-size:1.2rem;position:absolute;left:0}.advanced-features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;display:grid}.advanced-feature-item{border:1px solid rgba(0,0,255,.263);border-radius:20px;align-items:flex-start;gap:20px;padding:10px;transition:transform .3s;display:flex}.advanced-feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.08)}.icon{color:var(--primary-color);background:var(--section-bg);border-radius:8px;justify-content:center;align-items:center;padding:15px;font-size:2rem;display:inline-flex}.advanced-feature-item h3{margin-bottom:5px;font-size:1.2rem}.how-it-works-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:50px;display:grid}.step .step-number{background:var(--light-color);width:60px;height:60px;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 0 0 5px var(--section-bg);border-radius:50%;justify-content:center;align-items:center;margin-bottom:15px;font-size:1.5rem;display:inline-flex}.step{border-radius:12px;padding:40px 10px;box-shadow:0 5px 25px rgba(0,0,0,.082)}.step:hover{box-shadow:0 5px 25px rgba(0,0,0,.09)}.step h3{font-size:1.2rem}.support-contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.support-list .feature-card{background-color:var(--section-bg)}.faq-container{text-align:left;max-width:800px;margin:40px auto}.faq-item{border-bottom:1px solid var(--border-color);margin-bottom:15px}.faq-question{color:var(--dark-color);cursor:pointer;padding:20px 0;font-size:1.1rem;position:relative}.faq-question:after{content:"+";color:var(--primary-color);font-size:1.8rem;transition:transform .3s;position:absolute;right:10px}.faq-question.open:after{transform:rotate(45deg)}.faq-answer{max-height:0;padding:0 15px;transition:max-height .5s ease-out;overflow:hidden}.faq-answer p{margin-bottom:20px}@media (max-width:992px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero-image-placeholder{order:-1;height:350px;margin-bottom:30px}.support-contact-grid{grid-template-columns:1fr}}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}section{padding:80px 0}.hero{min-height:auto;padding:150px 0 80px}}