/*
Theme Name: TRUWE — Blocksy Child
Theme URI: https://truwe.be
Description: Premium Blocksy child theme en designsysteem voor TRUWE.
Author: TRUWE
Template: blocksy
Version: 4.3.7
Text Domain: truwe
*/

:root {
  --truwe-ink: #14243a;
  --truwe-cream: #f4f0e8;
  --truwe-paper: #fbfaf7;
  --truwe-copper: #bc6e45;
  --truwe-muted: #68717c;
  --truwe-line: rgba(20, 36, 58, .16);
  --truwe-shell: 1220px;
}

html { scroll-behavior: smooth; }
body { background: var(--truwe-paper); color: var(--truwe-ink); }
body, button, input, select, textarea { font-family: "Manrope", "Segoe UI", sans-serif; }
h1, h2, h3, h4 { color: inherit; letter-spacing: -.035em; }
.entry-content { --theme-content-spacing: 0; }
.entry-content > * { margin-top: 0; margin-bottom: 0; }
.hero-section, .page-title { display: none; }
.ct-container-full { padding: 0; }
.site-main { min-height: 60vh; }
.truwe-shell { width: min(var(--truwe-shell), calc(100% - 48px)); margin-inline: auto; }
.truwe-section { padding: 128px 0; }
.truwe-dark { background: var(--truwe-ink); color: var(--truwe-cream); }
.truwe-dark :is(h1, h2, h3, h4, h5, h6, .truwe-title, .truwe-display) { color: var(--truwe-cream) !important; }
.truwe-dark :is(p, li) { color: #c9d0d8; }
.truwe-dark .truwe-eyebrow { color: #d68b63; }
.truwe-cream { background: var(--truwe-cream); }
.truwe-eyebrow { margin: 0 0 28px; color: var(--truwe-copper); font-size: 11px; font-weight: 750; letter-spacing: .17em; text-transform: uppercase; }
.truwe-display { margin: 0; font-size: clamp(52px, 7vw, 104px); font-weight: 560; line-height: .92; letter-spacing: -.065em; }
.truwe-display em, .truwe-title em { color: var(--truwe-copper); font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.truwe-title { margin: 0; font-size: clamp(42px, 5vw, 72px); font-weight: 560; line-height: 1.02; }
.truwe-lead { color: var(--truwe-muted); font-size: 18px; line-height: 1.7; }
.truwe-dark .truwe-lead { color: #b8c1cb; }
.truwe-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 38px; min-width: 245px; padding: 18px 22px; background: var(--truwe-ink); color: #fff !important; font-size: 13px; font-weight: 750; }
.truwe-button > span { width: 10px; height: 10px; position: relative; flex: 0 0 10px; overflow: hidden; color: transparent; font-size: 0; transition: transform .25s ease; }
.truwe-button > span::before { content: ""; position: absolute; width: 8px; height: 8px; top: 0; right: 0; border-top: 1.5px solid var(--truwe-copper); border-right: 1.5px solid var(--truwe-copper); }
.truwe-button > span::after { content: ""; position: absolute; width: 13px; height: 1.5px; top: 5px; right: -1px; background: var(--truwe-copper); transform: rotate(-45deg); transform-origin: right center; }
.truwe-button:hover > span { transform: translate(3px, -3px); }
.truwe-dark .truwe-button { background: var(--truwe-copper); }
.truwe-dark .truwe-button > span::before { border-color: var(--truwe-cream); }
.truwe-dark .truwe-button > span::after { background: var(--truwe-cream); }
.truwe-link { display: inline-block; padding-bottom: 8px; border-bottom: 1px solid currentColor; font-size: 13px; font-weight: 750; }
.truwe-hero { min-height: 720px; padding: 110px 0 38px; display: flex; flex-direction: column; position: relative; isolation: isolate; overflow: hidden; }
.truwe-hero::before { content: ""; position: absolute; z-index: -1; width: min(44vw, 590px); aspect-ratio: 1; top: 64px; right: -10%; border: 1px solid rgba(188,110,69,.18); border-radius: 50%; box-shadow: 0 0 0 72px rgba(188,110,69,.035), 0 0 0 144px rgba(20,36,58,.025); transform: translate3d(var(--truwe-mx, 0), var(--truwe-my, 0), 0); transition: transform 1.1s cubic-bezier(.2,.7,.2,1); }
.truwe-hero::after { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; right: 19%; width: 1px; background: linear-gradient(transparent, rgba(20,36,58,.1), transparent); }
.truwe-hero__bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: end; margin-top: auto; }
.truwe-hero__bottom .truwe-lead { max-width: 590px; }
.truwe-hero__bottom .truwe-button { justify-self: end; }
.truwe-ribbon { display: flex; align-items: center; justify-content: space-between; margin-top: 68px; padding-top: 23px; border-top: 1px solid var(--truwe-line); color: var(--truwe-ink); font-size: 10px; letter-spacing: .18em; text-transform: uppercase; }
.truwe-ribbon i { width: 3px; height: 3px; border-radius: 50%; background: var(--truwe-copper); }
.truwe-split { display: grid; grid-template-columns: 1fr 2.6fr; gap: 70px; }
.truwe-split .truwe-lead { max-width: 760px; }
.truwe-split .truwe-title + .truwe-lead { margin-top: 34px; }
.truwe-head { display: grid; grid-template-columns: 2fr 1fr; gap: 90px; align-items: end; margin-bottom: 68px; }
.truwe-head .truwe-lead { margin: 0; }
.truwe-problems { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--truwe-line); }
.truwe-problem { min-height: 195px; padding: 28px; border-right: 1px solid var(--truwe-line); border-bottom: 1px solid var(--truwe-line); }
.truwe-problem:nth-child(3n) { border-right: 0; }
.truwe-problem:nth-last-child(-n+3) { border-bottom: 0; }
.truwe-problem span { color: var(--truwe-copper); font-size: 11px; font-weight: 750; }
.truwe-problem h3 { margin: 52px 0 0; font-size: 20px; line-height: 1.25; }
.truwe-bridge { max-width: 820px; margin: 65px auto 0; text-align: center; }
.truwe-bridge p { color: var(--truwe-muted); font-size: 16px; }
.truwe-services { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--truwe-line); }
.truwe-card { min-height: 390px; padding: 28px; border-right: 1px solid var(--truwe-line); display: flex; flex-direction: column; background: rgba(255,255,255,.42); transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.truwe-card:last-child { border-right: 0; }
.truwe-card:hover { background: #fff; color: var(--truwe-ink); transform: translateY(-2px); box-shadow: inset 0 -3px 0 var(--truwe-copper); }
.truwe-card__no { color: var(--truwe-copper); font-size: 11px; font-weight: 750; }
.truwe-card h3 { margin: auto 0 18px; font-size: 24px; line-height: 1.15; }
.truwe-card p { color: var(--truwe-muted); font-size: 14px; line-height: 1.65; }
.truwe-card:hover p { color: var(--truwe-muted); }
.truwe-card .truwe-link { margin-top: 24px; transition: color .2s ease; }
.truwe-card .truwe-link::after { content: ""; display: inline-block; width: 0; height: 1px; margin-left: 6px; vertical-align: middle; background: var(--truwe-copper); transition: width .2s ease; }
.truwe-card:hover .truwe-link { color: var(--truwe-copper); }
.truwe-card:hover .truwe-link::after { width: 18px; }
.truwe-problem-layout { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: clamp(70px, 9vw, 145px); align-items: start; }
.truwe-problem-intro { position: sticky; top: 140px; }
.truwe-problem-intro .truwe-lead { max-width: 520px; margin-top: 32px; }
.truwe-problem-cascade { counter-reset: truwe-problem; }
.truwe-problem-statement { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 22px; align-items: center; min-height: 112px; border-bottom: 1px solid var(--truwe-line); }
.truwe-problem-statement:nth-child(2), .truwe-problem-statement:nth-child(5) { margin-left: 7%; }
.truwe-problem-statement:nth-child(3), .truwe-problem-statement:nth-child(6) { margin-left: 14%; }
.truwe-problem-statement > span { color: var(--truwe-copper); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.truwe-problem-statement h3 { grid-column: 2; max-width: 650px; margin: 0; font-size: clamp(22px, 2.15vw, 32px); line-height: 1.18; }
.truwe-problem-layout p:empty, .truwe-home-services p:empty, .truwe-home-process p:empty { display: none; }
.truwe-problem-turn { margin-top: 58px; padding-top: 30px; position: relative; }
.truwe-problem-turn > span { display: block; width: 88px; height: 3px; margin-bottom: 28px; background: var(--truwe-copper); }
.truwe-problem-turn h3 { margin: 0 0 10px; font-size: clamp(30px, 3vw, 45px); line-height: 1.1; }
.truwe-problem-turn p { max-width: 560px; margin: 0; color: var(--truwe-muted); font-size: 17px; }
.truwe-home-services { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr); gap: clamp(40px, 6vw, 90px); align-items: stretch; }
.truwe-service-menu { display: flex; flex-direction: column; border-top: 1px solid var(--truwe-line); }
.truwe-service-trigger { display: grid; grid-template-columns: 42px minmax(0, 1fr) 28px; gap: 14px; align-items: center; min-height: 92px; padding: 18px 4px; border-bottom: 1px solid var(--truwe-line); color: var(--truwe-ink); }
.truwe-service-trigger span { color: var(--truwe-muted); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.truwe-service-trigger strong { font-size: clamp(18px, 1.55vw, 23px); line-height: 1.15; }
.truwe-service-trigger i { color: var(--truwe-copper); font-size: 20px; font-style: normal; transition: transform .22s ease; }
.truwe-service-trigger:hover, .truwe-service-trigger:focus-visible, .truwe-service-trigger.is-active { color: var(--truwe-copper); }
.truwe-service-trigger:hover i, .truwe-service-trigger:focus-visible i, .truwe-service-trigger.is-active i { transform: translate(3px, -3px); }
.truwe-service-trigger:focus-visible { outline: 2px solid var(--truwe-copper); outline-offset: 4px; }
.truwe-service-panels { min-width: 0; }
.truwe-service-panel { min-height: 470px; padding: clamp(32px, 4.25vw, 62px); display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(240px, .92fr); gap: clamp(26px, 3vw, 44px); align-items: center; background: var(--truwe-ink); color: var(--truwe-cream); overflow: hidden; }
.truwe-service-panel[hidden] { display: none !important; }
.truwe-service-copy > span { color: var(--truwe-copper); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.truwe-service-copy h3 { margin: 70px 0 20px; color: var(--truwe-cream) !important; font-size: clamp(31px, 2.8vw, 44px); line-height: 1.05; letter-spacing: -.025em; }
.truwe-service-copy p { color: #b8c1cb; font-size: 15px; line-height: 1.7; }
.truwe-service-copy .truwe-link { margin-top: 25px; color: var(--truwe-cream); }
.truwe-service-visual { min-height: 310px; display: grid; place-items: center; position: relative; border: 1px solid rgba(255,255,255,.12); background: radial-gradient(circle at 70% 25%, rgba(188,110,69,.20), transparent 36%), rgba(255,255,255,.025); }
.truwe-browser { width: 78%; aspect-ratio: 1.18; padding: 42px 18px 18px; display: grid; grid-template-columns: 1.3fr .7fr; grid-template-rows: 1.1fr .9fr; gap: 10px; position: relative; border: 1px solid rgba(255,255,255,.28); background: #f5f2eb; box-shadow: 24px 28px 0 rgba(188,110,69,.16); }
.truwe-browser > i { position: absolute; top: 16px; width: 6px; height: 6px; border-radius: 50%; background: var(--truwe-copper); }
.truwe-browser > i:nth-child(1) { left: 16px; }.truwe-browser > i:nth-child(2) { left: 28px; opacity: .6; }.truwe-browser > i:nth-child(3) { left: 40px; opacity: .3; }
.truwe-browser b { grid-row: 1 / 3; display: block; background: var(--truwe-ink); }
.truwe-browser span { display: block; background: rgba(20,36,58,.14); }
.truwe-search { width: 80%; display: grid; gap: 12px; }
.truwe-search i { width: 100%; height: 42px; border: 1px solid rgba(255,255,255,.28); border-radius: 30px; position: relative; }
.truwe-search i::after { content: ""; position: absolute; top: 13px; right: 16px; width: 12px; height: 12px; border: 2px solid var(--truwe-copper); border-radius: 50%; }
.truwe-search b { width: 58%; height: 9px; background: var(--truwe-copper); }
.truwe-search span { height: 32px; border-left: 2px solid rgba(255,255,255,.25); border-bottom: 1px solid rgba(255,255,255,.12); transform-origin: left bottom; }
.truwe-search span:nth-of-type(1) { transform: scaleY(.45); }.truwe-search span:nth-of-type(2) { transform: scaleY(.75); }.truwe-search span:nth-of-type(3) { transform: scaleY(1); border-left-color: var(--truwe-copper); }
.truwe-visual-flow { grid-template-columns: 1fr 40px 1fr 40px 1fr; gap: 8px; padding: 28px; }
.truwe-visual-flow span { min-height: 86px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.24); color: var(--truwe-cream); font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.truwe-visual-flow i { height: 1px; background: var(--truwe-copper); position: relative; }
.truwe-visual-flow i::after { content: ""; position: absolute; right: 0; top: -3px; width: 7px; height: 7px; border-top: 1px solid var(--truwe-copper); border-right: 1px solid var(--truwe-copper); transform: rotate(45deg); }
.truwe-visual-software > div { width: 78%; aspect-ratio: 1.12; padding: 18px; display: grid; grid-template-columns: .7fr 1.3fr; grid-template-rows: .6fr 1fr 1fr; gap: 10px; border: 1px solid rgba(255,255,255,.25); }
.truwe-visual-software b { grid-row: 1 / 4; background: rgba(188,110,69,.28); }
.truwe-visual-software span, .truwe-visual-software i { display: block; background: rgba(255,255,255,.12); }
.truwe-visual-software span:first-of-type { background: var(--truwe-copper); }
.truwe-home-process { --truwe-home-progress: 0%; list-style: none; margin: 0; padding: 18px 0 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(20px, 3vw, 48px); position: relative; }
.truwe-home-process::before, .truwe-home-process::after { content: ""; position: absolute; top: 29px; left: 0; height: 1px; pointer-events: none; }
.truwe-home-process::before { width: 100%; background: rgba(255,255,255,.18); }
.truwe-home-process::after { width: var(--truwe-home-progress); background: var(--truwe-copper); transition: width .35s ease; }
.truwe-home-step { min-width: 0; padding-top: 46px; position: relative; }
.truwe-home-step > span { position: absolute; z-index: 2; top: 0; left: 0; width: 42px; height: 24px; display: grid; place-items: center; background: var(--truwe-ink); color: #8f9aa7; font-size: 11px; font-weight: 800; transition: color .25s ease; }
.truwe-home-step.is-active > span { color: var(--truwe-copper); }
.truwe-home-step h3 { margin: 0 0 14px; color: var(--truwe-cream) !important; font-size: clamp(19px, 1.55vw, 23px); line-height: 1.15; }
.truwe-home-step p { margin: 0; color: #aeb8c4; font-size: 13px; line-height: 1.65; }
.truwe-proof { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }
.truwe-orb-wrap { min-height: 510px; display: grid; place-items: center; position: relative; overflow: hidden; }
.truwe-orb { width: 270px; height: 270px; border-radius: 50%; background: var(--truwe-ink); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 30px 80px rgba(20,36,58,.22); z-index: 2; }
.truwe-orb b { font-size: 34px; letter-spacing: .18em; }
.truwe-orb small { margin-top: 8px; color: #aeb8c4; }
.truwe-orbit { position: absolute; width: 430px; height: 430px; border: 1px solid rgba(188,110,69,.34); border-radius: 50%; }
.truwe-values { margin-top: 36px; border-top: 1px solid var(--truwe-line); }
.truwe-value { display: grid; grid-template-columns: 1fr 1.5fr; gap: 28px; padding: 18px 0; border-bottom: 1px solid var(--truwe-line); font-size: 13px; }
.truwe-value span { color: var(--truwe-muted); }
.truwe-steps { --truwe-progress: 0%; list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.14); position: relative; }
.truwe-steps::before, .truwe-steps::after { content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; left: 32px; width: 1px; pointer-events: none; }
.truwe-steps::before { background: rgba(255,255,255,.12); }
.truwe-steps::after { bottom: auto; height: var(--truwe-progress); background: var(--truwe-copper); transition: height .65s cubic-bezier(.2,.7,.2,1); }
.truwe-step { display: grid; grid-template-columns: 90px 1fr 2fr; gap: 28px; align-items: center; padding: 28px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.truwe-step > span { position: relative; z-index: 2; width: 22px; padding-block: 5px; background: var(--truwe-ink); color: var(--truwe-copper); font-size: 11px; }
.truwe-step h3, .truwe-step p { margin: 0; }
.truwe-step h3 { color: var(--truwe-cream) !important; font-size: 21px; }
.truwe-step p { color: #aeb8c4; font-size: 14px; }
.truwe-cta { display: grid; grid-template-columns: 1.4fr 1fr; gap: 90px; align-items: center; }
.truwe-form { padding: 38px; background: #fff; border: 1px solid var(--truwe-line); box-shadow: 0 20px 60px rgba(20,36,58,.08); }
.truwe-field { display: block; margin-bottom: 18px; font-size: 11px; font-weight: 750; }
.truwe-field input, .truwe-field select, .truwe-field textarea { width: 100%; margin-top: 8px; padding: 12px 2px; border: 0; border-bottom: 1px solid var(--truwe-line); border-radius: 0; background: transparent; color: var(--truwe-ink); }
.truwe-field input:focus-visible, .truwe-field select:focus-visible, .truwe-field textarea:focus-visible { outline: 2px solid var(--truwe-copper); outline-offset: 4px; border-bottom-color: transparent; }
.truwe-form button:focus-visible { outline: 2px solid var(--truwe-copper); outline-offset: 4px; }
.truwe-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.truwe-form button { width: 100%; border: 0; cursor: pointer; }
.truwe-form small { display: block; margin-top: 12px; color: var(--truwe-muted); font-size: 9px; line-height: 1.5; }
.truwe-form .truwe-hp { display: none !important; }
.truwe-success { margin-bottom: 18px; padding: 14px; background: #eaf4ec; color: #245d32; font-size: 13px; }
.truwe-page-hero { padding: 105px 0 90px; border-bottom: 1px solid var(--truwe-line); }
.truwe-page-hero .truwe-title { max-width: 950px; }
.truwe-page-hero .truwe-lead { max-width: 720px; margin-top: 30px; }
.truwe-web-hero { padding-bottom: 105px; overflow: hidden; }
.truwe-web-hero__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: clamp(55px, 7vw, 110px); align-items: center; }
.truwe-web-hero .truwe-title { max-width: 780px; }
.truwe-web-hero .truwe-button { margin-top: 34px; }
.truwe-web-builder { padding: 20px; position: relative; background: var(--truwe-ink); box-shadow: 0 30px 90px rgba(20,36,58,.16); color: white; }
.truwe-web-builder::before { content: ""; position: absolute; inset: 28px -24px -24px 28px; z-index: -1; border: 1px solid rgba(184,98,58,.3); background: rgba(184,98,58,.06); }
.truwe-web-builder__bar { min-height: 38px; padding: 0 14px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid rgba(255,255,255,.13); }
.truwe-web-builder__bar i { width: 6px; height: 6px; border-radius: 50%; background: var(--truwe-copper); opacity: .65; }
.truwe-web-builder__bar span { margin-left: auto; color: #8f9cab; font-size: 9px; letter-spacing: .12em; }
.truwe-web-builder__canvas { min-height: 330px; padding: 42px 38px; position: relative; display: grid; grid-template-columns: 1.4fr .6fr; grid-template-rows: 54px 1fr 38px; gap: 14px; overflow: hidden; background: #182d47; }
.truwe-web-builder__canvas > * { display: block; transition: transform .55s cubic-bezier(.2,.7,.2,1), opacity .45s ease, background .45s ease; }
.truwe-web-builder__canvas b { grid-column: 1 / -1; width: 65%; background: var(--truwe-cream); }
.truwe-web-builder__canvas span { background: rgba(255,255,255,.12); }
.truwe-web-builder__canvas span + span { background: rgba(184,98,58,.45); }
.truwe-web-builder__canvas em { grid-column: 1 / -1; width: 42%; background: var(--truwe-copper); }
.truwe-web-builder__canvas i { position: absolute; border: 1px solid rgba(255,255,255,.12); }
.truwe-web-builder__canvas i:nth-last-child(2) { inset: 25px 22px 78px 50%; }
.truwe-web-builder__canvas i:last-child { width: 90px; height: 90px; right: 28px; bottom: 24px; border-color: rgba(184,98,58,.38); }
.truwe-web-builder > small { display: block; padding: 18px 14px 0; color: #8290a0; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.truwe-web-builder[data-stage="2"] .truwe-web-builder__canvas b { width: 82%; transform: translateX(3%); }
.truwe-web-builder[data-stage="2"] .truwe-web-builder__canvas span:first-of-type { transform: translateY(-8px); background: rgba(255,255,255,.2); }
.truwe-web-builder[data-stage="3"] .truwe-web-builder__canvas b { width: 74%; background: white; }
.truwe-web-builder[data-stage="3"] .truwe-web-builder__canvas em { width: 54%; }
.truwe-web-builder[data-stage="3"] .truwe-web-builder__canvas i:last-child { transform: scale(1.12) rotate(8deg); }
.truwe-web-expect { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); gap: clamp(60px, 8vw, 130px); align-items: start; }
.truwe-web-expect__intro { position: sticky; top: 135px; }
.truwe-web-capabilities { counter-reset: web-cap; border-top: 1px solid var(--truwe-line); }
.truwe-web-capabilities span { counter-increment: web-cap; min-height: 74px; padding: 20px 14px 20px 60px; position: relative; display: flex; align-items: center; border-bottom: 1px solid var(--truwe-line); font-size: clamp(18px, 1.65vw, 24px); font-weight: 700; }
.truwe-web-capabilities span::before { content: counter(web-cap, decimal-leading-zero); position: absolute; left: 0; color: var(--truwe-copper); font-size: 10px; letter-spacing: .12em; }
.truwe-web-capabilities span:nth-child(3n+2) { margin-left: 7%; }
.truwe-web-capabilities span:nth-child(3n) { margin-left: 14%; }
.truwe-web-story { display: grid; grid-template-columns: minmax(380px, .9fr) minmax(0, 1.1fr); gap: clamp(70px, 8vw, 130px); align-items: start; }
.truwe-web-story__visual { min-height: 630px; }
.truwe-web-story__visual .truwe-web-builder { position: sticky; top: 145px; }
.truwe-web-stages > .truwe-eyebrow { margin-bottom: 50px; }
.truwe-web-stages article { min-height: 280px; padding: 54px 0; border-top: 1px solid rgba(255,255,255,.15); }
.truwe-web-stages article > span { color: var(--truwe-copper); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.truwe-web-stages h2 { margin: 30px 0 18px; color: white !important; font-size: clamp(30px, 3.1vw, 46px); line-height: 1.07; }
.truwe-web-stages article p { max-width: 620px; color: #aeb8c4; font-size: 16px; line-height: 1.75; }
.truwe-web-trust { display: grid; grid-template-columns: .6fr 1.25fr .95fr; gap: clamp(40px, 6vw, 90px); align-items: start; }
.truwe-web-trust .truwe-lead { margin: 0; }
.truwe-auto-hero__grid, .truwe-software-hero__grid, .truwe-growth-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr); gap: clamp(55px, 7vw, 110px); align-items: center; }
.truwe-auto-hero .truwe-button, .truwe-software-hero .truwe-button, .truwe-growth-hero .truwe-button { margin-top: 34px; }
.truwe-auto-flow { padding: 46px 34px; display: grid; grid-template-columns: 1fr 24px 1fr; gap: 14px 8px; align-items: center; background: var(--truwe-ink); box-shadow: 0 30px 90px rgba(20,36,58,.16); }
.truwe-auto-flow span, .truwe-auto-flow strong { min-height: 54px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.16); color: white; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.truwe-auto-flow strong { border-color: var(--truwe-copper); color: var(--truwe-copper); }
.truwe-auto-flow i { height: 1px; background: var(--truwe-copper); position: relative; }
.truwe-auto-map { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(60px, 8vw, 125px); align-items: start; }
.truwe-auto-map > div:first-child { position: sticky; top: 135px; }
.truwe-auto-nodes { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--truwe-line); }
.truwe-auto-nodes span { min-height: 96px; padding: 25px; display: flex; align-items: center; border-bottom: 1px solid var(--truwe-line); font-weight: 700; }
.truwe-auto-nodes span:nth-child(odd) { border-right: 1px solid var(--truwe-line); }
.truwe-auto-principles { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(70px, 9vw, 140px); }
.truwe-auto-principles ol { margin: 0; padding: 0; list-style: none; position: relative; }
.truwe-auto-principles ol::before { content: ""; position: absolute; left: 22px; top: 28px; bottom: 40px; width: 1px; background: var(--truwe-copper); }
.truwe-auto-principles li { min-height: 170px; display: grid; grid-template-columns: 46px 1fr; gap: 28px; }
.truwe-auto-principles li > span { z-index: 1; width: 46px; height: 28px; display: grid; place-items: center; background: var(--truwe-ink); color: var(--truwe-copper); font-size: 10px; }
.truwe-auto-principles h3 { margin: 0 0 14px; color: white !important; font-size: clamp(24px, 2.2vw, 34px); }
.truwe-auto-principles li p { color: #aeb8c4; line-height: 1.7; }
.truwe-software-ui { min-height: 430px; display: grid; grid-template-columns: 85px 1fr; background: var(--truwe-ink); box-shadow: 0 30px 90px rgba(20,36,58,.16); }
.truwe-software-ui__nav { padding: 32px 22px; display: flex; flex-direction: column; gap: 22px; border-right: 1px solid rgba(255,255,255,.12); }
.truwe-software-ui__nav b { height: 24px; background: var(--truwe-copper); }
.truwe-software-ui__nav span { height: 7px; background: rgba(255,255,255,.18); }
.truwe-software-ui__main { padding: 42px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; }
.truwe-software-ui__main strong { grid-column: 1 / -1; color: white; font-size: 22px; }
.truwe-software-ui__main i { min-height: 115px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); }
.truwe-software-ui__main i:first-of-type { grid-row: span 2; }
.truwe-software-ui__main em { height: 44px; background: rgba(184,98,58,.42); }
.truwe-module-field { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgba(20,36,58,.13); border: 1px solid rgba(20,36,58,.13); }
.truwe-module-field span { min-height: 150px; padding: 28px; display: flex; align-items: flex-end; background: var(--truwe-cream); color: var(--truwe-ink); font-weight: 750; }
.truwe-module-field span.is-wide { grid-column: span 2; background: white; }
.truwe-software-approach { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(70px, 9vw, 140px); }
.truwe-software-approach ol { margin: 0; padding: 0; list-style: none; }
.truwe-software-approach li { padding: 36px 0; display: grid; grid-template-columns: 50px 1fr; border-top: 1px solid var(--truwe-line); }
.truwe-software-approach li span { color: var(--truwe-copper); font-size: 11px; }
.truwe-software-approach li h3, .truwe-software-approach li p { grid-column: 2; }
.truwe-software-approach li h3 { margin: -4px 0 12px; font-size: clamp(24px, 2.3vw, 34px); }
.truwe-software-approach li p { margin: 0; color: var(--truwe-muted); line-height: 1.7; }
.truwe-search-journey { padding: 34px; background: var(--truwe-cream); border: 1px solid var(--truwe-line); }
.truwe-search-query { min-height: 64px; padding: 0 22px; display: flex; align-items: center; border: 1px solid var(--truwe-line); border-radius: 999px; color: var(--truwe-muted); }
.truwe-search-query i { width: 13px; height: 13px; margin-left: auto; border: 2px solid var(--truwe-copper); border-radius: 50%; }
.truwe-search-journey ol { margin: 40px 0 0; padding: 0; list-style: none; counter-reset: journey; }
.truwe-search-journey li { counter-increment: journey; min-height: 56px; padding-left: 50px; position: relative; display: flex; align-items: center; border-top: 1px solid var(--truwe-line); font-weight: 700; }
.truwe-search-journey li::before { content: counter(journey, decimal-leading-zero); position: absolute; left: 0; color: var(--truwe-copper); font-size: 10px; }
.truwe-growth-path { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(70px, 9vw, 140px); align-items: start; }
.truwe-growth-path > div { position: sticky; top: 135px; }
.truwe-growth-path ol { margin: 0; padding: 0; list-style: none; }
.truwe-growth-path li { min-height: 170px; padding: 38px 0; display: grid; grid-template-columns: 52px 1fr; border-top: 1px solid var(--truwe-line); }
.truwe-growth-path li > span { color: var(--truwe-copper); font-size: 11px; }
.truwe-growth-path h3 { margin: -6px 0 14px; font-size: clamp(28px, 2.8vw, 40px); }
.truwe-growth-path li p { color: var(--truwe-muted); line-height: 1.7; }
.truwe-growth-measure { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(65px, 8vw, 120px); align-items: center; }
.truwe-growth-signal { grid-column: 2; display: grid; grid-template-columns: 1fr 32px 1fr 32px 1fr; align-items: center; }
.truwe-growth-signal span { min-height: 90px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.17); color: white; font-size: 11px; text-transform: uppercase; }
.truwe-growth-signal i { height: 1px; background: var(--truwe-copper); }
.truwe-growth-measure ol { grid-column: 2; margin: 10px 0 0; padding: 0; list-style: none; }
.truwe-growth-measure li { padding: 22px 0; display: grid; grid-template-columns: 48px 1fr; border-top: 1px solid rgba(255,255,255,.15); }
.truwe-growth-measure li span { color: var(--truwe-copper); font-size: 10px; }
.truwe-growth-measure h3 { margin: 0; color: white !important; }
.truwe-service-index { border-top: 1px solid var(--truwe-line); }
.truwe-service-index > a { min-height: 170px; padding: 34px 10px; display: grid; grid-template-columns: 70px 1fr 50px; gap: 28px; align-items: center; border-bottom: 1px solid var(--truwe-line); color: var(--truwe-ink); transition: padding .25s ease, background .25s ease; }
.truwe-service-index > a:hover, .truwe-service-index > a:focus-visible { padding-inline: 28px; background: var(--truwe-cream); }
.truwe-service-index > a:focus-visible { outline: 2px solid var(--truwe-copper); outline-offset: 3px; }
.truwe-service-index > a > span { color: var(--truwe-copper); font-size: 11px; font-weight: 800; }
.truwe-service-index > a > p:empty { display: none; }
.truwe-service-index > a > div { grid-column: 2; }
.truwe-service-index > a::after { content: "↗"; grid-column: 3; color: var(--truwe-copper); font-size: 28px; }
.truwe-service-index h2 { margin: 0 0 10px; font-size: clamp(30px, 3.4vw, 50px); }
.truwe-service-index p { margin: 0; max-width: 700px; color: var(--truwe-muted); }
.truwe-service-index i { display: none; }
.truwe-journey { display: grid; grid-template-columns: 290px 1fr; gap: clamp(70px, 9vw, 140px); align-items: start; }
.truwe-journey nav { position: sticky; top: 135px; display: flex; flex-direction: column; }
.truwe-journey nav .truwe-eyebrow { margin-bottom: 34px; }
.truwe-journey nav a { padding: 15px 0; display: grid; grid-template-columns: 42px 1fr; border-top: 1px solid rgba(255,255,255,.14); color: #aeb8c4; font-size: 13px; }
.truwe-journey nav a span { color: var(--truwe-copper); font-size: 10px; }
.truwe-journey ol { margin: 0; padding: 0; list-style: none; position: relative; }
.truwe-journey ol::before { content: ""; position: absolute; left: 27px; top: 36px; bottom: 90px; width: 1px; background: var(--truwe-copper); }
.truwe-journey li { min-height: 330px; padding: 50px 0; display: grid; grid-template-columns: 56px 1fr; gap: 34px; border-top: 1px solid rgba(255,255,255,.15); scroll-margin-top: 120px; }
.truwe-journey li > span { z-index: 1; width: 56px; height: 30px; display: grid; place-items: center; background: var(--truwe-ink); color: var(--truwe-copper); font-size: 11px; }
.truwe-journey h2 { margin: -10px 0 22px; color: white !important; font-size: clamp(42px, 5vw, 72px); }
.truwe-journey li p { max-width: 700px; color: #aeb8c4; font-size: 18px; line-height: 1.75; }
.truwe-blackbox { max-width: 980px; text-align: center; }
.truwe-blackbox .truwe-title { font-size: clamp(60px, 10vw, 140px); }
.truwe-blackbox .truwe-lead { max-width: 680px; margin: 26px auto 36px; }
.truwe-about-origin { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(70px, 9vw, 140px); align-items: center; }
.truwe-brand-anchor { min-height: 560px; display: grid; place-items: center; position: relative; overflow: hidden; }
.truwe-brand-anchor .truwe-orbit--two { width: 430px; height: 430px; animation-duration: 24s; animation-direction: reverse; }
.truwe-brand-anchor .truwe-orb { position: relative; }
.truwe-brand-promises { margin-top: 44px; display: grid; grid-template-columns: 1fr 1.15fr 1.45fr; border-top: 1px solid var(--truwe-line); }
.truwe-brand-promises article { min-height: 340px; padding: 44px 34px 44px 0; }
.truwe-brand-promises article + article { padding-left: 34px; border-left: 1px solid var(--truwe-line); }
.truwe-brand-promises span { color: var(--truwe-copper); font-size: 11px; }
.truwe-brand-promises h2 { margin: 70px 0 18px; font-size: clamp(27px, 2.8vw, 42px); }
.truwe-brand-promises p { color: var(--truwe-muted); line-height: 1.7; }
.truwe-about-close { text-align: center; }
.truwe-about-close .truwe-title { max-width: 980px; margin-inline: auto; font-size: clamp(62px, 10vw, 140px); }
.truwe-about-close .truwe-lead { max-width: 680px; margin: 30px auto 38px; }
.truwe-detail-grid { display: grid; grid-template-columns: .85fr 2fr; gap: 90px; }
.truwe-list { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--truwe-line); }
.truwe-list div { padding: 22px 12px 22px 0; border-bottom: 1px solid var(--truwe-line); font-weight: 650; }
.truwe-note { margin-top: 45px; padding: 25px; border-left: 3px solid var(--truwe-copper); background: var(--truwe-cream); color: var(--truwe-muted); font-size: 14px; line-height: 1.7; }
.truwe-content-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--truwe-line); }
.truwe-content-block { padding: 36px 38px 36px 0; border-bottom: 1px solid var(--truwe-line); }
.truwe-content-block + .truwe-content-block { padding-left: 38px; border-left: 1px solid var(--truwe-line); }
.truwe-content-block h2, .truwe-content-block h3 { margin: 0 0 22px; font-size: 24px; line-height: 1.2; }
.truwe-content-block p { margin: 0; color: var(--truwe-muted); font-size: 15px; line-height: 1.75; }
.truwe-callout { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: end; padding: 52px; border: 1px solid var(--truwe-line); background: #fff; }
.truwe-callout .truwe-title { font-size: clamp(36px, 4vw, 58px); }
.truwe-legal { max-width: 860px; }
.truwe-legal h2 { margin: 52px 0 16px; font-size: 28px; }
.truwe-legal h2:first-child { margin-top: 0; }
.truwe-legal p, .truwe-legal li { color: var(--truwe-muted); line-height: 1.75; }
.truwe-legal a { text-decoration: underline; text-underline-offset: 3px; }
body.truwe-motion-ready .truwe-reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
body.truwe-motion-ready .truwe-reveal.is-visible { opacity: 1; transform: translateY(0); }
body.truwe-motion-ready .truwe-problem { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease, background .2s ease; }
body.truwe-motion-ready .truwe-problems.is-visible .truwe-problem { opacity: 1; transform: translateY(0); }
body.truwe-motion-ready .truwe-problems.is-visible .truwe-problem:nth-child(2) { transition-delay: .06s; }
body.truwe-motion-ready .truwe-problems.is-visible .truwe-problem:nth-child(3) { transition-delay: .12s; }
body.truwe-motion-ready .truwe-problems.is-visible .truwe-problem:nth-child(4) { transition-delay: .18s; }
body.truwe-motion-ready .truwe-problems.is-visible .truwe-problem:nth-child(5) { transition-delay: .24s; }
body.truwe-motion-ready .truwe-problems.is-visible .truwe-problem:nth-child(6) { transition-delay: .3s; }
body.truwe-motion-ready .truwe-problem-statement { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease, border-color .25s ease; }
body.truwe-motion-ready .truwe-problem-cascade.is-visible .truwe-problem-statement { opacity: 1; transform: translateY(0); }
body.truwe-motion-ready .truwe-problem-cascade.is-visible .truwe-problem-statement:nth-child(2) { transition-delay: .05s; }
body.truwe-motion-ready .truwe-problem-cascade.is-visible .truwe-problem-statement:nth-child(3) { transition-delay: .1s; }
body.truwe-motion-ready .truwe-problem-cascade.is-visible .truwe-problem-statement:nth-child(4) { transition-delay: .15s; }
body.truwe-motion-ready .truwe-problem-cascade.is-visible .truwe-problem-statement:nth-child(5) { transition-delay: .2s; }
body.truwe-motion-ready .truwe-problem-cascade.is-visible .truwe-problem-statement:nth-child(6) { transition-delay: .25s; }
body.truwe-motion-ready .truwe-service-panel.is-switching .truwe-service-copy, body.truwe-motion-ready .truwe-service-panel.is-switching .truwe-service-visual { animation: truwe-service-in .24s both ease; }
@keyframes truwe-service-in { from { opacity: .25; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
body.truwe-motion-ready .truwe-hero .truwe-eyebrow, body.truwe-motion-ready .truwe-hero .truwe-display, body.truwe-motion-ready .truwe-hero__bottom, body.truwe-motion-ready .truwe-ribbon { animation: truwe-enter .8s both cubic-bezier(.2,.7,.2,1); }
body.truwe-motion-ready .truwe-hero .truwe-display { animation-delay: .08s; }
body.truwe-motion-ready .truwe-hero__bottom { animation-delay: .16s; }
body.truwe-motion-ready .truwe-ribbon { animation-delay: .24s; }
@keyframes truwe-enter { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }

#header { border-bottom: 1px solid var(--truwe-line); }
[data-header*="type-1"] .ct-header [data-id="logo"] .site-title { font-weight: 800; letter-spacing: .14em; }
.ct-header-cta .ct-button { border-radius: 0; }
.ct-header [data-id="menu"] > ul > li:last-child > a { min-height: 42px; padding-inline: 18px; background: var(--truwe-ink); color: #fff; }
.ct-header [data-id="menu"] > ul > li:last-child > a:hover { background: var(--truwe-copper); color: #fff; }
#footer { display: none; }
.truwe-footer { padding: 88px 0 28px; background: #0d1a2b; color: var(--truwe-cream); }
.truwe-footer__grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 64px; padding-bottom: 68px; }
.truwe-footer__brand { display: block; margin-bottom: 15px; color: #fff !important; font-size: 28px; font-weight: 800; letter-spacing: .14em; }
.truwe-footer p, .truwe-footer a, .truwe-footer span { color: #aeb8c4; font-size: 13px; }
.truwe-footer nav { display: flex; flex-direction: column; gap: 12px; }
.truwe-footer h3 { margin: 0 0 18px; color: #fff !important; font-size: 11px; letter-spacing: .15em; text-transform: uppercase; }
.truwe-footer a:hover { color: #d68b63; }
.truwe-footer__bottom { display: flex; justify-content: space-between; gap: 25px; padding-top: 23px; border-top: 1px solid rgba(255,255,255,.12); }
.truwe-footer__legal { display: flex; gap: 24px; }

@media (max-width: 900px) {
  .truwe-hero__bottom, .truwe-split, .truwe-head, .truwe-proof, .truwe-cta, .truwe-detail-grid { grid-template-columns: 1fr; gap: 44px; }
  .truwe-hero__bottom .truwe-button { justify-self: start; }
  .truwe-problems { grid-template-columns: 1fr 1fr; }
  .truwe-problem:nth-child(3n) { border-right: 1px solid var(--truwe-line); }
  .truwe-problem:nth-child(2n) { border-right: 0; }
  .truwe-problem:nth-last-child(-n+3) { border-bottom: 1px solid var(--truwe-line); }
  .truwe-problem:nth-last-child(-n+2) { border-bottom: 0; }
  .truwe-services { grid-template-columns: 1fr 1fr; }
  .truwe-card:nth-child(2) { border-right: 0; }
  .truwe-card:nth-child(-n+2) { border-bottom: 1px solid var(--truwe-line); }
  .truwe-step { grid-template-columns: 44px 1fr; }
  .truwe-step p { grid-column: 2; }
  .truwe-content-grid { grid-template-columns: 1fr; }
  .truwe-content-block, .truwe-content-block + .truwe-content-block { padding: 30px 0; border-left: 0; }
  .truwe-callout { grid-template-columns: 1fr; gap: 32px; }
  .truwe-problem-layout { grid-template-columns: 1fr; gap: 48px; }
  .truwe-problem-intro { position: static; }
  .truwe-problem-statement:nth-child(n) { margin-left: 0; }
  .truwe-home-services { grid-template-columns: 1fr; }
  .truwe-service-menu { display: none; }
  .truwe-service-panels { display: grid; gap: 24px; }
  .truwe-service-panel, .truwe-service-panel[hidden] { min-height: 0; display: grid !important; grid-template-columns: 1fr 1fr; padding: 34px; }
  .truwe-service-copy h3 { margin-top: 38px; }
  .truwe-service-visual { min-height: 240px; }
  .truwe-home-process { padding: 0; display: block; }
  .truwe-home-process::before, .truwe-home-process::after { top: 0; left: 20px; width: 1px; }
  .truwe-home-process::before { height: 100%; }
  .truwe-home-process::after { width: 1px; height: var(--truwe-home-progress); transition: height .35s ease; }
  .truwe-home-step { min-height: 118px; padding: 0 0 34px 72px; }
  .truwe-home-step > span { top: -2px; left: 0; }
  .truwe-web-hero__grid, .truwe-web-expect, .truwe-web-story, .truwe-web-trust { grid-template-columns: 1fr; }
  .truwe-web-hero__grid { gap: 62px; }
  .truwe-web-expect__intro, .truwe-web-story__visual .truwe-web-builder { position: static; }
  .truwe-web-capabilities span:nth-child(n) { margin-left: 0; }
  .truwe-web-story__visual { min-height: 0; }
  .truwe-web-stages article { min-height: 0; padding: 44px 0; }
  .truwe-auto-hero__grid, .truwe-software-hero__grid, .truwe-growth-hero__grid, .truwe-auto-map, .truwe-auto-principles, .truwe-software-approach, .truwe-growth-path, .truwe-growth-measure { grid-template-columns: 1fr; }
  .truwe-auto-map > div:first-child, .truwe-growth-path > div { position: static; }
  .truwe-module-field { grid-template-columns: 1fr 1fr; }
  .truwe-growth-signal, .truwe-growth-measure ol { grid-column: 1; }
  .truwe-journey, .truwe-about-origin { grid-template-columns: 1fr; }
  .truwe-journey nav { position: static; display: grid; grid-template-columns: repeat(5, 1fr); }
  .truwe-journey nav .truwe-eyebrow { grid-column: 1 / -1; }
  .truwe-journey nav a { grid-template-columns: 1fr; gap: 5px; }
  .truwe-brand-promises { grid-template-columns: 1fr; }
  .truwe-brand-promises article, .truwe-brand-promises article + article { min-height: 0; padding: 34px 0; border-left: 0; border-bottom: 1px solid var(--truwe-line); }
  .truwe-brand-promises h2 { margin-top: 34px; }
}

@media (max-width: 620px) {
  .truwe-shell { width: min(var(--truwe-shell), calc(100% - 30px)); }
  .truwe-section { padding: 86px 0; }
  .truwe-hero { min-height: 650px; padding-top: 70px; }
  .truwe-hero::before { width: 360px; right: -45%; top: 95px; }
  .truwe-display { font-size: 51px; }
  .truwe-ribbon i { display: none; }
  .truwe-problems, .truwe-services, .truwe-list { grid-template-columns: 1fr; }
  .truwe-problem, .truwe-card { border-right: 0 !important; border-bottom: 1px solid var(--truwe-line) !important; }
  .truwe-problem:last-child, .truwe-card:last-child { border-bottom: 0 !important; }
  .truwe-card { min-height: 320px; }
  .truwe-orb-wrap { min-height: 360px; }
  .truwe-orb { width: 205px; height: 205px; }
  .truwe-orbit { width: 320px; height: 320px; }
  .truwe-step { grid-template-columns: 44px 1fr; }
  .truwe-step p { grid-column: 2; }
  .truwe-form__row { grid-template-columns: 1fr; }
  .truwe-form { padding: 26px 20px; }
  .truwe-footer__grid { grid-template-columns: 1fr 1fr; }
  .truwe-footer__grid > div:first-child { grid-column: 1 / -1; }
  .truwe-footer__bottom { flex-direction: column; }
  .truwe-title { line-height: 1.08; }
  .truwe-callout { padding: 28px 22px; }
  .truwe-problem-statement { grid-template-columns: 42px 1fr; gap: 13px; min-height: 94px; }
  .truwe-problem-statement h3 { font-size: 21px; }
  .truwe-problem-turn { margin-top: 42px; }
  .truwe-service-panel, .truwe-service-panel[hidden] { grid-template-columns: 1fr; gap: 28px; padding: 28px 22px; }
  .truwe-service-copy h3 { margin-top: 30px; font-size: 33px; }
  .truwe-service-visual { min-height: 210px; }
  .truwe-visual-flow { grid-template-columns: 1fr 22px 1fr 22px 1fr; padding: 16px; }
  .truwe-visual-flow span { min-height: 66px; font-size: 8px; }
  .truwe-home-step { min-height: 108px; padding-left: 62px; padding-bottom: 28px; }
  .truwe-web-hero { padding-top: 72px; }
  .truwe-web-hero__grid { gap: 48px; }
  .truwe-web-builder { padding: 12px; }
  .truwe-web-builder::before { inset: 18px -10px -10px 18px; }
  .truwe-web-builder__canvas { min-height: 235px; padding: 30px 22px; }
  .truwe-web-capabilities span { min-height: 64px; padding-left: 48px; font-size: 18px; }
  .truwe-web-story { gap: 54px; }
  .truwe-web-trust { gap: 28px; }
  .truwe-auto-flow { padding: 24px 18px; }
  .truwe-auto-nodes { grid-template-columns: 1fr; }
  .truwe-auto-nodes span:nth-child(odd) { border-right: 0; }
  .truwe-software-ui { min-height: 330px; grid-template-columns: 58px 1fr; }
  .truwe-software-ui__nav { padding: 22px 14px; }
  .truwe-software-ui__main { padding: 24px; }
  .truwe-module-field { grid-template-columns: 1fr; }
  .truwe-module-field span.is-wide { grid-column: span 1; }
  .truwe-search-journey { padding: 22px 18px; }
  .truwe-growth-signal { grid-template-columns: 1fr; gap: 10px; }
  .truwe-growth-signal i { width: 1px; height: 18px; justify-self: center; }
  .truwe-service-index > a { min-height: 140px; grid-template-columns: 38px 1fr 24px; gap: 12px; }
  .truwe-service-index h2 { font-size: 27px; }
  .truwe-service-index p { font-size: 13px; }
  .truwe-journey nav { display: none; }
  .truwe-journey li { min-height: 0; padding: 38px 0; grid-template-columns: 44px 1fr; gap: 18px; }
  .truwe-journey ol::before { left: 21px; bottom: 55px; }
  .truwe-journey li > span { width: 44px; }
  .truwe-journey h2 { font-size: 37px; }
  .truwe-journey li p { font-size: 15px; }
  .truwe-brand-anchor { min-height: 390px; }
  .truwe-brand-anchor .truwe-orbit--two { width: 300px; height: 300px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; } body.truwe-motion-ready .truwe-reveal, body.truwe-motion-ready .truwe-problem, body.truwe-motion-ready .truwe-problem-statement { opacity: 1; transform: none; } .truwe-home-process { --truwe-home-progress: 100%; } }

/* v2.7 — gecontroleerde visuele correctieronde */
#header { display: none !important; }
.truwe-site-nav { position: sticky; z-index: 10000; top: 0; height: 72px; display: flex; align-items: center; border-bottom: 1px solid rgba(20,36,58,.12); background: rgba(251,250,247,.94); box-shadow: 0 8px 30px rgba(20,36,58,.045); backdrop-filter: blur(18px); }
body.admin-bar .truwe-site-nav { top: 32px; }
.truwe-site-nav__inner { display: flex; align-items: center; justify-content: space-between; gap: 36px; }
.truwe-site-nav__brand { color: var(--truwe-ink) !important; font-size: 20px; font-weight: 850; letter-spacing: .16em; }
.truwe-site-nav__desktop { display: flex; align-items: center; gap: clamp(22px, 2.5vw, 40px); }
.truwe-site-nav__desktop > a { color: var(--truwe-ink); font-size: 13px; font-weight: 700; }
.truwe-site-nav__desktop > a:not(.truwe-site-nav__cta) { padding-block: 25px 22px; border-bottom: 3px solid transparent; }
.truwe-site-nav__desktop > a:not(.truwe-site-nav__cta):hover, .truwe-site-nav__desktop > a:not(.truwe-site-nav__cta):focus-visible { color: var(--truwe-copper); border-bottom-color: var(--truwe-copper); }
.truwe-site-nav__home { width: 22px; }
.truwe-site-nav__home svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.truwe-site-nav__cta { display: inline-flex; align-items: center; gap: 22px; padding: 12px 16px; background: var(--truwe-ink); color: white !important; }
.truwe-site-nav__cta span { color: var(--truwe-copper); }
.truwe-site-nav__mobile { display: none; position: relative; }
.truwe-site-nav__mobile summary { padding: 12px 0; color: var(--truwe-ink); font-size: 13px; font-weight: 800; cursor: pointer; list-style: none; }
.truwe-site-nav__mobile summary::-webkit-details-marker { display: none; }
.truwe-site-nav__mobile nav { position: absolute; top: 52px; right: -2px; width: min(310px, calc(100vw - 32px)); padding: 10px 22px; display: flex; flex-direction: column; background: var(--truwe-ink); box-shadow: 0 24px 60px rgba(20,36,58,.22); }
.truwe-site-nav__mobile nav a { padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.13); color: white; font-size: 15px; }
.truwe-site-nav__mobile nav a:last-child { color: #e2a27d; border-bottom: 0; }

.truwe-eyebrow { font-size: 13px; line-height: 1.4; letter-spacing: .145em; }
.truwe-display { font-size: clamp(50px, 6.55vw, 96px); line-height: 1.02; letter-spacing: -.058em; }
.truwe-display > em { display: inline-block; margin-top: .22em; line-height: .96; }
.truwe-ribbon { font-size: 12px; }
.truwe-card__no, .truwe-problem-statement > span, .truwe-service-trigger span, .truwe-service-copy > span, .truwe-home-step > span, .truwe-step > span, .truwe-journey li > span, .truwe-service-index > a > span { font-size: 13px; }
.truwe-form small, .truwe-footer p, .truwe-footer a, .truwe-footer span { font-size: 13px; }
.truwe-web-stages article > span, .truwe-auto-principles li > span, .truwe-software-approach li span, .truwe-growth-path li > span, .truwe-growth-measure li span, .truwe-brand-promises span { font-size: 13px; }
.truwe-visual-flow span, .truwe-web-builder__bar span, .truwe-web-builder > small, .truwe-web-capabilities span::before, .truwe-auto-flow span, .truwe-auto-flow strong, .truwe-search-journey li::before, .truwe-growth-signal span, .truwe-footer h3 { font-size: 12px; }

.truwe-problem-layout { grid-template-columns: minmax(360px, 1fr) minmax(0, 1.18fr); gap: clamp(58px, 7vw, 105px); }
.truwe-problem-intro { top: 118px; }
.truwe-problem-intro .truwe-title { max-width: 590px; font-size: clamp(42px, 4.6vw, 68px); }
.truwe-problem-statement { grid-template-columns: 64px minmax(0, 1fr); gap: 18px; min-height: 112px; }
.truwe-problem-statement:nth-child(n) { margin-left: 0; }
.truwe-problem-statement h3 { grid-column: 2; max-width: 680px; font-size: clamp(23px, 2vw, 30px); }
.truwe-problem-turn { margin-left: 82px; }

.truwe-field { margin-bottom: 20px; font-size: 13px; line-height: 1.4; }
.truwe-field input, .truwe-field select, .truwe-field textarea { min-height: 54px; margin-top: 9px; padding: 14px 16px; border: 1px solid rgba(20,36,58,.24); border-radius: 2px; background-color: #fff; color: var(--truwe-ink); font-size: 16px; line-height: 1.35; overflow: visible; }
.truwe-field select { padding-right: 46px; appearance: auto; }
.truwe-field textarea { min-height: 136px; resize: vertical; }
.truwe-field input:focus-visible, .truwe-field select:focus-visible, .truwe-field textarea:focus-visible { border-color: var(--truwe-copper); outline: 2px solid rgba(188,110,69,.34); outline-offset: 2px; }
.truwe-form > small { margin-top: 16px; font-size: 12px; }
.truwe-field > small { display: inline; margin: 0; font-size: inherit; line-height: inherit; }
.kodee-fab__inner { display: none !important; }

.truwe-services-intro { padding-bottom: 88px; }
.truwe-services-intro__grid { display: grid; grid-template-columns: .65fr 1.75fr; gap: 70px; }
.truwe-services-intro__grid .truwe-lead { max-width: 760px; margin-top: 30px; }
.truwe-service-index { border: 0; }
.truwe-service-index > a { min-height: 210px; padding: 38px 24px; grid-template-columns: 82px minmax(0, 1fr) 64px; gap: 26px; background: rgba(255,255,255,.32); border-top: 1px solid rgba(20,36,58,.18); }
.truwe-service-index > a:last-child { border-bottom: 1px solid rgba(20,36,58,.18); }
.truwe-service-index > a::after { content: "↗"; grid-column: 3; color: var(--truwe-copper); font-size: 32px; transition: transform .25s ease; }
.truwe-service-index > a:hover::after { transform: translate(5px,-5px); }
.truwe-service-index > a > div { grid-column: 2; display: grid; grid-template-columns: minmax(300px,.9fr) minmax(300px,1.1fr); column-gap: clamp(44px,6vw,90px); align-items: center; }
.truwe-service-index small { grid-column: 1; margin-bottom: 12px; color: var(--truwe-copper); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.truwe-service-index h2 { grid-column: 1; margin: 0; }
.truwe-service-index p { grid-column: 2; grid-row: 1 / 3; font-size: 17px; line-height: 1.65; }

.truwe-journey { display: block; }
.truwe-journey__intro { display: grid; grid-template-columns: .7fr 1.6fr; gap: 70px; margin-bottom: 72px; }
.truwe-journey__intro .truwe-eyebrow { grid-column: 1; }
.truwe-journey__intro .truwe-title { grid-column: 2; grid-row: 1 / span 2; }
.truwe-journey__intro .truwe-lead { grid-column: 2; max-width: 760px; margin-top: 28px; }
.truwe-journey ol { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.18); list-style: none; }
.truwe-journey ol::before { display: none; }
.truwe-journey li { min-height: 0; padding: 46px 0; grid-template-columns: 70px minmax(0,1fr); gap: 30px; }
.truwe-journey li > span { width: 52px; height: 32px; }
.truwe-journey li > div { display: grid; grid-template-columns: minmax(280px,.8fr) minmax(360px,1.2fr); column-gap: clamp(48px,7vw,100px); align-items: start; }
.truwe-journey li small { grid-column: 1; color: #d68b63; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.truwe-journey h2 { grid-column: 1; margin: 10px 0 0; font-size: clamp(38px,4vw,58px); }
.truwe-journey li p { grid-column: 2; grid-row: 1 / 3; max-width: 760px; margin: 0; font-size: 18px; line-height: 1.72; }

.truwe-about-story, .truwe-about-practice { display: grid; grid-template-columns: .68fr 1.52fr; gap: clamp(58px,8vw,120px); align-items: start; }
.truwe-about-story > div { max-width: 850px; }
.truwe-about-story > div > p:not(.truwe-lead) { margin-top: 26px; color: var(--truwe-muted); font-size: 18px; line-height: 1.75; }
.truwe-brand-promises { display: grid; grid-template-columns: 1fr 1fr; }
.truwe-brand-promises article { min-height: 310px; }
.truwe-about-practice__list { border-top: 1px solid var(--truwe-line); }
.truwe-about-practice__list p { margin: 0; padding: 24px 0; border-bottom: 1px solid var(--truwe-line); color: var(--truwe-muted); font-size: 17px; line-height: 1.65; }
.truwe-about-practice__list strong { display: block; margin-bottom: 5px; color: var(--truwe-ink); }

.truwe-depth { background: #fff; }
.truwe-depth__head { display: grid; grid-template-columns: .7fr 1.6fr; gap: 70px; margin-bottom: 64px; }
.truwe-depth__grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--truwe-line); border-bottom: 1px solid var(--truwe-line); }
.truwe-depth__grid article { min-height: 310px; padding: 34px; border-right: 1px solid var(--truwe-line); }
.truwe-depth__grid article:last-child { border-right: 0; }
.truwe-depth__grid span { color: var(--truwe-copper); font-size: 13px; font-weight: 800; }
.truwe-depth__grid h3 { margin: 74px 0 18px; font-size: 27px; }
.truwe-depth__grid p { margin: 0; color: var(--truwe-muted); font-size: 15px; line-height: 1.72; }

@media (max-width: 1000px) {
  .truwe-site-nav__desktop { gap: 18px; }
  .truwe-problem-layout { grid-template-columns: 1fr; }
  .truwe-problem-intro { position: static; }
  .truwe-service-index > a > div { grid-template-columns: 1fr; }
  .truwe-service-index p { grid-column: 1; grid-row: auto; margin-top: 18px; }
  .truwe-journey li > div { grid-template-columns: minmax(220px,.8fr) minmax(300px,1.2fr); }
}

@media (max-width: 760px) {
  body.admin-bar .truwe-site-nav { top: 46px; }
  .truwe-site-nav { height: 64px; }
  .truwe-site-nav__desktop { display: none; }
  .truwe-site-nav__mobile { display: block; }
  .truwe-display { font-size: clamp(43px,13.4vw,58px); line-height: 1.045; letter-spacing: -.052em; }
  .truwe-display > em { margin-top: .20em; }
  .truwe-eyebrow { font-size: 12px; }
  .truwe-problem-statement { grid-template-columns: 46px 1fr; }
  .truwe-problem-turn { margin-left: 0; }
  .truwe-services-intro__grid, .truwe-journey__intro, .truwe-about-story, .truwe-about-practice, .truwe-depth__head { grid-template-columns: 1fr; gap: 28px; }
  .truwe-journey__intro .truwe-title, .truwe-journey__intro .truwe-lead { grid-column: 1; grid-row: auto; }
  .truwe-service-index > a { padding: 30px 10px; grid-template-columns: 46px minmax(0,1fr) 26px; gap: 12px; }
  .truwe-service-index > a > div { grid-template-columns: 1fr; }
  .truwe-service-index h2 { font-size: 29px; }
  .truwe-service-index p { font-size: 15px; }
  .truwe-journey li { padding: 36px 0; grid-template-columns: 44px minmax(0,1fr); gap: 16px; }
  .truwe-journey li > div { display: block; }
  .truwe-journey li p { margin-top: 18px; font-size: 16px; }
  .truwe-brand-promises, .truwe-depth__grid { grid-template-columns: 1fr; }
  .truwe-depth__grid article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--truwe-line); }
  .truwe-depth__grid article:last-child { border-bottom: 0; }
  .truwe-depth__grid h3 { margin-top: 38px; }
}

/* v3.2 — wpautop-veilige dienstenindex */
.truwe-service-index > p { display: none; }
.truwe-service-index > a {
  grid-template-columns: 82px minmax(0,1fr) 64px;
}
.truwe-service-index > a::after { display: none; }
.truwe-service-index__no { grid-column: 1; color: var(--truwe-copper); font-size: 13px; font-weight: 800; }
.truwe-service-index__body {
  grid-column: 2;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(300px,.9fr) minmax(300px,1.1fr);
  column-gap: clamp(44px,6vw,90px);
  align-items: center;
}
.truwe-service-index__body small { grid-column: 1; }
.truwe-service-index__title {
  grid-column: 1;
  display: block;
  color: var(--truwe-ink);
  font-size: clamp(30px,3.4vw,50px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.035em;
}
.truwe-service-index__description {
  grid-column: 2;
  grid-row: 1 / 3;
  color: var(--truwe-muted);
  font-size: 17px;
  line-height: 1.65;
}
.truwe-service-index__arrow { grid-column: 3; color: var(--truwe-copper); font-size: 32px; transition: transform .25s ease; }
.truwe-service-index > a:hover .truwe-service-index__arrow,
.truwe-service-index > a:focus-visible .truwe-service-index__arrow { transform: translate(5px,-5px); }

@media (max-width: 1000px) {
  .truwe-service-index__body { grid-template-columns: 1fr; }
  .truwe-service-index__description { grid-column: 1; grid-row: auto; margin-top: 18px; }
}

@media (max-width: 760px) {
  .truwe-service-index > a { grid-template-columns: 46px minmax(0,1fr) 26px; gap: 12px; }
  .truwe-service-index__title { font-size: 29px; }
  .truwe-service-index__description { font-size: 15px; }
  .truwe-service-index__arrow { font-size: 24px; }
}

/* v3.1 — gerichte visuele correctieronde na Kenny + GPT review */
.truwe-shell {
  width: min(var(--truwe-shell), calc(100% - clamp(48px, 10vw, 160px)));
}

.truwe-site-nav__brand span {
  min-width: 116px;
  font-size: 18px;
  letter-spacing: .205em;
}

.truwe-service-visual { overflow: hidden; }
.truwe-browser { width: 91%; }
.truwe-search { width: 92%; }
.truwe-visual-software > div { width: 91%; }
.truwe-visual-flow {
  width: 100%;
  box-sizing: border-box;
  grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);
  gap: 6px;
  padding: 32px;
  overflow: hidden;
}
.truwe-visual-flow span {
  min-width: 0;
  padding-inline: 5px;
  font-size: 9px;
  letter-spacing: .065em;
}

.truwe-service-index > a {
  min-height: 188px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(100deg, rgba(255,255,255,.58), rgba(255,255,255,.28));
}
.truwe-service-index > a::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 112px;
  height: 94px;
  right: 55px;
  top: 50%;
  opacity: .18;
  background: linear-gradient(136deg, transparent 0 25%, var(--truwe-copper) 25.5% 37%, transparent 37.5% 49%, var(--truwe-ink) 49.5% 61%, transparent 61.5%);
  transform: translateY(-50%);
  transition: opacity .25s ease, transform .25s ease;
}
.truwe-service-index > a:hover::before,
.truwe-service-index > a:focus-visible::before { opacity: .42; transform: translateY(-50%) translateX(-8px); }

.truwe-journey__intro { margin-bottom: 54px; }
.truwe-journey ol { position: relative; }
.truwe-journey ol::before {
  display: block;
  left: 25px;
  top: 32px;
  bottom: 32px;
  background: linear-gradient(var(--truwe-copper), rgba(201,138,91,.24));
}
.truwe-journey li {
  min-height: 0;
  padding: 34px 0;
  grid-template-columns: 70px minmax(0,1fr);
}
.truwe-journey li > span {
  background: #0b2545;
  border: 1px solid rgba(201,138,91,.46);
  box-shadow: 0 0 0 8px #0b2545;
}
.truwe-journey li > div {
  grid-template-columns: minmax(220px,.72fr) minmax(520px,1.28fr);
  column-gap: clamp(50px,7vw,96px);
}
.truwe-journey h2 { font-size: clamp(34px,3.5vw,52px); }
.truwe-journey li p { max-width: 720px; }

.truwe-brand-signature {
  background:
    radial-gradient(circle at 50% 42%, rgba(201,138,91,.12), transparent 42%),
    linear-gradient(145deg, #fbf8f1, #eee5d8);
}
.truwe-brand-signature .truwe-eyebrow { color: var(--truwe-copper); }
.truwe-brand-signature img {
  width: min(100%, 540px);
  max-height: 250px;
  filter: drop-shadow(0 20px 34px rgba(11,37,69,.15));
}
.truwe-brand-anchor {
  min-height: 440px;
  background-size: 300px;
}

@media (max-width: 1000px) and (min-width: 761px) {
  .truwe-journey li > div { grid-template-columns: minmax(190px,.75fr) minmax(340px,1.25fr); column-gap: 42px; }
}

@media (max-width: 760px) {
  .truwe-shell { width: min(var(--truwe-shell), calc(100% - 48px)); }
  .truwe-site-nav__brand span { min-width: 0; }
  .truwe-service-index > a { min-height: 0; padding-block: 30px; }
  .truwe-service-index > a::before { display: none; }
  .truwe-visual-flow { grid-template-columns: minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr); padding: 24px; }
  .truwe-visual-flow span { min-height: 62px; font-size: 8px; }
  .truwe-journey__intro { margin-bottom: 36px; }
  .truwe-journey li { padding: 30px 0; }
  .truwe-journey li > div { display: block; }
  .truwe-brand-signature img { width: min(100%, 420px); max-height: 220px; transform: none; }
  .truwe-brand-anchor { min-height: 270px; background-size: 180px; }
}

/* v4.0.0 — premium art-direction pass: editorial rhythm, hierarchy and finish */
:root {
  --truwe-section-space: clamp(96px, 8.4vw, 132px);
  --truwe-section-space-compact: clamp(78px, 6.8vw, 108px);
  --truwe-reading: 68ch;
  --truwe-ease: cubic-bezier(.2, .72, .2, 1);
}

html { background: #071a31; }
body {
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1, "liga" 1;
}
body :is(p, li) { text-wrap: pretty; }
body :is(h1, h2, h3, .truwe-display, .truwe-title) { text-wrap: balance; }
.truwe-section,
.truwe-page-hero,
.truwe-hero__inner { box-sizing: border-box; }
.truwe-section { padding-block: var(--truwe-section-space); }
.truwe-section > .truwe-shell { position: relative; }
.truwe-section + .truwe-section:not(.truwe-dark) { border-top: 1px solid rgba(11, 37, 69, .07); }
.truwe-dark + .truwe-dark { border-top: 1px solid rgba(248, 245, 238, .11); }

.truwe-eyebrow {
  margin-bottom: clamp(22px, 2.2vw, 30px);
  line-height: 1.4;
  letter-spacing: .19em;
}
.truwe-display {
  max-width: 11.5ch;
  font-weight: 590;
  line-height: .94;
  letter-spacing: -.068em;
}
.truwe-title {
  font-weight: 590;
  line-height: 1.015;
  letter-spacing: -.047em;
}
.truwe-display em,
.truwe-title em {
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.truwe-lead { max-width: var(--truwe-reading); line-height: 1.72; }
.truwe-title + .truwe-lead { margin-top: clamp(26px, 2.4vw, 34px); }

.truwe-site-nav { box-shadow: 0 18px 54px rgba(3, 15, 29, .19); }
.truwe-site-nav__inner { min-height: 76px; }
.truwe-site-nav__brand {
  width: 184px;
  height: 52px;
  padding: 6px 11px;
  border-color: rgba(201, 138, 91, .22);
  background: #fbf8f1;
  box-shadow: 0 10px 30px rgba(1, 10, 20, .15);
  transition: transform .3s var(--truwe-ease), box-shadow .3s var(--truwe-ease);
}
.truwe-site-nav__brand:hover,
.truwe-site-nav__brand:focus-visible { transform: translateY(-1px); box-shadow: 0 15px 34px rgba(1, 10, 20, .2); }
.truwe-site-nav__brand .truwe-site-nav__wordmark { width: 162px; height: 40px; }
.truwe-site-nav__desktop > a:not(.truwe-site-nav__cta) {
  position: relative;
  border-bottom: 0;
}
.truwe-site-nav__desktop > a:not(.truwe-site-nav__cta)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -9px;
  height: 1px;
  background: var(--truwe-copper);
  transition: right .28s var(--truwe-ease);
}
.truwe-site-nav__desktop > a:not(.truwe-site-nav__cta):is(:hover, :focus-visible, .is-current)::after { right: 0; }
.truwe-site-nav__desktop > a.is-current:not(.truwe-site-nav__cta) { color: #f0b487; }
.truwe-site-nav__home.is-current svg { stroke: #e4ad83; }
.truwe-site-nav__cta.is-current { box-shadow: 0 0 0 1px #f6c39c, 0 12px 30px rgba(201, 138, 91, .25); }

.truwe-hero__inner {
  min-height: calc(100svh - 76px);
  padding-top: clamp(86px, 9.5vh, 118px);
  padding-bottom: clamp(28px, 4vh, 42px);
}
.truwe-hero .truwe-eyebrow { margin-bottom: clamp(30px, 3vw, 42px); }
.truwe-hero__bottom { gap: clamp(44px, 6vw, 86px); }
.truwe-hero__bottom .truwe-lead { max-width: 56ch; }
.truwe-ribbon { margin-top: clamp(48px, 6vh, 72px); }
.truwe-page-hero {
  min-height: clamp(470px, 43vw, 610px);
  padding-block: clamp(92px, 9vw, 134px);
  display: flex;
  align-items: center;
}
.truwe-page-hero .truwe-title { max-width: 16ch; }
.truwe-page-hero .truwe-lead { max-width: 64ch; }
.truwe-page-hero::after { opacity: .78; }

.truwe-head { margin-bottom: clamp(52px, 5.3vw, 72px); }
.truwe-head .truwe-title { max-width: 16ch; }
.truwe-split { gap: clamp(54px, 7vw, 94px); }
.truwe-button {
  min-height: 58px;
  padding-inline: 24px;
  letter-spacing: .005em;
  transition: transform .3s var(--truwe-ease), box-shadow .3s var(--truwe-ease), background .3s ease;
}
.truwe-link { transition: color .25s ease, border-color .25s ease; }
.truwe-link:hover,
.truwe-link:focus-visible { color: var(--truwe-copper); border-bottom-color: var(--truwe-copper); }

body.truwe-motion-ready .truwe-reveal {
  transform: translateY(16px);
  transition: opacity .62s ease, transform .72s var(--truwe-ease);
}

.truwe-card,
.truwe-depth__grid article,
.truwe-brand-promises article,
.truwe-package {
  transition: transform .34s var(--truwe-ease), box-shadow .34s var(--truwe-ease), border-color .34s ease, background .34s ease;
}
.truwe-card:hover,
.truwe-depth__grid article:hover,
.truwe-brand-promises article:hover {
  border-color: rgba(201, 138, 91, .46) !important;
  transform: translateY(-5px);
  box-shadow: 0 26px 64px rgba(11, 37, 69, .1);
}
.truwe-brand-promises article { min-height: 138px; }
.truwe-brand-promises article:hover { background: rgba(255, 255, 255, .82); }

.truwe-service-index > a { min-height: 176px; }
.truwe-service-index__body small { margin-bottom: 10px; }
.truwe-service-index__description { max-width: 58ch; }
.truwe-service-index > a:hover,
.truwe-service-index > a:focus-visible { box-shadow: 0 22px 60px rgba(11, 37, 69, .085); }

.truwe-package-teaser { isolation: isolate; }
.truwe-package-teaser__intro .truwe-title { max-width: 15ch; }
.truwe-package-teaser__grid { margin-top: clamp(50px, 5vw, 68px); }
.truwe-package-teaser__grid > p { display: none !important; }
.truwe-package-teaser__grid > a {
  min-height: 142px;
  padding: 25px 4px;
  grid-template-columns: 58px minmax(0, 1fr) minmax(180px, auto);
  gap: 24px;
  position: relative;
  overflow: hidden;
}
.truwe-package-teaser__grid > a::after {
  content: "";
  position: absolute;
  width: 120px;
  height: 96px;
  right: 23%;
  top: 50%;
  opacity: 0;
  background: linear-gradient(136deg, transparent 0 26%, var(--truwe-copper) 26.5% 38%, transparent 38.5% 50%, var(--truwe-ink) 50.5% 62%, transparent 62.5%);
  transform: translate(20px, -50%);
  transition: opacity .3s ease, transform .36s var(--truwe-ease);
  pointer-events: none;
}
.truwe-package-teaser__grid > a:hover::after,
.truwe-package-teaser__grid > a:focus-visible::after { opacity: .1; transform: translate(0, -50%); }
.truwe-package-teaser__no { color: var(--truwe-copper); font-size: 12px; font-weight: 850; letter-spacing: .12em; }
.truwe-package-teaser__body,
.truwe-package-teaser__price { display: flex; flex-direction: column; position: relative; z-index: 1; }
.truwe-package-teaser__body small,
.truwe-package-teaser__price small {
  color: var(--truwe-muted);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.truwe-package-teaser__body > strong {
  margin-top: 5px;
  color: var(--truwe-ink);
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.truwe-package-teaser__price { align-items: flex-end; text-align: right; }
.truwe-package-teaser__price > strong {
  margin: 3px 0;
  color: var(--truwe-copper);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 400;
  line-height: 1.05;
}
.truwe-package-teaser__grid > a.is-featured::before { top: 13px; }

.truwe-packages-intro .truwe-title { max-width: 14ch; }
.truwe-packages-grid { gap: 20px; }
.truwe-package { overflow: hidden; }
.truwe-package:hover { border-color: rgba(201, 138, 91, .45); transform: translateY(-7px); box-shadow: 0 32px 76px rgba(11, 37, 69, .12); }
.truwe-package--featured:hover { transform: translateY(-30px); box-shadow: 0 42px 92px rgba(11, 37, 69, .24); }
.truwe-package header { min-height: 236px; }
.truwe-package li { padding-block: 10px; }
.truwe-package-table-wrap { box-shadow: 0 28px 78px rgba(11, 37, 69, .09); }
.truwe-package-faq details { transition: background .25s ease; }
.truwe-package-faq details:hover { background: rgba(255, 255, 255, .48); }
.truwe-package-faq summary { padding-left: 12px; }
.truwe-package-faq details p { padding-left: 12px; }

.truwe-about-story__label { margin-bottom: clamp(44px, 5vw, 68px); }
.truwe-about-story > div:last-child .truwe-title { max-width: 18ch; }
.truwe-about-practice__list p { transition: padding .28s var(--truwe-ease), background .28s ease; }
.truwe-about-practice__list p:hover { padding-inline: 16px; background: rgba(255, 255, 255, .55); }
.truwe-contact-guide { border-radius: 2px; }
.truwe-contact-guide .truwe-title { max-width: 11ch; }
.truwe-contact-steps article { transition: padding .28s var(--truwe-ease), background .28s ease; }
.truwe-contact-steps article:hover { padding-inline: 12px; background: rgba(248, 245, 238, .035); }
.truwe-field input,
.truwe-field select,
.truwe-field textarea { transition: border-color .22s ease, background .22s ease, box-shadow .22s ease; }
.truwe-field input:hover,
.truwe-field select:hover,
.truwe-field textarea:hover { border-color: rgba(201, 138, 91, .55); }

.truwe-footer__grid { gap: clamp(44px, 7vw, 100px); }
.truwe-footer a { transition: color .24s ease; }
.truwe-footer a:hover,
.truwe-footer a:focus-visible { color: #e4ad83; }

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--truwe-copper);
  outline-offset: 4px;
}

@media (max-width: 1050px) {
  .truwe-package:hover,
  .truwe-package--featured:hover { transform: translateY(-4px); }
}

@media (max-width: 900px) {
  :root { --truwe-section-space: clamp(82px, 11vw, 104px); }
  .truwe-page-hero { min-height: 0; }
  .truwe-package-teaser__intro,
  .truwe-packages-intro { gap: 34px; }
}

@media (max-width: 760px) {
  :root { --truwe-section-space: 76px; }
  .truwe-shell { width: min(var(--truwe-shell), calc(100% - 40px)); }
  .truwe-site-nav__inner { min-height: 70px; }
  .truwe-site-nav__brand { width: 156px; height: 46px; padding: 5px 8px; }
  .truwe-site-nav__brand .truwe-site-nav__wordmark { width: 138px; height: 35px; }
  .truwe-hero__inner { min-height: calc(100svh - 70px); padding-top: 68px; padding-bottom: 28px; }
  .truwe-hero .truwe-display { max-width: 9.5ch; font-size: clamp(47px, 13.2vw, 58px); line-height: .96; }
  .truwe-hero .truwe-eyebrow { margin-bottom: 30px; }
  .truwe-hero__bottom { margin-top: 28px; gap: 30px; }
  .truwe-hero__bottom .truwe-button { justify-self: start; }
  .truwe-ribbon { margin-top: 48px; }
  .truwe-page-hero { padding-block: 78px 84px; }
  .truwe-page-hero .truwe-title { max-width: 12ch; font-size: clamp(42px, 12.2vw, 54px); }
  .truwe-page-hero .truwe-lead { margin-top: 26px; font-size: 16px; }
  .truwe-title { font-size: clamp(38px, 11vw, 50px); }
  .truwe-lead { font-size: 16px; line-height: 1.68; }
  .truwe-head { margin-bottom: 44px; }
  .truwe-button { min-height: 56px; min-width: min(100%, 238px); }
  .truwe-service-index > a { padding-block: 28px; }
  .truwe-service-index__title { font-size: 28px; }
  .truwe-package-teaser__grid { margin-top: 38px; }
  .truwe-package-teaser__grid > a {
    padding: 25px 0;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 12px;
  }
  .truwe-package-teaser__grid > a::after { display: none; }
  .truwe-package-teaser__price { grid-column: 2; margin-top: 12px; align-items: flex-start; text-align: left; }
  .truwe-package-teaser__body > strong { font-size: 31px; }
  .truwe-package-teaser__price > strong { font-size: 33px; }
  .truwe-packages-intro + * { margin-top: 0; }
  .truwe-package { padding: 30px 24px; }
  .truwe-package header { min-height: 0; }
  .truwe-package:hover { transform: none; }
  .truwe-package-faq summary,
  .truwe-package-faq details p { padding-left: 0; }
  .truwe-about-story__label { margin-bottom: 38px; }
  .truwe-about-practice__list p:hover { padding-inline: 0; }
  .truwe-contact-guide .truwe-title { max-width: 10ch; }
}

/* v4.2.0 — TRUWE platforms and resilient mobile forms */
.truwe-site-nav__desktop { gap: clamp(12px,1.45vw,24px); }

.truwe-platforms-teaser { position: relative; overflow: hidden; background: #071d35; color: var(--truwe-cream); }
.truwe-platforms-teaser::before { content: ""; position: absolute; right: -3%; top: -18%; width: min(46vw,620px); height: 138%; opacity: .14; background: linear-gradient(138deg,transparent 0 27%,var(--truwe-copper) 27.5% 36%,transparent 36.5% 52%,#fff 52.5% 61%,transparent 61.5%); pointer-events: none; }
.truwe-platforms-head { margin-bottom: clamp(48px,5vw,70px); display: grid; grid-template-columns: minmax(0,1.1fr) minmax(300px,.7fr); gap: clamp(48px,7vw,96px); align-items: end; position: relative; z-index: 1; }
.truwe-platforms-head .truwe-title { max-width: 15ch; color: var(--truwe-cream); }
.truwe-platforms-head .truwe-lead { color: rgba(248,245,238,.72); }
.truwe-platforms-head .truwe-link { margin-top: 24px; display: inline-flex; color: #efbd98; }
.truwe-platform-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); position: relative; z-index: 1; }
.truwe-platform-card { min-width: 0; min-height: 590px; padding: clamp(26px,2.7vw,38px); display: flex; flex-direction: column; border: 1px solid rgba(11,37,69,.13); border-right-width: 0; background: #fbf8f1; color: var(--truwe-ink); transition: transform .36s var(--truwe-ease),box-shadow .36s var(--truwe-ease),background .3s ease; }
.truwe-platform-card:last-child { border-right-width: 1px; }
.truwe-platform-card:hover { z-index: 2; background: #fffdfa; transform: translateY(-7px); box-shadow: 0 34px 80px rgba(1,10,20,.24); }
.truwe-platform-card__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.truwe-platform-card__top > span,.truwe-platform-status > span { color: var(--truwe-copper); font-size: 11px; font-weight: 850; letter-spacing: .15em; }
.truwe-platform-card__top small,.truwe-platform-status small { padding: 7px 10px; border-radius: 999px; background: rgba(11,37,69,.07); color: #596a79; font-size: 9px; font-weight: 850; letter-spacing: .11em; line-height: 1; text-transform: uppercase; }
.truwe-platform-card__top small.is-live,.truwe-platform-status small.is-live { background: rgba(47,119,79,.11); color: #2d6e4a; }
.truwe-platform-card__top small.is-test,.truwe-platform-status small.is-test { background: rgba(188,110,69,.14); color: #985a35; }
.truwe-platform-card h3 { margin: 0; color: var(--truwe-ink); font-size: clamp(28px,2.7vw,40px); line-height: 1.05; letter-spacing: -.045em; }
.truwe-platform-card > strong { margin-top: 8px; color: var(--truwe-copper); font-size: 10px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.truwe-platform-card > p { margin: 20px 0 26px; color: var(--truwe-muted); font-size: 14px; line-height: 1.72; }
.truwe-platform-card > a { margin-top: auto; display: inline-flex; align-items: center; color: var(--truwe-ink); font-size: 13px; font-weight: 850; }
.truwe-platform-card > a span { padding-left: 8px; color: var(--truwe-copper); }

.truwe-platform-visual { height: 180px; margin: 34px 0 32px; padding: 20px; overflow: hidden; position: relative; background: #071d35; box-shadow: 0 20px 48px rgba(11,37,69,.15); }
.truwe-platform-visual::after { content: ""; position: absolute; inset: 0; opacity: .1; background: radial-gradient(circle at 82% 12%,#fff,transparent 30%); pointer-events: none; }
.truwe-platform-visual__bar { display: flex; align-items: center; justify-content: space-between; color: rgba(248,245,238,.67); font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.truwe-platform-visual__bar > i { width: 42px; height: 5px; display: block; background: var(--truwe-copper); }
.truwe-platform-ui { height: 104px; margin-top: 18px; }
.truwe-platform-ui--projects { display: grid; grid-template-columns: 34% 1fr; gap: 10px; }
.truwe-platform-ui--projects > span { display: block; border: 1px solid rgba(248,245,238,.12); background: rgba(248,245,238,.04); }
.truwe-platform-ui--projects > div { padding: 13px; display: grid; gap: 8px; border: 1px solid rgba(248,245,238,.12); }
.truwe-platform-ui--projects i { height: 7px; display: block; background: rgba(248,245,238,.12); }
.truwe-platform-ui--projects i:first-child { width: 72%; background: var(--truwe-copper); }
.truwe-platform-ui--energy { padding-top: 8px; display: flex; align-items: flex-end; gap: 8px; border-bottom: 1px solid rgba(248,245,238,.18); }
.truwe-platform-ui--energy i { flex: 1; display: block; background: linear-gradient(#dc9b6d,#9b5834); }
.truwe-platform-ui--energy i:nth-child(1) { height: 34%; }
.truwe-platform-ui--energy i:nth-child(2) { height: 58%; }
.truwe-platform-ui--energy i:nth-child(3) { height: 84%; }
.truwe-platform-ui--energy i:nth-child(4) { height: 70%; }
.truwe-platform-ui--energy i:nth-child(5) { height: 96%; }
.truwe-platform-ui--werfflow { display: grid; grid-template-columns: repeat(5,1fr); gap: 6px; }
.truwe-platform-ui--werfflow i { display: block; border-top: 2px solid rgba(248,245,238,.16); background: rgba(248,245,238,.055); }
.truwe-platform-ui--werfflow i:nth-child(2) { border-color: var(--truwe-copper); background: rgba(188,110,69,.27); }
.truwe-platform-ui--werfflow i:nth-child(4) { height: 70%; background: rgba(248,245,238,.11); }

.truwe-platforms-hero { overflow: hidden; position: relative; background: radial-gradient(circle at 82% 22%,rgba(50,91,130,.38),transparent 30%),#071d35; }
.truwe-platforms-hero::after { content: ""; position: absolute; right: -2%; top: -12%; width: min(44vw,620px); height: 126%; opacity: .24; background: linear-gradient(138deg,transparent 0 27%,var(--truwe-copper) 27.5% 38%,transparent 38.5% 52%,rgba(248,245,238,.35) 52.5% 64%,transparent 64.5%); pointer-events: none; }
.truwe-platforms-hero__inner { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.58fr); gap: clamp(54px,8vw,110px); align-items: center; position: relative; z-index: 1; }
.truwe-platforms-hero .truwe-title { max-width: 13ch; color: var(--truwe-cream); }
.truwe-platforms-hero .truwe-lead { color: rgba(248,245,238,.72); }
.truwe-platforms-hero__signal { min-height: 310px; padding: 34px; display: grid; align-content: center; gap: 15px; border: 1px solid rgba(248,245,238,.16); background: rgba(5,22,41,.62); box-shadow: 0 34px 90px rgba(1,10,20,.28); backdrop-filter: blur(10px); }
.truwe-platforms-hero__signal > span { color: var(--truwe-copper); font-size: 11px; font-weight: 850; letter-spacing: .2em; }
.truwe-platforms-hero__signal > i { width: 58px; height: 2px; margin: 3px 0 12px; display: block; background: var(--truwe-copper); }
.truwe-platforms-hero__signal > b { color: var(--truwe-cream); font-size: clamp(25px,2.7vw,38px); font-weight: 570; line-height: 1.1; letter-spacing: -.04em; }
.truwe-platforms-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.72fr); gap: clamp(50px,7vw,96px); align-items: end; }
.truwe-platforms-intro .truwe-title { max-width: 15ch; }
.truwe-platform-detail { padding-block: var(--truwe-section-space); scroll-margin-top: 90px; background: var(--truwe-paper); }
.truwe-platform-detail.truwe-cream { background: var(--truwe-cream); }
.truwe-platform-detail__grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(430px,1.1fr); gap: clamp(52px,8vw,112px); align-items: center; }
.truwe-platform-detail--reverse .truwe-platform-detail__copy { order: 2; }
.truwe-platform-detail__copy .truwe-title { margin-bottom: 26px; max-width: 13ch; }
.truwe-platform-detail__copy .truwe-lead { color: var(--truwe-muted); }
.truwe-platform-detail__copy ul { margin: 28px 0 32px; padding: 0; display: grid; gap: 12px; list-style: none; color: #364b60; }
.truwe-platform-detail__copy li { padding-left: 24px; position: relative; }
.truwe-platform-detail__copy li::before { content: "—"; position: absolute; left: 0; color: var(--truwe-copper); }
.truwe-platform-status { margin-bottom: 44px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.truwe-platform-detail > .truwe-shell > .truwe-platform-visual { height: 390px; margin: 0; padding: 34px; box-shadow: 0 34px 90px rgba(11,37,69,.2); }
.truwe-platform-detail > .truwe-shell > .truwe-platform-visual .truwe-platform-ui { height: 270px; margin-top: 28px; }

.truwe-field select { min-width: 0; padding-right: 48px; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: linear-gradient(45deg,transparent 50%,#263b50 50%),linear-gradient(135deg,#263b50 50%,transparent 50%); background-position: calc(100% - 21px) 50%,calc(100% - 15px) 50%; background-size: 6px 6px,6px 6px; background-repeat: no-repeat; color: var(--truwe-ink) !important; -webkit-text-fill-color: var(--truwe-ink); }
.truwe-field select option { background: #fff; color: var(--truwe-ink); }

@media (max-width: 1120px) and (min-width: 901px) {
  .truwe-site-nav__desktop { gap: 12px; }
  .truwe-site-nav__desktop > a { font-size: 11px; }
  .truwe-site-nav__cta { padding-inline: 16px; gap: 14px; }
}
@media (max-width: 900px) {
  .truwe-platforms-head,.truwe-platforms-intro,.truwe-platforms-hero__inner,.truwe-platform-detail__grid { grid-template-columns: 1fr; }
  .truwe-platforms-head { gap: 34px; }
  .truwe-platform-grid { grid-template-columns: 1fr; gap: 18px; }
  .truwe-platform-card { min-height: 0; border-right-width: 1px; }
  .truwe-platform-card:hover { transform: translateY(-3px); }
  .truwe-platforms-hero::after { width: 78vw; opacity: .17; }
  .truwe-platforms-hero__signal { min-height: 250px; }
  .truwe-platform-detail--reverse .truwe-platform-detail__copy { order: 0; }
  .truwe-platform-detail > .truwe-shell > .truwe-platform-visual { height: 330px; }
  .truwe-platform-detail > .truwe-shell > .truwe-platform-visual .truwe-platform-ui { height: 215px; }
}
@media (max-width: 760px) {
  .truwe-platforms-teaser::before { right: -38%; width: 110vw; opacity: .09; }
  .truwe-platforms-head { margin-bottom: 40px; }
  .truwe-platform-card { padding: 26px 22px 30px; }
  .truwe-platform-card h3 { font-size: 32px; }
  .truwe-platform-visual { height: 166px; margin-block: 28px; padding: 18px; }
  .truwe-platform-ui { height: 93px; }
  .truwe-platforms-hero__signal { display: none; }
  .truwe-platforms-intro { gap: 30px; }
  .truwe-platform-status { margin-bottom: 34px; }
  .truwe-platform-detail__copy .truwe-title { font-size: clamp(40px,12vw,52px); }
  .truwe-platform-detail > .truwe-shell > .truwe-platform-visual { height: 240px; padding: 22px; }
  .truwe-platform-detail > .truwe-shell > .truwe-platform-visual .truwe-platform-ui { height: 145px; }
  .truwe-field select { min-height: 58px; padding: 15px 48px 15px 16px; font-size: 16px; line-height: 1.35; background-position: calc(100% - 22px) 50%,calc(100% - 16px) 50%; }
}
@media (prefers-reduced-motion: reduce) {
  .truwe-platform-card { transition: none; }
}

.truwe-link { color: var(--truwe-ink) !important; text-decoration: none; }
.truwe-dark .truwe-link { color: var(--truwe-cream) !important; }
.truwe-link:hover,
.truwe-link:focus-visible { color: var(--truwe-copper) !important; border-bottom-color: var(--truwe-copper); }

@media (prefers-reduced-motion: reduce) {
  .truwe-card,
  .truwe-package,
  .truwe-brand-promises article,
  .truwe-site-nav__brand { transform: none !important; }
}

/* v3.5.0 — premium vergelijkingstabel */
.truwe-package-compare { background: #fff; }
.truwe-package-compare__head { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr); gap: clamp(55px,8vw,120px); align-items: end; margin-bottom: 58px; }
.truwe-package-compare__head .truwe-lead { margin: 0; }
.truwe-package-table-wrap { overflow-x: auto; border: 1px solid var(--truwe-line); background: var(--truwe-paper); box-shadow: 0 26px 70px rgba(11,37,69,.08); }
.truwe-package-table-wrap:focus-visible { outline: 2px solid var(--truwe-copper); outline-offset: 5px; }
.truwe-package-table { width: 100%; min-width: 900px; margin: 0; border: 0; border-collapse: collapse; table-layout: fixed; }
.truwe-package-table :is(th,td) { padding: 22px 24px; border: 0; border-right: 1px solid var(--truwe-line); border-bottom: 1px solid var(--truwe-line); text-align: left; vertical-align: middle; }
.truwe-package-table :is(th,td):last-child { border-right: 0; }
.truwe-package-table tbody tr:last-child :is(th,td) { border-bottom: 0; }
.truwe-package-table thead th { padding-top: 30px; padding-bottom: 30px; color: var(--truwe-ink); font-size: 25px; line-height: 1.15; }
.truwe-package-table thead th:first-child { width: 24%; color: var(--truwe-muted); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.truwe-package-table thead th small { display: block; margin-bottom: 12px; color: var(--truwe-copper); font-size: 10px; letter-spacing: .13em; }
.truwe-package-table thead th span { display: block; margin-top: 8px; color: var(--truwe-copper); font-family: Georgia,"Times New Roman",serif; font-size: 18px; font-weight: 400; }
.truwe-package-table tbody th { color: var(--truwe-ink); font-size: 13px; font-weight: 800; }
.truwe-package-table tbody td { color: var(--truwe-muted); font-size: 13px; line-height: 1.5; }
.truwe-package-table .is-featured { background: #0b2545; color: var(--truwe-cream); border-color: rgba(248,245,238,.14); }
.truwe-package-table tbody td.is-featured { color: rgba(248,245,238,.72); }
.truwe-package-table .is-featured span { color: #e0a67a; }
.truwe-included { color: var(--truwe-copper); font-weight: 800; }
.truwe-included::before { content: "•"; margin-right: 8px; }
.truwe-not-included { color: #8a929b; }
.truwe-package-table-note { max-width: 850px; margin: 22px 0 0; color: var(--truwe-muted); font-size: 12px; line-height: 1.7; }

@media (max-width: 900px) {
  .truwe-package-compare__head { grid-template-columns: 1fr; gap: 34px; }
  .truwe-package-table-wrap { margin-right: calc((100vw - 100%) * -.5); border-right: 0; }
}

/* v3.5.0 — transparante pakketten en prijspositionering */
.truwe-site-nav__desktop { gap: clamp(14px, 1.7vw, 28px); }

.truwe-package-teaser { overflow: hidden; background: linear-gradient(140deg,#f8f5ee,#efe6da); }
.truwe-package-teaser::before { content: ""; position: absolute; width: 430px; height: 430px; right: -180px; top: -180px; border: 1px solid rgba(201,138,91,.18); border-radius: 50%; box-shadow: 0 0 0 58px rgba(201,138,91,.025),0 0 0 116px rgba(11,37,69,.018); }
.truwe-package-teaser__intro { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(350px,.92fr); gap: clamp(50px,8vw,120px); align-items: end; }
.truwe-package-teaser__intro .truwe-lead { margin: 0 0 24px; }
.truwe-package-teaser__grid { margin-top: 64px; border-top: 1px solid var(--truwe-line); }
.truwe-package-teaser__grid > a { min-height: 146px; padding: 26px 0; display: grid; grid-template-columns: 58px minmax(0,1fr) auto; gap: 24px; align-items: center; border-bottom: 1px solid var(--truwe-line); color: var(--truwe-ink); transition: padding .25s ease, background .25s ease; }
.truwe-package-teaser__grid > a:hover { padding-inline: 24px; background: rgba(255,255,255,.55); }
.truwe-package-teaser__grid > a > span { color: var(--truwe-copper); font-size: 12px; font-weight: 850; letter-spacing: .12em; }
.truwe-package-teaser__grid h3 { margin: 5px 0 0; font-size: clamp(30px,3vw,44px); }
.truwe-package-teaser__grid small { display: block; color: var(--truwe-muted); font-size: 10px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.truwe-package-teaser__grid > a > p { margin: 0; text-align: right; }
.truwe-package-teaser__grid > a > p strong { display: block; font-family: Georgia,"Times New Roman",serif; color: var(--truwe-copper); font-size: clamp(28px,3vw,42px); font-weight: 400; }
.truwe-package-teaser__grid > a > p small { margin-top: 5px; }
.truwe-package-teaser__grid > a.is-featured { position: relative; }
.truwe-package-teaser__grid > a.is-featured::before { content: "Meest gekozen"; position: absolute; top: 18px; right: 0; color: var(--truwe-copper); font-size: 9px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }

.truwe-packages-intro { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(380px,.92fr); gap: clamp(55px,8vw,120px); align-items: end; }
.truwe-packages-intro .truwe-lead { margin-top: 0; }
.truwe-packages-intro > div:last-child > p:last-child { margin: 24px 0 0; color: var(--truwe-muted); font-size: 16px; line-height: 1.75; }
.truwe-packages-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; align-items: stretch; }
.truwe-package { scroll-margin-top: 105px; min-width: 0; padding: clamp(30px,3.1vw,44px); display: flex; flex-direction: column; position: relative; border: 1px solid rgba(11,37,69,.14); background: rgba(255,255,255,.68); box-shadow: 0 24px 62px rgba(11,37,69,.07); }
.truwe-package::after { content: ""; position: absolute; width: 110px; height: 92px; right: 18px; top: 18px; opacity: .09; background: linear-gradient(136deg,transparent 0 26%,var(--truwe-copper) 26.5% 38%,transparent 38.5% 50%,var(--truwe-ink) 50.5% 62%,transparent 62.5%); }
.truwe-package header { min-height: 250px; position: relative; z-index: 1; }
.truwe-package header > span { color: var(--truwe-copper); font-size: 12px; font-weight: 850; letter-spacing: .12em; }
.truwe-package header > small { display: block; margin-top: 48px; color: var(--truwe-copper); font-size: 10px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.truwe-package h2 { margin: 9px 0 20px; font-size: clamp(42px,4vw,58px); }
.truwe-package header p { margin: 0; color: var(--truwe-muted); font-size: 14px; line-height: 1.7; }
.truwe-package__price { padding: 25px 0; border-top: 1px solid var(--truwe-line); border-bottom: 1px solid var(--truwe-line); }
.truwe-package__price > small,.truwe-package__price > span { display: block; color: var(--truwe-muted); font-size: 9px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.truwe-package__price > strong { display: block; margin: 4px 0 6px; font-family: Georgia,"Times New Roman",serif; color: var(--truwe-copper); font-size: clamp(38px,3.6vw,52px); font-weight: 400; line-height: 1; }
.truwe-package ul { margin: 28px 0 34px; padding: 0; list-style: none; }
.truwe-package li { min-height: 38px; padding: 9px 0 9px 22px; position: relative; border-bottom: 1px solid rgba(11,37,69,.09); color: var(--truwe-muted); font-size: 13px; line-height: 1.5; }
.truwe-package li::before { content: ""; width: 6px; height: 6px; position: absolute; left: 0; top: 16px; border: 1px solid var(--truwe-copper); transform: rotate(45deg); }
.truwe-package .truwe-button { width: 100%; min-width: 0; margin-top: auto; }
.truwe-package--featured { border-color: rgba(201,138,91,.5); background: radial-gradient(circle at 90% 7%,rgba(201,138,91,.2),transparent 25%),linear-gradient(145deg,#071a31,#0b2545); color: var(--truwe-cream); box-shadow: 0 34px 80px rgba(11,37,69,.2); transform: translateY(-24px); }
.truwe-package--featured::after { opacity: .16; background: linear-gradient(136deg,transparent 0 26%,var(--truwe-copper) 26.5% 38%,transparent 38.5% 50%,var(--truwe-cream) 50.5% 62%,transparent 62.5%); }
.truwe-package--featured :is(h2,.truwe-package__price > strong) { color: var(--truwe-cream); }
.truwe-package--featured header p,.truwe-package--featured li,.truwe-package--featured .truwe-package__price > small,.truwe-package--featured .truwe-package__price > span { color: rgba(248,245,238,.68); }
.truwe-package--featured :is(.truwe-package__price,li) { border-color: rgba(248,245,238,.14); }
.truwe-package--featured .truwe-package__price > strong { color: #e0a67a; }
.truwe-package--featured .truwe-button { background: var(--truwe-copper); color: var(--truwe-ink) !important; }
.truwe-package__badge { position: absolute; z-index: 2; right: 22px; top: 22px; padding: 8px 11px; border: 1px solid rgba(224,166,122,.45); color: #e0a67a; font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.truwe-package-note { max-width: 950px; margin: 40px auto 0; padding-top: 26px; border-top: 1px solid var(--truwe-line); color: var(--truwe-muted); font-size: 13px; line-height: 1.75; text-align: center; }

.truwe-care { display: grid; grid-template-columns: minmax(320px,.78fr) minmax(0,1.22fr); gap: clamp(60px,9vw,140px); align-items: start; }
.truwe-care__intro { position: sticky; top: 130px; }
.truwe-care__options { border-top: 1px solid rgba(248,245,238,.18); }
.truwe-care__options article { padding: 36px 0; display: grid; grid-template-columns: minmax(190px,.68fr) minmax(0,1fr); gap: 18px 42px; border-bottom: 1px solid rgba(248,245,238,.18); }
.truwe-care__options article > div > span { color: #e0a67a; font-size: 11px; font-weight: 850; }
.truwe-care__options article > div > small { display: block; margin-top: 26px; color: #e0a67a; font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.truwe-care__options h3 { margin: 7px 0 0; color: var(--truwe-cream) !important; font-size: clamp(30px,3vw,44px); }
.truwe-care__options article > p { margin: 35px 0 0; color: rgba(248,245,238,.66); font-size: 15px; line-height: 1.7; }
.truwe-care__options article > strong { grid-column: 2; color: #e0a67a; font-family: Georgia,"Times New Roman",serif; font-size: 25px; font-weight: 400; }
.truwe-care__options article > strong small { color: rgba(248,245,238,.6); font-family: "Manrope","Segoe UI",sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.truwe-package-fit { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(360px,.9fr); gap: clamp(55px,8vw,120px); align-items: center; }
.truwe-package-fit .truwe-lead { margin: 0 0 30px; }
.truwe-package-faq { display: grid; grid-template-columns: minmax(300px,.75fr) minmax(0,1.25fr); gap: clamp(60px,9vw,140px); align-items: start; }
.truwe-package-faq details { border-top: 1px solid var(--truwe-line); }
.truwe-package-faq details:last-child { border-bottom: 1px solid var(--truwe-line); }
.truwe-package-faq summary { padding: 28px 48px 28px 0; position: relative; color: var(--truwe-ink); font-size: 18px; font-weight: 750; cursor: pointer; list-style: none; }
.truwe-package-faq summary::-webkit-details-marker { display: none; }
.truwe-package-faq summary::after { content: "+"; position: absolute; right: 4px; top: 24px; color: var(--truwe-copper); font-family: Georgia,"Times New Roman",serif; font-size: 28px; font-weight: 400; }
.truwe-package-faq details[open] summary::after { content: "−"; }
.truwe-package-faq details p { margin: -4px 0 28px; max-width: 720px; color: var(--truwe-muted); font-size: 15px; line-height: 1.75; }
.truwe-package-close { max-width: 960px; text-align: center; }
.truwe-package-close .truwe-lead { max-width: 720px; margin: 30px auto; }

@media (max-width: 1050px) {
  .truwe-site-nav__desktop > a { font-size: 12px; }
  .truwe-packages-grid { grid-template-columns: 1fr; gap: 16px; }
  .truwe-package,.truwe-package--featured { transform: none; }
  .truwe-package header { min-height: 0; }
  .truwe-package header > small { margin-top: 34px; }
}

@media (max-width: 900px) {
  .truwe-package-teaser__intro,.truwe-packages-intro,.truwe-care,.truwe-package-fit,.truwe-package-faq { grid-template-columns: 1fr; gap: 42px; }
  .truwe-care__intro { position: static; }
}

@media (max-width: 760px) {
  .truwe-package-teaser__grid { margin-top: 42px; }
  .truwe-package-teaser__grid > a { min-height: 0; padding: 25px 0; grid-template-columns: 38px minmax(0,1fr); gap: 12px; }
  .truwe-package-teaser__grid > a:hover { padding-inline: 0; }
  .truwe-package-teaser__grid > a > p { grid-column: 2; text-align: left; }
  .truwe-package-teaser__grid > a.is-featured::before { display: none; }
  .truwe-package { padding: 30px 24px; }
  .truwe-package__badge { position: static; align-self: flex-start; margin: 0 0 22px; }
  .truwe-care__options article { grid-template-columns: 1fr; gap: 10px; }
  .truwe-care__options article > p { margin-top: 16px; }
  .truwe-care__options article > strong { grid-column: 1; margin-top: 10px; }
}

/* v3.3.0 — merktoepassing en inhoudelijke visuele verfijning */
.truwe-site-nav__brand { width: 190px; height: 54px; padding: 5px 10px; flex: 0 0 auto; border: 1px solid rgba(201,138,91,.28); border-radius: 2px; background: rgba(248,245,238,.97); box-shadow: 0 10px 24px rgba(0,0,0,.12); }
.truwe-site-nav__brand img { border-radius: 0; }
.truwe-site-nav__brand .truwe-site-nav__wordmark { display: block; width: 168px; height: 42px; object-fit: contain; }
.truwe-site-nav__brand .truwe-site-nav__mark { display: none; }

.truwe-hero { width: 100%; min-height: 0; padding: 0; display: block; box-shadow: none; clip-path: none; }
.truwe-hero__inner { min-height: calc(100vh - 72px); padding-top: clamp(82px,10vh,130px); padding-bottom: 42px; display: flex; flex-direction: column; position: relative; z-index: 1; }

.truwe-site-preview,
.truwe-search-preview,
.truwe-dashboard-preview { width: min(88%, 520px); color: var(--truwe-cream); box-shadow: 0 26px 55px rgba(0,0,0,.25); }
.truwe-site-preview { overflow: hidden; border: 1px solid rgba(248,245,238,.22); border-radius: 8px; background: #f8f5ee; color: var(--truwe-ink); transform: perspective(900px) rotateY(-4deg) rotateX(2deg); }
.truwe-site-preview__bar { height: 34px; padding: 0 13px; display: flex; align-items: center; gap: 6px; background: #0b2545; }
.truwe-site-preview__bar i { width: 6px; height: 6px; border-radius: 50%; background: rgba(248,245,238,.38); }
.truwe-site-preview__bar i:first-child { background: var(--truwe-copper); }
.truwe-site-preview__bar b { margin-left: auto; color: rgba(248,245,238,.64); font-size: 9px; font-weight: 600; letter-spacing: .12em; }
.truwe-site-preview__page { min-height: 240px; padding: 34px; display: flex; flex-direction: column; align-items: flex-start; background: radial-gradient(circle at 82% 24%, rgba(201,138,91,.19), transparent 31%), linear-gradient(135deg,#071a31,#0b2545); }
.truwe-site-preview__page small { color: #dfa67b; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.truwe-site-preview__page strong { max-width: 340px; margin-top: 22px; color: #f8f5ee; font-size: clamp(20px,2.2vw,31px); line-height: 1.08; letter-spacing: -.035em; }
.truwe-site-preview__page > span { margin-top: 24px; padding: 10px 14px; border-radius: 999px; background: var(--truwe-copper); color: #10263d; font-size: 9px; font-weight: 800; }
.truwe-site-preview__page > div { width: 100%; margin-top: auto; padding-top: 20px; display: flex; gap: 18px; border-top: 1px solid rgba(248,245,238,.13); }
.truwe-site-preview__page em { color: rgba(248,245,238,.6); font-size: 8px; font-style: normal; letter-spacing: .12em; text-transform: uppercase; }

.truwe-search-preview { padding: 28px; border: 1px solid rgba(248,245,238,.18); border-radius: 8px; background: #fff; color: #243247; transform: perspective(900px) rotateY(4deg); }
.truwe-search-preview > div { padding: 12px 16px; display: flex; align-items: center; gap: 12px; border: 1px solid #dce2ea; border-radius: 999px; }
.truwe-search-preview > div b { color: var(--truwe-copper); font-size: 18px; }
.truwe-search-preview > div span { overflow: hidden; color: #596573; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.truwe-search-preview > small { display: block; margin-top: 24px; color: #467a51; font-size: 9px; }
.truwe-search-preview > strong { display: block; margin-top: 7px; color: #214f8a; font-size: 17px; line-height: 1.25; }
.truwe-search-preview > p { margin: 7px 0 20px; color: #596573; font-size: 11px; line-height: 1.5; }
.truwe-search-preview > em { display: block; padding-top: 14px; border-top: 1px solid #e4e8ed; color: var(--truwe-copper); font-size: 9px; font-style: normal; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.truwe-visual-flow span { display: flex; flex-direction: column; justify-content: center; gap: 5px; }
.truwe-visual-flow span small { color: #dfa67b; font-size: 7px; letter-spacing: .1em; }
.truwe-visual-software > .truwe-dashboard-preview { width: min(88%,520px); aspect-ratio: auto; padding: 25px; display: block; border: 1px solid rgba(248,245,238,.2); border-radius: 8px; background: #f8f5ee; color: var(--truwe-ink); transform: perspective(900px) rotateY(-4deg); }
.truwe-visual-software .truwe-dashboard-preview :is(b,span,i) { display: initial; background: none; }
.truwe-dashboard-preview header { padding-bottom: 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(11,37,69,.12); }
.truwe-dashboard-preview header b { color: var(--truwe-ink); font-size: 14px; }
.truwe-dashboard-preview header span { padding: 5px 9px; border-radius: 999px; background: rgba(77,137,91,.12); color: #3d7047; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.truwe-dashboard-preview section { padding: 18px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.truwe-dashboard-preview article { padding: 16px; border: 1px solid rgba(11,37,69,.1); background: #fff; }
.truwe-dashboard-preview article small { display: block; color: var(--truwe-muted); font-size: 8px; text-transform: uppercase; }
.truwe-dashboard-preview article strong { display: block; margin-top: 10px; color: var(--truwe-ink); font-size: 26px; }
.truwe-dashboard-preview footer { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; }
.truwe-dashboard-preview footer span,.truwe-dashboard-preview footer b { color: var(--truwe-ink); font-size: 10px; }
.truwe-dashboard-preview footer i { grid-column: 1 / -1; height: 5px; display: block !important; border-radius: 999px; background: linear-gradient(90deg,var(--truwe-copper) 0 94%,rgba(11,37,69,.1) 94%) !important; }

.truwe-proof-mark { min-height: 430px; display: grid; place-items: center; }
.truwe-proof-mark::before { content: ""; position: absolute; width: 82%; aspect-ratio: 1; border: 1px solid rgba(201,138,91,.18); border-radius: 50%; box-shadow: 0 0 0 42px rgba(201,138,91,.035),0 0 0 84px rgba(11,37,69,.018); }
.truwe-proof-mark img { position: relative; width: min(75%,350px); height: auto; filter: drop-shadow(0 28px 40px rgba(11,37,69,.22)); }

.truwe-service-index > a { grid-template-columns: 82px minmax(0,1fr); }
.truwe-service-index__body { grid-column: 2; padding-right: 90px; }

.truwe-about-story { grid-template-columns: minmax(240px,.55fr) minmax(0,1.45fr); gap: clamp(34px,5vw,72px); }
.truwe-about-story__label { padding: 24px 24px 26px; border-left: 3px solid var(--truwe-copper); background: linear-gradient(135deg,rgba(201,138,91,.11),rgba(255,255,255,.48)); }
.truwe-about-story__label .truwe-eyebrow { margin: 0; color: var(--truwe-ink); font-size: clamp(19px,1.8vw,25px); letter-spacing: -.015em; text-transform: none; }
.truwe-about-story__label > p:last-child { margin: 18px 0 0 !important; color: var(--truwe-muted); font-size: 15px !important; line-height: 1.6 !important; }
.truwe-promises-head { max-width: 880px; display: grid; grid-template-columns: minmax(180px,.45fr) minmax(0,1.55fr); gap: 28px 55px; align-items: end; }
.truwe-promises-head .truwe-title { grid-column: 2; grid-row: 1; }
.truwe-promises-head .truwe-lead { grid-column: 2; margin: 0; }
.truwe-brand-promises { margin-top: 54px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.truwe-brand-promises article { min-height: 290px; padding: 38px !important; position: relative; overflow: hidden; border: 1px solid rgba(11,37,69,.13) !important; background: linear-gradient(145deg,rgba(255,255,255,.8),rgba(239,231,219,.64)); box-shadow: 0 22px 54px rgba(11,37,69,.07); }
.truwe-brand-promises article::after { content: ""; position: absolute; width: 130px; height: 105px; right: -18px; bottom: -12px; opacity: .14; background: linear-gradient(136deg,transparent 0 26%,var(--truwe-copper) 26.5% 38%,transparent 38.5% 50%,var(--truwe-ink) 50.5% 62%,transparent 62.5%); }
.truwe-brand-promises article > span { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(201,138,91,.5); border-radius: 50%; background: rgba(201,138,91,.08); font-weight: 800; }
.truwe-brand-promises h2 { margin: 50px 0 16px; }

.truwe-about-practice { grid-template-columns: minmax(380px,.88fr) minmax(0,1.12fr); gap: clamp(48px,7vw,100px); }
.truwe-about-practice__list p { padding: 25px 0; display: grid; grid-template-columns: 46px minmax(210px,.8fr) minmax(0,1.2fr); gap: 18px; align-items: start; }
.truwe-about-practice__list p > span { color: var(--truwe-copper); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.truwe-about-practice__list strong { margin: 0; line-height: 1.45; }

.truwe-contact-layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(500px,1.1fr); gap: clamp(56px,8vw,112px); align-items: start; }
.truwe-contact-guide { position: sticky; top: 120px; }
.truwe-contact-guide .truwe-lead { margin-bottom: 40px; }
.truwe-contact-steps { border-top: 1px solid var(--truwe-line); }
.truwe-contact-steps article { padding: 21px 0; display: grid; grid-template-columns: 42px 1fr; gap: 17px; border-bottom: 1px solid var(--truwe-line); }
.truwe-contact-steps article > p:empty { display: none; }
.truwe-contact-steps article > div { grid-column: 2; min-width: 0; }
.truwe-contact-steps article > span { color: var(--truwe-copper); font-size: 11px; font-weight: 800; }
.truwe-contact-steps strong { color: var(--truwe-ink); font-size: 17px; }
.truwe-contact-steps p { margin: 6px 0 0; color: var(--truwe-muted); font-size: 14px; line-height: 1.55; }
.truwe-contact-note { margin: 24px 0 0; color: var(--truwe-copper); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.truwe-footer__grid { grid-template-columns: 2fr 1fr 1fr; }
.truwe-footer__identity { display: grid; grid-template-columns: 118px minmax(0,240px); gap: 26px; align-items: center; }
.truwe-footer__identity .truwe-footer__brand { margin: 0; }
.truwe-footer__brand img { display: block; width: 118px; height: 118px; object-fit: contain; filter: drop-shadow(0 18px 28px rgba(0,0,0,.3)); }
.truwe-footer__identity p { margin: 0; }

@media (max-width: 1000px) {
  .truwe-contact-layout { grid-template-columns: 1fr; }
  .truwe-contact-guide { position: static; }
  .truwe-about-practice { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .truwe-site-nav__brand { width: 46px; height: 46px; padding: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; }
  .truwe-site-nav__brand .truwe-site-nav__wordmark { display: none; }
  .truwe-site-nav__brand .truwe-site-nav__mark { display: block; width: 46px; height: 46px; object-fit: contain; border-radius: 50%; }
  .truwe-hero__inner { min-height: calc(100svh - 64px); padding-top: 72px; }
  .truwe-site-preview,.truwe-search-preview,.truwe-dashboard-preview { width: 92%; }
  .truwe-site-preview__page { min-height: 220px; padding: 25px; }
  .truwe-site-preview__page strong { font-size: 22px; }
  .truwe-search-preview { padding: 20px; }
  .truwe-proof-mark { min-height: 300px; }
  .truwe-service-index > a { grid-template-columns: 46px minmax(0,1fr); }
  .truwe-service-index__body { padding-right: 0; }
  .truwe-about-story { grid-template-columns: 1fr; gap: 28px; }
  .truwe-promises-head { display: block; }
  .truwe-promises-head .truwe-title { margin-top: 22px; }
  .truwe-promises-head .truwe-lead { margin-top: 20px; }
  .truwe-brand-promises { grid-template-columns: 1fr; }
  .truwe-brand-promises article { min-height: 250px; }
  .truwe-about-practice__list p { grid-template-columns: 38px minmax(0,1fr); gap: 12px; }
  .truwe-about-practice__list p > span { grid-row: 1 / 3; }
  .truwe-about-practice__list strong { grid-column: 2; }
  .truwe-contact-layout { gap: 44px; }
  .truwe-footer__identity { grid-template-columns: 88px minmax(0,1fr); }
  .truwe-footer__brand img { width: 88px; height: 88px; }
}

/* v3.4.0 — zichtbare correctieronde na gebruikerscontrole */
.truwe-hero::after { display: none !important; }

.truwe-brand-promises { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; align-items: stretch; }
.truwe-brand-promises article { min-height: 390px; padding: 30px !important; display: flex; flex-direction: column; border-top: 3px solid var(--truwe-copper) !important; }
.truwe-brand-promises article > small { margin: -35px 0 0 auto; color: var(--truwe-copper); font-size: 9px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.truwe-brand-promises article h2 { margin: auto 0 18px; font-size: clamp(25px,2.25vw,35px); }
.truwe-brand-promises article p { position: relative; z-index: 1; }
.truwe-brand-promises article:nth-child(1),
.truwe-brand-promises article:nth-child(4) { border-color: rgba(201,138,91,.65) !important; background: radial-gradient(circle at 82% 18%,rgba(201,138,91,.22),transparent 30%),linear-gradient(145deg,#071a31,#0b2545); box-shadow: 0 28px 65px rgba(11,37,69,.18); }
.truwe-brand-promises article:nth-child(1) :is(h2,p),
.truwe-brand-promises article:nth-child(4) :is(h2,p) { color: var(--truwe-cream); }
.truwe-brand-promises article:nth-child(1) p,
.truwe-brand-promises article:nth-child(4) p { color: rgba(248,245,238,.68); }
.truwe-brand-promises article:nth-child(1) > span,
.truwe-brand-promises article:nth-child(4) > span { color: #e0a67a; border-color: rgba(224,166,122,.56); background: rgba(201,138,91,.12); }
.truwe-brand-promises article:nth-child(2) { transform: translateY(24px); }
.truwe-brand-promises article:nth-child(3) { transform: translateY(48px); background: linear-gradient(145deg,#fff,rgba(201,138,91,.14)); }
.truwe-brand-promises article:nth-child(4) { transform: translateY(24px); }

.truwe-contact-guide { padding: clamp(34px,4vw,54px); overflow: hidden; border: 1px solid rgba(201,138,91,.4); background: radial-gradient(circle at 88% 12%,rgba(201,138,91,.2),transparent 28%),linear-gradient(145deg,#071a31,#0b2545); box-shadow: 0 30px 75px rgba(11,37,69,.18); }
.truwe-contact-guide::after { content: ""; position: absolute; width: 180px; height: 150px; right: -30px; bottom: -20px; opacity: .13; background: linear-gradient(136deg,transparent 0 26%,var(--truwe-copper) 26.5% 38%,transparent 38.5% 50%,var(--truwe-cream) 50.5% 62%,transparent 62.5%); pointer-events: none; }
.truwe-contact-guide .truwe-title { color: var(--truwe-cream); }
.truwe-contact-guide .truwe-lead { color: rgba(248,245,238,.72); }
.truwe-contact-guide .truwe-contact-steps { border-top-color: rgba(248,245,238,.18); }
.truwe-contact-guide .truwe-contact-steps article { border-bottom-color: rgba(248,245,238,.16); }
.truwe-contact-guide .truwe-contact-steps strong { color: var(--truwe-cream); }
.truwe-contact-guide .truwe-contact-steps p { color: rgba(248,245,238,.64); }
.truwe-contact-guide .truwe-contact-note { position: relative; z-index: 1; color: #e0a67a; }

@media (max-width: 1100px) {
  .truwe-brand-promises { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  .truwe-brand-promises article:nth-child(n) { min-height: 310px; transform: none; }
}

@media (max-width: 760px) {
  .truwe-site-nav__brand { width: 162px; height: 46px; padding: 4px 8px; border: 1px solid rgba(201,138,91,.28); border-radius: 2px; background: rgba(248,245,238,.97); box-shadow: 0 10px 24px rgba(0,0,0,.12); }
  .truwe-site-nav__brand .truwe-site-nav__wordmark { display: block; width: 144px; height: 36px; object-fit: contain; }
  .truwe-site-nav__brand .truwe-site-nav__mark { display: none; }
  .truwe-brand-promises { grid-template-columns: 1fr; }
  .truwe-brand-promises article:nth-child(n) { min-height: 280px; }
  .truwe-contact-guide { padding: 32px 24px; }
}

/* v3.4.1 — correctie op basis van Kenny's screenshots */
.truwe-service-index__arrow { display: none !important; }
.truwe-service-index > a::after { display: none !important; content: none !important; }
.truwe-service-index > a { grid-template-columns: 82px minmax(0,1fr) !important; }
.truwe-service-index__body { grid-column: 2 !important; padding-right: 28px; }

/* Ook oudere, lokaal gecachte navigatiemarkup krijgt het echte logo. */
.truwe-site-nav__brand > span {
  display: block !important;
  width: 168px;
  height: 42px;
  overflow: hidden;
  background: url('https://truwe.be/wp-content/uploads/2026/08/TRUWE_banner_logo.png') center / contain no-repeat;
  color: transparent !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  text-indent: -9999px;
}

.truwe-about-story { display: block; }
.truwe-about-story__label {
  max-width: 1040px;
  margin: 0 0 26px;
  padding: 0 0 22px 22px;
  display: flex;
  align-items: baseline;
  gap: clamp(28px,5vw,72px);
  border-left: 3px solid var(--truwe-copper);
  border-bottom: 1px solid var(--truwe-line);
  background: transparent;
}
.truwe-about-story__label .truwe-eyebrow { flex: 0 0 auto; }
.truwe-about-story__label > p:last-child { max-width: 520px; margin: 0 !important; }
.truwe-about-story > div:last-child { max-width: 1040px; }
.truwe-about-story > div:last-child .truwe-title { margin-top: 0; }

/* Geen kaarten of kolommen: één redactionele principeslijst. */
.truwe-brand-promises {
  display: block;
  margin-top: 54px;
  border-top: 1px solid var(--truwe-line);
}
.truwe-brand-promises article:nth-child(n) {
  min-height: 0;
  padding: 31px 0 !important;
  display: grid;
  grid-template-columns: 64px minmax(230px,.72fr) minmax(0,1.28fr);
  grid-template-rows: auto auto;
  column-gap: clamp(26px,4vw,64px);
  align-items: center;
  border: 0 !important;
  border-bottom: 1px solid var(--truwe-line) !important;
  background: transparent !important;
  box-shadow: none;
  transform: none;
}
.truwe-brand-promises article::after { display: none; content: none; }
.truwe-brand-promises article > span {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 42px;
  height: 42px;
  color: var(--truwe-copper) !important;
  border-color: rgba(201,138,91,.5) !important;
  background: rgba(201,138,91,.08) !important;
}
.truwe-brand-promises article > small {
  grid-column: 2;
  grid-row: 1;
  margin: 0 0 8px;
  color: var(--truwe-copper);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.truwe-brand-promises article h2 {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  color: var(--truwe-ink) !important;
  font-size: clamp(27px,2.5vw,39px);
}
.truwe-brand-promises article p {
  grid-column: 3;
  grid-row: 1 / 3;
  margin: 0;
  color: var(--truwe-muted) !important;
  font-size: 16px;
  line-height: 1.7;
}

@media (max-width: 760px) {
  .truwe-service-index > a { grid-template-columns: 46px minmax(0,1fr) !important; }
  .truwe-service-index__body { padding-right: 0; }
  .truwe-site-nav__brand > span { width: 144px; height: 36px; }
  .truwe-about-story__label { display: block; padding-left: 18px; }
  .truwe-about-story__label > p:last-child { margin-top: 14px !important; }
  .truwe-brand-promises article:nth-child(n) {
    padding: 26px 0 !important;
    grid-template-columns: 46px minmax(0,1fr);
    grid-template-rows: auto auto auto;
    column-gap: 14px;
  }
  .truwe-brand-promises article > span { grid-column: 1; grid-row: 1 / 4; }
  .truwe-brand-promises article > small { grid-column: 2; grid-row: 1; }
  .truwe-brand-promises article h2 { grid-column: 2; grid-row: 2; }
  .truwe-brand-promises article p { grid-column: 2; grid-row: 3; margin-top: 12px; }
}

.truwe-service-index__description { font-weight: 400; }
.truwe-service-index__arrow {
  width: 18px;
  height: 18px;
  position: relative;
  justify-self: center;
  overflow: hidden;
  color: transparent;
  font-size: 0;
}
.truwe-service-index__arrow::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 1px;
  right: 1px;
  border-top: 2px solid var(--truwe-copper);
  border-right: 2px solid var(--truwe-copper);
}
.truwe-service-index__arrow::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 2px;
  top: 10px;
  right: 0;
  background: var(--truwe-copper);
  transform: rotate(-45deg);
  transform-origin: right center;
}

/* v3.0 — brandboard art direction: navy, ivory, copper and the W as visual DNA */
:root {
  --truwe-ink: #0b2545;
  --truwe-cream: #f8f5ee;
  --truwe-paper: #f8f5ee;
  --truwe-copper: #c98a5b;
  --truwe-anthracite: #1e2328;
  --truwe-muted: #596573;
  --truwe-line: rgba(11, 37, 69, .14);
}

body { background: var(--truwe-cream); }
::selection { background: var(--truwe-copper); color: var(--truwe-ink); }

.truwe-site-nav {
  border-bottom-color: rgba(248, 245, 238, .12);
  background: rgba(7, 27, 51, .92);
  box-shadow: 0 14px 46px rgba(3, 15, 29, .22);
}
.truwe-site-nav__brand { display: inline-flex; align-items: center; color: var(--truwe-cream) !important; }
.truwe-site-nav__brand span { font-size: 20px; font-weight: 850; letter-spacing: .18em; }
.truwe-site-nav__brand img { display: none; width: 42px; height: 42px; object-fit: cover; border-radius: 50%; }
.truwe-site-nav__desktop > a { color: rgba(248, 245, 238, .82); }
.truwe-site-nav__desktop > a:not(.truwe-site-nav__cta):hover,
.truwe-site-nav__desktop > a:not(.truwe-site-nav__cta):focus-visible { color: #e4ad83; border-bottom-color: var(--truwe-copper); }
.truwe-site-nav__cta { padding: 13px 20px; border-radius: 999px; background: var(--truwe-copper); color: #10263d !important; box-shadow: 0 10px 28px rgba(201, 138, 91, .2); }
.truwe-site-nav__cta span { color: #10263d; }
.truwe-site-nav__mobile summary { color: var(--truwe-cream); }
.truwe-site-nav__mobile nav { border: 1px solid rgba(201,138,91,.34); background: #071b33; }

.truwe-hero {
  min-height: calc(100vh - 72px);
  padding-top: clamp(82px, 10vh, 130px);
  padding-bottom: 42px;
  background:
    radial-gradient(circle at 77% 34%, rgba(201,138,91,.13), transparent 29%),
    linear-gradient(118deg, #071a31 0%, #0b2545 58%, #102f54 100%);
  color: var(--truwe-cream);
  box-shadow: 0 0 0 100vmax #0b2545;
  clip-path: inset(0 -100vmax);
}
.truwe-hero::before {
  width: min(57vw, 780px);
  height: min(46vw, 640px);
  aspect-ratio: auto;
  top: 5%;
  right: -3%;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(135deg, transparent 0 16%, rgba(248,245,238,.09) 16.3% 27%, transparent 27.3% 38%, rgba(201,138,91,.92) 38.3% 49%, transparent 49.3% 59%, rgba(248,245,238,.075) 59.3% 70%, transparent 70.3%),
    linear-gradient(225deg, transparent 0 27%, rgba(201,138,91,.28) 27.2% 38%, transparent 38.2% 100%);
  opacity: .8;
  filter: drop-shadow(0 28px 42px rgba(1,9,18,.35));
  box-shadow: none;
  transform: translate3d(var(--truwe-mx, 0), var(--truwe-my, 0), 0) rotate(-2deg);
}
.truwe-hero::after { right: 34%; background: linear-gradient(transparent, rgba(201,138,91,.34), transparent); }
.truwe-hero :is(.truwe-display, .truwe-lead) { color: var(--truwe-cream); }
.truwe-hero .truwe-display { max-width: 1000px; text-shadow: 0 20px 65px rgba(0,0,0,.22); }
.truwe-hero .truwe-display em { color: #dfa67b; }
.truwe-hero .truwe-lead { color: rgba(248,245,238,.74); }
.truwe-hero .truwe-button,
.truwe-page-hero .truwe-button { border-radius: 999px; background: var(--truwe-copper); color: #10263d !important; }
.truwe-hero .truwe-button > span::before,
.truwe-page-hero .truwe-button > span::before { border-color: #10263d; }
.truwe-hero .truwe-button > span::after,
.truwe-page-hero .truwe-button > span::after { background: #10263d; }
.truwe-ribbon { border-top-color: rgba(248,245,238,.18); color: rgba(248,245,238,.66); }
.truwe-ribbon i { background: var(--truwe-copper); box-shadow: 0 0 14px rgba(201,138,91,.7); }

.truwe-page-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(100px, 11vw, 154px) 0 clamp(90px, 10vw, 140px);
  border-bottom: 1px solid rgba(248,245,238,.12);
  background:
    radial-gradient(circle at 82% 38%, rgba(201,138,91,.13), transparent 25%),
    linear-gradient(122deg, #071a31, #0b2545 64%, #12365e);
  color: var(--truwe-cream);
}
.truwe-page-hero::before,
.truwe-page-hero::after { content: ""; position: absolute; z-index: -1; pointer-events: none; }
.truwe-page-hero::before { width: min(48vw, 690px); height: 118%; right: -4%; top: -9%; background: linear-gradient(137deg, transparent 0 31%, rgba(201,138,91,.5) 31.4% 39%, transparent 39.4% 51%, rgba(248,245,238,.06) 51.4% 61%, transparent 61.4%); transform: rotate(-3deg); }
.truwe-page-hero::after { width: 360px; height: 360px; right: 9%; top: 50%; border: 1px solid rgba(201,138,91,.19); border-radius: 50%; transform: translateY(-50%); box-shadow: 0 0 0 54px rgba(201,138,91,.025), 0 0 0 108px rgba(248,245,238,.018); }
.truwe-page-hero :is(.truwe-title, .truwe-lead) { position: relative; z-index: 1; color: var(--truwe-cream); }
.truwe-page-hero .truwe-lead { color: rgba(248,245,238,.72); }
.truwe-page-hero .truwe-title em { color: #dfa67b; }

.truwe-section { position: relative; }
.truwe-dark { background: linear-gradient(135deg, #071a31, #0b2545 68%, #102e51); }
.truwe-cream { background: linear-gradient(140deg, #f8f5ee, #f1eadf); }
.truwe-section.truwe-dark::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, transparent 0 57%, rgba(201,138,91,.035) 57.2% 67%, transparent 67.2%); }
.truwe-section.truwe-dark > .truwe-shell { position: relative; z-index: 1; }
.truwe-button { border-radius: 999px; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.truwe-button:hover { transform: translateY(-2px); box-shadow: 0 16px 38px rgba(8,26,49,.18); }

.truwe-problem-statement { border-bottom-color: rgba(11,37,69,.16); }
.truwe-problem-statement > span { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(201,138,91,.5); border-radius: 50%; background: rgba(201,138,91,.08); }
.truwe-problem-turn { padding: 30px; border: 1px solid rgba(201,138,91,.32); background: linear-gradient(135deg, #0b2545, #12385f); box-shadow: 0 26px 64px rgba(11,37,69,.18); }
.truwe-problem-turn :is(h3,p) { color: var(--truwe-cream); }

.truwe-home-services { gap: 26px; }
.truwe-service-menu { border-color: rgba(11,37,69,.14); }
.truwe-service-trigger { transition: padding-left .25s ease, background .25s ease; }
.truwe-service-trigger.is-active { padding-left: 24px; background: rgba(201,138,91,.09); }
.truwe-service-panel { border: 1px solid rgba(201,138,91,.28); border-radius: 2px; background:
  radial-gradient(circle at 78% 25%, rgba(201,138,91,.2), transparent 30%),
  linear-gradient(135deg, #071a31, #0b2545 70%, #12375e);
  box-shadow: 0 32px 78px rgba(11,37,69,.2);
}
.truwe-service-visual { filter: drop-shadow(0 22px 24px rgba(1,10,19,.2)); }

.truwe-services { gap: 18px; border: 0; }
.truwe-card { border: 1px solid rgba(11,37,69,.12) !important; background: rgba(255,255,255,.58); box-shadow: 0 18px 52px rgba(11,37,69,.06); }
.truwe-card:hover { background: #fff; transform: translateY(-7px); box-shadow: 0 28px 62px rgba(11,37,69,.12), inset 0 -3px 0 var(--truwe-copper); }
.truwe-service-index > a { background: rgba(255,255,255,.44); transition: background .25s ease, padding-left .25s ease, box-shadow .25s ease; }
.truwe-service-index > a:hover { padding-left: 38px; background: #fff; box-shadow: 0 20px 50px rgba(11,37,69,.08); }

.truwe-depth { background: linear-gradient(145deg, #faf8f2, #efe8dd); }
.truwe-depth__grid { gap: 16px; border: 0; }
.truwe-depth__grid article { border: 1px solid rgba(11,37,69,.12) !important; background: rgba(255,255,255,.56); box-shadow: 0 18px 48px rgba(11,37,69,.055); }
.truwe-content-block { background: rgba(255,255,255,.38); }

.truwe-brand-signature { padding: clamp(78px, 10vw, 132px) 0; overflow: hidden; background:
  radial-gradient(circle at 50% 25%, rgba(201,138,91,.13), transparent 36%),
  linear-gradient(135deg, #071a31, #0b2545 70%, #102e51); }
.truwe-brand-signature .truwe-eyebrow { margin-bottom: 38px; color: #dfa67b; text-align: center; }
.truwe-brand-signature img { display: block; width: min(100%, 1120px); max-height: 430px; margin: 0 auto; object-fit: contain; filter: drop-shadow(0 28px 54px rgba(0,0,0,.36)); }
.truwe-brand-anchor { background: url('https://truwe.be/wp-content/uploads/2026/08/TRUWE_circle_logo.png') center / min(84%, 500px) no-repeat; filter: drop-shadow(0 28px 48px rgba(11,37,69,.18)); }
.truwe-brand-anchor > * { visibility: hidden; }
.truwe-about-origin { padding-block: 18px; }
.truwe-brand-promises { gap: 16px; }
.truwe-brand-promises article { border: 1px solid rgba(11,37,69,.13) !important; padding: 38px; background: rgba(255,255,255,.5); box-shadow: 0 18px 48px rgba(11,37,69,.05); }

.truwe-form { border: 1px solid rgba(201,138,91,.32); background: linear-gradient(145deg, #fff, #f4eee5); box-shadow: 0 32px 80px rgba(11,37,69,.13); }
.truwe-field input, .truwe-field select, .truwe-field textarea { border-color: rgba(11,37,69,.18); background: rgba(255,255,255,.84); }
.truwe-form .truwe-button { background: var(--truwe-copper); color: #10263d !important; }
.truwe-form .truwe-button > span::before { border-color: #10263d; }
.truwe-form .truwe-button > span::after { background: #10263d; }

.truwe-footer { position: relative; overflow: hidden; border-top: 1px solid rgba(201,138,91,.5); background: linear-gradient(135deg, #06172c, #0b2545 68%, #102f54); }
.truwe-footer::after { content: ""; position: absolute; width: 520px; height: 520px; right: -180px; top: -180px; border: 1px solid rgba(201,138,91,.12); border-radius: 50%; box-shadow: 0 0 0 66px rgba(201,138,91,.025), 0 0 0 132px rgba(248,245,238,.015); pointer-events: none; }
.truwe-footer__grid, .truwe-footer__bottom { position: relative; z-index: 1; }
.truwe-footer__brand { color: var(--truwe-cream) !important; }

@media (max-width: 900px) {
  .truwe-hero::before { right: -18%; opacity: .52; }
  .truwe-page-hero::before { right: -20%; opacity: .6; }
}

@media (max-width: 760px) {
  .truwe-site-nav__brand span { display: none; }
  .truwe-site-nav__brand img { display: block; }
  .truwe-hero { min-height: calc(100svh - 64px); padding-top: 72px; }
  .truwe-hero::before { width: 560px; height: 460px; right: -330px; top: 10%; }
  .truwe-hero::after { right: 18%; }
  .truwe-page-hero { padding: 86px 0 92px; }
  .truwe-page-hero::before { width: 520px; right: -310px; }
  .truwe-page-hero::after { width: 230px; height: 230px; right: -110px; }
  .truwe-service-index > a:hover { padding-left: 10px; }
  .truwe-brand-signature img { max-height: 300px; transform: scale(1.12); }
  .truwe-brand-promises { gap: 12px; }
  .truwe-brand-anchor { min-height: 340px; background-size: min(90vw, 340px); }
}

/* v3.2.1 — finale cascade: reviewcorrecties boven de brandboardbasis */
.truwe-shell { width: min(var(--truwe-shell), calc(100% - clamp(48px, 10vw, 160px))); }
.truwe-site-nav__brand span { min-width: 116px; font-size: 18px; letter-spacing: .205em; }
.truwe-service-visual { overflow: hidden; }
.truwe-browser { width: 91%; }
.truwe-search { width: 92%; }
.truwe-visual-software > div { width: 91%; }
.truwe-visual-flow { width: 100%; box-sizing: border-box; grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr); gap: 6px; padding: 32px; overflow: hidden; }
.truwe-visual-flow span { min-width: 0; padding-inline: 5px; font-size: 9px; letter-spacing: .065em; }

.truwe-service-index > p { display: none; }
.truwe-service-index > a { min-height: 188px; position: relative; isolation: isolate; overflow: hidden; grid-template-columns: 82px minmax(0,1fr) 64px; background: linear-gradient(100deg, rgba(255,255,255,.58), rgba(255,255,255,.28)); }
.truwe-service-index > a::after { display: none; }
.truwe-service-index > a::before { content: ""; position: absolute; z-index: -1; width: 112px; height: 94px; right: 55px; top: 50%; opacity: .18; background: linear-gradient(136deg, transparent 0 25%, var(--truwe-copper) 25.5% 37%, transparent 37.5% 49%, var(--truwe-ink) 49.5% 61%, transparent 61.5%); transform: translateY(-50%); transition: opacity .25s ease, transform .25s ease; }
.truwe-service-index > a:hover::before, .truwe-service-index > a:focus-visible::before { opacity: .42; transform: translateY(-50%) translateX(-8px); }
.truwe-service-index__no { grid-column: 1; color: var(--truwe-copper); font-size: 13px; font-weight: 800; }
.truwe-service-index__body { grid-column: 2; min-width: 0; display: grid; grid-template-columns: minmax(300px,.9fr) minmax(300px,1.1fr); column-gap: clamp(44px,6vw,90px); align-items: center; }
.truwe-service-index__body small { grid-column: 1; margin-bottom: 12px; color: var(--truwe-copper); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.truwe-service-index__title { grid-column: 1; display: block; color: var(--truwe-ink); font-size: clamp(30px,3.4vw,50px); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.truwe-service-index__description { grid-column: 2; grid-row: 1 / 3; color: var(--truwe-muted); font-size: 17px; line-height: 1.65; }
.truwe-service-index__arrow { grid-column: 3; color: var(--truwe-copper); font-size: 32px; transition: transform .25s ease; }
.truwe-service-index > a:hover .truwe-service-index__arrow, .truwe-service-index > a:focus-visible .truwe-service-index__arrow { transform: translate(5px,-5px); }

.truwe-journey__intro { margin-bottom: 54px; }
.truwe-journey ol { position: relative; }
.truwe-journey ol::before { display: block; left: 25px; top: 32px; bottom: 32px; background: linear-gradient(var(--truwe-copper), rgba(201,138,91,.24)); }
.truwe-journey li { min-height: 0; padding: 34px 0; grid-template-columns: 70px minmax(0,1fr); }
.truwe-journey li > span { background: #0b2545; border: 1px solid rgba(201,138,91,.46); box-shadow: 0 0 0 8px #0b2545; }
.truwe-journey li > div { grid-template-columns: minmax(220px,.72fr) minmax(520px,1.28fr); column-gap: clamp(50px,7vw,96px); }
.truwe-journey h2 { font-size: clamp(34px,3.5vw,52px); }
.truwe-journey li p { max-width: 720px; }

.truwe-brand-signature { background: radial-gradient(circle at 50% 42%, rgba(201,138,91,.12), transparent 42%), linear-gradient(145deg, #fbf8f1, #eee5d8); }
.truwe-brand-signature .truwe-eyebrow { color: var(--truwe-copper); }
.truwe-brand-signature img { width: min(100%, 540px); max-height: 250px; transform: none; filter: drop-shadow(0 20px 34px rgba(11,37,69,.15)); }
.truwe-brand-anchor { min-height: 440px; background-size: 300px; }

@media (max-width: 1000px) {
  .truwe-service-index__body { grid-template-columns: 1fr; }
  .truwe-service-index__description { grid-column: 1; grid-row: auto; margin-top: 18px; }
}
@media (max-width: 1000px) and (min-width: 761px) {
  .truwe-journey li > div { grid-template-columns: minmax(190px,.75fr) minmax(340px,1.25fr); column-gap: 42px; }
}
@media (max-width: 760px) {
  .truwe-shell { width: min(var(--truwe-shell), calc(100% - 48px)); }
  .truwe-site-nav__brand span { min-width: 0; }
  .truwe-service-index > a { min-height: 0; padding-block: 30px; grid-template-columns: 46px minmax(0,1fr) 26px; gap: 12px; }
  .truwe-service-index > a::before { display: none; }
  .truwe-service-index__title { font-size: 29px; }
  .truwe-service-index__description { font-size: 15px; }
  .truwe-service-index__arrow { font-size: 24px; }
  .truwe-visual-flow { grid-template-columns: minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr); padding: 24px; }
  .truwe-visual-flow span { min-height: 62px; font-size: 8px; }
  .truwe-journey__intro { margin-bottom: 36px; }
  .truwe-journey li { padding: 30px 0; }
  .truwe-journey li > div { display: block; }
  .truwe-brand-signature img { width: min(100%, 420px); max-height: 220px; }
  .truwe-brand-anchor { min-height: 270px; background-size: 180px; }
}

/* v4.0.0 — final cascade (must remain the final design layer) */
:root {
  --truwe-section-space: clamp(96px, 8.4vw, 132px);
  --truwe-ease: cubic-bezier(.2, .72, .2, 1);
}
body :is(p, li) { text-wrap: pretty; }
body :is(h1, h2, h3, .truwe-display, .truwe-title) { text-wrap: balance; }
.truwe-section,
.truwe-page-hero,
.truwe-hero__inner { box-sizing: border-box; }
.truwe-section { padding-block: var(--truwe-section-space); }
.truwe-section + .truwe-section:not(.truwe-dark) { border-top: 1px solid rgba(11,37,69,.07); }
.truwe-eyebrow { margin-bottom: clamp(22px,2.2vw,30px); line-height: 1.4; letter-spacing: .19em; }
.truwe-display { max-width: 11.5ch; font-weight: 590; line-height: .94; letter-spacing: -.068em; }
.truwe-title { font-weight: 590; line-height: 1.015; letter-spacing: -.047em; }
.truwe-lead { max-width: 68ch; line-height: 1.72; }
.truwe-title + .truwe-lead { margin-top: clamp(26px,2.4vw,34px); }

.truwe-site-nav { box-shadow: 0 18px 54px rgba(3,15,29,.19); }
.truwe-site-nav__inner { min-height: 76px; }
.truwe-site-nav__brand { width: 184px; height: 52px; padding: 6px 11px; border-color: rgba(201,138,91,.22); background: #fbf8f1; box-shadow: 0 10px 30px rgba(1,10,20,.15); transition: transform .3s var(--truwe-ease),box-shadow .3s var(--truwe-ease); }
.truwe-site-nav__brand:hover,.truwe-site-nav__brand:focus-visible { transform: translateY(-1px); box-shadow: 0 15px 34px rgba(1,10,20,.2); }
.truwe-site-nav__brand .truwe-site-nav__wordmark { width: 162px; height: 40px; }
.truwe-site-nav__desktop > a:not(.truwe-site-nav__cta) { position: relative; border-bottom: 0; }
.truwe-site-nav__desktop > a:not(.truwe-site-nav__cta)::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -9px; height: 1px; background: var(--truwe-copper); transition: right .28s var(--truwe-ease); }
.truwe-site-nav__desktop > a:not(.truwe-site-nav__cta):is(:hover,:focus-visible,.is-current)::after { right: 0; }
.truwe-site-nav__desktop > a.is-current:not(.truwe-site-nav__cta) { color: #ffd0ad; font-weight: 850; text-shadow: 0 0 22px rgba(228,173,131,.3); }
.truwe-site-nav__desktop > a.is-current:not(.truwe-site-nav__cta):not(.truwe-site-nav__home)::before { content: ""; position: absolute; top: 50%; left: -10px; width: 4px; height: 4px; border-radius: 50%; background: #e4ad83; box-shadow: 0 0 0 4px rgba(228,173,131,.11),0 0 14px rgba(228,173,131,.5); transform: translateY(-50%); }
.truwe-site-nav__desktop > a.is-current:not(.truwe-site-nav__cta)::after { bottom: -10px; height: 2px; box-shadow: 0 0 12px rgba(228,173,131,.4); }
.truwe-site-nav__home.is-current svg { stroke: #e4ad83; }
.truwe-site-nav__cta.is-current { box-shadow: 0 0 0 1px #f6c39c,0 12px 30px rgba(201,138,91,.25); }
.truwe-site-nav__mobile nav a.is-current { margin-inline: -10px; padding-inline: 14px 10px; border-left: 2px solid #e4ad83; background: linear-gradient(90deg,rgba(201,138,91,.16),transparent 76%); color: #f3bd94; font-weight: 850; }

.truwe-hero__inner { min-height: calc(100svh - 76px); padding-top: clamp(86px,9.5vh,118px); padding-bottom: clamp(28px,4vh,42px); }
.truwe-hero .truwe-eyebrow { margin-bottom: clamp(30px,3vw,42px); }
.truwe-hero__bottom { gap: clamp(44px,6vw,86px); }
.truwe-hero__bottom .truwe-lead { max-width: 56ch; }
.truwe-ribbon { margin-top: clamp(48px,6vh,72px); }
.truwe-page-hero { min-height: clamp(470px,43vw,610px); padding-block: clamp(92px,9vw,134px); display: flex; align-items: center; }
.truwe-page-hero .truwe-title { max-width: 16ch; }
.truwe-page-hero .truwe-lead { max-width: 64ch; }

.truwe-head { margin-bottom: clamp(52px,5.3vw,72px); }
.truwe-head .truwe-title { max-width: 16ch; }
.truwe-split { gap: clamp(54px,7vw,94px); }
.truwe-button { min-height: 58px; padding-inline: 24px; letter-spacing: .005em; transition: transform .3s var(--truwe-ease),box-shadow .3s var(--truwe-ease),background .3s ease; }
body.truwe-motion-ready .truwe-reveal { transform: translateY(16px); transition: opacity .62s ease,transform .72s var(--truwe-ease); }

.truwe-card,.truwe-depth__grid article,.truwe-brand-promises article,.truwe-package { transition: transform .34s var(--truwe-ease),box-shadow .34s var(--truwe-ease),border-color .34s ease,background .34s ease; }
.truwe-card:hover,.truwe-depth__grid article:hover,.truwe-brand-promises article:hover { border-color: rgba(201,138,91,.46) !important; transform: translateY(-5px); box-shadow: 0 26px 64px rgba(11,37,69,.1); }
.truwe-brand-promises article { min-height: 138px; }
.truwe-service-index > a { min-height: 176px; }
.truwe-service-index__description { max-width: 58ch; }

.truwe-package-teaser__intro .truwe-title { max-width: 15ch; }
.truwe-package-teaser__grid { margin-top: clamp(50px,5vw,68px); }
.truwe-package-teaser__grid > p { display: none !important; }
.truwe-package-teaser__grid > a { min-height: 142px; padding: 25px 4px; grid-template-columns: 58px minmax(0,1fr) minmax(180px,auto); gap: 24px; position: relative; overflow: hidden; }
.truwe-package-teaser__grid > a::after { content: ""; position: absolute; width: 120px; height: 96px; right: 23%; top: 50%; opacity: 0; background: linear-gradient(136deg,transparent 0 26%,var(--truwe-copper) 26.5% 38%,transparent 38.5% 50%,var(--truwe-ink) 50.5% 62%,transparent 62.5%); transform: translate(20px,-50%); transition: opacity .3s ease,transform .36s var(--truwe-ease); pointer-events: none; }
.truwe-package-teaser__grid > a:is(:hover,:focus-visible)::after { opacity: .1; transform: translate(0,-50%); }
.truwe-package-teaser__no { color: var(--truwe-copper); font-size: 12px; font-weight: 850; letter-spacing: .12em; }
.truwe-package-teaser__body,.truwe-package-teaser__price { display: flex; flex-direction: column; position: relative; z-index: 1; }
.truwe-package-teaser__body small,.truwe-package-teaser__price small { color: var(--truwe-muted); font-size: 10px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.truwe-package-teaser__body > strong { margin-top: 5px; color: var(--truwe-ink); font-size: clamp(30px,3vw,44px); line-height: 1.08; letter-spacing: -.035em; }
.truwe-package-teaser__price { align-items: flex-end; text-align: right; }
.truwe-package-teaser__price > strong { margin: 3px 0; color: var(--truwe-copper); font-family: Georgia,"Times New Roman",serif; font-size: clamp(28px,3vw,42px); font-weight: 400; line-height: 1.05; }
.truwe-package-teaser__grid > a.is-featured::before { top: 13px; }

.truwe-packages-intro .truwe-title { max-width: 14ch; }
.truwe-packages-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.truwe-package { overflow: hidden; }
.truwe-package:hover { border-color: rgba(201,138,91,.45); transform: translateY(-7px); box-shadow: 0 32px 76px rgba(11,37,69,.12); }
.truwe-package--featured { transform: none; }
.truwe-package--featured:hover { transform: translateY(-7px); box-shadow: 0 42px 92px rgba(11,37,69,.24); }
.truwe-package--basis { border-color: rgba(201,138,91,.4); background: radial-gradient(circle at 92% 8%,rgba(201,138,91,.18),transparent 27%),rgba(255,255,255,.78); }
.truwe-package--basis::before { content: ""; position: absolute; z-index: 2; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg,var(--truwe-copper),#e0a67a); }
.truwe-package__badge--basis { color: var(--truwe-copper); background: rgba(248,245,238,.72); }
.truwe-package header { min-height: 236px; }
.truwe-package-table { min-width: 1120px; }
.truwe-package-table thead th:first-child { width: 19%; }
.truwe-package-faq details:hover { background: rgba(255,255,255,.48); }
.truwe-about-story__label { margin-bottom: clamp(44px,5vw,68px); }
.truwe-about-story > div:last-child .truwe-title { max-width: 18ch; }
.truwe-contact-guide .truwe-title { max-width: 11ch; }

:where(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--truwe-copper); outline-offset: 4px; }

@media (max-width: 1050px) {
  .truwe-package:hover,.truwe-package--featured:hover { transform: translateY(-4px); }
}
@media (max-width: 900px) {
  :root { --truwe-section-space: clamp(82px,11vw,104px); }
  .truwe-page-hero { min-height: 0; }
  .truwe-package-teaser__intro,.truwe-packages-intro { gap: 34px; }
  .truwe-packages-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  :root { --truwe-section-space: 76px; }
  .truwe-shell { width: min(var(--truwe-shell),calc(100% - 40px)); }
  .truwe-site-nav__inner { min-height: 70px; }
  .truwe-site-nav__brand { width: 156px; height: 46px; padding: 5px 8px; }
  .truwe-site-nav__brand .truwe-site-nav__wordmark { width: 138px; height: 35px; }
  .truwe-hero__inner { min-height: calc(100svh - 70px); padding-top: 68px; padding-bottom: 28px; }
  .truwe-hero .truwe-display { max-width: 9.5ch; font-size: clamp(47px,13.2vw,58px); line-height: .96; }
  .truwe-hero .truwe-eyebrow { margin-bottom: 30px; }
  .truwe-hero__bottom { margin-top: 28px; gap: 30px; }
  .truwe-ribbon { margin-top: 48px; }
  .truwe-page-hero { padding-block: 78px 84px; }
  .truwe-page-hero .truwe-title { max-width: 12ch; font-size: clamp(42px,12.2vw,54px); }
  .truwe-page-hero .truwe-lead { margin-top: 26px; font-size: 16px; }
  .truwe-title { font-size: clamp(38px,11vw,50px); }
  .truwe-lead { font-size: 16px; line-height: 1.68; }
  .truwe-button { min-height: 56px; min-width: min(100%,238px); }
  .truwe-service-index > a { padding-block: 28px; }
  .truwe-service-index__title { font-size: 28px; }
  .truwe-package-teaser__grid { margin-top: 38px; }
  .truwe-package-teaser__grid > a { padding: 25px 0; grid-template-columns: 36px minmax(0,1fr); gap: 12px; }
  .truwe-package-teaser__grid > a::after { display: none; }
  .truwe-package-teaser__price { grid-column: 2; margin-top: 12px; align-items: flex-start; text-align: left; }
  .truwe-package-teaser__body > strong { font-size: 31px; }
  .truwe-package-teaser__price > strong { font-size: 33px; }
  .truwe-package { padding: 30px 24px; }
  .truwe-package header { min-height: 0; }
  .truwe-package:hover { transform: none; }
  .truwe-about-story__label { margin-bottom: 38px; }
  .truwe-contact-guide .truwe-title { max-width: 10ch; }
}

/* v4.2.1 — final mobile select guard; keep after every form background layer */
.truwe-field select {
  min-width: 0;
  padding-right: 48px;
  -webkit-appearance: none;
  appearance: none;
  color-scheme: light;
  background-color: rgba(255,255,255,.94);
  background-image:
    linear-gradient(45deg, transparent 50%, #263b50 50%),
    linear-gradient(135deg, #263b50 50%, transparent 50%);
  background-position: calc(100% - 21px) 50%, calc(100% - 15px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  color: var(--truwe-ink) !important;
  -webkit-text-fill-color: var(--truwe-ink);
}
.truwe-field select option {
  background: #fff;
  color: var(--truwe-ink);
}
@media (max-width: 760px) {
  .truwe-field select {
    min-height: 58px;
    padding: 15px 48px 15px 16px;
    font-size: 16px;
    line-height: 1.35;
    background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%;
  }
}

/* v4.3.0 — animated, clickable product tours */
.truwe-product-tour {
  container-type: inline-size;
  display: block !important;
  padding: 0 !important;
  isolation: isolate;
  border: 1px solid rgba(248,245,238,.22);
  border-radius: 3px;
  background: #071d35;
  color: #14283d !important;
  text-decoration: none !important;
  cursor: pointer;
  transform: translateZ(0);
}
.truwe-platform-card > a.truwe-product-tour {
  display: block !important;
  margin: 34px 0 32px;
  font-size: inherit;
  font-weight: inherit;
}
.truwe-platform-card > a.truwe-product-tour span { padding-left: 0; color: inherit; }
.truwe-product-tour::after { opacity: .08; }
.truwe-product-tour__chrome {
  height: 32px;
  padding: 0 12px;
  display: grid;
  grid-template-columns: 52px 1fr auto;
  align-items: center;
  position: relative;
  z-index: 3;
  color: rgba(248,245,238,.78);
  background: #071a2d;
  font-size: 7px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.truwe-product-tour__chrome > span { display: flex; gap: 4px; }
.truwe-product-tour__chrome > span i { width: 5px; height: 5px; display: block; border-radius: 50%; background: rgba(248,245,238,.26); }
.truwe-product-tour__chrome > span i:first-child { background: #ce875a; }
.truwe-product-tour__chrome > b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: inherit; }
.truwe-product-tour__chrome > em { color: #e5aa7e; font-style: normal; font-weight: 850; }
.truwe-product-tour__screen { height: calc(100% - 32px); overflow: hidden; position: relative; z-index: 1; background: #f5f1e9; }
.truwe-tour-app { width: 100%; height: 100%; font-size: 7px; line-height: 1.25; }
.truwe-tour-app :is(b,strong,small,em,span,p) { font: inherit; }

.truwe-tour-projects { display: grid; grid-template-columns: 32px 1fr; background: #f3f0e9; }
.truwe-tour-projects > aside,.truwe-tour-werfflow > aside { padding: 10px 7px; display: flex; flex-direction: column; align-items: center; gap: 10px; background: #102a44; }
.truwe-tour-projects > aside b,.truwe-tour-werfflow > aside b { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid rgba(231,174,132,.55); border-radius: 50%; color: #f3c19b; font-weight: 850; }
.truwe-tour-projects > aside i,.truwe-tour-werfflow > aside i { width: 13px; height: 3px; display: block; border-radius: 4px; background: rgba(255,255,255,.2); }
.truwe-tour-projects > aside i.is-active { background: #d69262; }
.truwe-tour-projects > main,.truwe-tour-werfflow > main { min-width: 0; padding: 10px 12px; display: grid; grid-template-rows: auto 1fr auto; }
.truwe-tour-projects header,.truwe-tour-werfflow header,.truwe-tour-energy > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.truwe-tour-projects header div,.truwe-tour-werfflow header div,.truwe-tour-energy header div { display: grid; gap: 2px; }
.truwe-tour-projects header small,.truwe-tour-werfflow header small,.truwe-tour-energy header small { color: #71808c; text-transform: uppercase; letter-spacing: .1em; }
.truwe-tour-projects header strong,.truwe-tour-werfflow header strong,.truwe-tour-energy header strong { color: #12283e; font-weight: 850; }
.truwe-tour-projects header > span { padding: 4px 7px; border-radius: 99px; color: #fff; background: #be7446; }
.truwe-tour-projects section { padding-top: 7px; display: grid; gap: 4px; }
.truwe-tour-projects article { padding: 5px 7px; display: grid; grid-template-columns: 7px 1fr auto; gap: 7px; align-items: center; border: 1px solid #dce0df; background: rgba(255,255,255,.7); animation: truwe-project-row 9s infinite both; }
.truwe-tour-projects article:nth-child(2) { animation-delay: 3s; }
.truwe-tour-projects article:nth-child(3) { animation-delay: 6s; }
.truwe-tour-projects article > i { width: 6px; height: 6px; border-radius: 50%; background: #c98657; }
.truwe-tour-projects article > div { min-width: 0; display: grid; gap: 1px; }
.truwe-tour-projects article b { overflow: hidden; color: #16304a; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.truwe-tour-projects article small { color: #74818a; }
.truwe-tour-projects article em { color: #bd7043; font-style: normal; font-weight: 850; }
.truwe-tour-projects footer { padding-top: 6px; display: grid; grid-template-columns: auto 1fr; gap: 3px 8px; align-items: center; color: #687782; }
.truwe-tour-projects footer div { height: 3px; overflow: hidden; border-radius: 4px; background: #d8dddc; }
.truwe-tour-projects footer div i { width: 70%; height: 100%; display: block; background: #c77c4d; animation: truwe-tour-progress 9s infinite ease-in-out; }
.truwe-tour-projects footer b { grid-column: 1 / -1; opacity: 0; color: #2e6a4d; animation: truwe-tour-confirm 9s infinite; }

.truwe-tour-energy { padding: 9px 11px; display: grid; grid-template-rows: auto 1fr; gap: 8px; color: #17221b; background: #f8faf7; }
.truwe-tour-energy > header > span { padding: 4px 8px; border-radius: 99px; color: #fff; background: #116548; }
.truwe-tour-energy > main { min-height: 0; display: grid; grid-template-columns: 1.05fr .95fr; gap: 9px; }
.truwe-tour-energy section { display: grid; align-content: center; gap: 5px; }
.truwe-energy-field { padding: 5px 6px; display: grid; grid-template-columns: 1fr auto; gap: 3px; border: 1px solid #dfe4dc; background: #fff; }
.truwe-energy-field > b { color: #116548; font-weight: 800; }
.truwe-energy-field > i { height: 3px; grid-column: 1 / -1; overflow: hidden; border-radius: 4px; background: #dfe4dc; }
.truwe-energy-field > i em { width: 64%; height: 100%; display: block; background: #116548; animation: truwe-energy-slider 8s infinite ease-in-out; }
.truwe-energy-field:nth-child(2) > i em { width: 78%; animation-delay: 1.2s; }
.truwe-energy-action { padding: 5px 7px; display: block; border-radius: 2px; color: #fff !important; background: #116548; text-align: center; font-weight: 850 !important; animation: truwe-energy-action 8s infinite; }
.truwe-tour-energy aside { padding: 7px; display: grid; align-content: end; gap: 4px; border: 1px solid #cfe0d2; background: #edf7f0; }
.truwe-tour-energy aside small { color: #68756e; }
.truwe-tour-energy aside strong { color: #116548; font-weight: 900; }
.truwe-energy-bars { height: 42px; display: flex; align-items: end; gap: 3px; border-bottom: 1px solid #b9c9bd; }
.truwe-energy-bars i { flex: 1; height: 25%; display: block; background: #116548; animation: truwe-energy-bar 8s infinite ease-in-out; }
.truwe-energy-bars i:nth-child(2) { height: 48%; animation-delay: .15s; }
.truwe-energy-bars i:nth-child(3) { height: 72%; animation-delay: .3s; }
.truwe-energy-bars i:nth-child(4) { height: 56%; animation-delay: .45s; }
.truwe-energy-bars i:nth-child(5) { height: 88%; animation-delay: .6s; }
.truwe-energy-bars i:nth-child(6) { height: 68%; animation-delay: .75s; }
.truwe-tour-energy aside p { margin: 0; display: flex; align-items: center; gap: 3px; color: #68756e; }
.truwe-tour-energy aside p span { width: 5px; height: 5px; display: inline-block; border-radius: 50%; background: #116548; }
.truwe-tour-energy aside p span:nth-child(2) { background: #d8f269; }

.truwe-tour-werfflow { display: grid; grid-template-columns: 32px 1fr; color: #263f3b; background: #f7faf9; }
.truwe-tour-werfflow > aside { background: #376a63; }
.truwe-tour-werfflow > aside b { border-color: rgba(255,255,255,.48); color: #fff; }
.truwe-tour-werfflow > aside i.is-active { background: #fff; }
.truwe-tour-werfflow header > span { padding: 4px 7px; border-radius: 99px; color: #fff; background: #376a63; }
.truwe-tour-werfflow section { padding-top: 8px; display: grid; grid-template-columns: repeat(5,1fr); gap: 3px; }
.truwe-tour-werfflow section > div { min-width: 0; padding: 4px 3px; border: 1px solid #dfece8; background: rgba(255,255,255,.78); }
.truwe-tour-werfflow section small { display: block; color: #6f817c; text-align: center; }
.truwe-tour-werfflow article { margin-top: 5px; padding: 4px; display: grid; gap: 2px; color: #fff; background: #376a63; box-shadow: 0 3px 9px rgba(55,106,99,.2); }
.truwe-tour-werfflow article b { font-weight: 500; opacity: .75; }
.truwe-tour-werfflow article.is-moving { animation: truwe-werfflow-card 8s infinite ease-in-out; }
.truwe-tour-werfflow footer { padding-top: 6px; display: flex; justify-content: space-between; color: #60736e; }
.truwe-tour-werfflow footer b { opacity: 0; color: #27665e; font-weight: 850; animation: truwe-tour-confirm 8s infinite; }

.truwe-tour-cursor { width: 12px; height: 17px; display: block; position: absolute; z-index: 8; left: 72%; top: 38%; padding: 0 !important; background: #fff; clip-path: polygon(0 0,100% 72%,55% 73%,38% 100%); filter: drop-shadow(0 2px 3px rgba(0,0,0,.5)); pointer-events: none; }
.truwe-tour-click { width: 24px; height: 24px; display: block; position: absolute; z-index: 7; padding: 0 !important; border: 1px solid rgba(255,255,255,.9); border-radius: 50%; opacity: 0; pointer-events: none; }
.truwe-product-tour--projects .truwe-tour-cursor { animation: truwe-cursor-projects 9s infinite ease-in-out; }
.truwe-product-tour--projects .truwe-tour-click { animation: truwe-click-projects 9s infinite ease-out; }
.truwe-product-tour--energy .truwe-tour-cursor { animation: truwe-cursor-energy 8s infinite ease-in-out; }
.truwe-product-tour--energy .truwe-tour-click { animation: truwe-click-energy 8s infinite ease-out; }
.truwe-product-tour--werfflow .truwe-tour-cursor { animation: truwe-cursor-werfflow 8s infinite ease-in-out; }
.truwe-product-tour--werfflow .truwe-tour-click { animation: truwe-click-werfflow 8s infinite ease-out; }
.truwe-product-tour:hover *,.truwe-product-tour:focus-visible * { animation-play-state: paused !important; }
.truwe-product-tour:hover,.truwe-product-tour:focus-visible { border-color: rgba(230,170,124,.72); box-shadow: 0 28px 70px rgba(1,10,20,.28); }

@keyframes truwe-project-row { 0%,28%,100% { background: rgba(255,255,255,.7); transform: translateX(0); } 10%,20% { background: #fff3e9; transform: translateX(2px); } }
@keyframes truwe-tour-progress { 0%,12% { width: 42%; } 34%,66% { width: 70%; } 88%,100% { width: 86%; } }
@keyframes truwe-tour-confirm { 0%,58%,100% { opacity: 0; } 68%,88% { opacity: 1; } }
@keyframes truwe-energy-slider { 0%,15% { width: 36%; } 38%,100% { width: 78%; } }
@keyframes truwe-energy-action { 0%,42%,100% { box-shadow: none; } 48%,58% { box-shadow: 0 0 0 4px rgba(17,101,72,.16); } }
@keyframes truwe-energy-bar { 0%,48% { transform: scaleY(.2); transform-origin: bottom; opacity: .35; } 68%,100% { transform: scaleY(1); transform-origin: bottom; opacity: 1; } }
@keyframes truwe-werfflow-card { 0%,24%,100% { transform: translate(0,0); background: #376a63; } 44%,70% { transform: translate(104%,18px); background: #27665e; } }
@keyframes truwe-cursor-projects { 0%,10% { left: 86%; top: 31%; } 24%,38% { left: 54%; top: 50%; } 52%,68% { left: 76%; top: 73%; } 82%,100% { left: 86%; top: 31%; } }
@keyframes truwe-click-projects { 0%,25%,52%,69%,100% { opacity: 0; transform: scale(.45); left: 53%; top: 49%; } 29%,33% { opacity: .8; transform: scale(1.15); left: 53%; top: 49%; } 58%,62% { opacity: .75; transform: scale(1.15); left: 75%; top: 72%; } }
@keyframes truwe-cursor-energy { 0%,15% { left: 28%; top: 40%; } 36%,55% { left: 36%; top: 70%; } 72%,100% { left: 76%; top: 46%; } }
@keyframes truwe-click-energy { 0%,38%,58%,100% { opacity: 0; transform: scale(.45); left: 35%; top: 69%; } 44%,52% { opacity: .8; transform: scale(1.15); left: 35%; top: 69%; } }
@keyframes truwe-cursor-werfflow { 0%,15% { left: 58%; top: 44%; } 36%,58% { left: 72%; top: 58%; } 76%,100% { left: 82%; top: 77%; } }
@keyframes truwe-click-werfflow { 0%,38%,60%,100% { opacity: 0; transform: scale(.45); left: 71%; top: 57%; } 44%,52% { opacity: .8; transform: scale(1.15); left: 71%; top: 57%; } }

.truwe-platform-detail .truwe-product-tour__chrome { height: 42px; padding-inline: 18px; grid-template-columns: 70px 1fr auto; font-size: 9px; }
.truwe-platform-detail .truwe-product-tour__chrome > span i { width: 7px; height: 7px; }
.truwe-platform-detail .truwe-product-tour__screen { height: calc(100% - 42px); }
.truwe-platform-detail .truwe-tour-app { font-size: 10px; }
.truwe-platform-detail .truwe-tour-projects,.truwe-platform-detail .truwe-tour-werfflow { grid-template-columns: 54px 1fr; }
.truwe-platform-detail .truwe-tour-projects > aside,.truwe-platform-detail .truwe-tour-werfflow > aside { padding-block: 22px; gap: 20px; }
.truwe-platform-detail .truwe-tour-projects > aside b,.truwe-platform-detail .truwe-tour-werfflow > aside b { width: 28px; height: 28px; }
.truwe-platform-detail .truwe-tour-projects > main,.truwe-platform-detail .truwe-tour-werfflow > main { padding: 22px 25px; }
.truwe-platform-detail .truwe-tour-projects section { gap: 8px; padding-top: 15px; }
.truwe-platform-detail .truwe-tour-projects article { padding: 9px 12px; }
.truwe-platform-detail .truwe-tour-energy { padding: 20px 24px; gap: 16px; }
.truwe-platform-detail .truwe-tour-energy > main { gap: 18px; }
.truwe-platform-detail .truwe-energy-field,.truwe-platform-detail .truwe-tour-energy aside { padding: 12px; }
.truwe-platform-detail .truwe-energy-bars { height: 92px; }
.truwe-platform-detail .truwe-tour-werfflow section { gap: 7px; padding-top: 16px; }
.truwe-platform-detail .truwe-tour-werfflow section > div { padding: 9px 6px; }
.truwe-platform-detail .truwe-tour-werfflow article { padding: 8px; }

@media (max-width: 760px) {
  .truwe-platform-card > a.truwe-product-tour { margin-block: 28px; }
  .truwe-platform-detail .truwe-product-tour__chrome { height: 34px; padding-inline: 12px; font-size: 7px; }
  .truwe-platform-detail .truwe-product-tour__screen { height: calc(100% - 34px); }
  .truwe-platform-detail .truwe-tour-app { font-size: 7px; }
  .truwe-platform-detail .truwe-tour-projects,.truwe-platform-detail .truwe-tour-werfflow { grid-template-columns: 34px 1fr; }
  .truwe-platform-detail .truwe-tour-projects > aside,.truwe-platform-detail .truwe-tour-werfflow > aside { padding: 10px 7px; gap: 10px; }
  .truwe-platform-detail .truwe-tour-projects > aside b,.truwe-platform-detail .truwe-tour-werfflow > aside b { width: 18px; height: 18px; }
  .truwe-platform-detail .truwe-tour-projects > main,.truwe-platform-detail .truwe-tour-werfflow > main { padding: 10px 12px; }
  .truwe-platform-detail .truwe-tour-projects section { gap: 4px; padding-top: 7px; }
  .truwe-platform-detail .truwe-tour-projects article { padding: 5px 7px; }
  .truwe-platform-detail .truwe-tour-energy { padding: 9px 11px; gap: 8px; }
  .truwe-platform-detail .truwe-tour-energy > main { gap: 9px; }
  .truwe-platform-detail .truwe-energy-field,.truwe-platform-detail .truwe-tour-energy aside { padding: 6px; }
  .truwe-platform-detail .truwe-energy-bars { height: 48px; }
  .truwe-platform-detail .truwe-tour-werfflow section { gap: 3px; padding-top: 8px; }
  .truwe-platform-detail .truwe-tour-werfflow section > div { padding: 4px 3px; }
  .truwe-platform-detail .truwe-tour-werfflow article { padding: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .truwe-product-tour * { animation: none !important; }
  .truwe-tour-cursor,.truwe-tour-click { display: none !important; }
  .truwe-tour-projects footer b,.truwe-tour-werfflow footer b { opacity: 1; }
}

/* v4.3.2 — honest product links replace decorative simulated tours */
.truwe-platform-link-card {
  min-height: 168px;
  padding: 28px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 22px;
  align-items: center;
  border: 1px solid rgba(11,37,69,.14);
  border-left: 3px solid var(--truwe-copper);
  background: linear-gradient(135deg,#fffdfa,#f1eadf);
  color: var(--truwe-ink) !important;
  text-decoration: none !important;
  box-shadow: 0 20px 48px rgba(11,37,69,.08);
  transition: transform .28s var(--truwe-ease),box-shadow .28s var(--truwe-ease),border-color .28s ease;
}
.truwe-platform-card > a.truwe-platform-link-card {
  margin: 34px 0 32px;
  font-size: inherit;
  font-weight: inherit;
}
.truwe-platform-card > a.truwe-platform-link-card span { padding-left: 0; color: inherit; }
.truwe-platform-link-card:hover,.truwe-platform-link-card:focus-visible {
  border-color: rgba(201,138,91,.62);
  transform: translateY(-4px);
  box-shadow: 0 30px 68px rgba(11,37,69,.14);
}
.truwe-platform-link-card__mark {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff !important;
  background: #18344f;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .04em;
}
.truwe-platform-link-card--energy { border-left-color: #116548; background: linear-gradient(135deg,#fbfdf9,#edf7f0); }
.truwe-platform-link-card--energy .truwe-platform-link-card__mark { background: #116548; }
.truwe-platform-link-card--werfflow { border-left-color: #376a63; background: linear-gradient(135deg,#fbfdfc,#edf5f2); }
.truwe-platform-link-card--werfflow .truwe-platform-link-card__mark { background: #376a63; }
.truwe-platform-link-card__copy { min-width: 0; display: grid; gap: 6px; }
.truwe-platform-link-card__copy small { color: var(--truwe-copper); font-size: 9px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.truwe-platform-link-card--energy .truwe-platform-link-card__copy small { color: #116548; }
.truwe-platform-link-card--werfflow .truwe-platform-link-card__copy small { color: #376a63; }
.truwe-platform-link-card__copy strong { color: var(--truwe-ink); font-size: clamp(22px,2.3vw,32px); line-height: 1.05; letter-spacing: -.035em; }
.truwe-platform-link-card__copy em { color: var(--truwe-muted); font-size: 12px; font-style: normal; font-weight: 500; line-height: 1.45; }
.truwe-platform-link-card__arrow { color: var(--truwe-copper) !important; font-size: 28px; transition: transform .25s ease; }
.truwe-platform-link-card--energy .truwe-platform-link-card__arrow { color: #116548 !important; }
.truwe-platform-link-card--werfflow .truwe-platform-link-card__arrow { color: #376a63 !important; }
.truwe-platform-link-card:hover .truwe-platform-link-card__arrow,.truwe-platform-link-card:focus-visible .truwe-platform-link-card__arrow { transform: translate(4px,-4px); }
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card { min-height: 280px; padding: clamp(34px,4vw,54px) !important; }
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-platform-link-card__mark { width: 78px; height: 78px; font-size: 19px; }
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-platform-link-card__copy strong { font-size: clamp(34px,4vw,52px); }
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-platform-link-card__copy em { font-size: 15px; }
@media (max-width: 760px) {
  .truwe-platform-link-card,.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card { min-height: 150px; padding: 24px 20px !important; grid-template-columns: auto minmax(0,1fr) 22px; gap: 16px; }
  .truwe-platform-link-card__mark,.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-platform-link-card__mark { width: 48px; height: 48px; font-size: 13px; }
  .truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-platform-link-card__copy strong { font-size: 28px; }
  .truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-platform-link-card__copy em { font-size: 12px; }
  .truwe-platform-link-card:hover { transform: none; }
}

/* v4.3.4 — official product identities */
.truwe-platform-link-card,
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card {
  min-height: 220px;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(116px,1fr) auto;
  gap: 0;
  position: relative;
  overflow: hidden;
  background: #fffdfa;
}
.truwe-platform-link-card__identity {
  min-width: 0;
  padding: 24px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(11,37,69,.09);
  background: rgba(255,255,255,.88);
}
.truwe-platform-link-card__identity > img {
  width: auto;
  max-width: min(88%,300px);
  max-height: 82px;
  display: block;
  object-fit: contain;
}
.truwe-platform-link-card--projects .truwe-platform-link-card__identity > img { max-width: min(88%,320px); max-height: 76px; }
.truwe-platform-link-card--energy .truwe-platform-link-card__identity { background: #fbfdf9; }
.truwe-platform-link-card--werfflow .truwe-platform-link-card__identity { background: #f7faf9; }
.truwe-werfflow-logo { display: flex; align-items: center; gap: 15px; color: #143a36 !important; }
.truwe-werfflow-logo > i {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #b9dc75;
  background: #143a36;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: -.06em;
}
.truwe-werfflow-logo > span { display: grid; gap: 3px; }
.truwe-werfflow-logo strong { color: #143a36; font-size: clamp(25px,2.4vw,34px); font-weight: 850; line-height: 1; letter-spacing: -.04em; }
.truwe-werfflow-logo small { color: #52645f; font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.truwe-platform-link-card__copy {
  padding: 18px 56px 20px 22px;
  gap: 5px;
  background: linear-gradient(135deg,rgba(255,253,250,.96),rgba(241,234,223,.86));
}
.truwe-platform-link-card--energy .truwe-platform-link-card__copy { background: linear-gradient(135deg,#fbfdf9,#edf7f0); }
.truwe-platform-link-card--werfflow .truwe-platform-link-card__copy { background: linear-gradient(135deg,#fbfdfc,#edf5f2); }
.truwe-platform-link-card__copy em { max-width: 34ch; }
.truwe-platform-link-card__arrow { position: absolute; right: 22px; bottom: 21px; }
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card {
  min-height: 300px;
  grid-template-rows: minmax(178px,1fr) auto;
}
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-platform-link-card__identity > img { max-width: min(82%,410px); max-height: 118px; }
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-werfflow-logo > i { width: 76px; height: 76px; font-size: 36px; }
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-werfflow-logo strong { font-size: clamp(34px,4vw,48px); }
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-platform-link-card__copy { padding: 24px 68px 26px 28px; }
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-platform-link-card__copy em { font-size: 14px; }
@media (max-width: 760px) {
  .truwe-platform-link-card,.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card { min-height: 204px; grid-template-columns: 1fr; grid-template-rows: 118px auto; gap: 0; padding: 0 !important; }
  .truwe-platform-link-card__identity { padding: 20px; }
  .truwe-platform-link-card__identity > img,.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-platform-link-card__identity > img { max-width: 86%; max-height: 72px; }
  .truwe-platform-link-card__copy,.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-platform-link-card__copy { padding: 16px 48px 17px 18px; }
  .truwe-platform-link-card__copy em,.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-platform-link-card__copy em { font-size: 11px; }
  .truwe-platform-link-card__arrow { right: 17px; bottom: 18px; font-size: 23px; }
  .truwe-werfflow-logo > i,.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-werfflow-logo > i { width: 48px; height: 48px; border-radius: 12px; font-size: 23px; }
  .truwe-werfflow-logo strong,.truwe-platform-detail > .truwe-shell > .truwe-platform-link-card .truwe-werfflow-logo strong { font-size: 27px; }
}

/* v4.3.6 — stable block wrapper around linked product identities */
.truwe-platform-link-wrap { min-width: 0; }
.truwe-platform-link-wrap > .truwe-platform-link-card { width: 100%; height: 100%; }
.truwe-platform-card > .truwe-platform-link-wrap { margin: 34px 0 32px; }
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-wrap { min-height: 300px; }
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-wrap > .truwe-platform-link-card {
  min-height: 300px;
  grid-template-rows: minmax(178px,1fr) auto;
}
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-wrap .truwe-platform-link-card__identity > img { max-width: min(82%,410px); max-height: 118px; }
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-wrap .truwe-platform-link-card__copy { padding: 24px 68px 26px 28px; }
.truwe-platform-detail > .truwe-shell > .truwe-platform-link-wrap .truwe-platform-link-card__copy em { font-size: 14px; }
@media (max-width: 760px) {
  .truwe-platform-card > .truwe-platform-link-wrap { margin-block: 28px; }
  .truwe-platform-detail > .truwe-shell > .truwe-platform-link-wrap { min-height: 204px; }
  .truwe-platform-detail > .truwe-shell > .truwe-platform-link-wrap > .truwe-platform-link-card { min-height: 204px; grid-template-rows: 118px auto; }
  .truwe-platform-detail > .truwe-shell > .truwe-platform-link-wrap .truwe-platform-link-card__identity > img { max-width: 86%; max-height: 72px; }
  .truwe-platform-detail > .truwe-shell > .truwe-platform-link-wrap .truwe-platform-link-card__copy { padding: 16px 48px 17px 18px; }
  .truwe-platform-detail > .truwe-shell > .truwe-platform-link-wrap .truwe-platform-link-card__copy em { font-size: 11px; }
}