/* App packaging shared CSS. Keep page-specific sections scoped to their page root. */

/* These pages provide their own heading instead of the theme container title. */
h2#container_title {display:none;}

/* ==========================================================================
   iOS packaging diagnosis
   ========================================================================== */
.app-diagnosis {
    --diagnosis-blue: var(--rb-main-color, #2167ff);
    --diagnosis-ink: #191f28;
    --diagnosis-soft: #4e5968;
    --diagnosis-line: #e3e8ed;
    padding: 90px 0 80px;
    background: #fff;
    color: var(--diagnosis-ink);
    font-family: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
}
.app-diagnosis *, .app-diagnosis *::before, .app-diagnosis *::after {box-sizing: border-box;}
.app-diagnosis [hidden] {display: none !important;}
.app-diagnosis h1, .app-diagnosis h2, .app-diagnosis h3, .app-diagnosis p, .app-diagnosis dl, .app-diagnosis dd {margin: 0;}
.app-diagnosis button, .app-diagnosis input {font: inherit;}
.app-diagnosis button, .app-diagnosis a, .app-diagnosis summary {-webkit-tap-highlight-color: transparent;}
.app-diagnosis button, .app-diagnosis summary {cursor: pointer;}
.app-diagnosis button:disabled {cursor: default; opacity: .4;}
.app-diagnosis a:focus-visible, .app-diagnosis button:focus-visible, .app-diagnosis summary:focus-visible {outline: 3px solid var(--diagnosis-blue); outline-offset: 5px;}
.app-diagnosis__shell {width: min(var(--rb-main-width, 1200px), calc(100% - 48px)); margin: 0 auto;}
.app-diagnosis .app-diagnosis__eyebrow {display: inline-flex; align-items: center; min-height: 28px; padding: 0 11px; border-radius: 999px; color: var(--diagnosis-blue); background: #e8f3ff; font-size: 11px; font-weight: 800; letter-spacing: .04em;}
.app-diagnosis .app-diagnosis__intro h1 {margin-top: 24px; font-size: clamp(36px, 4.6vw, 62px); font-weight: 800; letter-spacing: -.07em; line-height: 1.18; word-break: keep-all;}
.app-diagnosis__intro h1 em {color: var(--diagnosis-blue); font-style: normal;}
.app-diagnosis .app-diagnosis__intro > p:last-child {margin-top: 24px; color: var(--diagnosis-soft); font-size: 17px; line-height: 1.8; word-break: keep-all;}
.app-diagnosis__layout {display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 74px; margin-top: 64px; padding-top: 32px; border-top: 1px solid var(--diagnosis-line); align-items: start;}
.app-diagnosis__guide {padding-top: 8px;}
.app-diagnosis__caption {color: var(--diagnosis-blue); font-size: 11px; font-weight: 800; letter-spacing: .1em; line-height: 1.5;}
.app-diagnosis .app-diagnosis__guide h2 {margin-top: 22px; font-size: 28px; font-weight: 800; line-height: 1.4; letter-spacing: -.055em; word-break: keep-all;}
.app-diagnosis__guide ol {list-style: none; margin: 30px 0; padding: 0;}
.app-diagnosis__guide li {display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--diagnosis-line); font-size: 14px;}
.app-diagnosis__guide li span {color: var(--diagnosis-blue); font-size: 11px; font-weight: 700;}
.app-diagnosis .app-diagnosis__privacy {font-size: 13px; color: var(--diagnosis-soft); line-height: 1.75; word-break: keep-all;}
.app-diagnosis .app-diagnosis__scope {margin-top: 18px; font-size: 13px; color: var(--diagnosis-soft);}
.app-diagnosis__scope strong {color: var(--diagnosis-blue);}
.app-diagnosis__workspace {min-width: 0; scroll-margin-top: 125px;}
.app-diagnosis__form, .app-diagnosis__result {padding: 32px; border: 1px solid var(--diagnosis-line); border-top: 3px solid var(--diagnosis-blue); background: #fff;}
.app-diagnosis__progress-meta {display: flex; justify-content: space-between; gap: 16px; color: var(--diagnosis-blue); font-size: 11px; font-weight: 800; letter-spacing: .07em;}
.app-diagnosis__progress {height: 3px; margin: 14px 0 32px; background: #e8edf3;}
.app-diagnosis__progress > span {display: block; height: 100%; width: 16.6667%; background: var(--diagnosis-blue); transition: width .2s ease;}
.app-diagnosis__step {min-width: 0; margin: 0; padding: 0; border: 0;}
.app-diagnosis__step legend {float: none; width: 100%; padding: 0; color: var(--diagnosis-ink); font-size: 25px; font-weight: 800; letter-spacing: -.05em; line-height: 1.4; word-break: keep-all; scroll-margin-top: 125px;}
.app-diagnosis .app-diagnosis__help {margin-top: 12px; color: var(--diagnosis-soft); font-size: 14px; line-height: 1.7; word-break: keep-all;}
.app-diagnosis__choices {display: grid; gap: 10px; margin-top: 26px;}
.app-diagnosis__choice {display: flex; align-items: flex-start; gap: 13px; padding: 19px 17px; border: 1px solid var(--diagnosis-line); border-radius: 10px; cursor: pointer; transition: border-color .15s ease, background-color .15s ease;}
.app-diagnosis__choice:has(input:checked) {border-color: var(--diagnosis-blue); background: #f1f7ff;}
.app-diagnosis__choice:focus-within {outline: 2px solid var(--diagnosis-blue); outline-offset: 3px;}
.app-diagnosis__choice input {appearance: auto; flex: 0 0 auto; width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--diagnosis-blue); cursor: pointer;}
.app-diagnosis__choice > span {min-width: 0;}
.app-diagnosis__choice strong {display: block; color: var(--diagnosis-ink); font-size: 15px; font-weight: 700; line-height: 1.6; word-break: keep-all;}
.app-diagnosis__choice small {display: block; margin-top: 5px; color: var(--diagnosis-soft); font-size: 13px; line-height: 1.65; word-break: keep-all;}
.app-diagnosis .app-diagnosis__error {min-height: 24px; margin-top: 14px; color: #b42318; font-size: 13px; line-height: 1.7;}
.app-diagnosis__navigation {display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 12px; padding-top: 22px; border-top: 1px solid var(--diagnosis-line);}
.app-diagnosis__back, .app-diagnosis__restart {border: 0; padding: 12px 0; background: transparent; color: var(--diagnosis-soft); font-size: 14px; text-decoration: underline; text-underline-offset: 4px;}
.app-diagnosis .app-diagnosis__button {display: inline-flex; align-items: center; justify-content: center; gap: 15px; min-height: 52px; padding: 14px 21px; border: 1px solid transparent; border-radius: 12px; background: var(--diagnosis-blue); color: #fff; font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: none; word-break: keep-all; text-align: center;}
.app-diagnosis .app-diagnosis__result h2 {margin-top: 20px; font-size: clamp(27px, 3vw, 36px); font-weight: 800; letter-spacing: -.055em; line-height: 1.35; word-break: keep-all; scroll-margin-top: 125px;}
.app-diagnosis .app-diagnosis__result-copy {margin-top: 18px; color: var(--diagnosis-soft); font-size: 15px; line-height: 1.8; word-break: keep-all;}
.app-diagnosis .app-diagnosis__result h3 {margin-top: 30px; font-size: 16px; font-weight: 800;}
.app-diagnosis__reasons {margin: 15px 0 0; padding-left: 19px; font-size: 14px; line-height: 1.8; color: var(--diagnosis-soft); word-break: keep-all;}
.app-diagnosis__reasons li + li {margin-top: 8px;}
.app-diagnosis__next-check {margin-top: 26px; padding: 20px; background: #f3f6fa; border-left: 2px solid var(--diagnosis-blue);}
.app-diagnosis .app-diagnosis__next-check h3 {margin-top: 0;}
.app-diagnosis .app-diagnosis__next-check p {margin-top: 10px; color: var(--diagnosis-soft); font-size: 14px; line-height: 1.8; word-break: keep-all;}
.app-diagnosis__answers {margin-top: 26px; border-top: 1px solid var(--diagnosis-line); border-bottom: 1px solid var(--diagnosis-line);}
.app-diagnosis__answers summary {padding: 17px 0; font-size: 14px; font-weight: 700;}
.app-diagnosis__answers dl > div {padding: 13px 0; border-top: 1px solid var(--diagnosis-line);}
.app-diagnosis__answers dt {font-size: 12px; color: var(--diagnosis-soft);}
.app-diagnosis .app-diagnosis__answers dd {margin-top: 6px; font-size: 14px; line-height: 1.6;}
.app-diagnosis .app-diagnosis__disclaimer, .app-diagnosis .app-diagnosis__handoff {margin: 22px 0; color: var(--diagnosis-soft); font-size: 12px; line-height: 1.8; word-break: keep-all;}
.app-diagnosis .app-diagnosis__handoff {margin: 13px 0 8px;}
.app-diagnosis__home {display: inline-flex; align-items:center; gap:8px; margin-top: 38px; padding: 12px 0; color: var(--diagnosis-soft); font-size: 14px; text-decoration: none;}
.app-diagnosis :is(.app-diagnosis__button,.app-diagnosis__home) > .ti {flex-shrink:0;font-size:20px;line-height:1;}
.app-diagnosis__fallback {padding: 24px; background: #f1f7ff; font-size: 15px; line-height: 1.8;}
.app-diagnosis__fallback a {color: var(--diagnosis-blue); text-decoration: underline;}
@media (hover: hover) and (pointer: fine) {
    .app-diagnosis__choice:hover {border-color: var(--diagnosis-blue); background: #f8fbff;}
    .app-diagnosis .app-diagnosis__button:hover {filter: brightness(.9);}
}
@media (max-width: 1024px) {
    .app-diagnosis {padding-top: 65px;}
    .app-diagnosis__layout {grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); gap: 32px;}
    .app-diagnosis .app-diagnosis__guide h2 {font-size: 24px;}
    .app-diagnosis__form, .app-diagnosis__result {padding: 25px;}
}
@media (max-width: 760px) {
    .app-diagnosis {padding: 52px 0;}
    .app-diagnosis__shell {width: calc(100% - 40px);}
    .app-diagnosis .app-diagnosis__intro h1 {font-size: clamp(30px, 8vw, 42px);}
    .app-diagnosis .app-diagnosis__intro > p:last-child {font-size: 15px;}
    .app-diagnosis__layout {grid-template-columns: 1fr; gap: 28px; margin-top: 38px; padding-top: 22px;}
    .app-diagnosis__guide h2, .app-diagnosis__guide ol, .app-diagnosis__guide .app-diagnosis__caption {display: none;}
    .app-diagnosis .app-diagnosis__scope {margin-top: 8px;}
    .app-diagnosis__form, .app-diagnosis__result {padding: 25px 18px;}
    .app-diagnosis__step legend {font-size: 23px;}
    .app-diagnosis__choice {padding: 16px 13px; gap: 10px;}
    .app-diagnosis__choice strong {font-size: 14px;}
    .app-diagnosis__result .app-diagnosis__button {width: 100%;}
}
@media (prefers-reduced-motion: reduce) {
    .app-diagnosis *, .app-diagnosis *::before, .app-diagnosis *::after {transition: none !important; scroll-behavior: auto !important;}
}

/* ==========================================================================
   Hybrid consultation preview
   ========================================================================== */
.hybrid-consultation {--hybrid-blue:var(--rb-main-color,#2167ff);--hybrid-ink:#191f28;--hybrid-soft:#4e5968;--hybrid-line:#e3e8ed;padding:90px 0 80px;background:#fff;color:var(--hybrid-ink);font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;}
.hybrid-consultation *, .hybrid-consultation *::before,.hybrid-consultation *::after {box-sizing:border-box;}
.hybrid-consultation [hidden] {display:none!important;}
.hybrid-consultation h1,.hybrid-consultation h2,.hybrid-consultation h3,.hybrid-consultation p,.hybrid-consultation dd {margin:0;}
.hybrid-consultation button,.hybrid-consultation input,.hybrid-consultation textarea {font:inherit;}
.hybrid-consultation button,.hybrid-choice {cursor:pointer;}
.hybrid-consultation a {text-decoration:none;}
.hybrid-consultation a:focus-visible,.hybrid-consultation button:focus-visible {outline:3px solid var(--hybrid-blue);outline-offset:4px;}
.hybrid-shell {width:min(var(--rb-main-width,1200px),calc(100% - 48px));margin:auto;}
.hybrid-eyebrow {display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;background:#e8f3ff;color:var(--hybrid-blue);font-size:11px;font-weight:800;letter-spacing:.04em;}
.hybrid-intro h1 {margin-top:24px;font-size:clamp(36px,4.6vw,62px);font-weight:800;letter-spacing:-.07em;line-height:1.18;word-break:keep-all;}
.hybrid-intro h1 em {font-style:normal;color:var(--hybrid-blue);}
.hybrid-intro > p:last-child {margin-top:24px;color:var(--hybrid-soft);font-size:17px;line-height:1.8;word-break:keep-all;}
.hybrid-layout {display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:74px;align-items:start;margin-top:64px;padding-top:32px;border-top:1px solid var(--hybrid-line);}
.hybrid-guide {padding-top:8px;}
.hybrid-caption {color:var(--hybrid-blue);font-size:11px;font-weight:800;letter-spacing:.1em;line-height:1.5;}
.hybrid-guide h2 {margin-top:22px;font-size:28px;font-weight:800;line-height:1.4;letter-spacing:-.055em;word-break:keep-all;}
.hybrid-guide ol {list-style:none;margin:30px 0;padding:0;}
.hybrid-guide li {display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--hybrid-line);color:var(--hybrid-soft);font-size:14px;}
.hybrid-guide li span {font-size:11px;font-weight:700;color:var(--hybrid-blue);}
.hybrid-guide li[aria-current] {color:var(--hybrid-blue);font-weight:800;}
.hybrid-guide > p:not(.hybrid-caption) {color:var(--hybrid-soft);font-size:13px;line-height:1.75;word-break:keep-all;}
.hybrid-guide .hybrid-scope {margin-top:18px;}
.hybrid-scope strong {margin-left:8px;color:var(--hybrid-blue);}
.hybrid-preview-note {margin-top:24px;padding:18px 20px;background:#f3f6fa;border-left:2px solid var(--hybrid-blue);font-size:13px;line-height:1.75;word-break:keep-all;}
.hybrid-preview-note strong {font-weight:700;}
.hybrid-preview-note p {margin-top:6px;color:var(--hybrid-soft);}
.hybrid-guide-link {display:inline-block;margin-top:22px;color:var(--hybrid-soft);font-size:13px;line-height:1.6;}
.hybrid-workspace {min-width:0;scroll-margin-top:125px;}
.hybrid-form {padding:32px;border:1px solid var(--hybrid-line);border-top:3px solid var(--hybrid-blue);}
.hybrid-progress-meta {display:flex;justify-content:space-between;gap:12px;color:var(--hybrid-blue);font-size:11px;font-weight:800;letter-spacing:.07em;}
.hybrid-progress {height:3px;margin:14px 0 32px;background:#e8edf3;}
.hybrid-progress > span {display:block;width:25%;height:100%;background:var(--hybrid-blue);transition:width .2s ease;}
.hybrid-step h2 {font-size:25px;font-weight:800;line-height:1.4;letter-spacing:-.05em;word-break:keep-all;}
.hybrid-step > .hybrid-caption {margin-bottom:14px;}
.hybrid-step-help {margin-top:12px!important;color:var(--hybrid-soft);font-size:14px;line-height:1.7;word-break:keep-all;}
.hybrid-field {min-width:0;margin:28px 0 0;padding:0;border:0;}
.hybrid-field > label,.hybrid-field legend {display:block;width:100%;float:none;padding:0;margin-bottom:11px;color:var(--hybrid-ink);font-size:14px;font-weight:700;line-height:1.6;}
.hybrid-field small {margin-left:6px;color:#6b7684;font-size:11px;font-weight:400;}
.hybrid-field > input,.hybrid-field textarea {display:block;width:100%;min-width:0;min-height:49px;padding:13px 14px;border:1px solid var(--hybrid-line);border-radius:8px;background:#fff;color:var(--hybrid-ink);font-size:14px;line-height:1.6;}
.hybrid-field textarea {resize:vertical;}
.hybrid-field input::placeholder,.hybrid-field textarea::placeholder {color:#8993a0;}
.hybrid-field input:disabled {background:#f3f5f7;color:#8993a0;}
.hybrid-field > input:focus,.hybrid-field textarea:focus {outline:2px solid var(--hybrid-blue);outline-offset:2px;}
.hybrid-choice-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.hybrid-choice {display:flex;align-items:flex-start;gap:10px;min-width:0;padding:15px 12px;border:1px solid var(--hybrid-line);border-radius:10px;color:var(--hybrid-ink);font-size:13px;line-height:1.6;word-break:keep-all;transition:background .15s,border-color .15s;}
.hybrid-choice:has(input:checked) {border-color:var(--hybrid-blue);background:#f1f7ff;}
.hybrid-choice:focus-within {outline:2px solid var(--hybrid-blue);outline-offset:2px;}
.hybrid-choice input,.hybrid-inline input {appearance:auto;flex:0 0 auto;width:17px;height:17px;margin:2px 0 0;accent-color:var(--hybrid-blue);}
.hybrid-inline {display:flex;align-items:center;gap:9px;margin-top:12px;font-size:13px;cursor:pointer;}
.hybrid-help {margin-top:10px!important;font-size:12px;color:var(--hybrid-soft);line-height:1.7;}
.hybrid-note {margin-top:24px!important;padding:16px;background:#f3f6fa;font-size:13px;color:var(--hybrid-soft);line-height:1.7;}
.hybrid-error {min-height:24px;margin-top:20px!important;color:#b42318;font-size:13px;line-height:1.7;}
.hybrid-consultation [aria-invalid="true"] {border-color:#b42318;}
.hybrid-navigation {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding-top:22px;border-top:1px solid var(--hybrid-line);}
.hybrid-back,.hybrid-edit {border:0;background:none;color:var(--hybrid-soft);font-size:13px;padding:12px 0;text-decoration:underline;text-underline-offset:4px;}
.hybrid-back:disabled {opacity:.4;cursor:default;}
.hybrid-button {display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 21px;border:0;border-radius:12px;background:var(--hybrid-blue);color:#fff;font-size:14px;font-weight:700;line-height:1.5;word-break:keep-all;}
.hybrid-summary-group {margin-top:26px;border-top:1px solid var(--hybrid-line);}
.hybrid-summary-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:8px;}
.hybrid-summary-heading h3 {font-size:16px;font-weight:800;}
.hybrid-summary-group dl {margin:0;}
.hybrid-summary-group dl > div {padding:13px 0;border-bottom:1px solid var(--hybrid-line);}
.hybrid-summary-group dt {color:var(--hybrid-soft);font-size:12px;}
.hybrid-summary-group dd {margin-top:5px;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;}
.hybrid-home {display:inline-block;margin-top:38px;padding:12px 0;color:var(--hybrid-soft);font-size:14px;}
@media (hover:hover) and (pointer:fine) {.hybrid-choice:hover {border-color:var(--hybrid-blue);background:#f8fbff;}.hybrid-button:hover {filter:brightness(.9);}}
@media (max-width:1024px) {.hybrid-consultation {padding-top:65px;}.hybrid-layout {grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:32px;}.hybrid-guide h2 {font-size:24px;}.hybrid-form {padding:25px;}}
@media (max-width:760px) {.hybrid-consultation {padding:52px 0;}.hybrid-shell {width:calc(100% - 40px);}.hybrid-intro h1 {font-size:clamp(30px,8vw,42px);}.hybrid-intro > p:last-child {font-size:15px;}.hybrid-layout {grid-template-columns:1fr;gap:28px;margin-top:38px;padding-top:22px;}.hybrid-guide h2,.hybrid-guide ol,.hybrid-guide .hybrid-caption,.hybrid-guide > p:not(.hybrid-scope) {display:none;}.hybrid-guide .hybrid-scope {margin:0;}.hybrid-preview-note {margin-top:16px;}.hybrid-form {padding:25px 18px;}.hybrid-step h2 {font-size:23px;}.hybrid-field {margin-top:24px;}.hybrid-choice-grid {grid-template-columns:1fr;}.hybrid-button {padding:14px 16px;}.hybrid-navigation {gap:12px;}}
@media (prefers-reduced-motion:reduce) {.hybrid-consultation * {transition:none!important;scroll-behavior:auto!important;}}


/* Restore form headings hidden by Gnuboard's global legend reset. */
.hybrid-consultation .hybrid-options > legend,
.app-diagnosis .app-diagnosis__step > legend {position:static;height:auto;overflow:visible;text-indent:0;white-space:normal;}
.hybrid-consultation .hybrid-options > legend {margin:0 0 12px;font-size:15px;letter-spacing:-.025em;}
.hybrid-consultation .hybrid-options > legend small {display:inline-block;margin-left:7px;padding:2px 7px;border-radius:4px;background:#f1f5fa;color:var(--hybrid-soft);font-size:11px;vertical-align:middle;letter-spacing:0;}
.hybrid-consultation .hybrid-button,
.hybrid-consultation .hybrid-back,
.hybrid-consultation .hybrid-edit,
.hybrid-consultation .hybrid-home,
.hybrid-consultation .hybrid-guide-link {display:inline-flex;align-items:center;gap:8px;}
.hybrid-consultation .hybrid-button .ti {font-size:18px;line-height:1;}
.hybrid-consultation .hybrid-back .ti,
.hybrid-consultation .hybrid-edit .ti,
.hybrid-consultation .hybrid-home .ti,
.hybrid-consultation .hybrid-guide-link .ti {font-size:16px;line-height:1;}
/* Consultation application history and demo status */
.consultation-status {--status-blue:var(--rb-main-color,#2167ff);--status-ink:#191f28;--status-soft:#4e5968;--status-line:#e3e8ed;padding:90px 0 80px;background:#fff;color:var(--status-ink);font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;}
.consultation-status * {box-sizing:border-box;}
.consultation-status [hidden] {display:none!important;}
.consultation-status h1,.consultation-status h2,.consultation-status h3,.consultation-status p,.consultation-status dd {margin:0;}
.consultation-status button,.consultation-status input,.consultation-status select {font:inherit;}
.consultation-status button,.consultation-status select {cursor:pointer;}
.consultation-status a {text-decoration:none;}
.consultation-status :is(a,button,input,select):focus-visible {outline:3px solid var(--status-blue);outline-offset:4px;}
.status-shell {width:min(var(--rb-main-width,1200px),calc(100% - 48px));margin:auto;}
.status-eyebrow {display:inline-flex;padding:7px 11px;background:#e8f3ff;color:var(--status-blue);border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em;}
.status-intro h1 {margin-top:24px;font-size:clamp(36px,4.6vw,62px);font-weight:800;letter-spacing:-.07em;line-height:1.18;word-break:keep-all;}
.status-intro h1 em {font-style:normal;color:var(--status-blue);}
.status-intro > p:last-child {margin-top:24px;color:var(--status-soft);line-height:1.8;font-size:17px;}
.status-notice {display:flex;align-items:flex-start;gap:12px;margin-top:32px;padding:20px 24px;background:#f3f6fa;border-left:2px solid var(--status-blue);font-size:13px;line-height:1.8;color:var(--status-soft);word-break:keep-all;}
.status-notice > .ti {color:var(--status-blue);font-size:21px;margin-top:2px;}
.status-actions {display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 40px;}
.status-button {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 19px;border:1px solid transparent;border-radius:12px;background:var(--status-blue);color:#fff;font-size:14px;font-weight:700;line-height:1.5;}
.status-button--light {background:#f1f7ff;color:var(--status-blue);border-color:#d6e6fc;}
.status-button .ti {font-size:18px;}
.status-search {padding-top:28px;border-top:1px solid var(--status-line);}
.status-search label {display:block;margin-bottom:12px;font-size:14px;font-weight:700;}
.status-search > div {display:flex;align-items:center;gap:12px;}
.status-search input {flex:1;min-width:0;min-height:50px;padding:12px 15px;border:1px solid var(--status-line);border-radius:8px;color:var(--status-ink);background:#fff;}
.status-reset {border:0;background:none;color:var(--status-soft);padding:12px;font-size:13px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px;}
.status-feedback {min-height:30px;margin-top:12px!important;color:var(--status-soft);font-size:13px;line-height:1.7;}
.status-layout {display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.7fr);gap:32px;align-items:start;}
.status-list-panel h2 {font-size:18px;letter-spacing:-.035em;margin:8px 0 18px;}
.status-list-panel h2 span {margin-left:8px;color:var(--status-blue);}
.status-list {display:grid;gap:10px;}
.status-record {display:grid;width:100%;gap:10px;padding:21px;text-align:left;border:1px solid var(--status-line);border-radius:10px;background:#fff;color:var(--status-ink);overflow-wrap:anywhere;}
.status-record[aria-pressed="true"] {background:#f1f7ff;border-color:var(--status-blue);}
.status-record strong {font-size:17px;line-height:1.5;}
.status-record span {font-size:13px;color:var(--status-blue);}
.status-record small {font-size:10px;color:var(--status-soft);line-height:1.5;}
.status-detail {min-width:0;padding:32px;border:1px solid var(--status-line);border-top:3px solid var(--status-blue);scroll-margin-top:125px;}
.status-detail > h2 {margin-top:20px;font-size:30px;letter-spacing:-.055em;line-height:1.4;overflow-wrap:anywhere;}
.status-meta {margin-top:14px!important;color:var(--status-soft);font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;}
.status-current {display:flex;gap:13px;margin-top:26px;padding:20px;background:#f1f7ff;color:var(--status-blue);}
.status-current > .ti {font-size:25px;}
.status-current strong {font-size:17px;line-height:1.5;}
.status-current p {margin-top:8px;font-size:13px;line-height:1.7;color:var(--status-soft);word-break:keep-all;}
.status-timeline {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:28px 0;padding:0;list-style:none;}
.status-timeline li {display:flex;flex-direction:column;gap:10px;padding:14px 10px;border-top:2px solid var(--status-line);color:#6b7684;}
.status-timeline li.is-reached {border-color:var(--status-blue);}
.status-timeline li[aria-current] {background:#f1f7ff;color:var(--status-blue);}
.status-stage-number {font-size:11px;font-weight:800;}
.status-timeline strong {font-size:13px;line-height:1.6;word-break:keep-all;}
.status-timeline small {font-size:10px;line-height:1.6;}
.status-simulator {padding:18px 20px;background:#f6f7f9;}
.status-simulator label {display:block;font-size:13px;font-weight:700;margin-bottom:10px;}
.status-simulator select {width:100%;min-height:44px;padding:10px;border:1px solid var(--status-line);border-radius:6px;background:#fff;color:var(--status-ink);}
.status-simulator p {margin-top:10px;color:var(--status-soft);font-size:12px;line-height:1.7;}
.status-summary section {margin-top:32px;}
.status-summary h3 {font-size:17px;font-weight:800;}
.status-summary dl {margin:15px 0 0;}
.status-summary dl > div {display:grid;grid-template-columns:135px minmax(0,1fr);gap:20px;padding:15px 0;border-top:1px solid var(--status-line);font-size:13px;line-height:1.7;}
.status-summary dt {color:var(--status-soft);}
.status-summary dd {white-space:pre-wrap;overflow-wrap:anywhere;}
.status-delete,.status-home {display:inline-flex;align-items:center;gap:8px;padding:12px 0;border:0;background:none;color:var(--status-soft);font-size:13px;margin-top:28px;}
.status-delete {color:#b42318;}
.status-empty {padding:65px 15px;text-align:center;}
.status-empty > .ti {font-size:40px;color:var(--status-blue);}
.status-empty h2 {margin-top:20px;font-size:23px;letter-spacing:-.04em;line-height:1.5;}
.status-empty p {margin-top:14px;color:var(--status-soft);font-size:14px;line-height:1.8;word-break:keep-all;}
.hybrid-consultation [data-application-success] h2 {margin-top:20px;font-size:28px;letter-spacing:-.05em;line-height:1.4;}
.hybrid-consultation [data-application-id] {display:block;overflow-wrap:anywhere;}
.hybrid-consultation [data-status-link] {margin-top:24px;}
.hybrid-consultation .hybrid-home + .hybrid-home {margin-left:24px;}
@media(max-width:1024px) {.status-layout {gap:24px;grid-template-columns:minmax(220px,.7fr) minmax(0,1.4fr);}.status-detail {padding:25px;}.status-timeline {grid-template-columns:1fr;}.status-timeline li {display:grid;grid-template-columns:24px minmax(0,1fr) auto;border-top:0;border-left:2px solid var(--status-line);}.status-timeline li.is-reached {border-color:var(--status-blue);}}
@media(max-width:760px) {.consultation-status {padding:52px 0;}.status-shell {width:calc(100% - 40px);}.status-intro h1 {font-size:clamp(30px,8vw,42px);}.status-intro > p:last-child {font-size:15px;}.status-actions {display:grid;}.status-search > div {flex-wrap:wrap;}.status-search input {flex-basis:100%;}.status-layout {grid-template-columns:1fr;}.status-list {max-height:310px;overflow:auto;padding:3px;}.status-detail {padding:25px 18px;}.status-summary dl > div {grid-template-columns:1fr;gap:5px;}.status-notice {padding:17px;}.status-detail > h2 {font-size:25px;}.hybrid-consultation .hybrid-home + .hybrid-home {margin-left:0;display:flex;}}
/* Customer project workspace */
.project-progress {--project-blue:var(--rb-main-color,#2167ff);--project-ink:#191f28;--project-soft:#4e5968;--project-line:#e3e8ed;padding:64px 0 80px;background:#fff;color:var(--project-ink);font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;}
.project-progress * {box-sizing:border-box;}
.project-progress [hidden] {display:none!important;}
.project-progress h1,.project-progress h2,.project-progress h3,.project-progress p,.project-progress dd {margin:0;}
.project-progress :is(button,select,textarea) {font:inherit;}
.project-progress :is(button,select) {cursor:pointer;}
.project-progress :is(a,button,select,textarea):focus-visible {outline:3px solid var(--project-blue);outline-offset:4px;}
.project-progress a {text-decoration:none;}
.project-shell {width:min(var(--rb-main-width,1200px),calc(100% - 48px));margin:auto;}
.project-back {display:inline-flex;align-items:center;gap:8px;color:var(--project-soft);font-size:13px;line-height:1.7;}
.project-intro {margin-top:35px;}
.project-eyebrow {display:inline-flex;padding:7px 11px;border-radius:999px;background:#e8f3ff;color:var(--project-blue);font-size:11px;font-weight:800;letter-spacing:.05em;}
.project-intro h1 {margin-top:24px;font-size:clamp(36px,4.6vw,62px);font-weight:800;letter-spacing:-.07em;line-height:1.18;word-break:keep-all;}
.project-intro h1 em {color:var(--project-blue);font-style:normal;}
.project-intro > p:last-child {margin-top:22px;color:var(--project-soft);font-size:16px;line-height:1.8;}
.project-notice {display:flex;gap:12px;margin-top:28px;padding:18px 22px;background:#f3f6fa;border-left:2px solid var(--project-blue);font-size:13px;line-height:1.75;color:var(--project-soft);word-break:keep-all;}
.project-notice .ti {color:var(--project-blue);font-size:21px;}
.project-feedback {min-height:28px;margin-top:10px!important;color:var(--project-soft);font-size:13px;line-height:1.7;}
.project-picker {display:flex;align-items:center;gap:18px;margin:12px 0 26px;}
.project-picker label {flex-shrink:0;font-size:14px;font-weight:700;}
.project-picker select {min-width:0;max-width:100%;width:100%;min-height:48px;border:1px solid var(--project-line);border-radius:8px;padding:12px;background:#fff;color:var(--project-ink);font-size:13px;text-overflow:ellipsis;}
.project-grid {display:grid;grid-template-columns:290px minmax(0,1fr);gap:32px;align-items:start;}
.project-sidebar {padding:25px;border:1px solid var(--project-line);border-top:3px solid var(--project-blue);}
.project-sidebar h2 {margin-top:18px;font-size:25px;line-height:1.4;letter-spacing:-.05em;overflow-wrap:anywhere;}
.project-id {margin-top:12px!important;font-size:10px;color:var(--project-soft);line-height:1.8;overflow-wrap:anywhere;}
.project-facts {margin:24px 0 0;}
.project-facts > div {padding:13px 0;border-top:1px solid var(--project-line);font-size:13px;line-height:1.7;}
.project-facts dt {color:var(--project-soft);font-size:11px;}
.project-facts dd {margin-top:4px;font-weight:700;}
.project-sidebar-note {margin-top:13px!important;font-size:12px;color:var(--project-soft);line-height:1.7;}
.project-phases {padding:0;margin:24px 0;list-style:none;}
.project-phases li {display:flex;gap:13px;padding:14px 12px;border-left:2px solid var(--project-line);font-size:12px;color:#6b7684;}
.project-phases li.is-reached {border-color:var(--project-blue);}
.project-phases li[aria-current] {background:#f1f7ff;color:var(--project-blue);}
.project-phases li span {font-size:10px;}
.project-main {min-width:0;}
.project-tabs {display:flex;border-bottom:1px solid var(--project-line);gap:4px;}
.project-tabs button {display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:57px;border:0;border-bottom:3px solid transparent;background:#fff;color:var(--project-soft);font-size:13px;font-weight:700;padding:12px 8px;}
.project-tabs button[aria-selected="true"] {color:var(--project-blue);border-bottom-color:var(--project-blue);}
.project-tabs .ti {font-size:19px;}
.project-tabs span {font-size:10px;background:#e8f3ff;border-radius:20px;padding:2px 6px;}
.project-panel {padding:30px 0;}
.project-section-heading {display:flex;align-items:center;justify-content:space-between;gap:18px;}
.project-caption {color:var(--project-blue);font-size:10px;font-weight:800;letter-spacing:.07em;line-height:1.7;}
.project-section-heading h2 {margin-top:12px;font-size:25px;font-weight:800;line-height:1.4;letter-spacing:-.055em;word-break:keep-all;}
.project-badge {flex-shrink:0;padding:6px 9px;background:#f3f6fa;color:var(--project-soft);font-size:10px;border-radius:5px;}
.project-description {margin-top:16px!important;color:var(--project-soft);font-size:13px;line-height:1.8;word-break:keep-all;}
.project-work-list {display:grid;gap:18px;margin-top:26px;}
.project-work-card {padding:25px;border:1px solid var(--project-line);border-radius:10px;}
.project-work-card h3 {margin-top:12px;font-size:20px;letter-spacing:-.04em;line-height:1.5;}
.project-work-copy {margin-top:12px!important;font-size:14px;color:var(--project-soft);line-height:1.8;}
.project-work-note {padding:16px 18px;background:#f4f7fb;margin-top:19px;border-left:2px solid #c6dbf8;font-size:12px;line-height:1.8;}
.project-work-note p {margin-top:5px;color:var(--project-soft);}
.project-work-author {margin-top:17px!important;color:#6b7684;font-size:11px;}
.project-request section {margin-top:28px;}
.project-request h3 {font-size:17px;font-weight:800;}
.project-request dl {margin:14px 0 0;}
.project-request dl > div {display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;border-top:1px solid var(--project-line);padding:15px 0;font-size:13px;line-height:1.8;}
.project-request dt {color:var(--project-soft);}
.project-request dd {white-space:pre-wrap;overflow-wrap:anywhere;}
.project-messages {display:flex;flex-direction:column;gap:20px;padding:24px 20px;list-style:none;margin:24px 0;background:#f6f8fa;border-radius:10px;max-height:560px;overflow:auto;}
.project-message {max-width:88%;}
.project-message--customer {align-self:flex-end;}
.project-message-meta {font-size:11px;color:var(--project-soft);margin-bottom:8px!important;}
.project-message--customer .project-message-meta {text-align:right;}
.project-message-body {padding:17px 19px;background:#fff;border:1px solid var(--project-line);border-radius:0 12px 12px 12px;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;}
.project-message--customer .project-message-body {background:#eaf3ff;border-color:#d4e5fc;border-radius:12px 0 12px 12px;}
.project-message-time {display:block;text-align:right;margin-top:7px;font-size:10px;color:#6b7684;line-height:1.6;}
.project-message-form label {display:block;font-size:14px;font-weight:700;margin-bottom:12px;}
.project-message-form textarea {display:block;width:100%;resize:vertical;min-height:120px;border:1px solid var(--project-line);border-radius:8px;padding:15px;color:var(--project-ink);background:#fff;font-size:14px;line-height:1.8;}
.project-message-form textarea[aria-invalid] {border-color:#b42318;}
.project-compose-footer {display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px;}
.project-compose-footer p {font-size:11px;color:var(--project-soft);line-height:1.7;}
.project-button {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:13px 18px;background:var(--project-blue);color:#fff;border:0;border-radius:12px;font-size:13px;font-weight:700;line-height:1.5;}
.project-button .ti {font-size:18px;}
.project-error {min-height:24px;color:#b42318;font-size:12px;line-height:1.7;margin-top:10px!important;}
.project-empty {padding:65px 20px;text-align:center;border:1px solid var(--project-line);}
.project-empty > .ti {font-size:40px;color:var(--project-blue);}
.project-empty h2 {margin-top:20px;font-size:25px;}
.project-empty p {margin-top:15px;font-size:14px;color:var(--project-soft);line-height:1.8;}
.project-empty .project-button {margin-top:24px;}
@media(max-width:1024px) {.project-grid {grid-template-columns:250px minmax(0,1fr);gap:24px;}.project-sidebar {padding:20px;}.project-section-heading {align-items:flex-start;flex-direction:column;gap:12px;}.project-tabs button {font-size:12px;}.project-tabs .ti {display:none;}}
@media(max-width:760px) {.project-progress {padding:40px 0 52px;}.project-shell {width:calc(100% - 40px);}.project-intro h1 {font-size:clamp(30px,8vw,42px);}.project-grid {grid-template-columns:1fr;}.project-picker {align-items:stretch;flex-direction:column;gap:10px;}.project-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.project-phases {display:none;}.project-sidebar .project-back {margin-top:18px;}.project-sidebar h2 {font-size:23px;}.project-request dl > div {grid-template-columns:1fr;gap:4px;}.project-work-card {padding:20px;}.project-messages {padding:20px 12px;}.project-message {max-width:94%;}.project-compose-footer {flex-direction:column;align-items:stretch;}.project-compose-footer .project-button {width:100%;}.project-section-heading h2 {font-size:23px;}}

/* Shared guest verification, including the standalone builder. */
.ap-auth { box-sizing:border-box; width:min(480px,calc(100% - 32px)); max-height:90dvh; border:1px solid #e2e7ef; border-radius:20px; padding:28px; color:#191f28; background:#fff; font:15px/1.6 Pretendard,BuilderPretendard,sans-serif; }
.ap-auth::backdrop { background:rgb(15 23 42 / 60%); }
.ap-auth h2 { font-size:23px; margin:0 0 12px; }
.ap-auth p { margin:12px 0; color:#566274; }
.ap-auth label { display:block; margin:14px 0; font-weight:600; }
.ap-auth input:not([type=checkbox]) { display:block; box-sizing:border-box; width:100%; padding:12px; border:1px solid #ccd5e2; border-radius:8px; font:inherit; background:#fff; color:#191f28; }
.ap-auth button { padding:10px 16px; border:0; border-radius:8px; background:#2167ff; color:#fff; font:inherit; cursor:pointer; }
.ap-auth button:disabled { opacity:.5; cursor:wait; }
.ap-auth .ap-consent { display:flex; align-items:flex-start; gap:10px; font-size:13px; font-weight:400; cursor:pointer; }
/* The theme hides all checkboxes for its adjacent-label widgets. This dialog uses a native checkbox. */
.ap-auth .ap-consent input[type="checkbox"] { display:inline-block; position:static; flex:0 0 18px; width:18px; height:18px; margin:3px 0 0; padding:0; opacity:1; visibility:visible; appearance:auto; -webkit-appearance:checkbox; accent-color:#2167ff; cursor:pointer; }
.ap-auth [aria-invalid="true"] { outline:2px solid #d92d20; outline-offset:2px; }
.ap-auth-actions { display:flex; justify-content:flex-end; gap:10px; }
.ap-auth-actions [data-close] { color:#344054; background:#edf1f7; }
.ap-auth :focus-visible { outline:3px solid #95b6ff; outline-offset:2px; }
.consultation-status .ap-project-section { border-top:1px solid #e4e9f1; padding-top:28px; margin-top:28px; }
.consultation-status .ap-project-section h2 { font-size:21px; margin-bottom:16px; }
.consultation-status .ap-project-section p,.consultation-status .ap-project-section dd { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; }
.consultation-status .ap-project-section details { padding:14px 0; border-bottom:1px solid #edf1f5; }
.consultation-status .ap-project-section summary { font-weight:700; cursor:pointer; }
.consultation-status .ap-project-section dt { margin-top:12px; color:#697588; font-size:13px; }
.consultation-status .ap-log,.consultation-status .ap-messages li { list-style:none; padding:18px; border-radius:12px; background:#f5f7fa; margin:12px 0; }
.consultation-status .ap-messages .is-admin { background:#edf3ff; }
.consultation-status .ap-messages small { display:block; color:#697588; margin:4px 0 8px; }
.consultation-status .ap-compose label { display:block; font-weight:700; margin-bottom:10px; }
.consultation-status .ap-compose textarea { display:block; width:100%; box-sizing:border-box; padding:14px; border:1px solid #d9e1eb; border-radius:10px; margin-bottom:12px; font:inherit; }
.consultation-status.ap-admin { padding:30px 16px; }
.consultation-status .ap-config { white-space:pre-wrap; overflow-wrap:anywhere; max-height:400px; overflow:auto; }
.consultation-status.ap-admin .ap-compose input,.consultation-status.ap-admin .ap-compose select { display:block; padding:10px; border:1px solid #d9e1eb; border-radius:8px; max-width:100%; }
.consultation-status .ap-portal-tabs { display:flex; gap:8px; margin-top:28px; border-bottom:1px solid #e4e9f1; overflow:auto; }
.consultation-status .ap-portal-tabs button { white-space:nowrap; padding:14px 12px; border:0; border-bottom:3px solid transparent; background:transparent; color:#697588; font-weight:700; }
.consultation-status .ap-portal-tabs [aria-selected=true] { border-bottom-color:#2167ff; color:#2167ff; }

/* A focused lookup form; authenticated project details live on a separate page. */
.consultation-status--lookup { padding:96px 0 112px; }
.consultation-status--lookup .status-shell { width:min(600px,calc(100% - 48px)); }
.consultation-status--lookup .status-lookup__intro { text-align:center; }
.consultation-status--lookup .status-lookup__intro h1 { color:var(--status-ink); font-size:36px; font-weight:800; letter-spacing:-.055em; line-height:1.35; }
.consultation-status--lookup .status-lookup__intro p { margin-top:16px; color:var(--status-soft); font-size:15px; line-height:1.8; word-break:keep-all; }
.consultation-status--lookup .status-search { margin-top:44px; padding:0; border:0; }
.consultation-status--lookup .status-search__fields { display:grid; grid-template-columns:minmax(0,1fr); align-items:stretch; gap:26px; }
.consultation-status--lookup .status-search__fields > div { min-width:0; }
.consultation-status--lookup .status-search label { margin-bottom:10px; font-size:15px; }
.consultation-status--lookup .status-search__fields input { display:block; width:100%; min-height:56px; padding:15px 17px; font-size:16px; line-height:1.5; }
.consultation-status--lookup .status-search__fields input::placeholder { color:#929ca9; }
.consultation-status--lookup .status-search__fields .status-button { width:100%; min-height:56px; margin-top:4px; border-radius:10px; font-size:16px; font-weight:700; white-space:nowrap; }
.consultation-status--lookup .status-search__help { margin-top:10px; color:var(--status-soft); font-size:13px; line-height:1.8; word-break:keep-all; }
.consultation-status--lookup .status-search input[aria-invalid="true"] { border-color:#b42318; }
.consultation-status--lookup .status-search input[readonly] { background:#f5f7fa; }
.consultation-status--lookup .status-feedback { margin-top:16px!important; text-align:center; }
.consultation-status :is(.status-button,.status-reset):disabled { opacity:.55; cursor:wait; }
.consultation-status .status-detail[aria-busy="true"] { color:var(--status-soft); }
@media(max-width:760px) {
    .consultation-status--lookup { padding:56px 0 72px; }
    .consultation-status--lookup .status-shell { width:min(600px,calc(100% - 40px)); }
    .consultation-status--lookup .status-lookup__intro h1 { font-size:30px; }
    .consultation-status--lookup .status-lookup__intro p { font-size:14px; }
    .consultation-status--lookup .status-search { margin-top:34px; }
}
.consultation-status--expanded .status-layout { grid-template-columns:minmax(0,1fr); }
.consultation-status--expanded .status-list { max-height:none; overflow:visible; }
.consultation-status--expanded .ap-request-group { padding:20px 0; border-bottom:1px solid #edf1f5; }
.consultation-status--expanded .ap-request-group h3 { font-size:17px; font-weight:700; line-height:1.5; }
.consultation-status--expanded .ap-request-group dl { margin:12px 0 0; }

/* ==========================================================================
   App packaging pricing: service scope and consultation-based estimates
   ========================================================================== */
.app-pricing {--pricing-blue:var(--rb-main-color,#2167ff);--pricing-ink:#191f28;--pricing-soft:#596578;--pricing-line:#e2e8f0;padding:80px 0 90px;background:#fff;color:var(--pricing-ink);font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;}
.app-pricing *,.app-pricing *::before,.app-pricing *::after {box-sizing:border-box;}
.app-pricing :is(h1,h2,h3,h4,p,ol,ul,dl,dd) {margin:0;word-break:keep-all;}
.app-pricing :is(ol,ul) {padding:0;list-style:none;}
.app-pricing a {color:inherit;text-decoration:none;}
.app-pricing :is(a,summary):focus-visible {outline:3px solid var(--pricing-blue);outline-offset:5px;}
.app-pricing .app-pricing__shell {width:min(var(--rb-main-width,1200px),calc(100% - 48px));margin:0 auto;}
.app-pricing .app-pricing__intro {display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:64px;}
.app-pricing .app-pricing__eyebrow {display:inline-flex;padding:5px 11px;border-radius:99px;background:#edf3ff;color:var(--pricing-blue);font-size:11px;font-weight:800;letter-spacing:.06em;}
.app-pricing .app-pricing__intro h1 {margin-top:24px;font-size:clamp(36px,4.4vw,58px);font-weight:800;line-height:1.22;letter-spacing:-.065em;}
.app-pricing .app-pricing__intro h1 em {color:var(--pricing-blue);font-style:normal;}
.app-pricing .app-pricing__lead {max-width:610px;margin-top:22px;color:var(--pricing-soft);font-size:16px;line-height:1.85;}
.app-pricing .app-pricing__quote-note {padding:25px 26px;border-left:2px solid var(--pricing-blue);background:#f6f8fc;}
.app-pricing .app-pricing__platform {display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--pricing-soft);}
.app-pricing .app-pricing__platform strong {padding:3px 10px;border:1px solid #dce6f7;border-radius:6px;background:#fff;color:var(--pricing-blue);font-size:12px;}
.app-pricing .app-pricing__quote-note h2 {margin-top:22px;font-size:17px;font-weight:800;letter-spacing:-.035em;}
.app-pricing .app-pricing__quote-note ol {margin-top:17px;}
.app-pricing .app-pricing__quote-note li {display:grid;grid-template-columns:23px 1fr;gap:0 10px;margin-top:13px;font-size:13px;}
.app-pricing .app-pricing__quote-note li > span {grid-row:span 2;color:var(--pricing-blue);font-size:11px;padding-top:2px;}
.app-pricing .app-pricing__quote-note li small {grid-column:2;color:var(--pricing-soft);font-size:11px;}
.app-pricing .app-pricing__quote-note > p {margin-top:20px;padding-top:15px;border-top:1px solid var(--pricing-line);font-size:11px;line-height:1.8;color:var(--pricing-soft);}
.app-pricing .app-pricing__nav {display:flex;gap:34px;flex-wrap:wrap;margin-top:46px;border-bottom:1px solid var(--pricing-line);}
.app-pricing .app-pricing__nav a {display:flex;align-items:center;min-height:55px;border-bottom:2px solid transparent;font-size:14px;font-weight:700;}
.app-pricing .app-pricing__section {margin-top:64px;scroll-margin-top:130px;}
.app-pricing .app-pricing__section-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px;}
.app-pricing .app-pricing__caption {color:var(--pricing-blue);font-size:10px;font-weight:800;letter-spacing:.1em;}
.app-pricing .app-pricing__section-heading h2 {margin-top:10px;font-size:clamp(25px,2.6vw,32px);font-weight:800;line-height:1.4;letter-spacing:-.05em;}
.app-pricing .app-pricing__section-heading > p,.app-pricing .app-pricing__section-heading > div > p:last-child:not(:first-child) {color:var(--pricing-soft);font-size:14px;line-height:1.8;}
.app-pricing .app-pricing__plans {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.app-pricing .app-pricing__plan {display:flex;flex-direction:column;align-items:flex-start;padding:34px;border:1px solid var(--pricing-line);border-radius:16px;background:#fff;}
.app-pricing .app-pricing__plan--hybrid {border-color:#b8cffb;background:#f6f9ff;}
.app-pricing .app-pricing__plan-top {display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;margin-bottom:25px;}
.app-pricing .app-pricing__plan-icon {display:grid;place-items:center;width:45px;height:45px;border:1px solid #dfe7f3;border-radius:12px;background:#fff;color:var(--pricing-blue);font-size:26px;}
.app-pricing .app-pricing__tag {padding:5px 10px;border-radius:6px;background:#edf1f7;color:var(--pricing-soft);font-size:11px;font-weight:700;}
.app-pricing .app-pricing__plan--hybrid .app-pricing__tag {background:#e5eeff;color:var(--pricing-blue);}
.app-pricing .app-pricing__plan h3 {margin-top:7px;font-size:27px;font-weight:800;line-height:1.5;letter-spacing:-.05em;}
.app-pricing .app-pricing__plan-description {margin-top:12px;font-size:15px;line-height:1.8;color:var(--pricing-soft);}
.app-pricing .app-pricing__price {width:100%;margin:28px 0;padding-bottom:26px;border-bottom:1px solid var(--pricing-line);}
.app-pricing .app-pricing__price strong {display:block;font-size:34px;font-weight:800;line-height:1.4;letter-spacing:-.045em;}
.app-pricing .app-pricing__price span {display:block;margin-top:6px;font-size:12px;color:var(--pricing-soft);}
.app-pricing .app-pricing__plan h4 {font-size:13px;font-weight:800;}
.app-pricing .app-pricing__features {width:100%;margin:16px 0 28px;}
.app-pricing .app-pricing__features li {position:relative;padding-left:23px;font-size:14px;line-height:1.75;}
.app-pricing .app-pricing__features li + li {margin-top:10px;}
.app-pricing .app-pricing__features li > .ti {position:absolute;left:0;top:3px;color:var(--pricing-blue);font-size:18px;line-height:1;}
.app-pricing .app-pricing__button {display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:14px 22px;border:1px solid var(--pricing-blue);border-radius:9px;background:var(--pricing-blue);color:#fff;font-size:14px;font-weight:700;line-height:1.6;text-align:center;transition:background .2s ease,box-shadow .2s ease;}
.app-pricing .app-pricing__button > .ti {flex-shrink:0;font-size:20px;line-height:1;}
.app-pricing .app-pricing__button--outline {border-color:#cfdaec;background:#fff;color:var(--pricing-ink);}
.app-pricing .app-pricing__plan > .app-pricing__button {width:100%;margin-top:auto;}
.app-pricing .app-pricing__fine-print {margin-top:17px;font-size:12px;color:var(--pricing-soft);line-height:1.8;}
.app-pricing .app-pricing__diagnosis {display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:26px;padding:18px 22px;border-radius:8px;background:#f5f7fa;font-size:13px;}
.app-pricing .app-pricing__diagnosis a {position:relative;display:inline-flex;align-items:center;gap:12px;min-height:36px;color:var(--pricing-blue);font-weight:700;}
.app-pricing .app-pricing__diagnosis a > .ti {flex-shrink:0;font-size:18px;line-height:1;}
.app-pricing .app-pricing__diagnosis a::after {content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;opacity:0;pointer-events:none;}
.app-pricing .app-pricing__options {border-top:2px solid var(--pricing-ink);}
.app-pricing .app-pricing__options > div {display:grid;grid-template-columns:260px minmax(0,1fr) 110px;align-items:center;gap:24px;padding:26px 8px;border-bottom:1px solid var(--pricing-line);}
.app-pricing .app-pricing__options dt {display:flex;align-items:center;gap:14px;font-size:16px;font-weight:700;}
.app-pricing .app-pricing__options dt i {color:var(--pricing-blue);font-size:23px;}
.app-pricing .app-pricing__options dd {color:var(--pricing-soft);font-size:14px;line-height:1.8;}
.app-pricing .app-pricing__options .app-pricing__option-price {color:var(--pricing-ink);font-size:13px;font-weight:700;text-align:right;}
.app-pricing .app-pricing__builder {display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:32px;padding:30px 32px;border-radius:12px;background:#f3f6fc;}
.app-pricing .app-pricing__builder h3 {margin-top:8px;font-size:23px;font-weight:800;letter-spacing:-.045em;}
.app-pricing .app-pricing__builder p:last-child {margin-top:10px;font-size:13px;line-height:1.8;color:var(--pricing-soft);}
.app-pricing .app-pricing__builder .app-pricing__button {display:grid;grid-template-columns:1fr auto;gap:3px 16px;flex-shrink:0;min-width:205px;}
.app-pricing .app-pricing__builder .app-pricing__button small {grid-column:1/-1;font-size:10px;font-weight:400;color:var(--pricing-soft);}
.app-pricing .app-pricing__operations {display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;padding:56px 0;border-top:1px solid var(--pricing-line);border-bottom:1px solid var(--pricing-line);}
.app-pricing .app-pricing__operations .app-pricing__section-heading {align-items:flex-start;margin:0;}
.app-pricing .app-pricing__operations .app-pricing__section-heading h2 + p {margin-top:18px;}
.app-pricing .app-pricing__operation-list > div + div {margin-top:23px;padding-top:23px;border-top:1px solid var(--pricing-line);}
.app-pricing .app-pricing__operation-list dt {display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:17px;font-weight:700;}
.app-pricing .app-pricing__operation-list dt small {flex-shrink:0;color:var(--pricing-blue);font-size:11px;font-weight:700;}
.app-pricing .app-pricing__operation-list dd {margin-top:9px;color:var(--pricing-soft);font-size:14px;line-height:1.85;}
.app-pricing .app-pricing__faq-list {border-top:2px solid var(--pricing-ink);}
.app-pricing .app-pricing__faq-list details {border-bottom:1px solid var(--pricing-line);}
.app-pricing .app-pricing__faq-list summary {position:relative;padding:23px 44px 23px 0;list-style:none;font-size:16px;font-weight:700;line-height:1.7;cursor:pointer;}
.app-pricing .app-pricing__faq-list summary::-webkit-details-marker {display:none;}
.app-pricing .app-pricing__faq-list summary > .ti {position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--pricing-blue);font-size:22px;line-height:1;}
.app-pricing .app-pricing__faq-list summary > .app-faq__icon--minus {display:none;}
.app-pricing .app-pricing__faq-list details[open] summary > .app-faq__icon--plus {display:none;}
.app-pricing .app-pricing__faq-list details[open] summary > .app-faq__icon--minus {display:inline-block;}
.app-pricing .app-pricing__faq-list details[open] summary {color:var(--pricing-blue);}
.app-pricing .app-pricing__faq-list details > p {max-width:900px;padding:0 36px 25px 0;font-size:14px;line-height:1.9;color:var(--pricing-soft);}
.app-pricing .app-pricing__contact {display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:70px;padding:42px;border-radius:16px;background:#f0f5ff;}
.app-pricing .app-pricing__contact h2 {margin-top:14px;font-size:32px;font-weight:800;line-height:1.4;letter-spacing:-.05em;}
.app-pricing .app-pricing__contact p:last-child {max-width:450px;margin-top:15px;color:var(--pricing-soft);font-size:14px;line-height:1.8;}
.app-pricing .app-pricing__contact-actions {display:flex;flex-direction:column;align-items:center;gap:14px;flex-shrink:0;}
.app-pricing .app-pricing__contact-actions .app-pricing__button {min-width:260px;}
.app-pricing .app-pricing__text-link {padding:8px 0;color:var(--pricing-soft);font-size:11px;line-height:1.8;text-align:center;}
.app-pricing .app-pricing__text-link > .ti {margin-left:6px;font-size:16px;line-height:1;vertical-align:-3px;}
@media(hover:hover) and (pointer:fine) {
    .app-pricing .app-pricing__nav a:hover {color:var(--pricing-blue);border-bottom-color:var(--pricing-blue);}
    .app-pricing .app-pricing__button:hover {box-shadow:0 5px 18px rgba(33,103,255,.16);}
    .app-pricing .app-pricing__button--outline:hover {background:#edf3ff;}
    .app-pricing .app-pricing__diagnosis a:hover::after {opacity:1;}
    .app-pricing .app-pricing__text-link:hover {text-decoration:underline;text-underline-offset:4px;}
}
@media(max-width:1024px) {
    .app-pricing {padding-top:58px;}
    .app-pricing .app-pricing__intro {grid-template-columns:minmax(0,1fr) 285px;gap:30px;}
    .app-pricing .app-pricing__quote-note {padding:22px;}
    .app-pricing .app-pricing__plan {padding:26px;}
    .app-pricing .app-pricing__plan h3 {font-size:24px;}
    .app-pricing .app-pricing__options > div {grid-template-columns:220px minmax(0,1fr) 100px;gap:16px;}
    .app-pricing .app-pricing__operations {gap:32px;}
    .app-pricing .app-pricing__contact {padding:32px;gap:28px;}
}
@media(max-width:760px) {
    .app-pricing {padding:44px 0 55px;}
    .app-pricing .app-pricing__shell {width:calc(100% - 40px);}
    .app-pricing .app-pricing__intro {grid-template-columns:1fr;gap:26px;}
    .app-pricing .app-pricing__intro h1 {margin-top:19px;font-size:clamp(30px,7.8vw,44px);}
    .app-pricing .app-pricing__lead {margin-top:18px;font-size:14px;}
    .app-pricing .app-pricing__quote-note {padding:20px;}
    .app-pricing .app-pricing__quote-note h2 {margin-top:13px;font-size:15px;}
    .app-pricing .app-pricing__quote-note ol {display:flex;gap:15px;margin-top:14px;}
    .app-pricing .app-pricing__quote-note li {display:block;flex:1;min-width:0;margin:0;font-size:12px;}
    .app-pricing .app-pricing__quote-note li > span {display:block;margin-bottom:4px;}
    .app-pricing .app-pricing__quote-note li small {display:none;}
    .app-pricing .app-pricing__quote-note > p {margin-top:15px;padding-top:12px;}
    .app-pricing .app-pricing__nav {gap:0;margin-top:27px;justify-content:space-between;}
    .app-pricing .app-pricing__nav a {min-height:50px;font-size:12px;}
    .app-pricing .app-pricing__section {margin-top:42px;scroll-margin-top:108px;}
    .app-pricing .app-pricing__section-heading {display:block;margin-bottom:22px;}
    .app-pricing .app-pricing__section-heading > p {margin-top:12px;font-size:13px;}
    .app-pricing .app-pricing__section-heading > p br {display:none;}
    .app-pricing .app-pricing__plans {grid-template-columns:1fr;gap:18px;}
    .app-pricing .app-pricing__plan {padding:25px 22px;border-radius:12px;}
    .app-pricing .app-pricing__plan-top {margin-bottom:22px;}
    .app-pricing .app-pricing__plan h3 {font-size:25px;}
    .app-pricing .app-pricing__plan-description {font-size:14px;}
    .app-pricing .app-pricing__plan-description br {display:none;}
    .app-pricing .app-pricing__price {margin:24px 0;padding-bottom:24px;}
    .app-pricing .app-pricing__price strong {font-size:30px;}
    .app-pricing .app-pricing__features li {font-size:13px;}
    .app-pricing .app-pricing__diagnosis {display:block;padding:18px;}
    .app-pricing .app-pricing__diagnosis a {margin-top:5px;}
    .app-pricing .app-pricing__options > div {grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;padding:22px 0;}
    .app-pricing .app-pricing__options dt {gap:10px;font-size:14px;}
    .app-pricing .app-pricing__options dd:not(.app-pricing__option-price) {grid-column:1/-1;grid-row:2;font-size:13px;}
    .app-pricing .app-pricing__options .app-pricing__option-price {grid-column:2;grid-row:1;font-size:11px;}
    .app-pricing .app-pricing__builder {display:block;padding:24px 20px;margin-top:24px;}
    .app-pricing .app-pricing__builder h3 {font-size:21px;}
    .app-pricing .app-pricing__builder .app-pricing__button {margin-top:22px;display:inline-grid;}
    .app-pricing .app-pricing__operations {grid-template-columns:1fr;gap:26px;padding:34px 0;}
    .app-pricing .app-pricing__operations .app-pricing__section-heading h2 br {display:none;}
    .app-pricing .app-pricing__operation-list dt {font-size:15px;gap:10px;}
    .app-pricing .app-pricing__operation-list dd {font-size:13px;}
    .app-pricing .app-pricing__faq-list summary {font-size:14px;padding-top:20px;padding-bottom:20px;}
    .app-pricing .app-pricing__faq-list details > p {padding-right:12px;font-size:13px;}
    .app-pricing .app-pricing__contact {display:block;margin-top:44px;padding:28px 22px;}
    .app-pricing .app-pricing__contact h2 {font-size:28px;}
    .app-pricing .app-pricing__contact p:last-child {font-size:13px;}
    .app-pricing .app-pricing__contact-actions {align-items:stretch;margin-top:25px;gap:9px;}
    .app-pricing .app-pricing__contact-actions .app-pricing__button {min-width:0;}
}
@media(prefers-reduced-motion:reduce) {
    .app-pricing .app-pricing__button {transition:none;}
}

/* Service introduction. The visual is illustrative and contains no live data. */
.app-service {--service-blue:var(--rb-main-color,#2167ff);--service-ink:#191f28;--service-soft:#596578;--service-line:#e2e8f0;padding:80px 0 90px;background:#fff;color:var(--service-ink);font-family:Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere;}
.app-service *,.app-service *::before,.app-service *::after {box-sizing:border-box;}
.app-service :is(h1,h2,h3,p,figure,ul,ol,dl,dd) {margin:0;word-break:keep-all;}
.app-service :is(ul,ol) {padding:0;list-style:none;}
.app-service a {text-decoration:none;color:inherit;}
.app-service a:focus-visible {outline:3px solid var(--service-blue);outline-offset:5px;}
.app-service .app-service__shell {width:min(var(--rb-main-width,1200px),calc(100% - 48px));margin:auto;}
.app-service .app-service__hero {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:45px;align-items:center;}
.app-service .app-service__eyebrow {display:inline-flex;padding:5px 11px;border-radius:99px;background:#edf3ff;color:var(--service-blue);font-size:11px;font-weight:800;letter-spacing:.04em;}
.app-service .app-service__hero h1 {margin-top:24px;font-size:clamp(35px,4vw,54px);font-weight:800;line-height:1.25;letter-spacing:-.065em;}
.app-service .app-service__hero h1 em {font-style:normal;color:var(--service-blue);}
.app-service .app-service__lead {margin-top:24px;color:var(--service-soft);font-size:16px;line-height:1.9;}
.app-service .app-service__actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.app-service .app-service__button {display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:13px 20px;border:1px solid var(--service-blue);border-radius:9px;background:var(--service-blue);color:#fff;font-size:14px;font-weight:700;text-align:center;line-height:1.6;}
.app-service .app-service__button > .ti {flex-shrink:0;font-size:20px;line-height:1;}
.app-service .app-service__button--outline {background:#fff;color:var(--service-ink);border-color:#cfdaec;}
.app-service .app-service__scope {margin-top:19px;color:var(--service-soft);font-size:11px;}
.app-service .app-service__scope strong {margin-left:8px;color:var(--service-blue);}
.app-service .app-service__visual {min-width:0;}
.app-service .app-service__scene {position:relative;height:405px;border-radius:22px;background-color:#f2f6ff;background-image:radial-gradient(#d8e3fa 1px,transparent 1px);background-size:18px 18px;overflow:hidden;}
.app-service .app-service__web {position:absolute;top:46px;left:25px;width:70%;height:279px;border:1px solid #d9e3f3;border-radius:10px;background:#fff;box-shadow:0 15px 30px rgba(31,63,114,.06);overflow:hidden;}
.app-service .app-service__browser {display:flex;align-items:center;gap:4px;height:30px;padding:0 12px;border-bottom:1px solid #e8edf5;background:#fbfcff;}
.app-service .app-service__browser > span {width:5px;height:5px;background:#c6d3e7;border-radius:50%;}
.app-service .app-service__browser small {margin-left:8px;color:#74839b;font-size:7px;letter-spacing:.08em;}
.app-service .app-service__web-content {padding:20px;}
.app-service .app-service__web-content > b {font-size:16px;}
.app-service .app-service__web-content > p {margin-top:3px;font-size:9px;color:var(--service-soft);}
.app-service .app-service__sample-banner {display:flex;align-items:center;justify-content:center;height:57px;margin:15px 0;background:#eaf1ff;border-radius:7px;color:var(--service-blue);font-size:10px;font-weight:700;}
.app-service .app-service__sample-row {display:flex;align-items:center;gap:10px;margin-top:10px;}
.app-service .app-service__sample-row > i {display:block;flex-shrink:0;width:27px;height:27px;border-radius:5px;background:#e9eef6;}
.app-service .app-service__sample-row > span {display:block;width:60%;height:6px;border-radius:3px;background:#e7ecf4;box-shadow:0 10px 0 #f2f5f9;}
.app-service .app-service__phone {position:absolute;right:25px;bottom:28px;width:161px;height:292px;border:5px solid #273449;border-radius:28px;background:#fff;box-shadow:0 16px 30px rgba(30,51,87,.16);overflow:hidden;}
.app-service .app-service__phone-top {display:flex;justify-content:space-between;align-items:center;height:30px;padding:0 13px;font-size:8px;font-weight:700;}
.app-service .app-service__phone-top > i {width:40px;height:10px;border-radius:20px;background:#273449;}
.app-service .app-service__phone-content {padding:10px 12px;}
.app-service .app-service__phone-content > small {display:block;color:var(--service-soft);font-size:8px;}
.app-service .app-service__phone-content > b {display:block;font-size:21px;letter-spacing:-.06em;}
.app-service .app-service__phone-content .app-service__sample-banner {height:58px;margin:11px 0 14px;}
.app-service .app-service__phone-tabs {position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:11px 8px;border-top:1px solid #e8edf5;background:#fff;color:#91a0b5;font-size:16px;}
.app-service .app-service__phone-tabs > i:first-child {color:var(--service-blue);}
.app-service .app-service__visual-label {position:absolute;left:28px;bottom:29px;font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--service-blue);}
.app-service .app-service__visual-label > .ti {margin:0 10px;font-size:15px;line-height:1;vertical-align:-2px;}
.app-service .app-service__visual figcaption {display:flex;justify-content:space-between;gap:15px;margin-top:14px;font-size:11px;color:var(--service-soft);}
.app-service .app-service__visual figcaption > span {flex-shrink:0;color:#74839b;}
.app-service .app-service__section {margin-top:80px;scroll-margin-top:130px;}
.app-service .app-service__caption {font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--service-blue);}
.app-service .app-service__heading {margin-bottom:30px;}
.app-service .app-service__heading h2 {margin-top:12px;font-size:clamp(25px,2.8vw,34px);line-height:1.4;font-weight:800;letter-spacing:-.055em;}
.app-service .app-service__heading > p:last-child:not(:first-child) {margin-top:17px;color:var(--service-soft);font-size:15px;line-height:1.85;}
.app-service .app-service__values {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
.app-service .app-service__values article {padding-top:24px;border-top:2px solid var(--service-ink);}
.app-service .app-service__number {display:block;font-size:12px;font-weight:800;color:var(--service-blue);}
.app-service .app-service__values h3,.app-service .app-service__steps h3 {margin-top:15px;font-size:20px;font-weight:800;letter-spacing:-.04em;}
.app-service .app-service__values p,.app-service .app-service__steps p {margin-top:12px;font-size:14px;line-height:1.9;color:var(--service-soft);}
.app-service .app-service__methods {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.app-service .app-service__method {display:flex;flex-direction:column;align-items:flex-start;padding:34px;border:1px solid var(--service-line);border-radius:16px;}
.app-service .app-service__method--hybrid {border-color:#b8cffb;background:#f6f9ff;}
.app-service .app-service__method h3 {margin-top:15px;font-size:29px;line-height:1.45;letter-spacing:-.05em;font-weight:800;}
.app-service .app-service__method > p:not(.app-service__caption) {margin-top:19px;color:var(--service-soft);font-size:15px;line-height:1.85;}
.app-service .app-service__method ul {width:100%;margin:25px 0;padding:22px 0;border-top:1px solid var(--service-line);border-bottom:1px solid var(--service-line);}
.app-service .app-service__method li {position:relative;padding-left:20px;font-size:14px;}
.app-service .app-service__method li + li {margin-top:11px;}
.app-service .app-service__method li::before {content:"";position:absolute;top:9px;left:1px;width:5px;height:5px;border-radius:50%;background:var(--service-blue);}
.app-service .app-service__method .app-service__button {margin-top:auto;width:100%;}
.app-service .app-service__note {margin-top:17px;font-size:12px;color:var(--service-soft);}
.app-service .app-service__builder {display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:30px;padding:30px 32px;border-radius:12px;background:#f3f6fc;}
.app-service .app-service__builder h3 {margin-top:9px;font-size:23px;font-weight:800;letter-spacing:-.045em;}
.app-service .app-service__builder p:last-child {margin-top:10px;font-size:13px;line-height:1.85;color:var(--service-soft);}
.app-service .app-service__builder > a {flex-shrink:0;}
.app-service .app-service__steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:steps;}
.app-service .app-service__steps li {padding:23px 0 0;border-top:1px solid var(--service-line);}
.app-service .app-service__steps .app-service__number {display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf3ff;}
.app-service .app-service__steps h3 {font-size:18px;}
.app-service .app-service__preparation {display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:50px 0;border-top:1px solid var(--service-line);border-bottom:1px solid var(--service-line);}
.app-service .app-service__preparation .app-service__heading {margin:0;}
.app-service .app-service__preparation dl > div + div {margin-top:22px;padding-top:22px;border-top:1px solid var(--service-line);}
.app-service .app-service__preparation dt {font-size:17px;font-weight:700;}
.app-service .app-service__preparation dd {margin-top:8px;font-size:14px;line-height:1.85;color:var(--service-soft);}
.app-service .app-service__contact {display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:70px;padding:42px;border-radius:16px;background:#f0f5ff;}
.app-service .app-service__contact h2 {margin-top:14px;font-size:32px;font-weight:800;line-height:1.4;letter-spacing:-.05em;}
.app-service .app-service__contact p:last-child {max-width:460px;margin-top:15px;color:var(--service-soft);font-size:14px;}
.app-service .app-service__contact-actions {display:flex;flex-direction:column;gap:12px;flex-shrink:0;min-width:250px;}
@media(hover:hover) and (pointer:fine) {
    .app-service .app-service__button:hover {box-shadow:0 5px 18px rgba(33,103,255,.16);}
    .app-service .app-service__button--outline:hover {background:#edf3ff;}
}
@media(max-width:1024px) {
    .app-service {padding-top:58px;}
    .app-service .app-service__hero {gap:25px;}
    .app-service .app-service__hero h1 {font-size:38px;}
    .app-service .app-service__lead {font-size:14px;}
    .app-service .app-service__web {left:18px;width:75%;}
    .app-service .app-service__phone {right:18px;}
    .app-service .app-service__method {padding:28px;}
    .app-service .app-service__steps {grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;}
    .app-service .app-service__preparation {gap:32px;}
}
@media(max-width:760px) {
    .app-service {padding:44px 0 55px;}
    .app-service .app-service__shell {width:calc(100% - 40px);}
    .app-service .app-service__hero {grid-template-columns:1fr;gap:32px;}
    .app-service .app-service__hero h1 {margin-top:19px;font-size:clamp(29px,7.5vw,44px);}
    .app-service .app-service__lead {margin-top:20px;}
    .app-service .app-service__actions {display:grid;grid-template-columns:1fr;margin-top:24px;gap:10px;}
    .app-service .app-service__scene {height:345px;border-radius:16px;}
    .app-service .app-service__web {top:25px;left:15px;height:250px;}
    .app-service .app-service__web-content {padding:15px;}
    .app-service .app-service__phone {right:15px;bottom:20px;width:142px;height:273px;}
    .app-service .app-service__visual-label {left:19px;bottom:24px;font-size:9px;}
    .app-service .app-service__visual-label > .ti {margin:0 5px;}
    .app-service .app-service__visual figcaption {font-size:10px;gap:10px;}
    .app-service .app-service__section {margin-top:48px;scroll-margin-top:108px;}
    .app-service .app-service__heading {margin-bottom:24px;}
    .app-service .app-service__heading > p:last-child:not(:first-child) {font-size:14px;}
    .app-service .app-service__values,.app-service .app-service__methods {grid-template-columns:1fr;gap:22px;}
    .app-service .app-service__values article {padding-top:19px;}
    .app-service .app-service__values h3 {margin-top:10px;}
    .app-service .app-service__values p {margin-top:9px;}
    .app-service .app-service__method {padding:25px 22px;border-radius:12px;}
    .app-service .app-service__method h3 {font-size:26px;}
    .app-service .app-service__method > p:not(.app-service__caption) {font-size:14px;}
    .app-service .app-service__method li {font-size:13px;}
    .app-service .app-service__builder {display:block;padding:24px 20px;}
    .app-service .app-service__builder h3 {font-size:21px;}
    .app-service .app-service__builder > a {margin-top:22px;}
    .app-service .app-service__steps {grid-template-columns:1fr;gap:22px;}
    .app-service .app-service__steps li {position:relative;padding:22px 0 0 48px;}
    .app-service .app-service__steps .app-service__number {position:absolute;top:22px;left:0;}
    .app-service .app-service__steps h3 {margin-top:0;}
    .app-service .app-service__steps p {margin-top:8px;font-size:13px;}
    .app-service .app-service__preparation {grid-template-columns:1fr;gap:28px;padding:34px 0;}
    .app-service .app-service__contact {display:block;padding:28px 22px;margin-top:44px;}
    .app-service .app-service__contact h2 {font-size:28px;}
    .app-service .app-service__contact-actions {margin-top:25px;min-width:0;}
}

/* Individual app types share the service introduction layout. */
.app-service .app-type__switch {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px;}
.app-service .app-type__switch a {padding:10px 17px;border:1px solid #e2e8f0;border-radius:99px;font-size:13px;font-weight:700;}
.app-service .app-type__switch a[aria-current="page"] {background:#edf3ff;border-color:#b8cffb;color:var(--service-blue);}
.app-service .app-type__diagram {padding:30px;border-radius:16px;background:#f3f6fc;}
.app-service .app-type__diagram figcaption {font-size:17px;font-weight:800;}
.app-service .app-type__diagram ol {margin-top:22px;}
.app-service .app-type__diagram li {position:relative;display:flex;gap:14px;align-items:center;padding:19px 16px;background:#fff;border:1px solid #dce6f7;border-radius:9px;font-size:15px;}
.app-service .app-type__diagram li + li {margin-top:27px;}
.app-service .app-type__diagram .app-type__diagram-arrow {position:absolute;display:flex;align-items:center;top:-27px;left:50%;height:27px;transform:translateX(-50%);color:var(--service-blue);font-size:18px;line-height:1;}
.app-service .app-type__diagram li > span {color:var(--service-blue);font-size:11px;}
.app-service .app-type__diagram > p {margin-top:20px;font-size:12px;color:var(--service-soft);text-align:center;}
.app-service .app-type__examples {border-top:2px solid var(--service-ink);}
.app-service .app-type__examples > div {display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--service-line);}
.app-service .app-type__examples dt {font-size:16px;font-weight:700;}
.app-service .app-type__examples dd {font-size:15px;color:var(--service-soft);line-height:1.85;}
.app-service .app-type__tradeoffs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.app-service .app-type__tradeoffs > article {padding:30px;border:1px solid var(--service-line);border-radius:14px;background:#fafbfc;}
.app-service .app-type__tradeoffs > .app-type__pros {background:#f6f9ff;border-color:#b8cffb;}
.app-service .app-type__tradeoffs .app-type__list-title {margin-bottom:24px;font-size:23px;font-weight:800;}
.app-service .app-type__pros .app-type__list-title {color:var(--service-blue);}
.app-service .app-type__tradeoffs article > div + div {margin-top:23px;padding-top:23px;border-top:1px solid var(--service-line);}
.app-service .app-type__tradeoffs div > h3 {font-size:17px;font-weight:700;}
.app-service .app-type__tradeoffs div > p {margin-top:10px;color:var(--service-soft);font-size:14px;line-height:1.9;}
.app-service .app-type__fit li {display:flex;align-items:flex-start;gap:16px;padding:22px 0;border-bottom:1px solid var(--service-line);font-size:16px;}
.app-service .app-type__fit li:first-child {border-top:1px solid var(--service-line);}
.app-service .app-type__fit li > span {flex-shrink:0;padding-top:3px;color:var(--service-blue);font-size:11px;font-weight:800;}
.app-service .app-type__other {display:inline-block;margin-top:19px;color:var(--service-blue);font-size:13px;font-weight:700;padding:6px 0;}
.app-service .app-type__other > .ti {margin-left:8px;font-size:17px;line-height:1;vertical-align:-2px;}
.app-service .app-type__faq {border-top:2px solid var(--service-ink);}
.app-service .app-type__faq details {border-bottom:1px solid var(--service-line);}
.app-service .app-type__faq summary {position:relative;list-style:none;padding:22px 36px 22px 0;font-size:16px;font-weight:700;cursor:pointer;}
.app-service .app-type__faq summary::-webkit-details-marker {display:none;}
.app-service .app-type__faq summary > .ti {position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--service-blue);font-size:22px;line-height:1;}
.app-service .app-type__faq summary > .app-faq__icon--minus {display:none;}
.app-service .app-type__faq details[open] summary > .app-faq__icon--plus {display:none;}
.app-service .app-type__faq details[open] summary > .app-faq__icon--minus {display:inline-block;}
.app-service .app-type__faq details > p {max-width:950px;padding:0 30px 23px 0;font-size:14px;line-height:1.9;color:var(--service-soft);}
.app-service .app-type__faq summary:focus-visible {outline:3px solid var(--service-blue);outline-offset:4px;}
@media(hover:hover) and (pointer:fine) {
    .app-service .app-type__other:hover {text-decoration:underline;text-underline-offset:4px;text-decoration-skip-ink:none;}
    .app-service .app-type__switch a:hover {background:#edf3ff;}
}
@media(max-width:760px) {
    .app-service .app-type__switch {margin-bottom:25px;}
    .app-service .app-type__diagram {padding:24px 20px;}
    .app-service .app-type__diagram li {font-size:14px;padding:16px 12px;}
    .app-service .app-type__examples > div {grid-template-columns:1fr;gap:9px;padding:20px 0;}
    .app-service .app-type__examples dd {font-size:14px;}
    .app-service .app-type__tradeoffs {grid-template-columns:1fr;gap:18px;}
    .app-service .app-type__tradeoffs > article {padding:24px 20px;}
    .app-service .app-type__fit li {font-size:15px;}
    .app-service .app-type__faq summary {font-size:14px;}
    .app-service .app-type__faq details > p {font-size:13px;padding-right:10px;}
}

/* Features page, using the shared service layout below. */
.app-service #features-payments .app-type__examples {margin-top:28px;}
.app-service .app-features__story {padding:30px;border-radius:16px;background:#f3f6fc;}
.app-service .app-features__story h2 {margin-top:12px;font-size:26px;font-weight:800;line-height:1.45;letter-spacing:-.05em;}
.app-service .app-features__story ol {margin-top:24px;}
.app-service .app-features__story li {display:flex;align-items:flex-start;gap:14px;margin-top:18px;}
.app-service .app-features__story li > span {display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--service-blue);font-size:10px;font-weight:800;}
.app-service .app-features__story li strong {font-size:14px;}
.app-service .app-features__story li p {font-size:12px;color:var(--service-soft);}
.app-service .app-features__story .app-features__story-note {margin-top:22px;padding-top:18px;border-top:1px solid var(--service-line);font-size:11px;line-height:1.85;color:var(--service-soft);}
.app-service .app-features__nav {display:flex;justify-content:flex-start;flex-wrap:wrap;gap:28px;margin-top:40px;border-bottom:1px solid var(--service-line);}
.app-service .app-features__nav a {display:flex;align-items:center;min-height:52px;font-size:13px;font-weight:700;border-bottom:2px solid transparent;}
.app-service .app-features__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.app-service .app-features__card {display:flex;flex-direction:column;padding:28px;border:1px solid var(--service-line);border-radius:14px;scroll-margin-top:130px;}
.app-service .app-features__icon {display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#edf3ff;color:var(--service-blue);font-size:25px;}
.app-service .app-features__card h3 {margin-top:20px;font-size:22px;font-weight:800;letter-spacing:-.045em;}
.app-service .app-features__card > p {margin:14px 0 23px;color:var(--service-soft);font-size:14px;line-height:1.85;}
.app-service .app-features__card dl {margin-top:auto;padding-top:20px;border-top:1px solid var(--service-line);}
.app-service .app-features__card dl > div + div {margin-top:17px;}
.app-service .app-features__card dt {font-size:11px;font-weight:700;color:var(--service-blue);}
.app-service .app-features__card dd {margin-top:6px;color:var(--service-soft);font-size:13px;line-height:1.85;}
.app-service .app-features__methods {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
.app-service .app-features__methods article {padding-top:24px;border-top:2px solid var(--service-ink);}
.app-service .app-features__methods h3 {margin-top:12px;font-size:24px;font-weight:800;letter-spacing:-.04em;}
.app-service .app-features__methods article > p:not(.app-service__caption) {margin-top:15px;color:var(--service-soft);font-size:15px;line-height:1.85;}
@media(hover:hover) and (pointer:fine) {
    .app-service .app-features__nav a:hover {color:var(--service-blue);border-bottom-color:var(--service-blue);}
}
@media(max-width:1024px) {
    .app-service .app-features__grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
}
@media(max-width:760px) {
    .app-service .app-features__story {padding:25px 22px;}
    .app-service .app-features__story h2 {font-size:24px;}
    .app-service .app-features__nav {gap:6px 20px;margin-top:28px;}
    .app-service .app-features__nav a {font-size:12px;min-height:44px;}
    .app-service .app-features__grid,.app-service .app-features__methods {grid-template-columns:1fr;gap:20px;}
    .app-service .app-features__card {padding:25px 22px;scroll-margin-top:108px;}
    .app-service .app-features__methods article > p:not(.app-service__caption) {font-size:14px;}
}

/* Additional option estimates: work breakdown and scope examples. */
.app-service .app-options__estimate {padding:30px;border:1px solid var(--service-line);border-top:3px solid var(--service-blue);border-radius:0 0 12px 12px;background:#f8faff;}
.app-service .app-options__estimate h2 {margin-top:12px;font-size:23px;font-weight:800;letter-spacing:-.04em;}
.app-service .app-options__estimate dl {margin-top:22px;}
.app-service .app-options__estimate dl > div {display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--service-line);font-size:13px;}
.app-service .app-options__estimate dd {color:var(--service-soft);text-align:right;}
.app-service .app-options__estimate-total {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:23px;font-size:13px;}
.app-service .app-options__estimate-total strong {font-size:24px;font-weight:800;color:var(--service-blue);letter-spacing:-.04em;}
.app-service .app-options__estimate-note {margin-top:18px;color:var(--service-soft);font-size:11px;line-height:1.85;}
.app-service .app-options__breakdown {border-top:2px solid var(--service-ink);}
.app-service .app-options__breakdown > div {display:grid;grid-template-columns:180px minmax(0,1fr) minmax(0,1fr);gap:30px;padding:27px 0;border-bottom:1px solid var(--service-line);}
.app-service .app-options__breakdown dt {font-size:17px;font-weight:700;}
.app-service .app-options__breakdown dt > span {display:block;margin-bottom:7px;font-size:10px;color:var(--service-blue);}
.app-service .app-options__breakdown dd {font-size:14px;line-height:1.85;color:var(--service-soft);}
.app-service .app-options__breakdown small {display:block;margin-bottom:9px;font-size:11px;color:var(--service-ink);font-weight:700;}
.app-service .app-options__feature-link {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:15px 22px;background:#f5f7fa;border-radius:8px;font-size:13px;}
.app-service .app-options__feature-link a {margin:0;}
.app-service .app-options__scenarios {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
.app-service .app-options__scenarios article {padding:28px;background:#f6f8fb;border-left:2px solid #c5d5ee;}
.app-service .app-options__scenarios h3 {margin-top:12px;font-size:23px;line-height:1.5;font-weight:800;letter-spacing:-.045em;}
.app-service .app-options__scenarios article > p:not(.app-service__caption) {margin-top:15px;font-size:14px;color:var(--service-soft);}
.app-service .app-options__scenarios dl {margin-top:24px;}
.app-service .app-options__scenarios dl > div + div {margin-top:22px;padding-top:20px;border-top:1px solid var(--service-line);}
.app-service .app-options__scenarios dt {font-size:12px;font-weight:700;}
.app-service .app-options__scenarios dd {margin-top:9px;font-size:14px;line-height:1.9;color:var(--service-soft);}
@media(max-width:760px) {
    .app-service .app-options__estimate {padding:24px 20px;}
    .app-service .app-options__estimate-total strong {font-size:22px;}
    .app-service .app-options__breakdown > div {grid-template-columns:1fr;gap:15px;padding:23px 0;}
    .app-service .app-options__breakdown dt > span {display:inline;margin:0 10px 0 0;}
    .app-service .app-options__breakdown dd {font-size:13px;}
    .app-service .app-options__breakdown small {margin-bottom:5px;}
    .app-service .app-options__feature-link {display:block;padding:18px;}
    .app-service .app-options__feature-link a {margin-top:6px;}
    .app-service .app-options__scenarios {grid-template-columns:1fr;gap:20px;}
    .app-service .app-options__scenarios article {padding:24px 20px;}
    .app-service .app-options__scenarios h3 {font-size:21px;}
}

/* Operations and maintenance: support scope, change examples and request guidance. */
.app-maintenance .app-maintenance__overview {min-width:0;padding:30px;border-left:2px solid var(--service-blue);background:#f5f8fd;}
.app-maintenance .app-maintenance__overview h2 {margin-top:12px;font-size:25px;font-weight:800;line-height:1.45;letter-spacing:-.045em;}
.app-maintenance .app-maintenance__overview > p:not(.app-service__caption):not(.app-maintenance__overview-note) {margin-top:14px;color:var(--service-soft);font-size:14px;line-height:1.85;}
.app-maintenance .app-maintenance__overview ol {display:grid;gap:20px;margin-top:25px;}
.app-maintenance .app-maintenance__overview li {display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;}
.app-maintenance .app-maintenance__overview li > span {padding-top:2px;color:var(--service-blue);font-size:11px;font-weight:800;line-height:1.9;}
.app-maintenance .app-maintenance__overview li strong {display:block;font-size:14px;font-weight:700;line-height:1.7;}
.app-maintenance .app-maintenance__overview li p {margin-top:5px;color:var(--service-soft);font-size:13px;line-height:1.85;}
.app-maintenance .app-maintenance__overview .app-maintenance__overview-note {margin-top:24px;padding-top:18px;border-top:1px solid var(--service-line);color:var(--service-soft);font-size:12px;line-height:1.85;}
.app-maintenance .app-maintenance__scope {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 48px;}
.app-maintenance .app-maintenance__scope > article {min-width:0;padding-top:24px;border-top:2px solid var(--service-ink);}
.app-maintenance .app-maintenance__scope h3 {margin-top:12px;font-size:23px;font-weight:800;line-height:1.45;letter-spacing:-.04em;}
.app-maintenance .app-maintenance__scope article > p {margin-top:14px;color:var(--service-soft);font-size:15px;line-height:1.9;}
.app-maintenance .app-maintenance__scope article > small {display:block;margin-top:17px;padding-left:12px;border-left:2px solid #d7e3f5;color:var(--service-soft);font-size:13px;line-height:1.85;}
.app-maintenance .app-maintenance__changes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;}
.app-maintenance .app-maintenance__changes > article {min-width:0;padding-top:24px;border-top:1px solid var(--service-line);}
.app-maintenance .app-maintenance__changes h3 {margin-top:12px;font-size:23px;font-weight:800;line-height:1.45;letter-spacing:-.04em;}
.app-maintenance .app-maintenance__changes article > p:not(.app-service__caption) {margin-top:14px;color:var(--service-soft);font-size:14px;line-height:1.85;}
.app-maintenance .app-maintenance__changes dl {margin-top:24px;padding-top:19px;border-top:1px solid var(--service-line);}
.app-maintenance .app-maintenance__changes dl > div + div {margin-top:18px;}
.app-maintenance .app-maintenance__changes dt {font-size:12px;font-weight:700;line-height:1.7;}
.app-maintenance .app-maintenance__changes dd {margin-top:7px;color:var(--service-soft);font-size:14px;line-height:1.85;}
.app-maintenance .app-maintenance__request-note {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:28px;padding:25px 28px;background:#f5f7fa;}
.app-maintenance .app-maintenance__request-note > div {min-width:0;}
.app-maintenance .app-maintenance__request-note h3 {font-size:18px;font-weight:800;line-height:1.5;letter-spacing:-.035em;}
.app-maintenance .app-maintenance__request-note p {margin-top:8px;color:var(--service-soft);font-size:14px;line-height:1.85;}
.app-maintenance .app-maintenance__request-note .app-type__other {justify-self:end;max-width:100%;margin:0;}
@media(max-width:1024px) {
    .app-maintenance .app-maintenance__overview {padding:25px 24px;}
    .app-maintenance .app-maintenance__overview h2 {font-size:23px;}
    .app-maintenance .app-maintenance__scope {gap:30px;}
    .app-maintenance .app-maintenance__changes {grid-template-columns:minmax(0,1fr);gap:30px;}
}
@media(max-width:760px) {
    .app-maintenance .app-maintenance__overview {padding:24px 20px;}
    .app-maintenance .app-maintenance__overview li {grid-template-columns:24px minmax(0,1fr);gap:10px;}
    .app-maintenance .app-maintenance__scope {grid-template-columns:minmax(0,1fr);gap:26px;}
    .app-maintenance .app-maintenance__scope > article,.app-maintenance .app-maintenance__changes > article {padding-top:20px;}
    .app-maintenance .app-maintenance__scope h3,.app-maintenance .app-maintenance__changes h3 {font-size:21px;}
    .app-maintenance .app-maintenance__scope article > p {font-size:14px;}
    .app-maintenance .app-maintenance__request-note {grid-template-columns:minmax(0,1fr);gap:16px;padding:23px 20px;}
    .app-maintenance .app-maintenance__request-note .app-type__other {justify-self:start;}
}

/* Hybrid page: PWA and iOS packaging comparison. */
.app-service.app-hybrid .app-hybrid__summary {margin:18px 0;padding:14px 18px;border-left:3px solid var(--service-blue);border-radius:0 8px 8px 0;background:#f4f7fc;color:var(--service-soft);font-size:14px;line-height:1.75;overflow-wrap:anywhere;}
.app-service.app-hybrid .app-hybrid__comparison-wrap {min-width:0;border:1px solid var(--service-line);border-radius:14px;overflow:hidden;}
.app-service.app-hybrid .app-hybrid__comparison {position:relative;width:100%;max-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left;}
.app-service.app-hybrid .app-hybrid__comparison caption {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.app-service.app-hybrid .app-hybrid__comparison :is(th,td) {padding:18px 20px;border:0;border-bottom:1px solid var(--service-line);vertical-align:top;overflow-wrap:anywhere;word-break:keep-all;}
.app-service.app-hybrid .app-hybrid__comparison thead th {background:#f2f6fc;color:var(--service-ink);font-size:15px;font-weight:800;line-height:1.6;}
.app-service.app-hybrid .app-hybrid__comparison thead th:first-child {width:18%;}
.app-service.app-hybrid .app-hybrid__comparison thead th:not(:first-child) {width:41%;}
.app-service.app-hybrid .app-hybrid__comparison tbody th {background:#fafbfd;color:var(--service-ink);font-size:14px;font-weight:700;line-height:1.7;}
.app-service.app-hybrid .app-hybrid__comparison td {background:#fff;color:var(--service-soft);font-size:14px;line-height:1.75;}
.app-service.app-hybrid .app-hybrid__comparison td + td {border-left:1px solid var(--service-line);}
.app-service.app-hybrid .app-hybrid__comparison tbody tr:last-child > :is(th,td) {border-bottom:0;}
.app-service.app-hybrid .app-hybrid__comparison td p {margin:0;}
.app-service.app-hybrid .app-hybrid__cell-label {display:none;}
@media(max-width:1024px) {
    .app-service.app-hybrid .app-hybrid__comparison :is(th,td) {padding:18px 18px;}
}
@media(max-width:760px) {
    .app-service.app-hybrid .app-hybrid__summary {margin:16px 0;padding:13px 16px;font-size:14px;}
    .app-service.app-hybrid .app-hybrid__comparison-wrap {border:0;border-radius:0;overflow:visible;}
    .app-service.app-hybrid .app-hybrid__comparison,.app-service.app-hybrid .app-hybrid__comparison :is(thead,tbody,tr,th,td) {display:block;min-width:0;width:100%;}
    .app-service.app-hybrid .app-hybrid__comparison thead {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
    .app-service.app-hybrid .app-hybrid__comparison tbody tr {margin-bottom:12px;border:1px solid var(--service-line);border-radius:12px;overflow:hidden;}
    .app-service.app-hybrid .app-hybrid__comparison tbody tr:last-child {margin-bottom:0;}
    .app-service.app-hybrid .app-hybrid__comparison tbody th {padding:14px 18px;border:0;background:#f2f6fc;font-size:15px;line-height:1.7;}
    .app-service.app-hybrid .app-hybrid__comparison td {padding:16px 18px;border:0;font-size:14px;}
    .app-service.app-hybrid .app-hybrid__comparison td + td {border-top:1px solid var(--service-line);border-left:0;}
    .app-service.app-hybrid .app-hybrid__cell-label {display:block;margin-bottom:5px;color:var(--service-blue);font-size:11px;font-weight:800;line-height:1.6;}
}