.hero-opening {
   border-bottom: 1px solid var(--line);
   background-color: var(--ground);
}

.hero-top {
   padding: var(--space-8) var(--space-6) var(--space-6);
   display: grid;
   grid-template-columns: 1fr;
   gap: var(--space-4);
   align-items: end;
}

@media (min-width: 820px) {
   .hero-top {
      padding: var(--space-12) var(--space-6) var(--space-8);
      grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.85fr);
      gap: var(--space-8);
   }
}

.hero-title {
   font-family: var(--hutu-11c);
   font-size: var(--fs-hero);
   font-weight: 500;
   line-height: var(--lh-tight);
   letter-spacing: var(--track-tight);
   color: var(--ink);
   margin: 0;
   min-width: 0;
   view-transition-name: hero-title;
}

.hero-lede-col {
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: var(--space-3);
   padding-bottom: var(--space-1);
}

.hero-lede {
   font-size: var(--fs-body-lg);
   line-height: var(--lh-snug);
   color: var(--ink-soft);
   max-width: var(--narrow-measure);
   margin: 0;
}

.hero-meta-line {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: var(--space-3);
   font-family: var(--hutu-558);
   font-size: var(--fs-caption);
   color: var(--ink-soft);
   letter-spacing: var(--track-mono);
}

.hero-media {
   position: relative;
   width: 100%;
   border-top: 1px solid var(--line);
   background-color: var(--surface);
   overflow: hidden;
}

@media (min-width: 960px) {
   .hero-opening {
      position: relative;
   }
   .hero-top {
      position: relative;
      z-index: 2;
      margin-bottom: calc(var(--space-8) * -1);
   }
}

.overview-dual-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: var(--space-6);
}

@media (min-width: 860px) {
   .overview-dual-grid {
      grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.95fr);
      align-items: start;
      gap: var(--space-8);
   }
}

.overview-feature-box {

   background-color: transparent;
   border: none;
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
}

.overview-figure {
   width: 100%;
   aspect-ratio: 16 / 10;
   overflow: hidden;
   margin: 0;
   border: 1px solid var(--line);
   background-color: var(--surface);
}

.overview-photo {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.overview-metrics {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0;
   border-top: 1px solid var(--line);
   border-left: 1px solid var(--line);
}

.overview-metric {
   padding: var(--space-4) var(--space-5);
   display: flex;
   flex-direction: column;
   gap: 4px;
   border-right: 1px solid var(--line);
   border-bottom: 1px solid var(--line);
   background-color: var(--ground);
}

.overview-metric strong {
   font-family: var(--hutu-558);
   font-size: var(--fs-h3);
   color: var(--accent);
}

.overview-metric span {
   font-size: var(--fs-caption);
   color: var(--ink-soft);
}

.hero-figure {
   margin: 0;
   width: 100%;

   aspect-ratio: 3 / 2;
   position: relative;
   view-transition-name: hero;
}

@media (min-width: 960px) {
   .hero-figure {
      aspect-ratio: 16 / 9;
      max-height: 620px;
   }
}

.hero-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: 18% 82%;
   display: block;
}

.hero-action-corner {
   position: absolute;
   top: var(--space-4);
   right: var(--space-4);
   z-index: 3;
}

@media (min-width: 768px) {
   .hero-action-corner {
      top: var(--space-6);
      right: var(--space-6);
   }
}

.hero-cta-link {
   display: inline-flex;
   align-items: center;
   gap: var(--space-2);
   padding: var(--space-2) var(--space-4);
   min-height: 44px;
   height: 44px;
   background-color: var(--accent);
   color: var(--accent-ink);
   border: 1px solid var(--accent);
   border-radius: var(--radius-subtle);
   font-family: var(--hutu-df5);
   font-size: var(--fs-body-sm);
   font-weight: 600;
   text-decoration: none;
   box-shadow: var(--shadow-subtle);
   transition: background-color var(--dur-fast) var(--ease-in-out-subtle),
                     border-color var(--dur-fast) var(--ease-in-out-subtle),
                     transform var(--dur-fast) var(--ease-in-out-subtle);
}

.hero-cta-link:hover {
   background-color: #146B77;
   border-color: #146B77;
   color: var(--accent-ink);
   text-decoration: none;
}

.hero-cta-link:active {
   background-color: #0F5761;
   border-color: #0F5761;
   transform: translateY(1px);
}

.hero-cta-link:focus-visible {
   outline: 2px solid var(--ink);
   outline-offset: 3px;
}

.hero-caption-strip {
   background-color: var(--surface);
   border-top: 1px solid var(--line);
   padding: var(--space-2) var(--space-6);
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   gap: var(--space-3);
   font-family: var(--hutu-558);
   font-size: var(--fs-caption);
   color: var(--ink-soft);
}

@media (max-width: 640px) {
   .hero-top {
      padding: var(--space-6) var(--space-4) var(--space-5);
   }

   .hero-caption-strip {
      padding: var(--space-2) var(--space-4);
   }

   .hero-action-corner {
      position: static;
      padding: var(--space-3) var(--space-4);
      background-color: var(--ground);
      border-top: 1px solid var(--line);
   }

   .hero-cta-link {
      width: 100%;
      justify-content: center;
   }
}

.page-opener {
   padding: var(--space-10) var(--space-6) var(--space-8);
   border-bottom: 1px solid var(--line);
   background-color: var(--ground);
}

@media (max-width: 640px) {
   .page-opener {
      padding: var(--space-6) var(--space-4) var(--space-5);
   }
}

.page-opener-inner {
   max-width: 78ch;
   display: flex;
   flex-direction: column;
   gap: var(--space-4);
}

.page-title {
   font-family: var(--hutu-11c);
   font-size: var(--fs-h1);
   line-height: var(--lh-tight);
   letter-spacing: var(--track-tight);
   color: var(--ink);
   margin: 0;
   view-transition-name: hero-title;
}

.page-meta-bar {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: var(--space-3) var(--space-6);
   padding-top: var(--space-3);
   border-top: 1px solid var(--line);
   font-family: var(--hutu-558);
   font-size: var(--fs-caption);
   color: var(--ink-soft);
}

.service-hero-band {
   width: 100%;
   border-bottom: 1px solid var(--line);
   background-color: var(--surface);
   overflow: hidden;
}

.service-hero-figure {
   margin: 0;
   width: 100%;
   aspect-ratio: 3 / 2;
}

@media (min-width: 960px) {
   .service-hero-figure {
      aspect-ratio: 16 / 10;
   }
}

.service-hero-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: 50% 45%;
   display: block;
   view-transition-name: hero;
}

.service-hero-caption {
   padding: var(--space-2) var(--space-6);
   background-color: var(--surface);
   border-top: 1px solid var(--line);
   font-family: var(--hutu-558);
   font-size: var(--fs-caption);
   color: var(--ink-soft);
}

@media (max-width: 640px) {
   .service-hero-caption {

      padding-inline: var(--space-4);
   }
}

.verb-section {
   padding: var(--space-12) var(--space-6);
   border-bottom: 1px solid var(--line);
   background-color: var(--ground);
}

.verb-section--surface {
   background-color: var(--surface);
}

@media (max-width: 640px) {
   .verb-section {
      padding: var(--space-8) var(--space-4);
   }
}

.verb-opener {
   font-family: var(--hutu-11c);
   font-size: var(--fs-verb);
   font-weight: 500;
   line-height: 1.02;
   letter-spacing: -0.03em;
   color: var(--ink);
   margin: 0 0 var(--space-6) 0;
   max-width: 18ch;
}

.verb-column {
   max-width: var(--content-measure);
   display: flex;
   flex-direction: column;
   gap: var(--space-4);
}

.verb-column p {
   margin: 0;
   line-height: var(--lh-relaxed);
}

.verb-column .lede {
   margin-bottom: var(--space-2);
}

.verb-actions {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: var(--space-3);
   margin-top: var(--space-2);
}

.image-band {
   width: 100%;
   border-bottom: 1px solid var(--line);
   background-color: var(--surface);
}

.image-band-figure {
   margin: 0;
   width: 100%;
   aspect-ratio: 3 / 2;
   overflow: hidden;
}

@media (min-width: 960px) {
   .image-band-figure {
      aspect-ratio: 21 / 9;
      max-height: 520px;
   }
}

.image-band-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   display: block;
}

.image-band-caption {
   padding: var(--space-3) var(--space-6);
   background-color: var(--surface);
   border-top: 1px solid var(--line);
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: var(--space-2);
   font-family: var(--hutu-558);
   font-size: var(--fs-caption);
   color: var(--ink-soft);
}

@media (max-width: 640px) {
   .image-band-caption {
      padding-inline: var(--space-4);
   }
}

.tabs-shell {
   background-color: var(--ground);
   border-bottom: 1px solid var(--line);
}

.tab-panel-stack {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
}

.tab-panel-head {
   max-width: var(--content-measure);
}

.service-directory-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 0;
   border-top: 1px solid var(--line);
   border-left: 1px solid var(--line);
}

@media (min-width: 720px) {
   .service-directory-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

@media (min-width: 1080px) {
   .service-directory-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}

.service-entry {
   border-right: 1px solid var(--line);
   border-bottom: 1px solid var(--line);
   background-color: var(--ground);
   display: flex;
   flex-direction: column;
   min-width: 0;
   transition: background-color var(--dur-fast) var(--ease-in-out-subtle);
}

.service-entry:hover {
   background-color: var(--surface);
}

.service-entry-media {
   aspect-ratio: 3 / 2;
   width: 100%;
   overflow: hidden;
   border-bottom: 1px solid var(--line);
   background-color: var(--surface-2);
}

.service-entry-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   transition: transform var(--dur-settle) var(--ease-out-editorial);
}

.service-entry:hover .service-entry-img {
   transform: scale(1.02);
}

.service-entry-body {
   padding: var(--space-5);
   display: flex;
   flex-direction: column;
   gap: var(--space-3);
   flex: 1 1 auto;
   min-width: 0;
}

.service-entry-top {
   display: flex;
   align-items: baseline;
   justify-content: space-between;
   gap: var(--space-3);
   flex-wrap: wrap;
}

.service-entry-title {
   font-family: var(--hutu-11c);
   font-size: var(--fs-h3);
   color: var(--ink);
   margin: 0;
}

.service-entry-rate {
   font-family: var(--hutu-558);
   font-size: var(--fs-body);
   font-weight: 500;
   color: var(--ink);
   white-space: nowrap;
}

.service-entry-desc {
   font-size: var(--fs-body-sm);
   color: var(--ink-soft);
   line-height: var(--lh-body);
   margin: 0;
}

.service-entry-link {
   margin-top: auto;
   align-self: flex-start;
   display: inline-flex;
   align-items: center;
   gap: var(--space-2);
   padding: var(--space-2) var(--space-3);
   min-height: 44px;
   font-family: var(--hutu-df5);
   font-size: var(--fs-body-sm);
   font-weight: 600;
   color: var(--accent);
   text-decoration: none;
   border: 1px solid var(--line);
   border-radius: var(--radius-subtle);
   background-color: var(--ground);
   transition: background-color var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);
}

.service-entry-link:hover {
   background-color: var(--accent);
   border-color: var(--accent);
   color: var(--accent-ink);
   text-decoration: none;
}

.service-entry-link:active {
   background-color: #146B77;
   border-color: #146B77;
}

.service-entry-link:focus-visible {
   outline: 2px solid var(--accent);
   outline-offset: 2px;
}

.variables-list {
   list-style: none;
   padding: 0;
   margin: var(--space-4) 0 0;
   border-top: 1px solid var(--line);
   max-width: var(--content-measure);
}

.variables-item {
   display: grid;
   grid-template-columns: 1fr;
   gap: var(--space-1);
   padding: var(--space-4) 0;
   border-bottom: 1px solid var(--line);
   margin: 0;
}

@media (min-width: 640px) {
   .variables-item {
      grid-template-columns: 14rem 1fr;
      gap: var(--space-6);
   }
}

.variables-term {
   font-family: var(--hutu-558);
   font-size: var(--fs-caption);
   font-weight: 500;
   color: var(--ink);
   text-transform: uppercase;
   letter-spacing: var(--track-wide);
}

.variables-detail {
   font-size: var(--fs-body);
   color: var(--ink-soft);
   margin: 0;
}

.equipment-grid {
   display: grid;
   grid-template-columns: 1fr;
   border-top: 1px solid var(--line);
   border-left: 1px solid var(--line);
   max-width: 960px;
}

@media (min-width: 640px) {
   .equipment-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

@media (min-width: 960px) {
   .equipment-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}

.equipment-cell {
   padding: var(--space-5);
   border-right: 1px solid var(--line);
   border-bottom: 1px solid var(--line);
   background-color: var(--ground);
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: var(--space-2);
}

.equipment-name {
   font-family: var(--hutu-11c);
   font-size: var(--fs-h4);
   color: var(--ink);
   margin: 0;
}

.equipment-spec {
   font-family: var(--hutu-558);
   font-size: var(--fs-caption);
   color: var(--accent);
}

.equipment-note {
   font-size: var(--fs-body-sm);
   color: var(--ink-soft);
   margin: 0;
}

.proof-ledger {
   display: grid;
   grid-template-columns: 1fr;
   border-top: 1px solid var(--line);
   border-left: 1px solid var(--line);
   margin-block: var(--space-4);
}

@media (min-width: 720px) {
   .proof-ledger {
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}

.proof-cell {
   padding: var(--space-5);
   border-right: 1px solid var(--line);
   border-bottom: 1px solid var(--line);
   background-color: var(--surface);
   min-width: 0;
}

.proof-value {
   font-family: var(--hutu-558);
   font-size: var(--fs-h2);
   font-weight: 500;
   color: var(--ink);
   line-height: 1.1;
   margin-bottom: var(--space-2);
}

.proof-label {
   font-size: var(--fs-body-sm);
   color: var(--ink-soft);
   margin: 0;
}

.protocol-list {
   list-style: none;
   padding: 0;
   margin: var(--space-4) 0 0;
   max-width: var(--content-measure);
   display: flex;
   flex-direction: column;
   gap: var(--space-3);
}

.protocol-list li {
   display: flex;
   align-items: flex-start;
   gap: var(--space-3);
   margin: 0;
   padding: var(--space-3) var(--space-4);
   background-color: var(--surface);
   border: 1px solid var(--line);
}

.protocol-list .icon {
   color: var(--accent);
   margin-top: 0.15rem;
}

.faq-list {
   border-top: 1px solid var(--line);
   max-width: var(--content-measure);
   margin-top: var(--space-4);
}

.faq-item {
   border-bottom: 1px solid var(--line);
}

.faq-trigger {
   appearance: none;
   width: 100%;
   background: transparent;
   border: 0;
   padding: var(--space-4) var(--space-2);
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-4);
   text-align: left;
   font-family: var(--hutu-11c);
   font-size: var(--fs-h4);
   color: var(--ink);
   cursor: pointer;
   min-height: 52px;
   transition: background-color var(--dur-fast), color var(--dur-fast);
}

.faq-trigger:hover {
   background-color: var(--surface);
   color: var(--accent);
}

.faq-trigger:active {
   background-color: var(--surface-2);
}

.faq-trigger:focus-visible {
   outline: 2px solid var(--accent);
   outline-offset: -2px;
}

.faq-trigger .icon {
   transition: transform var(--dur-normal) var(--ease-out-editorial);
}

.faq-trigger[aria-expanded="true"] .icon {
   transform: rotate(180deg);
}

.faq-panel {
   padding: 0 var(--space-2) var(--space-5);
   color: var(--ink-soft);
   font-size: var(--fs-body);
   line-height: var(--lh-body);
}

.faq-panel[hidden] {
   display: none;
}

.contact-layout {
   display: grid;
   grid-template-columns: 1fr;
   border-bottom: 1px solid var(--line);
}

@media (min-width: 900px) {
   .contact-layout {
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
   }
}

.contact-form-panel {
   padding: var(--space-8) var(--space-6);
   background-color: var(--ground);
   min-width: 0;
}

@media (max-width: 640px) {
   .contact-form-panel {
      padding: var(--space-6) var(--space-4);
   }
}

.contact-facts-panel {
   padding: var(--space-8) var(--space-6);
   background-color: var(--surface);
   border-top: 1px solid var(--line);
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
   min-width: 0;
}

@media (min-width: 900px) {
   .contact-facts-panel {
      border-top: none;
      border-left: 1px solid var(--line);
   }
}

@media (max-width: 640px) {
   .contact-facts-panel {
      padding: var(--space-6) var(--space-4);
   }
}

.contact-fact-block {
   padding-bottom: var(--space-5);
   border-bottom: 1px solid var(--line);
}

.contact-fact-block:last-child {
   padding-bottom: 0;
   border-bottom: none;
}

.contact-fact-label {
   font-family: var(--hutu-558);
   font-size: var(--fs-caption);
   letter-spacing: var(--track-wide);
   text-transform: uppercase;
   color: var(--ink-soft);
   margin-bottom: var(--space-2);
   display: block;
}

.contact-fact-value {
   font-family: var(--hutu-11c);
   font-size: var(--fs-h3);
   color: var(--ink);
   margin: 0 0 var(--space-2) 0;
}

.inquiry-grid-2 {
   display: grid;
   grid-template-columns: 1fr;
   gap: var(--space-4);
}

@media (min-width: 600px) {
   .inquiry-grid-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

.hp-field {
   position: absolute;
   left: -9999px;
   width: 1px;
   height: 1px;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.warranty-band {
   padding: var(--space-10) var(--space-6);
   background-color: var(--ground);
   border-bottom: 1px solid var(--line);
}

@media (max-width: 640px) {
   .warranty-band {
      padding: var(--space-8) var(--space-4);
   }
}

.warranty-card {
   max-width: 72ch;
   border: 1px solid var(--line);
   background-color: var(--surface);
   padding: var(--space-6);
   display: flex;
   flex-direction: column;
   gap: var(--space-4);
}

.legal-privacy {
   padding: var(--space-10) var(--space-6);
   background-color: var(--ground);
}

@media (max-width: 640px) {
   .legal-privacy {
      padding: var(--space-6) var(--space-4);
   }
}

.qa-list {
   display: flex;
   flex-direction: column;
}

.qa-item {
   padding-block: var(--space-8);
   border-top: 1px solid var(--line);
}

.qa-item:first-child {
   border-top: none;
   padding-top: var(--space-2);
}

.qa-question {
   font-family: var(--hutu-11c);
   font-size: var(--fs-h2);
   line-height: var(--lh-snug);
   color: var(--ink);
   margin: 0 0 var(--space-4) 0;
   max-width: 28ch;
}

.qa-answer {
   max-width: var(--content-measure);
   display: flex;
   flex-direction: column;
   gap: var(--space-4);
}

.qa-answer p,
.qa-answer ul {
   margin: 0;
}

.dsar-box {
   margin-top: var(--space-4);
   padding: var(--space-5);
   background-color: var(--surface);
   border: 1px solid var(--line);
   max-width: var(--content-measure);
   display: flex;
   flex-direction: column;
   gap: var(--space-3);
}

.legal-cookies {
   padding: var(--space-10) var(--space-6);
   background-color: var(--ground);
}

@media (max-width: 640px) {
   .legal-cookies {
      padding: var(--space-6) var(--space-4);
   }
}

.statute-columns {
   column-count: 1;
   column-gap: var(--space-10);
   border-top: 1px solid var(--line);
   border-bottom: 1px solid var(--line);
   padding-block: var(--space-8);
   margin-bottom: var(--space-8);
}

@media (min-width: 820px) {
   .statute-columns {
      column-count: 2;
      column-rule: 1px solid var(--line);
   }
}

.statute-clause {
   break-inside: avoid;
   margin-bottom: var(--space-6);
   font-size: var(--fs-body-sm);
   line-height: var(--lh-relaxed);
   color: var(--ink);
   max-width: none;
}

.statute-clause:last-child {
   margin-bottom: 0;
}

.run-in-head {
   display: inline;
   font-family: var(--hutu-11c);
   font-variant-caps: small-caps;
   font-weight: 600;
   font-size: 1.08em;
   letter-spacing: 0.04em;
   color: var(--ink);
   margin-right: var(--space-2);
}

.cookie-ledger-wrap {
   width: 100%;
   overflow-x: auto;
   border: 1px solid var(--line);
   background-color: var(--ground);
   margin-block: var(--space-6);
}

.cookie-ledger-table {
   width: 100%;
   border-collapse: collapse;
   font-size: var(--fs-body-sm);
}

.cookie-ledger-table th {
   background-color: var(--surface);
   border-bottom: 1px solid var(--line);
   padding: var(--space-3) var(--space-4);
   font-family: var(--hutu-558);
   font-size: var(--fs-caption);
   color: var(--ink);
   white-space: nowrap;
}

.cookie-ledger-table td {
   padding: var(--space-3) var(--space-4);
   border-bottom: 1px solid var(--line);
   color: var(--ink);
}

.cookie-ledger-table tbody tr:last-child td {
   border-bottom: none;
}

.legal-terms {
   padding: var(--space-10) var(--space-6);
   background-color: var(--ground);
}

@media (max-width: 640px) {
   .legal-terms {
      padding: var(--space-6) var(--space-4);
   }
}

.clause-ledger {
   width: 100%;
   border: 1px solid var(--line);
   background-color: var(--ground);
   margin-block: var(--space-6);
}

.clause-ledger thead {
   display: none;
}

@media (min-width: 768px) {
   .clause-ledger thead {
      display: table-header-group;
   }
}

.clause-ledger th {
   background-color: var(--surface);
   border-bottom: 1px solid var(--line);
   padding: var(--space-3) var(--space-4);
   font-family: var(--hutu-558);
   font-size: var(--fs-caption);
   font-weight: 500;
   color: var(--ink);
}

.clause-ledger tbody tr {
   display: block;
   border-bottom: 1px solid var(--line);
   padding: var(--space-4);
}

.clause-ledger tbody tr:last-child {
   border-bottom: none;
}

@media (min-width: 768px) {
   .clause-ledger tbody tr {
      display: table-row;
      padding: 0;
   }
}

.clause-ledger td {
   display: block;
   padding: var(--space-2) 0;
   border: none;
   font-size: var(--fs-body-sm);
   line-height: var(--lh-body);
}

.clause-ledger td::before {
   content: attr(data-label);
   display: block;
   font-family: var(--hutu-558);
   font-size: var(--fs-caption);
   font-weight: 500;
   color: var(--ink-soft);
   text-transform: uppercase;
   letter-spacing: var(--track-wide);
   margin-bottom: var(--space-1);
}

@media (min-width: 768px) {
   .clause-ledger td {
      display: table-cell;
      padding: var(--space-4);
      border-bottom: 1px solid var(--line);
      vertical-align: top;
   }

   .clause-ledger tbody tr:last-child td {
      border-bottom: none;
   }

   .clause-ledger td::before {
      display: none;
   }
}

.clause-name {
   font-family: var(--hutu-11c);
   font-size: var(--fs-h4);
   color: var(--ink);
   font-weight: 500;
}

.accessibility-section {
   margin-top: var(--space-10);
   padding: var(--space-6);
   background-color: var(--surface);
   border: 1px solid var(--line);
   max-width: var(--content-measure);
   display: flex;
   flex-direction: column;
   gap: var(--space-4);
}

.not-found-page {
   padding: var(--space-16) var(--space-6);
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: var(--space-5);
   min-height: 55vh;
   justify-content: center;
}

@media (max-width: 640px) {
   .not-found-page {
      padding: var(--space-12) var(--space-4);
   }
}

.not-found-code {
   font-family: var(--hutu-558);
   font-size: var(--fs-body-lg);
   color: var(--accent);
   border: 1px solid var(--line);
   background-color: var(--surface);
   padding: var(--space-1) var(--space-3);
}

.not-found-actions {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-3);
   margin-top: var(--space-2);
}

.consent-inline-panel {
   margin-top: var(--space-4);
   padding: var(--space-4);
   background-color: var(--surface);
   border: 1px solid var(--line);
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-3);
}

@media (prefers-reduced-motion: reduce) {
   .service-entry-img {
      transition: none;
   }

   .service-entry:hover .service-entry-img {
      transform: none;
   }

   .faq-trigger .icon {
      transition: none;
   }
}