@roottale/cms-renderer-next 0.41.1 → 0.42.0

package/dist/templates.css

@@ -14,7 +14,7 @@
 
 :where([data-roottale-tpl]) {
   container-type: inline-size;
-  padding-block: clamp(3rem, 8cqi, 6rem);
+  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);
@@ -30,23 +30,32 @@
 
 [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.5rem, 3cqi, 2rem);
+  font-size: clamp(1.75rem, 3.6cqi, 2.5rem);
   font-weight: 800;
-  margin-block: 0 1.5rem;
+  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 2rem;
+  margin-block: -0.75rem 2.5rem;
 }
 
 [data-roottale-tpl] :where(.rt-tpl-btn) {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
-  padding: 0.75rem 1.5rem;
+  padding: 0.875rem 1.75rem;
   border-radius: 999px;
+  font-size: 1rem;
+  letter-spacing: -0.01em;
   font-weight: 700;
   text-decoration: none;
   transition:
@@ -98,16 +107,20 @@
 
 [data-roottale-tpl] :where(.rt-tpl-hero-eyebrow) {
   color: var(--rt-color-primary, #06162f);
-  font-weight: 800;
-  letter-spacing: 0.04em;
-  margin: 0 0 0.75rem;
+  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(2rem, 6cqi, 3.5rem);
-  font-weight: 900;
-  line-height: 1.1;
+  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;
 }
 
@@ -117,6 +130,8 @@
 
 [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;
@@ -128,6 +143,73 @@
   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) {
@@ -188,304 +270,3274 @@
   margin: 0;
 }
 
-/* ── faq ──────────────────────────────────────────────────────────────────── */
-
-[data-roottale-tpl] :where(.rt-tpl-faq-list) {
+[data-roottale-tpl="services"][data-variant="photo-cards"]
+  :where(.rt-tpl-services-photo-list) {
   display: grid;
-  gap: 0.75rem;
-  max-inline-size: 46rem;
+  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] :where(.rt-tpl-faq-item) {
+[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);
-  padding: 1rem 1.25rem;
   background: var(--rt-color-background, #ffffff);
+  transition:
+    border-color 160ms ease,
+    transform 160ms ease;
 }
 
-[data-roottale-tpl] :where(.rt-tpl-faq-q) {
+[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;
-  cursor: pointer;
-  list-style-position: inside;
+  letter-spacing: 0.04em;
+  color: var(--rt-color-muted-foreground, #6e6e6e);
 }
 
-[data-roottale-tpl] :where(.rt-tpl-faq-item[open] .rt-tpl-faq-q) {
-  color: var(--rt-color-primary, #06162f);
+[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] :where(.rt-tpl-faq-a) {
-  margin: 0.75rem 0 0;
+[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;
 }
 
-/* ── cta-banner ───────────────────────────────────────────────────────────── */
+/* ── services: split-featured (C10 §1-2 — 비대칭 5/7, 균등 카드 금지) ───────── */
 
-[data-roottale-tpl] :where(.rt-tpl-cta-banner-inner) {
+[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;
-  align-items: center;
-  gap: 1.5rem;
-  text-align: center;
-  padding: clamp(2.5rem, 6cqi, 4rem);
+  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) 8%,
+    var(--rt-color-primary, #06162f) 6%,
     var(--rt-color-background, #ffffff)
   );
   border: 1px solid var(--rt-color-border, #dceef3);
 }
 
-[data-roottale-tpl] :where(.rt-tpl-cta-banner-title) {
+[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.5rem, 4cqi, 2.25rem);
+  font-size: clamp(1.375rem, 4cqi, 1.75rem);
   font-weight: 800;
   margin: 0;
 }
 
-[data-roottale-tpl] :where(.rt-tpl-cta-banner-desc) {
+[data-roottale-tpl="services"][data-variant="split-featured"]
+  :where(.rt-tpl-services-split-featured-desc) {
   color: var(--rt-color-muted-foreground, #6e6e6e);
   margin: 0;
-  max-inline-size: 40rem;
 }
 
-[data-roottale-tpl] :where(.rt-tpl-sr-only) {
-  position: absolute;
-  inline-size: 1px;
-  block-size: 1px;
+[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: -1px;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  white-space: nowrap;
-  border: 0;
+  margin: 0;
+  list-style: none;
 }
 
-[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="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="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="services"][data-variant="split-featured"]
+  :where(.rt-tpl-services-split-item:first-child) {
+  padding-block-start: 0;
 }
 
-[data-roottale-tpl="trust"] {
-  padding-block: clamp(2.25rem, 6cqi, 4.5rem);
+[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="trust"][data-variant="stat-band"] {
-  background: var(--secondary);
+[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="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="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;
 }
 
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-stat-band) {
+/* ── faq ──────────────────────────────────────────────────────────────────── */
+
+[data-roottale-tpl] :where(.rt-tpl-faq-list) {
   display: grid;
-  gap: var(--space-4);
-  align-items: stretch;
+  gap: 0;
+  max-inline-size: 46rem;
+  border-block-start: 1px solid var(--rt-color-border, #dceef3);
 }
 
-@container (min-width: 36rem) {
-  [data-roottale-tpl="trust"] :where(.rt-tpl-trust-stat-band) {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
+[data-roottale-tpl] :where(.rt-tpl-faq-item) {
+  border-block-end: 1px solid var(--rt-color-border, #dceef3);
+  padding-block: 1.25rem;
 }
 
-@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] :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="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;
+[data-roottale-tpl] :where(.rt-tpl-faq-q)::-webkit-details-marker {
+  display: 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));
-  }
+[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;
 }
 
-@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] :where(.rt-tpl-faq-item[open] .rt-tpl-faq-q)::after {
+  transform: rotate(45deg);
 }
 
-[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] :where(.rt-tpl-faq-item[open] .rt-tpl-faq-q) {
+  color: var(--rt-color-primary, #06162f);
 }
 
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-logo-link) {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
+[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="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="faq"][data-variant="two-column"]
+  :where(.rt-tpl-faq-two-column-list) {
+  display: grid;
+  gap: 1rem;
 }
 
-[data-roottale-tpl="trust"] :where(.rt-tpl-trust-logo-link:hover .rt-tpl-trust-logo) {
-  filter: grayscale(0) opacity(1);
+@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="trust"] :where(.rt-tpl-trust-cred-list li) {
-  min-inline-size: 0;
+[data-roottale-tpl="faq"][data-variant="two-column"]
+  :where(.rt-tpl-faq-groups) {
+  display: grid;
+  gap: clamp(2rem, 5cqi, 3rem);
 }
 
-[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);
+[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="contact"] :where(.rt-tpl-contact-inner) {
-  display: grid;
-  gap: var(--space-6);
-  align-items: start;
+[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="contact"][data-variant="form-map-5050"]
-    :where(.rt-tpl-contact-inner) {
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  [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);
+}
+
+[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-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);
+  }
+}
+
+/* 오버레이 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;
+}
+
+[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;
+}
+
+[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="contact"][data-variant="split"]
-    :where(.rt-tpl-contact-inner) {
-    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
-  }
+[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="contact"] :where(.rt-tpl-contact-info) {
+[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;
-  gap: var(--space-4);
+  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="contact"] :where(.rt-tpl-contact-phone) {
+[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;
+}
+
+[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;
-  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;
+  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="contact"] :where(.rt-tpl-contact-address) {
-  color: var(--foreground);
+[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;
-  line-height: var(--font-leading-body);
 }
 
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-hours) {
-  inline-size: 100%;
-  border-collapse: collapse;
-  color: var(--foreground);
+[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;
+}
+
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-stage) {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
+  gap: 0.75rem;
+  padding: 0;
+  margin: 1.25rem 0 0;
+  list-style: none;
+}
+
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-index) {
+  color: var(--rt-color-muted-foreground);
   font-variant-numeric: tabular-nums;
+  font-size: 0.78rem;
+  font-weight: 800;
 }
 
-[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="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="contact"] :where(.rt-tpl-contact-hours th) {
-  color: var(--muted-foreground);
-  font-weight: var(--font-weight-semibold);
-  white-space: nowrap;
+[data-roottale-tpl="footer"] :where(.rt-tpl-footer-columns) {
+  display: grid;
+  gap: clamp(2rem, 5cqi, 3rem);
 }
 
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-hours td) {
+@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: var(--space-1);
+  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="contact"] :where(.rt-tpl-contact-hours-note) {
-  color: var(--muted-foreground);
+[data-roottale-tpl="footer"] :where(.rt-tpl-footer-legal) {
+  display: grid;
+  gap: 0.25rem;
 }
 
-[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="footer"] :where(.rt-tpl-footer-legal p) {
+  margin: 0;
 }
 
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map iframe) {
-  inline-size: 100%;
-  block-size: 100%;
-  border: 0;
+[data-roottale-tpl="footer"] :where(.rt-tpl-footer-policy) {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem 1rem;
 }
 
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-fallback) {
+[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="contact"] :where(.rt-tpl-contact-map-fallback a) {
-  color: var(--accent-foreground);
-  text-decoration: underline;
-  text-underline-offset: var(--space-1);
+[data-roottale-tpl="footer"] :where(.rt-tpl-footer-credit a) {
+  color: inherit;
+  text-decoration: none;
+  transition: color 150ms ease;
 }
 
-[data-roottale-tpl="contact"] :where(.rt-tpl-contact-form) {
-  min-inline-size: 0;
+[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);
 }
 
-/* ── placeholder (admin preview 의 customSections skeleton) ──────────────── */
+[data-roottale-tpl="footer"][data-variant="minimal"]
+  :where(.rt-tpl-footer-brand) {
+  grid-template-columns: auto 1fr;
+  align-items: center;
+}
 
-[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;
+[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;
+  }
 }