/* A5.1 1.1.0. Extracted from approved B2A; see register. */
/* Approved 2026-09-16. Apply to the second of two consecutive dark sections.
   Both sections keep Ink backgrounds, with no pale band or gap between them.
   Override any existing top padding/border when integrating this component. */
.dark-section-divider {
  border-top: 0;
  padding-top: 0;
}
.dark-section-divider::before {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 80px);
  max-width: 1216px;
  margin: 0 auto 64px;
  background: linear-gradient(90deg, transparent, #4E5866 18%, #4E5866 82%, transparent);
}
@media (max-width: 1023px) {
  .dark-section-divider::before { width: calc(100% - 64px); }
}
@media (max-width: 599px) {
  .dark-section-divider::before { width: calc(100% - 40px); margin-bottom: 48px; }
}

@font-face { font-family: "Red Hat Display"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/wp-content/uploads/tehing-code/wp-l1-production-v3/sale/assets/46c9d4c4a2415e7e.ttf") format("truetype"); }
@font-face { font-family: "Red Hat Text"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/wp-content/uploads/tehing-code/wp-l1-production-v3/sale/assets/52343c51f688537b.ttf") format("truetype"); }
html{scroll-behavior: smooth;}
body{margin: 0px;}
#tehing-site{--ink: #000D10; --sky: #D8E6F0; --cream: #FBF7EF; --line: #C5D3DE; --secondary: #4E5866; background: rgb(255, 255, 255); color: var(--ink); font: 400 1.125rem / 1.65 "Red Hat Text", Arial, sans-serif; color-scheme: light; overflow-wrap: anywhere; font-synthesis: none;}
#tehing-site *{box-sizing: border-box;}
#tehing-site h1, #tehing-site h2, #tehing-site h3{font-family: "Red Hat Display", Arial, sans-serif; font-weight: 500; letter-spacing: -0.025em; margin: 0px; color: var(--ink);}
#tehing-site h1{font-size: clamp(2.125rem, 1.732rem + 1.964vw, 3.5rem); line-height: 1.15; max-width: 22ch; text-wrap: balance;}
#tehing-site h2{font-size: clamp(1.75rem, 1.536rem + 1.071vw, 2.5rem); line-height: 1.2; max-width: 30ch; text-wrap: balance;}
#tehing-site h3{font-size: clamp(1.375rem, 1.268rem + 0.536vw, 1.75rem); line-height: 1.3; font-weight: 600;}
#tehing-site p{margin: 0px; max-width: 64ch;}
#tehing-site a{color: inherit; text-underline-offset: 5px;}
#tehing-site button, #tehing-site input, #tehing-site textarea{font: inherit;}
#tehing-site button, #tehing-site a{touch-action: manipulation;}
#tehing-site :focus-visible{outline: currentcolor solid 2px; outline-offset: 4px;}
#tehing-site [hidden]{display: none !important;}
#tehing-site .wrap{width: calc(100% - 80px); max-width: 1216px; margin-inline: auto;}
#tehing-site .soft{background: rgb(237, 243, 246);}
#tehing-site .section{padding-block: 96px;}
#tehing-site .split{display: grid; grid-template-columns: 1fr 1fr; gap: 64px;}
#tehing-site .split > *{min-width: 0px;}
#tehing-site .eyebrow{font-size: 0.875rem; font-weight: 500; line-height: 1.5; letter-spacing: 0.08em; text-transform: uppercase; color: var(--secondary); margin-bottom: 20px;}
#tehing-site .intro{font-size: 1.125rem; color: var(--secondary); margin-top: 24px;}
#tehing-site .space{margin-top: 24px;}
#tehing-site .actions{display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: 32px;}
#tehing-site .action{display: inline-flex; align-items: center; justify-content: center; text-align: center; max-width: 100%; min-height: 52px; padding: 14px 24px; border: 2px solid var(--ink); border-radius: 1000px; background: var(--ink); color: rgb(255, 255, 255); font: 600 1rem / 1.5 "Red Hat Text", sans-serif; text-decoration: none; cursor: pointer;}
#tehing-site .action:hover{background: rgb(28, 42, 54); border-color: rgb(28, 42, 54);}
#tehing-site .secondary-action{background: transparent; color: var(--ink); border-width: 1px;}
#tehing-site .secondary-action:hover{background: var(--sky);}
#tehing-site .light-action{background: rgb(255, 255, 255); color: var(--ink); border-color: rgb(255, 255, 255);}
#tehing-site .light-action:hover{background: var(--sky); border-color: var(--sky);}
#tehing-site .micro, #tehing-site .demo-note, #tehing-site .textlink{font-size: 1rem; line-height: 1.5;}
#tehing-site .micro, #tehing-site .demo-note{color: var(--secondary); margin-top: 16px;}
#tehing-site .textlink{display: inline-flex; align-items: center; min-height: 44px;}
#tehing-site .nav{display: flex; align-items: center; gap: 24px; justify-content: space-between; padding-block: 24px;}
#tehing-site .logo{display: block; width: 80px; height: auto;}
#tehing-site .navlinks{display: flex; align-items: center; gap: 18px; font-size: 1rem; font-weight: 500; line-height: 1.5;}
#tehing-site .navlinks > *{flex-shrink: 0;}
#tehing-site .navlinks a{display: flex; align-items: center; min-height: 44px; text-decoration: none;}
#tehing-site .navlinks a:hover{text-decoration: underline;}
#tehing-site .nav > .action{padding: 12px 18px;}
#tehing-site .menu-toggle{font-family: "Red Hat Text", sans-serif; font-weight: 600; color: var(--ink); appearance: none; display: none; border: 1px solid var(--ink); border-radius: 1000px; padding: 10px 18px; min-height: 44px; background: transparent; font-size: 1rem; cursor: pointer;}
#tehing-site .mobile-access{display: none;}
#tehing-site .lead{font-size: clamp(1.25rem, 1.1rem + 0.2vw, 1.375rem); line-height: 1.6; margin-top: 24px; max-width: 55ch; color: rgb(52, 65, 74);}
#tehing-site figcaption{padding-top: 16px; display: flex; justify-content: space-between; gap: 12px; font-size: 1rem; line-height: 1.5;}
#tehing-site figcaption strong{font-weight: 600;}
#tehing-site .rule-item{border-top: 1px solid var(--line); padding-block: 24px 28px;}
#tehing-site .rule-item h3{margin-bottom: 12px;}
#tehing-site .rule-item p{color: var(--secondary);}
#tehing-site .case-facts{border: 2px solid var(--ink); border-radius: 28px; padding: 32px;}
#tehing-site .case-facts dl{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; margin: 0px;}
#tehing-site .case-facts dl > div{border-top: 1px solid var(--line); padding-top: 16px; min-width: 0px;}
#tehing-site .case-wide{grid-column: 1 / -1;}
#tehing-site .case-facts dt{font-size: 1rem; line-height: 1.5; color: var(--secondary); margin-bottom: 12px;}
#tehing-site .case-facts dd{font: 500 1.75rem / 1.3 "Red Hat Display", sans-serif; margin: 0px;}
#tehing-site .case-detail{font-size: 1rem; line-height: 1.5; color: var(--secondary); margin-top: 8px;}
#tehing-site .client-quote{margin: 24px 0px 0px; padding: 32px; background: var(--sky); border-radius: 24px;}
#tehing-site .client-quote blockquote{margin: 0px;}
#tehing-site .client-quote figcaption{display: block; margin-top: 24px; border-top: 1px solid rgb(159, 176, 191);}
#tehing-site .process{background: var(--ink); color: rgb(255, 255, 255);}
#tehing-site .process h2{color: rgb(255, 255, 255);}
#tehing-site .process .eyebrow{color: rgb(159, 176, 191);}
#tehing-site .process .intro{color: var(--line); margin: 0px;}
#tehing-site .process .space{margin-top: 24px;}
#tehing-site .site-footer{background: var(--ink); color: var(--line); border-top: 0; padding: 64px 0px 32px;}
#tehing-site .footer-grid{display: grid; grid-template-columns: 1.35fr 1fr 1fr 1fr; gap: 32px;}
#tehing-site .footer-logo{width: 100px; height: auto; margin-bottom: 24px;}
#tehing-site .footer-grid h3{font: 600 1rem / 1.5 "Red Hat Text", sans-serif; color: rgb(159, 176, 191); letter-spacing: 0px; margin-bottom: 20px;}
#tehing-site .footer-grid p{font-size: 1rem; margin-bottom: 16px;}
#tehing-site .footer-grid a{display: flex; align-items: center; min-height: 44px; font-size: 1rem; text-decoration: none;}
#tehing-site .footer-grid a:hover{text-decoration: underline;}
#tehing-site .footer-grid br{display: none;}
#tehing-site .footer-bottom{border-top: 1px solid rgb(78, 88, 102); margin-top: 40px; padding-top: 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; font-size: 1rem; color: rgb(159, 176, 191);}
#tehing-site .footer-bottom a, #tehing-site .footer-bottom button{display: inline-flex; align-items: center; min-height: 44px;}
#tehing-site .footer-bottom button{background: transparent; border: 0px; color: inherit; font-size: 1rem; text-decoration: underline; padding: 0px; cursor: pointer;}
#tehing-site .footer-motto{flex-basis: 100%;}
#tehing-site dialog{width: min(640px, 100% - 32px); max-height: calc(100dvh - 32px); padding: 32px; border: 1px solid var(--line); border-radius: 24px; background: rgb(255, 255, 255); color: var(--ink); overflow: auto;}
#tehing-site dialog::backdrop{background: rgba(0, 13, 16, 0.6);}
#tehing-site dialog[open]{display: flex; flex-direction: column; overflow: hidden;}
#tehing-site .dialog-content{overflow: auto; min-height: 0px; padding: 4px; scrollbar-gutter: stable;}
#tehing-site dialog h2{clear: both; font-size: clamp(1.75rem, 1.536rem + 1.071vw, 2.5rem);}
#tehing-site .close{display: block; flex-shrink: 0; margin-left: auto; border: 0px; background: rgb(255, 255, 255); border-radius: 8px; color: var(--ink); font-size: 1rem; min-height: 44px; cursor: pointer; padding: 8px;}
#tehing-site label{display: block; margin-top: 20px; font-size: 1rem; font-weight: 500; line-height: 1.5;}
#tehing-site input, #tehing-site textarea{display: block; width: 100%; font-size: 1rem; line-height: 1.5; margin-top: 8px; padding: 12px 16px; border: 1px solid var(--secondary); border-radius: 24px; background: rgb(255, 255, 255); color: var(--ink);}
#tehing-site textarea{border-radius: 16px; resize: vertical; min-height: 100px;}
#tehing-site .field-error, #tehing-site .error-summary{font-size: 1rem; color: rgb(179, 38, 30); line-height: 1.5; margin-top: 8px;}
#tehing-site .error-summary{padding: 16px; border: 1px solid rgb(179, 38, 30); border-radius: 16px; margin-top: 24px;}
#tehing-site .skip{position: absolute; left: 12px; top: -200px; z-index: 10; background: rgb(255, 255, 255); padding: 12px;}
#tehing-site .skip:focus{top: 12px;}
@media (max-width: 1199px) {#tehing-site .nav{flex-wrap: wrap;}
#tehing-site .menu-toggle{margin-left: auto; align-self: flex-start; background: var(--sky);}
#tehing-site .navlinks{flex-basis: 100%; flex-direction: column; align-items: stretch; gap: 0px; order: 4;}
#tehing-site .navlinks a{padding: 12px 0px; border-top: 1px solid var(--line);}
#tehing-site .mobile-access{display: flex; flex-direction: column; gap: 12px; margin-top: 16px;}
#tehing-site .mobile-access .action{padding: 14px 24px;}
#tehing-site .nav > .action{display: none;}
#tehing-site.js .menu-toggle{display: block;}
#tehing-site.js .navlinks{display: none;}
#tehing-site.js .navlinks.is-open{display: flex; max-height: calc(100dvh - 10rem); overflow-y: auto; overscroll-behavior: contain;}}
@media (max-width: 1023px) {#tehing-site .wrap{width: calc(100% - 64px);}
#tehing-site .section{padding-block: 72px;}
#tehing-site .split{gap: 32px;}
#tehing-site .case-facts{padding: 24px;}
#tehing-site .case-facts dl{grid-template-columns: 1fr;}
#tehing-site .footer-grid{grid-template-columns: 1fr 1fr;}
#tehing-site .lead{font-size: 1.25rem;}}
@media (max-width: 767px) {#tehing-site .split{grid-template-columns: 1fr;}
#tehing-site .footer-grid{grid-template-columns: 1fr;}}
@media (max-width: 599px) {#tehing-site .wrap{width: calc(100% - 40px);}
#tehing-site .section{padding-block: 56px;}
#tehing-site .actions{align-items: stretch; flex-direction: column;}
#tehing-site .action{width: 100%;}
#tehing-site figcaption{flex-direction: column; gap: 8px;}
#tehing-site .client-quote{padding: 24px;}
#tehing-site dialog{padding: 20px;}}
@media (prefers-reduced-motion: reduce) {html{scroll-behavior: auto;}}
html, body{margin: 0px; min-height: 100%; background: rgb(0, 13, 16);}
#tehing-site .home-header{background: var(--ink); color: var(--sky);}
#tehing-site .home-header .logo{filter: brightness(0) invert(1);}
#tehing-site .home-header .nav > .action{background: transparent; color: var(--sky); border: 1px solid var(--sky);}
#tehing-site .evidence-reference .section{padding-block: 56px;}
#tehing-site .evidence-reference h2{max-width: 32ch; margin-bottom: 16px;}
#tehing-site .evidence-reference .actions{margin-top: 24px;}
#tehing-site .faq-list{margin-top: 40px; max-width: 960px;}
#tehing-site .faq-list details{border-top: 1px solid var(--line); padding-block: 24px;}
#tehing-site .faq-list details:last-child{border-bottom: 1px solid var(--line);}
#tehing-site .faq-list summary{font: 600 1.375rem / 1.4 "Red Hat Display", sans-serif; cursor: pointer; min-height: 44px;}
#tehing-site .faq-list p{margin-top: 20px; color: var(--secondary);}
@media (max-width: 599px) {#tehing-site .evidence-reference .section{padding-block: 48px;}}
#tehing-site .home-header .mobile-access .action{background: var(--sky); color: var(--ink); border: 2px solid var(--sky);}
#tehing-site .home-header .mobile-access .action:hover{background: white; border-color: white;}
#tehing-site .nav > a:first-child{display: flex; align-items: center; min-height: 44px;}
#tehing-site .feedback-section{background: var(--ink); color: var(--cream);}
#tehing-site .feedback-heading{display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 40px;}
#tehing-site .feedback-heading h2{color: var(--cream);}
#tehing-site .feedback-window{overflow-x: auto; scrollbar-width: thin;}
#tehing-site .feedback-track{display: flex; width: max-content;}
#tehing-site .feedback-group{display: flex; gap: 24px; padding-right: 24px;}
#tehing-site .feedback-card{width: var(--feedback-card-width,280px); flex: 0 0 auto; margin: 0px; padding: 28px 24px; border: 2px solid var(--line); border-radius: 28px; display: flex; flex-direction: column; color: var(--cream); background: var(--ink);}
#tehing-site .feedback-card figcaption{border-top: 1px solid rgb(82, 98, 104); padding-top: 20px;}
#tehing-site .feedback-card h3{color: var(--cream); overflow-wrap: anywhere;}
#tehing-site .feedback-card figcaption p{font-size: 1rem; line-height: 1.5; color: var(--line); margin-top: 16px;}
#tehing-site .feedback-card blockquote{font: 400 1.125rem / 1.65 "Red Hat Text", sans-serif; margin: 28px 0px; color: var(--cream);}
#tehing-site .feedback-window.is-animated{overflow: hidden;}
#tehing-site .is-animated .feedback-track{animation: feedback-drift var(--feedback-duration,160s) linear infinite;}
#tehing-site .feedback-section.is-paused .feedback-track, #tehing-site .feedback-window:hover .feedback-track, #tehing-site .feedback-section:focus-within .feedback-track{animation-play-state: paused;}
@keyframes feedback-drift {
  100% { transform: translateX(calc(-1 * var(--feedback-distance,1300px))); }
}
@media (max-width: 767px) {#tehing-site .feedback-heading{align-items: flex-start; flex-direction: column;}
#tehing-site .feedback-card{padding: 28px 24px;}}
@media (prefers-reduced-motion: reduce) {#tehing-site .is-animated .feedback-track{animation: auto ease 0s 1 normal none running none;}}
#tehing-site .feedback-card figcaption{display: block;}
#tehing-site .feedback-card h3{overflow-wrap: normal; hyphens: auto;}
#tehing-site .is-animated .feedback-track{animation-delay: 0s;}
#tehing-site .work-carousel .is-animated .feedback-track, #tehing-site .homepage-feedback .is-animated .feedback-track{animation-delay: 0s;}
#tehing-site .feedback-card h3{overflow-wrap: anywhere;}
#tehing-site .feedback-card{background: rgb(255, 255, 255); color: var(--ink); border-color: var(--ink); width: var(--feedback-card-width,350px);}
#tehing-site .feedback-card h3, #tehing-site .feedback-card blockquote{color: var(--ink);}
#tehing-site .feedback-card figcaption p{color: var(--secondary);}
#tehing-site .feedback-card figcaption{border-color: var(--line);}

#tehing-site .evidence-reference h2{max-width: 22ch;}
#tehing-site #tehing-contact .space{margin-top: 0px;}
#tehing-site .feedback-card figcaption{display: block;}
#tehing-site .feedback-card h3{letter-spacing: -0.025em;}
#tehing-site .carousel-hint{font-size: 1rem; color: var(--line); margin: 0px 0px 24px; max-width: 60ch;}
#tehing-site .feedback-heading{margin-bottom: 16px;}
#tehing-site .hint-touch{display: none;}
#tehing-site .feedback-window{cursor: grab; touch-action: pan-x pan-y;}
#tehing-site .feedback-window.is-dragging{cursor: grabbing; user-select: none;}
#tehing-site .feedback-card blockquote{margin-bottom: 0px;}
#tehing-site .evidence-intro{max-width: 780px; margin-bottom: 40px;}
#tehing-site .evidence-reference h2{max-width: 30ch;}
#tehing-site .evidence-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start;}
#tehing-site .evidence-voice .client-quote{margin: 0px;}
#tehing-site .evidence-voice .actions{margin-top: 24px;}
#tehing-site .value-benefits{list-style: disc; padding-left: 24px; margin: 24px 0px 0px;}
#tehing-site .value-benefits li{padding: 8px 0px 8px 4px; margin: 0px;}
#tehing-site .benefits-title{margin-top: 32px;}
@media (pointer: coarse) {#tehing-site .hint-touch{display: inline;}
#tehing-site .hint-mouse{display: none;}}
@media (max-width: 767px) {#tehing-site .hint-touch{display: inline;}
#tehing-site .hint-mouse{display: none;}
#tehing-site .evidence-grid{grid-template-columns: 1fr; gap: 24px;}
#tehing-site .evidence-intro{margin-bottom: 32px;}}
#tehing-site .dark-section-divider{border-top:0;padding-top:0}

/* 21.09.2026 user amendment: shared header contact CTA. */
#tehing-site .home-header .nav > .action,
#tehing-site .home-header .mobile-access .action{background:#fff;color:var(--ink);border:1px solid #fff;gap:8px}
#tehing-site .home-header .nav > .action:hover,
#tehing-site .home-header .mobile-access .action:hover{background:var(--sky);border-color:var(--sky)}
#tehing-site .home-header .cta-arrow{font-weight:700}

/* 1.2.0: complete approved valuation section, including benefits. */
#tehing-site .offer{border-top: 2px solid var(--ink); padding-top: 24px;}
#tehing-site .price{font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 500; font-stretch: normal; font-size: 2.75rem; line-height: 1.15; font-family: "Red Hat Display", sans-serif; margin-block: 24px;}
#tehing-site .price span{font: 400 1.125rem / 1.5 "Red Hat Text", sans-serif; white-space: nowrap;}
#tehing-site .offer-facts{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; border-block: 1px solid var(--line); padding-block: 24px; margin-bottom: 24px;}
#tehing-site .offer-facts strong{font: 600 1.5rem / 1.3 "Red Hat Display", sans-serif; display: block;}
#tehing-site .offer-facts span{display: block; font-size: 1rem; line-height: 1.5; margin-top: 8px; color: var(--secondary);}
#tehing-site .offer ul{padding-left: 24px; margin-block: 24px;}
#tehing-site .offer li{margin-block: 8px;}
#tehing-site .value-limit{color: var(--secondary); margin-bottom: 24px;}
@media (max-width: 1023px) {#tehing-site .price{font-size: 2.5rem;}}
@media (max-width: 599px) {#tehing-site .price{font-size: 2.25rem;}
#tehing-site .offer-facts{grid-template-columns: 1fr;}}
#tehing-site #tehing-value > .offer{border: 2px solid var(--ink); border-radius: 28px; padding: 32px; background: var(--soft);}
#tehing-site .benefits-title{margin-top: 32px;}
@media (max-width: 767px) {#tehing-site #tehing-value > .offer{padding: 24px;}}

/* 1.3.0: same logo as footer, without increasing the header row. */
#tehing-site .nav > a:first-child{position:relative;width:100px;height:44px;flex-shrink:0}
#tehing-site .home-header .logo{position:absolute;width:100px;height:auto;left:0;top:50%;transform:translateY(-50%);filter:none}
#tehing-site .carousel-hint{display:none}
@media(max-width:767px),(pointer:coarse){#tehing-site .carousel-hint{display:block}}

/* A5.2 visible legacy manual controls; approved cards and motion remain intact. */
#tehing-site .shared-carousel-controls{display:flex;align-items:center;gap:12px;flex-shrink:0;max-width:100%;flex-wrap:wrap}
#tehing-site .shared-carousel-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:1000px;background:transparent;color:var(--sky);font:600 1rem/1.5 "Red Hat Text",sans-serif;cursor:pointer}
#tehing-site .shared-carousel-controls button:hover{background:var(--sky);color:var(--ink)}
#tehing-site .shared-carousel-controls output{font:400 1rem/1.5 "Red Hat Text",sans-serif;color:var(--line);font-variant-numeric:tabular-nums}