.page-hero-service{padding:var(--breadcrumb-offset-desktop, 24px) 0 50px!important;background:linear-gradient(135deg,#e0f7fa,#e8f4fd 30%,#f5f3ff 70%,#fce7f3);text-align:center;position:relative}.page-hero-service .container{max-width:800px}.hero-breadcrumb{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-bottom:var(--breadcrumb-title-gap-desktop, 24px);padding:10px 24px;background:#fffc;border:1px solid rgba(203,213,225,.5);border-radius:50px;font-size:14px;color:#64748b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-breadcrumb a{color:#64748b;text-decoration:none;transition:color .2s}.hero-breadcrumb a:hover{color:#00aeef}.hero-breadcrumb span{color:#cbd5e1}.hero-breadcrumb .current{color:#00aeef;font-weight:500}.page-hero-service h1{font-size:48px;font-weight:600;color:#0f172a;margin-bottom:24px;line-height:1.2}.page-hero-service h1 .text-cyan{color:#00aeef}.page-hero-service .hero-subtitle{font-size:18px;color:#475569;max-width:600px;margin:0 auto;line-height:1.6;font-weight:400}.service-about{padding:100px 0;background:linear-gradient(180deg,#f8fafc,#fff);position:relative}.service-about .container{max-width:1200px}.service-about__wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;align-items:start}.service-about__header{text-align:left;position:sticky;top:140px}.service-about__title{font-size:40px;font-weight:600;color:#0f172a;margin-bottom:20px;line-height:1.2}.service-about__title .text-cyan{color:#00aeef}.service-about__subtitle{font-size:17px;color:#64748b;line-height:1.7;margin-bottom:24px}.service-about__header:after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,#00aeef,#06b6d4);border-radius:2px;margin-top:0}.service-about__content{display:grid;gap:20px}.service-about__item{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:28px 32px;position:relative;transition:all .3s ease;box-shadow:0 4px 20px #00000008}.service-about__item:hover{border-color:#00aeef;box-shadow:0 8px 32px #00aeef14;transform:translateY(-2px)}.service-about__item:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:4px;background:linear-gradient(180deg,#00aeef,#06b6d4);border-radius:0 4px 4px 0;opacity:0;transition:opacity .3s ease}.service-about__item:hover:before{opacity:1}.service-about__item-title{font-size:14px;font-weight:600;color:#00aeef;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.service-about__item p{font-size:15px;line-height:1.75;color:#475569;margin:0}@media(max-width:992px){.service-about__wrapper{grid-template-columns:1fr;gap:40px}.service-about__header{position:static;text-align:center}.service-about__header:after{margin:24px auto 0}.service-about__title{font-size:32px}}.service-content{padding:96px 0;background:linear-gradient(180deg,#fff,#f8fbff)}.service-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;align-items:stretch;padding:20px;border:1px solid rgba(15,23,42,.1);border-radius:28px;background:linear-gradient(180deg,#fff,#f6faff);box-shadow:0 20px 40px #0f172a0f;overflow:hidden}.service-intro__text{position:relative;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:40px 36px;border-radius:22px;border:1px solid #D2E7FA;background:linear-gradient(145deg,#f8fcff,#f2f8ff);box-shadow:inset 0 1px #ffffffd9}.service-intro__text:before{content:"";width:56px;height:4px;border-radius:999px;background:#00aeef}.service-intro__text h2{font-size:38px;font-weight:600;color:#0f172a;margin:0;line-height:1.14;letter-spacing:-.01em}.service-intro__text h2 .text-cyan{color:#00aeef}.service-intro__text p{font-size:17px;line-height:1.78;color:#475569;margin:0;max-width:60ch}.service-intro__text p+p{margin-top:4px}.service-intro__image{position:relative;border-radius:22px;overflow:hidden;border:1px solid #E2ECF5;box-shadow:0 18px 34px #0f172a1f;min-height:380px;height:100%;background:linear-gradient(135deg,#dff3ff,#e6ecff)}.service-intro__image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f172a0a,#0f172a24);pointer-events:none}.service-intro__image img{width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .45s ease}.service-intro:hover .service-intro__image img{transform:scale(1.05)}.service-features{background:#f8fafc;padding:100px 0;position:relative}.section-title{font-size:32px;font-weight:600;color:#0f172a;text-align:center;margin-bottom:56px;position:relative}.section-title:after{content:"";display:block;width:60px;height:4px;background:#00aeef;margin:16px auto 0;border-radius:2px}.service-list__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto}.service-list__item{display:flex;align-items:center;gap:20px;padding:24px 28px;background:#fff;border:1px solid #EEF2F6;border-radius:16px;font-size:16px;color:#334155;font-weight:600;box-shadow:0 4px 12px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1)}.service-list__item:hover{transform:translateY(-4px);border-color:#00aeef;box-shadow:0 12px 24px #00aeef1a}.service-list__item span:first-child{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#e0f2fe;color:#00aeef;border-radius:10px;font-size:20px;flex-shrink:0;transition:all .3s ease}.service-list__item:hover span:first-child{background:#00aeef;color:#fff;transform:rotate(360deg)}.service-scope{padding:100px 0;background:#fff}.scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 60px;max-width:1000px;margin:40px auto 0}.scope-item{display:flex;align-items:center;gap:12px;font-size:16px;color:#475569;padding:12px 0;border-bottom:1px solid #F1F5F9}.scope-item:before{content:"";width:6px;height:6px;background:#00aeef;border-radius:50%;flex-shrink:0}.service-audience{padding:100px 0;background:#f8fafc}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:40px auto 0}.audience-item{background:#fff;padding:32px 24px;border-radius:16px;text-align:center;border:1px solid #E2E8F0;transition:all .3s ease}.audience-item:hover{transform:translateY(-5px);border-color:#00aeef;box-shadow:0 10px 30px #00aeef14}.audience-icon{width:48px;height:48px;background:#f0f9ff;color:#00aeef;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:20px}.audience-item h3{font-size:16px;font-weight:600;color:#0f172a;margin:0}@media(max-width:992px){.audience-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.audience-grid{grid-template-columns:1fr}}.service-process{padding:100px 0;background:#fff;position:relative;overflow:hidden}.process-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;max-width:1100px;margin:60px auto 0;position:relative}.process-grid:before{content:"";position:absolute;top:30px;left:50px;right:50px;height:2px;background:#e2e8f0;z-index:1}.process-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}.step-number{width:60px;height:60px;background:#fff;border:2px solid #00AEEF;color:#00aeef;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;margin-bottom:24px;transition:all .3s ease;box-shadow:0 4px 10px #00aeef1a}.process-step:hover .step-number{background:#00aeef;color:#fff;transform:scale(1.1)}.process-step h3{font-size:18px;font-weight:600;color:#0f172a;margin-bottom:12px}.process-step p{font-size:14px;color:#64748b;line-height:1.6;max-width:180px}@media(max-width:992px){.process-grid{flex-direction:column;align-items:flex-start;gap:40px;padding-left:30px}.process-grid:before{top:0;bottom:0;left:60px;width:2px;height:auto}.process-step{flex-direction:row;text-align:left;gap:24px}.step-number{margin-bottom:0;flex-shrink:0}.process-step p{max-width:none}}.service-why{padding:100px 0;background:#f8fafc}.why-list{max-width:900px;margin:50px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.why-item{display:flex;gap:20px;padding:10px}.why-icon-box{flex-shrink:0;width:32px;height:32px;color:#00aeef;display:flex;align-items:center;justify-content:center}.why-item-text h3{font-size:17px;font-weight:600;color:#0f172a;margin-bottom:6px}.why-item-text p{font-size:14px;color:#64748b;line-height:1.5;margin:0}@media(max-width:768px){.why-list{grid-template-columns:1fr;gap:30px}}.cta-section{padding:100px 0;background:linear-gradient(135deg,#e0f2fe,#f0f9ff);text-align:center;border-top:1px solid rgba(0,174,239,.1)}.cta-section h2{font-size:36px;font-weight:600;color:#0f172a;margin-bottom:40px;letter-spacing:-.02em}.btn-group{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.btn-group .btn--cyan{padding:16px 36px;border-radius:12px;box-shadow:0 4px 14px #00aeef4d}.btn--outline-dark{padding:16px 36px;border-radius:12px;font-weight:600;font-size:15px;background:#ebf5ff;color:#1e40af;border:1px solid rgba(30,64,175,.1);transition:all .3s ease}.btn--outline-dark:hover{background:#dbeafe;transform:translateY(-2px)}.seo-service-intent,.seo-service-faq{padding:72px 0}.seo-service-intent{background:linear-gradient(180deg,#fff,#f8fbff)}.seo-service-faq{background:#f8fafc}.seo-service-intent__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.seo-service-intent__card{padding:32px;border-radius:24px;background:#fff;border:1px solid #E2E8F0;box-shadow:0 16px 36px #0f172a0d}.seo-service-intent__desc{margin:16px 0 0;font-size:16px;line-height:1.75;color:#475569}.seo-intent-tag-list,.seo-related-link-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.seo-intent-tag{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;background:#e0f2fe;color:#0f172a;font-size:14px;font-weight:600;line-height:1.4}.seo-related-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:14px;background:#fff;border:1px solid #CBD5E1;color:#0f172a;font-weight:600;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.seo-related-link:hover,.seo-related-link:focus-visible{border-color:#00aeef;transform:translateY(-1px);box-shadow:0 12px 24px #00aeef1f;outline:none}.seo-faq-list{display:grid;gap:16px;max-width:960px;margin:0 auto}.seo-faq-item{background:#fff;border:1px solid #E2E8F0;border-radius:18px;padding:20px 24px;box-shadow:0 10px 30px #0f172a0a}.seo-faq-item[open]{border-color:#00aeef59;box-shadow:0 16px 34px #00aeef14}.seo-faq-item summary{list-style:none;cursor:pointer;font-size:18px;font-weight:600;color:#0f172a;line-height:1.5}.seo-faq-item summary::-webkit-details-marker{display:none}.seo-faq-item p{margin:14px 0 0;font-size:15px;line-height:1.8;color:#475569}@media(max-width:992px){.page-hero-service{padding:var(--breadcrumb-offset-mobile, 14px) 0 40px!important}.page-hero-service h1{font-size:36px}.page-hero-service .hero-subtitle{font-size:16px}.hero-breadcrumb{font-size:13px;flex-wrap:wrap;margin-bottom:var(--breadcrumb-title-gap-mobile, 16px)}.service-content{padding:74px 0}.service-intro{grid-template-columns:1fr;gap:14px;border-radius:20px;padding:14px}.service-intro__text{border-radius:16px;padding:28px 24px;gap:14px;border-color:#d1e6f9;background:linear-gradient(145deg,#f7fcff,#f1f7ff)}.service-intro__text h2{font-size:32px}.service-intro__text p{font-size:16px;line-height:1.72}.service-list__grid{grid-template-columns:1fr}.service-intro__image{min-height:300px;border-radius:16px}.scope-grid{grid-template-columns:1fr;gap:0}.cta-section h2{font-size:26px}.seo-service-intent__grid{grid-template-columns:1fr}}@media(max-width:576px){.page-hero-service{padding:var(--breadcrumb-offset-mobile, 14px) 0 20px!important}.page-hero-service h1{font-size:28px}.service-content,.service-features,.cta-section{padding:56px 0}.service-intro{padding:10px;border-radius:18px}.service-intro__text{padding:22px 16px;border-radius:14px;border-color:#cce3f8;background:linear-gradient(145deg,#f6fbff,#eef6ff)}.service-intro__text h2{font-size:28px;line-height:1.2}.service-intro__text p{font-size:15px;line-height:1.7}.service-intro__image{min-height:240px}.section-title{font-size:22px}.seo-service-intent,.seo-service-faq{padding:56px 0}.seo-service-intent__card{padding:24px 18px;border-radius:18px}.seo-faq-item{padding:18px 16px}.seo-faq-item summary{font-size:16px}}