.hero-section{background-color:var(--themeColorLight);padding:5rem 0;position:relative}@media screen and (max-width:768px){.hero-section{padding:3rem 0}}.hero-section .hero-container{margin:0 auto;max-width:1280px;padding:0 2rem}.hero-section .hero-grid{display:grid;grid-template-columns:1fr;grid-gap:3rem;align-items:center;gap:3rem}@media(min-width:1024px){.hero-section .hero-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.hero-section .hero-text{align-items:center;display:flex;flex-direction:column;text-align:center}}.hero-section .hero-text .hero-title{color:#111827;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}@media(min-width:1024px){.hero-section .hero-text .hero-title{font-size:3.75rem}}.hero-section .hero-text .hero-title .highlight{color:var(--themeColor)}.hero-section .hero-text .hero-subtitle{color:#4b5563;font-size:1.25rem;line-height:1.7;margin-bottom:2rem}.hero-section .hero-text .hero-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:640px){.hero-section .hero-text .hero-buttons{flex-direction:row}}.hero-section .hero-text .hero-buttons .btn{border-radius:.5rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.hero-section .hero-text .hero-buttons .btn-primary{align-items:center;background-color:var(--themeColor);color:var(--whiteColor);display:flex;justify-content:center}.hero-section .hero-text .hero-buttons .btn-primary:hover{background-color:var(--themeColor);transform:scale(1.05)}.hero-section .hero-text .hero-buttons .btn-primary .btn-icon{margin-left:.5rem;transition:transform .3s ease}.hero-section .hero-text .hero-buttons .btn-primary:hover .btn-icon{transform:translateX(4px)}.hero-section .hero-text .hero-buttons .btn-outline{border:2px solid var(--themeColor);color:var(--themeColor)}.hero-section .hero-text .hero-buttons .btn-outline:hover{background-color:var(--themeColor);color:#fff}.hero-section .hero-text .hero-features{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media(min-width:640px){.hero-section .hero-text .hero-features{grid-template-columns:repeat(2,1fr)}}.hero-section .hero-text .hero-features .feature-item{align-items:center;color:#374151;display:flex;gap:.5rem}.hero-section .hero-text .hero-features .feature-item .feature-icon{color:#10b981}.hero-section .hero-image-container,.hero-section .hero-image-container .image-wrapper{position:relative}.hero-section .hero-image-container .image-wrapper img{height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.hero-section .hero-image-container .floating-card{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,.1);padding:1rem;position:absolute;text-align:center}.hero-section .hero-image-container .floating-card .floating-title{font-size:1.5rem;font-weight:700}.hero-section .hero-image-container .floating-card .floating-subtitle{color:#6b7280;font-size:.875rem}.hero-section .hero-image-container .top-card{right:-1rem;top:-1rem}.hero-section .hero-image-container .bottom-card{bottom:-1rem;left:-1rem}.intro-section{background:#fff;padding:5rem 0}.intro-section .intro-container{margin:0 auto;max-width:1280px;padding:0 2rem}.intro-section .intro-grid{display:grid;grid-template-columns:1fr;grid-gap:3rem;align-items:center;gap:3rem}@media(min-width:1024px){.intro-section .intro-grid{grid-template-columns:repeat(2,1fr)}}.intro-section .intro-title{color:#111827;font-size:var(--commonFontSize-MainTitle);font-weight:700;line-height:1.3;margin-bottom:1.5rem}@media(min-width:1024px){.intro-section .intro-title{font-size:2.5rem}}.intro-section .intro-title .highlight{color:var(--themeColor)}.intro-section .intro-content .intro-text{color:#4b5563;font-size:1.125rem;line-height:1.75;margin-bottom:2rem}.intro-section .intro-content .intro-text p+p{margin-top:1.5rem}.intro-section .intro-features{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}@media(min-width:640px){.intro-section .intro-features{grid-template-columns:repeat(3,1fr)}}.intro-section .intro-features .feature-box{text-align:center}.intro-section .intro-features .feature-box .icon-box{align-items:center;background-color:rgba(214,40,40,.1);border-radius:.75rem;display:flex;height:3rem;justify-content:center;margin:0 auto .75rem;width:3rem}.intro-section .intro-features .feature-box .icon-box svg{color:var(--themeColor);height:1.5rem;width:1.5rem}.intro-section .intro-features .feature-box .feature-title{color:#111827;font-size:1rem;font-weight:600;margin-bottom:0}.intro-section .intro-features .feature-box .feature-desc{color:#6b7280;font-size:.875rem}.intro-section .intro-image,.intro-section .intro-image .image-wrapper{position:relative}.intro-section .intro-image .image-wrapper img{border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.15);width:100%}.intro-section .intro-image .image-wrapper .image-overlay{background:linear-gradient(to top right,rgba(214,40,40,.1),transparent);border-radius:1rem;inset:0;position:absolute}.intro-section .intro-image .floating-card{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,.1);padding:1rem;position:absolute;text-align:center}.intro-section .intro-image .floating-card .floating-title{font-size:1.5rem;font-weight:700}.intro-section .intro-image .floating-card .floating-subtitle{color:#6b7280;font-size:.875rem}.intro-section .intro-image .card-left{left:-1rem;top:-1rem}.intro-section .intro-image .card-right{bottom:-1rem;right:-1rem}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-5%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.intro-section .animate-bounce{animation:bounce 1.5s infinite}.intro-section .animate-fade-in{animation:fade-in 1s ease-out forwards}.intro-section .animate-slide-up{animation:slide-up .8s ease-out forwards}.services-grid{background:#f7f7f7;padding:5rem 0}.services-grid .container{margin:0 auto;max-width:1280px;padding:0 1rem}.services-grid .header{margin-bottom:4rem;text-align:center}.services-grid .header h2{color:#111827;font-size:var(--commonFontSize-subTitle);font-weight:700;margin-bottom:1rem}.services-grid .header p{color:#6b7280;font-size:1.125rem;margin:0 auto;max-width:768px}.services-grid .grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media(min-width:768px){.services-grid .grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.services-grid .grid{grid-template-columns:repeat(3,1fr)}}.services-grid .service-card{background:#fff;border-radius:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.06);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;position:relative;top:0;transition:all .2s ease-in-out}.services-grid .service-card:hover{box-shadow:0 6px 30px rgba(0,0,0,.1);top:-5%}.services-grid .service-card:hover .card-header{margin-bottom:1.5rem}.services-grid .service-card:hover .card-header .icon-wrapper{background-color:var(--themeColor);transition:all .3s ease}.services-grid .service-card:hover .card-header .icon-wrapper svg{color:var(--whiteColor);height:2rem;width:2rem}.services-grid .service-card .card-header{margin-bottom:1.5rem}.services-grid .service-card .card-header .card-title{align-items:center;display:flex;gap:15px}.services-grid .service-card .card-header .icon-wrapper{align-items:center;background-color:rgba(255,0,0,.1);border-radius:1rem;display:flex;height:4rem;justify-content:center;margin-bottom:1rem;min-width:4rem;transition:all .3s ease}.services-grid .service-card .card-header .icon-wrapper svg{color:var(--themeColor);height:2rem;width:2rem}.services-grid .service-card .card-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;transition:color .3s ease}.services-grid .service-card .card-header p{color:#6b7280;line-height:1.6}.services-grid .service-card .card-header ul{color:var(--themeColor)}.services-grid .service-card .features{list-style:none;margin-bottom:1.5rem;padding:0}.services-grid .service-card .features li{align-items:center;color:#6b7280;display:flex;font-size:.875rem;margin-bottom:.5rem}.services-grid .service-card .features li .dot{background-color:#ef4444;border-radius:50%;height:6px;margin-right:.75rem;width:6px}.services-grid .service-card .learn-more{align-items:center;background:none;border:none;color:#ef4444;cursor:pointer;display:flex;font-size:.875rem;font-weight:600}.services-grid .service-card .learn-more span{margin-left:.25rem;transition:transform .3s ease}.services-grid .service-card .learn-more:hover span{transform:translateX(4px)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.service-page .breadcrumb{background-color:#f9fafb;margin-bottom:0;padding:2rem 0}.service-page .breadcrumb .container{margin:auto;max-width:1200px;padding:0 1rem}.service-page .breadcrumb .container .breadcrumb-link{align-items:center;background-color:transparent;border:none;border-bottom:1px solid transparent;color:var(--themeColor);display:inline-flex;font-weight:600;margin-bottom:1rem;transition:color .3s}.service-page .breadcrumb .container .breadcrumb-link .icon{height:1rem;margin-right:.5rem;width:1rem}.service-page .breadcrumb .container .breadcrumb-link:hover{border-bottom:1px solid var(--themeColor)}.service-page .breadcrumb .container .title{color:#111827;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.service-page .breadcrumb .container .subtitle{color:#6b7280;font-size:1.125rem;max-width:700px}.service-page .main-content{padding:0 0 2rem}.service-page .main-content .container{margin:auto;max-width:1200px;padding:0 1rem}.service-page .main-content .content-grid{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem}@media(min-width:1024px){.service-page .main-content .content-grid{grid-template-columns:2fr 1fr}}.service-page .main-content .main-col .image-wrapper{margin-bottom:2rem}.service-page .main-content .main-col .image-wrapper img{border-radius:1rem;height:260px;-o-object-fit:cover;object-fit:cover;width:100%}.service-page .main-content .main-col .section-box{background-color:#fff;border-radius:1rem;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);margin-bottom:2rem;padding:2rem}.service-page .main-content .main-col .section-box.light-bg{background-color:#f9fafb}.service-page .main-content .main-col .section-box h3{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.service-page .main-content .main-col .section-box .html-content{color:#4b5563;font-size:1rem;line-height:1.7}.service-page .main-content .main-col .section-box .html-content h3{color:var(--themeColor);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.service-page .main-content .main-col .section-box .html-content p{margin-bottom:1rem}.service-page .main-content .main-col .section-box .features-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr}@media(min-width:768px){.service-page .main-content .main-col .section-box .features-grid{grid-template-columns:1fr 1fr}}.service-page .main-content .main-col .section-box .features-grid .feature-item{align-items:flex-start;display:flex;gap:.75rem}.service-page .main-content .main-col .section-box .features-grid .feature-item .icon.success{color:#10b981;flex-shrink:0;margin-top:1px}.service-page .main-content .main-col .section-box .features-grid .feature-item .icon.success svg{height:1.25rem;width:1.25rem}.service-page .main-content .main-col .section-box .features-grid .feature-item span{color:#374151}.service-page .main-content .main-col .section-box .tech-list{display:flex;flex-wrap:wrap;gap:.5rem}.service-page .main-content .main-col .section-box .tech-list .tech-badge{background-color:rgba(239,68,68,.1);border-radius:.5rem;color:var(--themeColor);font-size:.875rem;font-weight:500;padding:.5rem 1rem}.service-page .main-content .sidebar{position:relative;top:0}.service-page .main-content .sidebar .cta-box{background-color:var(--themeColor);border-radius:1rem;color:#fff;margin-bottom:2rem;padding:2rem}.service-page .main-content .sidebar .cta-box h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.service-page .main-content .sidebar .cta-box p{font-size:.95rem;margin-bottom:1.5rem}.service-page .main-content .sidebar .cta-box .cta-button{align-items:center;background:#fff;border:none;border-radius:.5rem;color:var(--themeColor);display:flex;font-weight:600;justify-content:center;padding:.75rem;transition:all .3s ease;width:100%}.service-page .main-content .sidebar .cta-box .cta-button .icon{margin-left:.5rem;transition:transform .2s}.service-page .main-content .sidebar .cta-box .cta-button:hover .icon{transform:translateX(4px)}.service-page .main-content .sidebar .cta-box .cta-button:hover{background-color:#f3f4f6}.service-page .main-content .sidebar .section-box{background:#fff;border-radius:1rem;margin-bottom:2rem;padding:2rem}.service-page .main-content .sidebar .section-box.light-bg{background:#f9fafb}.service-page .main-content .sidebar .section-box.shadow{box-shadow:0 2px 6px rgba(0,0,0,.05)}.service-page .main-content .sidebar .section-box h3{color:#111827;font-size:1.125rem;font-weight:700;margin-bottom:1rem}.service-page .main-content .sidebar .section-box .benefits-list,.service-page .main-content .sidebar .section-box .steps-list{display:flex;flex-direction:column;gap:1rem;padding:0}.service-page .main-content .sidebar .section-box .step-item{align-items:center;display:flex;gap:.75rem}.service-page .main-content .sidebar .section-box .step-item .step-number{align-items:center;background-color:rgba(239,68,68,.1);border-radius:9999px;color:var(--themeColor);display:flex;font-size:.875rem;font-weight:600;height:1.5rem;justify-content:center;width:1.5rem}.service-page .main-content .sidebar .section-box .benefit-item{align-items:flex-start;display:flex;gap:.5rem}.service-page .main-content .sidebar .section-box .benefit-item .icon.success{color:#10b981;flex-shrink:0;margin-top:1px}.service-page .main-content .sidebar .section-box .benefit-item .icon.success svg{height:1.25rem;width:1.25rem}.service-page .main-content .sidebar .section-box .benefit-item span{color:#374151;font-size:.875rem}.service-page-not-found{align-items:center;display:flex;justify-content:center;min-height:100vh}.service-page-not-found .text-center{text-align:center}.service-page-not-found .text-center .service-not-found-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.service-page-not-found .text-center .back-link{color:var(--themeColor);font-weight:500}.service-page-not-found .text-center .back-link:hover{color:#b91c1c}