/* A안 전용. 원본의 배치 방식·pin·transform·모션 시간축은 유지한다. */
body[data-view="frontend"] {
  --wagle-accent: #ef694e;
  --wagle-accent-ink: #ac4c38;
  --wagle-accent-ink-on: #fff;
  --wagle-accent-on: #000;
  --wagle-accent-light: #f6ae9f;
  --wagle-accent-soft: #fef3f1;
  --wagle-content: 1200px;
  --wagle-gutter: max(120px, calc((100vw - 1200px) / 2));
  --wagle-section-space: 120px;
  --wagle-heading: 42px;
  --wagle-radius: 32px;
  background: #06070b;
  font-family: "Growthlab Pretendard Regular", sans-serif;
}

/* 같은 프레임에 콘텐츠의 양쪽 정렬선을 모은다. 전체 화면 무대는 그대로 둔다. */
body[data-view="frontend"] #section-2 .framer-1cxot3l,
body[data-view="frontend"] #section-7 .framer-p9u2h4 {
  padding-inline: var(--wagle-gutter);
  padding-block: var(--wagle-section-space);
}
body[data-view="frontend"] #section-4 .framer-oceiyg {
  padding-block: var(--wagle-section-space);
}
body[data-view="frontend"] #section-4 .framer-oceiyg > :not(.framer-ojls23) {
  max-width: calc(var(--wagle-content) + var(--wagle-gutter) * 2);
}
body[data-view="frontend"] #section-3 [class*="AreaContainer-xl-TitleArea"] {
  max-width: none;
  padding-inline: var(--wagle-gutter);
}
body[data-view="frontend"] #section-6 [class*="SectionProcessCardsContainer"] {
  padding-bottom: var(--wagle-section-space);
}
body[data-view="frontend"] #section-8 .ggal-page {
  --ggal-max: calc(var(--wagle-content) + 40px);
  --ggal-bg: #06070b;
  --ggal-bg-2: #101114;
  --ggal-card: #17191b;
  --ggal-card-2: #202226;
  --ggal-green: var(--wagle-accent);
  --ggal-green-2: var(--wagle-accent-light);
  --ggal-point: var(--wagle-accent);
  --ggal-point-2: var(--wagle-accent-light);
  --ggal-grad: linear-gradient(100deg, var(--wagle-accent), var(--wagle-accent-light));
  --ggal-font: "Growthlab Pretendard Regular", sans-serif;
}
body[data-view="frontend"] #section-8 .ggal-page .ggal-section {
  padding-block: var(--wagle-section-space);
}
body[data-view="frontend"] #section-8 .ggal-page .ggal-container {
  max-width: none;
  padding-inline: var(--wagle-gutter);
}
body[data-view="frontend"] #section-8 .ggal-page .ggal-plan {
  border-radius: var(--wagle-radius);
}
body[data-view="frontend"] #section-8 .ggal-page .ggal-btn:not(.ggal-btn--ghost),
body[data-view="frontend"] #section-8 .ggal-page .ggal-plan__perk b {
  color: var(--wagle-accent-on);
}
body[data-view="frontend"] #section-9[data-ax-ds="mathflat"] #main-faq {
  padding-block: var(--wagle-section-space);
  padding-inline: 0;
  background: #fff;
  --surface: #fff;
  --ax-mf-accent-strong: var(--wagle-accent);
  --active-line: var(--wagle-accent);
  --accent: var(--wagle-accent);
}
body[data-view="frontend"] #section-9 .WobloQuestions_container__YXM8t {
  width: calc(100% - var(--wagle-gutter) * 2);
  max-width: var(--wagle-content);
  padding-inline: 0;
}
/* Section 6 content rails and CTA width use their original reference rules. */

/* 주 제목의 단계만 맞춘다. 히어로 3D 문구와 카드 안 원본 타이포는 보존한다. */
body[data-view="frontend"] :is(#section-2,#section-7) h2,
body[data-view="frontend"] #section-8 .ggal-page .ggal-h2,
body[data-view="frontend"] #section-9 .WobloQuestions_title__WPOeU {
  font-family: "Growthlab Pretendard Bold", sans-serif;
  font-size: var(--wagle-heading);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -.03em;
}
body[data-view="frontend"] #main-faq,
body[data-view="frontend"] [data-ax-ds="mathflat"] {
  --ax-mf-accent: var(--wagle-accent);
  --ax-mf-accent-strong: var(--wagle-accent-ink);
  --ax-mf-color-primary: var(--wagle-accent);
  --ax-mf-color-secondary: var(--wagle-accent-ink);
  --ax-mf-text-on-accent: var(--wagle-accent-on);
  --accent: var(--wagle-accent-ink);
}
body[data-view="frontend"] #main-faq .WobloQuestions_tabs__ENrTK button[aria-selected="true"] {
  background: var(--wagle-accent);
  color: var(--wagle-accent-on);
}

@media (min-width:900px) and (max-width:1319.98px) {
  body[data-view="frontend"] {--wagle-gutter: 40px; --wagle-heading: 36px;}
}
@media (max-width:899.98px) {
  body[data-view="frontend"] {
    --wagle-gutter: 20px;
    --wagle-section-space: 100px;
    --wagle-heading: 28px;
    --wagle-radius: 24px;
  }
}
/* 모바일 기술 카드는 원본 2열·비율·간격을 보존한다. */
@media (max-width:767px) {
  body[data-view="frontend"] #section-3 [class*="SectionFrameworkContainer"] {padding-block: 100px;}
}
@media (min-width:768px) {
  body[data-view="frontend"] #section-3 [class*="css-xz3fii-Row"] {padding-inline: var(--wagle-gutter);}
}

/* 검토 도구: 본문 레이아웃에 공간을 차지하지 않는 독립 패널. */
.review-tools #palette-toggle {display: flex; align-items: center; gap: 7px; white-space: nowrap;}
.palette-mini {width: 12px; height: 12px; border-radius: 50%; background: var(--palette-current, #ef694e); box-shadow: inset 0 0 0 1px #0001;}
.palette-panel {
  position: fixed; left: 16px; bottom: var(--palette-panel-bottom, 112px); z-index: 45;
  width: 420px; max-width: calc(100vw - 32px); max-height: calc(100dvh - var(--palette-panel-bottom, 112px) - 16px);
  overflow: auto; overscroll-behavior: contain; padding: 20px; border: 1px solid #dfe1e5;
  border-radius: 20px; background: #fff; color: #17191b; box-shadow: 0 16px 60px #06070b29;
  font: 400 13px/1.5 "Growthlab Pretendard Regular", sans-serif;
}
.palette-panel *, .palette-panel *::before, .palette-panel *::after {box-sizing: border-box;}
.palette-panel-header {display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;}
.palette-panel h2 {display: block; margin: 0; padding: 0; border: 0; background: none; font-size: 18px; line-height: 1.4; font-weight: 700; color: #17191b;}
.palette-panel p {margin: 5px 0 0; font-size: 12px; color: #70757e;}
.palette-close {display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; background: #f1f2f4; color: #34383f; font: 22px/1 sans-serif; cursor: pointer;}
.palette-current {display: flex; align-items: center; gap: 12px; margin: 18px 0 16px; padding: 12px; border-radius: 12px; background: #f6f6f6;}
.palette-current-swatch {flex: none; width: 36px; height: 36px; border-radius: 9px; background: var(--palette-current);}
.palette-current strong {display: block; font-size: 14px; font-weight: 700;}
.palette-current code {font: 12px/1.5 ui-monospace, monospace; color: #70757e;}
.palette-groups {display: grid; gap: 12px;}
.palette-group {border: 0; margin: 0; padding: 0; min-width: 0;}
.palette-group-label {display: block; margin: 0 0 5px; font-size: 11px; font-weight: 600; color: #70757e;}
.palette-options {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px;}
.palette-option {display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; padding: 4px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: #70757e; cursor: pointer; font: 10px/1.4 "Growthlab Pretendard Regular", sans-serif;}
.palette-option:hover {background: #f1f2f4;}
.palette-option[aria-checked="true"] {border-color: #17191b; background: #f1f2f4; color: #17191b; font-weight: 700;}
.palette-option-chip {display: grid; place-items: center; width: 100%; height: 27px; border-radius: 5px; background: var(--swatch); color: var(--swatch-on); font: 700 15px/1 sans-serif;}
.palette-option-name {white-space: nowrap;}
.palette-panel-footer {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 12px; border-top: 1px solid #e5e6e8;}
.palette-panel-footer p {margin: 0; font-size: 11px;}
.palette-reset {padding: 7px 10px; border: 1px solid #dfe1e5; border-radius: 7px; background: #fff; color: #34383f; cursor: pointer; font: inherit; font-size: 12px; white-space: nowrap;}
.palette-panel :is(button,[role="radio"]):focus-visible {outline: 2px solid #17191b; outline-offset: 2px;}
.lua-floating-open .palette-panel {visibility: hidden;}
@media (max-width:600px) {
  .palette-panel {
    left: 12px; max-width: calc(100vw - 24px); padding: 16px; border-radius: 16px;
    display: grid; grid-template-rows: auto auto minmax(0,1fr) auto;
    height: min(470px, calc(100dvh - var(--palette-panel-bottom,112px) - 16px));
  }
  .palette-groups {overflow-y: auto; min-height: 0; overscroll-behavior: contain; padding-right: 3px;}
  .review-tools #palette-toggle {padding-inline: 8px;}
}

/* Original white text belongs to the dark inquiry gradient, not the palette swatch. */
body[data-view="frontend"] .lua-floating[data-ax-ds="mathflat"] .quick-contact-toggle,
body[data-view="frontend"] .lua-floating[data-ax-ds="mathflat"] .quick-contact-toggle small {color:#fff;}
body[data-view="frontend"] .lua-floating[data-ax-ds="mathflat"] .contact-send {color:var(--wagle-accent-ink-on);}