/* 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("https://tehing.ee/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("https://tehing.ee/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} /* B3 page-only layout; shared components and tokens remain in registry 1.4.0. */ #tehing-site .prep-hero{background:var(--sky)} #tehing-site .prep-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:32px;margin-top:48px} #tehing-site .prep-topics article{border-top:1px solid var(--line);padding-top:24px} #tehing-site .prep-index{display:block;color:var(--secondary);font-size:1rem;line-height:1.5;margin-bottom:24px;font-variant-numeric:tabular-nums} #tehing-site .prep-topics h3{margin-bottom:16px} #tehing-site .prep-topics p,#tehing-site .prep-steps p{font-size:1rem;line-height:1.65;color:var(--secondary)} #tehing-site .prep-plan{background:var(--cream)} #tehing-site .prep-plan .split>div:first-child>h2+p{margin-top:16px} #tehing-site .prep-plan>.split,#tehing-site #ettevalmistus>.split{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))} #tehing-site .prep-steps{display:grid;gap:28px;min-width:0} #tehing-site .prep-steps article{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:24px;border-top:1px solid var(--line);padding-top:24px} #tehing-site .prep-steps .prep-index{margin:4px 0 0} #tehing-site .prep-steps h3{margin-bottom:12px} #tehing-site .prep-review-list{margin:12px 0 16px;padding-left:20px;color:var(--secondary);font-size:1rem;line-height:1.55} #tehing-site .prep-review-list li+li{margin-top:5px} #tehing-site .prep-steps .prep-owner{background:var(--sky);border:0;border-radius:0 28px 0 0;margin-left:-24px;padding:24px} #tehing-site .prep-closing{background:var(--ink);color:#fff} #tehing-site .prep-closing h2,#tehing-site .prep-start h3{color:#fff} #tehing-site .prep-closing>.wrap>.eyebrow,#tehing-site .prep-start .eyebrow{color:#9fb0bf} #tehing-site .prep-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:48px;margin-top:48px} #tehing-site .prep-paths article{min-width:0;display:flex;flex-direction:column;align-items:start;padding:32px} #tehing-site .prep-info{background:var(--cream);color:var(--ink);border-radius:0 32px 0 0} #tehing-site .prep-start{border-top:1px solid #4e5866} #tehing-site .prep-paths h3{margin-bottom:24px} #tehing-site .prep-paths article>p:not(.eyebrow){font-size:1rem;line-height:1.65} #tehing-site .prep-paths .actions{margin-top:auto;padding-top:32px;width:100%} @media(max-width:1023px){#tehing-site .prep-topics{gap:24px}#tehing-site .prep-paths{gap:24px}} @media(max-width:767px){#tehing-site .prep-topics,#tehing-site .prep-paths{grid-template-columns:1fr}#tehing-site .prep-topics,#tehing-site .prep-paths{margin-top:32px}#tehing-site .prep-topics article{display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:16px}#tehing-site .prep-topics .prep-index{grid-row:1/3;margin-top:4px}#tehing-site .prep-topics p{grid-column:2}#tehing-site .prep-paths article{padding:24px}#tehing-site .prep-paths .actions{margin-top:0}} @media(max-width:599px){#tehing-site .prep-steps article{gap:16px}#tehing-site .prep-steps .prep-owner{margin-left:-16px;padding:24px 16px}#tehing-site .prep-paths .actions{align-items:stretch}} /* Same hero sizing and composition as the current company-sale page. */ #tehing-site .prep-hero>.wrap{min-height:clamp(680px,70svh,980px);display:flex;align-items:center;padding-block:clamp(112px,10vh,180px)} #tehing-site .prep-opening{width:100%;max-width:920px;display:block} #tehing-site .prep-opening>*{min-width:0} #tehing-site .prep-hero h1{max-width:none;margin:0;font-family:"Red Hat Display",Arial,sans-serif;font-size:clamp(3.25rem,4.9vw,4.625rem);line-height:1.04;font-weight:500;letter-spacing:-.03em;text-wrap:balance} #tehing-site .prep-lead{font-size:1.125rem;max-width:54ch;margin:clamp(32px,3.5vw,52px) 0 0;line-height:1.65} #tehing-site .prep-hero .actions{margin-top:clamp(28px,3vw,40px);gap:18px} @media(max-width:767px){ #tehing-site .prep-hero>.wrap{min-height:0;padding-block:clamp(88px,12vw,112px)} #tehing-site .prep-hero h1{font-size:clamp(2.5rem,9.5vw,3.25rem)} #tehing-site .prep-lead{margin-top:32px} #tehing-site .prep-hero .actions{margin-top:32px} } @media(max-width:600px){#tehing-site .prep-hero .actions a{width:100%}} /* Aurora background: decorative, contained to the preparation hero. */ #tehing-site .prep-aurora{position:relative;isolation:isolate;background:var(--sky)} #tehing-site .prep-aurora>.wrap{position:relative;z-index:1} #tehing-site .prep-aurora-lights{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0} #tehing-site .prep-aurora-effect{ position:absolute;inset:-10px;pointer-events:none; --aurora-white:repeating-linear-gradient(100deg,#fff 0%,#fff 7%,transparent 10%,transparent 12%,#fff 16%); --aurora-colors:repeating-linear-gradient(100deg,#3b82f6 10%,#a5b4fc 15%,#93c5fd 20%,#ddd6fe 25%,#60a5fa 30%); background-image:var(--aurora-white),var(--aurora-colors); background-size:300%,200%;background-position:50% 50%,50% 50%; -webkit-mask-image:radial-gradient(ellipse at 100% 0%,#000 10%,transparent 70%); mask-image:radial-gradient(ellipse at 100% 0%,#000 10%,transparent 70%); filter:blur(10px) invert(1);opacity:.5; } #tehing-site .prep-aurora-effect::after{content:"";position:absolute;inset:0;background-image:var(--aurora-white),var(--aurora-colors);background-size:200%,100%;background-position:50% 50%,50% 50%;background-attachment:fixed;mix-blend-mode:difference;animation:tehing-prep-aurora 60s linear infinite} @keyframes tehing-prep-aurora{from{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}} @media(max-width:767px){#tehing-site .prep-aurora-effect::after{background-attachment:scroll}} @media(prefers-reduced-motion:reduce){#tehing-site .prep-aurora-effect::after{animation:none;background-attachment:scroll}} /* 25.09 hero alignment: approved homepage content axis and size. */ @media (min-width:1101px){ #tehing-site .prep-hero>.wrap{width:100%;max-width:1216px;min-height:721px;padding:72px 64px 80px} #tehing-site .prep-hero h1{font-size:64px;line-height:1.12;font-weight:500} } @media (min-width:768px) and (max-width:1100px){ #tehing-site .prep-hero>.wrap{width:100%;min-height:631px;padding:64px 40px} #tehing-site .prep-hero h1{font-size:clamp(38px,5.2vw,58px);line-height:1.12;font-weight:500} } @media (max-width:767px){ #tehing-site .prep-hero>.wrap{width:100%;min-height:520px;padding:48px 28px 56px} #tehing-site .prep-hero h1{font-size:clamp(34px,10vw,48px);line-height:1.14;font-weight:500} } /* Homepage feedback: sector mark and heading share an airy row. */ #tehing-site #klienditagasiside .feedback-word{white-space:nowrap} #tehing-site #klienditagasiside .feedback-card{padding:32px;border-width:1px} #tehing-site #klienditagasiside .feedback-card figcaption{border:0;padding-top:0} #tehing-site #klienditagasiside .feedback-card-heading{display:flex;flex-wrap:wrap;align-items:center;gap:20px;min-height:64px} #tehing-site #klienditagasiside .feedback-sector-icon{display:block;width:56px;height:56px;flex:0 0 56px;margin:0} #tehing-site #klienditagasiside .feedback-card h3{flex:1 1 min-content;min-width:min-content;max-width:100%;margin:0;overflow-wrap:normal;word-break:normal;hyphens:manual} #tehing-site #klienditagasiside .feedback-card figcaption p{margin-top:20px} #tehing-site #klienditagasiside .feedback-card blockquote{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)} @media(min-width:1200px){#tehing-site #klienditagasiside .feedback-card{width:calc(var(--feedback-card-width,350px) + 64px)}} @media(max-width:599px){#tehing-site #klienditagasiside .feedback-card{padding:28px 24px}#tehing-site #klienditagasiside .feedback-card-heading{gap:12px;min-height:60px}#tehing-site #klienditagasiside .feedback-sector-icon{width:40px;height:40px;flex-basis:40px}} /* B3: allow enlarged desktop nav to wrap without overlapping contact CTA. */ @media(min-width:1200px){ #tehing-site .home-header .navlinks{min-width:0;flex-wrap:wrap} #tehing-site .home-header .nav>a{flex-shrink:0} } /* B3 cooperation: introduction, discovery, highlighted deliverable, implementation choice. */ #tehing-site .prep-plan>.wrap{container-type:inline-size} #tehing-site .prep-plan-heading{max-width:820px;margin-bottom:48px} #tehing-site .prep-plan-heading>p:not(.eyebrow){margin-top:20px;max-width:70ch;font-size:1.125rem;line-height:1.65;color:var(--secondary)} #tehing-site .prep-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:40px 48px} @container(min-width:56rem){#tehing-site .prep-steps{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}} #tehing-site .prep-steps article{padding-top:24px;gap:20px;align-content:start} #tehing-site .prep-steps article>div{min-width:0} #tehing-site .prep-review-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:12px 28px;margin:20px 0 0;padding-left:20px} #tehing-site .prep-review-list li{padding-left:2px;break-inside:avoid} #tehing-site .prep-review-list li+li{margin-top:0} #tehing-site .prep-steps .prep-deliverable{grid-column:1/-1;background:var(--sky);border:0;border-radius:0 32px 0 0;padding:40px} #tehing-site .prep-deliverable h3{font-size:clamp(1.625rem,2.5vw,2rem);line-height:1.2;max-width:36ch;margin-bottom:20px} #tehing-site .prep-deliverable p{max-width:85ch} #tehing-site .prep-plan-highlights{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;margin:28px 0 0;padding:20px 0 0;border-top:1px solid rgba(0,20,28,.18);font-size:1rem;line-height:1.5;font-weight:500} #tehing-site .prep-steps .prep-owner{grid-column:1/-1;background:transparent;border-top:1px solid var(--line);border-radius:0;margin-left:0;padding:24px 0 0} #tehing-site .prep-owner p{max-width:90ch} @media(max-width:767px){ #tehing-site .prep-plan-heading{margin-bottom:32px} #tehing-site .prep-steps{gap:32px} #tehing-site .prep-steps article{gap:16px} #tehing-site .prep-steps .prep-deliverable{display:block;padding:24px 20px} #tehing-site .prep-deliverable .prep-index{margin:0 0 16px} #tehing-site .prep-plan-highlights{display:grid;gap:12px;margin-top:24px;padding-top:20px} #tehing-site .prep-steps .prep-owner{padding:24px 0 0;margin-left:0} } /* B3 cooperation topics and deliverable benefits: readable rows with decorative line icons. */ #tehing-site #tehing-process .prep-steps article{grid-template-columns:2.25rem minmax(0,1fr)} #tehing-site #tehing-process .prep-index{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--line);border-radius:50%;font-size:.875rem;margin:0;color:var(--secondary)} #tehing-site #tehing-process .prep-deliverable .prep-index{border-color:rgba(0,20,28,.22)} #tehing-site .prep-review-list{container-type:inline-size;list-style:none;padding:0;gap:0 28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))} #tehing-site .prep-review-list li{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:12px;align-items:start;padding:18px 0;border-top:1px solid var(--line)} #tehing-site .prep-review-list li>div{min-width:0} #tehing-site .prep-review-list strong{display:block;font-weight:500;color:var(--ink);line-height:1.4;margin-bottom:6px} #tehing-site .prep-review-list li>div>span{display:block} #tehing-site .prep-topic-icon{color:var(--ink);display:block;padding-top:1px} #tehing-site .prep-topic-icon svg{display:block;width:1.75rem;height:1.75rem;stroke-width:1.3} #tehing-site .prep-plan-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:20px 32px;padding-top:28px} #tehing-site .prep-plan-highlights li{display:flex;align-items:center;gap:14px;min-width:0} #tehing-site .prep-plan-highlights svg{width:1.75rem;height:1.75rem;flex-shrink:0} @container(max-width:16rem){#tehing-site .prep-review-list li{grid-template-columns:1fr;gap:10px}} @media(max-width:767px){ #tehing-site .prep-review-list{grid-template-columns:1fr} #tehing-site .prep-review-list li{padding:16px 0} #tehing-site #tehing-process .prep-deliverable .prep-index{margin-bottom:20px} #tehing-site .prep-plan-highlights{grid-template-columns:1fr;gap:20px} } /* B3 layout pass: compact goal, wider scope, earlier full-width outcome. */ #tehing-site #tehing-process .prep-steps{grid-template-columns:minmax(0,1fr);gap:32px} #tehing-site #tehing-process .prep-steps>article:first-child>div{display:grid;gap:0 40px} #tehing-site #tehing-process .prep-steps>article:nth-child(2)>div>p{max-width:75ch} #tehing-site #tehing-process .prep-review-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:0 32px;margin:20px 0 0} #tehing-site #tehing-process .prep-review-list li{padding:12px 0;margin-top:0} #tehing-site #tehing-process .prep-review-list strong{margin-bottom:4px} @container(min-width:44rem){ #tehing-site #tehing-process .prep-steps>article:first-child>div{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start} #tehing-site #tehing-process .prep-steps>article:first-child h3{margin-bottom:0} } @media(max-width:767px){ #tehing-site #tehing-process .prep-plan-heading{margin-bottom:28px} #tehing-site #tehing-process .prep-steps{gap:24px} #tehing-site #tehing-process .prep-review-list{grid-template-columns:1fr;margin-top:16px} } /* B3 agreed specimen: same blue surface, explanation then practical example. */ #tehing-site #tehing-process .prep-deliverable-content{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;container-type:inline-size} #tehing-site #tehing-process .prep-deliverable-content>div{min-width:0} #tehing-site #tehing-process .prep-example{border-top:1px solid rgba(2,22,27,.2);padding-top:24px} #tehing-site #tehing-process .prep-example h4{font-size:1.125rem;line-height:1.4;font-weight:500;margin:0 0 12px;color:var(--ink)} #tehing-site #tehing-process .prep-example-goal{font-size:1.375rem;line-height:1.3;font-weight:500;color:var(--ink);margin:0 0 20px} #tehing-site #tehing-process .prep-example dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:16px 24px;margin:0} #tehing-site #tehing-process .prep-example dl>div:first-child,#tehing-site #tehing-process .prep-example dl>div:last-child{grid-column:1/-1} #tehing-site #tehing-process .prep-example dt{font-size:.875rem;line-height:1.5;font-weight:500;color:var(--ink);margin:0 0 4px} #tehing-site #tehing-process .prep-example dd{font-size:1rem;line-height:1.55;color:var(--secondary);margin:0} #tehing-site #tehing-process .prep-example-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:16px 24px} #tehing-site #tehing-process .prep-example-note{font-size:.875rem;line-height:1.5;margin:20px 0 0} @container(min-width:62rem){ #tehing-site #tehing-process .prep-deliverable-content{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px} #tehing-site #tehing-process .prep-example{border-top:0;border-left:1px solid rgba(2,22,27,.2);padding:0 0 0 32px} } /* B3 closing: conversation leads, article is a quieter supporting route. */ #tehing-site .prep-closing>.wrap{container-type:inline-size} @container(min-width:56rem){#tehing-site .prep-closing .prep-paths{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}} #tehing-site .prep-article-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:var(--ink);font-weight:500;line-height:1.5;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px} #tehing-site .prep-article-link:hover{text-decoration-thickness:2px} #tehing-site .prep-article-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px} #tehing-site #tehing-process .prep-owner .actions{margin-top:24px}