:root{--text-light:#666;--primary:#074fae;--border:#e2e8f0;--dark:#1a1a2e;--white:#fff;--radius:12px;--radius-lg:20px}.hero{background:#074fae;padding:60px 40px;overflow:hidden;position:relative;min-height:520px}.hero::before{content:"";position:absolute;top:-80px;right:-80px;width:420px;height:420px;border-radius:50%;background:rgb(255 255 255 / .05)}.hero::after{content:"";position:absolute;top:60px;right:60px;width:200px;height:200px;border-radius:50%;background:rgb(255 255 255 / .04)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.eye-alt{background:rgb(255 255 255 / .12);color:#fff}.eye-alt::before{background:#fff}.hero-title{font-size:calc(1.425rem + 2.1vw);font-weight:600;color:#fff;line-height:1.18;margin-bottom:16px}.hero-desc{font-size:16px;color:rgb(255 255 255 / .75);line-height:1.6;margin-bottom:26px;max-width:620px}.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}.btn-primary{background:#fff;color:var(--primary);font-size:14px;font-weight:600;padding:8px 26px;border-radius:100px;border:none;cursor:pointer;transition:opacity 0.2s}.btn-primary:hover{opacity:.9}.btn-secondary{background:#fff0;color:#fff;font-size:14px;font-weight:500;padding:8px 26px;border-radius:100px;border:1.5px solid rgb(255 255 255 / .45);cursor:pointer;transition:border-color 0.2s}.btn-secondary:hover{background-color:#fff;color:var(--primary);border-color:#fff}.hero-stats{display:flex;gap:28px}.stat-num{font-size:22px;font-weight:700;color:#fff}.stat-label{font-size:11px;color:rgb(255 255 255 / .6);margin-top:2px;letter-spacing:.2px}.stat-divider{width:1px;background:rgb(255 255 255 / .2);height:36px;align-self:center}.hero-right{position:relative;display:flex;flex-direction:column}.hero-img-wrap{background:rgb(255 255 255 / .07);border-radius:16px;padding:28px 28px;border:1px solid rgb(255 255 255 / .12);border-bottom:none;position:relative;overflow:hidden;min-height:320px;display:flex;align-items:flex-end;justify-content:center}.mock-browser{background:#fff;border-radius:10px;width:100%;min-height:240px;overflow:hidden}.mock-bar{background:#f1f5f9;padding:10px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #e2e8f0}.mock-dot{width:9px;height:9px;border-radius:50%}.mock-url{background:#fff;border-radius:4px;flex:1;height:20px;display:flex;align-items:center;padding:0 10px;font-size:10px;color:#64748b;border:1px solid #e2e8f0}.mock-content{padding:16px}.mock-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.mock-title{font-size:11px;font-weight:600;color:#1e293b}.mock-badge{font-size:9px;color:#16a34a;background:#dcfce7;padding:2px 8px;border-radius:10px}.bars{display:flex;align-items:flex-end;gap:6px;height:80px}.bar{border-radius:3px 3px 0 0;flex:1}.bar-label-row{display:flex;gap:6px;margin-top:4px}.bar-lbl{flex:1;text-align:center;font-size:8px;color:#94a3b8}.mock-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.kpi{background:#f8fafc;border-radius:6px;padding:8px 10px}.kpi-val{font-size:13px;font-weight:700;color:#074fae}.kpi-lbl{font-size:8px;color:#94a3b8;margin-top:1px}.float-card{position:absolute;background:#fff;border-radius:10px;padding:10px 14px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:10px;box-shadow:0 4px 16px rgb(0 0 0 / .1);z-index:1}.float-card-1{top:-30px;right:-20px;min-width:150px}.float-card-2{bottom:-30px;left:-20px;min-width:150px}.float-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.float-text-val{font-size:13px;font-weight:700;color:#1e293b}.float-text-lbl{font-size:10px;color:#94a3b8}.pills-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.pill{background:rgb(255 255 255 / .1);color:rgb(255 255 255 / .85);font-size:11px;padding:5px 12px;border-radius:20px;border:1px solid rgb(255 255 255 / .18);display:flex;align-items:center;gap:5px}.pill-check{width:12px;height:12px;border-radius:50%;background:#4ade80;display:inline-flex;align-items:center;justify-content:center;font-size:7px;color:#fff;font-weight:700}.monitoring-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.monitoring-visual{position:relative}.monitoring-visual img{width:100%;height:420px;object-fit:cover;border-radius:var(--radius-lg)}.monitoring-content .section-subtitle{margin-bottom:20px}.monitoring-steps{margin-top:28px}.m-step{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--border)}.m-step:last-child{border-bottom:none}.m-step-num{width:36px;height:36px;min-width:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--white)}.m-step h3{font-size:16px;font-weight:700;color:var(--dark);margin-bottom:4px}.m-step p{font-size:14px;color:var(--text-light);margin-bottom:0}.hero-image-wrapper{position:relative;width:100%;max-width:100%;margin:auto}.hero-image-wrapper .hero-img{width:100%;border-radius:50% / 40%}.hero-image-wrapper .service-bubble{position:absolute;width:110px;height:110px;background:#fff;border-radius:50%;display:flex;text-align:center;justify-content:center;padding:18px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 10px 30px rgb(0 0 0 / .15);border:5px solid #ededed}.hero-image-wrapper .service-bubble span{display:flex;justify-content:center;align-items:center}.hero-image-wrapper .bubble-info{position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background:#fff;padding:10px 14px;width:180px;font-size:12px;border-radius:8px;opacity:0;visibility:hidden;transition:0.3s;box-shadow:0 10px 25px rgb(0 0 0 / .15)}.hero-image-wrapper .service-bubble:hover .bubble-info{opacity:1;visibility:visible}.hero-image-wrapper .bubble-1{bottom:-30px;left:8%}.hero-image-wrapper .bubble-2{bottom:-10px;right:319px}.hero-image-wrapper .bubble-3{bottom:65px;right:150px}.hero-image-wrapper .bubble-4{right:0;top:27%}@media (max-width:1024px){.monitoring-grid{grid-template-columns:1fr}.monitoring-visual{order:-1}.monitoring-visual img{height:340px}}.why-seo-section .seo-point{display:flex;gap:14px;align-items:flex-start}.why-seo-section .seo-point h3{font-size:15px;margin-bottom:4px;font-weight:600}.why-seo-section .seo-icon{width:38px;height:38px;border-radius:50%;background:#eef3ff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.why-seo-section .seo-icon>svg.icon--cc{width:20px;color:var(--primary-color)}.why-seo-section .seo-point p{font-size:14px;color:#666;line-height:1.4;margin:10px 0 0 0}.seo-process-section{background:url(/src/assets/images/process-bg.webp);background-repeat:no-repeat;background-position:center center;background-size:cover}.seo-process-section i{color:var(--primary-color);font-size:22px}.seo-process-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.seo-process-section .process-card{padding:30px;text-align:center;position:relative;z-index:2}.seo-process-section .process-icon>i{background-color:var(--primary-color)}.seo-process-section .process-icon>svg.icon--cc{color:var(--primary-color)}.seo-process-section .process-icon{width:60px;height:60px;background:#fff;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 7px 10px rgb(0 0 0 / .15)}.seo-process-section .process-card span{font-size:16px;display:block;font-weight:600;margin-bottom:6px}.seo-process-section .process-card p{font-size:14px;color:#666;margin:0}.why-choose-section{background:#223246;color:#fff;position:relative;overflow:hidden}.why-choose-section .outline-btn{display:inline-block;padding:10px 22px;border-radius:30px;background:#fff;color:#1d5cff;font-weight:500;text-decoration:none;transition:0.3s}.why-choose-section .outline-btn:hover{background:#e6edff}.why-choose-section .why-points{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}@media (max-width:992px){.hero{padding:60px 26px}.why-choose-section .why-points{grid-template-columns:repeat(3,1fr)}.why-choose-section .graph-wrapper{display:none}}@media (max-width:767px){.why-choose-section .sec-head{margin-bottom:0}}@media (max-width:575px){.hero{padding:60px 16px 40px}.why-choose-section .why-points{grid-template-columns:repeat(2,1fr)}}.why-choose-section .why-point{text-align:center;padding:16px;position:relative;border-right:1px dashed rgb(255 255 255 / .25)}.why-choose-section .why-point:last-child{border-right:none}.why-choose-section .why-point span{width:32px;height:32px;background:#fff;color:#1d5cff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:10px}.why-choose-section .why-point p{font-size:14px;color:#dbe5f2;margin:0}.why-choose-section .graph-wrapper{margin-top:60px}.why-choose-section .graph-wrapper img{width:100%;max-width:100%;display:block}.seo-services{--ucc-visible-slides:4;--ucc-gap:20px}.seo-services .ucc-slider-container{width:100%;position:relative;overflow:hidden}.seo-services .ucc-slider-viewport{width:100%;overflow-x:hidden}.seo-services .ucc-slider-track{display:flex;gap:var(--ucc-gap);width:max-content;animation:cssAutoScroll 35s linear infinite}.seo-services .ucc-slide-item{width:calc((100vw - 40px - (var(--ucc-gap) * (var(--ucc-visible-slides) - 1))) / var(--ucc-visible-slides));flex-shrink:0}.seo-services .ucc-clone{user-select:none}.seo-services .ucc-slider-container:hover .ucc-slider-track{animation-play-state:paused}.seo-services .service-card{height:160px;background:#f1f4f8;border-radius:14px;padding:20px;text-decoration:none;color:#000;transition:all 350ms ease-out;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid #f1f1f1;text-align:center}.seo-services .service-card>svg.icon--cc{--cc-icon-size:32px;color:var(--primary-color);margin-block:.5rem}.seo-services .service-card .title{font-size:15px;font-weight:600;margin-bottom:6px}.seo-services .service-card span{font-size:13px}.seo-services .service-card:hover{background:#fff;box-shadow:0 4px 10px rgb(0 0 0 / .1);transform:translateY(-4px)}@media (max-width:1200px){.seo-services{--ucc-visible-slides:3}}@media (max-width:991px){.seo-services{--ucc-visible-slides:2.2;--ucc-gap:16px}}@media (max-width:767px){.seo-services{--ucc-visible-slides:2.2;--ucc-gap:16px}.seo-services .ucc-slider-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.seo-services .ucc-slider-viewport::-webkit-scrollbar{display:none}.seo-services .ucc-slider-track{animation:none!important;width:max-content}.seo-services .ucc-slide-item{width:calc((100vw - 32px - (var(--ucc-gap) * (var(--ucc-visible-slides) - 1))) / var(--ucc-visible-slides));scroll-snap-align:start}.seo-services .ucc-clone{display:none}}@media (max-width:520px){.seo-services{--ucc-visible-slides:1.2}}@keyframes cssAutoScroll{0%{transform:translateX(0)}100%{transform:translateX(calc((-11 * (100vw - 40px - (var(--ucc-gap) * (var(--ucc-visible-slides) - 1))) / var(--ucc-visible-slides)) - (11 * var(--ucc-gap))))}}.seo-dual-section{background:radial-gradient(circle at center,#f4f9ff 0%,#eaf2ff 45%,#ffffff 100%);overflow:hidden}.seo-inner{max-width:1200px}.seo-content-one{padding-left:40px;padding-right:20px}.seo-content-two{padding-left:20px;padding-right:40px}.seo-dual-section h2{font-size:42px;font-weight:600;margin-bottom:20px}.seo-dual-section p{font-size:16px;line-height:1.7;color:#4a5568}.side-illustration{position:absolute;max-width:160px}.left-ill{left:-120px;bottom:-30px}.right-ill{right:-120px;top:-30px}.side-illustration img{width:100%}.swiper-pagination-horizontal.swiper-pagination-bullets{position:relative;bottom:0;display:flex;align-items:center;justify-content:center}.swiper-pagination-bullet{width:6px;height:6px}.swiper-pagination-bullet.swiper-pagination-bullet-active{color:var(--primary-color);outline:1px solid var(--primary-color);outline-offset:2px}button.btn:focus{border:none!important;outline:none!important}.tab-system-wrapper .tab-system{--tab-bg-inactive:#fff;--tab-bg-hover:var(--primary-color, #074fae);--tab-bg-active:var(--primary-color, #074fae);--tab-text-inactive:#333;--tab-text-hover:#fff;--tab-text-active:#fff;--tab-radius:8px;--tab-transition-speed:0.3s;display:grid;grid-template-columns:30% 1fr;gap:40px;align-items:start}.tab-system-wrapper .tab-aside{display:flex;flex-direction:column;background:#f8fafc;border-radius:12px}.tab-system-wrapper .tab-aside-footer{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:20px;padding:10px}.tab-system-wrapper .tab-wrapper{display:flex;flex-direction:column;width:100%;gap:12px;padding:10px;margin-bottom:0;overflow-x:visible}.tab-system-wrapper .tab-system__label{display:block;width:100%;padding:12px 18px;background:var(--tab-bg-inactive);border-radius:var(--tab-radius);color:var(--tab-text-inactive);cursor:pointer;font-size:15px;font-weight:400;text-align:left;border:1px solid #ebebeb;line-height:1.4;height:auto;margin-right:0;transition:all var(--tab-transition-speed) ease}.tab-system-wrapper .tab-system__input:hover+.tab-system__label{background:var(--tab-bg-hover);color:var(--tab-text-hover);border-color:var(--tab-bg-hover)}.tab-system-wrapper .tab-system__input:checked+.tab-system__label{background:var(--tab-bg-active);color:var(--tab-text-active);border-color:#fff0}.tab-system-wrapper .tab-system__content-wrapper{position:relative;width:100%;min-height:400px}.tab-system-wrapper .tab-system__panel{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(15px);pointer-events:none;z-index:1;transition:transform var(--tab-transition-speed) ease,opacity var(--tab-transition-speed) ease}.tab-system-wrapper .tab-system:has(.tab-system__input#tab-1:checked) .tab-system__content-wrapper #content-1,.tab-system-wrapper .tab-system:has(.tab-system__input#tab-2:checked) .tab-system__content-wrapper #content-2,.tab-system-wrapper .tab-system:has(.tab-system__input#tab-3:checked) .tab-system__content-wrapper #content-3,.tab-system-wrapper .tab-system:has(.tab-system__input#tab-4:checked) .tab-system__content-wrapper #content-4,.tab-system-wrapper .tab-system:has(.tab-system__input#tab-5:checked) .tab-system__content-wrapper #content-5,.tab-system-wrapper .tab-system:has(.tab-system__input#tab-6:checked) .tab-system__content-wrapper #content-6{position:relative;opacity:1;transform:translateY(0);pointer-events:auto;z-index:2;scale:1;box-shadow:none}.tab-system-wrapper .tab-content-article h2{font-size:34px;margin-bottom:20px}.tab-system-wrapper .tab-content-article p{font-size:16px;line-height:1.7;color:#444}@media (max-width:991px){.tab-system-wrapper .tab-system{grid-template-columns:1fr;gap:20px}.tab-system-wrapper .tab-aside{margin-bottom:30px}.tab-system-wrapper .tab-aside-footer img{display:none}}@media (max-width:992px){.seo-content-one{padding-left:0}.seo-content-one .row{padding-inline:0}.seo-content-two{padding:0}.side-illustration{display:none}.graph-wrapper{margin-top:40px}.seo-process-grid{grid-template-columns:repeat(2,1fr)}.hero-image-wrapper{max-width:420px;margin:40px auto 0}.service-bubble{width:95px;height:95px;font-size:12px}}@media (max-width:768px){.hero-inner{grid-template-columns:1fr}.hero-right{display:none}.industry-card{min-width:100%;height:300px}.seo-services .nav-btn{display:none}.why-choose-section .why-point{border:none}.highlight-card{font-size:14px;padding:12px 14px}.SEO-main-banner{padding:50px 0;text-align:center}.SEO-main-banner p{font-size:16px}.hero-image-wrapper{margin-top:40px}.seo-process-section .process-card{padding:16px 16px}.service-bubble{position:static;width:100%;height:auto;margin:15px auto;border-radius:16px;padding:14px;flex-direction:column;align-items:center;text-align:center}.bubble-info{position:static;opacity:1;visibility:visible;margin:6px auto 0;box-shadow:none;padding:0;font-size:13px;text-align:center;max-width:260px;transform:translateX(0%)}}@media (max-width:576px){.industry-card{height:300px}.two-ul-list{grid-template-columns:1fr}.section-subtitle{margin-left:auto;margin-right:auto}.highlight-card{justify-content:flex-start}.section-subtitle{margin:auto}.seo-process-section{padding:60px 0}.seo-process-grid{grid-template-columns:1fr;gap:20px}}.testimonial-section{--ucc-visible-slides:2.2;--ucc-gap:24px;--ucc-total-slides:4;--ucc-transition-speed:0.5s;background:#cfe6f7}.testimonial-section .testimonial-left{padding-left:60px}.testimonial-section .testimonial-illustration img{max-width:260px}.testimonial-section .testimonial-card{background:#fff;border-radius:18px;padding:20px 30px}.testimonial-section .testimonial-card p{font-size:14px;line-height:1.6;color:#444;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.testimonial-section .testimonial-footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.testimonial-section .testimonial-footer span{display:block;font-size:13px;color:#666}.testimonial--logo{width:auto;height:40px;object-fit:contain}.testimonial-section .ucc-slider-container{width:100%;position:relative}.testimonial-section .ucc-slider-viewport{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.testimonial-section .ucc-slider-viewport::-webkit-scrollbar{display:none}.testimonial-section .ucc-slider-track{display:flex;gap:var(--ucc-gap);transition:var(--ucc-transition-speed) ease-in-out}.testimonial-section .ucc-slide-item{flex:0 0 calc((100% - (var(--ucc-gap) * (var(--ucc-visible-slides) - 1))) / var(--ucc-visible-slides));scroll-snap-align:start}.testimonial-section #ucc-t-slide-1:checked~.ucc-slider-viewport .ucc-slider-track{transform:translateX(0)}.testimonial-section #ucc-t-slide-2:checked~.ucc-slider-viewport .ucc-slider-track{transform:translateX(calc(-1 * (100% / var(--ucc-visible-slides)) - (var(--ucc-gap) / var(--ucc-visible-slides))))}.testimonial-section #ucc-t-slide-3:checked~.ucc-slider-viewport .ucc-slider-track{transform:translateX(calc(-2 * ((100% / var(--ucc-visible-slides)) + (var(--ucc-gap) / var(--ucc-visible-slides)))))}.testimonial-section #ucc-t-slide-4:checked~.ucc-slider-viewport .ucc-slider-track{transform:translateX(calc(-3 * ((100% / var(--ucc-visible-slides)) + (var(--ucc-gap) / var(--ucc-visible-slides)))))}.testimonial-section .ucc-slider-controls{position:relative;height:48px;display:flex;align-items:center}.testimonial-section .ucc-control-group{position:absolute;inset:0;display:none;align-items:center;justify-content:end;padding-right:20px;gap:12px}.testimonial-section #ucc-t-slide-1:checked~.ucc-slider-controls .ucc-group-1{display:flex}.testimonial-section #ucc-t-slide-2:checked~.ucc-slider-controls .ucc-group-2{display:flex}.testimonial-section #ucc-t-slide-3:checked~.ucc-slider-controls .ucc-group-3{display:flex}.testimonial-section #ucc-t-slide-4:checked~.ucc-slider-controls .ucc-group-4{display:flex}.testimonial-section .ucc-nav-btn{width:44px;height:44px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;transition:all 0.25s ease}.testimonial-section .ucc-nav-btn .icon--cc{width:20px;height:20px;fill:currentColor}.testimonial-section .ucc-nav-btn.ucc-is-disabled{opacity:.7;pointer-events:none;background:#fff;color:#000}@media (max-width:991px){.testimonial-section{--ucc-visible-slides:1.6}}@media (max-width:767px){.testimonial-section{--ucc-visible-slides:1.2;--ucc-gap:16px}.testimonial-section #ucc-t-slide-1:checked~.ucc-slider-viewport .ucc-slider-track,.testimonial-section #ucc-t-slide-2:checked~.ucc-slider-viewport .ucc-slider-track,.testimonial-section #ucc-t-slide-3:checked~.ucc-slider-viewport .ucc-slider-track,.testimonial-section #ucc-t-slide-4:checked~.ucc-slider-viewport .ucc-slider-track{transform:none}.testimonial-section .ucc-slider-controls{display:none}}