.service-hero { padding-block: 80px 0;}.service-hero__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center;}.service-hero__badge { display: inline-block; padding: 10px 18px; border-radius: 999px; background-color: var(--color-primary-light, #e8f5ee); color: var(--color-primary, #2d6a4f); font-weight: 800; font-family: var(--font-primary); font-size: var(--text-sm); margin-bottom: 1rem; overflow-wrap: break-word;}.service-hero__title { font-family: "Baloo 2", var(--font-heading); font-size: clamp(3rem, 7vw, 5rem); line-height: 1.05; margin-bottom: 1.5rem; color: var(--color-text, #1f2937); overflow-wrap: break-word; word-break: break-word;}.service-hero__desc { color: var(--color-text-muted, #6b7280); font-size: var(--text-lg); line-height: 1.7; max-width: 520px; overflow-wrap: break-word;}.service-hero__art { background-color: #ffffff; border-radius: 32px; border: 1px solid var(--color-border, #e5e7eb); height: 280px; display: flex; align-items: center; justify-content: center; overflow: hidden;}.service-hero__art > img { width: 100%;}.service-detail__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center;}.service-detail__grid--reverse { direction: rtl;}.service-detail__grid--reverse > * { direction: ltr;}.service-detail__info { overflow-wrap: break-word;}.service-detail__tag { display: inline-block; padding: 8px 16px; border-radius: 999px; background-color: var(--color-primary-light, #e8f5ee); color: var(--color-primary, #2d6a4f); font-weight: 800; font-family: var(--font-primary); font-size: var(--text-sm); margin-bottom: 1rem; overflow-wrap: break-word;}.service-detail__title { font-family: "Baloo 2", var(--font-heading); font-size: clamp(2rem, 5vw, 3rem); line-height: 1.1; margin-bottom: 1rem; color: var(--color-text, #1f2937); overflow-wrap: break-word; word-break: break-word;}.service-detail__desc { color: var(--color-text-muted, #6b7280); font-size: var(--text-base); line-height: 1.7; margin-bottom: 1.5rem; overflow-wrap: break-word;}.service-detail__features { list-style: none; padding: 0; margin: 0 0 2rem 0;}.service-detail__features li { position: relative; padding-left: 1.5rem; margin-bottom: 0.5rem; color: var(--color-text, #1f2937); font-size: var(--text-base); line-height: 1.6; overflow-wrap: break-word;}.service-detail__features li::before { content: "✓"; position: absolute; left: 0; color: var(--color-primary, #2d6a4f); font-weight: 700;}.service-detail__visual { display: flex; align-items: center; justify-content: center; overflow: hidden;}.service-detail__visual img { max-width: 100%; height: auto; border-radius: var(--radius-lg, 24px);}.service-compare__table { max-width: 800px; margin-inline: auto;}.service-compare__row { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1px; border-bottom: 1px solid var(--color-border, #e5e7eb);}.service-compare__row--head { background-color: var(--color-primary-light, #e8f5ee); border-radius: var(--radius-md, 16px) var(--radius-md, 16px) 0 0; font-weight: 700;}.service-compare__col { padding: 1rem; display: flex; align-items: center; justify-content: center; text-align: center; font-size: var(--text-base); color: var(--color-text, #1f2937); overflow-wrap: break-word;}.service-compare__label { padding: 1rem; display: flex; align-items: center; font-weight: 700; font-size: var(--text-sm); color: var(--color-text, #1f2937); overflow-wrap: break-word;}.service-compare__row--head .service-compare__col { color: var(--color-primary, #2d6a4f); font-weight: 800;}.section--compare { background-color: var(--color-white);}.service-detail--jaas { background-color: var(--color-white);}@media (max-width: 900px) { .service-hero__grid, .service-detail__grid { grid-template-columns: minmax(0, 1fr); } .service-hero { padding-block: var(--space-2xl); } .service-hero__title { font-size: 3.8rem; } .service-detail__grid--reverse { direction: ltr; } .service-detail__visual { order: -1; } .service-compare__row { grid-template-columns: 1fr; gap: 0; } .service-compare__row--head { display: none; } .service-compare__col { display: none; padding: 0.5rem 1rem; } .service-compare__col:nth-child(2), .service-compare__col:nth-child(3), .service-compare__col:nth-child(4) { display: flex; } .service-compare__label { font-weight: 800; font-size: var(--text-sm); color: var(--color-primary, #2d6a4f); } .service-compare__row { border-radius: 0; margin-bottom: 8px; background-color: var(--color-off-white, #f8faf8); } .mobile-nav { display: flex; } .page-header__nav { display: none; }}@media (min-width: 901px) { .mobile-nav { display: none; }}