/* Approved homepage sections; styles remain scoped away from other pages. */
@font-face {font-family:"Hdevops Pretendard";src:url("../fonts/PretendardVariable.302ec55f5b43.woff2") format("woff2");font-weight:45 920;font-style:normal;font-display:swap}
.home-sections {--ink:#10283f;--text:#303f4b;--muted:#63707a;--line:#d7dfe3;--paper:#f5f7f8;--teal:#2b7188;--header:80px}
.home-sections,.home-sections * {box-sizing:border-box}
.home-sections {margin:0;background:#fff;color:var(--text);font:400 16px/1.7 "Hdevops Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em;word-break:keep-all}
.home-sections a {color:inherit;text-decoration:none}
.home-sections button,.home-sections input,.home-sections select,.home-sections textarea {font:inherit}
.home-sections a,.home-sections button,.home-sections input,.home-sections select,.home-sections textarea,.home-sections summary {-webkit-tap-highlight-color:transparent}
.home-sections button,.home-sections a,.home-sections summary {touch-action:manipulation}
.home-sections img {display:block;max-width:100%;height:auto}
.home-sections h1,.home-sections h2,.home-sections h3,.home-sections p,.home-sections figure {margin:0}
.home-sections h1,.home-sections h2,.home-sections h3 {color:var(--ink)}
.home-sections h1,.home-sections h2,.home-sections h3 {font-weight:600}
.home-sections button {cursor:pointer}
.home-sections a:hover {text-decoration-thickness:1px}
.home-sections a:focus-visible,.home-sections button:focus-visible,.home-sections summary:focus-visible {outline:2px solid var(--teal);outline-offset:5px}
.home-sections input:focus-visible,.home-sections textarea:focus-visible,.home-sections select:focus-visible {outline:2px solid var(--teal);outline-offset:1px}
.home-sections ::selection {background:#dceef4;color:var(--ink)}
.home-sections .hs-wrap {width:min(1240px,calc(100% - 96px));margin-inline:auto}
.home-sections .hs-text-link {display:inline-flex;min-height:36px;align-items:center;text-decoration:underline;text-decoration-color:#a1abb4;text-underline-offset:6px;text-decoration-thickness:1px;color:var(--ink);font-size:14px;font-weight:500}
.home-sections .hs-text-link:hover {color:var(--teal);text-decoration-color:var(--teal)}
.home-sections .hs-work {padding-bottom:92px}
.home-sections .hs-section-heading {display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px;padding-top:24px;border-top:1px solid var(--line)}
.home-sections .hs-section-heading h2 {font-size:21px;letter-spacing:-.02em}
.home-sections .hs-work-grid {display:grid;grid-template-columns:1.1fr 1fr;gap:36px}
.home-sections .hs-case-image {height:365px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px}
.home-sections .hs-messenger-image {background:#edf2f4;padding:32px 30px}
.home-sections .hs-device-set {display:flex;align-items:flex-end;gap:13px;width:100%;max-width:570px}
.home-sections .hs-device-set figure {width:37%;min-width:0}
.home-sections .hs-device-set .hs-mobile-shot {width:26%;padding-bottom:0}
.home-sections .hs-device-set img {width:100%;height:auto;border:1px solid #cbd6de;border-radius:4px;box-shadow:0 3px 9px #10283f0a}
.home-sections .hs-device-set figcaption {text-align:center;color:#687884;font-size:11px;margin-top:10px}
.home-sections .hs-wellness-image {background:#eef1ed;padding:24px}
.home-sections .hs-site-frame {width:100%;border:1px solid #d0d8d0;border-radius:3px;overflow:hidden;background:white}
.home-sections .hs-site-frame-label {font-size:11px;color:#6f796f;padding:9px 13px;border-bottom:1px solid #e2e7e1}
.home-sections .hs-site-frame img {width:100%}
.home-sections .hs-case-caption {display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-top:23px}
.home-sections .hs-case-type {font-size:13px;color:var(--muted);margin-bottom:6px}
.home-sections .hs-case-caption h3 {font-size:22px;line-height:1.5;letter-spacing:-.025em}
.home-sections .hs-case-caption>a {flex-shrink:0;margin-top:22px;font-size:13px}
.home-sections .hs-case-description {font-size:15px;line-height:1.75;margin-top:10px;color:#63717b;max-width:560px}
.home-sections .hs-section {padding-block:90px}
.home-sections .hs-services {background:var(--paper);border-top:1px solid #e7ecef}
.home-sections .hs-service-layout {display:grid;grid-template-columns:1fr 1.55fr;gap:84px}
.home-sections .hs-section-label {font-size:14px;font-weight:550;color:var(--teal);margin-bottom:20px}
.home-sections h2 {font-size:36px;line-height:1.45;letter-spacing:-.025em}
.home-sections .hs-section-intro>p:not(.hs-section-label) {font-size:16px;color:#63717b;margin-top:20px}
.home-sections .hs-section-intro>.hs-text-link {margin-top:24px}
.home-sections .hs-service-list {border-top:1px solid #adbcc7}
.home-sections .hs-service-list>a {display:block;padding:18px 6px 18px 0;border-bottom:1px solid var(--line)}
.home-sections .hs-service-list h3 {font-size:20px;font-weight:550;line-height:1.5}
.home-sections .hs-service-list p {font-size:15px;color:#63717b;margin-top:5px}
.home-sections .hs-service-list>a:hover h3 {text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;color:var(--teal)}
.home-sections .hs-process {background:var(--ink);color:#c6d1da}
.home-sections .hs-process h2,.home-sections .hs-process h3 {color:#fff}
.home-sections .hs-process .hs-section-label {color:#a6bfce}
.home-sections .hs-process-heading {position:relative}
.home-sections .hs-process-heading .hs-text-link {position:absolute;right:0;bottom:5px;color:#e8eff3;text-decoration-color:#748593}
.home-sections .hs-faq {display:grid;grid-template-columns:1fr 1.55fr;gap:84px}
.home-sections .hs-faq-heading h2 {font-size:30px}
.home-sections .hs-faq-heading p {margin-top:15px;color:var(--muted)}
.home-sections .hs-faq-list {border-top:1px solid var(--line)}
.home-sections details {border-bottom:1px solid var(--line)}
.home-sections summary {list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 2px;font-size:17px;color:var(--ink);cursor:pointer}
.home-sections summary::-webkit-details-marker {display:none}
.home-sections summary::after {content:"+";font-size:24px;font-weight:350;flex-shrink:0;width:20px;text-align:center;color:#637789}
.home-sections details[open] summary::after {content:"−"}
.home-sections details p {padding:0 34px 24px 2px;line-height:1.9;color:#63717b;font-size:15px}
@media(min-width:1500px) {
.home-sections .hs-case-image {height:390px}
}
@media(max-width:1100px) {
.home-sections .hs-wrap {width:calc(100% - 64px)}
.home-sections .hs-work-grid {gap:28px}
.home-sections .hs-case-image {height:300px}
.home-sections .hs-messenger-image {padding:24px 20px}
.home-sections .hs-wellness-image {padding:20px}
.home-sections .hs-device-set {gap:9px}
.home-sections .hs-case-caption {display:block}
.home-sections .hs-case-caption>a {margin-top:9px}
.home-sections .hs-case-description {margin-top:5px}
.home-sections .hs-service-layout,.home-sections .hs-faq {gap:48px;grid-template-columns:1fr 1.3fr}
}
@media(max-width:760px) {
.home-sections {--header:68px}
.home-sections .hs-wrap {width:calc(100% - 40px)}
.home-sections .hs-section-heading {padding-top:21px;gap:15px;margin-bottom:20px}
.home-sections .hs-section-heading h2 {font-size:20px}
.home-sections .hs-section-heading>.hs-text-link {font-size:12px}
.home-sections .hs-work-grid {grid-template-columns:1fr;gap:36px}
.home-sections .hs-case-image {height:auto;min-height:0;aspect-ratio:1.35}
.home-sections .hs-messenger-image {padding:24px 22px}
.home-sections .hs-device-set {gap:9px}
.home-sections .hs-device-set figcaption {font-size:9px;margin-top:8px}
.home-sections .hs-wellness-image {padding:22px}
.home-sections .hs-site-frame-label {font-size:10px;padding:7px 10px}
.home-sections .hs-case-caption {display:flex;gap:12px;margin-top:18px}
.home-sections .hs-case-caption h3 {font-size:20px;line-height:1.5}
.home-sections .hs-case-type {font-size:12px}
.home-sections .hs-case-caption>a {font-size:12px;white-space:nowrap;margin-top:24px}
.home-sections .hs-case-description {font-size:14px;line-height:1.85;margin-top:10px}
.home-sections .hs-work {padding-bottom:52px}
.home-sections .hs-section {padding-block:52px}
.home-sections .hs-service-layout,.home-sections .hs-faq {grid-template-columns:1fr;gap:30px}
.home-sections .hs-section-label {margin-bottom:13px;font-size:13px}
.home-sections h2 {font-size:28px}
.home-sections .hs-section-intro>p:not(.hs-section-label) {font-size:15px;margin-top:17px}
.home-sections .hs-section-intro>.hs-text-link {margin-top:15px}
.home-sections .hs-service-list>a {padding:18px 0}
.home-sections .hs-service-list h3 {font-size:19px}
.home-sections .hs-service-list p {font-size:14px;margin-top:5px}
.home-sections .hs-process-heading .hs-text-link {position:static;margin-top:14px}
.home-sections .hs-faq-heading h2 {font-size:27px}
.home-sections .hs-faq-heading p {margin-top:8px;font-size:15px}
.home-sections summary {font-size:15px;padding:20px 0;line-height:1.65}
.home-sections details p {font-size:14px}
}
@media(max-width:374px) {
.home-sections .hs-case-caption h3 {font-size:18px}
.home-sections .hs-case-caption>a {font-size:11px}
.home-sections .hs-section-heading>.hs-text-link {font-size:11px}
}
@media(prefers-reduced-motion:reduce) {
.home-sections,.home-sections * {transition:none!important}
}
.home-sections .hs-wrap {width:var(--shell)}
.home-sections .hs-work {padding-top:72px}
.home-sections .hs-section-heading {padding-top:0;border-top:0}
.home-sections .hs-process {margin:0}
@media(max-width:760px) {
.home-sections .hs-work {padding-top:48px}
}

/* Homepage: quiet stage navigation and open, readable content. */
.home-sections .hs-process-carousel { margin-top: 52px; }
.home-sections .hs-process-viewport { touch-action: pan-y; }
.home-sections .hs-process-slide { padding: 4px 0 12px; min-height: 172px; }
.home-sections .hs-process-slide h3 { margin: 0; font-size: 29px; line-height: 1.5; font-weight: 550; letter-spacing: -.025em; word-break: keep-all; text-wrap: balance; }
.home-sections .hs-process-slide p { max-width: 640px; margin: 20px 0 0; color: #c8d2db; font-size: 18px; line-height: 1.9; font-weight: 400; word-break: keep-all; }
.home-sections .hs-process-carousel[data-ready] { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); column-gap: 72px; row-gap: 24px; }
.home-sections .hs-process-carousel[data-ready] .hs-process-viewport { display: grid; grid-column: 2; grid-row: 1; overflow: hidden; isolation: isolate; }
.home-sections .hs-process-carousel[data-ready] .hs-process-slide { grid-area: 1 / 1; visibility: hidden; pointer-events: none; min-width: 0; }
.home-sections .hs-process-carousel[data-ready] .hs-process-slide[data-current] { visibility: visible; pointer-events: auto; }
.home-sections .hs-process-carousel[data-ready] .hs-process-toolbar { display: contents; }
.home-sections .hs-process-controls { display: flex; grid-column: 2; grid-row: 2; justify-self: end; align-self: start; gap: 6px; }
.home-sections .hs-process-control { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #657787; border-radius: 50%; background: transparent; color: #e1e8ed; transition: background .18s, border-color .18s; }
.home-sections .hs-process-control svg { display: block; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.home-sections .hs-process-prev { order: -1; }
.home-sections .hs-process-control:hover { background: #254158; border-color: #b1c0ca; }
.home-sections .hs-process-toggle .hs-icon-play { display: none; }
.home-sections .hs-process-toggle[data-paused] .hs-icon-play { display: block; }
.home-sections .hs-process-toggle[data-paused] .hs-icon-pause { display: none; }
.home-sections .hs-process-steps { display: flex; grid-column: 1; grid-row: 1 / 3; flex-direction: column; align-items: flex-start; gap: 7px; }
.home-sections .hs-process-step { position: relative; padding: 9px 8px 9px 20px; min-height: 48px; border: 0; border-radius: 0; background: transparent; color: #9eafbd; font-size: 18px; line-height: 1.6; font-weight: 400; text-align: left; white-space: nowrap; transition: color .18s; }
.home-sections .hs-process-step::before { content: ''; position: absolute; left: 0; top: calc(50% - 2.5px); width: 5px; height: 5px; border-radius: 50%; background: #77b7cc; opacity: 0; }
.home-sections .hs-process-step:hover { color: #fff; }
.home-sections .hs-process-step[aria-disabled="true"] { color: #fff; font-weight: 550; cursor: default; }
.home-sections .hs-process-step[aria-disabled="true"]::before { opacity: 1; }
.home-sections .hs-process-control:focus-visible,
.home-sections .hs-process-step:focus-visible { outline: 2px solid #b4dce7; outline-offset: 4px; }
@media (max-width: 1000px) {
  .home-sections .hs-process-carousel[data-ready] { grid-template-columns: 220px minmax(0, 1fr); column-gap: 40px; }
  .home-sections .hs-process-slide h3 { font-size: 26px; }
  .home-sections .hs-process-slide p { font-size: 17px; }
  .home-sections .hs-process-step { font-size: 16px; }
}
@media (max-width: 760px) {
  .home-sections .hs-process-carousel { margin-top: 26px; }
  .home-sections .hs-process-carousel[data-ready] { grid-template-columns: minmax(0, 1fr); row-gap: 28px; }
  .home-sections .hs-process-steps { display: grid; grid-template-columns: repeat(3, 1fr); grid-column: 1; grid-row: 1; gap: 6px; align-items: stretch; }
  .home-sections .hs-process-step { padding: 8px 0 13px; min-height: 48px; font-size: 13px; line-height: 1.7; text-align: center; white-space: nowrap; }
  .home-sections .hs-process-step::before { left: calc(50% - 2.5px); top: auto; bottom: 0; }
  .home-sections .hs-process-carousel[data-ready] .hs-process-viewport { grid-column: 1; grid-row: 2; }
  .home-sections .hs-process-slide { min-height: 214px; padding: 0; }
  .home-sections .hs-process-slide h3 { max-width: 320px; font-size: 25px; line-height: 1.55; }
  .home-sections .hs-process-slide p { margin-top: 18px; font-size: 16px; line-height: 1.85; }
  .home-sections .hs-process-controls { grid-column: 1; grid-row: 3; justify-self: center; margin-top: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-sections .hs-process-step,
  .home-sections .hs-process-control { transition: none; }
}