:root{--primary-color:#0d6efd;--secondary-color:#ffc107;--dark-color:#111827;--gray-color:#4b5563;--light-gray-color:#f9fafb;--white-color:#fff;--border-radius:16px;--shadow:0 8px 16px rgba(0,0,0,.05);--shadow-lg:0 20px 40px rgba(0,0,0,.1);--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}.final-cta-section{grid-template-columns:1fr 1fr;align-items:center;gap:60px;list-style:none;display:grid}.why-us-list ul{padding:0;list-style:none}.why-us-list li{align-items:flex-start;margin-bottom:20px;font-size:16px;display:flex}.why-us-list .icon-check{color:var(--primary-color);margin-top:5px;margin-right:15px;font-size:24px}.cta{background:#f3f7fa}@media (max-width:768px){.final-cta-section{grid-template-columns:1fr}}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,h4{color:var(--dark-color);margin:0}p{margin:0;font-size:16px}.hero{text-align:center;background:linear-gradient(135deg,#f9fafb 0%,#e0f2f1 100%);padding:120px 0}.hero-layout{flex-direction:column;align-items:center;gap:40px;display:flex}.hero-content{text-align:center;max-width:800px}.hero-image-container{text-align:center;width:100%;max-width:500px}.hero-image-container img{border-radius:var(--border-radius);width:100%;height:auto;box-shadow:var(--shadow-lg)}.hero h1{max-width:800px;margin:0 auto 20px;font-size:40px;line-height:1.2}.hero p{max-width:700px;color:var(--gray-color);margin:0 auto 30px;font-size:18px}.btn{cursor:pointer;border:none;border-radius:50px;padding:16px 40px;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--primary-color);color:var(--white-color)}.btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)scale(1.05)}.section{padding:30px 0}.section-bg{background-color:var(--light-gray-color)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:15px;font-size:40px}.section-header p{max-width:700px;color:var(--gray-color);margin:auto;font-size:18px}.process-flow-container{grid-template-columns:repeat(4,1fr);gap:30px;display:grid;position:relative}.process-step{background-color:var(--white-color);border-radius:var(--border-radius);text-align:center;border:1px solid #e5e7eb;padding:30px;transition:all .3s;position:relative}.process-step:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color);transform:translateY(-10px)}.step-number{color:#f0f0f0;z-index:0;font-size:48px;font-weight:700;position:absolute;top:10px;right:20px}.step-icon{color:var(--primary-color);z-index:1;background-color:rgba(207,238,247,.42);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:32px;display:flex;position:relative}.process-step h3{z-index:1;margin-bottom:10px;font-size:20px;position:relative}.process-step p{z-index:1;font-size:15px;line-height:1.6;position:relative}.process-step:not(:last-child):after{content:"";z-index:0;background-image:linear-gradient(90deg,#cbd5e0 50%,transparent 50%);background-size:8px 2px;width:24px;height:2px;position:absolute;top:65px;right:-27px}.customer-app-layout{grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;display:grid}.customer-app-layout .image-container{text-align:center}.customer-app-layout .image-container img{max-width:350px;box-shadow:var(--shadow-lg);border-radius:30px}.feature-list ul{padding:0;list-style:none}.feature-list li{align-items:flex-start;margin-bottom:25px;display:flex}.feature-list .icon{color:var(--primary-color);width:25px;margin-top:5px;margin-right:20px;font-size:22px}.feature-list h3{margin-bottom:4px;font-size:18px}.alternating-feature{grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin-bottom:80px;display:grid}.alternating-feature:last-child{margin-bottom:0}.alternating-feature .content h3{margin-bottom:15px;font-size:28px}.alternating-feature .content p{margin-bottom:20px}.alternating-feature .image-container img{border-radius:var(--border-radius);width:100%;box-shadow:var(--shadow)}.alternating-feature .feature-pills{flex-wrap:wrap;gap:10px;display:flex}.alternating-feature .pill{color:#1b5e20;background-color:#e8f5e9;border-radius:20px;padding:6px 12px;font-size:14px}.section-bg .alternating-feature:nth-child(2n) .image-container{order:-1}.dark-section{background-color:var(--dark-color);color:#d1d5db}.dark-section .section-header h2,.dark-section .feature-card h3{color:var(--white-color)}.dark-section .section-header p{color:#9ca3af}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.dark-section .feature-card{text-align:left;border-radius:var(--border-radius);background-color:#1f2937;border:1px solid #374151;padding:25px;transition:all .3s}.dark-section .feature-card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.dark-section .feature-card .icon{color:var(--primary-color);margin-bottom:15px;font-size:24px}.dark-section .feature-card p{color:#9ca3af}@media (min-width:992px){.hero-layout{text-align:left;flex-direction:row;justify-content:space-between;gap:80px}.hero-content{text-align:left;max-width:none}.hero h1{margin-left:0;margin-right:0}.hero-image-container{width:50%}}@media (max-width:992px){.customer-app-layout,.alternating-feature,.final-cta-section{grid-template-columns:1fr;gap:60px}.alternating-feature .image-container{text-align:center}.alternating-feature img{max-width:500px}.section-bg .alternating-feature:nth-child(2n) .image-container{order:1}.process-flow-container{grid-template-columns:1fr 1fr}}@media (max-width:768px){.hero h1{font-size:36px}.hero p{font-size:16px}.section-header h2{font-size:32px}.process-flow-container{grid-template-columns:1fr}.process-step:not(:last-child):after{display:none}}
