.elementor-727 .elementor-element.elementor-element-b3e8840{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-727 .elementor-element.elementor-element-d32db05{margin:-90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-727 .elementor-element.elementor-element-d921889{--display:flex;}.elementor-727 .elementor-element.elementor-element-2f4be8b{--display:flex;}@media(min-width:768px){.elementor-727 .elementor-element.elementor-element-b3e8840{--width:100%;}}@media(max-width:1024px){.elementor-727 .elementor-element.elementor-element-d32db05{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-727 .elementor-element.elementor-element-d32db05{margin:-150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for container, class: .elementor-element-b3e8840 *//*start full with element */
div .elementor-element-b3e8840 {
    display: contents !important;
}

/*end full with element */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;700&display=swap');

:root {
  --tng-primary: #172207;
  --tng-secondary: #A9DF59;
  --tng-text: #494B46;
  --tng-white: #FFFFFF;
  --tng-gray: #F0F0F0;
  --tng-transparent: #A9DF5900;
  --tng-shadow: 0 18px 60px rgba(10, 18, 4, 0.16);
  --tng-radius: 22px;
  --tng-max: 1180px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  background: var(--tng-white);
  line-height: 1.7;
  overflow-x: hidden;
}

[id^="tp"][id$="-shell"],
[id^="tp"][id$="-shell"] * {
  overflow-wrap: anywhere;
  word-break: break-word;
}

img {
  max-width: 100%;
  display: block;
  border-radius: 18px;
}

a {
  color: var(--tng-primary);
}

.tng-container {
  width: min(calc(100% - 32px), var(--tng-max)) !important;
  margin: 0 auto;
}

.tng-eyebrow {
  display: inline-block;
  margin-bottom: 16px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.14);
  color: var(--tng-secondary);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.tng-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  padding: 12px 20px;
  border-radius: 999px;
  background: var(--tng-secondary);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 10px 24px rgba(23, 34, 7, 0.18);
  color: var(--tng-white) !important;
  text-decoration: none;
  font-weight: 800;
  font-size: 0.9rem;
  line-height: 1.2;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.tng-btn:visited,
.tng-btn:hover,
.tng-btn:active,
.tng-dark .tng-btn,
.tng-dark .tng-btn:visited,
.tng-dark .tng-btn:hover,
.tng-dark .tng-btn:active {
  color: var(--tng-white) !important;
}

.tng-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(23, 34, 7, 0.22);
  filter: brightness(1.03);
}

.tng-section {
  padding: 72px 0 !important;
}

.tng-dark {
  background: linear-gradient(180deg, #101806 0%, #172207 100%);
  color: var(--tng-white);
}

.tng-dark a {
  color: var(--tng-secondary);
}

.tng-hero {
  padding-top: 220px !important;
  padding-bottom: 110px !important;
}

.tng-grid {
  display: grid;
  gap: 24px;
}

.tng-grid > *,
.tng-card,
.tng-card-dark,
.tng-card-soft,
.tng-contact,
.tng-image-frame {
  min-width: 0;
}

.tng-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.tng-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.tng-card {
  background: var(--tng-white);
  border: 1px solid rgba(23, 34, 7, 0.08);
  border-radius: var(--tng-radius);
  padding: 28px !important;
  box-shadow: var(--tng-shadow);
}

.tng-card-dark {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(169, 223, 89, 0.16);
  border-radius: var(--tng-radius);
  padding: 28px !important;
}

.tng-card-soft {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 249, 234, 0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
  border-radius: var(--tng-radius);
  padding: 28px !important;
  box-shadow: var(--tng-shadow);
}

.tng-breadcrumb {
  padding-top: 26px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.82);
}

.tng-breadcrumb a {
  text-decoration: none;
}

.tng-breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tng-breadcrumb-list li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.tng-breadcrumb-sep {
  color: rgba(255, 255, 255, 0.52);
}

.tng-image-frame {
  overflow: hidden;
  border-radius: 22px;
  background: var(--tng-gray);
  min-height: 260px !important;
}

.tng-image-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tng-faq details {
  border: 1px solid rgba(23, 34, 7, 0.1);
  border-radius: 18px;
  padding: 0;
  background: var(--tng-white);
  overflow: hidden;
}

.tng-faq details + details {
  margin-top: 16px;
}

.tng-faq summary {
  list-style: none;
  cursor: pointer;
  padding: 0;
}

.tng-faq summary::-webkit-details-marker {
  display: none;
}

.tng-faq-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  background: transparent;
  border: 0;
  color: var(--tng-primary);
  font: inherit;
  font-weight: 700;
  font-size: 0.95rem;
  text-align: left;
  overflow-wrap: anywhere;
}

.tng-faq-button::after {
  content: '+';
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-size: 24px;
  line-height: 1;
}

.tng-faq details[open] .tng-faq-button::after {
  content: '-';
}

.tng-faq-answer {
  padding: 0 20px 22px;
  font-size: 0.95rem;
}

.tng-contact {
  background: var(--tng-gray);
  border-radius: 26px;
  padding: 5px !important;
}

.tng-cta-cluster {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.tng-cta-cluster .tng-btn {
  padding: 12px 18px;
}

.tng-cta-inline {
  margin-top: 22px;
}

.tng-cta-inline .tng-btn {
  padding: 12px 18px;
}

.tng-list {
  padding-left: 18px;
}

.tng-muted {
  color: #c9d2bb;
}

.tng-split-band {
  background: linear-gradient(90deg, rgba(169,223,89,0.14) 0%, rgba(240,240,240,0.6) 100%);
}

@media (max-width: 900px) {
  .tng-grid-2,
  .tng-grid-3 {
    grid-template-columns: 1fr !important;
  }

  .tng-hero {
    padding-top: 180px !important;
    padding-bottom: 84px !important;
  }
}

/* template-01 */
.tp01-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    radial-gradient(circle at top right, rgba(169, 223, 89, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f7f8f2 100%);
}

#tp01-shell {
  overflow-x: hidden;
}

#tp01-shell h1,
#tp01-shell h2,
#tp01-shell h3,
#tp01-shell h4 {
  margin: 0 0 16px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp01-shell h1 {
  font-size: clamp(2.24rem, 3.15vw, 3.08rem) !important;
  color: var(--tng-white);
}

#tp01-shell h2 {
  font-size: clamp(1.62rem, 2.03vw, 1.99rem) !important;
}

#tp01-shell h3 {
  font-size: clamp(1.46rem, 1.65vw, 1.6rem) !important;
}

#tp01-shell h4 {
  font-size: clamp(1.37rem, 1.47vw, 1.46rem) !important;
}

#tp01-shell strong {
  font-size: 0.92em;
  font-weight: 700;
}

#tp01-shell p {
  margin: 0 0 18px;
  overflow-wrap: anywhere;
  font-size: 0.96rem;
}

#tp01-shell .tp01-hero h2,
#tp01-shell .tp01-hero h3,
#tp01-shell .tp01-hero h4,
#tp01-shell .tp01-final-contact h2,
#tp01-shell .tp01-final-contact h3,
#tp01-shell .tp01-final-contact h4 {
  color: var(--tng-white);
}

#tp01-shell .tp01-hero .tng-breadcrumb,
#tp01-shell .tp01-hero .tng-breadcrumb a,
#tp01-shell .tp01-hero p,
#tp01-shell .tp01-hero li,
#tp01-shell .tp01-final-contact p,
#tp01-shell .tp01-final-contact li {
  color: rgba(255, 255, 255, 0.86);
}

#tp01-shell .tp01-hero .tng-contact h2,
#tp01-shell .tp01-hero .tng-contact h3,
#tp01-shell .tp01-hero .tng-contact h4 {
  color: var(--tng-primary);
}

#tp01-shell .tp01-hero .tng-contact p,
#tp01-shell .tp01-hero .tng-contact li,
#tp01-shell .tp01-hero .tng-contact strong,
#tp01-shell .tp01-hero .tng-contact span,
#tp01-shell .tp01-hero .tng-contact a {
  color: var(--tng-text);
}

#tp01-shell .tp01-final-contact .tng-muted,
#tp01-shell .tp01-hero .tng-muted {
  color: rgba(255, 255, 255, 0.82);
}

.tp01-hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(9, 14, 4, 0.96) 0%, rgba(23, 34, 7, 0.93) 45%, rgba(39, 57, 14, 0.9) 100%),
    url('https://tngservicios.es/wp-content/uploads/2026/01/tng_servicios-icon.png') no-repeat right 10% top 90px / 180px;
}

.tp01-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(169, 223, 89, 0.14), transparent 28%);
  pointer-events: none;
}

.tp01-hero-inner,
.tp01-band,
.tp01-image-wall,
.tp01-bottom-grid {
  align-items: stretch;
}

.tp01-hero-copy,
.tp01-hero-form,
.tp01-panel,
.tp01-tall-card,
.tp01-side-stack,
.tp01-final-contact {
  position: relative;
  z-index: 1;
}

.tp01-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.2);
}

.tp01-brand-lockup img {
  width: 112px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp01-brand-lockup span {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.78rem;
  line-height: 1.4;
}

.tp01-hero-copy {
  padding-right: 24px;
}

.tp01-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp01-hero-form {
  align-self: start;
  background: rgba(255, 255, 255, 0.96);
  color: var(--tng-text);
  border: 1px solid rgba(169, 223, 89, 0.24);
  border-radius: 26px;
  padding: 30px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
}

.tp01-hero-form .tng-contact {
  background: transparent;
  border-radius: 0;
  padding: 0;
}

.tp01-hero-copy,
.tp01-hero-form,
.tp01-panel,
.tp01-tall-card,
.tp01-side-stack,
.tp01-final-contact,
.tp01-kpi,
.tp01-card,
.tp01-cta-card {
  min-width: 0;
}

.tp01-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.tp01-kpi {
  padding: 18px !important;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(169, 223, 89, 0.12);
  overflow: hidden;
}

.tp01-kpi strong {
  display: block;
  margin-bottom: 8px;
  font-size: clamp(0.8rem, 1vw, 0.9rem) !important;
  color: var(--tng-white);
  line-height: 1.15;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.tp01-kpi span {
  display: block;
  font-size: 0.82rem;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.tp01-section-head {
  max-width: 760px;
  margin-bottom: 28px;
}

.tp01-band {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 24px;
}

.tp01-panel {
  padding: 34px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(246,249,239,0.95) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp01-side-stack {
  display: grid;
  gap: 24px;
}

.tp01-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.tp01-card {
  border-top: 4px solid var(--tng-secondary);
}

.tp01-image-wall {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 24px;
}

.tp01-image-stack {
  display: grid;
  gap: 24px;
}

.tp01-image-stack .tng-image-frame,
.tp01-image-wall .tng-image-frame {
  min-height: 320px !important;
}

.tp01-content-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.tp01-final-contact {
  padding: 38px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, #172207 0%, #22300c 100%);
  color: var(--tng-white);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp01-final-contact .tng-contact {
  background: rgba(255, 255, 255, 0.06);
  color: var(--tng-white);
}

#tp01-shell .tp01-final-contact .tng-contact a {
  color: var(--tng-secondary);
}

#tp01-shell .tp01-final-contact .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp01-final-brand {
  margin-top: 18px;
}

.tp01-final-brand img {
  width: 118px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp01-cta-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
  border-radius: 24px;
  padding: 24px !important;
}

@media (max-width: 900px) {
  .tp01-hero-copy {
    padding-right: 0;
  }

  .tp01-kpis,
  .tp01-card-grid,
  .tp01-band,
  .tp01-image-wall,
  .tp01-content-grid {
    grid-template-columns: 1fr !important;
  }

  .tp01-brand-lockup {
    width: 100%;
    flex-wrap: wrap;
  }

  .tp01-kpis {
    grid-template-columns: 1fr !important;
  }

  .tp01-kpi {
    padding: 16px !important;
  }

  .tng-faq-button {
    padding: 16px 18px !important;
    font-size: 0.9rem !important;
  }

  .tng-breadcrumb-list {
    gap: 6px;
  }
}

/* template-02 */
.tp02-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    radial-gradient(circle at top left, rgba(169, 223, 89, 0.08), transparent 24%),
    linear-gradient(180deg, #fbfcf8 0%, #f0f3ea 100%);
}

#tp02-shell {
  overflow-x: hidden;
}

#tp02-shell h1,
#tp02-shell h2,
#tp02-shell h3,
#tp02-shell h4 {
  margin: 0 0 16px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp02-shell h1 {
  font-size: clamp(2.16rem, 3vw, 2.96rem) !important;
  color: var(--tng-white);
}

#tp02-shell h2 {
  font-size: clamp(1.56rem, 1.9vw, 1.92rem) !important;
}

#tp02-shell h3 {
  font-size: clamp(1.34rem, 1.5vw, 1.52rem) !important;
}

#tp02-shell h4 {
  font-size: clamp(1.18rem, 1.25vw, 1.28rem) !important;
}

#tp02-shell p,
#tp02-shell li,
#tp02-shell strong,
#tp02-shell span {
  overflow-wrap: anywhere;
}

#tp02-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp02-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(8, 12, 4, 0.97) 0%, rgba(23, 34, 7, 0.94) 48%, rgba(34, 49, 11, 0.92) 100%);
}

.tp02-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at right top, rgba(169, 223, 89, 0.16), transparent 24%);
  pointer-events: none;
}

.tp02-hero-grid,
.tp02-overview-grid,
.tp02-split-grid,
.tp02-bottom-grid,
.tp02-gallery-grid {
  align-items: stretch;
}

.tp02-hero-grid > *,
.tp02-hero-panel > * {
  min-width: 0;
}

.tp02-brand-row,
.tp02-hero-panel,
.tp02-step,
.tp02-strip-card,
.tp02-bottom-box,
.tp02-map-card {
  min-width: 0;
}

.tp02-brand-row {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  margin-bottom: 22px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp02-brand-row img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp02-brand-row span {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.8rem;
}

.tp02-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp02-hero-copy,
.tp02-hero-panel {
  position: relative;
  z-index: 1;
}

.tp02-hero-copy p,
.tp02-hero-copy li,
.tp02-hero-copy .tng-breadcrumb,
.tp02-hero-copy .tng-breadcrumb a {
  color: rgba(255, 255, 255, 0.86);
}

.tp02-hero-panel {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  padding: 30px !important;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.18);
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.24);
  height: 100%;
}

.tp02-hero-panel .tng-image-frame {
  min-height: 420px !important;
  border-radius: 22px;
  height: 100%;
}

.tp02-float-note {
  margin-top: 16px;
  padding: 18px !important;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.14);
}

.tp02-section-head {
  max-width: 780px;
  margin-bottom: 30px;
}

.tp02-overview-grid {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 24px;
}

.tp02-map-card {
  padding: 34px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, #172207 0%, #24340d 100%);
  color: var(--tng-white);
  box-shadow: 0 22px 64px rgba(10, 18, 4, 0.22);
}

.tp02-map-card h2,
.tp02-map-card h3,
.tp02-map-card h4,
.tp02-map-card p,
.tp02-map-card li,
.tp02-map-card strong {
  color: var(--tng-white);
}

.tp02-step-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.tp02-step {
  padding: 26px !important;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 250, 239, 0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp02-step-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp02-gallery-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 24px;
}

.tp02-gallery-grid .tng-image-frame {
  min-height: 320px !important;
}

.tp02-gallery-stack {
  display: grid;
  gap: 24px;
}

.tp02-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.tp02-strip-card {
  padding: 28px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp02-split-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.tp02-split-grid .tng-image-frame {
  min-height: 380px !important;
}

.tp02-bottom-box {
  padding: 36px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white);
  box-shadow: 0 24px 74px rgba(10, 18, 4, 0.24);
}

.tp02-bottom-box h2,
.tp02-bottom-box h3,
.tp02-bottom-box h4,
.tp02-bottom-box p,
.tp02-bottom-box li,
.tp02-bottom-box strong {
  color: var(--tng-white) !important;
}

.tp02-bottom-box .tng-contact {
  background: rgba(255, 255, 255, 0.06);
  color: var(--tng-white);
}

.tp02-bottom-box .tng-contact a {
  color: var(--tng-secondary);
}

.tp02-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp02-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp02-overview-grid,
  .tp02-step-grid,
  .tp02-gallery-grid,
  .tp02-strip,
  .tp02-split-grid,
  .tp02-bottom-grid {
    grid-template-columns: 1fr !important;
  }

  .tp02-hero-panel {
    padding: 22px !important;
  }

  .tp02-hero-panel .tng-image-frame {
    min-height: 300px !important;
  }

  .tp02-step,
  .tp02-strip-card,
  .tp02-bottom-box,
  .tp02-map-card {
    padding: 24px !important;
  }
}

/* template-03 */
.tp03-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #f4f6ef 0%, #ffffff 22%, #f6f8f1 100%),
    radial-gradient(circle at bottom left, rgba(169, 223, 89, 0.08), transparent 26%);
}

#tp03-shell {
  overflow-x: hidden;
}

#tp03-shell h1,
#tp03-shell h2,
#tp03-shell h3,
#tp03-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp03-shell h1 {
  font-size: clamp(2rem, 2.8vw, 2.7rem) !important;
  color: var(--tng-white) !important;
}

#tp03-shell h2 {
  font-size: clamp(1.5rem, 1.9vw, 1.82rem) !important;
}

#tp03-shell h3 {
  font-size: clamp(1.24rem, 1.45vw, 1.38rem) !important;
}

#tp03-shell h4 {
  font-size: clamp(1.06rem, 1.15vw, 1.14rem) !important;
}

#tp03-shell p,
#tp03-shell li,
#tp03-shell strong,
#tp03-shell span {
  overflow-wrap: anywhere;
}

#tp03-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp03-hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(9, 13, 4, 0.98) 0%, rgba(19, 28, 7, 0.96) 46%, rgba(33, 47, 11, 0.94) 100%);
}

.tp03-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at left top, rgba(169, 223, 89, 0.16), transparent 22%),
    linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.02) 100%);
  pointer-events: none;
}

.tp03-hero-grid,
.tp03-diagnostic-grid,
.tp03-analysis-grid,
.tp03-bottom-grid,
.tp03-proof-grid {
  align-items: stretch;
}

.tp03-hero-copy,
.tp03-hero-side,
.tp03-meter-card,
.tp03-diagnostic-card,
.tp03-analysis-card,
.tp03-aside-stack,
.tp03-bottom-panel {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp03-hero-copy .tng-breadcrumb,
.tp03-hero-copy .tng-breadcrumb a,
.tp03-hero-copy p,
.tp03-hero-copy li,
.tp03-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp03-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp03-brand-ribbon {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp03-brand-ribbon img {
  width: 126px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp03-brand-ribbon span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.76);
}

.tp03-hero-side {
  display: grid;
  gap: 22px;
}

.tp03-meter-card {
  padding: 28px !important;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(169, 223, 89, 0.18);
  box-shadow: 0 24px 74px rgba(0, 0, 0, 0.24);
  color: var(--tng-white) !important;
}

.tp03-meter-card h2,
.tp03-meter-card h3,
.tp03-meter-card h4,
.tp03-meter-card p,
.tp03-meter-card li,
.tp03-meter-card strong,
.tp03-meter-card a,
.tp03-meter-card span {
  color: var(--tng-white) !important;
}

.tp03-meter-scale {
  display: grid;
  gap: 14px;
  margin-top: 20px;
}

.tp03-meter-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
}

.tp03-meter-track {
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
}

.tp03-meter-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #6b972f 0%, #a9df59 100%);
}

.tp03-meter-fill-1 { width: var(--tp03-meter-1, 28%); }
.tp03-meter-fill-2 { width: var(--tp03-meter-2, 56%); }
.tp03-meter-fill-3 { width: var(--tp03-meter-3, 82%); }

.tp03-hero-image .tng-image-frame {
  min-height: 290px !important;
}

.tp03-section-head {
  max-width: 760px;
  margin-bottom: 28px;
}

.tp03-diagnostic-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 24px;
}

.tp03-diagnostic-card {
  padding: 30px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, #172207 0%, #24340d 100%);
  box-shadow: 0 24px 68px rgba(10, 18, 4, 0.22);
}

.tp03-diagnostic-card h2,
.tp03-diagnostic-card h3,
.tp03-diagnostic-card h4,
.tp03-diagnostic-card p,
.tp03-diagnostic-card li,
.tp03-diagnostic-card strong {
  color: var(--tng-white) !important;
}

.tp03-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.tp03-chip {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.15);
  color: var(--tng-white);
  font-size: 0.86rem;
}

.tp03-article-card {
  padding: 34px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 248, 239, 0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp03-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.tp03-proof-card {
  padding: 26px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp03-analysis-grid {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 24px;
}

.tp03-analysis-card {
  padding: 34px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,237,0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp03-aside-stack {
  display: grid;
  gap: 24px;
}

.tp03-aside-stack .tng-image-frame,
.tp03-analysis-grid .tng-image-frame {
  min-height: 310px !important;
}

.tp03-sequence-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.tp03-sequence-card {
  padding: 28px !important;
  border-radius: 24px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
  color: var(--tng-white) !important;
}

.tp03-sequence-card h2,
.tp03-sequence-card h3,
.tp03-sequence-card h4,
.tp03-sequence-card p,
.tp03-sequence-card li,
.tp03-sequence-card strong,
.tp03-sequence-card a,
.tp03-sequence-card span {
  color: var(--tng-white) !important;
}

.tp03-bottom-panel {
  padding: 36px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp03-bottom-box {
  padding: 36px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp03-bottom-box h2,
.tp03-bottom-box h3,
.tp03-bottom-box h4,
.tp03-bottom-box p,
.tp03-bottom-box li,
.tp03-bottom-box strong {
  color: var(--tng-white) !important;
}

.tp03-bottom-box .tng-contact {
  background: rgba(255, 255, 255, 0.06);
  color: var(--tng-white);
}

.tp03-bottom-box .tng-contact a {
  color: var(--tng-secondary);
}

.tp03-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp03-bottom-brand img {
  width: 134px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp03-diagnostic-grid,
  .tp03-proof-grid,
  .tp03-analysis-grid,
  .tp03-sequence-grid,
  .tp03-bottom-grid {
    grid-template-columns: 1fr !important;
  }

  .tp03-meter-card,
  .tp03-diagnostic-card,
  .tp03-article-card,
  .tp03-proof-card,
  .tp03-analysis-card,
  .tp03-sequence-card,
  .tp03-bottom-panel,
  .tp03-bottom-box {
    padding: 24px !important;
  }
}

/* template-04 */
.tp04-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #eef2e6 0%, #ffffff 18%, #f7f9f3 100%),
    radial-gradient(circle at right bottom, rgba(169, 223, 89, 0.08), transparent 26%);
}

#tp04-shell {
  overflow-x: hidden;
}

#tp04-shell h1,
#tp04-shell h2,
#tp04-shell h3,
#tp04-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp04-shell h1 {
  font-size: clamp(2.08rem, 2.9vw, 2.84rem) !important;
  color: var(--tng-white) !important;
}

#tp04-shell h2 {
  font-size: clamp(1.54rem, 1.9vw, 1.9rem) !important;
}

#tp04-shell h3 {
  font-size: clamp(1.28rem, 1.45vw, 1.42rem) !important;
}

#tp04-shell h4 {
  font-size: clamp(1.08rem, 1.2vw, 1.18rem) !important;
}

#tp04-shell p,
#tp04-shell li,
#tp04-shell strong,
#tp04-shell span,
#tp04-shell a {
  overflow-wrap: anywhere;
}

#tp04-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp04-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(10, 14, 4, 0.98) 0%, rgba(20, 28, 7, 0.96) 42%, rgba(31, 45, 10, 0.94) 100%);
}

.tp04-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at center right, rgba(169, 223, 89, 0.18), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp04-hero-grid,
.tp04-priority-grid,
.tp04-timeline-grid,
.tp04-split-grid,
.tp04-bottom-grid,
.tp04-status-grid,
.tp04-proof-grid {
  align-items: stretch;
}

.tp04-brand-bar,
.tp04-hero-copy,
.tp04-hero-board,
.tp04-priority-card,
.tp04-board-card,
.tp04-timeline-card,
.tp04-bottom-box,
.tp04-proof-card,
.tp04-status-card {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp04-hero-copy .tng-breadcrumb,
.tp04-hero-copy .tng-breadcrumb a,
.tp04-hero-copy p,
.tp04-hero-copy li,
.tp04-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp04-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp04-brand-bar {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp04-brand-bar img {
  width: 126px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp04-brand-bar span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp04-hero-board {
  padding: 30px !important;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.18);
  box-shadow: 0 24px 74px rgba(0, 0, 0, 0.24);
}

.tp04-board-card {
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.12);
  color: var(--tng-white) !important;
}

.tp04-board-card h2,
.tp04-board-card h3,
.tp04-board-card h4,
.tp04-board-card p,
.tp04-board-card li,
.tp04-board-card strong,
.tp04-board-card span,
.tp04-board-card a {
  color: var(--tng-white) !important;
}

.tp04-board-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 20px;
}

.tp04-section-head {
  max-width: 760px;
  margin-bottom: 30px;
}

.tp04-priority-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.tp04-priority-card {
  padding: 28px !important;
  border-radius: 26px;
  background: linear-gradient(180deg, #172207 0%, #24340d 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.22);
  color: var(--tng-white) !important;
}

.tp04-priority-card h2,
.tp04-priority-card h3,
.tp04-priority-card h4,
.tp04-priority-card p,
.tp04-priority-card li,
.tp04-priority-card strong,
.tp04-priority-card span,
.tp04-priority-card a {
  color: var(--tng-white) !important;
}

.tp04-priority-rank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-white);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp04-status-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 24px;
}

.tp04-status-card,
.tp04-article-card {
  padding: 34px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,237,0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp04-status-list {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.tp04-status-item {
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(169, 223, 89, 0.1);
  border-left: 4px solid var(--tng-secondary);
}

.tp04-timeline-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.tp04-timeline-card {
  padding: 26px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp04-timeline-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp04-proof-grid {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 24px;
}

.tp04-proof-card {
  padding: 34px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(245,248,239,0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp04-proof-stack {
  display: grid;
  gap: 24px;
}

.tp04-proof-stack .tng-image-frame,
.tp04-split-grid .tng-image-frame {
  min-height: 300px !important;
}

.tp04-split-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.tp04-bottom-box {
  padding: 36px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp04-bottom-box h2,
.tp04-bottom-box h3,
.tp04-bottom-box h4,
.tp04-bottom-box p,
.tp04-bottom-box li,
.tp04-bottom-box strong,
.tp04-bottom-box span,
.tp04-bottom-box a {
  color: var(--tng-white) !important;
}

.tp04-bottom-box .tng-contact {
  background: rgba(255, 255, 255, 0.06);
  color: var(--tng-white);
}

.tp04-bottom-box .tng-contact a {
  color: var(--tng-secondary);
}

.tp04-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp04-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp04-board-grid,
  .tp04-priority-grid,
  .tp04-status-grid,
  .tp04-timeline-grid,
  .tp04-proof-grid,
  .tp04-split-grid,
  .tp04-bottom-grid {
    grid-template-columns: 1fr !important;
  }

  .tp04-hero-board,
  .tp04-priority-card,
  .tp04-status-card,
  .tp04-article-card,
  .tp04-timeline-card,
  .tp04-proof-card,
  .tp04-bottom-box,
  .tp04-board-card {
    padding: 24px !important;
  }
}

/* template-05 */
.tp05-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #ffffff 0%, #f4f7ee 26%, #ffffff 100%),
    radial-gradient(circle at left center, rgba(169, 223, 89, 0.08), transparent 24%);
}

#tp05-shell {
  overflow-x: hidden;
}

#tp05-shell h1,
#tp05-shell h2,
#tp05-shell h3,
#tp05-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp05-shell h1 {
  font-size: clamp(2.02rem, 2.85vw, 2.78rem) !important;
  color: var(--tng-white) !important;
}

#tp05-shell h2 {
  font-size: clamp(1.52rem, 1.88vw, 1.86rem) !important;
}

#tp05-shell h3 {
  font-size: clamp(1.28rem, 1.42vw, 1.4rem) !important;
}

#tp05-shell h4 {
  font-size: clamp(1.08rem, 1.14vw, 1.16rem) !important;
}

#tp05-shell p,
#tp05-shell li,
#tp05-shell strong,
#tp05-shell span,
#tp05-shell a {
  overflow-wrap: anywhere;
}

#tp05-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp05-hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(140deg, rgba(9, 13, 4, 0.98) 0%, rgba(20, 29, 7, 0.96) 48%, rgba(33, 48, 11, 0.94) 100%);
}

.tp05-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top right, rgba(169, 223, 89, 0.18), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp05-hero-grid,
.tp05-zone-grid,
.tp05-ribbon-grid,
.tp05-split-grid,
.tp05-vertical-grid,
.tp05-bottom-grid {
  align-items: stretch;
}

.tp05-brand-stack,
.tp05-hero-copy,
.tp05-hero-tower,
.tp05-tower-card,
.tp05-zone-card,
.tp05-ribbon-card,
.tp05-vertical-card,
.tp05-bottom-box,
.tp05-info-card {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp05-hero-copy .tng-breadcrumb,
.tp05-hero-copy .tng-breadcrumb a,
.tp05-hero-copy p,
.tp05-hero-copy li,
.tp05-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp05-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp05-brand-stack {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp05-brand-stack img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp05-brand-stack span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp05-hero-tower {
  display: grid;
  gap: 18px;
}

.tp05-hero-tower .tng-image-frame {
  min-height: 250px !important;
}

.tp05-tower-card {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp05-tower-card h2,
.tp05-tower-card h3,
.tp05-tower-card h4,
.tp05-tower-card p,
.tp05-tower-card li,
.tp05-tower-card strong,
.tp05-tower-card span,
.tp05-tower-card a {
  color: var(--tng-white) !important;
}

.tp05-section-head {
  max-width: 760px;
  margin-bottom: 30px;
}

.tp05-zone-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.tp05-zone-card {
  padding: 28px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,237,0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp05-zone-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp05-ribbon-grid {
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: 24px;
}

.tp05-ribbon-card {
  padding: 34px !important;
  border-radius: 30px;
  background: linear-gradient(180deg, #172207 0%, #24340d 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.22);
  color: var(--tng-white) !important;
}

.tp05-ribbon-card h2,
.tp05-ribbon-card h3,
.tp05-ribbon-card h4,
.tp05-ribbon-card p,
.tp05-ribbon-card li,
.tp05-ribbon-card strong,
.tp05-ribbon-card span,
.tp05-ribbon-card a {
  color: var(--tng-white) !important;
}

.tp05-ribbon-lines {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.tp05-ribbon-line {
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  border-left: 4px solid var(--tng-secondary);
}

.tp05-article-card {
  padding: 34px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(245,248,239,0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp05-split-grid {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 24px;
}

.tp05-split-grid .tng-image-frame,
.tp05-vertical-grid .tng-image-frame {
  min-height: 320px !important;
}

.tp05-info-card {
  padding: 34px !important;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp05-vertical-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.tp05-vertical-card {
  padding: 30px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
  color: var(--tng-white) !important;
}

.tp05-vertical-card h2,
.tp05-vertical-card h3,
.tp05-vertical-card h4,
.tp05-vertical-card p,
.tp05-vertical-card li,
.tp05-vertical-card strong,
.tp05-vertical-card span,
.tp05-vertical-card a {
  color: var(--tng-white) !important;
}

.tp05-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp05-bottom-aside {
  padding: 28px !important;
  border-radius: 24px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
}

.tp05-bottom-aside h2,
.tp05-bottom-aside h3,
.tp05-bottom-aside h4,
.tp05-bottom-aside p,
.tp05-bottom-aside li,
.tp05-bottom-aside strong,
.tp05-bottom-aside span,
.tp05-bottom-aside a {
  color: var(--tng-white) !important;
}

.tp05-bottom-box .tng-contact {
  background: #f1f4eb;
}

.tp05-bottom-aside .tng-eyebrow,
.tp05-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp05-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp05-zone-grid,
  .tp05-ribbon-grid,
  .tp05-split-grid,
  .tp05-vertical-grid,
  .tp05-bottom-grid {
    grid-template-columns: 1fr !important;
  }

  .tp05-zone-card,
  .tp05-ribbon-card,
  .tp05-article-card,
  .tp05-info-card,
  .tp05-vertical-card,
  .tp05-bottom-box,
  .tp05-bottom-aside,
  .tp05-tower-card {
    padding: 24px !important;
  }
}

/* template-06 */
.tp06-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    radial-gradient(circle at top left, rgba(169, 223, 89, 0.07), transparent 24%),
    linear-gradient(180deg, #f7f9f3 0%, #ffffff 18%, #eef3e6 100%);
}

#tp06-shell {
  overflow-x: hidden;
}

#tp06-shell h1,
#tp06-shell h2,
#tp06-shell h3,
#tp06-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp06-shell h1 {
  font-size: clamp(2.04rem, 2.9vw, 2.82rem) !important;
  color: var(--tng-white) !important;
}

#tp06-shell h2 {
  font-size: clamp(1.52rem, 1.86vw, 1.84rem) !important;
}

#tp06-shell h3 {
  font-size: clamp(1.28rem, 1.42vw, 1.38rem) !important;
}

#tp06-shell h4 {
  font-size: clamp(1.08rem, 1.12vw, 1.14rem) !important;
}

#tp06-shell p,
#tp06-shell li,
#tp06-shell strong,
#tp06-shell span,
#tp06-shell a {
  overflow-wrap: anywhere;
}

#tp06-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp06-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.98) 0%, rgba(20, 29, 7, 0.96) 46%, rgba(33, 47, 11, 0.94) 100%);
}

.tp06-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at center left, rgba(169, 223, 89, 0.16), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp06-hero-grid,
.tp06-compare-grid,
.tp06-stage-grid,
.tp06-split-grid,
.tp06-bottom-grid,
.tp06-path-grid,
.tp06-evidence-grid {
  align-items: stretch;
}

.tp06-hero-copy,
.tp06-hero-stack,
.tp06-hero-note,
.tp06-compare-card,
.tp06-path-card,
.tp06-stage-card,
.tp06-evidence-card,
.tp06-bottom-box,
.tp06-contact-aside {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp06-hero-copy .tng-breadcrumb,
.tp06-hero-copy .tng-breadcrumb a,
.tp06-hero-copy p,
.tp06-hero-copy li,
.tp06-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp06-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp06-brand-chip {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp06-brand-chip img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp06-brand-chip span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp06-hero-stack {
  display: grid;
  gap: 18px;
}

.tp06-hero-stack .tng-image-frame {
  min-height: 290px !important;
}

.tp06-hero-note {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp06-hero-note h2,
.tp06-hero-note h3,
.tp06-hero-note h4,
.tp06-hero-note p,
.tp06-hero-note li,
.tp06-hero-note strong,
.tp06-hero-note span,
.tp06-hero-note a {
  color: var(--tng-white) !important;
}

.tp06-section-head {
  max-width: 780px;
  margin-bottom: 30px;
}

.tp06-compare-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.tp06-problem-card,
.tp06-solution-card {
  padding: 34px !important;
  border-radius: 30px;
  box-shadow: var(--tng-shadow);
}

.tp06-problem-card {
  background: linear-gradient(180deg, #172207 0%, #24340d 100%);
  color: var(--tng-white) !important;
}

.tp06-problem-card h2,
.tp06-problem-card h3,
.tp06-problem-card h4,
.tp06-problem-card p,
.tp06-problem-card li,
.tp06-problem-card strong,
.tp06-problem-card span,
.tp06-problem-card a {
  color: var(--tng-white) !important;
}

.tp06-solution-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,237,0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
}

.tp06-path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.tp06-path-card {
  padding: 28px !important;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp06-path-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp06-stage-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 24px;
}

.tp06-stage-card,
.tp06-stage-article {
  padding: 34px !important;
  border-radius: 28px;
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp06-stage-card {
  background: rgba(255, 255, 255, 0.96);
}

.tp06-stage-list {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.tp06-stage-line {
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(169, 223, 89, 0.1);
  border-left: 4px solid var(--tng-secondary);
}

.tp06-stage-article {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
}

.tp06-stage-article h2,
.tp06-stage-article h3,
.tp06-stage-article h4,
.tp06-stage-article p,
.tp06-stage-article li,
.tp06-stage-article strong,
.tp06-stage-article span,
.tp06-stage-article a {
  color: var(--tng-white) !important;
}

.tp06-evidence-grid {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 24px;
}

.tp06-evidence-card {
  padding: 34px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,237,0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp06-evidence-stack {
  display: grid;
  gap: 24px;
}

.tp06-evidence-stack .tng-image-frame,
.tp06-split-grid .tng-image-frame {
  min-height: 310px !important;
}

.tp06-split-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.tp06-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp06-contact-aside {
  padding: 28px !important;
  border-radius: 24px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
}

.tp06-contact-aside h2,
.tp06-contact-aside h3,
.tp06-contact-aside h4,
.tp06-contact-aside p,
.tp06-contact-aside li,
.tp06-contact-aside strong,
.tp06-contact-aside span,
.tp06-contact-aside a {
  color: var(--tng-white) !important;
}

.tp06-bottom-box .tng-contact {
  background: #f1f4eb;
}

.tp06-contact-aside .tng-eyebrow,
.tp06-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp06-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp06-compare-grid,
  .tp06-path-grid,
  .tp06-stage-grid,
  .tp06-evidence-grid,
  .tp06-split-grid,
  .tp06-bottom-grid {
    grid-template-columns: 1fr !important;
  }

  .tp06-problem-card,
  .tp06-solution-card,
  .tp06-path-card,
  .tp06-stage-card,
  .tp06-stage-article,
  .tp06-evidence-card,
  .tp06-bottom-box,
  .tp06-contact-aside,
  .tp06-hero-note {
    padding: 24px !important;
  }
}

/* template-07 */
.tp07-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #f3f6ec 0%, #ffffff 16%, #f7f9f4 100%),
    radial-gradient(circle at top right, rgba(169, 223, 89, 0.08), transparent 26%);
}

#tp07-shell {
  overflow-x: hidden;
}

#tp07-shell h1,
#tp07-shell h2,
#tp07-shell h3,
#tp07-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp07-shell h1 {
  font-size: clamp(2.1rem, 3vw, 2.9rem) !important;
  color: var(--tng-white) !important;
}

#tp07-shell h2 {
  font-size: clamp(1.54rem, 1.92vw, 1.9rem) !important;
}

#tp07-shell h3 {
  font-size: clamp(1.28rem, 1.44vw, 1.4rem) !important;
}

#tp07-shell h4 {
  font-size: clamp(1.08rem, 1.12vw, 1.14rem) !important;
}

#tp07-shell p,
#tp07-shell li,
#tp07-shell strong,
#tp07-shell span,
#tp07-shell a {
  overflow-wrap: anywhere;
}

#tp07-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp07-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.98) 0%, rgba(21, 30, 7, 0.96) 48%, rgba(35, 50, 11, 0.94) 100%);
}

.tp07-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at left top, rgba(169, 223, 89, 0.16), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp07-hero-grid,
.tp07-sequence-grid,
.tp07-check-grid,
.tp07-media-grid,
.tp07-ops-grid,
.tp07-proof-grid,
.tp07-bottom-grid,
.tp07-detail-grid,
.tp07-steps-grid {
  align-items: stretch;
}

.tp07-brand-tag,
.tp07-hero-copy,
.tp07-hero-column,
.tp07-hero-card,
.tp07-sequence-card,
.tp07-check-card,
.tp07-ops-card,
.tp07-proof-card,
.tp07-bottom-box,
.tp07-contact-aside,
.tp07-detail-card,
.tp07-step-card {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp07-hero-copy .tng-breadcrumb,
.tp07-hero-copy .tng-breadcrumb a,
.tp07-hero-copy p,
.tp07-hero-copy li,
.tp07-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp07-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp07-brand-tag {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp07-brand-tag img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp07-brand-tag span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp07-hero-column {
  display: grid;
  gap: 18px;
}

.tp07-hero-column .tng-image-frame {
  min-height: 290px !important;
}

.tp07-hero-card {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp07-hero-card h2,
.tp07-hero-card h3,
.tp07-hero-card h4,
.tp07-hero-card p,
.tp07-hero-card li,
.tp07-hero-card strong,
.tp07-hero-card span,
.tp07-hero-card a {
  color: var(--tng-white) !important;
}

.tp07-section-head {
  max-width: 780px;
  margin-bottom: 30px;
}

.tp07-steps-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.tp07-step-card {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp07-step-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp07-sequence-grid {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 24px;
}

.tp07-sequence-card,
.tp07-sequence-article {
  padding: 34px !important;
  border-radius: 28px;
  box-shadow: var(--tng-shadow);
}

.tp07-sequence-card {
  background: linear-gradient(180deg, #172207 0%, #24340d 100%);
  color: var(--tng-white) !important;
}

.tp07-sequence-card h2,
.tp07-sequence-card h3,
.tp07-sequence-card h4,
.tp07-sequence-card p,
.tp07-sequence-card li,
.tp07-sequence-card strong,
.tp07-sequence-card span,
.tp07-sequence-card a {
  color: var(--tng-white) !important;
}

.tp07-sequence-list {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.tp07-sequence-line {
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  border-left: 4px solid var(--tng-secondary);
}

.tp07-sequence-article {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,237,0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
}

.tp07-check-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.tp07-check-card {
  padding: 26px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp07-media-grid {
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 24px;
}

.tp07-media-article {
  padding: 34px !important;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp07-media-stack {
  display: grid;
  gap: 24px;
}

.tp07-media-stack .tng-image-frame,
.tp07-ops-grid .tng-image-frame,
.tp07-proof-grid .tng-image-frame,
.tp07-detail-grid .tng-image-frame {
  min-height: 300px !important;
}

.tp07-ops-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.tp07-ops-card {
  padding: 32px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
  color: var(--tng-white) !important;
}

.tp07-ops-card h2,
.tp07-ops-card h3,
.tp07-ops-card h4,
.tp07-ops-card p,
.tp07-ops-card li,
.tp07-ops-card strong,
.tp07-ops-card span,
.tp07-ops-card a {
  color: var(--tng-white) !important;
}

.tp07-detail-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 24px;
}

.tp07-detail-card {
  padding: 34px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,237,0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp07-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.tp07-proof-card {
  padding: 30px !important;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp07-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp07-bottom-box h2,
.tp07-bottom-box h3,
.tp07-bottom-box h4,
.tp07-bottom-box p,
.tp07-bottom-box li,
.tp07-bottom-box strong,
.tp07-bottom-box span,
.tp07-bottom-box a {
  color: var(--tng-white) !important;
}

.tp07-contact-aside {
  padding: 28px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
}

.tp07-contact-aside h2,
.tp07-contact-aside h3,
.tp07-contact-aside h4,
.tp07-contact-aside p,
.tp07-contact-aside li,
.tp07-contact-aside strong,
.tp07-contact-aside span,
.tp07-contact-aside a {
  color: var(--tng-white) !important;
}

.tp07-bottom-box .tng-contact {
  background: rgba(255, 255, 255, 0.06);
  color: var(--tng-white);
}

.tp07-bottom-box .tng-contact a {
  color: var(--tng-secondary);
}

.tp07-contact-aside .tng-eyebrow,
.tp07-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp07-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp07-steps-grid,
  .tp07-sequence-grid,
  .tp07-check-grid,
  .tp07-media-grid,
  .tp07-ops-grid,
  .tp07-detail-grid,
  .tp07-proof-grid,
  .tp07-bottom-grid {
    grid-template-columns: 1fr !important;
  }

  .tp07-step-card,
  .tp07-sequence-card,
  .tp07-sequence-article,
  .tp07-check-card,
  .tp07-media-article,
  .tp07-ops-card,
  .tp07-detail-card,
  .tp07-proof-card,
  .tp07-bottom-box,
  .tp07-contact-aside,
  .tp07-hero-card {
    padding: 24px !important;
  }
}

/* template-08 */
.tp08-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #f6f8f2 0%, #ffffff 18%, #f1f5ea 100%),
    radial-gradient(circle at right center, rgba(169, 223, 89, 0.08), transparent 24%);
}

#tp08-shell {
  overflow-x: hidden;
}

#tp08-shell h1,
#tp08-shell h2,
#tp08-shell h3,
#tp08-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp08-shell h1 {
  font-size: clamp(2.08rem, 2.95vw, 2.92rem) !important;
  color: var(--tng-white) !important;
}

#tp08-shell h2 {
  font-size: clamp(1.56rem, 1.94vw, 1.92rem) !important;
}

#tp08-shell h3 {
  font-size: clamp(1.3rem, 1.46vw, 1.42rem) !important;
}

#tp08-shell h4 {
  font-size: clamp(1.1rem, 1.14vw, 1.16rem) !important;
}

#tp08-shell p,
#tp08-shell li,
#tp08-shell strong,
#tp08-shell span,
#tp08-shell a {
  overflow-wrap: anywhere;
}

#tp08-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp08-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.98) 0%, rgba(20, 29, 7, 0.96) 46%, rgba(36, 52, 12, 0.94) 100%);
}

.tp08-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top right, rgba(169, 223, 89, 0.18), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp08-hero-grid,
.tp08-dossier-grid,
.tp08-notes-grid,
.tp08-visual-grid,
.tp08-columns-grid,
.tp08-layers-grid,
.tp08-bottom-grid,
.tp08-rail-grid,
.tp08-long-grid,
.tp08-proof-grid {
  align-items: stretch;
}

.tp08-brand-pill,
.tp08-hero-copy,
.tp08-hero-board,
.tp08-board-card,
.tp08-dossier-main,
.tp08-dossier-side,
.tp08-note-card,
.tp08-visual-card,
.tp08-column-card,
.tp08-layer-card,
.tp08-bottom-box,
.tp08-contact-panel,
.tp08-rail-card,
.tp08-proof-card,
.tp08-long-card {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp08-hero-copy .tng-breadcrumb,
.tp08-hero-copy .tng-breadcrumb a,
.tp08-hero-copy p,
.tp08-hero-copy li,
.tp08-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp08-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp08-brand-pill {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp08-brand-pill img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp08-brand-pill span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp08-hero-board {
  display: grid;
  gap: 18px;
}

.tp08-hero-board .tng-image-frame {
  min-height: 280px !important;
}

.tp08-board-card {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp08-board-card h2,
.tp08-board-card h3,
.tp08-board-card h4,
.tp08-board-card p,
.tp08-board-card li,
.tp08-board-card strong,
.tp08-board-card span,
.tp08-board-card a {
  color: var(--tng-white) !important;
}

.tp08-section-head {
  max-width: 820px;
  margin-bottom: 30px;
}

.tp08-dossier-grid {
  display: grid;
  grid-template-columns: 1.18fr .82fr;
  gap: 24px;
}

.tp08-dossier-main,
.tp08-dossier-side {
  padding: 34px !important;
  border-radius: 30px;
  box-shadow: var(--tng-shadow);
}

.tp08-dossier-main {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,237,0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
}

.tp08-dossier-side {
  background: linear-gradient(180deg, #172207 0%, #24340d 100%);
  color: var(--tng-white) !important;
}

.tp08-dossier-side h2,
.tp08-dossier-side h3,
.tp08-dossier-side h4,
.tp08-dossier-side p,
.tp08-dossier-side li,
.tp08-dossier-side strong,
.tp08-dossier-side span,
.tp08-dossier-side a {
  color: var(--tng-white) !important;
}

.tp08-dossier-list {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.tp08-dossier-line {
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  border-left: 4px solid var(--tng-secondary);
}

.tp08-notes-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.tp08-note-card {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp08-visual-grid {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 24px;
}

.tp08-visual-grid .tng-image-frame,
.tp08-columns-grid .tng-image-frame,
.tp08-long-grid .tng-image-frame {
  min-height: 320px !important;
}

.tp08-visual-card,
.tp08-column-card,
.tp08-long-card {
  padding: 34px !important;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp08-columns-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.tp08-column-card-dark {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
}

.tp08-column-card-dark h2,
.tp08-column-card-dark h3,
.tp08-column-card-dark h4,
.tp08-column-card-dark p,
.tp08-column-card-dark li,
.tp08-column-card-dark strong,
.tp08-column-card-dark span,
.tp08-column-card-dark a {
  color: var(--tng-white) !important;
}

.tp08-rail-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.tp08-rail-card {
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp08-rail-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp08-layers-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.tp08-layer-card {
  padding: 30px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
  color: var(--tng-white) !important;
}

.tp08-layer-card h2,
.tp08-layer-card h3,
.tp08-layer-card h4,
.tp08-layer-card p,
.tp08-layer-card li,
.tp08-layer-card strong,
.tp08-layer-card span,
.tp08-layer-card a {
  color: var(--tng-white) !important;
}

.tp08-long-grid {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 24px;
}

.tp08-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.tp08-proof-card {
  padding: 28px !important;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp08-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp08-bottom-box h2,
.tp08-bottom-box h3,
.tp08-bottom-box h4,
.tp08-bottom-box p,
.tp08-bottom-box li,
.tp08-bottom-box strong,
.tp08-bottom-box span,
.tp08-bottom-box a {
  color: var(--tng-white) !important;
}

.tp08-contact-panel {
  padding: 28px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
}

.tp08-contact-panel h2,
.tp08-contact-panel h3,
.tp08-contact-panel h4,
.tp08-contact-panel p,
.tp08-contact-panel li,
.tp08-contact-panel strong,
.tp08-contact-panel span,
.tp08-contact-panel a {
  color: var(--tng-white) !important;
}

.tp08-bottom-box .tng-contact {
  background: rgba(255, 255, 255, 0.06);
  color: var(--tng-white);
}

.tp08-bottom-box .tng-contact a {
  color: var(--tng-secondary);
}

.tp08-contact-panel .tng-eyebrow,
.tp08-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp08-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp08-dossier-grid,
  .tp08-notes-grid,
  .tp08-visual-grid,
  .tp08-columns-grid,
  .tp08-rail-grid,
  .tp08-layers-grid,
  .tp08-long-grid,
  .tp08-proof-grid,
  .tp08-bottom-grid {
    grid-template-columns: 1fr !important;
  }

  .tp08-dossier-main,
  .tp08-dossier-side,
  .tp08-note-card,
  .tp08-visual-card,
  .tp08-column-card,
  .tp08-layer-card,
  .tp08-long-card,
  .tp08-proof-card,
  .tp08-bottom-box,
  .tp08-contact-panel,
  .tp08-board-card,
  .tp08-rail-card {
    padding: 24px !important;
  }
}

/* template-09 */
.tp09-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #ffffff 0%, #f2f5ec 20%, #ffffff 100%),
    radial-gradient(circle at left bottom, rgba(169, 223, 89, 0.08), transparent 24%);
}

#tp09-shell {
  overflow-x: hidden;
}

#tp09-shell h1,
#tp09-shell h2,
#tp09-shell h3,
#tp09-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp09-shell h1 {
  font-size: clamp(2.12rem, 3vw, 2.95rem) !important;
  color: var(--tng-white) !important;
}

#tp09-shell h2 {
  font-size: clamp(1.58rem, 1.95vw, 1.96rem) !important;
}

#tp09-shell h3 {
  font-size: clamp(1.3rem, 1.46vw, 1.42rem) !important;
}

#tp09-shell h4 {
  font-size: clamp(1.1rem, 1.14vw, 1.16rem) !important;
}

#tp09-shell p,
#tp09-shell li,
#tp09-shell strong,
#tp09-shell span,
#tp09-shell a {
  overflow-wrap: anywhere;
}

#tp09-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp09-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.98) 0%, rgba(20, 29, 7, 0.96) 46%, rgba(35, 50, 11, 0.94) 100%);
}

.tp09-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top center, rgba(169, 223, 89, 0.16), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp09-hero-grid,
.tp09-ledger-grid,
.tp09-gallery-grid,
.tp09-panels-grid,
.tp09-story-grid,
.tp09-matrix-grid,
.tp09-bottom-grid,
.tp09-brief-grid,
.tp09-proof-grid {
  align-items: stretch;
}

.tp09-brand-mark,
.tp09-hero-copy,
.tp09-hero-side,
.tp09-hero-box,
.tp09-ledger-main,
.tp09-ledger-side,
.tp09-panel-card,
.tp09-story-card,
.tp09-matrix-card,
.tp09-bottom-box,
.tp09-contact-side,
.tp09-brief-card,
.tp09-proof-card {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp09-hero-copy .tng-breadcrumb,
.tp09-hero-copy .tng-breadcrumb a,
.tp09-hero-copy p,
.tp09-hero-copy li,
.tp09-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp09-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp09-brand-mark {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp09-brand-mark img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp09-brand-mark span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp09-hero-side {
  display: grid;
  gap: 18px;
}

.tp09-hero-side .tng-image-frame {
  min-height: 250px !important;
}

.tp09-hero-box {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp09-hero-box h2,
.tp09-hero-box h3,
.tp09-hero-box h4,
.tp09-hero-box p,
.tp09-hero-box li,
.tp09-hero-box strong,
.tp09-hero-box span,
.tp09-hero-box a {
  color: var(--tng-white) !important;
}

.tp09-section-head {
  max-width: 820px;
  margin-bottom: 30px;
}

.tp09-ledger-grid {
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 24px;
}

.tp09-ledger-side,
.tp09-ledger-main {
  padding: 34px !important;
  border-radius: 30px;
  box-shadow: var(--tng-shadow);
}

.tp09-ledger-side {
  background: linear-gradient(180deg, #172207 0%, #24340d 100%);
  color: var(--tng-white) !important;
}

.tp09-ledger-side h2,
.tp09-ledger-side h3,
.tp09-ledger-side h4,
.tp09-ledger-side p,
.tp09-ledger-side li,
.tp09-ledger-side strong,
.tp09-ledger-side span,
.tp09-ledger-side a {
  color: var(--tng-white) !important;
}

.tp09-ledger-points {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.tp09-ledger-point {
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  border-left: 4px solid var(--tng-secondary);
}

.tp09-ledger-main {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,237,0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
}

.tp09-gallery-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}

.tp09-gallery-grid .tng-image-frame {
  min-height: 280px !important;
}

.tp09-panels-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.tp09-panel-card {
  padding: 32px !important;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp09-panel-card-dark {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
}

.tp09-panel-card-dark h2,
.tp09-panel-card-dark h3,
.tp09-panel-card-dark h4,
.tp09-panel-card-dark p,
.tp09-panel-card-dark li,
.tp09-panel-card-dark strong,
.tp09-panel-card-dark span,
.tp09-panel-card-dark a {
  color: var(--tng-white) !important;
}

.tp09-story-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.tp09-story-card {
  padding: 26px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp09-story-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp09-brief-grid {
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: 24px;
}

.tp09-brief-card,
.tp09-brief-main {
  padding: 34px !important;
  border-radius: 28px;
  box-shadow: var(--tng-shadow);
}

.tp09-brief-card {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
}

.tp09-brief-main {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
}

.tp09-brief-main h2,
.tp09-brief-main h3,
.tp09-brief-main h4,
.tp09-brief-main p,
.tp09-brief-main li,
.tp09-brief-main strong,
.tp09-brief-main span,
.tp09-brief-main a {
  color: var(--tng-white) !important;
}

.tp09-matrix-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.tp09-matrix-card {
  padding: 30px !important;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp09-proof-grid {
  display: grid;
  grid-template-columns: .94fr 1.06fr;
  gap: 24px;
}

.tp09-proof-grid .tng-image-frame {
  min-height: 320px !important;
}

.tp09-proof-card {
  padding: 34px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,237,0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp09-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp09-bottom-box h2,
.tp09-bottom-box h3,
.tp09-bottom-box h4,
.tp09-bottom-box p,
.tp09-bottom-box li,
.tp09-bottom-box strong,
.tp09-bottom-box span,
.tp09-bottom-box a {
  color: var(--tng-white) !important;
}

.tp09-contact-side {
  padding: 28px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
}

.tp09-contact-side h2,
.tp09-contact-side h3,
.tp09-contact-side h4,
.tp09-contact-side p,
.tp09-contact-side li,
.tp09-contact-side strong,
.tp09-contact-side span,
.tp09-contact-side a {
  color: var(--tng-white) !important;
}

.tp09-bottom-box .tng-contact {
  background: rgba(255, 255, 255, 0.06);
  color: var(--tng-white);
}

.tp09-bottom-box .tng-contact a {
  color: var(--tng-secondary);
}

.tp09-contact-side .tng-eyebrow,
.tp09-bottom-side .tng-eyebrow,
.tp09-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp09-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp09-hero-wrap {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 28px;
  align-items: end;
}

.tp09-hero-strip {
  display: grid;
  gap: 16px;
}

.tp09-hero-stat {
  padding: 18px 20px !important;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.14);
  color: var(--tng-white) !important;
}

.tp09-overlap-section {
  margin-top: -40px;
}

.tp09-overlap-card {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(23, 34, 7, 0.08);
  border-radius: 30px;
  overflow: hidden;
  box-shadow: var(--tng-shadow);
}

.tp09-overlap-media {
  min-height: 100%;
}

.tp09-overlap-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tp09-overlap-body {
  padding: 38px !important;
}

.tp09-river-head,
.tp09-editorial-head,
.tp09-panorama-head,
.tp09-notebook-head,
.tp09-sequence-head,
.tp09-contrast-head {
  max-width: 760px;
  margin-bottom: 30px;
}

.tp09-river-flow {
  display: grid;
  gap: 18px;
}

.tp09-river-node {
  padding: 28px 32px !important;
  border-radius: 26px;
  box-shadow: var(--tng-shadow);
}

.tp09-river-node-dark {
  width: min(78%, 860px);
  margin-right: auto;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
}

.tp09-river-node-dark h2,
.tp09-river-node-dark h3,
.tp09-river-node-dark h4,
.tp09-river-node-dark p,
.tp09-river-node-dark li,
.tp09-river-node-dark strong,
.tp09-river-node-dark span,
.tp09-river-node-dark a {
  color: var(--tng-white) !important;
}

.tp09-river-node-light {
  width: min(78%, 860px);
  margin-left: auto;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
}

.tp09-editorial-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 24px;
}

.tp09-editorial-rail {
  display: grid;
  gap: 18px;
}

.tp09-rail-box {
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp09-editorial-main {
  padding: 36px !important;
  border-radius: 30px;
  background: linear-gradient(180deg, #172207 0%, #24340d 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.22);
  color: var(--tng-white) !important;
}

.tp09-editorial-main h2,
.tp09-editorial-main h3,
.tp09-editorial-main h4,
.tp09-editorial-main p,
.tp09-editorial-main li,
.tp09-editorial-main strong,
.tp09-editorial-main span,
.tp09-editorial-main a {
  color: var(--tng-white) !important;
}

.tp09-panorama-band {
  display: grid;
  grid-template-columns: .8fr .7fr .7fr .8fr;
  gap: 18px;
}

.tp09-panorama-card {
  border-radius: 26px;
  overflow: hidden;
  min-height: 260px;
}

.tp09-panorama-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tp09-panorama-card-content {
  padding: 28px !important;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp09-notebook {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: var(--tng-shadow);
  border: 1px solid rgba(23, 34, 7, 0.08);
}

.tp09-notebook-page {
  padding: 38px !important;
  background: rgba(255, 255, 255, 0.98);
}

.tp09-notebook-page-left {
  border-right: 1px solid rgba(23, 34, 7, 0.08);
}

.tp09-sequence-path {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.tp09-sequence-stop {
  padding: 26px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp09-sequence-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp09-contrast-stack {
  display: grid;
  gap: 22px;
}

.tp09-contrast-wide {
  padding: 34px !important;
  border-radius: 30px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
  color: var(--tng-white) !important;
}

.tp09-contrast-wide h2,
.tp09-contrast-wide h3,
.tp09-contrast-wide h4,
.tp09-contrast-wide p,
.tp09-contrast-wide li,
.tp09-contrast-wide strong,
.tp09-contrast-wide span,
.tp09-contrast-wide a {
  color: var(--tng-white) !important;
}

.tp09-contrast-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.tp09-contrast-small {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp09-contrast-dark {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
}

.tp09-contrast-dark h2,
.tp09-contrast-dark h3,
.tp09-contrast-dark h4,
.tp09-contrast-dark p,
.tp09-contrast-dark li,
.tp09-contrast-dark strong,
.tp09-contrast-dark span,
.tp09-contrast-dark a {
  color: var(--tng-white) !important;
}

.tp09-bottom-grid {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 22px;
}

.tp09-bottom-main {
  grid-column: 1 / 2;
}

.tp09-bottom-side {
  grid-column: 2 / 3;
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white) !important;
}

.tp09-bottom-side h2,
.tp09-bottom-side h3,
.tp09-bottom-side h4,
.tp09-bottom-side p,
.tp09-bottom-side li,
.tp09-bottom-side strong,
.tp09-bottom-side span,
.tp09-bottom-side a {
  color: var(--tng-white) !important;
}

.tp09-bottom-form {
  grid-column: 1 / 3;
}

@media (max-width: 900px) {
  .tp09-hero-wrap,
  .tp09-overlap-card,
  .tp09-editorial-layout,
  .tp09-panorama-band,
  .tp09-notebook,
  .tp09-sequence-path,
  .tp09-contrast-row,
  .tp09-bottom-grid,
  .tp09-ledger-grid,
  .tp09-gallery-grid,
  .tp09-panels-grid,
  .tp09-story-grid,
  .tp09-brief-grid,
  .tp09-matrix-grid,
  .tp09-proof-grid {
    grid-template-columns: 1fr !important;
  }

  .tp09-river-node-dark,
  .tp09-river-node-light {
    width: 100%;
  }

  .tp09-overlap-body,
  .tp09-editorial-main,
  .tp09-notebook-page,
  .tp09-contrast-wide,
  .tp09-panorama-card-content {
    padding: 24px !important;
  }

  .tp09-bottom-main,
  .tp09-bottom-side,
  .tp09-bottom-form {
    grid-column: auto;
  }

  .tp09-ledger-main,
  .tp09-ledger-side,
  .tp09-panel-card,
  .tp09-story-card,
  .tp09-brief-card,
  .tp09-brief-main,
  .tp09-matrix-card,
  .tp09-proof-card,
  .tp09-bottom-box,
  .tp09-contact-side,
  .tp09-hero-box {
    padding: 24px !important;
  }
}

/* template-10 */
.tp10-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #eef3e7 0%, #ffffff 18%, #f8faf5 100%),
    radial-gradient(circle at center right, rgba(169, 223, 89, 0.08), transparent 24%);
}

#tp10-shell {
  overflow-x: hidden;
}

#tp10-shell h1,
#tp10-shell h2,
#tp10-shell h3,
#tp10-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp10-shell h1 {
  font-size: clamp(2.14rem, 3vw, 2.98rem) !important;
  color: var(--tng-white) !important;
}

#tp10-shell h2 {
  font-size: clamp(1.6rem, 1.96vw, 1.98rem) !important;
}

#tp10-shell h3 {
  font-size: clamp(1.3rem, 1.48vw, 1.44rem) !important;
}

#tp10-shell h4 {
  font-size: clamp(1.1rem, 1.14vw, 1.18rem) !important;
}

#tp10-shell p,
#tp10-shell li,
#tp10-shell strong,
#tp10-shell span,
#tp10-shell a {
  overflow-wrap: anywhere;
}

#tp10-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp10-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.98) 0%, rgba(20, 29, 7, 0.96) 44%, rgba(36, 52, 12, 0.94) 100%);
}

.tp10-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top left, rgba(169, 223, 89, 0.16), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp10-hero-copy,
.tp10-brand-banner,
.tp10-map-wall,
.tp10-zone-panel,
.tp10-band-card,
.tp10-column-shell,
.tp10-route-card,
.tp10-bottom-box,
.tp10-contact-side,
.tp10-board-card,
.tp10-strip-card,
.tp10-proof-card {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp10-hero-copy .tng-breadcrumb,
.tp10-hero-copy .tng-breadcrumb a,
.tp10-hero-copy p,
.tp10-hero-copy li,
.tp10-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp10-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp10-brand-banner {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp10-brand-banner img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp10-brand-banner span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp10-hero-layout {
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 28px;
  align-items: center;
}

.tp10-map-wall {
  display: grid;
  gap: 18px;
}

.tp10-map-frame {
  min-height: 280px !important;
  border-radius: 28px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp10-map-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tp10-map-note {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp10-map-note h2,
.tp10-map-note h3,
.tp10-map-note h4,
.tp10-map-note p,
.tp10-map-note li,
.tp10-map-note strong,
.tp10-map-note span,
.tp10-map-note a {
  color: var(--tng-white) !important;
}

.tp10-section-head {
  max-width: 820px;
  margin-bottom: 30px;
}

.tp10-zones-band {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 24px;
}

.tp10-zone-panel {
  padding: 34px !important;
  border-radius: 30px;
  background: linear-gradient(180deg, #172207 0%, #24340d 100%);
  color: var(--tng-white) !important;
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.22);
}

.tp10-zone-panel h2,
.tp10-zone-panel h3,
.tp10-zone-panel h4,
.tp10-zone-panel p,
.tp10-zone-panel li,
.tp10-zone-panel strong,
.tp10-zone-panel span,
.tp10-zone-panel a {
  color: var(--tng-white) !important;
}

.tp10-zone-stream {
  display: grid;
  gap: 18px;
}

.tp10-stream-card {
  padding: 28px 32px !important;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp10-band-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.tp10-band-card {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp10-column-stage {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 24px;
}

.tp10-column-shell {
  display: grid;
  gap: 24px;
}

.tp10-column-shell .tp10-board-card {
  padding: 34px !important;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,237,0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp10-column-rail {
  display: grid;
  gap: 18px;
}

.tp10-rail-ticket {
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp10-strip-layout {
  display: grid;
  grid-template-columns: .86fr 1.14fr;
  gap: 24px;
}

.tp10-strip-media {
  min-height: 100%;
  border-radius: 30px;
  overflow: hidden;
}

.tp10-strip-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tp10-strip-stack {
  display: grid;
  gap: 18px;
}

.tp10-strip-card {
  padding: 28px !important;
  border-radius: 26px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
  color: var(--tng-white) !important;
}

.tp10-strip-card h2,
.tp10-strip-card h3,
.tp10-strip-card h4,
.tp10-strip-card p,
.tp10-strip-card li,
.tp10-strip-card strong,
.tp10-strip-card span,
.tp10-strip-card a {
  color: var(--tng-white) !important;
}

.tp10-route-layout {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.tp10-route-card {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp10-route-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp10-proof-layout {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.tp10-proof-card {
  padding: 30px !important;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp10-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp10-bottom-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 22px;
}

.tp10-bottom-main {
  display: grid;
  gap: 18px;
}

.tp10-contact-side {
  padding: 24px !important;
  border-radius: 24px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
}

.tp10-contact-side h2,
.tp10-contact-side h3,
.tp10-contact-side h4,
.tp10-contact-side p,
.tp10-contact-side li,
.tp10-contact-side strong,
.tp10-contact-side span,
.tp10-contact-side a {
  color: var(--tng-white) !important;
}

.tp10-bottom-form {
  grid-column: 1 / 3;
}

.tp10-bottom-box .tng-contact {
  background: #f1f4eb;
}

.tp10-contact-side .tng-eyebrow,
.tp10-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp10-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp10-hero-layout,
  .tp10-zones-band,
  .tp10-band-grid,
  .tp10-column-stage,
  .tp10-strip-layout,
  .tp10-route-layout,
  .tp10-proof-layout,
  .tp10-bottom-grid {
    grid-template-columns: 1fr !important;
  }

  .tp10-overlap-card,
  .tp10-stream-card,
  .tp10-zone-panel,
  .tp10-band-card,
  .tp10-board-card,
  .tp10-rail-ticket,
  .tp10-strip-card,
  .tp10-route-card,
  .tp10-proof-card,
  .tp10-bottom-box,
  .tp10-contact-side,
  .tp10-map-note {
    padding: 24px !important;
  }

  .tp10-bottom-form {
    grid-column: auto;
  }
}

/* template-11 */
.tp11-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #ffffff 0%, #f5f8f0 20%, #ffffff 100%),
    radial-gradient(circle at right top, rgba(169, 223, 89, 0.08), transparent 24%);
}

#tp11-shell {
  overflow-x: hidden;
}

#tp11-shell h1,
#tp11-shell h2,
#tp11-shell h3,
#tp11-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp11-shell h1 {
  font-size: clamp(2.12rem, 3vw, 2.96rem) !important;
  color: var(--tng-white) !important;
}

#tp11-shell h2 {
  font-size: clamp(1.58rem, 1.95vw, 1.96rem) !important;
}

#tp11-shell h3 {
  font-size: clamp(1.3rem, 1.46vw, 1.42rem) !important;
}

#tp11-shell h4 {
  font-size: clamp(1.1rem, 1.14vw, 1.16rem) !important;
}

#tp11-shell p,
#tp11-shell li,
#tp11-shell strong,
#tp11-shell span,
#tp11-shell a {
  overflow-wrap: anywhere;
}

#tp11-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp11-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.98) 0%, rgba(20, 29, 7, 0.96) 46%, rgba(35, 50, 11, 0.94) 100%);
}

.tp11-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at center right, rgba(169, 223, 89, 0.16), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp11-brand-sign,
.tp11-hero-copy,
.tp11-hero-stack,
.tp11-hero-note,
.tp11-rhythm-card,
.tp11-domestic-card,
.tp11-usage-card,
.tp11-image-card,
.tp11-band-card,
.tp11-log-card,
.tp11-signal-card,
.tp11-living-card,
.tp11-flow-card,
.tp11-bottom-box,
.tp11-contact-note,
.tp11-column-card,
.tp11-strip-card {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp11-hero-copy .tng-breadcrumb,
.tp11-hero-copy .tng-breadcrumb a,
.tp11-hero-copy p,
.tp11-hero-copy li,
.tp11-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp11-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp11-brand-sign {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp11-brand-sign img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp11-brand-sign span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp11-hero-layout {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 28px;
  align-items: center;
}

.tp11-hero-stack {
  display: grid;
  gap: 18px;
}

.tp11-hero-stack .tng-image-frame {
  min-height: 280px !important;
}

.tp11-hero-note {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp11-hero-note h2,
.tp11-hero-note h3,
.tp11-hero-note h4,
.tp11-hero-note p,
.tp11-hero-note li,
.tp11-hero-note strong,
.tp11-hero-note span,
.tp11-hero-note a {
  color: var(--tng-white) !important;
}

.tp11-section-head {
  max-width: 820px;
  margin-bottom: 30px;
}

.tp11-rhythm-grid,
.tp11-signals-grid,
.tp11-proof-grid,
.tp11-columns-grid,
.tp11-strip-grid {
  display: grid;
  gap: 20px;
}

.tp11-rhythm-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp11-rhythm-card,
.tp11-signal-card,
.tp11-proof-card,
.tp11-column-card,
.tp11-strip-card {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp11-domestic-layout,
.tp11-usage-layout,
.tp11-band-layout,
.tp11-living-layout,
.tp11-contact-layout {
  display: grid;
  gap: 24px;
}

.tp11-domestic-layout {
  grid-template-columns: .92fr 1.08fr;
}

.tp11-domestic-card,
.tp11-usage-card,
.tp11-log-card,
.tp11-living-card,
.tp11-flow-card {
  padding: 34px !important;
  border-radius: 30px;
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp11-domestic-card,
.tp11-log-card,
.tp11-flow-card {
  background: linear-gradient(180deg, #172207 0%, #24340d 100%);
  color: var(--tng-white) !important;
}

.tp11-domestic-card h2,
.tp11-domestic-card h3,
.tp11-domestic-card h4,
.tp11-domestic-card p,
.tp11-domestic-card li,
.tp11-domestic-card strong,
.tp11-domestic-card span,
.tp11-domestic-card a,
.tp11-log-card h2,
.tp11-log-card h3,
.tp11-log-card h4,
.tp11-log-card p,
.tp11-log-card li,
.tp11-log-card strong,
.tp11-log-card span,
.tp11-log-card a,
.tp11-flow-card h2,
.tp11-flow-card h3,
.tp11-flow-card h4,
.tp11-flow-card p,
.tp11-flow-card li,
.tp11-flow-card strong,
.tp11-flow-card span,
.tp11-flow-card a {
  color: var(--tng-white) !important;
}

.tp11-usage-card,
.tp11-living-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,237,0.96) 100%);
}

.tp11-usage-layout {
  grid-template-columns: 1.08fr .92fr;
}

.tp11-image-card .tng-image-frame,
.tp11-living-layout .tng-image-frame,
.tp11-contact-layout .tng-image-frame {
  min-height: 320px !important;
}

.tp11-image-card,
.tp11-contact-image {
  border-radius: 30px;
  overflow: hidden;
}

.tp11-band-layout {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tp11-band-card {
  padding: 28px !important;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp11-band-card-dark {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
}

.tp11-band-card-dark h2,
.tp11-band-card-dark h3,
.tp11-band-card-dark h4,
.tp11-band-card-dark p,
.tp11-band-card-dark li,
.tp11-band-card-dark strong,
.tp11-band-card-dark span,
.tp11-band-card-dark a {
  color: var(--tng-white) !important;
}

.tp11-log-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 24px;
}

.tp11-log-rail {
  display: grid;
  gap: 18px;
}

.tp11-log-ticket {
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp11-signals-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tp11-signal-card {
  text-align: left;
}

.tp11-signal-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp11-living-layout {
  grid-template-columns: .88fr 1.12fr;
}

.tp11-proof-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tp11-columns-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp11-strip-grid {
  grid-template-columns: 1.1fr .9fr;
}

.tp11-strip-main,
.tp11-strip-side {
  display: grid;
  gap: 18px;
}

.tp11-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp11-bottom-box h2,
.tp11-bottom-box h3,
.tp11-bottom-box h4,
.tp11-bottom-box p,
.tp11-bottom-box li,
.tp11-bottom-box strong,
.tp11-bottom-box span,
.tp11-bottom-box a {
  color: var(--tng-white) !important;
}

.tp11-contact-layout {
  grid-template-columns: 1fr 1fr;
}

.tp11-contact-note {
  padding: 28px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
}

.tp11-contact-note h2,
.tp11-contact-note h3,
.tp11-contact-note h4,
.tp11-contact-note p,
.tp11-contact-note li,
.tp11-contact-note strong,
.tp11-contact-note span,
.tp11-contact-note a {
  color: var(--tng-white) !important;
}

.tp11-bottom-box .tng-contact {
  background: rgba(255, 255, 255, 0.06);
  color: var(--tng-white);
}

.tp11-bottom-box .tng-contact a {
  color: var(--tng-secondary);
}

.tp11-contact-note .tng-eyebrow,
.tp11-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp11-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp11-hero-layout,
  .tp11-rhythm-grid,
  .tp11-domestic-layout,
  .tp11-usage-layout,
  .tp11-band-layout,
  .tp11-log-layout,
  .tp11-signals-grid,
  .tp11-living-layout,
  .tp11-proof-grid,
  .tp11-columns-grid,
  .tp11-strip-grid,
  .tp11-contact-layout {
    grid-template-columns: 1fr !important;
  }

  .tp11-rhythm-card,
  .tp11-domestic-card,
  .tp11-usage-card,
  .tp11-band-card,
  .tp11-log-card,
  .tp11-signal-card,
  .tp11-living-card,
  .tp11-flow-card,
  .tp11-proof-card,
  .tp11-column-card,
  .tp11-strip-card,
  .tp11-bottom-box,
  .tp11-contact-note,
  .tp11-hero-note,
  .tp11-log-ticket {
    padding: 24px !important;
  }
}

/* template-12 */
.tp12-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #f4f7ee 0%, #ffffff 16%, #eef3e6 100%),
    radial-gradient(circle at left center, rgba(169, 223, 89, 0.08), transparent 24%);
}

#tp12-shell {
  overflow-x: hidden;
}

#tp12-shell h1,
#tp12-shell h2,
#tp12-shell h3,
#tp12-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp12-shell h1 {
  font-size: clamp(2.14rem, 3vw, 2.98rem) !important;
  color: var(--tng-white) !important;
}

#tp12-shell h2 {
  font-size: clamp(1.6rem, 1.96vw, 1.98rem) !important;
}

#tp12-shell h3 {
  font-size: clamp(1.3rem, 1.48vw, 1.44rem) !important;
}

#tp12-shell h4 {
  font-size: clamp(1.1rem, 1.14vw, 1.16rem) !important;
}

#tp12-shell p,
#tp12-shell li,
#tp12-shell strong,
#tp12-shell span,
#tp12-shell a {
  overflow-wrap: anywhere;
}

#tp12-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp12-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.98) 0%, rgba(20, 29, 7, 0.96) 46%, rgba(36, 52, 12, 0.94) 100%);
}

.tp12-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at right top, rgba(169, 223, 89, 0.18), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp12-brand-tab,
.tp12-hero-copy,
.tp12-hero-wall,
.tp12-hero-note,
.tp12-slab-card,
.tp12-room-card,
.tp12-track-card,
.tp12-dwelling-card,
.tp12-check-card,
.tp12-context-card,
.tp12-column-card,
.tp12-log-card,
.tp12-photo-card,
.tp12-panel-card,
.tp12-summary-card,
.tp12-bottom-box,
.tp12-contact-aside {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp12-hero-copy .tng-breadcrumb,
.tp12-hero-copy .tng-breadcrumb a,
.tp12-hero-copy p,
.tp12-hero-copy li,
.tp12-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp12-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp12-brand-tab {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp12-brand-tab img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp12-brand-tab span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp12-hero-layout {
  display: grid;
  grid-template-columns: .98fr 1.02fr;
  gap: 28px;
  align-items: center;
}

.tp12-hero-wall {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.tp12-hero-wall .tng-image-frame {
  min-height: 220px !important;
}

.tp12-hero-note {
  grid-column: 1 / 3;
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp12-hero-note h2,
.tp12-hero-note h3,
.tp12-hero-note h4,
.tp12-hero-note p,
.tp12-hero-note li,
.tp12-hero-note strong,
.tp12-hero-note span,
.tp12-hero-note a {
  color: var(--tng-white) !important;
}

.tp12-section-head {
  max-width: 820px;
  margin-bottom: 30px;
}

.tp12-slab-layout,
.tp12-dwelling-layout,
.tp12-context-layout,
.tp12-photo-layout,
.tp12-bottom-layout {
  display: grid;
  gap: 24px;
}

.tp12-slab-layout {
  grid-template-columns: 1.14fr .86fr;
}

.tp12-slab-card,
.tp12-room-card,
.tp12-dwelling-card,
.tp12-context-card,
.tp12-photo-card,
.tp12-summary-card {
  padding: 34px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp12-room-card-dark,
.tp12-track-card,
.tp12-log-card,
.tp12-panel-card,
.tp12-contact-aside {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp12-room-card-dark,
.tp12-track-card,
.tp12-log-card,
.tp12-panel-card,
.tp12-contact-aside {
  padding: 30px !important;
  border-radius: 28px;
}

.tp12-room-card-dark h2,
.tp12-room-card-dark h3,
.tp12-room-card-dark h4,
.tp12-room-card-dark p,
.tp12-room-card-dark li,
.tp12-room-card-dark strong,
.tp12-room-card-dark span,
.tp12-room-card-dark a,
.tp12-track-card h2,
.tp12-track-card h3,
.tp12-track-card h4,
.tp12-track-card p,
.tp12-track-card li,
.tp12-track-card strong,
.tp12-track-card span,
.tp12-track-card a,
.tp12-log-card h2,
.tp12-log-card h3,
.tp12-log-card h4,
.tp12-log-card p,
.tp12-log-card li,
.tp12-log-card strong,
.tp12-log-card span,
.tp12-log-card a,
.tp12-panel-card h2,
.tp12-panel-card h3,
.tp12-panel-card h4,
.tp12-panel-card p,
.tp12-panel-card li,
.tp12-panel-card strong,
.tp12-panel-card span,
.tp12-panel-card a,
.tp12-contact-aside h2,
.tp12-contact-aside h3,
.tp12-contact-aside h4,
.tp12-contact-aside p,
.tp12-contact-aside li,
.tp12-contact-aside strong,
.tp12-contact-aside span,
.tp12-contact-aside a {
  color: var(--tng-white) !important;
}

.tp12-room-grid,
.tp12-track-grid,
.tp12-check-grid,
.tp12-columns-grid,
.tp12-panel-grid,
.tp12-summary-grid {
  display: grid;
  gap: 20px;
}

.tp12-room-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp12-room-card {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp12-track-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tp12-track-index,
.tp12-check-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-white);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp12-dwelling-layout {
  grid-template-columns: .9fr 1.1fr;
}

.tp12-check-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp12-check-card {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp12-context-layout {
  grid-template-columns: 1.08fr .92fr;
}

.tp12-columns-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tp12-column-card {
  padding: 28px !important;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp12-log-layout {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 24px;
}

.tp12-log-rail {
  display: grid;
  gap: 18px;
}

.tp12-log-ticket {
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp12-photo-layout {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tp12-photo-layout .tng-image-frame {
  min-height: 300px !important;
}

.tp12-panel-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp12-summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tp12-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp12-bottom-layout {
  grid-template-columns: 1fr 320px;
}

.tp12-bottom-main {
  display: grid;
  gap: 18px;
}

.tp12-bottom-box .tng-contact {
  background: #f1f4eb;
}

.tp12-contact-aside .tng-eyebrow,
.tp12-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp12-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp12-hero-layout,
  .tp12-hero-wall,
  .tp12-slab-layout,
  .tp12-room-grid,
  .tp12-track-grid,
  .tp12-dwelling-layout,
  .tp12-check-grid,
  .tp12-context-layout,
  .tp12-columns-grid,
  .tp12-log-layout,
  .tp12-photo-layout,
  .tp12-panel-grid,
  .tp12-summary-grid,
  .tp12-bottom-layout {
    grid-template-columns: 1fr !important;
  }

  .tp12-slab-card,
  .tp12-room-card,
  .tp12-track-card,
  .tp12-dwelling-card,
  .tp12-check-card,
  .tp12-context-card,
  .tp12-column-card,
  .tp12-log-card,
  .tp12-log-ticket,
  .tp12-panel-card,
  .tp12-summary-card,
  .tp12-bottom-box,
  .tp12-contact-aside,
  .tp12-hero-note,
  .tp12-photo-card {
    padding: 24px !important;
  }

  .tp12-hero-wall .tng-image-frame:nth-of-type(n+2),
  .tp12-slab-images .tng-image-frame:nth-of-type(n+2),
  .tp12-photo-layout .tng-image-frame:nth-of-type(n+3) {
    display: none;
  }
}

/* template-13 */
.tp13-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #f4f7ee 0%, #ffffff 16%, #eef3e6 100%),
    radial-gradient(circle at center left, rgba(169, 223, 89, 0.08), transparent 24%);
}

#tp13-shell {
  overflow-x: hidden;
}

#tp13-shell h1,
#tp13-shell h2,
#tp13-shell h3,
#tp13-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp13-shell h1 {
  font-size: clamp(2.12rem, 3vw, 2.96rem) !important;
  color: var(--tng-white) !important;
}

#tp13-shell h2 {
  font-size: clamp(1.58rem, 1.95vw, 1.96rem) !important;
}

#tp13-shell h3 {
  font-size: clamp(1.3rem, 1.46vw, 1.42rem) !important;
}

#tp13-shell h4 {
  font-size: clamp(1.1rem, 1.14vw, 1.16rem) !important;
}

#tp13-shell p,
#tp13-shell li,
#tp13-shell strong,
#tp13-shell span,
#tp13-shell a {
  overflow-wrap: anywhere;
}

#tp13-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp13-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.98) 0%, rgba(20, 29, 7, 0.96) 46%, rgba(36, 52, 12, 0.94) 100%);
}

.tp13-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top left, rgba(169, 223, 89, 0.18), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp13-brand-ribbon,
.tp13-hero-copy,
.tp13-hero-collage,
.tp13-collage-note,
.tp13-merge-card,
.tp13-business-card,
.tp13-home-card,
.tp13-gallery-card,
.tp13-row-card,
.tp13-check-card,
.tp13-branch-card,
.tp13-proof-card,
.tp13-bottom-box,
.tp13-contact-aside,
.tp13-tall-card,
.tp13-compare-card,
.tp13-grid-card {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp13-hero-copy .tng-breadcrumb,
.tp13-hero-copy .tng-breadcrumb a,
.tp13-hero-copy p,
.tp13-hero-copy li,
.tp13-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp13-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp13-brand-ribbon {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp13-brand-ribbon img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp13-brand-ribbon span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp13-hero-layout {
  display: grid;
  grid-template-columns: .96fr 1.04fr;
  gap: 28px;
  align-items: center;
}

.tp13-hero-collage {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.tp13-hero-collage .tng-image-frame {
  min-height: 180px !important;
}

.tp13-collage-note {
  grid-column: 1 / 4;
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp13-collage-note h2,
.tp13-collage-note h3,
.tp13-collage-note h4,
.tp13-collage-note p,
.tp13-collage-note li,
.tp13-collage-note strong,
.tp13-collage-note span,
.tp13-collage-note a {
  color: var(--tng-white) !important;
}

.tp13-section-head {
  max-width: 820px;
  margin-bottom: 30px;
}

.tp13-merge-layout,
.tp13-business-layout,
.tp13-home-layout,
.tp13-compare-layout,
.tp13-proof-layout,
.tp13-bottom-layout {
  display: grid;
  gap: 24px;
}

.tp13-merge-layout {
  grid-template-columns: .86fr 1.14fr;
}

.tp13-merge-card,
.tp13-business-card,
.tp13-home-card,
.tp13-proof-card,
.tp13-tall-card,
.tp13-compare-card,
.tp13-grid-card {
  padding: 34px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp13-merge-dark,
.tp13-business-dark,
.tp13-row-dark,
.tp13-branch-dark,
.tp13-contact-aside {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp13-merge-dark,
.tp13-business-dark,
.tp13-row-dark,
.tp13-branch-dark,
.tp13-contact-aside {
  padding: 30px !important;
  border-radius: 28px;
}

.tp13-merge-dark h2,
.tp13-merge-dark h3,
.tp13-merge-dark h4,
.tp13-merge-dark p,
.tp13-merge-dark li,
.tp13-merge-dark strong,
.tp13-merge-dark span,
.tp13-merge-dark a,
.tp13-business-dark h2,
.tp13-business-dark h3,
.tp13-business-dark h4,
.tp13-business-dark p,
.tp13-business-dark li,
.tp13-business-dark strong,
.tp13-business-dark span,
.tp13-business-dark a,
.tp13-row-dark h2,
.tp13-row-dark h3,
.tp13-row-dark h4,
.tp13-row-dark p,
.tp13-row-dark li,
.tp13-row-dark strong,
.tp13-row-dark span,
.tp13-row-dark a,
.tp13-branch-dark h2,
.tp13-branch-dark h3,
.tp13-branch-dark h4,
.tp13-branch-dark p,
.tp13-branch-dark li,
.tp13-branch-dark strong,
.tp13-branch-dark span,
.tp13-branch-dark a,
.tp13-contact-aside h2,
.tp13-contact-aside h3,
.tp13-contact-aside h4,
.tp13-contact-aside p,
.tp13-contact-aside li,
.tp13-contact-aside strong,
.tp13-contact-aside span,
.tp13-contact-aside a {
  color: var(--tng-white) !important;
}

.tp13-business-layout,
.tp13-home-layout {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp13-gallery-ribbon {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.tp13-gallery-ribbon .tng-image-frame {
  min-height: 260px !important;
}

.tp13-row-layout {
  display: grid;
  grid-template-columns: 1.06fr .94fr;
  gap: 24px;
}

.tp13-row-light,
.tp13-row-dark {
  padding: 34px !important;
  border-radius: 30px;
  box-shadow: var(--tng-shadow);
}

.tp13-row-light {
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
}

.tp13-check-grid,
.tp13-branch-grid,
.tp13-proof-grid,
.tp13-summary-grid {
  display: grid;
  gap: 20px;
}

.tp13-check-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tp13-check-card {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp13-check-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp13-compare-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tp13-branch-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp13-proof-layout {
  grid-template-columns: .88fr 1.12fr;
  align-items: start;
}

.tp13-proof-layout .tng-image-frame {
  min-height: 320px !important;
}

.tp13-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp13-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp13-bottom-layout {
  grid-template-columns: 1fr 320px;
}

.tp13-bottom-main {
  display: grid;
  gap: 18px;
}

.tp13-bottom-box .tng-contact {
  background: #f1f4eb;
}

.tp13-contact-aside .tng-eyebrow,
.tp13-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp13-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp13-hero-layout,
  .tp13-hero-collage,
  .tp13-merge-layout,
  .tp13-business-layout,
  .tp13-home-layout,
  .tp13-gallery-ribbon,
  .tp13-row-layout,
  .tp13-check-grid,
  .tp13-compare-layout,
  .tp13-branch-grid,
  .tp13-proof-layout,
  .tp13-summary-grid,
  .tp13-bottom-layout {
    grid-template-columns: 1fr !important;
  }

  .tp13-merge-card,
  .tp13-business-card,
  .tp13-home-card,
  .tp13-row-light,
  .tp13-check-card,
  .tp13-compare-card,
  .tp13-proof-card,
  .tp13-tall-card,
  .tp13-grid-card,
  .tp13-bottom-box,
  .tp13-contact-aside,
  .tp13-collage-note,
  .tp13-merge-dark,
  .tp13-business-dark,
  .tp13-row-dark,
  .tp13-branch-dark {
    padding: 24px !important;
  }

  .tp13-hero-collage .tng-image-frame:nth-of-type(n+2),
  .tp13-gallery-ribbon .tng-image-frame:nth-of-type(n+3) {
    display: none;
  }
}

/* template-14 */
.tp14-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #ffffff 0%, #f3f6ec 18%, #ffffff 100%),
    radial-gradient(circle at right top, rgba(169, 223, 89, 0.08), transparent 24%);
}

#tp14-shell {
  overflow-x: hidden;
}

#tp14-shell h1,
#tp14-shell h2,
#tp14-shell h3,
#tp14-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp14-shell h1 {
  font-size: clamp(2.16rem, 3.02vw, 3rem) !important;
  color: var(--tng-white) !important;
}

#tp14-shell h2 {
  font-size: clamp(1.62rem, 1.98vw, 2rem) !important;
}

#tp14-shell h3 {
  font-size: clamp(1.32rem, 1.5vw, 1.46rem) !important;
}

#tp14-shell h4 {
  font-size: clamp(1.12rem, 1.16vw, 1.18rem) !important;
}

#tp14-shell p,
#tp14-shell li,
#tp14-shell strong,
#tp14-shell span,
#tp14-shell a {
  overflow-wrap: anywhere;
}

#tp14-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp14-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.98) 0%, rgba(20, 29, 7, 0.96) 44%, rgba(36, 52, 12, 0.94) 100%);
}

.tp14-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at left top, rgba(169, 223, 89, 0.18), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp14-brand-line,
.tp14-hero-copy,
.tp14-hero-board,
.tp14-board-card,
.tp14-ladder-card,
.tp14-panel-card,
.tp14-rail-card,
.tp14-photo-card,
.tp14-split-card,
.tp14-grid-card,
.tp14-ribbon-card,
.tp14-dense-card,
.tp14-summary-card,
.tp14-bottom-box,
.tp14-contact-aside {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp14-hero-copy .tng-breadcrumb,
.tp14-hero-copy .tng-breadcrumb a,
.tp14-hero-copy p,
.tp14-hero-copy li,
.tp14-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp14-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp14-brand-line {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp14-brand-line img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp14-brand-line span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp14-hero-layout {
  display: grid;
  grid-template-columns: 1.04fr .96fr;
  gap: 28px;
  align-items: center;
}

.tp14-hero-board {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.tp14-hero-board .tng-image-frame {
  min-height: 170px !important;
}

.tp14-board-card {
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp14-board-card h2,
.tp14-board-card h3,
.tp14-board-card h4,
.tp14-board-card p,
.tp14-board-card li,
.tp14-board-card strong,
.tp14-board-card span,
.tp14-board-card a {
  color: var(--tng-white) !important;
}

.tp14-section-head {
  max-width: 840px;
  margin-bottom: 30px;
}

.tp14-ladder-layout,
.tp14-split-layout,
.tp14-ribbon-layout,
.tp14-dense-layout,
.tp14-bottom-layout {
  display: grid;
  gap: 24px;
}

.tp14-ladder-layout {
  grid-template-columns: 300px 1fr;
}

.tp14-ladder-rail {
  display: grid;
  gap: 18px;
}

.tp14-ladder-card {
  padding: 24px !important;
  border-radius: 24px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp14-ladder-card h2,
.tp14-ladder-card h3,
.tp14-ladder-card h4,
.tp14-ladder-card p,
.tp14-ladder-card li,
.tp14-ladder-card strong,
.tp14-ladder-card span,
.tp14-ladder-card a {
  color: var(--tng-white) !important;
}

.tp14-ladder-main {
  padding: 36px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp14-photo-ribbon {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.tp14-photo-ribbon .tng-image-frame {
  min-height: 220px !important;
}

.tp14-panels-layout {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.tp14-panel-card {
  padding: 26px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp14-panel-dark {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
}

.tp14-panel-dark h2,
.tp14-panel-dark h3,
.tp14-panel-dark h4,
.tp14-panel-dark p,
.tp14-panel-dark li,
.tp14-panel-dark strong,
.tp14-panel-dark span,
.tp14-panel-dark a {
  color: var(--tng-white) !important;
}

.tp14-track-layout {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

.tp14-rail-card {
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp14-rank {
  font-size: 42px;
  font-weight: 800;
  color: var(--tng-secondary);
}

.tp14-split-layout {
  grid-template-columns: .92fr 1.08fr;
}

.tp14-photo-card .tng-image-frame,
.tp14-proof-strip .tng-image-frame,
.tp14-summary-images .tng-image-frame {
  min-height: 300px !important;
}

.tp14-photo-card,
.tp14-split-card,
.tp14-grid-card,
.tp14-summary-card {
  padding: 34px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp14-ribbon-layout {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tp14-ribbon-card {
  padding: 30px !important;
  border-radius: 28px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp14-ribbon-card h2,
.tp14-ribbon-card h3,
.tp14-ribbon-card h4,
.tp14-ribbon-card p,
.tp14-ribbon-card li,
.tp14-ribbon-card strong,
.tp14-ribbon-card span,
.tp14-ribbon-card a {
  color: var(--tng-white) !important;
}

.tp14-dense-layout {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp14-dense-card {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp14-proof-layout {
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 24px;
  align-items: start;
}

.tp14-proof-main {
  padding: 36px !important;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,237,0.96) 100%);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp14-proof-strip {
  display: grid;
  gap: 16px;
}

.tp14-summary-layout {
  display: grid;
  grid-template-columns: .84fr 1.16fr;
  gap: 24px;
}

.tp14-summary-images {
  display: grid;
  gap: 16px;
}

.tp14-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp14-bottom-box h2,
.tp14-bottom-box h3,
.tp14-bottom-box h4,
.tp14-bottom-box p,
.tp14-bottom-box li,
.tp14-bottom-box strong,
.tp14-bottom-box span,
.tp14-bottom-box a {
  color: var(--tng-white) !important;
}

.tp14-bottom-layout {
  grid-template-columns: 1fr 320px;
}

.tp14-bottom-main {
  display: grid;
  gap: 18px;
}

.tp14-contact-aside {
  padding: 28px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
}

.tp14-contact-aside h2,
.tp14-contact-aside h3,
.tp14-contact-aside h4,
.tp14-contact-aside p,
.tp14-contact-aside li,
.tp14-contact-aside strong,
.tp14-contact-aside span,
.tp14-contact-aside a {
  color: var(--tng-white) !important;
}

.tp14-bottom-box .tng-contact {
  background: rgba(255, 255, 255, 0.06);
  color: var(--tng-white);
}

.tp14-bottom-box .tng-contact a {
  color: var(--tng-secondary);
}

.tp14-contact-aside .tng-eyebrow,
.tp14-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp14-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp14-hero-layout,
  .tp14-hero-board,
  .tp14-ladder-layout,
  .tp14-photo-ribbon,
  .tp14-panels-layout,
  .tp14-track-layout,
  .tp14-split-layout,
  .tp14-ribbon-layout,
  .tp14-dense-layout,
  .tp14-proof-layout,
  .tp14-summary-layout,
  .tp14-bottom-layout {
    grid-template-columns: 1fr !important;
  }

  .tp14-ladder-main,
  .tp14-panel-card,
  .tp14-rail-card,
  .tp14-photo-card,
  .tp14-split-card,
  .tp14-grid-card,
  .tp14-ribbon-card,
  .tp14-dense-card,
  .tp14-proof-main,
  .tp14-summary-card,
  .tp14-bottom-box,
  .tp14-contact-aside,
  .tp14-board-card,
  .tp14-ladder-card {
    padding: 24px !important;
  }

  .tp14-hero-board .tng-image-frame:nth-of-type(n+2),
  .tp14-photo-ribbon .tng-image-frame:nth-of-type(n+3),
  .tp14-proof-strip .tng-image-frame:nth-of-type(n+2),
  .tp14-summary-images .tng-image-frame:nth-of-type(n+2) {
    display: none;
  }
}

/* template-15 */
.tp15-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #f5f8f1 0%, #ffffff 16%, #eef3e6 100%),
    radial-gradient(circle at left top, rgba(169, 223, 89, 0.08), transparent 24%);
}

#tp15-shell {
  overflow-x: hidden;
}

#tp15-shell h1,
#tp15-shell h2,
#tp15-shell h3,
#tp15-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp15-shell h1 {
  font-size: clamp(2.18rem, 3.04vw, 3.02rem) !important;
  color: var(--tng-white) !important;
}

#tp15-shell h2 {
  font-size: clamp(1.62rem, 1.98vw, 2rem) !important;
}

#tp15-shell h3 {
  font-size: clamp(1.32rem, 1.5vw, 1.46rem) !important;
}

#tp15-shell h4 {
  font-size: clamp(1.12rem, 1.16vw, 1.18rem) !important;
}

#tp15-shell p,
#tp15-shell li,
#tp15-shell strong,
#tp15-shell span,
#tp15-shell a {
  overflow-wrap: anywhere;
}

#tp15-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp15-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.98) 0%, rgba(20, 29, 7, 0.96) 44%, rgba(36, 52, 12, 0.94) 100%);
}

.tp15-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at center right, rgba(169, 223, 89, 0.18), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp15-brand-chip,
.tp15-hero-copy,
.tp15-hero-grid,
.tp15-mosaic-card,
.tp15-alert-card,
.tp15-log-card,
.tp15-check-card,
.tp15-strip-card,
.tp15-proof-card,
.tp15-prevent-card,
.tp15-bottom-box,
.tp15-contact-aside,
.tp15-list-card,
.tp15-balance-card,
.tp15-grid-card,
.tp15-media-card {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp15-hero-copy .tng-breadcrumb,
.tp15-hero-copy .tng-breadcrumb a,
.tp15-hero-copy p,
.tp15-hero-copy li,
.tp15-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp15-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp15-brand-chip {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp15-brand-chip img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp15-brand-chip span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp15-hero-layout {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 28px;
  align-items: center;
}

.tp15-hero-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.tp15-hero-grid .tng-image-frame {
  min-height: 190px !important;
}

.tp15-alert-card {
  grid-column: 1 / 4;
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp15-alert-card h2,
.tp15-alert-card h3,
.tp15-alert-card h4,
.tp15-alert-card p,
.tp15-alert-card li,
.tp15-alert-card strong,
.tp15-alert-card span,
.tp15-alert-card a {
  color: var(--tng-white) !important;
}

.tp15-section-head {
  max-width: 840px;
  margin-bottom: 30px;
}

.tp15-mosaic-layout,
.tp15-proof-layout,
.tp15-balance-layout,
.tp15-media-layout,
.tp15-bottom-layout {
  display: grid;
  gap: 24px;
}

.tp15-mosaic-layout {
  grid-template-columns: 1.1fr .9fr;
}

.tp15-mosaic-main,
.tp15-mosaic-side,
.tp15-balance-card,
.tp15-media-card,
.tp15-proof-card,
.tp15-prevent-card,
.tp15-grid-card,
.tp15-list-card {
  padding: 34px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp15-mosaic-side,
.tp15-log-card,
.tp15-strip-card,
.tp15-contact-aside {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp15-mosaic-side,
.tp15-log-card,
.tp15-strip-card,
.tp15-contact-aside {
  padding: 30px !important;
  border-radius: 28px;
}

.tp15-mosaic-side h2,
.tp15-mosaic-side h3,
.tp15-mosaic-side h4,
.tp15-mosaic-side p,
.tp15-mosaic-side li,
.tp15-mosaic-side strong,
.tp15-mosaic-side span,
.tp15-mosaic-side a,
.tp15-log-card h2,
.tp15-log-card h3,
.tp15-log-card h4,
.tp15-log-card p,
.tp15-log-card li,
.tp15-log-card strong,
.tp15-log-card span,
.tp15-log-card a,
.tp15-strip-card h2,
.tp15-strip-card h3,
.tp15-strip-card h4,
.tp15-strip-card p,
.tp15-strip-card li,
.tp15-strip-card strong,
.tp15-strip-card span,
.tp15-strip-card a,
.tp15-contact-aside h2,
.tp15-contact-aside h3,
.tp15-contact-aside h4,
.tp15-contact-aside p,
.tp15-contact-aside li,
.tp15-contact-aside strong,
.tp15-contact-aside span,
.tp15-contact-aside a {
  color: var(--tng-white) !important;
}

.tp15-log-layout,
.tp15-grid-layout,
.tp15-summary-layout,
.tp15-check-layout,
.tp15-strip-layout {
  display: grid;
  gap: 20px;
}

.tp15-log-layout {
  grid-template-columns: 300px 1fr;
}

.tp15-log-rail {
  display: grid;
  gap: 18px;
}

.tp15-log-ticket {
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp15-check-layout {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.tp15-check-card {
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp15-check-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp15-photo-ribbon {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

.tp15-photo-ribbon .tng-image-frame,
.tp15-proof-strip .tng-image-frame,
.tp15-summary-media .tng-image-frame,
.tp15-media-layout .tng-image-frame {
  min-height: 240px !important;
}

.tp15-proof-layout {
  grid-template-columns: .9fr 1.1fr;
  align-items: start;
}

.tp15-proof-strip {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.tp15-balance-layout {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tp15-grid-layout {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp15-media-layout {
  grid-template-columns: 1fr 1fr;
}

.tp15-strip-layout {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tp15-summary-layout {
  grid-template-columns: .86fr 1.14fr;
}

.tp15-summary-media {
  display: grid;
  gap: 16px;
}

.tp15-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp15-bottom-layout {
  grid-template-columns: 1fr 320px;
}

.tp15-bottom-main {
  display: grid;
  gap: 18px;
}

.tp15-bottom-box .tng-contact {
  background: #f1f4eb;
}

.tp15-contact-aside .tng-eyebrow,
.tp15-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp15-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp15-hero-layout,
  .tp15-hero-grid,
  .tp15-mosaic-layout,
  .tp15-log-layout,
  .tp15-check-layout,
  .tp15-photo-ribbon,
  .tp15-proof-layout,
  .tp15-proof-strip,
  .tp15-balance-layout,
  .tp15-grid-layout,
  .tp15-media-layout,
  .tp15-strip-layout,
  .tp15-summary-layout,
  .tp15-bottom-layout {
    grid-template-columns: 1fr !important;
  }

  .tp15-mosaic-main,
  .tp15-mosaic-side,
  .tp15-proof-card,
  .tp15-prevent-card,
  .tp15-balance-card,
  .tp15-grid-card,
  .tp15-media-card,
  .tp15-summary-card,
  .tp15-bottom-box,
  .tp15-contact-aside,
  .tp15-alert-card,
  .tp15-list-card,
  .tp15-log-card,
  .tp15-strip-card,
  .tp15-check-card,
  .tp15-log-ticket {
    padding: 24px !important;
  }

  .tp15-hero-grid .tng-image-frame:nth-of-type(n+2),
  .tp15-photo-ribbon .tng-image-frame:nth-of-type(n+3),
  .tp15-proof-strip .tng-image-frame:nth-of-type(n+2),
  .tp15-summary-media .tng-image-frame:nth-of-type(n+2) {
    display: none;
  }
}

/* template-16 */
.tp16-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #f4f7ee 0%, #ffffff 15%, #eff4e8 100%),
    radial-gradient(circle at center left, rgba(169, 223, 89, 0.08), transparent 24%);
}

#tp16-shell {
  overflow-x: hidden;
}

#tp16-shell h1,
#tp16-shell h2,
#tp16-shell h3,
#tp16-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp16-shell h1 {
  font-size: clamp(2.18rem, 3.06vw, 3.04rem) !important;
  color: var(--tng-white) !important;
}

#tp16-shell h2 {
  font-size: clamp(1.62rem, 1.98vw, 2rem) !important;
}

#tp16-shell h3 {
  font-size: clamp(1.32rem, 1.5vw, 1.46rem) !important;
}

#tp16-shell h4 {
  font-size: clamp(1.12rem, 1.16vw, 1.18rem) !important;
}

#tp16-shell p,
#tp16-shell li,
#tp16-shell strong,
#tp16-shell span,
#tp16-shell a {
  overflow-wrap: anywhere;
}

#tp16-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp16-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.98) 0%, rgba(20, 29, 7, 0.96) 44%, rgba(36, 52, 12, 0.94) 100%);
}

.tp16-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top right, rgba(169, 223, 89, 0.18), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp16-brand-tab,
.tp16-hero-copy,
.tp16-hero-map,
.tp16-map-note,
.tp16-atlas-card,
.tp16-node-card,
.tp16-slab-card,
.tp16-strip-card,
.tp16-log-card,
.tp16-proof-card,
.tp16-bottom-box,
.tp16-contact-side,
.tp16-image-card,
.tp16-list-card,
.tp16-map-card {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp16-hero-copy .tng-breadcrumb,
.tp16-hero-copy .tng-breadcrumb a,
.tp16-hero-copy p,
.tp16-hero-copy li,
.tp16-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp16-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp16-brand-tab {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp16-brand-tab img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp16-brand-tab span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp16-hero-layout {
  display: grid;
  grid-template-columns: .96fr 1.04fr;
  gap: 28px;
  align-items: center;
}

.tp16-hero-map {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.tp16-hero-map .tng-image-frame {
  min-height: 180px !important;
}

.tp16-map-note {
  grid-column: 1 / 3;
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp16-map-note h2,
.tp16-map-note h3,
.tp16-map-note h4,
.tp16-map-note p,
.tp16-map-note li,
.tp16-map-note strong,
.tp16-map-note span,
.tp16-map-note a {
  color: var(--tng-white) !important;
}

.tp16-section-head {
  max-width: 840px;
  margin-bottom: 30px;
}

.tp16-atlas-layout,
.tp16-slab-layout,
.tp16-strip-layout,
.tp16-proof-layout,
.tp16-summary-layout,
.tp16-bottom-layout,
.tp16-map-layout,
.tp16-dual-layout {
  display: grid;
  gap: 24px;
}

.tp16-atlas-layout {
  grid-template-columns: 320px 1fr;
}

.tp16-atlas-rail {
  display: grid;
  gap: 18px;
}

.tp16-atlas-card,
.tp16-slab-card,
.tp16-proof-card,
.tp16-image-card,
.tp16-list-card,
.tp16-map-card {
  padding: 34px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp16-atlas-dark,
.tp16-node-card,
.tp16-strip-card,
.tp16-log-card,
.tp16-contact-side {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp16-atlas-dark,
.tp16-node-card,
.tp16-strip-card,
.tp16-log-card,
.tp16-contact-side {
  padding: 30px !important;
  border-radius: 28px;
}

.tp16-atlas-dark h2,
.tp16-atlas-dark h3,
.tp16-atlas-dark h4,
.tp16-atlas-dark p,
.tp16-atlas-dark li,
.tp16-atlas-dark strong,
.tp16-atlas-dark span,
.tp16-atlas-dark a,
.tp16-node-card h2,
.tp16-node-card h3,
.tp16-node-card h4,
.tp16-node-card p,
.tp16-node-card li,
.tp16-node-card strong,
.tp16-node-card span,
.tp16-node-card a,
.tp16-strip-card h2,
.tp16-strip-card h3,
.tp16-strip-card h4,
.tp16-strip-card p,
.tp16-strip-card li,
.tp16-strip-card strong,
.tp16-strip-card span,
.tp16-strip-card a,
.tp16-log-card h2,
.tp16-log-card h3,
.tp16-log-card h4,
.tp16-log-card p,
.tp16-log-card li,
.tp16-log-card strong,
.tp16-log-card span,
.tp16-log-card a,
.tp16-contact-side h2,
.tp16-contact-side h3,
.tp16-contact-side h4,
.tp16-contact-side p,
.tp16-contact-side li,
.tp16-contact-side strong,
.tp16-contact-side span,
.tp16-contact-side a {
  color: var(--tng-white) !important;
}

.tp16-node-grid,
.tp16-proof-grid,
.tp16-list-grid,
.tp16-summary-grid,
.tp16-incident-grid {
  display: grid;
  gap: 20px;
}

.tp16-node-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tp16-node {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
  border-radius: 50%;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-white);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp16-slab-layout {
  grid-template-columns: 1.08fr .92fr;
}

.tp16-slab-images,
.tp16-proof-strip,
.tp16-summary-images,
.tp16-map-grid {
  display: grid;
  gap: 16px;
}

.tp16-slab-images {
  grid-template-columns: 1fr 1fr;
}

.tp16-slab-images .tng-image-frame,
.tp16-proof-strip .tng-image-frame,
.tp16-summary-images .tng-image-frame,
.tp16-map-grid .tng-image-frame,
.tp16-dual-layout .tng-image-frame {
  min-height: 260px !important;
}

.tp16-incident-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp16-strip-layout {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tp16-log-layout {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 24px;
}

.tp16-log-rail {
  display: grid;
  gap: 18px;
}

.tp16-log-ticket {
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp16-proof-layout {
  grid-template-columns: .9fr 1.1fr;
  align-items: start;
}

.tp16-proof-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-self: start;
}

.tp16-proof-card {
  height: auto;
}

.tp16-map-layout {
  grid-template-columns: .92fr 1.08fr;
}

.tp16-map-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tp16-map-grid .tng-image-frame:last-child {
  grid-column: 1 / 3;
}

.tp16-summary-layout {
  grid-template-columns: .84fr 1.16fr;
}

.tp16-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp16-dual-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tp16-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp16-bottom-layout {
  grid-template-columns: 1fr 320px;
}

.tp16-bottom-main {
  display: grid;
  gap: 18px;
}

.tp16-bottom-box .tng-contact {
  background: #f1f4eb;
}

.tp16-contact-side .tng-eyebrow,
.tp16-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp16-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp16-hero-layout,
  .tp16-hero-map,
  .tp16-atlas-layout,
  .tp16-node-grid,
  .tp16-slab-layout,
  .tp16-slab-images,
  .tp16-incident-grid,
  .tp16-strip-layout,
  .tp16-log-layout,
  .tp16-proof-layout,
  .tp16-proof-grid,
  .tp16-map-layout,
  .tp16-map-grid,
  .tp16-summary-layout,
  .tp16-summary-grid,
  .tp16-dual-layout,
  .tp16-bottom-layout {
    grid-template-columns: 1fr !important;
  }

  .tp16-atlas-card,
  .tp16-node-card,
  .tp16-slab-card,
  .tp16-strip-card,
  .tp16-log-card,
  .tp16-log-ticket,
  .tp16-proof-card,
  .tp16-image-card,
  .tp16-list-card,
  .tp16-map-card,
  .tp16-summary-card,
  .tp16-bottom-box,
  .tp16-contact-side,
  .tp16-map-note {
    padding: 24px !important;
  }

  .tp16-hero-map .tng-image-frame:nth-of-type(n+2),
  .tp16-slab-images .tng-image-frame:nth-of-type(n+2),
  .tp16-proof-strip .tng-image-frame:nth-of-type(n+2),
  .tp16-summary-images .tng-image-frame:nth-of-type(n+2),
  .tp16-map-grid .tng-image-frame:nth-of-type(n+2) {
    display: none;
  }

  .tp16-proof-layout {
    gap: 18px;
  }
}

/* template-17 */
.tp17-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #ffffff 0%, #f6f8f2 18%, #eef3e7 100%),
    radial-gradient(circle at center right, rgba(169, 223, 89, 0.08), transparent 24%);
}

#tp17-shell {
  overflow-x: hidden;
}

#tp17-shell h1,
#tp17-shell h2,
#tp17-shell h3,
#tp17-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp17-shell h1 {
  font-size: clamp(2.2rem, 3.08vw, 3.06rem) !important;
  color: var(--tng-white) !important;
}

#tp17-shell h2 {
  font-size: clamp(1.64rem, 2vw, 2.02rem) !important;
}

#tp17-shell h3 {
  font-size: clamp(1.34rem, 1.52vw, 1.48rem) !important;
}

#tp17-shell h4 {
  font-size: clamp(1.12rem, 1.18vw, 1.2rem) !important;
}

#tp17-shell p,
#tp17-shell li,
#tp17-shell strong,
#tp17-shell span,
#tp17-shell a {
  overflow-wrap: anywhere;
}

#tp17-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp17-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.99) 0%, rgba(18, 27, 7, 0.97) 42%, rgba(33, 48, 11, 0.95) 100%);
}

.tp17-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top left, rgba(169, 223, 89, 0.18), transparent 22%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp17-brand-stamp,
.tp17-hero-copy,
.tp17-hero-stack,
.tp17-hero-alert,
.tp17-sos-card,
.tp17-pulse-card,
.tp17-brief-card,
.tp17-evidence-card,
.tp17-lane-card,
.tp17-image-card,
.tp17-signal-card,
.tp17-bottom-box,
.tp17-contact-aside,
.tp17-case-card,
.tp17-stage-card,
.tp17-route-card,
.tp17-board-card,
.tp17-column-card {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp17-hero-copy .tng-breadcrumb,
.tp17-hero-copy .tng-breadcrumb a,
.tp17-hero-copy p,
.tp17-hero-copy li,
.tp17-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp17-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp17-brand-stamp {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp17-brand-stamp img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp17-brand-stamp span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp17-hero-layout {
  display: grid;
  grid-template-columns: .94fr 1.06fr;
  gap: 28px;
  align-items: center;
}

.tp17-hero-stack {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.tp17-hero-stack .tng-image-frame {
  min-height: 190px !important;
}

.tp17-hero-alert {
  grid-column: 1 / 3;
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp17-hero-alert h2,
.tp17-hero-alert h3,
.tp17-hero-alert h4,
.tp17-hero-alert p,
.tp17-hero-alert li,
.tp17-hero-alert strong,
.tp17-hero-alert span,
.tp17-hero-alert a {
  color: var(--tng-white) !important;
}

.tp17-section-head {
  max-width: 840px;
  margin-bottom: 30px;
}

.tp17-sos-layout,
.tp17-brief-layout,
.tp17-evidence-layout,
.tp17-image-layout,
.tp17-signal-layout,
.tp17-bottom-layout,
.tp17-compare-layout {
  display: grid;
  gap: 24px;
}

.tp17-sos-layout {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tp17-sos-card,
.tp17-pulse-card,
.tp17-brief-card,
.tp17-evidence-card,
.tp17-lane-card,
.tp17-image-card,
.tp17-case-card,
.tp17-stage-card,
.tp17-route-card,
.tp17-board-card,
.tp17-column-card {
  padding: 30px !important;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp17-sos-dark,
.tp17-brief-dark,
.tp17-route-dark,
.tp17-contact-aside {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp17-sos-dark,
.tp17-brief-dark,
.tp17-route-dark,
.tp17-contact-aside {
  padding: 30px !important;
  border-radius: 28px;
}

.tp17-sos-dark h2,
.tp17-sos-dark h3,
.tp17-sos-dark h4,
.tp17-sos-dark p,
.tp17-sos-dark li,
.tp17-sos-dark strong,
.tp17-sos-dark span,
.tp17-sos-dark a,
.tp17-brief-dark h2,
.tp17-brief-dark h3,
.tp17-brief-dark h4,
.tp17-brief-dark p,
.tp17-brief-dark li,
.tp17-brief-dark strong,
.tp17-brief-dark span,
.tp17-brief-dark a,
.tp17-route-dark h2,
.tp17-route-dark h3,
.tp17-route-dark h4,
.tp17-route-dark p,
.tp17-route-dark li,
.tp17-route-dark strong,
.tp17-route-dark span,
.tp17-route-dark a,
.tp17-contact-aside h2,
.tp17-contact-aside h3,
.tp17-contact-aside h4,
.tp17-contact-aside p,
.tp17-contact-aside li,
.tp17-contact-aside strong,
.tp17-contact-aside span,
.tp17-contact-aside a {
  color: var(--tng-white) !important;
}

.tp17-pulse-layout,
.tp17-board-layout,
.tp17-columns-layout,
.tp17-route-layout,
.tp17-proof-grid {
  display: grid;
  gap: 20px;
}

.tp17-pulse-layout {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp17-pulse-card {
  padding: 24px !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp17-pulse-index,
.tp17-signal-index,
.tp17-route-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp17-brief-layout {
  grid-template-columns: 300px 1fr;
}

.tp17-brief-rail {
  display: grid;
  gap: 18px;
}

.tp17-evidence-layout {
  grid-template-columns: .88fr 1.12fr;
}

.tp17-evidence-stack,
.tp17-proof-strip,
.tp17-summary-images {
  display: grid;
  gap: 16px;
}

.tp17-evidence-stack .tng-image-frame,
.tp17-proof-strip .tng-image-frame,
.tp17-summary-images .tng-image-frame,
.tp17-image-layout .tng-image-frame,
.tp17-compare-layout .tng-image-frame {
  min-height: 260px !important;
}

.tp17-image-layout {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp17-signal-layout {
  grid-template-columns: 1.06fr .94fr;
}

.tp17-board-layout {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tp17-columns-layout {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp17-route-layout {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tp17-proof-layout {
  display: grid;
  grid-template-columns: .84fr 1.16fr;
  gap: 24px;
  align-items: start;
}

.tp17-proof-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp17-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp17-bottom-layout {
  grid-template-columns: 1fr 320px;
}

.tp17-bottom-main {
  display: grid;
  gap: 18px;
}

.tp17-bottom-box .tng-contact {
  background: #f1f4eb;
}

.tp17-contact-aside .tng-eyebrow,
.tp17-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp17-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp17-hero-layout,
  .tp17-hero-stack,
  .tp17-sos-layout,
  .tp17-pulse-layout,
  .tp17-brief-layout,
  .tp17-evidence-layout,
  .tp17-image-layout,
  .tp17-signal-layout,
  .tp17-board-layout,
  .tp17-columns-layout,
  .tp17-route-layout,
  .tp17-proof-layout,
  .tp17-proof-grid,
  .tp17-bottom-layout,
  .tp17-compare-layout {
    grid-template-columns: 1fr !important;
  }

  .tp17-sos-card,
  .tp17-pulse-card,
  .tp17-brief-card,
  .tp17-evidence-card,
  .tp17-lane-card,
  .tp17-image-card,
  .tp17-case-card,
  .tp17-stage-card,
  .tp17-route-card,
  .tp17-board-card,
  .tp17-column-card,
  .tp17-bottom-box,
  .tp17-contact-aside,
  .tp17-hero-alert,
  .tp17-sos-dark,
  .tp17-brief-dark,
  .tp17-route-dark {
    padding: 24px !important;
  }
}

/* template-18 */
.tp18-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #ffffff 0%, #f3f6ed 18%, #ffffff 100%),
    radial-gradient(circle at left top, rgba(169, 223, 89, 0.08), transparent 24%);
}

#tp18-shell {
  overflow-x: hidden;
}

#tp18-shell h1,
#tp18-shell h2,
#tp18-shell h3,
#tp18-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp18-shell h1 {
  font-size: clamp(2.16rem, 3.04vw, 3rem) !important;
  color: var(--tng-white) !important;
}

#tp18-shell h2 {
  font-size: clamp(1.62rem, 1.98vw, 2rem) !important;
}

#tp18-shell h3 {
  font-size: clamp(1.32rem, 1.5vw, 1.46rem) !important;
}

#tp18-shell h4 {
  font-size: clamp(1.12rem, 1.16vw, 1.18rem) !important;
}

#tp18-shell p,
#tp18-shell li,
#tp18-shell strong,
#tp18-shell span,
#tp18-shell a {
  overflow-wrap: anywhere;
}

#tp18-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp18-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.98) 0%, rgba(20, 29, 7, 0.96) 44%, rgba(36, 52, 12, 0.94) 100%);
}

.tp18-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top right, rgba(169, 223, 89, 0.18), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp18-brand-badge,
.tp18-hero-copy,
.tp18-hero-lab,
.tp18-lab-card,
.tp18-module-card,
.tp18-sequence-card,
.tp18-detail-card,
.tp18-image-card,
.tp18-table-card,
.tp18-stage-card,
.tp18-proof-card,
.tp18-bottom-box,
.tp18-contact-aside,
.tp18-panel-card,
.tp18-strip-card,
.tp18-note-card,
.tp18-grid-card {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp18-hero-copy .tng-breadcrumb,
.tp18-hero-copy .tng-breadcrumb a,
.tp18-hero-copy p,
.tp18-hero-copy li,
.tp18-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp18-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp18-brand-badge {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp18-brand-badge img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp18-brand-badge span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp18-hero-layout {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 28px;
  align-items: center;
}

.tp18-hero-lab {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.tp18-hero-lab .tng-image-frame {
  min-height: 200px !important;
}

.tp18-lab-card {
  grid-column: 1 / 3;
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp18-lab-card h2,
.tp18-lab-card h3,
.tp18-lab-card h4,
.tp18-lab-card p,
.tp18-lab-card li,
.tp18-lab-card strong,
.tp18-lab-card span,
.tp18-lab-card a {
  color: var(--tng-white) !important;
}

.tp18-section-head {
  max-width: 840px;
  margin-bottom: 30px;
}

.tp18-module-layout,
.tp18-detail-layout,
.tp18-table-layout,
.tp18-proof-layout,
.tp18-bottom-layout,
.tp18-note-layout,
.tp18-compare-layout {
  display: grid;
  gap: 24px;
}

.tp18-module-layout {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp18-module-card,
.tp18-detail-card,
.tp18-image-card,
.tp18-table-card,
.tp18-proof-card,
.tp18-panel-card,
.tp18-note-card,
.tp18-grid-card {
  padding: 30px !important;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp18-module-dark,
.tp18-sequence-card,
.tp18-stage-card,
.tp18-contact-aside,
.tp18-strip-card {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp18-module-dark,
.tp18-sequence-card,
.tp18-stage-card,
.tp18-contact-aside,
.tp18-strip-card {
  padding: 30px !important;
  border-radius: 28px;
}

.tp18-module-dark h2,
.tp18-module-dark h3,
.tp18-module-dark h4,
.tp18-module-dark p,
.tp18-module-dark li,
.tp18-module-dark strong,
.tp18-module-dark span,
.tp18-module-dark a,
.tp18-sequence-card h2,
.tp18-sequence-card h3,
.tp18-sequence-card h4,
.tp18-sequence-card p,
.tp18-sequence-card li,
.tp18-sequence-card strong,
.tp18-sequence-card span,
.tp18-sequence-card a,
.tp18-stage-card h2,
.tp18-stage-card h3,
.tp18-stage-card h4,
.tp18-stage-card p,
.tp18-stage-card li,
.tp18-stage-card strong,
.tp18-stage-card span,
.tp18-stage-card a,
.tp18-contact-aside h2,
.tp18-contact-aside h3,
.tp18-contact-aside h4,
.tp18-contact-aside p,
.tp18-contact-aside li,
.tp18-contact-aside strong,
.tp18-contact-aside span,
.tp18-contact-aside a,
.tp18-strip-card h2,
.tp18-strip-card h3,
.tp18-strip-card h4,
.tp18-strip-card p,
.tp18-strip-card li,
.tp18-strip-card strong,
.tp18-strip-card span,
.tp18-strip-card a {
  color: var(--tng-white) !important;
}

.tp18-sequence-layout,
.tp18-panel-layout,
.tp18-grid-layout,
.tp18-strip-layout,
.tp18-proof-grid {
  display: grid;
  gap: 20px;
}

.tp18-sequence-layout {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tp18-sequence-index,
.tp18-stage-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-white);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp18-detail-layout {
  grid-template-columns: 1.08fr .92fr;
}

.tp18-detail-layout .tng-image-frame,
.tp18-proof-strip .tng-image-frame,
.tp18-note-layout .tng-image-frame,
.tp18-compare-layout .tng-image-frame {
  min-height: 280px !important;
}

.tp18-table-layout {
  grid-template-columns: 320px 1fr;
}

.tp18-table-rail {
  display: grid;
  gap: 18px;
}

.tp18-table-ticket {
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp18-panel-layout {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp18-note-layout {
  grid-template-columns: .9fr 1.1fr;
}

.tp18-grid-layout {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp18-strip-layout {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tp18-proof-layout {
  grid-template-columns: .86fr 1.14fr;
  align-items: start;
}

.tp18-proof-strip {
  display: grid;
  gap: 16px;
}

.tp18-proof-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-self: start;
}

.tp18-proof-card {
  height: auto;
}

.tp18-compare-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tp18-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp18-bottom-layout {
  grid-template-columns: 1fr 320px;
}

.tp18-bottom-main {
  display: grid;
  gap: 18px;
}

.tp18-bottom-box .tng-contact {
  background: #f1f4eb;
}

.tp18-contact-aside .tng-eyebrow,
.tp18-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp18-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp18-hero-layout,
  .tp18-hero-lab,
  .tp18-module-layout,
  .tp18-sequence-layout,
  .tp18-detail-layout,
  .tp18-table-layout,
  .tp18-panel-layout,
  .tp18-note-layout,
  .tp18-grid-layout,
  .tp18-strip-layout,
  .tp18-proof-layout,
  .tp18-proof-grid,
  .tp18-compare-layout,
  .tp18-bottom-layout {
    grid-template-columns: 1fr !important;
  }

  .tp18-module-card,
  .tp18-sequence-card,
  .tp18-detail-card,
  .tp18-image-card,
  .tp18-table-card,
  .tp18-proof-card,
  .tp18-bottom-box,
  .tp18-contact-aside,
  .tp18-panel-card,
  .tp18-strip-card,
  .tp18-note-card,
  .tp18-grid-card,
  .tp18-lab-card,
  .tp18-stage-card,
  .tp18-table-ticket,
  .tp18-module-dark {
    padding: 24px !important;
  }
}

/* template-19 */
.tp19-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #f6f8f2 0%, #ffffff 18%, #eef3e7 100%),
    radial-gradient(circle at center left, rgba(169, 223, 89, 0.08), transparent 24%);
}

#tp19-shell {
  overflow-x: hidden;
}

#tp19-shell h1,
#tp19-shell h2,
#tp19-shell h3,
#tp19-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp19-shell h1 {
  font-size: clamp(2.18rem, 3.08vw, 3.04rem) !important;
  color: var(--tng-white) !important;
}

#tp19-shell h2 {
  font-size: clamp(1.64rem, 2vw, 2.02rem) !important;
}

#tp19-shell h3 {
  font-size: clamp(1.34rem, 1.52vw, 1.48rem) !important;
}

#tp19-shell h4 {
  font-size: clamp(1.12rem, 1.18vw, 1.2rem) !important;
}

#tp19-shell p,
#tp19-shell li,
#tp19-shell strong,
#tp19-shell span,
#tp19-shell a {
  overflow-wrap: anywhere;
}

#tp19-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp19-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.98) 0%, rgba(20, 29, 7, 0.96) 44%, rgba(36, 52, 12, 0.94) 100%);
}

.tp19-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top center, rgba(169, 223, 89, 0.18), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp19-brand-belt,
.tp19-hero-copy,
.tp19-hero-frames,
.tp19-frame-note,
.tp19-presence-card,
.tp19-path-card,
.tp19-local-card,
.tp19-brief-card,
.tp19-image-card,
.tp19-track-card,
.tp19-signal-card,
.tp19-bottom-box,
.tp19-contact-aside,
.tp19-wide-card,
.tp19-stack-card,
.tp19-ribbon-card {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp19-hero-copy .tng-breadcrumb,
.tp19-hero-copy .tng-breadcrumb a,
.tp19-hero-copy p,
.tp19-hero-copy li,
.tp19-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp19-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp19-brand-belt {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp19-brand-belt img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp19-brand-belt span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp19-hero-layout {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 28px;
  align-items: center;
}

.tp19-hero-frames {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.tp19-hero-frames .tng-image-frame {
  min-height: 160px !important;
}

.tp19-frame-note {
  grid-column: 1 / 5;
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp19-frame-note h2,
.tp19-frame-note h3,
.tp19-frame-note h4,
.tp19-frame-note p,
.tp19-frame-note li,
.tp19-frame-note strong,
.tp19-frame-note span,
.tp19-frame-note a {
  color: var(--tng-white) !important;
}

.tp19-section-head {
  max-width: 840px;
  margin-bottom: 30px;
}

.tp19-presence-layout,
.tp19-brief-layout,
.tp19-image-layout,
.tp19-route-layout,
.tp19-bottom-layout,
.tp19-double-layout,
.tp19-proof-layout {
  display: grid;
  gap: 24px;
}

.tp19-presence-layout {
  grid-template-columns: 1.12fr .88fr;
}

.tp19-presence-card,
.tp19-local-card,
.tp19-brief-card,
.tp19-image-card,
.tp19-track-card,
.tp19-signal-card,
.tp19-wide-card,
.tp19-stack-card,
.tp19-ribbon-card {
  padding: 34px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp19-presence-dark,
.tp19-path-card,
.tp19-route-dark,
.tp19-contact-aside,
.tp19-stack-dark {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp19-presence-dark,
.tp19-path-card,
.tp19-route-dark,
.tp19-contact-aside,
.tp19-stack-dark {
  padding: 30px !important;
  border-radius: 28px;
}

.tp19-presence-dark h2,
.tp19-presence-dark h3,
.tp19-presence-dark h4,
.tp19-presence-dark p,
.tp19-presence-dark li,
.tp19-presence-dark strong,
.tp19-presence-dark span,
.tp19-presence-dark a,
.tp19-path-card h2,
.tp19-path-card h3,
.tp19-path-card h4,
.tp19-path-card p,
.tp19-path-card li,
.tp19-path-card strong,
.tp19-path-card span,
.tp19-path-card a,
.tp19-route-dark h2,
.tp19-route-dark h3,
.tp19-route-dark h4,
.tp19-route-dark p,
.tp19-route-dark li,
.tp19-route-dark strong,
.tp19-route-dark span,
.tp19-route-dark a,
.tp19-contact-aside h2,
.tp19-contact-aside h3,
.tp19-contact-aside h4,
.tp19-contact-aside p,
.tp19-contact-aside li,
.tp19-contact-aside strong,
.tp19-contact-aside span,
.tp19-contact-aside a,
.tp19-stack-dark h2,
.tp19-stack-dark h3,
.tp19-stack-dark h4,
.tp19-stack-dark p,
.tp19-stack-dark li,
.tp19-stack-dark strong,
.tp19-stack-dark span,
.tp19-stack-dark a {
  color: var(--tng-white) !important;
}

.tp19-path-layout,
.tp19-local-grid,
.tp19-track-grid,
.tp19-signal-grid,
.tp19-ribbon-layout,
.tp19-summary-grid {
  display: grid;
  gap: 20px;
}

.tp19-path-layout {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tp19-path-index,
.tp19-track-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-white);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp19-local-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp19-brief-layout {
  grid-template-columns: 300px 1fr;
}

.tp19-brief-rail {
  display: grid;
  gap: 18px;
}

.tp19-brief-ticket {
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp19-image-layout {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tp19-image-layout .tng-image-frame,
.tp19-proof-layout .tng-image-frame,
.tp19-double-layout .tng-image-frame {
  min-height: 240px !important;
}

.tp19-track-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tp19-signal-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp19-double-layout {
  grid-template-columns: .9fr 1.1fr;
}

.tp19-ribbon-layout {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tp19-proof-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.tp19-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp19-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp19-bottom-box h2,
.tp19-bottom-box h3,
.tp19-bottom-box h4,
.tp19-bottom-box p,
.tp19-bottom-box li,
.tp19-bottom-box strong,
.tp19-bottom-box span,
.tp19-bottom-box a {
  color: var(--tng-white) !important;
}

.tp19-bottom-layout {
  grid-template-columns: 1fr 320px;
}

.tp19-bottom-main {
  display: grid;
  gap: 18px;
}

.tp19-bottom-box .tng-contact {
  background: rgba(255, 255, 255, 0.06);
  color: var(--tng-white);
}

.tp19-bottom-box .tng-contact a {
  color: var(--tng-secondary);
}

.tp19-contact-aside .tng-eyebrow,
.tp19-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp19-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp19-hero-layout,
  .tp19-hero-frames,
  .tp19-presence-layout,
  .tp19-path-layout,
  .tp19-local-grid,
  .tp19-brief-layout,
  .tp19-image-layout,
  .tp19-track-grid,
  .tp19-signal-grid,
  .tp19-double-layout,
  .tp19-ribbon-layout,
  .tp19-proof-layout,
  .tp19-summary-grid,
  .tp19-bottom-layout {
    grid-template-columns: 1fr !important;
  }

  .tp19-hero-frames .tng-image-frame:nth-of-type(n+3),
  .tp19-image-layout .tng-image-frame:nth-of-type(n+3) {
    display: none;
  }

  .tp19-presence-card,
  .tp19-path-card,
  .tp19-local-card,
  .tp19-brief-card,
  .tp19-image-card,
  .tp19-track-card,
  .tp19-signal-card,
  .tp19-wide-card,
  .tp19-stack-card,
  .tp19-ribbon-card,
  .tp19-bottom-box,
  .tp19-contact-aside,
  .tp19-frame-note,
  .tp19-presence-dark,
  .tp19-route-dark,
  .tp19-brief-ticket {
    padding: 24px !important;
  }
}

/* template-20 */
.tp20-page {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--tng-text);
  line-height: 1.7;
  background:
    linear-gradient(180deg, #f5f8f1 0%, #ffffff 18%, #eff4e8 100%),
    radial-gradient(circle at center right, rgba(169, 223, 89, 0.08), transparent 24%);
}

#tp20-shell {
  overflow-x: hidden;
}

#tp20-shell h1,
#tp20-shell h2,
#tp20-shell h3,
#tp20-shell h4 {
  margin: 0 0 14px;
  font-family: 'DM Sans', Arial, sans-serif;
  color: var(--tng-primary);
  line-height: 1.08;
}

#tp20-shell h1 {
  font-size: clamp(2.18rem, 3.08vw, 3.04rem) !important;
  color: var(--tng-white) !important;
}

#tp20-shell h2 {
  font-size: clamp(1.64rem, 2vw, 2.02rem) !important;
}

#tp20-shell h3 {
  font-size: clamp(1.34rem, 1.52vw, 1.48rem) !important;
}

#tp20-shell h4 {
  font-size: clamp(1.12rem, 1.18vw, 1.2rem) !important;
}

#tp20-shell p,
#tp20-shell li,
#tp20-shell strong,
#tp20-shell span,
#tp20-shell a {
  overflow-wrap: anywhere;
}

#tp20-shell p {
  margin: 0 0 18px;
  font-size: 0.98rem;
}

.tp20-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 12, 4, 0.98) 0%, rgba(20, 29, 7, 0.96) 44%, rgba(36, 52, 12, 0.94) 100%);
}

.tp20-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top left, rgba(169, 223, 89, 0.18), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  pointer-events: none;
}

.tp20-brand-plate,
.tp20-hero-copy,
.tp20-hero-cluster,
.tp20-cluster-note,
.tp20-summary-card,
.tp20-metric-card,
.tp20-flow-card,
.tp20-register-card,
.tp20-grid-card,
.tp20-proof-card,
.tp20-bottom-box,
.tp20-contact-aside,
.tp20-focus-card,
.tp20-lane-card,
.tp20-image-card {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.tp20-hero-copy .tng-breadcrumb,
.tp20-hero-copy .tng-breadcrumb a,
.tp20-hero-copy p,
.tp20-hero-copy li,
.tp20-hero-copy span {
  color: rgba(255, 255, 255, 0.86);
}

.tp20-hero-copy .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp20-brand-plate {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(169, 223, 89, 0.16);
}

.tp20-brand-plate img {
  width: 124px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.tp20-brand-plate span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.78);
}

.tp20-hero-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: center;
}

.tp20-hero-cluster {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.tp20-hero-cluster .tng-image-frame {
  min-height: 190px !important;
}

.tp20-cluster-note {
  grid-column: 1 / 3;
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(169, 223, 89, 0.16);
  color: var(--tng-white) !important;
}

.tp20-cluster-note h2,
.tp20-cluster-note h3,
.tp20-cluster-note h4,
.tp20-cluster-note p,
.tp20-cluster-note li,
.tp20-cluster-note strong,
.tp20-cluster-note span,
.tp20-cluster-note a {
  color: var(--tng-white) !important;
}

.tp20-section-head {
  max-width: 840px;
  margin-bottom: 30px;
}

.tp20-summary-layout,
.tp20-focus-layout,
.tp20-bottom-layout,
.tp20-dual-layout,
.tp20-proof-layout {
  display: grid;
  gap: 24px;
}

.tp20-summary-layout {
  grid-template-columns: .9fr 1.1fr;
}

.tp20-summary-card,
.tp20-focus-card,
.tp20-lane-card,
.tp20-image-card,
.tp20-proof-card,
.tp20-grid-card,
.tp20-metric-card {
  padding: 34px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp20-summary,
.tp20-register-card,
.tp20-flow-card,
.tp20-contact-aside {
  background: linear-gradient(180deg, #172207 0%, #22310b 100%);
  color: var(--tng-white) !important;
  box-shadow: 0 24px 72px rgba(10, 18, 4, 0.24);
}

.tp20-summary,
.tp20-register-card,
.tp20-flow-card,
.tp20-contact-aside {
  padding: 30px !important;
  border-radius: 28px;
}

.tp20-summary h2,
.tp20-summary h3,
.tp20-summary h4,
.tp20-summary p,
.tp20-summary li,
.tp20-summary strong,
.tp20-summary span,
.tp20-summary a,
.tp20-register-card h2,
.tp20-register-card h3,
.tp20-register-card h4,
.tp20-register-card p,
.tp20-register-card li,
.tp20-register-card strong,
.tp20-register-card span,
.tp20-register-card a,
.tp20-flow-card h2,
.tp20-flow-card h3,
.tp20-flow-card h4,
.tp20-flow-card p,
.tp20-flow-card li,
.tp20-flow-card strong,
.tp20-flow-card span,
.tp20-flow-card a,
.tp20-contact-aside h2,
.tp20-contact-aside h3,
.tp20-contact-aside h4,
.tp20-contact-aside p,
.tp20-contact-aside li,
.tp20-contact-aside strong,
.tp20-contact-aside span,
.tp20-contact-aside a {
  color: var(--tng-white) !important;
}

.tp20-metrics-layout,
.tp20-grid-layout,
.tp20-flow-layout,
.tp20-proof-grid,
.tp20-photo-layout {
  display: grid;
  gap: 20px;
}

.tp20-metrics-layout {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tp20-metric-index,
.tp20-flow-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(169, 223, 89, 0.18);
  color: var(--tng-primary);
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
}

.tp20-focus-layout {
  grid-template-columns: 320px 1fr;
}

.tp20-focus-rail {
  display: grid;
  gap: 18px;
}

.tp20-focus-ticket {
  padding: 22px !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp20-photo-layout {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.tp20-photo-layout .tng-image-frame,
.tp20-proof-strip .tng-image-frame,
.tp20-dual-layout .tng-image-frame {
  min-height: 220px !important;
}

.tp20-grid-layout {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp20-flow-layout {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp20-dual-layout {
  grid-template-columns: 1fr 1fr;
}

.tp20-proof-layout {
  grid-template-columns: .86fr 1.14fr;
  align-items: start;
}

.tp20-proof-strip {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.tp20-proof-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tp20-bottom-box {
  padding: 36px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(23, 34, 7, 0.08);
  box-shadow: var(--tng-shadow);
}

.tp20-bottom-layout {
  grid-template-columns: 1fr 320px;
}

.tp20-bottom-main {
  display: grid;
  gap: 18px;
}

.tp20-bottom-box .tng-contact {
  background: #f1f4eb;
}

.tp20-contact-aside .tng-eyebrow,
.tp20-bottom-box .tng-eyebrow {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tng-white);
}

.tp20-bottom-brand img {
  width: 132px !important;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

@media (max-width: 900px) {
  .tp20-hero-layout,
  .tp20-hero-cluster,
  .tp20-summary-layout,
  .tp20-metrics-layout,
  .tp20-focus-layout,
  .tp20-photo-layout,
  .tp20-grid-layout,
  .tp20-flow-layout,
  .tp20-dual-layout,
  .tp20-proof-layout,
  .tp20-proof-grid,
  .tp20-bottom-layout {
    grid-template-columns: 1fr !important;
  }

  .tp20-hero-cluster .tng-image-frame:nth-of-type(n+3),
  .tp20-photo-layout .tng-image-frame:nth-of-type(n+3),
  .tp20-proof-strip .tng-image-frame:nth-of-type(n+2) {
    display: none;
  }

  .tp20-summary-card,
  .tp20-metric-card,
  .tp20-flow-card,
  .tp20-register-card,
  .tp20-grid-card,
  .tp20-proof-card,
  .tp20-bottom-box,
  .tp20-contact-aside,
  .tp20-focus-card,
  .tp20-lane-card,
  .tp20-image-card,
  .tp20-cluster-note,
  .tp20-focus-ticket,
  .tp20-summary {
    padding: 24px !important;
  }
}/* End custom CSS */