.service-page main{position:relative;z-index:1;padding-top:calc(var(--header-height) + var(--safe-top))}.service-detail__hero{padding:2rem 0 1rem}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-muted);margin-bottom:1.5rem}.breadcrumb a{color:var(--color-accent);transition:var(--transition)}.breadcrumb a:hover{text-decoration:underline}.service-detail__hero-inner{display:flex;align-items:center;gap:1.25rem}.service-detail__hero-icon{font-size:3.5rem;line-height:1;flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.service-detail__hero h1{font-family:var(--font-display);font-size:clamp(1.85rem,4vw,2.75rem);font-weight:700;line-height:1.15;margin-bottom:.5rem}.service-detail__tagline{font-size:1.1rem;color:var(--color-text-muted)}.service-detail__grid{display:grid;grid-template-columns:1fr 320px;gap:2.5rem;align-items:start}.service-detail__text{font-size:1.05rem;color:var(--color-text-muted);margin-bottom:1.25rem;line-height:1.75}.service-detail__example{margin:2rem 0;padding:1.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.service-detail__example-label{font-weight:600;margin-bottom:.75rem}.service-detail__example-good{font-size:1.15rem;font-weight:600;color:var(--color-accent);margin-bottom:.5rem}.service-detail__example-bad{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.25rem}.service-detail__example-bad-text{font-size:1rem;color:var(--color-text-muted)}.service-detail__sections{display:grid;gap:1.5rem;margin-top:2rem}.service-detail__sections--multi{grid-template-columns:repeat(2,1fr)}.service-detail__block{padding:1.75rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.service-detail__block h2{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:1.25rem}.service-detail__list{display:grid;gap:.65rem}.service-detail__list li{position:relative;padding-left:1.5rem;font-size:.95rem;color:var(--color-text-muted);line-height:1.5}.service-detail__list li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:700}.service-detail__sidebar{position:sticky;top:calc(var(--header-height) + var(--safe-top) + 1rem)}.service-detail__cta-card{padding:1.75rem;background:linear-gradient(135deg,#06b6d414,#8b5cf614);border:1px solid rgba(6,182,212,.2);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem}.service-detail__cta-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.service-detail__cta-card p{font-size:.9rem;color:var(--color-text-muted)}.service-detail__why-card{max-width:800px;margin:0 auto;padding:2.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-card)}.service-detail__why-card p{color:var(--color-text-muted);margin-top:1rem;line-height:1.75}.service-detail__related .section__title{text-align:center;margin-bottom:2rem;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem)}.service-detail__related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-detail__related-card{display:flex;align-items:center;gap:.75rem;padding:1.25rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:500;transition:var(--transition);box-shadow:var(--shadow-card)}.service-detail__related-card:hover{border-color:var(--color-accent);transform:translateY(-3px)}.service-detail__related-icon{font-size:1.5rem}.service-page .footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:1.5rem 0 calc(1.5rem + var(--safe-bottom));border-top:1px solid var(--color-border);font-size:.85rem;color:var(--color-text-muted)}.service-page .footer__bottom a{color:var(--color-accent)}.service-detail__block--full{grid-column:1 / -1}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.5rem}.feature-card{position:relative;padding:1.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--feature-color, var(--color-accent));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.feature-card:hover,.feature-card.is-active{transform:translateY(-6px);border-color:color-mix(in srgb,var(--feature-color) 40%,transparent);box-shadow:0 12px 40px color-mix(in srgb,var(--feature-color) 15%,transparent)}.feature-card:hover:before,.feature-card.is-active:before{transform:scaleX(1)}.feature-card__icon-wrap{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.feature-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:color-mix(in srgb,var(--feature-color) 12%,transparent);color:var(--feature-color);transition:transform .3s ease,background .3s ease}.feature-card__icon svg{width:26px;height:26px}.feature-card:hover .feature-card__icon,.feature-card.is-active .feature-card__icon{transform:scale(1.1) rotate(-4deg);background:color-mix(in srgb,var(--feature-color) 20%,transparent)}.feature-card__badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:100px;background:color-mix(in srgb,var(--feature-color) 15%,transparent);color:var(--feature-color)}.feature-card__title{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:.4rem;line-height:1.3}.feature-card__desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.55}.feature-card__check{position:absolute;bottom:1rem;right:1rem;width:22px;height:22px;color:var(--feature-color);opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.feature-card__check svg{width:100%;height:100%}.feature-card.is-active .feature-card__check,.feature-card:hover .feature-card__check{opacity:1;transform:scale(1)}.brand-strip{margin:2rem 0;padding:1.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.brand-strip__label{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1.25rem;font-weight:500}.brand-strip__logos{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.brand-logo{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform .3s ease,box-shadow .3s ease}.brand-logo:hover{transform:translateY(-4px);box-shadow:0 8px 24px color-mix(in srgb,var(--brand-color) 20%,transparent);border-color:color-mix(in srgb,var(--brand-color) 30%,transparent)}.brand-logo__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--brand-color) 12%,transparent);color:var(--brand-color)}.brand-logo__icon svg{width:18px;height:18px}.brand-logo__name{font-size:.85rem;font-weight:600}@media(max-width:1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.feature-grid{grid-template-columns:1fr}.brand-strip__logos{gap:.75rem}.brand-logo{padding:.6rem 1rem}}@media(max-width:1024px){.service-detail__grid{grid-template-columns:1fr}.service-detail__sidebar{position:static}.service-detail__sections--multi,.service-detail__related-grid{grid-template-columns:1fr}}@media(max-width:768px){.service-detail__hero{padding:1.5rem 0 .5rem}.service-detail__hero-inner{flex-direction:column;align-items:flex-start;gap:1rem}.service-detail__hero-icon{width:64px;height:64px;font-size:2.5rem}.service-detail__block{padding:1.25rem}.service-detail__why-card{padding:1.75rem 1.25rem;text-align:left}.service-page .footer__bottom{flex-direction:column;text-align:center}}