@roottale/cms-renderer-next 0.51.1 → 0.53.0

package/dist/templates.css

@@ -1,4145 +0,0 @@
-/*
- * @roottale/cms-renderer-next/templates/styles — 빌트인 섹션 템플릿 CSS.
- *
- * Scope: 모든 셀렉터가 섹션 루트의 `[data-roottale-tpl]` 아래 `:where()` 로
- * 산다 — specificity 0, customer 는 plain class / Tailwind utility 로 자유
- * override (cms-public.css 와 동일 계약, ADR-0023 §5.1 #10). `!important` 금지.
- *
- * Token contract (zero-dependency): 모든 `--rt-*` 변수는 정적 fallback 을
- * 가진다. admin /design 값은 `RootTaleThemeProvider` 가 주입.
- *
- * `<head>` 삽입 순서 (RFC §③): tokens.css → emotion insertion point →
- * cms-public.css·본 파일 → 클라 globals.css.
- */
-
-:where([data-roottale-tpl]) {
-  container-type: inline-size;
-  padding-block: var(--rt-section-space-y, clamp(3rem, 7cqi, 5rem));
-  background: var(--rt-color-background, transparent);
-  color: var(--rt-color-foreground, #06162f);
-  font-family: var(--rt-font-body, system-ui, -apple-system, sans-serif);
-  word-break: keep-all;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-container) {
-  inline-size: 100%;
-  max-inline-size: var(--rt-tpl-page-max, 72rem);
-  margin-inline: auto;
-  padding-inline: 1.25rem;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-heading) {
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: clamp(1.75rem, 3.6cqi, 2.5rem);
-  font-weight: 800;
-  letter-spacing: -0.025em;
-  line-height: 1.25;
-  word-break: keep-all;
-  text-wrap: balance;
-  margin-block: 0 var(--rt-section-heading-gap, 1.5rem);
-}
-
-[data-roottale-tpl] :where(.rt-tpl-section-desc) {
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  font-size: 1.0625rem;
-  line-height: 1.65;
-  word-break: keep-all;
-  max-inline-size: 46rem;
-  margin-block: -0.75rem 2.5rem;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-btn) {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.875rem 1.75rem;
-  border-radius: 999px;
-  font-size: 1rem;
-  letter-spacing: -0.01em;
-  font-weight: 700;
-  text-decoration: none;
-  transition:
-    transform 160ms ease,
-    opacity 160ms ease;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-btn:hover) {
-  transform: translateY(-1px);
-}
-
-[data-roottale-tpl] :where(.rt-tpl-btn--primary) {
-  background: var(--rt-color-primary, #06162f);
-  color: var(--rt-color-primary-foreground, #ffffff);
-}
-
-/* ── hero ─────────────────────────────────────────────────────────────────── */
-
-[data-roottale-tpl="hero"] :where(.rt-tpl-hero-inner) {
-  padding-block: clamp(2rem, 6cqi, 4rem);
-}
-
-[data-roottale-tpl="hero"][data-variant="split"] :where(.rt-tpl-hero-inner) {
-  display: flex;
-  align-items: center;
-  gap: clamp(2rem, 5cqi, 4rem);
-  flex-wrap: wrap;
-}
-
-[data-roottale-tpl="hero"][data-variant="split"] :where(.rt-tpl-hero-copy) {
-  flex: 1 1 24rem;
-}
-
-[data-roottale-tpl="hero"][data-variant="split"] :where(.rt-tpl-hero-media) {
-  flex: 1 1 18rem;
-}
-
-[data-roottale-tpl="hero"][data-variant="minimal"] :where(.rt-tpl-hero-inner) {
-  text-align: center;
-}
-
-[data-roottale-tpl="hero"][data-variant="minimal"] :where(.rt-tpl-hero-desc) {
-  margin-inline: auto;
-}
-
-[data-roottale-tpl="hero"][data-variant="image"] :where(.rt-tpl-hero-media) {
-  margin-block-start: 2rem;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-hero-eyebrow) {
-  color: var(--rt-color-primary, #06162f);
-  font-size: 0.9375rem;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  margin: 0 0 0.875rem;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-hero-title) {
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: clamp(2.25rem, 6.5cqi, 4rem);
-  font-weight: 800;
-  letter-spacing: -0.03em;
-  line-height: 1.12;
-  word-break: keep-all;
-  text-wrap: balance;
-  margin: 0 0 1.25rem;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-hero-title-line) {
-  display: block;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-hero-desc) {
-  font-size: 1.125rem;
-  line-height: 1.7;
-  word-break: keep-all;
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  max-inline-size: 40rem;
-  margin: 0 0 2rem;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-hero-img) {
-  inline-size: 100%;
-  block-size: auto;
-  border-radius: var(--rt-radius-md, 0.5rem);
-}
-
-[data-roottale-tpl="hero"][data-variant="overlay-panel"] {
-  position: relative;
-  display: grid;
-  min-block-size: clamp(34rem, 78cqi, 46rem);
-  padding-block: 0;
-  overflow: hidden;
-}
-
-[data-roottale-tpl="hero"][data-variant="overlay-panel"]
-  :where(.rt-tpl-hero-overlay-img),
-[data-roottale-tpl="hero"][data-variant="overlay-panel"]
-  :where(.rt-tpl-hero-overlay-scrim),
-[data-roottale-tpl="hero"][data-variant="overlay-panel"]
-  :where(.rt-tpl-hero-overlay-inner) {
-  grid-area: 1 / 1;
-}
-
-[data-roottale-tpl="hero"][data-variant="overlay-panel"]
-  :where(.rt-tpl-hero-overlay-img) {
-  inline-size: 100%;
-  block-size: 100%;
-  object-fit: cover;
-}
-
-[data-roottale-tpl="hero"][data-variant="overlay-panel"]
-  :where(.rt-tpl-hero-overlay-scrim) {
-  background: linear-gradient(
-    to top,
-    color-mix(in srgb, var(--rt-color-foreground, #06162f) 42%, transparent),
-    transparent 58%
-  );
-}
-
-[data-roottale-tpl="hero"][data-variant="overlay-panel"]
-  :where(.rt-tpl-hero-overlay-inner) {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  align-items: end;
-  padding-block: clamp(2rem, 6cqi, 4rem);
-}
-
-[data-roottale-tpl="hero"][data-variant="overlay-panel"]
-  :where(.rt-tpl-hero-overlay-panel) {
-  inline-size: min(100%, 34rem);
-  padding: clamp(1.25rem, 4cqi, 2rem);
-  border: 1px solid color-mix(in srgb, var(--rt-color-border, #dceef3) 70%, transparent);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: color-mix(
-    in srgb,
-    var(--rt-color-background, #ffffff) 88%,
-    transparent
-  );
-  backdrop-filter: blur(14px);
-}
-
-[data-roottale-tpl="hero"][data-variant="overlay-panel"]
-  :where(.rt-tpl-hero-title) {
-  font-size: clamp(2rem, 5.5cqi, 3.5rem);
-  letter-spacing: 0;
-}
-
-[data-roottale-tpl="hero"][data-variant="overlay-panel"]
-  :where(.rt-tpl-hero-desc) {
-  color: var(--rt-color-foreground, #06162f);
-}
-
-/* ── rich-text ────────────────────────────────────────────────────────────── */
-
-[data-roottale-tpl] :where(.rt-tpl-rich-text-p) {
-  font-size: 1.0625rem;
-  max-inline-size: 46rem;
-}
-
-/* ── services ─────────────────────────────────────────────────────────────── */
-
-[data-roottale-tpl] :where(.rt-tpl-services-list) {
-  display: grid;
-  gap: 1.25rem;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-[data-roottale-tpl="services"][data-variant="grid"]
-  :where(.rt-tpl-services-list) {
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
-}
-
-[data-roottale-tpl] :where(.rt-tpl-services-item) {
-  border: 1px solid var(--rt-color-border, #dceef3);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  padding: 1.5rem;
-  background: var(--rt-color-background, #ffffff);
-  transition:
-    border-color 160ms ease,
-    transform 160ms ease;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-services-item:hover) {
-  border-color: color-mix(
-    in srgb,
-    var(--rt-color-primary, #06162f) 40%,
-    var(--rt-color-border, #dceef3)
-  );
-  transform: translateY(-2px);
-}
-
-[data-roottale-tpl] :where(.rt-tpl-services-link) {
-  text-decoration: none;
-  color: inherit;
-  display: block;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-services-title) {
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: 1.125rem;
-  font-weight: 800;
-  margin: 0 0 0.5rem;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-services-desc) {
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  font-size: 0.9375rem;
-  margin: 0;
-}
-
-[data-roottale-tpl="services"][data-variant="photo-cards"]
-  :where(.rt-tpl-services-photo-list) {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
-  gap: var(--rt-services-photo-list-gap, clamp(1rem, 3cqi, 1.5rem));
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-[data-roottale-tpl="services"][data-variant="photo-cards"]
-  :where(.rt-tpl-services-photo-link) {
-  display: block;
-  block-size: 100%;
-  color: inherit;
-  text-decoration: none;
-}
-
-[data-roottale-tpl="services"][data-variant="photo-cards"]
-  :where(.rt-tpl-services-photo-card) {
-  display: grid;
-  grid-template-rows: auto 1fr;
-  block-size: 100%;
-  overflow: hidden;
-  border: 1px solid var(--rt-color-border, #dceef3);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: var(--rt-color-background, #ffffff);
-  transition:
-    border-color 160ms ease,
-    transform 160ms ease;
-}
-
-[data-roottale-tpl="services"][data-variant="photo-cards"]
-  :where(.rt-tpl-services-photo-link:hover .rt-tpl-services-photo-card) {
-  border-color: color-mix(
-    in srgb,
-    var(--rt-color-primary, #06162f) 40%,
-    var(--rt-color-border, #dceef3)
-  );
-  transform: translateY(-2px);
-}
-
-[data-roottale-tpl="services"][data-variant="photo-cards"]
-  :where(.rt-tpl-services-photo-img) {
-  inline-size: 100%;
-  aspect-ratio: var(--rt-services-photo-aspect-ratio, 4 / 3);
-  object-fit: cover;
-  background: var(--muted, #f4f4f5);
-}
-
-[data-roottale-tpl="services"][data-variant="photo-cards"]
-  :where(.rt-tpl-services-photo-body) {
-  display: grid;
-  align-content: start;
-  gap: var(--rt-services-photo-body-gap, 0.65rem);
-  padding: var(--rt-services-photo-body-padding, clamp(1rem, 3cqi, 1.35rem));
-}
-
-/* ── services: index-rows (C10 §1-1 — hairline 인덱스 행, 카드/아이콘 없음) ─── */
-
-[data-roottale-tpl="services"][data-variant="index-rows"]
-  :where(.rt-tpl-services-index-list) {
-  display: grid;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  border-block-start: 1px solid var(--rt-color-border, #dceef3);
-}
-
-[data-roottale-tpl="services"][data-variant="index-rows"]
-  :where(.rt-tpl-services-index-row) {
-  border-block-end: 1px solid var(--rt-color-border, #dceef3);
-}
-
-[data-roottale-tpl="services"][data-variant="index-rows"]
-  :where(.rt-tpl-services-index-link) {
-  display: flex;
-  align-items: baseline;
-  gap: clamp(1rem, 4cqi, 2rem);
-  padding-block: clamp(1.25rem, 3.4cqi, 1.75rem);
-  padding-inline: 0.25rem;
-  text-decoration: none;
-  color: inherit;
-  transition: background-color 180ms ease;
-}
-
-[data-roottale-tpl="services"][data-variant="index-rows"]
-  :where(.rt-tpl-services-index-link:hover) {
-  background-color: color-mix(
-    in srgb,
-    var(--rt-color-primary, #06162f) 3%,
-    var(--rt-color-background, #ffffff)
-  );
-}
-
-[data-roottale-tpl="services"][data-variant="index-rows"]
-  :where(.rt-tpl-services-index-num) {
-  flex: 0 0 auto;
-  min-inline-size: 2.5ch;
-  font-variant-numeric: tabular-nums;
-  font-size: 0.8125rem;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-}
-
-[data-roottale-tpl="services"][data-variant="index-rows"]
-  :where(.rt-tpl-services-index-title) {
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: 1.1875rem;
-  font-weight: 700;
-  letter-spacing: -0.02em;
-  word-break: keep-all;
-  margin: 0 0 0.375rem;
-}
-
-[data-roottale-tpl="services"][data-variant="index-rows"]
-  :where(.rt-tpl-services-index-desc) {
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  font-size: 0.9375rem;
-  margin: 0;
-}
-
-/* ── services: split-featured (C10 §1-2 — 비대칭 5/7, 균등 카드 금지) ───────── */
-
-[data-roottale-tpl="services"][data-variant="split-featured"]
-  :where(.rt-tpl-services-split) {
-  display: grid;
-  gap: clamp(1.5rem, 5cqi, 2.5rem);
-  grid-template-columns: 1fr;
-}
-
-@container (min-width: 44rem) {
-  [data-roottale-tpl="services"][data-variant="split-featured"]
-    :where(.rt-tpl-services-split) {
-    grid-template-columns: 5fr 7fr;
-    align-items: stretch;
-  }
-}
-
-[data-roottale-tpl="services"][data-variant="split-featured"]
-  :where(.rt-tpl-services-split-featured) {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 1rem;
-  padding: clamp(1.75rem, 5cqi, 2.75rem);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: color-mix(
-    in srgb,
-    var(--rt-color-primary, #06162f) 6%,
-    var(--rt-color-background, #ffffff)
-  );
-  border: 1px solid var(--rt-color-border, #dceef3);
-}
-
-[data-roottale-tpl="services"][data-variant="split-featured"]
-  :where(.rt-tpl-services-split-featured-title) {
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: clamp(1.375rem, 4cqi, 1.75rem);
-  font-weight: 800;
-  margin: 0;
-}
-
-[data-roottale-tpl="services"][data-variant="split-featured"]
-  :where(.rt-tpl-services-split-featured-desc) {
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  margin: 0;
-}
-
-[data-roottale-tpl="services"][data-variant="split-featured"]
-  :where(.rt-tpl-services-split-featured-cta) {
-  align-self: flex-start;
-  margin-block-start: 0.5rem;
-}
-
-[data-roottale-tpl="services"][data-variant="split-featured"]
-  :where(.rt-tpl-services-split-list) {
-  display: grid;
-  gap: 0;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-[data-roottale-tpl="services"][data-variant="split-featured"]
-  :where(.rt-tpl-services-split-item) {
-  border-block-end: 1px solid var(--rt-color-border, #dceef3);
-  padding-block: 1.25rem;
-}
-
-[data-roottale-tpl="services"][data-variant="split-featured"]
-  :where(.rt-tpl-services-split-item:first-child) {
-  padding-block-start: 0;
-}
-
-[data-roottale-tpl="services"][data-variant="split-featured"]
-  :where(.rt-tpl-services-split-item-link) {
-  display: block;
-  text-decoration: none;
-  color: inherit;
-}
-
-[data-roottale-tpl="services"][data-variant="split-featured"]
-  :where(.rt-tpl-services-split-item-title) {
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: 1rem;
-  font-weight: 700;
-  margin: 0 0 0.25rem;
-}
-
-[data-roottale-tpl="services"][data-variant="split-featured"]
-  :where(.rt-tpl-services-split-item-desc) {
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  font-size: 0.875rem;
-  margin: 0;
-}
-
-/* ── faq ──────────────────────────────────────────────────────────────────── */
-
-[data-roottale-tpl] :where(.rt-tpl-faq-list) {
-  display: grid;
-  gap: 0;
-  max-inline-size: 46rem;
-  border-block-start: 1px solid var(--rt-color-border, #dceef3);
-}
-
-[data-roottale-tpl] :where(.rt-tpl-faq-item) {
-  border-block-end: 1px solid var(--rt-color-border, #dceef3);
-  padding-block: 1.25rem;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-faq-q) {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: 1rem;
-  font-size: 1.0625rem;
-  font-weight: 700;
-  letter-spacing: -0.015em;
-  word-break: keep-all;
-  cursor: pointer;
-  list-style: none;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-faq-q)::-webkit-details-marker {
-  display: none;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-faq-q)::after {
-  content: "+";
-  flex: 0 0 auto;
-  font-weight: 400;
-  font-size: 1.25rem;
-  line-height: 1;
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  transition: transform 200ms ease;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-faq-item[open] .rt-tpl-faq-q)::after {
-  transform: rotate(45deg);
-}
-
-[data-roottale-tpl] :where(.rt-tpl-faq-item[open] .rt-tpl-faq-q) {
-  color: var(--rt-color-primary, #06162f);
-}
-
-[data-roottale-tpl] :where(.rt-tpl-faq-a) {
-  margin: 0.875rem 0 0;
-  line-height: 1.7;
-  word-break: keep-all;
-  max-inline-size: 42rem;
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-}
-
-[data-roottale-tpl="faq"][data-variant="two-column"]
-  :where(.rt-tpl-faq-two-column-list) {
-  display: grid;
-  gap: 1rem;
-}
-
-@container (min-width: 42rem) {
-  [data-roottale-tpl="faq"][data-variant="two-column"]
-    :where(.rt-tpl-faq-two-column-list) {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-
-[data-roottale-tpl="faq"][data-variant="two-column"]
-  :where(.rt-tpl-faq-groups) {
-  display: grid;
-  gap: clamp(2rem, 5cqi, 3rem);
-}
-
-[data-roottale-tpl="faq"][data-variant="two-column"]
-  :where(.rt-tpl-faq-group-title) {
-  margin-block: 0 1rem;
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: 0.875rem;
-  font-weight: 800;
-  letter-spacing: 0;
-  color: var(--rt-color-primary, #06162f);
-}
-
-[data-roottale-tpl="faq"][data-variant="two-column"]
-  :where(.rt-tpl-faq-open-item) {
-  border-block-start: 1px solid var(--rt-color-border, #dceef3);
-  padding-block: 1.125rem;
-}
-
-[data-roottale-tpl="faq"][data-variant="two-column"]
-  :where(.rt-tpl-faq-open-q) {
-  margin: 0 0 0.5rem;
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: 1rem;
-  font-weight: 800;
-  letter-spacing: 0;
-  line-height: 1.45;
-  word-break: keep-all;
-}
-
-[data-roottale-tpl="faq"][data-variant="two-column"]
-  :where(.rt-tpl-faq-open-a) {
-  margin: 0;
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  line-height: 1.7;
-  word-break: keep-all;
-}
-
-[data-roottale-tpl="faq"][data-variant="with-contact"]
-  :where(.rt-tpl-faq-with-contact) {
-  display: grid;
-  gap: clamp(1.5rem, 5cqi, 3rem);
-  align-items: start;
-}
-
-@container (min-width: 52rem) {
-  [data-roottale-tpl="faq"][data-variant="with-contact"]
-    :where(.rt-tpl-faq-with-contact) {
-    grid-template-columns: minmax(0, 7fr) minmax(16rem, 3fr);
-  }
-}
-
-[data-roottale-tpl="faq"][data-variant="with-contact"]
-  :where(.rt-tpl-faq-contact) {
-  display: grid;
-  gap: 0.875rem;
-  padding: clamp(1.25rem, 4cqi, 1.75rem);
-  border: 1px solid var(--rt-color-border, #dceef3);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: color-mix(
-    in srgb,
-    var(--rt-color-primary, #06162f) 5%,
-    var(--rt-color-background, #ffffff)
-  );
-}
-
-@container (min-width: 52rem) {
-  [data-roottale-tpl="faq"][data-variant="with-contact"]
-    :where(.rt-tpl-faq-contact) {
-    position: sticky;
-    inset-block-start: 1rem;
-  }
-}
-
-[data-roottale-tpl="faq"][data-variant="with-contact"]
-  :where(.rt-tpl-faq-contact-title) {
-  margin: 0;
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: 1.125rem;
-  font-weight: 800;
-  letter-spacing: 0;
-}
-
-[data-roottale-tpl="faq"][data-variant="with-contact"]
-  :where(.rt-tpl-faq-contact-desc) {
-  margin: 0;
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  line-height: 1.65;
-}
-
-[data-roottale-tpl="faq"][data-variant="with-contact"]
-  :where(.rt-tpl-faq-contact-phone) {
-  color: var(--rt-color-primary, #06162f);
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: 1.25rem;
-  font-weight: 800;
-  font-variant-numeric: tabular-nums;
-  text-decoration: none;
-}
-
-[data-roottale-tpl="faq"][data-variant="with-contact"]
-  :where(.rt-tpl-faq-contact-cta) {
-  justify-self: start;
-}
-
-/* ── cta-banner ───────────────────────────────────────────────────────────── */
-
-[data-roottale-tpl] :where(.rt-tpl-cta-banner-inner) {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 1.5rem;
-  text-align: center;
-  padding: var(--rt-cta-banner-padding, clamp(2.5rem, 6cqi, 4rem));
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: color-mix(
-    in srgb,
-    var(--rt-color-primary, #06162f) 8%,
-    var(--rt-color-background, #ffffff)
-  );
-  border: 1px solid var(--rt-color-border, #dceef3);
-}
-
-[data-roottale-tpl] :where(.rt-tpl-cta-banner-title) {
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: clamp(1.75rem, 4.5cqi, 2.5rem);
-  font-weight: 800;
-  letter-spacing: -0.025em;
-  line-height: 1.25;
-  word-break: keep-all;
-  text-wrap: balance;
-  margin: 0;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-cta-banner-desc) {
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  margin: 0;
-  max-inline-size: 40rem;
-}
-
-/* ── cta-banner: photo-overlay (C10 §1-5 — 풀블리드 사진 + 다크 오버레이) ───── */
-
-[data-roottale-tpl="cta-banner"][data-variant="photo-overlay"] {
-  padding-block: 0;
-}
-
-[data-roottale-tpl="cta-banner"][data-variant="photo-overlay"]
-  :where(.rt-tpl-cta-banner-photo) {
-  position: relative;
-  display: grid;
-  align-items: end;
-  min-block-size: clamp(24rem, 60cqi, 34rem);
-  overflow: hidden;
-}
-
-[data-roottale-tpl="cta-banner"][data-variant="photo-overlay"]
-  :where(.rt-tpl-cta-banner-photo-img) {
-  grid-area: 1 / 1;
-  inline-size: 100%;
-  block-size: 100%;
-  object-fit: cover;
-}
-
-[data-roottale-tpl="cta-banner"][data-variant="photo-overlay"]
-  :where(.rt-tpl-cta-banner-photo-scrim) {
-  grid-area: 1 / 1;
-  background: linear-gradient(
-    to top,
-    color-mix(in srgb, var(--rt-color-foreground, #06162f) 88%, transparent) 0%,
-    color-mix(in srgb, var(--rt-color-foreground, #06162f) 20%, transparent) 60%,
-    transparent 100%
-  );
-}
-
-[data-roottale-tpl="cta-banner"][data-variant="photo-overlay"]
-  :where(.rt-tpl-cta-banner-photo-inner) {
-  grid-area: 1 / 1;
-  align-self: end;
-  display: flex;
-  flex-direction: column;
-  gap: 1.25rem;
-  padding-block: clamp(2rem, 7cqi, 4rem);
-  color: var(--rt-color-primary-foreground, #ffffff);
-}
-
-[data-roottale-tpl="cta-banner"][data-variant="photo-overlay"]
-  :where(.rt-tpl-cta-banner-photo-title) {
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: clamp(2rem, 7cqi, 3.5rem);
-  font-weight: 900;
-  line-height: 1.1;
-  color: inherit;
-  margin: 0;
-  max-inline-size: 40rem;
-}
-
-[data-roottale-tpl="cta-banner"][data-variant="photo-overlay"]
-  :where(.rt-tpl-cta-banner-photo-desc) {
-  color: color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 85%, transparent);
-  margin: 0;
-  max-inline-size: 36rem;
-}
-
-[data-roottale-tpl="cta-banner"][data-variant="photo-overlay"]
-  :where(.rt-tpl-cta-banner-photo-cta) {
-  align-self: flex-start;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-sr-only) {
-  position: absolute;
-  inline-size: 1px;
-  block-size: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  white-space: nowrap;
-  border: 0;
-}
-
-[data-roottale-tpl="trust"],
-[data-roottale-tpl="contact"] {
-  container-type: inline-size;
-  background: var(--background);
-  color: var(--foreground);
-  font-family: var(--font-sans);
-  word-break: keep-all;
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-container),
-[data-roottale-tpl="trust"] :where(.rt-tpl-container *),
-[data-roottale-tpl="contact"] :where(.rt-tpl-container),
-[data-roottale-tpl="contact"] :where(.rt-tpl-container *) {
-  box-sizing: border-box;
-}
-
-[data-roottale-tpl="trust"] {
-  padding-block: clamp(2.25rem, 6cqi, 4.5rem);
-}
-
-[data-roottale-tpl="trust"][data-variant="stat-band"] {
-  background: var(--secondary);
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-heading),
-[data-roottale-tpl="contact"] :where(.rt-tpl-heading) {
-  color: var(--foreground);
-  font-family: var(--font-display);
-  letter-spacing: 0;
-  text-wrap: balance;
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-stat-band) {
-  display: grid;
-  gap: var(--space-6);
-  align-items: stretch;
-}
-
-/* 미감 라운드 2 — 넓은 밴드에서 좌정렬 + hairline 칼럼(균등 중앙 리듬 탈피). */
-@container (min-width: 56rem) {
-  [data-roottale-tpl="trust"][data-variant="stat-band"]
-    :where(.rt-tpl-trust-stat-band) {
-    gap: 0;
-  }
-
-  [data-roottale-tpl="trust"][data-variant="stat-band"]
-    :where(.rt-stat[data-variant="band-item"]) {
-    align-items: flex-start;
-    text-align: start;
-    padding-inline: var(--space-6);
-  }
-
-  [data-roottale-tpl="trust"][data-variant="stat-band"]
-    :where(.rt-stat[data-variant="band-item"]:not(:first-child)) {
-    border-inline-start: 1px solid var(--border);
-  }
-
-  [data-roottale-tpl="trust"][data-variant="stat-band"]
-    :where(.rt-stat[data-variant="band-item"]:first-child) {
-    padding-inline-start: 0;
-  }
-}
-
-@container (min-width: 36rem) {
-  [data-roottale-tpl="trust"] :where(.rt-tpl-trust-stat-band) {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-
-@container (min-width: 56rem) {
-  [data-roottale-tpl="trust"] :where(.rt-tpl-trust-stat-band) {
-    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-  }
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-logo-list),
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-cred-list) {
-  display: grid;
-  gap: var(--space-3);
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-@container (min-width: 36rem) {
-  [data-roottale-tpl="trust"] :where(.rt-tpl-trust-logo-list),
-  [data-roottale-tpl="trust"] :where(.rt-tpl-trust-cred-list) {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-
-@container (min-width: 48rem) {
-  [data-roottale-tpl="trust"] :where(.rt-tpl-trust-logo-list),
-  [data-roottale-tpl="trust"] :where(.rt-tpl-trust-cred-list) {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-logo-item) {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-block-size: var(--space-12);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  background: var(--card);
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-logo-link) {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-logo) {
-  max-block-size: var(--space-8);
-  max-inline-size: 100%;
-  filter: grayscale(1) opacity(0.7);
-  transition: filter var(--motion-fast) var(--ease-standard);
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-logo-link:hover .rt-tpl-trust-logo) {
-  filter: grayscale(0) opacity(1);
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-cred-list li) {
-  min-inline-size: 0;
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-disclaimer) {
-  margin-block: var(--space-4) 0;
-  color: var(--muted-foreground);
-  font-size: var(--font-size-xs);
-  line-height: var(--font-leading-normal);
-}
-
-/* ── trust: logo-marquee (C10 §1-3 — C8 Marquee 소비, 흑백/저채도 로고 스트립) ── */
-
-[data-roottale-tpl="trust"][data-variant="logo-marquee"]
-  :where(.rt-tpl-trust-marquee) {
-  padding-block: var(--space-2);
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-marquee-logo) {
-  max-block-size: var(--space-8);
-  inline-size: auto;
-  filter: grayscale(1) opacity(0.7);
-  transition: filter var(--motion-fast) var(--ease-standard);
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-marquee-logo:hover) {
-  filter: grayscale(0) opacity(1);
-}
-
-/* ── trust: credential-list (C10 §1-4 — 연도 tabular + hairline 자격 리스트) ── */
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-credential-list) {
-  display: grid;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  border-block-start: 1px solid var(--border);
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-credential-row) {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  gap: var(--space-3);
-  padding-block: var(--space-3);
-  border-block-end: 1px solid var(--border);
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-credential-year) {
-  flex: 0 0 auto;
-  min-inline-size: 4ch;
-  font-variant-numeric: tabular-nums;
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-semibold);
-  color: var(--muted-foreground);
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-credential-name) {
-  font-family: var(--font-display);
-  font-weight: var(--font-weight-bold);
-  color: var(--foreground);
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-credential-issuer) {
-  color: var(--muted-foreground);
-  font-size: var(--font-size-sm);
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-inner) {
-  display: grid;
-  gap: var(--space-6);
-  align-items: start;
-}
-
-@container (min-width: 56rem) {
-  [data-roottale-tpl="contact"][data-variant="form-map-5050"]
-    :where(.rt-tpl-contact-inner) {
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-  }
-
-  [data-roottale-tpl="contact"][data-variant="split"]
-    :where(.rt-tpl-contact-inner) {
-    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
-  }
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-info) {
-  display: grid;
-  gap: var(--space-4);
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-phone) {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  justify-self: start;
-  padding-block: var(--space-3);
-  padding-inline: var(--space-4);
-  border-radius: var(--radius-md);
-  background: var(--accent);
-  color: var(--accent-foreground);
-  font-family: var(--font-display);
-  font-size: clamp(1.25rem, 4cqi, 2rem);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--font-leading-tight);
-  font-variant-numeric: tabular-nums;
-  text-decoration: none;
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-address) {
-  color: var(--foreground);
-  font-style: normal;
-  line-height: var(--font-leading-body);
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-hours) {
-  inline-size: 100%;
-  border-collapse: collapse;
-  color: var(--foreground);
-  font-variant-numeric: tabular-nums;
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-hours th),
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-hours td) {
-  padding-block: var(--space-2);
-  border-block-end: 1px solid var(--border);
-  text-align: start;
-  vertical-align: top;
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-hours th) {
-  color: var(--muted-foreground);
-  font-weight: var(--font-weight-semibold);
-  white-space: nowrap;
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-hours td) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-1);
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-hours-note) {
-  color: var(--muted-foreground);
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map) {
-  aspect-ratio: 4 / 3;
-  overflow: hidden;
-  border: 1px solid var(--border);
-  border-radius: var(--radius-md);
-  background: var(--muted);
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map iframe) {
-  inline-size: 100%;
-  block-size: 100%;
-  border: 0;
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-fallback) {
-  margin: 0;
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-fallback a) {
-  color: var(--accent-foreground);
-  text-decoration: underline;
-  text-underline-offset: var(--space-1);
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-form) {
-  min-inline-size: 0;
-}
-
-[data-roottale-tpl="contact"][data-variant="channel-cards"]
-  :where(.rt-tpl-contact-channel-layout) {
-  display: grid;
-  gap: var(--space-6);
-}
-
-@container (min-width: 56rem) {
-  [data-roottale-tpl="contact"][data-variant="channel-cards"]
-    :where(.rt-tpl-contact-channel-layout) {
-    grid-template-columns: minmax(0, 7fr) minmax(16rem, 5fr);
-    align-items: stretch;
-  }
-}
-
-[data-roottale-tpl="contact"][data-variant="channel-cards"]
-  :where(.rt-tpl-contact-channel-list) {
-  display: grid;
-  gap: var(--space-3);
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-@container (min-width: 40rem) {
-  [data-roottale-tpl="contact"][data-variant="channel-cards"]
-    :where(.rt-tpl-contact-channel-list) {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-
-[data-roottale-tpl="contact"][data-variant="channel-cards"]
-  :where(.rt-tpl-contact-channel-card) {
-  display: grid;
-  gap: var(--space-2);
-  min-block-size: 100%;
-  padding: var(--space-5);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  background: var(--card);
-  color: var(--foreground);
-  text-decoration: none;
-}
-
-[data-roottale-tpl="contact"][data-variant="channel-cards"]
-  :where(a.rt-tpl-contact-channel-card:hover) {
-  border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
-}
-
-[data-roottale-tpl="contact"][data-variant="channel-cards"]
-  :where(.rt-tpl-contact-channel-label) {
-  color: var(--muted-foreground);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-semibold);
-}
-
-[data-roottale-tpl="contact"][data-variant="channel-cards"]
-  :where(.rt-tpl-contact-channel-value) {
-  font-family: var(--font-display);
-  font-size: clamp(1.125rem, 3cqi, 1.5rem);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--font-leading-tight);
-  font-variant-numeric: tabular-nums;
-  color: var(--foreground);
-}
-
-[data-roottale-tpl="contact"][data-variant="channel-cards"]
-  :where(.rt-tpl-contact-channel-desc) {
-  color: var(--muted-foreground);
-  font-size: var(--font-size-sm);
-  line-height: var(--font-leading-normal);
-}
-
-[data-roottale-tpl="contact"][data-variant="channel-cards"]
-  :where(.rt-tpl-contact-channel-action) {
-  align-self: end;
-  color: var(--primary);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-}
-
-[data-roottale-tpl="contact"][data-variant="channel-cards"]
-  :where(.rt-tpl-contact-map) {
-  min-block-size: 18rem;
-}
-
-[data-roottale-tpl="contact"][data-variant="visit-band"]
-  :where(.rt-tpl-contact-visit-band) {
-  display: grid;
-  gap: var(--rt-contact-visit-band-gap, var(--space-4));
-}
-
-@container (min-width: 56rem) {
-  [data-roottale-tpl="contact"][data-variant="visit-band"]
-    :where(.rt-tpl-contact-visit-band) {
-    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.25fr) minmax(0, 0.9fr);
-    align-items: stretch;
-  }
-}
-
-[data-roottale-tpl="contact"][data-variant="visit-band"]
-  :where(.rt-tpl-contact-visit-panel) {
-  display: grid;
-  align-content: start;
-  gap: var(--rt-contact-visit-panel-gap, var(--space-3));
-  min-inline-size: 0;
-  padding: var(--rt-contact-visit-panel-padding, clamp(1.125rem, 3cqi, 1.5rem));
-  border: 1px solid var(--border);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: color-mix(in srgb, var(--card) 94%, var(--rt-color-primary) 6%);
-}
-
-[data-roottale-tpl="contact"][data-variant="visit-band"]
-  :where(.rt-tpl-contact-visit-title) {
-  margin: 0;
-  font-family: var(--font-display);
-  font-size: clamp(1.125rem, 2.6cqi, 1.375rem);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--font-leading-tight);
-}
-
-[data-roottale-tpl="contact"][data-variant="visit-band"]
-  :where(.rt-tpl-contact-visit-hours) {
-  inline-size: 100%;
-  border-collapse: collapse;
-  color: var(--foreground);
-  font-size: var(--font-size-sm);
-  font-variant-numeric: tabular-nums;
-}
-
-[data-roottale-tpl="contact"][data-variant="visit-band"]
-  :where(.rt-tpl-contact-visit-hours th),
-[data-roottale-tpl="contact"][data-variant="visit-band"]
-  :where(.rt-tpl-contact-visit-hours td) {
-  padding-block: var(--rt-contact-visit-hours-row-padding, 0.55rem);
-  border-block-end: 1px solid var(--border);
-  text-align: start;
-  vertical-align: top;
-}
-
-[data-roottale-tpl="contact"][data-variant="visit-band"]
-  :where(.rt-tpl-contact-visit-hours th) {
-  color: var(--muted-foreground);
-  font-weight: var(--font-weight-semibold);
-  white-space: nowrap;
-}
-
-[data-roottale-tpl="contact"][data-variant="visit-band"]
-  :where(.rt-tpl-contact-visit-hours td) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-1);
-  justify-content: end;
-}
-
-[data-roottale-tpl="contact"][data-variant="visit-band"]
-  :where(.rt-tpl-contact-map-block) {
-  gap: var(--space-2);
-}
-
-[data-roottale-tpl="contact"][data-variant="visit-band"]
-  :where(.rt-tpl-contact-map) {
-  aspect-ratio: var(--rt-contact-visit-map-aspect-ratio, 16 / 7);
-  min-block-size: var(--rt-contact-visit-map-min-block, 8.5rem);
-  border-radius: calc(var(--rt-radius-md, 0.5rem) * 0.85);
-}
-
-[data-roottale-tpl="contact"][data-variant="visit-band"]
-  :where(.rt-tpl-contact-visit-address) {
-  margin: 0;
-  color: var(--foreground);
-  font-style: normal;
-  font-size: var(--font-size-sm);
-  line-height: var(--font-leading-normal);
-}
-
-[data-roottale-tpl="contact"][data-variant="visit-band"]
-  :where(.rt-tpl-contact-visit-link) {
-  justify-self: start;
-  color: var(--primary);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-  text-decoration: none;
-}
-
-[data-roottale-tpl="contact"][data-variant="visit-band"]
-  :where(.rt-tpl-contact-visit-phone) {
-  color: var(--primary);
-  font-family: var(--font-display);
-  font-size: clamp(1.75rem, 5cqi, 2.25rem);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--font-leading-tight);
-  font-variant-numeric: tabular-nums;
-  text-decoration: none;
-}
-
-/* ── testimonials: shared (C11 — 후기 섹션) ───────────────────────────────── */
-
-[data-roottale-tpl="testimonials"] :where(.rt-tpl-heading) {
-  color: var(--foreground);
-  font-family: var(--font-display);
-  text-wrap: balance;
-}
-
-[data-roottale-tpl="testimonials"] :where(.rt-tpl-testimonials-disclaimer) {
-  margin-block: var(--space-4) 0;
-  color: var(--muted-foreground);
-  font-size: var(--font-size-xs);
-  line-height: var(--font-leading-normal);
-}
-
-/* ── testimonials: editorial-quote (C11 §1 — 대형 인용 타이포 에디토리얼) ─── */
-
-[data-roottale-tpl="testimonials"][data-variant="editorial-quote"]
-  :where(.rt-tpl-testimonials-editorial-list) {
-  display: grid;
-  gap: var(--space-8);
-  padding: 0;
-  /* 대형 인용부호 장식이 위로 번지므로(아래 ::before) 헤딩/설명과 겹치지
-   * 않도록 리스트 자체에 여유 공간을 확보한다(콘텐츠량과 무관하게 고정). */
-  margin: clamp(3rem, 7cqi, 4.5rem) 0 0;
-  list-style: none;
-}
-
-[data-roottale-tpl="testimonials"][data-variant="editorial-quote"]
-  :where(.rt-tpl-testimonials-editorial-list--single) {
-  justify-items: center;
-  text-align: center;
-  max-inline-size: 44rem;
-  margin-inline: auto;
-}
-
-[data-roottale-tpl="testimonials"][data-variant="editorial-quote"]
-  :where(
-    .rt-tpl-testimonials-editorial-list--stack
-      .rt-tpl-testimonials-editorial-item:not(:first-child)
-  ) {
-  border-block-start: 1px solid var(--border);
-  padding-block-start: var(--space-8);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="editorial-quote"]
-  :where(.rt-tpl-testimonials-editorial-quote) {
-  position: relative;
-  margin: 0;
-}
-
-/* 대형 인용부호 = CSS 타이포 장식(이미지/이모지 금지) — muted 톤 배경, 본문
- * 위에 겹치되 z-index 로 텍스트 아래에 둔다. */
-[data-roottale-tpl="testimonials"][data-variant="editorial-quote"]
-  :where(.rt-tpl-testimonials-editorial-quote)::before {
-  content: "\201C";
-  position: absolute;
-  inset-block-start: -0.2em;
-  inset-inline-start: -0.05em;
-  z-index: 0;
-  font-family: var(--font-display);
-  font-size: clamp(4rem, 14cqi, 8rem);
-  font-weight: 800;
-  line-height: 1;
-  color: color-mix(in srgb, var(--foreground) 20%, transparent);
-  pointer-events: none;
-}
-
-[data-roottale-tpl="testimonials"][data-variant="editorial-quote"]
-  :where(.rt-tpl-testimonials-editorial-text) {
-  position: relative;
-  z-index: 1;
-  margin: 0;
-  font-family: var(--font-display);
-  font-size: clamp(1.25rem, 3cqi, 1.75rem);
-  font-weight: 500;
-  line-height: 1.6;
-  word-break: keep-all;
-  text-wrap: balance;
-  color: var(--foreground);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="editorial-quote"]
-  :where(.rt-tpl-testimonials-editorial-footer) {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  gap: var(--space-3);
-  margin-block-start: var(--space-4);
-  padding-block-start: var(--space-3);
-  border-block-start: 1px solid var(--border);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="editorial-quote"]
-  :where(
-    .rt-tpl-testimonials-editorial-list--single
-      .rt-tpl-testimonials-editorial-footer
-  ) {
-  justify-content: center;
-}
-
-[data-roottale-tpl="testimonials"]
-  :where(.rt-tpl-testimonials-editorial-author) {
-  font-style: normal;
-  font-weight: var(--font-weight-semibold);
-  font-size: var(--font-size-sm);
-  color: var(--foreground);
-}
-
-[data-roottale-tpl="testimonials"]
-  :where(.rt-tpl-testimonials-editorial-context) {
-  font-size: var(--font-size-xs);
-  color: var(--muted-foreground);
-}
-
-/* ── testimonials: quote-rail (C11 §2 — hairline 좌측 보더 컬럼 + scroll-snap) ── */
-
-[data-roottale-tpl="testimonials"][data-variant="quote-rail"]
-  :where(.rt-tpl-testimonials-rail-viewport) {
-  margin-block-start: var(--rt-testimonials-rail-margin-start, var(--space-6));
-}
-
-[data-roottale-tpl="testimonials"][data-variant="quote-rail"]
-  :where(.rt-tpl-testimonials-rail) {
-  display: flex;
-  gap: var(--rt-testimonials-rail-gap, var(--space-6));
-  padding: var(--space-2) 0;
-  margin: 0;
-  list-style: none;
-  overflow-x: auto;
-  overscroll-behavior-inline: contain;
-  scroll-snap-type: inline mandatory;
-  scrollbar-width: none;
-}
-
-[data-roottale-tpl="testimonials"][data-variant="quote-rail"]
-  :where(.rt-tpl-testimonials-rail)::-webkit-scrollbar {
-  display: none;
-}
-
-[data-roottale-tpl="testimonials"][data-variant="quote-rail"]
-  :where(.rt-tpl-testimonials-rail-item) {
-  flex: 0 0 auto;
-  inline-size: var(--rt-testimonials-rail-item-width, min(22rem, 82cqi));
-  scroll-snap-align: start;
-  border-inline-start: 2px solid var(--accent);
-  padding-inline-start: var(--space-5);
-  padding-block: var(--space-1);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="quote-rail"]
-  :where(.rt-tpl-testimonials-rail-quote) {
-  margin: 0;
-  display: grid;
-  gap: var(--space-4);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="quote-rail"]
-  :where(.rt-tpl-testimonials-rail-text) {
-  margin: 0;
-  line-height: var(--font-leading-body);
-  word-break: keep-all;
-  color: var(--foreground);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="quote-rail"]
-  :where(.rt-tpl-testimonials-rail-footer) {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-1);
-}
-
-[data-roottale-tpl="testimonials"] :where(.rt-tpl-testimonials-rail-author) {
-  font-style: normal;
-  font-weight: var(--font-weight-semibold);
-  font-size: var(--font-size-sm);
-  color: var(--foreground);
-}
-
-[data-roottale-tpl="testimonials"] :where(.rt-tpl-testimonials-rail-context) {
-  font-size: var(--font-size-xs);
-  color: var(--muted-foreground);
-}
-
-/* ── testimonials: star-compact (W8-7 — 별점 중심 컴팩트 그리드) ──────────── */
-
-/* 별점 = CSS 타이포 글리프(U+2605) 이중 레이어 — 이모지·이미지 금지(AI-slop
- * 10항 유지). 채움 폭은 데이터(rating/5)가 --rt-testimonials-star-fill 로
- * 주입, 색은 전부 토큰(variant×토큰 직교). */
-[data-roottale-tpl="testimonials"] :where(.rt-tpl-testimonials-stars) {
-  position: relative;
-  display: inline-block;
-  font-size: var(--rt-testimonials-star-size, 1rem);
-  line-height: 1;
-  letter-spacing: 0.1em;
-  white-space: nowrap;
-}
-
-[data-roottale-tpl="testimonials"] :where(.rt-tpl-testimonials-stars-base) {
-  color: color-mix(in srgb, var(--foreground) 22%, transparent);
-}
-
-[data-roottale-tpl="testimonials"] :where(.rt-tpl-testimonials-stars-fill) {
-  position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-  inline-size: var(--rt-testimonials-star-fill, 100%);
-  overflow: hidden;
-  color: var(--accent);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="star-compact"]
-  :where(.rt-tpl-testimonials-star-summary) {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  gap: var(--space-3);
-  margin-block-start: var(--space-6);
-  padding-block-end: var(--space-4);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="star-compact"]
-  :where(.rt-tpl-testimonials-star-summary .rt-tpl-testimonials-stars) {
-  font-size: var(--rt-testimonials-star-size-summary, 1.25rem);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="star-compact"]
-  :where(.rt-tpl-testimonials-star-average) {
-  font-family: var(--font-display);
-  font-size: clamp(2rem, 6cqi, 2.75rem);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--font-leading-tight);
-  font-variant-numeric: tabular-nums;
-  color: var(--foreground);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="star-compact"]
-  :where(.rt-tpl-testimonials-star-count) {
-  font-size: var(--font-size-sm);
-  color: var(--muted-foreground);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="star-compact"]
-  :where(.rt-tpl-testimonials-star-list) {
-  display: grid;
-  gap: 0 var(--rt-testimonials-star-list-gap, var(--space-8));
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-@container (min-width: 44rem) {
-  [data-roottale-tpl="testimonials"][data-variant="star-compact"]
-    :where(.rt-tpl-testimonials-star-list) {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-
-@container (min-width: 72rem) {
-  [data-roottale-tpl="testimonials"][data-variant="star-compact"]
-    :where(.rt-tpl-testimonials-star-list) {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-}
-
-/* 카드 아님 — hairline 상단 보더 행(균등 그림자 카드 금지, index-rows 계보). */
-[data-roottale-tpl="testimonials"][data-variant="star-compact"]
-  :where(.rt-tpl-testimonials-star-item) {
-  border-block-start: 1px solid var(--border);
-  padding-block: var(--space-5);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="star-compact"]
-  :where(.rt-tpl-testimonials-star-quote) {
-  display: grid;
-  gap: var(--space-2);
-  margin: 0;
-}
-
-[data-roottale-tpl="testimonials"][data-variant="star-compact"]
-  :where(.rt-tpl-testimonials-star-head) {
-  display: flex;
-  align-items: center;
-  gap: var(--space-2);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="star-compact"]
-  :where(.rt-tpl-testimonials-star-value) {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-  font-variant-numeric: tabular-nums;
-  color: var(--foreground);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="star-compact"]
-  :where(.rt-tpl-testimonials-star-text) {
-  margin: 0;
-  font-size: var(--font-size-sm);
-  line-height: var(--font-leading-normal);
-  word-break: keep-all;
-  color: var(--foreground);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="star-compact"]
-  :where(.rt-tpl-testimonials-star-footer) {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  gap: var(--space-2);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="star-compact"]
-  :where(.rt-tpl-testimonials-star-author) {
-  font-style: normal;
-  font-weight: var(--font-weight-semibold);
-  font-size: var(--font-size-sm);
-  color: var(--foreground);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="star-compact"]
-  :where(.rt-tpl-testimonials-star-context) {
-  font-size: var(--font-size-xs);
-  color: var(--muted-foreground);
-}
-
-[data-roottale-tpl="testimonials"][data-variant="star-compact"]
-  :where(.rt-tpl-testimonials-star-meta) {
-  display: inline-flex;
-  flex-wrap: wrap;
-  gap: var(--space-2);
-  font-size: var(--font-size-xs);
-  color: var(--muted-foreground);
-}
-
-[data-roottale-tpl="team"] {
-  container-type: inline-size;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-grid),
-[data-roottale-tpl="team"] :where(.rt-tpl-team-spotlight-list) {
-  display: grid;
-  gap: 1.25rem;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-grid) {
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
-}
-
-[data-roottale-tpl="team"][data-variant="row"]
-  :where(.rt-tpl-team-row-list) {
-  display: grid;
-  gap: var(--space-4);
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-@container (min-width: 52rem) {
-  [data-roottale-tpl="team"][data-variant="row"]
-    :where(.rt-tpl-team-row-list) {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-card) {
-  display: grid;
-  gap: 1.25rem;
-  align-content: start;
-  min-inline-size: 0;
-  overflow: hidden;
-  border: 1px solid var(--border);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: var(--card);
-}
-
-[data-roottale-tpl="team"][data-variant="row"]
-  :where(.rt-tpl-team-card--row) {
-  grid-template-columns: minmax(7.5rem, 0.82fr) minmax(0, 1.18fr);
-  gap: 0;
-  min-block-size: var(--rt-team-row-card-min-block, 12rem);
-}
-
-@container (max-width: 36rem) {
-  [data-roottale-tpl="team"][data-variant="row"]
-    :where(.rt-tpl-team-card--row) {
-    grid-template-columns: 1fr;
-  }
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-photo),
-[data-roottale-tpl="team"] :where(.rt-tpl-team-initials) {
-  inline-size: 100%;
-  aspect-ratio: 4 / 3;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-photo) {
-  display: block;
-  object-fit: cover;
-  object-position: center top;
-  background: var(--muted);
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-initials) {
-  display: grid;
-  place-items: center;
-  color: var(--primary);
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: clamp(2.25rem, 9cqi, 4rem);
-  font-weight: 800;
-  background: var(--muted);
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-body) {
-  display: grid;
-  gap: 0.75rem;
-  padding: 0 1.25rem 1.25rem;
-}
-
-[data-roottale-tpl="team"][data-variant="row"]
-  :where(.rt-tpl-team-card--row .rt-tpl-team-photo),
-[data-roottale-tpl="team"][data-variant="row"]
-  :where(.rt-tpl-team-card--row .rt-tpl-team-initials) {
-  block-size: var(--rt-team-row-photo-block, var(--rt-team-row-card-min-block, 12rem));
-  min-block-size: var(--rt-team-row-card-min-block, 12rem);
-  aspect-ratio: auto;
-}
-
-@container (max-width: 36rem) {
-  [data-roottale-tpl="team"][data-variant="row"]
-    :where(.rt-tpl-team-card--row .rt-tpl-team-photo),
-  [data-roottale-tpl="team"][data-variant="row"]
-    :where(.rt-tpl-team-card--row .rt-tpl-team-initials) {
-    block-size: auto;
-    min-block-size: 0;
-    aspect-ratio: var(--rt-team-row-mobile-photo-aspect-ratio, 16 / 10);
-  }
-}
-
-[data-roottale-tpl="team"][data-variant="row"]
-  :where(.rt-tpl-team-card--row .rt-tpl-team-body) {
-  align-content: center;
-  gap: 0.6rem;
-  padding: clamp(1rem, 2.8cqi, 1.35rem);
-}
-
-[data-roottale-tpl="team"][data-variant="row"]
-  :where(.rt-tpl-team-card--row .rt-tpl-team-bio) {
-  display: none;
-}
-
-[data-roottale-tpl="team"][data-variant="row"]
-  :where(.rt-tpl-team-card--row .rt-tpl-team-credentials) {
-  gap: 0.35rem;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-name) {
-  margin: 0;
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: clamp(1.25rem, 3.2cqi, 1.5rem);
-  font-weight: 800;
-  line-height: 1.3;
-  word-break: keep-all;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-title) {
-  margin: -0.35rem 0 0;
-  color: var(--muted-foreground);
-  font-weight: 700;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-specialties),
-[data-roottale-tpl="team"] :where(.rt-tpl-team-credentials) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-specialties li) {
-  display: inline-flex;
-  align-items: center;
-  min-block-size: 1.75rem;
-  padding-inline: 0.75rem;
-  border-radius: 999px;
-  color: var(--primary);
-  font-size: 0.8125rem;
-  font-weight: 800;
-  background: var(--muted);
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-credentials) {
-  display: grid;
-  gap: 0.45rem;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-credentials li),
-[data-roottale-tpl="team"] :where(.rt-tpl-team-bio) {
-  color: var(--muted-foreground);
-  font-size: 0.9375rem;
-  line-height: 1.65;
-  word-break: keep-all;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-credentials li)::before {
-  content: "";
-  display: inline-block;
-  inline-size: 0.375rem;
-  block-size: 0.375rem;
-  margin-inline-end: 0.5rem;
-  border-radius: 999px;
-  background: var(--primary);
-  vertical-align: 0.12em;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-bio) {
-  margin: 0;
-}
-
-[data-roottale-tpl="team"][data-variant="spotlight"]
-  :where(.rt-tpl-team-spotlight) {
-  display: grid;
-  gap: 1.25rem;
-}
-
-@container (min-width: 54rem) {
-  [data-roottale-tpl="team"][data-variant="spotlight"]
-    :where(.rt-tpl-team-spotlight) {
-    grid-template-columns: minmax(0, 7fr) minmax(16rem, 5fr);
-    align-items: start;
-  }
-}
-
-[data-roottale-tpl="team"][data-variant="spotlight"]
-  :where(.rt-tpl-team-card--featured) {
-  gap: 0;
-}
-
-[data-roottale-tpl="team"][data-variant="spotlight"]
-  :where(.rt-tpl-team-card--featured .rt-tpl-team-body) {
-  padding: clamp(1.25rem, 4cqi, 2rem);
-}
-
-[data-roottale-tpl="team"][data-variant="spotlight"]
-  :where(.rt-tpl-team-photo--featured, .rt-tpl-team-initials--featured) {
-  aspect-ratio: 16 / 10;
-}
-
-[data-roottale-tpl="expertise"],
-[data-roottale-tpl="spaces"],
-[data-roottale-tpl="concerns"] {
-  container-type: inline-size;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-client-section-header) {
-  max-inline-size: 48rem;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-client-tags),
-[data-roottale-tpl] :where(.rt-tpl-expertise-tags) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-client-tags li),
-[data-roottale-tpl] :where(.rt-tpl-expertise-tags li) {
-  display: inline-flex;
-  align-items: center;
-  min-block-size: 1.75rem;
-  padding-inline: 0.75rem;
-  border: 1px solid var(--rt-color-border);
-  border-radius: 999px;
-  color: var(--rt-color-primary);
-  font-size: 0.8125rem;
-  font-weight: 800;
-  background: color-mix(
-    in srgb,
-    var(--rt-color-primary) 5%,
-    var(--rt-color-background)
-  );
-}
-
-[data-roottale-tpl] :where(.rt-tpl-client-disclaimer) {
-  margin-block: 1rem 0;
-  padding: 1rem;
-  border-inline-start: 3px solid var(--rt-color-border);
-  color: var(--rt-color-muted-foreground);
-  font-size: 0.875rem;
-  line-height: 1.65;
-  background: color-mix(
-    in srgb,
-    var(--rt-color-primary) 3%,
-    var(--rt-color-background)
-  );
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-stage) {
-  display: grid;
-  gap: clamp(1.5rem, 4cqi, 2.5rem);
-}
-
-@container (min-width: 52rem) {
-  [data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-stage) {
-    grid-template-columns: minmax(14rem, 4fr) minmax(0, 8fr);
-    align-items: stretch;
-  }
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-tabs) {
-  display: grid;
-  align-content: start;
-  border-block-start: 1px solid var(--rt-color-border);
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-tab) {
-  display: grid;
-  gap: 0.375rem;
-  inline-size: 100%;
-  padding: 1rem 0.25rem;
-  border: 0;
-  border-block-end: 1px solid var(--rt-color-border);
-  background: transparent;
-  color: inherit;
-  text-align: start;
-  cursor: pointer;
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-tab[data-active="true"]) {
-  color: var(--rt-color-primary);
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-tab:focus-visible),
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-panel:focus-visible) {
-  outline: 2px solid var(--rt-color-ring, var(--rt-color-primary));
-  outline-offset: -2px;
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-tab-label),
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-kicker) {
-  margin: 0;
-  color: var(--rt-color-muted-foreground);
-  font-size: 0.8125rem;
-  font-weight: 800;
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-tab-title) {
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: 1rem;
-  font-weight: 800;
-  line-height: 1.35;
-  word-break: keep-all;
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-panel),
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-card) {
-  overflow: hidden;
-  border: 1px solid var(--rt-color-border);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: var(--rt-color-background);
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-panel) {
-  display: grid;
-}
-
-@container (min-width: 44rem) {
-  [data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-panel) {
-    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
-  }
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-panel-img),
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-card-img) {
-  inline-size: 100%;
-  block-size: 100%;
-  min-block-size: 18rem;
-  object-fit: cover;
-  background: var(--rt-color-muted);
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-panel-body),
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-card-body) {
-  display: grid;
-  align-content: center;
-  gap: 1rem;
-  padding: clamp(1.25rem, 4cqi, 2rem);
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-title) {
-  margin: 0;
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: clamp(1.375rem, 3.6cqi, 1.875rem);
-  font-weight: 800;
-  line-height: 1.3;
-  word-break: keep-all;
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-body) {
-  margin: 0;
-  color: var(--rt-color-muted-foreground);
-  line-height: 1.7;
-  word-break: keep-all;
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-cta),
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-cta) {
-  justify-self: start;
-  color: var(--rt-color-primary);
-  font-size: 0.9375rem;
-  font-weight: 800;
-  text-decoration: none;
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-card-grid) {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
-  gap: 1.25rem;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-card) {
-  display: grid;
-}
-
-[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-card-img) {
-  aspect-ratio: 16 / 10;
-  min-block-size: 0;
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-stage) {
-  display: grid;
-  gap: 1rem;
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-main) {
-  position: relative;
-  min-block-size: clamp(22rem, 58cqi, 34rem);
-  margin: 0;
-  overflow: hidden;
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: var(--rt-color-muted);
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-main-img) {
-  inline-size: 100%;
-  block-size: 100%;
-  object-fit: cover;
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-caption) {
-  position: absolute;
-  inset-inline: 0;
-  inset-block-end: 0;
-  display: grid;
-  gap: 0.375rem;
-  padding: clamp(1rem, 4cqi, 1.75rem);
-  background: linear-gradient(
-    to top,
-    color-mix(in srgb, var(--rt-color-foreground) 76%, transparent),
-    transparent
-  );
-  color: var(--rt-color-primary-foreground);
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-kicker) {
-  font-size: 0.75rem;
-  font-weight: 800;
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-title) {
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: clamp(1.25rem, 3.6cqi, 1.75rem);
-  font-weight: 800;
-  line-height: 1.25;
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-desc) {
-  max-inline-size: 42rem;
-  color: color-mix(in srgb, var(--rt-color-primary-foreground) 82%, transparent);
-  line-height: 1.6;
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-rail) {
-  display: flex;
-  gap: 0.75rem;
-  overflow-x: auto;
-  padding-block: 0.25rem;
-  scrollbar-width: none;
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-rail)::-webkit-scrollbar {
-  display: none;
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-thumb) {
-  flex: 0 0 min(13rem, 72cqi);
-  display: grid;
-  gap: 0.5rem;
-  padding: 0;
-  border: 1px solid var(--rt-color-border);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  overflow: hidden;
-  color: inherit;
-  background: var(--rt-color-background);
-  cursor: pointer;
-  text-align: start;
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-thumb[data-active="true"]) {
-  border-color: var(--rt-color-primary);
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-thumb img) {
-  inline-size: 100%;
-  aspect-ratio: 16 / 10;
-  object-fit: cover;
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-thumb span) {
-  padding: 0 0.75rem 0.75rem;
-  font-size: 0.875rem;
-  font-weight: 800;
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-mosaic) {
-  display: grid;
-  gap: 1rem;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-@container (min-width: 48rem) {
-  [data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-mosaic) {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  [data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-tile:first-child) {
-    grid-column: span 2;
-    grid-row: span 2;
-  }
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-tile) {
-  position: relative;
-  min-block-size: 15rem;
-  overflow: hidden;
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: var(--rt-color-muted);
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-tile img) {
-  inline-size: 100%;
-  block-size: 100%;
-  object-fit: cover;
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-tile-caption) {
-  position: absolute;
-  inset-inline: 0;
-  inset-block-end: 0;
-  display: grid;
-  gap: 0.375rem;
-  padding: 1rem;
-  background: linear-gradient(
-    to top,
-    color-mix(in srgb, var(--rt-color-foreground) 76%, transparent),
-    transparent
-  );
-  color: var(--rt-color-primary-foreground);
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-tile-caption h3),
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-tile-caption p) {
-  margin: 0;
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-tile-caption h3) {
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: 1.125rem;
-  font-weight: 800;
-}
-
-[data-roottale-tpl="spaces"] :where(.rt-tpl-spaces-tile-caption p) {
-  color: color-mix(in srgb, var(--rt-color-primary-foreground) 82%, transparent);
-  font-size: 0.875rem;
-  line-height: 1.55;
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-map-layout) {
-  display: grid;
-  gap: clamp(1.5rem, 5cqi, 2.5rem);
-}
-
-@container (min-width: 52rem) {
-  [data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-map-layout) {
-    grid-template-columns: minmax(0, 7fr) minmax(16rem, 5fr);
-    align-items: start;
-  }
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-figure-wrap) {
-  position: relative;
-  overflow: hidden;
-  border: 1px solid var(--rt-color-border);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: var(--rt-color-background);
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-figure) {
-  display: block;
-  inline-size: 100%;
-  min-block-size: clamp(22rem, 56cqi, 34rem);
-  object-fit: cover;
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-hotspot) {
-  position: absolute;
-  transform: translate(-50%, -50%);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-inline-size: 2rem;
-  min-block-size: 2rem;
-  padding: 0.375rem 0.75rem;
-  border: 1px solid var(--rt-color-primary);
-  border-radius: 999px;
-  background: color-mix(
-    in srgb,
-    var(--rt-color-background) 88%,
-    transparent
-  );
-  color: var(--rt-color-primary);
-  font-size: 0.8125rem;
-  font-weight: 800;
-  cursor: pointer;
-  backdrop-filter: blur(8px);
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-hotspot[data-active="true"]) {
-  background: var(--rt-color-primary);
-  color: var(--rt-color-primary-foreground);
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-side) {
-  display: grid;
-  gap: 1rem;
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-button-list) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-list-button) {
-  min-block-size: 2rem;
-  padding-inline: 0.875rem;
-  border: 1px solid var(--rt-color-border);
-  border-radius: 999px;
-  background: var(--rt-color-background);
-  color: var(--rt-color-foreground);
-  font-size: 0.875rem;
-  font-weight: 800;
-  cursor: pointer;
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-list-button[data-active="true"]) {
-  border-color: var(--rt-color-primary);
-  color: var(--rt-color-primary);
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-panel),
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-card) {
-  display: grid;
-  gap: 0.875rem;
-  padding: clamp(1.25rem, 4cqi, 1.75rem);
-  border: 1px solid var(--rt-color-border);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: var(--rt-color-background);
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-label) {
-  margin: 0;
-  color: var(--rt-color-primary);
-  font-size: 0.8125rem;
-  font-weight: 800;
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-title) {
-  margin: 0;
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: clamp(1.25rem, 3.4cqi, 1.625rem);
-  font-weight: 800;
-  line-height: 1.3;
-  word-break: keep-all;
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-desc) {
-  margin: 0;
-  color: var(--rt-color-muted-foreground);
-  line-height: 1.7;
-  word-break: keep-all;
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-items) {
-  display: grid;
-  gap: 0.5rem;
-  padding-inline-start: 1.25rem;
-  margin: 0;
-  color: var(--rt-color-muted-foreground);
-  font-size: 0.9375rem;
-}
-
-[data-roottale-tpl="concerns"] :where(.rt-tpl-concerns-list) {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
-  gap: 1rem;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-/* ── placeholder (admin preview 의 customSections skeleton) ──────────────── */
-
-[data-roottale-tpl] :where(.rt-tpl-placeholder-box) {
-  border: 2px dashed var(--rt-color-border, #dceef3);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  padding: 2.5rem;
-  text-align: center;
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  font-family: ui-monospace, monospace;
-  font-size: 0.875rem;
-}
-
-/* ── hero: carousel (ADR-0073 K3 C1) ─────────────────────────────────────────
- * 별도 섹션에 둔다 — 위 legacy 5종/trust/contact CSS 는 트러스트 회귀 테스트가
- * "@media 금지 + hex 리터럴 금지"를 강제하는 영역이라(`trust-contact.test.tsx`),
- * `prefers-reduced-motion` 미디어쿼리가 필요한 이 variant 는 그 계약 밖에
- * 둬야 두 계약이 충돌하지 않는다. 풀스크린은 컨테이너 쿼리 대신 `svh` 사용
- * (이 리포에 아직 block-axis(`cqb`/`container-type: size`) 컨벤션이 없음 —
- * S2 의 inline-axis(`cqi`) 컨벤션과는 다른 축이라 그대로 확장할 수 없다.
- * ds-rule-pack.md 에 명시된 편차). */
-
-[data-roottale-tpl="hero"][data-variant="carousel"] {
-  position: relative;
-  container-type: inline-size;
-  padding-block: 0;
-  overflow: hidden;
-  /* 고정 100svh — `min-block-size` 였다면 절대배치 아닌 자손(과거 컨트롤 바)이
-   * grid auto-row 를 밀어 첫 화면보다 커질 수 있다. 자손은 전부
-   * absolute/inset 로 이 고정 박스 안에서만 움직인다. */
-  block-size: 100svh;
-  block-size: var(--rt-hero-carousel-height, 100svh);
-  display: grid;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"] :where(.rt-tpl-hero-carousel),
-[data-roottale-tpl="hero"][data-variant="carousel"] :where(.rt-tpl-hero-carousel-overlay) {
-  grid-area: 1 / 1;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"] :where(.rt-tpl-hero-carousel) {
-  position: relative;
-  inline-size: 100%;
-  block-size: 100%;
-  overflow: hidden;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-viewport) {
-  overflow: hidden;
-  inline-size: 100%;
-  block-size: 100%;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-track) {
-  display: flex;
-  inline-size: 100%;
-  block-size: 100%;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-slide) {
-  position: relative;
-  flex: 0 0 100%;
-  block-size: 100%;
-  overflow: hidden;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-img) {
-  position: absolute;
-  inset: 0;
-  inline-size: 100%;
-  block-size: 100%;
-  object-fit: cover;
-  transform: scale(1);
-}
-
-/* Ken Burns — 활성 슬라이드만, reduced-motion 아닐 때만(M5). */
-@media (prefers-reduced-motion: no-preference) {
-  [data-roottale-tpl="hero"][data-variant="carousel"]
-    :where(.rt-tpl-hero-carousel-img[data-active="true"]) {
-    animation: rt-hero-carousel-kenburns 8s ease-out forwards;
-  }
-}
-
-@keyframes rt-hero-carousel-kenburns {
-  from {
-    transform: scale(1);
-  }
-  to {
-    transform: scale(1.05);
-  }
-}
-
-/* ---- curtain transition (ADR-0086 P2 D3, chambarun 이식) ----
- * 절대배치 스택 — 각 슬라이드가 clip-path 와이프로 스스로를 드러낸다(embla
- * 가로 스크롤 없음). 타이밍·이징·클립 경로는 원본
- * chambarun `assets/site.css` `@keyframes curtainReveal`/`.curtain-sheen` 값을
- * 그대로 유지, 색만 하드코딩 헥스 대신 --rt-* 토큰으로 치환했다. */
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide) {
-  position: absolute;
-  inset: 0;
-  flex: none;
-  opacity: 0;
-  z-index: 0;
-  pointer-events: none;
-  clip-path: inset(0 0 0 0);
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide[data-leaving="true"]) {
-  opacity: 1;
-  z-index: 1;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide[data-active="true"]) {
-  opacity: 1;
-  z-index: 2;
-  pointer-events: auto;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  [data-roottale-tpl="hero"][data-variant="carousel"]
-    :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide[data-active="true"]) {
-    animation: rt-hero-carousel-curtain-reveal 0.92s cubic-bezier(0.76, 0, 0.24, 1) both;
-  }
-}
-
-@keyframes rt-hero-carousel-curtain-reveal {
-  from {
-    clip-path: inset(0 100% 0 0);
-  }
-  to {
-    clip-path: inset(0 0 0 0);
-  }
-}
-
-/* 신 스윕 — 활성 슬라이드 위를 가로지르는 얇은 하이라이트 밴드. chambarun 은
- * teal/green 2색 그라디언트였으나 고객사 테마마다 브랜드색이 달라 토큰
- * 하나(primary-foreground)의 color-mix 농도 변화로 대체(대면적 채도 배색
- * 하드코딩 금지 관행과 동일 이유). */
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-sheen) {
-  position: absolute;
-  inset-block: 0;
-  inset-inline-start: 0;
-  z-index: 1;
-  inline-size: clamp(82px, 10cqi, 150px);
-  pointer-events: none;
-  opacity: 0;
-  transform: translate3d(-160px, 0, 0);
-  background: linear-gradient(
-    90deg,
-    transparent 0%,
-    color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 22%, transparent) 30%,
-    color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 58%, transparent) 48%,
-    color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 18%, transparent) 62%,
-    transparent 100%
-  );
-  mix-blend-mode: screen;
-  will-change: transform, opacity;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  [data-roottale-tpl="hero"][data-variant="carousel"]
-    :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide[data-active="true"] .rt-tpl-hero-carousel-sheen) {
-    animation: rt-hero-carousel-curtain-sheen 0.9s cubic-bezier(0.76, 0, 0.24, 1) both;
-  }
-}
-
-@keyframes rt-hero-carousel-curtain-sheen {
-  0% {
-    opacity: 0;
-    transform: translate3d(-160px, 0, 0);
-  }
-  14% {
-    opacity: 0.82;
-  }
-  76% {
-    opacity: 0.68;
-  }
-  100% {
-    opacity: 0;
-    transform: translate3d(100cqi, 0, 0);
-  }
-}
-
-/* 오버레이 eyebrow — 스크림 위에서는 테마 primary(잉크/민트)가 아니라 밝은
- * 전경색이어야 읽힌다(미감 라운드 2 — 민트 eyebrow 소실 실측). */
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-overlay .rt-tpl-hero-eyebrow) {
-  color: color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 85%, transparent);
-  font-size: 0.875rem;
-  font-weight: 600;
-  letter-spacing: 0.12em;
-}
-
-/* 카피 오버레이 — 슬라이드와 무관하게 고정. 배경 위 대비 확보용 스크림. */
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-overlay) {
-  position: relative;
-  z-index: 1;
-  align-self: end;
-  inline-size: 100%;
-  padding-block-end: clamp(3rem, 9cqi, 6.5rem);
-  padding-block-start: clamp(7rem, 22cqi, 11rem);
-  /* 스크림 = 중립 잉크(foreground) 기반 — background(흰) 기반이면 안개,
-   * primary(브랜드색 — 민트 테마면 청록) 기반이면 사진이 브랜드색으로 덮인다.
-   * 명암은 중립, 브랜드색은 액센트(CTA·eyebrow)에만(미감 라운드 1~3 실측). */
-  background: linear-gradient(
-    to top,
-    color-mix(in srgb, var(--rt-color-foreground, #06162f) 82%, transparent) 0%,
-    color-mix(in srgb, var(--rt-color-foreground, #06162f) 34%, transparent) 55%,
-    transparent 100%
-  );
-  color: var(--rt-color-primary-foreground, #ffffff);
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-title) {
-  font-size: clamp(2.625rem, 8.5cqi, 5rem);
-  font-weight: 800;
-  letter-spacing: -0.035em;
-  line-height: 1.08;
-  word-break: keep-all;
-  text-wrap: balance;
-  max-inline-size: 22ch;
-  color: inherit;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-subtitle) {
-  font-size: 1.125rem;
-  line-height: 1.7;
-  word-break: keep-all;
-  color: color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 88%, transparent);
-  max-inline-size: 40rem;
-}
-
-/* 화살표 */
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-arrow) {
-  position: absolute;
-  z-index: 2;
-  inset-block-start: 50%;
-  transform: translateY(-50%);
-  inline-size: 2.75rem;
-  block-size: 2.75rem;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 999px;
-  border: 1px solid color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 28%, transparent);
-  background: color-mix(in srgb, var(--rt-color-foreground, #06162f) 24%, transparent);
-  backdrop-filter: blur(8px);
-  color: var(--rt-color-primary-foreground, #ffffff);
-  cursor: pointer;
-  transition: background 180ms ease, border-color 180ms ease;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-arrow:hover) {
-  background: color-mix(in srgb, var(--rt-color-foreground, #06162f) 48%, transparent);
-  border-color: color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 45%, transparent);
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-arrow svg) {
-  inline-size: 1.25rem;
-  block-size: 1.25rem;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-arrow--prev) {
-  inset-inline-start: clamp(1rem, 4cqi, 2.5rem);
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-arrow--next) {
-  inset-inline-end: clamp(1rem, 4cqi, 2.5rem);
-}
-
-/* 도트 + N/M 카운터 — absolute 로 뷰포트 바닥에 고정(일반 flow 에 두면 카피
- * 오버레이 아래로 페이지 높이가 100svh 를 넘어버린다, VRT 로 실측). */
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-controls) {
-  position: absolute;
-  z-index: 2;
-  inset-inline: 0;
-  inset-block-end: clamp(1rem, 3cqi, 1.5rem);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 1rem;
-  max-inline-size: var(--rt-tpl-page-max, 72rem);
-  margin-inline: auto;
-  padding-inline: 1.25rem;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-dots) {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-dot) {
-  inline-size: 0.5rem;
-  block-size: 0.5rem;
-  border-radius: 999px;
-  border: 0;
-  padding: 0;
-  cursor: pointer;
-  background: color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 40%, transparent);
-  transition: inline-size 240ms ease, background 240ms ease;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-dot[data-active="true"]) {
-  inline-size: 1.375rem;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-dot[data-active="true"]) {
-  background: var(--rt-color-primary-foreground, #ffffff);
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-counter) {
-  margin: 0;
-  font-variant-numeric: tabular-nums;
-  color: color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 92%, transparent);
-  font-size: 0.8125rem;
-  font-weight: 600;
-  letter-spacing: 0.06em;
-}
-
-/* D4 — autoplay pause/재생 버튼: 도트·카운터와 같은 우측 클러스터에 절제된
- * 크기로 둔다(화살표와 동일 언어이나 더 작게 — 보조 컨트롤이라는 위계). */
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-controls-right) {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-playpause) {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  inline-size: 1.75rem;
-  block-size: 1.75rem;
-  border-radius: 999px;
-  border: 1px solid color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 28%, transparent);
-  background: color-mix(in srgb, var(--rt-color-foreground, #06162f) 24%, transparent);
-  color: var(--rt-color-primary-foreground, #ffffff);
-  cursor: pointer;
-  transition: background 180ms ease, border-color 180ms ease;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-playpause:hover) {
-  background: color-mix(in srgb, var(--rt-color-foreground, #06162f) 48%, transparent);
-  border-color: color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 45%, transparent);
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-playpause svg) {
-  inline-size: 0.85rem;
-  block-size: 0.85rem;
-}
-
-[data-roottale-tpl="hours"],
-[data-roottale-tpl="pricing"],
-[data-roottale-tpl="process"] {
-  container-type: inline-size;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-practice-header) {
-  max-inline-size: 48rem;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-practice-eyebrow) {
-  margin: 0 0 0.75rem;
-  color: var(--rt-color-primary, #06162f);
-  font-size: 0.8125rem;
-  font-weight: 800;
-  letter-spacing: 0.08em;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-practice-table-wrap) {
-  overflow-x: auto;
-  border: 1px solid var(--rt-color-border, #dceef3);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: var(--rt-color-background, #ffffff);
-}
-
-[data-roottale-tpl] :where(.rt-tpl-practice-table) {
-  inline-size: 100%;
-  min-inline-size: 44rem;
-  border-collapse: collapse;
-  font-size: 0.9375rem;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-practice-table th),
-[data-roottale-tpl] :where(.rt-tpl-practice-table td) {
-  padding: 1rem;
-  border-block-end: 1px solid var(--rt-color-border, #dceef3);
-  text-align: start;
-  vertical-align: top;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-practice-table thead th) {
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  font-size: 0.75rem;
-  font-weight: 800;
-  letter-spacing: 0.04em;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-practice-primary) {
-  color: var(--rt-color-foreground, #06162f);
-  font-weight: 800;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-practice-muted) {
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-}
-
-[data-roottale-tpl] :where(.rt-tpl-practice-table-note td) {
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  background: color-mix(
-    in srgb,
-    var(--rt-color-primary, #06162f) 4%,
-    var(--rt-color-background, #ffffff)
-  );
-}
-
-[data-roottale-tpl] :where(.rt-tpl-practice-badges) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.375rem;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-practice-badge) {
-  display: inline-flex;
-  align-items: center;
-  min-block-size: 1.5rem;
-  padding-inline: 0.625rem;
-  border: 1px solid var(--rt-color-border, #dceef3);
-  border-radius: 999px;
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  font-size: 0.75rem;
-  font-weight: 700;
-  background: var(--rt-color-background, #ffffff);
-}
-
-[data-roottale-tpl] :where(.rt-tpl-practice-note),
-[data-roottale-tpl] :where(.rt-tpl-practice-disclaimer) {
-  margin-block: 1rem 0;
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  font-size: 0.875rem;
-  line-height: 1.65;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-practice-disclaimer) {
-  padding: 1rem;
-  border-inline-start: 3px solid var(--rt-color-border, #dceef3);
-  background: color-mix(
-    in srgb,
-    var(--rt-color-primary, #06162f) 3%,
-    var(--rt-color-background, #ffffff)
-  );
-}
-
-[data-roottale-tpl="hours"][data-variant="compact"]
-  :where(.rt-tpl-hours-compact-list) {
-  display: grid;
-  gap: 0;
-  margin: 0;
-  border-block-start: 1px solid var(--rt-color-border, #dceef3);
-}
-
-[data-roottale-tpl="hours"][data-variant="compact"]
-  :where(.rt-tpl-hours-compact-row) {
-  display: grid;
-  gap: 0.75rem;
-  padding-block: 1rem;
-  border-block-end: 1px solid var(--rt-color-border, #dceef3);
-}
-
-@container (min-width: 38rem) {
-  [data-roottale-tpl="hours"][data-variant="compact"]
-    :where(.rt-tpl-hours-compact-row) {
-    grid-template-columns: 10rem minmax(0, 1fr);
-  }
-}
-
-[data-roottale-tpl="hours"][data-variant="compact"]
-  :where(.rt-tpl-hours-compact-day) {
-  font-weight: 800;
-}
-
-[data-roottale-tpl="hours"][data-variant="compact"]
-  :where(.rt-tpl-hours-compact-body) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem 1rem;
-  margin: 0;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-hours-time) {
-  font-weight: 700;
-  font-variant-numeric: tabular-nums;
-}
-
-[data-roottale-tpl] :where(.rt-tpl-hours-muted) {
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-}
-
-[data-roottale-tpl="pricing"] :where(.rt-tpl-pricing-group-row td) {
-  color: var(--rt-color-primary, #06162f);
-  font-weight: 800;
-  background: color-mix(
-    in srgb,
-    var(--rt-color-primary, #06162f) 5%,
-    var(--rt-color-background, #ffffff)
-  );
-}
-
-[data-roottale-tpl="pricing"] :where(.rt-tpl-pricing-price) {
-  color: var(--rt-color-foreground, #06162f);
-  font-weight: 800;
-  font-variant-numeric: tabular-nums;
-}
-
-[data-roottale-tpl="pricing"][data-variant="cards"]
-  :where(.rt-tpl-pricing-card-groups) {
-  display: grid;
-  gap: clamp(1.5rem, 4cqi, 2rem);
-}
-
-[data-roottale-tpl="pricing"][data-variant="cards"]
-  :where(.rt-tpl-pricing-group-title) {
-  margin: 0 0 0.75rem;
-  color: var(--rt-color-primary, #06162f);
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: 1rem;
-  font-weight: 800;
-}
-
-[data-roottale-tpl="pricing"][data-variant="cards"]
-  :where(.rt-tpl-pricing-card-list) {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
-  gap: 1rem;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-[data-roottale-tpl="pricing"][data-variant="cards"]
-  :where(.rt-tpl-pricing-card) {
-  display: grid;
-  gap: 1rem;
-  align-content: start;
-  padding: 1.25rem;
-  border: 1px solid var(--rt-color-border, #dceef3);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: var(--rt-color-background, #ffffff);
-}
-
-[data-roottale-tpl="pricing"] :where(.rt-tpl-pricing-name) {
-  margin: 0 0 0.375rem;
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: 1.0625rem;
-  font-weight: 800;
-}
-
-[data-roottale-tpl="pricing"] :where(.rt-tpl-pricing-desc),
-[data-roottale-tpl="pricing"] :where(.rt-tpl-pricing-condition) {
-  margin: 0;
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  line-height: 1.6;
-}
-
-[data-roottale-tpl="process"] :where(.rt-tpl-process-list) {
-  display: grid;
-  gap: 1rem;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-@container (min-width: 48rem) {
-  [data-roottale-tpl="process"][data-variant="horizontal"]
-    :where(.rt-tpl-process-list) {
-    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
-  }
-}
-
-[data-roottale-tpl="process"][data-variant="vertical"]
-  :where(.rt-tpl-process-list) {
-  max-inline-size: 48rem;
-  gap: 0;
-  border-block-start: 1px solid var(--rt-color-border, #dceef3);
-}
-
-[data-roottale-tpl="process"] :where(.rt-tpl-process-item) {
-  position: relative;
-}
-
-[data-roottale-tpl="process"] :where(.rt-tpl-process-content) {
-  display: grid;
-  gap: 0.625rem;
-  padding: 1.25rem;
-  border: 1px solid var(--rt-color-border, #dceef3);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: var(--rt-color-background, #ffffff);
-}
-
-[data-roottale-tpl="process"][data-variant="vertical"]
-  :where(.rt-tpl-process-content) {
-  border: 0;
-  border-block-end: 1px solid var(--rt-color-border, #dceef3);
-  border-radius: 0;
-  padding-inline: 0;
-}
-
-[data-roottale-tpl="process"] :where(.rt-tpl-process-step) {
-  margin: 0;
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  font-size: 0.75rem;
-  font-weight: 800;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-}
-
-[data-roottale-tpl="process"] :where(.rt-tpl-process-title) {
-  margin: 0;
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: 1.125rem;
-  font-weight: 800;
-  line-height: 1.4;
-}
-
-[data-roottale-tpl="process"] :where(.rt-tpl-process-desc),
-[data-roottale-tpl="process"] :where(.rt-tpl-process-duration) {
-  margin: 0;
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-  line-height: 1.65;
-}
-
-[data-roottale-tpl="process"] :where(.rt-tpl-process-duration) {
-  font-size: 0.875rem;
-  font-variant-numeric: tabular-nums;
-}
-
-[data-roottale-tpl="process"][data-variant="timeline-marked"]
-  :where(.rt-tpl-process-marked-list) {
-  display: grid;
-  gap: var(--space-4);
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-@container (min-width: 50rem) {
-  [data-roottale-tpl="process"][data-variant="timeline-marked"]
-    :where(.rt-tpl-process-marked-list) {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-}
-
-[data-roottale-tpl="process"][data-variant="timeline-marked"]
-  :where(.rt-tpl-process-marked-item) {
-  position: relative;
-  min-inline-size: 0;
-}
-
-@container (min-width: 50rem) {
-  [data-roottale-tpl="process"][data-variant="timeline-marked"]
-    :where(.rt-tpl-process-marked-item:not(:last-child))::after {
-    content: "";
-    position: absolute;
-    inset-block-start: calc(50% - 1px);
-    inset-inline-start: calc(100% + 0.1rem);
-    inline-size: calc(var(--space-4) - 0.2rem);
-    block-size: 2px;
-    background:
-      linear-gradient(90deg, var(--border) 50%, transparent 0) 0 / 0.5rem 2px
-      repeat-x;
-  }
-}
-
-[data-roottale-tpl="process"][data-variant="timeline-marked"]
-  :where(.rt-tpl-process-marked-card) {
-  display: grid;
-  grid-template-columns: auto minmax(0, 1fr);
-  gap: var(--space-4);
-  min-block-size: 8.5rem;
-  padding: clamp(1rem, 3cqi, 1.35rem);
-  border: 1px solid var(--border);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: var(--card);
-  box-shadow: 0 16px 36px rgb(17 24 39 / 0.045);
-}
-
-[data-roottale-tpl="process"][data-variant="timeline-marked"]
-  :where(.rt-tpl-process-marked-icon) {
-  display: grid;
-  place-items: center;
-  inline-size: 3.5rem;
-  block-size: 3.5rem;
-  border-radius: 999px;
-  background: color-mix(in srgb, var(--primary) 9%, var(--muted));
-}
-
-[data-roottale-tpl="process"][data-variant="timeline-marked"]
-  :where(.rt-tpl-process-marked-icon span) {
-  display: grid;
-  place-items: center;
-  inline-size: 1.35rem;
-  block-size: 1.35rem;
-  border-radius: 999px;
-  background: var(--primary);
-}
-
-[data-roottale-tpl="process"][data-variant="timeline-marked"]
-  :where(.rt-tpl-process-marked-icon span[data-mark="check"])::before {
-  content: "";
-  inline-size: 0.55rem;
-  block-size: 0.32rem;
-  border-inline-start: 2px solid var(--primary-foreground);
-  border-block-end: 2px solid var(--primary-foreground);
-  transform: rotate(-45deg) translateY(-1px);
-}
-
-[data-roottale-tpl="process"][data-variant="timeline-marked"]
-  :where(.rt-tpl-process-marked-icon span[data-mark="dot"])::before {
-  content: "";
-  inline-size: 0.38rem;
-  block-size: 0.38rem;
-  border-radius: 999px;
-  background: var(--primary-foreground);
-}
-
-[data-roottale-tpl="process"][data-variant="timeline-marked"]
-  :where(.rt-tpl-process-marked-icon span[data-mark="none"]) {
-  background: transparent;
-  border: 1px solid var(--border);
-}
-
-[data-roottale-tpl="process"][data-variant="timeline-marked"]
-  :where(.rt-tpl-process-marked-body) {
-  display: grid;
-  align-content: center;
-  gap: 0.45rem;
-  min-inline-size: 0;
-}
-
-[data-roottale-tpl="process"][data-variant="timeline-marked"]
-  :where(.rt-tpl-process-marked-step) {
-  justify-self: start;
-  margin: 0;
-  padding: 0.25rem 0.55rem;
-  border-radius: 999px;
-  background: color-mix(in srgb, var(--primary) 12%, var(--background));
-  color: var(--primary);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-bold);
-  line-height: 1.2;
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-slider),
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-pair) {
-  margin-block-start: 1.5rem;
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-slider) {
-  overflow: hidden;
-  border: 1px solid var(--rt-color-border, #dceef3);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: var(--rt-color-background, #ffffff);
-  touch-action: none;
-  user-select: none;
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-frame) {
-  position: relative;
-  aspect-ratio: 16 / 9;
-  background: color-mix(
-    in srgb,
-    var(--rt-color-muted, #eef7f9) 84%,
-    var(--rt-color-background, #ffffff)
-  );
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-img) {
-  display: block;
-  inline-size: 100%;
-  block-size: 100%;
-  object-fit: cover;
-}
-
-[data-roottale-tpl="before-after"]
-  :where(.rt-tpl-before-after-slider .rt-tpl-before-after-img) {
-  position: absolute;
-  inset: 0;
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-img--before) {
-  overflow: hidden;
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-handle) {
-  position: absolute;
-  inset-block: 0;
-  display: grid;
-  inline-size: 2.75rem;
-  margin-inline-start: -1.375rem;
-  place-items: center;
-  color: var(--rt-color-primary-foreground, #ffffff);
-  cursor: ew-resize;
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-handle)::before {
-  position: absolute;
-  inset-block: 0;
-  inline-size: 1px;
-  background: var(--rt-color-primary, #06162f);
-  content: "";
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-thumb) {
-  position: relative;
-  z-index: 1;
-  display: block;
-  inline-size: 2.75rem;
-  block-size: 2.75rem;
-  border: 1px solid var(--rt-color-primary, #06162f);
-  border-radius: 999px;
-  background: var(--rt-color-primary, #06162f);
-  box-shadow: 0 10px 24px
-    color-mix(in srgb, var(--rt-color-foreground, #06162f) 20%, transparent);
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-thumb)::before,
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-thumb)::after {
-  position: absolute;
-  inset-block-start: 50%;
-  inline-size: 0.45rem;
-  block-size: 0.45rem;
-  border-block-start: 1.5px solid currentColor;
-  border-inline-start: 1.5px solid currentColor;
-  content: "";
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-thumb)::before {
-  inset-inline-start: 0.8rem;
-  transform: translateY(-50%) rotate(-45deg);
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-thumb)::after {
-  inset-inline-end: 0.8rem;
-  transform: translateY(-50%) rotate(135deg);
-}
-
-[data-roottale-tpl="before-after"]
-  :where(.rt-tpl-before-after-handle:focus-visible .rt-tpl-before-after-thumb) {
-  outline: 2px solid var(--rt-color-ring, var(--rt-color-primary, #06162f));
-  outline-offset: 3px;
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-labels) {
-  position: absolute;
-  inset: 1rem;
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 0.75rem;
-  pointer-events: none;
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-label),
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-caption) {
-  border: 1px solid
-    color-mix(in srgb, var(--rt-color-background, #ffffff) 26%, transparent);
-  border-radius: var(--rt-radius-sm, 0.375rem);
-  background: color-mix(
-    in srgb,
-    var(--rt-color-foreground, #06162f) 68%,
-    transparent
-  );
-  color: var(--rt-color-primary-foreground, #ffffff);
-  font-size: 0.8125rem;
-  font-weight: 700;
-  line-height: 1.3;
-  word-break: keep-all;
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-label) {
-  max-inline-size: min(45%, 16rem);
-  padding: 0.5rem 0.75rem;
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-pair) {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 1rem;
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-figure) {
-  position: relative;
-  overflow: hidden;
-  aspect-ratio: 16 / 9;
-  margin: 0;
-  border: 1px solid var(--rt-color-border, #dceef3);
-  border-radius: var(--rt-radius-md, 0.5rem);
-  background: var(--rt-color-background, #ffffff);
-}
-
-[data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-caption) {
-  position: absolute;
-  inset-block-start: 0.75rem;
-  inset-inline-start: 0.75rem;
-  padding: 0.45rem 0.65rem;
-}
-
-@container (max-width: 42rem) {
-  [data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-pair) {
-    grid-template-columns: 1fr;
-  }
-
-  [data-roottale-tpl="before-after"] :where(.rt-tpl-before-after-labels) {
-    inset: 0.625rem;
-  }
-}
-
-[data-roottale-tpl="hero"] :where(.rt-tpl-hero-proof) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.625rem;
-  margin-block-start: 1rem;
-}
-
-[data-roottale-tpl="hero"] :where(.rt-tpl-hero-proof-item) {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  gap: 0.125rem 0.5rem;
-  min-inline-size: 8rem;
-  padding: 0.7rem 0.85rem;
-  border: 1px solid var(--rt-color-border);
-  border-radius: var(--rt-radius-md);
-  background: color-mix(in srgb, var(--rt-color-background) 86%, transparent);
-}
-
-[data-roottale-tpl="hero"] :where(.rt-tpl-hero-proof-icon) {
-  grid-row: span 3;
-  inline-size: 1.5rem;
-  block-size: 1.5rem;
-  object-fit: contain;
-}
-
-[data-roottale-tpl="hero"] :where(.rt-tpl-hero-proof-value) {
-  font-variant-numeric: tabular-nums;
-  font-weight: 800;
-}
-
-[data-roottale-tpl="hero"] :where(.rt-tpl-hero-proof-label),
-[data-roottale-tpl="hero"] :where(.rt-tpl-hero-proof-source) {
-  color: var(--rt-color-muted-foreground);
-  font-size: 0.78rem;
-  line-height: 1.3;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-slide-panel) {
-  position: absolute;
-  z-index: 2;
-  inset-inline-end: clamp(1rem, 4cqi, 4rem);
-  inset-block-end: clamp(5.5rem, 9cqi, 8rem);
-  display: grid;
-  gap: 0.55rem;
-  max-inline-size: min(28rem, 88cqi);
-  padding: clamp(1rem, 2.5cqi, 1.5rem);
-  border: 1px solid color-mix(in srgb, var(--rt-color-background) 22%, transparent);
-  border-radius: var(--rt-radius-lg);
-  background: color-mix(in srgb, var(--rt-color-foreground) 58%, transparent);
-  color: var(--rt-color-primary-foreground);
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-slide-title) {
-  margin: 0;
-  font-size: clamp(1.1rem, 3cqi, 1.7rem);
-  font-weight: 800;
-  line-height: 1.2;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-slide-eyebrow, .rt-tpl-hero-carousel-slide-subtitle, .rt-tpl-hero-carousel-slide-desc) {
-  margin: 0;
-  line-height: 1.45;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-slide-metrics) {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr));
-  gap: 0.5rem;
-  margin: 0;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-slide-metrics div) {
-  padding: 0.55rem;
-  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
-  border-radius: var(--rt-radius-sm);
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-slide-metrics dt) {
-  color: color-mix(in srgb, currentColor 72%, transparent);
-  font-size: 0.72rem;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-slide-metrics dd) {
-  margin: 0;
-  font-weight: 800;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-slide-actions) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-}
-
-/* 카피 스태거(chambarun `.hero-copy>*` 순차 등장, 타이밍 원본 유지) — curtain
- * 전환에서만, 슬라이드 전환마다 패널이 `key` 로 리마운트되어 매번 재생된다. */
-@media (prefers-reduced-motion: no-preference) {
-  [data-roottale-tpl="hero"][data-variant="carousel"]
-    :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide-panel > *) {
-    animation:
-      rt-hero-carousel-copy-in-opacity 0.68s cubic-bezier(0.45, 0, 0.2, 1) both,
-      rt-hero-carousel-copy-in-transform 0.72s cubic-bezier(0.2, 0.75, 0.25, 1) both;
-  }
-
-  [data-roottale-tpl="hero"][data-variant="carousel"]
-    :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide-panel > *:nth-child(1)) {
-    animation-delay: 0.34s;
-  }
-
-  [data-roottale-tpl="hero"][data-variant="carousel"]
-    :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide-panel > *:nth-child(2)) {
-    animation-delay: 0.44s;
-  }
-
-  [data-roottale-tpl="hero"][data-variant="carousel"]
-    :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide-panel > *:nth-child(3)) {
-    animation-delay: 0.54s;
-  }
-
-  [data-roottale-tpl="hero"][data-variant="carousel"]
-    :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide-panel > *:nth-child(n + 4)) {
-    animation-delay: 0.64s;
-  }
-}
-
-@keyframes rt-hero-carousel-copy-in-opacity {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes rt-hero-carousel-copy-in-transform {
-  from {
-    transform: translateY(18px);
-  }
-  to {
-    transform: none;
-  }
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-dots--tabs) {
-  gap: 0.4rem;
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-dots--tabs .rt-tpl-hero-carousel-dot) {
-  inline-size: auto;
-  block-size: auto;
-  min-inline-size: 4rem;
-  padding: 0.45rem 0.6rem;
-  border-radius: var(--rt-radius-sm);
-}
-
-[data-roottale-tpl="hero"][data-variant="carousel"]
-  :where(.rt-tpl-hero-carousel-dot span, .rt-tpl-hero-carousel-dot small) {
-  display: block;
-  line-height: 1.2;
-}
-
-[data-roottale-tpl="services"] :where(.rt-tpl-services-icon) {
-  inline-size: 2rem;
-  block-size: 2rem;
-  object-fit: contain;
-}
-
-[data-roottale-tpl="services"] :where(.rt-tpl-services-subtitle) {
-  margin: 0;
-  color: var(--rt-color-muted-foreground);
-  font-size: 0.88rem;
-  font-weight: 700;
-}
-
-[data-roottale-tpl="services"] :where(.rt-tpl-services-chips),
-[data-roottale-tpl="services"] :where(.rt-tpl-services-meta) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.35rem;
-  padding: 0;
-  margin: 0.65rem 0 0;
-  list-style: none;
-}
-
-[data-roottale-tpl="services"] :where(.rt-tpl-services-chips li) {
-  padding: 0.2rem 0.45rem;
-  border: 1px solid var(--rt-color-border);
-  border-radius: 999px;
-  color: var(--rt-color-primary);
-  font-size: 0.75rem;
-  font-weight: 700;
-}
-
-[data-roottale-tpl="services"] :where(.rt-tpl-services-meta li) {
-  color: var(--rt-color-muted-foreground);
-  font-size: 0.78rem;
-}
-
-[data-roottale-tpl="services"] :where(.rt-tpl-services-action-label) {
-  display: inline-block;
-  margin-block-start: 0.65rem;
-  color: var(--rt-color-primary);
-  font-size: 0.82rem;
-  font-weight: 800;
-}
-
-[data-roottale-tpl="services"] :where(.rt-tpl-services-action-rail) {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
-  gap: 0.75rem;
-  padding: 0;
-  margin: 1.25rem 0 0;
-  list-style: none;
-}
-
-[data-roottale-tpl="services"] :where(.rt-tpl-services-action-card) {
-  display: grid;
-  gap: 0.65rem;
-  block-size: 100%;
-  padding: 1rem;
-  border: 1px solid var(--rt-color-border);
-  border-radius: var(--rt-radius-md);
-  background: var(--rt-color-background);
-  color: inherit;
-  text-decoration: none;
-}
-
-[data-roottale-tpl="faq"] :where(.rt-tpl-faq-q small) {
-  display: block;
-  margin-block-start: 0.25rem;
-  color: var(--rt-color-muted-foreground);
-  font-size: 0.8rem;
-  font-weight: 600;
-}
-
-[data-roottale-tpl="faq"] :where(.rt-tpl-faq-content-groups) {
-  display: grid;
-  gap: 1.25rem;
-}
-
-[data-roottale-tpl="faq"] :where(.rt-tpl-faq-content-body) {
-  display: grid;
-  gap: 0.65rem;
-}
-
-[data-roottale-tpl="faq"] :where(.rt-tpl-faq-content-body p) {
-  margin: 0;
-}
-
-[data-roottale-tpl="faq"] :where(.rt-tpl-faq-content-signs) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.35rem;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-[data-roottale-tpl="faq"] :where(.rt-tpl-faq-content-signs li) {
-  padding: 0.2rem 0.45rem;
-  border: 1px solid var(--rt-color-border);
-  border-radius: 999px;
-  color: var(--rt-color-muted-foreground);
-  font-size: 0.76rem;
-}
-
-[data-roottale-tpl="faq"] :where(.rt-tpl-faq-content-link) {
-  color: var(--rt-color-primary);
-  font-weight: 800;
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-dashboard) {
-  display: grid;
-  grid-template-columns: minmax(0, 1.3fr) minmax(16rem, 0.7fr);
-  gap: 1rem;
-  align-items: stretch;
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-dashboard-chart),
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-dashboard-metrics) {
-  padding: 1rem;
-  border: 1px solid var(--rt-color-border);
-  border-radius: var(--rt-radius-md);
-  background: var(--rt-color-background);
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-dashboard-title) {
-  margin: 0;
-  font-size: 1.1rem;
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-dashboard-desc) {
-  margin: 0.35rem 0 0;
-  color: var(--rt-color-muted-foreground);
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-dashboard-bars),
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-dashboard-metrics) {
-  display: grid;
-  gap: 0.7rem;
-  padding: 0;
-  margin: 1rem 0 0;
-  list-style: none;
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-dashboard-bars li) {
-  display: grid;
-  grid-template-columns: minmax(3rem, 0.35fr) minmax(0, 1fr) auto;
-  gap: 0.65rem;
-  align-items: center;
-  font-size: 0.86rem;
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-dashboard-track) {
-  overflow: hidden;
-  block-size: 0.55rem;
-  border-radius: 999px;
-  background: var(--rt-color-muted);
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-dashboard-bar) {
-  display: block;
-  block-size: 100%;
-  border-radius: inherit;
-  background: var(--rt-color-primary);
-}
-
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-dashboard-icon) {
-  inline-size: 2rem;
-  block-size: 2rem;
-  object-fit: contain;
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-channel-side) {
-  display: grid;
-  gap: 1rem;
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-channel-icon) {
-  inline-size: 1.35rem;
-  block-size: 1.35rem;
-  object-fit: contain;
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-block) {
-  display: grid;
-  gap: 0.75rem;
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-facade) {
-  overflow: hidden;
-  margin: 0;
-  border: 1px solid var(--rt-color-border);
-  border-radius: var(--rt-radius-md);
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-facade img) {
-  display: block;
-  inline-size: 100%;
-  aspect-ratio: 16 / 9;
-  object-fit: cover;
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-facade figcaption) {
-  padding: 0.55rem 0.75rem;
-  background: var(--rt-color-muted);
-  font-size: 0.82rem;
-  font-weight: 800;
-}
-
-/*
- * 지도 클릭-투-로드 프리뷰(ADR-0086 P2 D3, `map.mapLoad === "click"`) —
- * `.rt-tpl-contact-map` 와 같은 박스(aspect-ratio/border/radius)를 그대로
- * 쓰고, 여기서는 배경 이미지·버튼·바깥 링크 배치만 얹는다.
- */
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-click) {
-  position: relative;
-  display: grid;
-  place-items: center;
-  gap: 0.5rem;
-  background: var(--muted);
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-click-bg) {
-  position: absolute;
-  inset: 0;
-  inline-size: 100%;
-  block-size: 100%;
-  object-fit: cover;
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-click-btn) {
-  position: relative;
-  z-index: 1;
-  display: inline-flex;
-  align-items: center;
-  gap: 0.4rem;
-  padding: 0.55rem 1rem;
-  border: 1px solid var(--rt-color-border);
-  border-radius: var(--rt-radius-md);
-  background: var(--card);
-  color: var(--foreground);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-  cursor: pointer;
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-click-btn:hover) {
-  background: color-mix(in srgb, var(--card) 85%, var(--rt-color-primary) 15%);
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-click-external) {
-  position: relative;
-  z-index: 1;
-  font-size: 0.78rem;
-  color: var(--accent-foreground);
-  text-decoration: underline;
-  text-underline-offset: var(--space-1);
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-actions) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-actions a) {
-  display: inline-flex;
-  min-block-size: 2.5rem;
-  align-items: center;
-  padding: 0.45rem 0.75rem;
-  border: 1px solid var(--rt-color-border);
-  border-radius: var(--rt-radius-sm);
-  color: var(--rt-color-primary);
-  font-weight: 800;
-  text-decoration: none;
-}
-
-[data-roottale-tpl="testimonials"] :where(.rt-tpl-testimonials-meta) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.35rem;
-  color: var(--rt-color-muted-foreground);
-  font-size: 0.78rem;
-  font-style: normal;
-}
-
-[data-roottale-tpl="testimonials"] :where(.rt-tpl-testimonials-meta span) {
-  padding: 0.15rem 0.4rem;
-  border: 1px solid var(--rt-color-border);
-  border-radius: 999px;
-}
-
-[data-roottale-tpl="testimonials"] :where(.rt-tpl-testimonials-reply) {
-  margin: 0.85rem 0 0;
-  color: var(--rt-color-muted-foreground);
-  font-size: 0.86rem;
-}
-
-[data-roottale-tpl="testimonials"]
-  :where(.rt-tpl-testimonials-rail--marquee) {
-  scroll-snap-type: none;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-cta) {
-  color: var(--rt-color-primary);
-  font-size: 0.86rem;
-  font-weight: 800;
-  text-decoration: none;
-}
-
-/* ============ team: expanding-stage — hover/focus/tap 확장 (D3, chambarun
- * `.staff-stage`/`.staff-panel` 이식, mockup/assets/site.js·site.css 원본
- * 참조). 접힌 패널은 이름 칩만, 활성 패널은 확장되며 자격정보 패널이 드러난다.
- * 전환(transition) 선언은 전부 `prefers-reduced-motion: no-preference` 안에만
- * 둔다 — reduce 시 애니메이션 없이 최종 상태로 즉시 전환(상태 자체는 그대로
- * 바뀐다, ADR-0073 K3 C1 과 동일 관행). ============ */
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-stage) {
-  display: flex;
-  flex-direction: column;
-  gap: 0.625rem;
-  padding: 0;
-  margin: 1.25rem 0 0;
-  list-style: none;
-}
-
-@container (min-width: 46rem) {
-  [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-stage) {
-    flex-direction: row;
-    block-size: clamp(24rem, 46cqi, 38rem);
-  }
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-item) {
-  position: relative;
-  flex: none;
-  block-size: 4.75rem;
-  min-inline-size: 0;
-  overflow: hidden;
-  border-radius: var(--rt-radius-lg, 1.5rem);
-  outline: none;
-  cursor: pointer;
-  background: var(--muted);
-  box-shadow: 0 0.75rem 1.75rem -1rem color-mix(in srgb, var(--foreground) 45%, transparent);
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-item[data-active="true"]) {
-  block-size: 26rem;
-}
-
-@container (min-width: 46rem) {
-  [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-item) {
-    flex: 1 1 0;
-    block-size: auto;
-  }
-
-  [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-item[data-active="true"]) {
-    flex-grow: 2.7;
-    block-size: auto;
-  }
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-item:focus-visible) {
-  outline: 2px solid var(--primary);
-  outline-offset: 3px;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-photo) {
-  position: absolute;
-  inset: 0;
-  inline-size: 100%;
-  block-size: 100%;
-  object-fit: cover;
-  object-position: center top;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-photo--initials) {
-  display: grid;
-  place-items: center;
-  color: var(--primary);
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: clamp(1.5rem, 8cqi, 2.5rem);
-  font-weight: 800;
-}
-
-[data-roottale-tpl="team"]
-  :where(.rt-tpl-team-expanding-item[data-active="true"] .rt-tpl-team-expanding-photo) {
-  filter: saturate(1.04) brightness(1.01);
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-name) {
-  position: absolute;
-  inset-inline: 0;
-  inset-block-end: 0;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  gap: 0.625rem;
-  padding: 0.75rem 0.9rem;
-  background: linear-gradient(
-    0deg,
-    color-mix(in srgb, var(--foreground) 78%, transparent),
-    transparent
-  );
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-name b) {
-  margin: 0;
-  color: var(--background);
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: 0.95rem;
-  font-weight: 800;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-name span) {
-  color: color-mix(in srgb, var(--background) 78%, transparent);
-  font-size: 0.75rem;
-  font-weight: 700;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-[data-roottale-tpl="team"]
-  :where(.rt-tpl-team-expanding-item[data-active="true"] .rt-tpl-team-expanding-name) {
-  opacity: 0;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-detail) {
-  position: absolute;
-  inset-inline: 0;
-  inset-block-end: 0;
-  z-index: 3;
-  display: grid;
-  gap: 0.5rem;
-  padding: 1.75rem 1.25rem 1.25rem;
-  background: linear-gradient(
-    0deg,
-    color-mix(in srgb, var(--foreground) 92%, transparent) 0%,
-    color-mix(in srgb, var(--foreground) 55%, transparent) 55%,
-    transparent 100%
-  );
-  opacity: 0;
-  transform: translateY(1rem);
-  pointer-events: none;
-}
-
-[data-roottale-tpl="team"]
-  :where(.rt-tpl-team-expanding-item[data-active="true"] .rt-tpl-team-expanding-detail) {
-  opacity: 1;
-  transform: none;
-  pointer-events: auto;
-}
-
-[data-roottale-tpl="team"]
-  :where(.rt-tpl-team-expanding-detail .rt-tpl-team-expanding-role) {
-  margin: 0;
-  color: color-mix(in srgb, var(--background) 70%, transparent);
-  font-size: 0.75rem;
-  font-weight: 800;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-detail .rt-tpl-team-name) {
-  margin: 0;
-  color: var(--background);
-}
-
-[data-roottale-tpl="team"]
-  :where(.rt-tpl-team-expanding-detail .rt-tpl-team-specialties li) {
-  color: var(--background);
-  background: color-mix(in srgb, var(--background) 18%, transparent);
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-detail .rt-tpl-team-credentials li),
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-detail .rt-tpl-team-bio) {
-  color: color-mix(in srgb, var(--background) 85%, transparent);
-}
-
-[data-roottale-tpl="team"]
-  :where(.rt-tpl-team-expanding-detail .rt-tpl-team-credentials li)::before {
-  background: var(--primary);
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-detail .rt-tpl-team-cta) {
-  justify-self: start;
-  margin-top: 0.25rem;
-  padding: 0.55rem 0.9rem;
-  border-radius: 999px;
-  background: var(--primary);
-  color: var(--primary-foreground, var(--background));
-}
-
-[data-roottale-tpl="team"]
-  :where(.rt-tpl-team-expanding-detail .rt-tpl-team-cta:focus-visible) {
-  outline: 2px solid var(--background);
-  outline-offset: 2px;
-}
-
-[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-index) {
-  position: absolute;
-  inset-block-start: 0.75rem;
-  inset-inline-start: 0.9rem;
-  z-index: 2;
-  color: color-mix(in srgb, var(--background) 85%, transparent);
-  font-variant-numeric: tabular-nums;
-  font-size: 0.75rem;
-  font-weight: 800;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-item) {
-    transition:
-      flex-grow 0.72s cubic-bezier(0.22, 0.9, 0.24, 1),
-      block-size 0.6s cubic-bezier(0.22, 0.9, 0.24, 1),
-      box-shadow 0.4s ease;
-  }
-
-  [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-photo) {
-    transition: filter 0.55s ease;
-  }
-
-  [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-name) {
-    transition: opacity 0.35s ease;
-  }
-
-  [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-detail) {
-    /* 접힐 때는 빠르게 사라져 패널 축소와 텍스트 잔상이 겹치지 않게. */
-    transition:
-      opacity 0.16s ease,
-      transform 0.3s ease;
-  }
-
-  [data-roottale-tpl="team"]
-    :where(.rt-tpl-team-expanding-item[data-active="true"] .rt-tpl-team-expanding-detail) {
-    transition:
-      opacity 0.45s ease 0.18s,
-      transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.18s;
-  }
-}
-
-[data-roottale-tpl="footer"] {
-  background: color-mix(
-    in srgb,
-    var(--rt-color-foreground, #06162f) 96%,
-    var(--rt-color-background, #ffffff)
-  );
-  color: var(--rt-color-background, #ffffff);
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-columns) {
-  display: grid;
-  gap: clamp(2rem, 5cqi, 3rem);
-}
-
-@container (min-width: 56rem) {
-  [data-roottale-tpl="footer"] :where(.rt-tpl-footer-columns) {
-    grid-template-columns: minmax(16rem, 1.2fr) minmax(0, 2fr) minmax(14rem, 0.8fr);
-    align-items: start;
-  }
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-brand) {
-  display: grid;
-  gap: 0.85rem;
-  align-content: start;
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-logo) {
-  max-inline-size: 9rem;
-  max-block-size: 3rem;
-  object-fit: contain;
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-name) {
-  margin: 0;
-  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
-  font-size: 1.15rem;
-  font-weight: 800;
-  line-height: 1.3;
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-description) {
-  max-inline-size: 24rem;
-  margin: 0;
-  color: color-mix(in srgb, currentColor 72%, transparent);
-  font-size: 0.92rem;
-  line-height: 1.7;
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-nav) {
-  display: grid;
-  gap: 1.5rem;
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-column-title) {
-  margin: 0 0 0.75rem;
-  color: color-mix(in srgb, currentColor 86%, transparent);
-  font-size: 0.82rem;
-  font-weight: 800;
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-column ul) {
-  display: grid;
-  gap: 0.55rem;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-[data-roottale-tpl="footer"] :where(a) {
-  color: color-mix(in srgb, currentColor 76%, transparent);
-  text-decoration: none;
-}
-
-[data-roottale-tpl="footer"] :where(a:hover) {
-  color: currentColor;
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-contact) {
-  display: grid;
-  gap: 0.45rem;
-  margin: 0;
-  color: color-mix(in srgb, currentColor 72%, transparent);
-  font-size: 0.9rem;
-  font-style: normal;
-  line-height: 1.7;
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-bottom) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1rem 2rem;
-  justify-content: space-between;
-  margin-block-start: clamp(2rem, 5cqi, 3rem);
-  padding-block-start: 1.25rem;
-  border-block-start: 1px solid color-mix(in srgb, currentColor 18%, transparent);
-  color: color-mix(in srgb, currentColor 64%, transparent);
-  font-size: 0.78rem;
-  line-height: 1.65;
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-legal) {
-  display: grid;
-  gap: 0.25rem;
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-legal p) {
-  margin: 0;
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-policy) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.75rem 1rem;
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-minimal-row) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1.25rem 2rem;
-  align-items: flex-start;
-  justify-content: space-between;
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-credit) {
-  margin: 0;
-  margin-inline-start: auto;
-  font-size: 0.75rem;
-  font-weight: 400;
-  color: var(--rt-color-muted-foreground, #6e6e6e);
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-credit a) {
-  color: inherit;
-  text-decoration: none;
-  transition: color 150ms ease;
-}
-
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-credit a:hover),
-[data-roottale-tpl="footer"] :where(.rt-tpl-footer-credit a:focus-visible) {
-  color: var(--rt-color-foreground, #06162f);
-}
-
-[data-roottale-tpl="footer"][data-variant="minimal"]
-  :where(.rt-tpl-footer-brand) {
-  grid-template-columns: auto 1fr;
-  align-items: center;
-}
-
-[data-roottale-tpl="process"] :where(.rt-tpl-process-image) {
-  inline-size: 100%;
-  aspect-ratio: 4 / 3;
-  margin-block-end: 0.85rem;
-  border-radius: var(--rt-radius-md);
-  object-fit: cover;
-}
-
-[data-roottale-tpl="process"] :where(.rt-tpl-process-list[data-connector="rail"]) {
-  border-inline-start: 2px solid var(--rt-color-border);
-  padding-inline-start: 1rem;
-}
-
-@container (max-width: 52rem) {
-  [data-roottale-tpl="trust"] :where(.rt-tpl-trust-dashboard) {
-    grid-template-columns: 1fr;
-  }
-
-  [data-roottale-tpl="hero"][data-variant="carousel"]
-    :where(.rt-tpl-hero-carousel-slide-panel) {
-    position: relative;
-    inset: auto;
-    margin: 1rem;
-  }
-}