.container{width:100%;max-width:1300px;margin:0 auto;padding:0 50px}p{color:#000}.banner{background:#fff;padding:20px 0 0;overflow:visible}.banner .container{padding:0 60px}.banner-grid{grid-template-columns:48% 52%;align-items:center;gap:0;min-height:520px;display:grid}.banner-left{flex-direction:column;justify-content:center;display:flex}.banner-left h1{text-transform:uppercase;letter-spacing:-1px;font-weight:900;line-height:.9}.t-blue{color:var(--blue);font-size:clamp(3rem,6vw,4rem);display:block}.t-black{color:var(--black);margin-top:6px;font-size:clamp(2.6rem,4vw,4rem);display:block}.banner-desc{color:#000;max-width:360px;margin-top:20px;font-size:14px;font-weight:400;line-height:1.4}.banner-right{justify-content:flex-end;align-items:flex-end;height:100%;min-height:480px;display:flex;position:relative}.hero-img-wrap{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.hero-img{object-fit:contain;z-index:2;width:100%;max-width:620px;height:520px;display:block;position:relative}@media (width<=1024px){.banner .container,.container{padding:0 36px}.hero-img{height:440px}}@media (width<=860px){.banner .container,.container{padding:0 24px}.banner-grid{grid-template-columns:1fr;min-height:auto}.banner-right{height:300px;min-height:280px}.hero-img{max-width:100%;height:300px}.banner-left{padding-top:24px}}@media (width<=540px){.banner .container,.container{padding:0 16px}}.problem-section{color:#fff;background:#000;padding:80px 0}.problem-header{text-align:center}.problem-header h2{text-transform:uppercase;margin-bottom:15px;font-size:38px;font-weight:700}.problem-header p{color:#ccc;max-width:700px;margin:auto;line-height:1.6}.problem-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px;display:grid}.problem-card{color:#000;text-align:center;background:#f5f5f5;border-radius:16px;padding:30px 20px;transition:all .3s;position:relative}.problem-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #0003}.problem-card .icon{color:#1841e9;margin-bottom:12px;font-size:28px}.problem-card h4{margin-bottom:10px;font-size:18px;font-weight:600}.problem-card p{color:#555;font-size:14px}@media (width<=991px){.problem-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.problem-grid{grid-template-columns:1fr}.problem-header h2{font-size:28px}}.clean-feature-section{background:#f5f7fa;padding:90px 0}.feature-wrapper{align-items:center;gap:60px;display:flex}.feature-left{flex:1}.feature-steps{flex-direction:column;gap:15px;display:flex}.step-card{background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;gap:12px;padding:16px 18px;font-size:15px;transition:all .3s;display:flex}.step-card i{color:#fff;background:#1841e9;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.step-card:hover{transform:translate(6px);box-shadow:0 8px 20px #00000014}.feature-right{text-align:center;flex:1;justify-content:center;align-items:start;display:flex}.right-content{text-align:left}.right-content h2{color:#000;text-transform:uppercase;margin-bottom:15px;font-size:38px;font-weight:700;line-height:1.2}.right-content p{color:#555;font-size:16px;line-height:1.6}.ui-stack{width:240px;height:180px;position:relative}.ui-card{color:#fff;border-radius:14px;padding:15px;position:absolute}.main{z-index:2;background:#000;width:100%;height:100%}.main h5{margin-bottom:6px}.main p{color:#ccc;font-size:14px}.small{background:#1841e9;padding:8px 12px;font-size:13px}.one{top:-10px;left:-20px}.two{bottom:-10px;right:-20px}@media (width<=991px){.feature-wrapper{text-align:center;flex-direction:column}.feature-right{margin-top:40px}}.why-section{background:#eee;padding:100px 0}.section-header{text-align:center;margin:0 auto}.section-header span{letter-spacing:1.5px;color:#1841e9;margin-bottom:10px;font-size:13px;font-weight:600;display:block}.section-header h2{text-transform:uppercase;color:#000;font-size:42px;font-weight:700;line-height:1.3}.why-grid{grid-template-columns:repeat(2,1fr);gap:25px;margin-top:60px;display:grid}.why-card{background:#fff;border:1px solid #e6ecff;border-radius:16px;padding:30px 25px;transition:all .35s;position:relative;overflow:hidden}.why-card .icon{color:#1841e9;background:#007bff14;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:15px;font-size:20px;transition:all .3s;display:flex}.why-card h4{color:#000;margin-bottom:8px;font-size:18px}.why-card p{color:#555;font-size:14px;line-height:1.5}.why-card:hover{border-color:#cfe0ff;box-shadow:0 10px 30px #007bff14}.why-card:hover .icon{color:#fff;background:#1841e9}.why-card:after{content:"";background:#1841e9;width:0%;height:3px;transition:all .35s;position:absolute;top:0;left:0}.why-card:hover:after{width:100%}@media (width<=768px){.why-grid{grid-template-columns:1fr}.section-header h2{font-size:28px}}.dual-card-section{background:#f4f8ff;padding:100px 0}.dual-wrapper{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.info-card{border-radius:16px;padding:35px;transition:all .3s}.info-card .icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:15px;font-size:18px;display:flex}.info-card h3{margin-bottom:10px;font-size:22px}.info-card p{margin-bottom:15px;font-size:14px;line-height:1.5}.info-card ul{margin-bottom:15px;padding:0;list-style:none}.info-card ul li{margin-bottom:8px;padding-left:20px;font-size:14px;position:relative}.info-card ul li:before{content:"";background:#1841e9;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.note{opacity:.7;margin-bottom:20px;font-size:13px;display:block}.dual-card-section .btn-primarys{color:#fff;background:#1841e9;border-radius:30px;padding:12px 25px;font-size:14px;text-decoration:none;transition:all .3s;display:inline-block}.light-card{color:#000;background:#fff;border:1px solid #e6ecff}.light-card .icon{color:#1841e9;background:#007bff1a}.dark-card{color:#fff;background:#000}.dark-card p{color:#cbd5e1}.dark-card .icon{color:#fff;background:#ffffff1a}.dark-card .note{color:#9fb3d1}.info-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014}@media (width<=768px){.dual-wrapper{grid-template-columns:1fr}}.vision-section{color:#fff;background:url(/build/assets/ext-wash-B53KFoy-.png) 50%/cover no-repeat fixed;min-height:400px;padding:120px 0;position:relative}.vision-section:before{content:"";z-index:0;background:#0009;position:absolute;inset:0}.vision-content{z-index:1;text-align:center;max-width:900px;margin:0 auto;position:relative}.vision-tag{letter-spacing:2px;color:#fffc;margin-bottom:15px;font-size:13px;display:block}.vision-content h2{text-transform:uppercase;margin-bottom:20px;font-size:35px;font-weight:700;line-height:1.4}.vision-sub{color:#d1d5db;margin-bottom:30px;font-size:16px;line-height:1.6}.vision-brand h4{margin-bottom:5px;font-size:22px}.vision-brand p{color:#cbd5e1;font-size:14px}@media (width<=768px){.vision-section{background-attachment:scroll;padding:80px 0}.vision-content h2{font-size:26px}.vision-sub{font-size:14px}}
