/* Exclusive to Thanks Up Tecnologia. Manual: PMS 431 C, PMS 130 C, PMS 663 C.
   DM Sans remains the documented preview fallback. Official brand artwork is unmodified. */
.tech-page { --tech-surface:#f5f5f4; --tech-line:#d9dcdd; --tech-muted:#505b64; --tech-dark:#231f20; --tech-orange:#f5a800; overflow:clip; }
.tech-page [hidden] { display:none!important; }
.tech-page :is(button,a,summary):focus-visible { outline:3px solid #805700!important; outline-offset:5px; }
.tech-page :is(.tech-hero,.tech-start,.tech-closing) :is(button,a):focus-visible { outline-color:#fff!important; }
.tech-page .tech-section { padding-top:92px; padding-bottom:92px; }
.tech-page .tech-eyebrow { display:flex; align-items:center; gap:14px; font-size:10px; line-height:1.6; font-weight:650; letter-spacing:.12em; text-transform:uppercase; margin-bottom:24px; }
.tech-eyebrow > span { color:#62696e; border-right:1px solid #b5b8ba; padding-right:14px; }
.tech-page h2 { font-size:clamp(32px,3.2vw,48px); line-height:1.13; letter-spacing:-.045em; font-weight:500; }
.tech-page h2 > span { color:var(--tech-muted); }
.tech-page .tech-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:44px; }
.tech-page .tech-section-heading > p { max-width:300px; color:var(--tech-muted); font-size:15px; line-height:1.7; }
.tech-page .tech-section-heading h2 { max-width:790px; }
.tech-page .tech-dot { display:inline-block; width:7px; height:7px; background:var(--tech-orange); border-radius:50%; flex-shrink:0; }
.tech-page .tech-hero { color:#fff; background:var(--tech-dark); padding-top:58px; padding-bottom:22px; }
.tech-hero .tech-eyebrow, .tech-start .tech-eyebrow, .tech-closing .tech-eyebrow { color:#e5e1e6; }
.tech-hero .tech-eyebrow > span, .tech-start .tech-eyebrow > span,.tech-closing .tech-eyebrow > span { color:var(--tech-orange); border-color:#726b69; }
.tech-hero-grid { display:grid; grid-template-columns:1fr 1.08fr; gap:5%; align-items:center; }
.tech-page .tech-hero h1 { font-size:clamp(40px,4.35vw,68px); line-height:1.075; letter-spacing:-.05em; font-weight:500; text-wrap:initial; }
.tech-hero h1 > span { color:var(--tech-orange); }
.tech-page .tech-lead { font-size:15px; line-height:1.8; color:#e5e1e6; max-width:465px; margin-top:25px; }
.tech-actions { display:flex; flex-direction:column; align-items:flex-start; gap:14px; margin-top:28px; }
.tech-page .up-button { border-radius:3px; padding:16px 23px; min-height:54px; }
.tech-page .tech-link { display:inline-flex; align-items:center; justify-content:space-between; min-height:44px; gap:35px; font-size:13px; border-bottom:1px solid #756f6f; }
.tech-link:hover { border-color:var(--tech-orange); }
.tech-hero-visual { position:relative; height:550px; margin:0; min-width:0; perspective:1200px; }
.tech-team { position:absolute; top:8px; right:0; width:94%; height:355px; object-fit:cover; object-position:center 38%; border-radius:4px; }
.tech-symbol { display:inline-flex; padding:22px; background:#fff; border-radius:3px; }
.tech-symbol img { width:64px; height:auto; }
.tech-hero-visual > .tech-symbol { position:absolute; top:-10px; right:-18px; z-index:2; box-shadow:0 12px 32px #0002; }
.tech-photo-routes { position:absolute; inset:0; width:100%; height:100%; stroke:var(--tech-orange); stroke-width:1; pointer-events:none; }
.tech-photo-routes circle { fill:var(--tech-orange); }
.tech-float-label { position:absolute; top:35px; left:-18px; display:flex; align-items:center; gap:10px; background:#fff; color:#3b4145; font-size:10px; padding:13px 17px; border-radius:3px; box-shadow:0 8px 22px #0002; }
.tech-hero-screen { position:absolute; left:-24px; right:25px; top:260px; background:#fff; color:var(--tech-dark); border:1px solid #d9dcdd; border-radius:7px; box-shadow:0 30px 45px #0004; transform:rotateY(-6deg) rotateX(5deg); }
.tech-screenbar { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #e5e7e8; padding:12px 16px; font-size:10px; color:#5b6670; }
.tech-window-dots { letter-spacing:3px; font-size:7px; color:#8d9499; }
.tech-hero-screen-body { padding:18px; }
.tech-screen-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; }
.tech-screen-heading strong { font-size:12px; font-weight:550; }
.tech-screen-heading > span { font-size:9px; color:#5b6670; }
.tech-pipeline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.tech-pipeline > div { background:#f1f2f3; border-radius:3px; padding:10px 7px; }
.tech-pipeline > div > span { display:block; font-size:9px; color:#5b6670; padding-bottom:10px; }
.tech-deal { position:relative; background:#fff; padding:12px 8px 9px; border:1px solid #e3e5e6; border-radius:3px; margin-bottom:6px; box-shadow:0 2px 3px #00000005; }
.tech-deal i { display:block; height:3px; width:20px; background:var(--tech-orange); margin-bottom:8px; }
.tech-deal b { display:block; font-size:9px; font-weight:550; }
.tech-deal small { display:block; font-size:8px; color:#5b6670; margin-top:4px; }
.tech-deal em { display:block; width:55%; height:3px; background:#e7e9ea; margin-top:9px; }
.tech-ghost { padding:8px; }
.tech-ghost i { background:#c2c7ca; }
.tech-hero-screen .tech-ghost { display:none; }
.tech-screen-bottom { display:flex; justify-content:space-between; gap:10px; margin-top:14px; font-size:8px; color:#5b6670; }
.tech-screen-bottom > span:first-child { display:flex; align-items:center; gap:7px; }
.tech-automation-float { position:absolute; right:-15px; top:455px; background:#fff; color:#231f20; display:flex; align-items:center; gap:12px; padding:15px 18px; border-radius:4px; box-shadow:0 12px 30px #0003; }
.tech-automation-float > svg { color:#805700; width:25px; }
.tech-automation-float small { display:block; font-size:9px; color:#5b6670; margin-bottom:5px; }
.tech-automation-float strong { display:block; font-size:10px; font-weight:550; }
.tech-automation-float > span { font-size:14px; background:#fff2d3; padding:5px; }
.tech-hero-visual figcaption { position:absolute; bottom:0; left:0; font-size:9px; color:#ccc7c7; letter-spacing:.025em; }
.tech-hero-footer { display:flex; justify-content:space-between; gap:20px; border-top:1px solid #5d5657; margin-top:45px; padding-top:20px; font-size:10px; color:#d3cece; }
.tech-hero-footer > span:last-child > span { margin-left:20px; color:var(--tech-orange); }
/* Orthogonal architecture; the route is highlighted independently of the brand symbol. */
.tech-map { border:1px solid var(--tech-line); border-radius:6px; overflow:hidden; background:#f8f9f9; }
.tech-map-top { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:19px 25px; border-bottom:1px solid var(--tech-line); background:#fff; font-size:12px; }
.tech-map-top > span:first-child { display:flex; align-items:center; gap:10px; }
.tech-map-top > span:last-child { color:var(--tech-muted); font-size:11px; }
.tech-map-canvas { position:relative; height:420px; display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:repeat(3,1fr); align-items:center; justify-items:center; padding:0 3.5%; gap:0 9%; background-image:radial-gradient(#bdc3c6 0.65px,transparent .65px); background-size:18px 18px; }
.tech-map-lines { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.tech-map-lines path { stroke:#c5cbcf; stroke-width:1.3; }
.tech-map[data-active="crm"] [data-route="crm"], .tech-map[data-active="automation"] [data-route="automation"], .tech-map[data-active="integration"] [data-route="integration"], .tech-map[data-active="data"] [data-route="data"], .tech-map[data-active="ai"] [data-route="ai"], .tech-map[data-active="people"] [data-route="people"] { stroke:var(--tech-orange); stroke-width:3; }
.tech-hub { grid-column:2; grid-row:2; position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#231f20; color:#fff; width:208px; height:180px; border-radius:7px; box-shadow:8px 8px 0 #e5e1e6,0 14px 30px #231f2015; }
.tech-hub-overline { font-size:10px; color:#e5e1e6; }
.tech-hub strong { font-size:31px; font-weight:500; letter-spacing:-.035em; margin:10px 0 5px; }
.tech-hub > span:nth-of-type(2) { font-size:11px; color:#e5e1e6; }
.tech-hub > div { font-size:24px; color:var(--tech-orange); margin-top:12px; }
.tech-node { width:100%; position:relative; z-index:1; display:flex; align-items:center; gap:12px; text-align:left; border:1px solid #bfc6ca; background:#fff; padding:21px 17px; border-radius:5px; min-height:86px; color:var(--tech-dark); box-shadow:0 5px 12px #231f2004; transition:border-color .2s,box-shadow .2s,transform .2s; }
.tech-node > svg { width:27px; height:27px; flex-shrink:0; color:#5b6670; }
.tech-node strong { display:block; font-size:13px; font-weight:600; }
.tech-node small { display:block; font-size:10px; line-height:1.5; margin-top:5px; color:#5b6670; }
.tech-node-arrow { margin-left:auto; font-size:13px; }
.tech-node[aria-pressed="true"] { border-color:#9b6b00; box-shadow:0 5px 18px #f5a80018; background:#fffbf2; }
.tech-node[aria-pressed="true"] > svg { color:#805700; }
.tech-node:hover { transform:translateY(-2px); border-color:#9b6b00; }
.tech-node-0 { grid-column:1;grid-row:1; }.tech-node-1 { grid-column:1;grid-row:2; }.tech-node-2 { grid-column:1;grid-row:3; }.tech-node-3 { grid-column:3;grid-row:1; }.tech-node-4 { grid-column:3;grid-row:2; }.tech-node-5 { grid-column:3;grid-row:3; }
.tech-map-detail { display:grid; grid-template-columns:250px 1fr; align-items:center; gap:30px; background:#fff; border-top:1px solid var(--tech-line); padding:24px 30px; min-height:100px; }
.tech-detail-index { font-size:10px; letter-spacing:.08em; color:#5b6670; }
.tech-detail-index strong { font-weight:650; }
.tech-page .tech-map-detail p { font-size:14px; line-height:1.65; max-width:760px; }
/* Before/after is one continuous comparison, not a collection of cards. */
.tech-contrast { background:#f1f0f1; }
.tech-compare { display:grid; grid-template-columns:1fr 65px 1fr; }
.tech-page .tech-compare h3 { font-size:23px; letter-spacing:-.025em; }
.tech-compare h3 > span { display:block; font-size:10px; letter-spacing:.09em; text-transform:uppercase; color:#5b6670; margin-bottom:10px; }
.tech-before,.tech-after { padding:30px; min-height:300px; }
.tech-before { border:1px dashed #a6acaf; }
.tech-after { background:#fff; border-top:3px solid var(--tech-orange); box-shadow:0 15px 30px #231f2006; }
.tech-scattered { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:18px 12px; padding-top:35px; }
.tech-scattered > span { border:1px solid #c1c6c8; background:#f6f6f6; font-size:11px; padding:12px 10px; display:flex; align-items:center; gap:10px; transform:rotate(-3deg); }
.tech-scattered > span:nth-child(even) { transform:rotate(3deg) translateY(8px); }
.tech-scattered i { font-size:18px; color:#5b6670; font-style:normal; }
.tech-compare-bridge { align-self:center; text-align:center; font-size:28px; color:#5b6670; }
.tech-organized { display:flex; align-items:center; gap:25px; margin-top:22px; }
.tech-organized-root { display:flex; align-items:center; gap:14px; font-size:12px; }
.tech-organized-root > span { color:#805700; font-size:22px; }
.tech-organized ul { position:relative; list-style:none; padding:0 0 0 20px; margin:0; border-left:1px solid #c9bc9e; flex:1; }
.tech-organized li { position:relative; display:flex; gap:10px; padding:6px 0; font-size:12px; }
.tech-organized li::before { position:absolute;content:'';left:-20px;top:50%;width:13px;border-top:1px solid #c9bc9e; }
.tech-organized li > span { color:#805700; }
/* Editorial capabilities: six distinct visual formats. */
.tech-capabilities { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; }
.tech-cap { min-width:0; padding:32px; }
.tech-page .tech-cap h3 { font-size:27px; letter-spacing:-.035em; line-height:1.2; margin:15px 0 12px; }
.tech-page .tech-cap p { font-size:14px; line-height:1.65; max-width:380px; color:#505b64; }
.tech-number { font-size:11px; letter-spacing:.1em; color:#5b6670; }
.tech-cap-process { grid-column:span 5; border-top:1px solid #a6afb5; padding-left:0; }
.tech-process-sketch { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:42px; padding-block:12px; }
.tech-process-sketch > span { padding:13px 11px; border:1px solid #a5afb6; border-radius:3px; font-size:11px; }
.tech-process-sketch > b { font-size:19px; font-weight:400; color:#805700; }
.tech-process-sketch > .tech-decision-box { background:#fff4da; border-color:#d8b668; }
.tech-process-sketch small { width:100%; text-align:center; border-top:1px dashed #c3c8ca; padding-top:15px; margin-top:12px; font-size:10px; color:#5b6670; }
.tech-cap-crm { grid-column:span 7; background:#f1f2f3; padding-bottom:0; overflow:hidden; }
.tech-cap-crm > div:first-child { display:grid; grid-template-columns:1fr 1fr; gap:0 24px; }
.tech-cap-crm .tech-number { grid-column:1/-1; }
.tech-cap-crm h3 { margin-bottom:26px; }
.tech-cap-crm p { align-self:center; }
.tech-mini-screen { background:#fff; border:1px solid #d3d8db; border-radius:5px 5px 0 0; box-shadow:0 10px 20px #231f2010; }
.tech-mini-screen .tech-pipeline { padding:14px; }
.tech-mini-screen .tech-pipeline > div { padding:9px 6px; }
.tech-cap-auto { grid-column:span 5; background:#231f20; color:#fff; }
.tech-cap-auto .tech-number { color:var(--tech-orange); }
.tech-page .tech-cap-auto p { color:#e5e1e6; }
.tech-auto-flow { max-width:350px; margin:25px auto 0; }
.tech-auto-flow > span { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 17px; border:1px solid #6d6565; border-radius:3px; font-size:12px; }
.tech-auto-flow > span:last-child { border-color:#d79914; }
.tech-auto-flow small { font-size:9px; color:var(--tech-orange); letter-spacing:.1em; }
.tech-auto-flow > b { display:block; text-align:center; font-weight:400; line-height:1.5; color:#9b9595; }
.tech-auto-flow i { font-style:normal; color:var(--tech-orange); }
.tech-cap-integrations { grid-column:span 7; padding:40px; border-bottom:1px solid #c7cdd0; }
.tech-integration-flow { display:flex; align-items:center; justify-content:center; margin:35px 0 25px; }
.tech-integration-flow > span { border:1px solid #bcc5ca; background:#fff; padding:20px; font-size:12px; border-radius:4px; }
.tech-integration-flow > i { flex:1; height:1px; background:#afbac0; position:relative; }
.tech-integration-flow > i::after { content:''; position:absolute; width:5px; height:5px; right:0; top:-2px; background:var(--tech-orange); border-radius:50%; }
.tech-integration-flow > .tech-integration-center { padding:15px 23px; background:#fff4da; border-color:#c4a45e; }
.tech-integration-center small { display:block; font-size:10px; margin-top:5px; text-align:center; }
.tech-mini-tags { display:flex; gap:10px; justify-content:center; }
.tech-mini-tags > span { font-size:10px; color:#5b6670; border-bottom:1px solid #d2d8db; padding:7px; }
.tech-cap-data { grid-column:span 7; background:#f1f2f3; display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:24px; }
.tech-data-screen { background:white; padding:20px; border:1px solid #dde1e3; border-radius:4px; box-shadow:0 9px 20px #231f2008; }
.tech-data-screen .tech-screen-heading { display:block; }
.tech-data-screen .tech-screen-heading > span { display:block; margin-top:5px; }
.tech-chart { width:100%; height:auto; display:block; margin-block:20px; }
.tech-chart-grid { stroke:#e3e6e7;stroke-width:1; }
.tech-chart-secondary { stroke:#abb5bc;stroke-width:2; }
.tech-chart-line { stroke:#aa7100;stroke-width:3; }
.tech-chart circle { fill:#fff;stroke:#aa7100;stroke-width:2; }
.tech-chart-legend { display:flex; justify-content:space-between; gap:5px; font-size:8px; color:#5b6670; }
.tech-cap-ai { grid-column:span 5; padding-right:0; padding-top:24px; }
.tech-ai-document { background:#fff; padding:20px; border:1px solid #c9ced2; border-left:3px solid #f5a800; border-radius:3px; margin-top:23px; }
.tech-ai-document > div { display:flex; gap:12px; align-items:center; font-size:12px; margin-bottom:15px; }
.tech-ai-document svg { width:23px; height:23px; color:#5b6670; }
.tech-ai-document strong { font-weight:550; }
.tech-ai-document > span { display:block; font-size:11px; color:#5b6670; padding:8px 0; border-top:1px solid #e5e8e9; }
.tech-ai-document footer { display:flex; gap:12px; align-items:center; font-size:10px; background:#f4f4f3; padding:10px; margin-top:8px; }
.tech-ai-document footer b { color:#805700; }
.tech-page .tech-footnote { font-size:11px; color:#5b6670; margin-top:25px; }
/* Starting points: crossed routes around the untouched official symbol. */
.tech-start { background:#231f20; color:#fff; }
.tech-route-headings { display:grid; grid-template-columns:1fr 1fr .8fr; gap:25px; margin-top:48px; padding-bottom:18px; border-bottom:1px solid #625b5b; font-size:10px; letter-spacing:.07em; text-transform:uppercase; color:#d5cfcf; }
.tech-route-headings > span:nth-child(2) { text-align:center; }
.tech-start-map { display:grid; grid-template-columns:1fr 1fr .8fr; align-items:stretch; gap:25px; }
.tech-start-inputs,.tech-start-outputs { display:grid; grid-template-rows:repeat(3,1fr); }
.tech-start-inputs > div { display:flex; align-items:center; gap:15px; min-height:120px; border-bottom:1px solid #51494a; }
.tech-route-dot { width:8px; height:8px; border:1px solid var(--tech-orange); border-radius:50%; flex-shrink:0; }
.tech-page .tech-start-map h3 { font-size:18px; font-weight:500; letter-spacing:-.02em; }
.tech-page .tech-start-map p { font-size:11px; color:#d5cfcf; margin-top:10px; line-height:1.7; }
.tech-start-center { position:relative; display:grid; place-items:center; min-width:0; }
.tech-start-center > svg { position:absolute; inset:0; width:100%; height:100%; stroke:#7b726c; stroke-width:1; }
.tech-start-center > svg .tech-start-accent { stroke:var(--tech-orange); stroke-width:2; }
.tech-start-center > div { position:relative; display:flex; flex-direction:column; align-items:center; padding:15px; background:#231f20; }
.tech-start-center .tech-symbol { padding:20px; margin-bottom:15px; }
.tech-start-center strong { font-size:12px; text-align:center; font-weight:500; line-height:1.6; }
.tech-start-outputs > div { display:flex; gap:20px; align-items:center; border-bottom:1px solid #51494a; }
.tech-start-outputs > div > span { color:var(--tech-orange); font-size:23px; }
.tech-page .tech-start-note { text-align:center; font-size:13px; color:#d5cfcf; padding-top:30px; }
/* Department selector uses native buttons; all panels remain readable without JS. */
.tech-areas-layout { display:grid; grid-template-columns:245px 1fr; gap:30px; }
.tech-area-nav { display:flex; flex-direction:column; }
.tech-area-nav > button { display:flex; align-items:center; gap:17px; text-align:left; border:0; border-bottom:1px solid #c9cfd3; background:#fff; padding:19px 17px; min-height:60px; color:#414a50; font-size:16px; }
.tech-area-nav > button > span { font-size:10px; color:#5b6670; }
.tech-area-nav > button > b { margin-left:auto; font-weight:400; }
.tech-area-nav > button[aria-pressed="true"] { background:#fff4da; border-bottom-color:#ad7e18; color:#231f20; }
.tech-area-nav > button:hover { background:#f3f2f3; }
.tech-area-nav-note { display:flex; align-items:center; gap:15px; margin-top:32px; color:#5b6670; }
.tech-page .tech-area-nav-note p { font-size:12px; line-height:1.6; }
.tech-area-panel { border:1px solid #cdd3d7; border-radius:5px; box-shadow:0 20px 35px #231f2008; background:#fff; }
.tech-area-panel + .tech-area-panel { margin-top:24px; }
.tech-page.is-enhanced .tech-area-panel { margin-top:0; }
.tech-area-panel .tech-screenbar { background:#f2f3f4; }
.tech-area-body { padding:28px; }
.tech-area-title { display:flex; justify-content:space-between; align-items:center; font-size:10px; margin-bottom:16px; color:#5b6670; }
.tech-area-title > span { font-size:11px; background:#fff4da; color:#6c4a00; padding:6px 10px; border-radius:3px; }
.tech-area-title small { font-size:9px; }
.tech-page .tech-area-body h3 { font-size:25px; letter-spacing:-.03em; }
.tech-page .tech-area-body > p { font-size:13px; margin-top:10px; color:#5b6670; }
.tech-area-flow { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-block:30px; }
.tech-area-flow > div { position:relative; background:#f3f4f5; border-top:2px solid #c1c8cc; padding:15px 12px; }
.tech-area-flow > div:last-child { border-top-color:var(--tech-orange); }
.tech-area-flow > div:not(:last-child)::after { content:'→'; position:absolute; right:-13px; top:40%; font-size:12px; color:#805700; }
.tech-area-flow > div > span { display:block; font-size:9px; color:#5b6670; margin-bottom:12px; }
.tech-area-flow strong { font-size:11px; font-weight:500; line-height:1.5; display:block; }
.tech-area-data { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding-top:5px; }
.tech-table-label { font-size:9px; color:#5b6670; display:block; padding-bottom:15px; }
.tech-page .tech-area-data p { display:flex; justify-content:space-between; font-size:11px; padding:12px 0; border-top:1px solid #dfe3e6; }
.tech-area-data p > b { font-weight:400; color:#805700; }
.tech-area-chart { background:#f8f9f9; padding:17px; }
.tech-area-chart > span { font-size:11px; }.tech-area-chart small { display:block; font-size:9px; color:#5b6670; }
.tech-area-bus { display:flex; gap:16px; align-items:center; justify-content:center; margin:35px 0 0 275px; padding-top:20px; border-top:1px solid #cdd3d7; }
.tech-area-bus > span { font-size:10px; color:#5b6670; }
.tech-area-bus > i { flex:1; border-top:1px solid #b0b9be; position:relative; }
.tech-area-bus > i::after { content:''; position:absolute; right:0; top:-3px; width:5px; height:5px; background:var(--tech-orange); border-radius:50%; }
.tech-area-bus > span.is-active { color:#231f20; font-weight:650; }
/* Journey and platform position. */
.tech-page .tech-journey { background:#f3f2f3; }
.tech-journey ol { display:grid; grid-template-columns:repeat(6,1fr); list-style:none; padding:0; margin:45px 0 0; }
.tech-journey li { position:relative; border-top:1px solid #aeb6bb; padding:25px 20px 0 0; }
.tech-journey li::before { content:''; position:absolute; top:-4px; left:0; width:7px; height:7px; background:#805700; border-radius:50%; }
.tech-journey li:not(:last-child)::after { content:'→'; position:absolute; top:-14px; right:18px; background:#f3f2f3; padding:0 7px; color:#5b6670; }
.tech-step-number { color:#5b6670; font-size:11px; }
.tech-page .tech-journey h3 { font-size:21px; margin-top:20px; }
.tech-page .tech-journey li p { font-size:12px; color:#5b6670; line-height:1.6; margin-top:12px; max-width:155px; }
.tech-platform { display:grid; grid-template-columns:1.2fr 1fr; gap:10%; align-items:center; padding-block:75px; border-bottom:1px solid #d9dcdd; }
.tech-page .tech-platform h2 { font-size:clamp(30px,3vw,43px); }
.tech-page .tech-platform > div > p:not(.tech-eyebrow) { font-size:15px; color:#505b64; line-height:1.8; }
.tech-platform-route { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:12px; border-top:1px solid #c9d0d4; padding-top:22px; margin-top:25px; }
.tech-platform-route > b { font-weight:400; color:#805700; }
.tech-platform-route > strong { font-weight:550; }
.tech-page .up-faq { padding-block:80px; }
.tech-page .up-faq .up-kicker { font-size:10px; }
.tech-page .up-faq h2 { font-size:39px; }
.tech-page .up-questions summary { font-size:15px; padding-block:22px; }
.tech-page .up-questions details > p { font-size:14px; line-height:1.75; }
.tech-closing { display:grid; grid-template-columns:1.45fr 1fr; gap:10%; align-items:center; background:#231f20; color:#fff; padding-block:75px; border-top:3px solid #f5a800; }
.tech-page .tech-closing h2 { font-size:clamp(35px,3.65vw,54px); }
.tech-closing h2 > span { color:#f5a800; }
.tech-closing > div:last-child { justify-self:end; }
.tech-page .tech-closing > div > p:not(.tech-eyebrow) { font-size:13px; color:#e5e1e6; line-height:1.8; margin-top:20px; }
.tech-back-top { display:flex; align-items:center; justify-content:space-between; gap:40px; font-size:11px; color:#d5cfcf; margin-top:35px; min-height:44px; border-top:1px solid #625b5b; }
@media (prefers-reduced-motion:no-preference) {
 .tech-map.is-routing .tech-map-lines .is-active-route { animation:tech-route-in .65s ease-out; stroke-dasharray:100; }
 .tech-page.is-enhanced .tech-area-panel:not([hidden]) { animation:tech-panel-in .25s ease-out; }
 @keyframes tech-route-in { from { stroke-dashoffset:100; } to { stroke-dashoffset:0; } }
 @keyframes tech-panel-in { from { opacity:.6; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
}
@media (min-width:1650px) { .tech-hero-visual { height:590px; }.tech-team { height:395px; }.tech-hero-screen { top:300px; }.tech-automation-float { top:495px; } }
@media (max-width:1100px) {
 .tech-page .tech-section { padding-block:72px; }.tech-hero-grid { gap:4%;grid-template-columns:1fr 1fr; }.tech-page .tech-hero h1 { font-size:46px; }.tech-hero-visual { height:520px; }.tech-team { height:310px; }.tech-hero-screen { top:230px; left:-12px; right:0; }.tech-automation-float { top:440px; right:-8px; padding:12px; }.tech-float-label { left:-12px; font-size:9px; }.tech-hero-visual > .tech-symbol { right:-5px; padding:18px; }.tech-symbol img { width:53px; }.tech-screen-heading { display:block; }.tech-screen-heading > span { display:block; margin-top:5px; }.tech-screen-bottom > span:last-child { display:none; }
 .tech-node { padding:15px 12px; gap:9px; }.tech-node strong { font-size:12px; }.tech-node small { font-size:9px; }.tech-node > svg { width:22px; }.tech-node-arrow { display:none; }.tech-hub { width:175px; height:155px; }.tech-map-canvas { gap:0 6%; }.tech-before,.tech-after { padding:25px 20px; }.tech-compare { grid-template-columns:1fr 40px 1fr; }.tech-organized { gap:10px; }.tech-organized-root { font-size:10px; gap:5px; }.tech-organized li { font-size:11px; }.tech-scattered > span { font-size:10px; gap:7px; }
 .tech-cap { padding:25px; }.tech-cap-process,.tech-cap-ai { padding-left:0; padding-right:15px; }.tech-page .tech-cap h3 { font-size:24px; }.tech-cap-crm > div:first-child { display:block; }.tech-cap-crm p { padding-bottom:22px; }.tech-cap-data { grid-template-columns:1fr; gap:22px; }.tech-process-sketch { gap:6px; }.tech-process-sketch > span { font-size:10px; padding:11px 8px; }
 .tech-areas-layout { grid-template-columns:190px 1fr; gap:20px; }.tech-area-nav > button { padding-inline:12px; font-size:14px; }.tech-area-body { padding:22px; }.tech-area-data { gap:15px; }.tech-area-bus { margin-left:210px; gap:10px; }.tech-page .tech-area-body h3 { font-size:23px; }.tech-page .tech-journey h3 { font-size:18px; }.tech-journey li { padding-right:12px; }.tech-start-map { gap:15px; }.tech-page .tech-start-map h3 { font-size:16px; }
}
@media (max-width:800px) {
 .tech-page .tech-section-heading { display:block; }.tech-page .tech-section-heading > p { margin-top:22px;max-width:440px; }.tech-hero-grid { grid-template-columns:1fr; }.tech-page .tech-hero h1 { font-size:60px; }.tech-page .tech-lead { max-width:550px; }.tech-actions { flex-direction:row; align-items:center; gap:25px; }.tech-hero-visual { width:95%; max-width:580px; margin:50px auto 0; height:565px; }.tech-team { height:370px; }.tech-hero-screen { top:280px; right:20px; }.tech-automation-float { top:470px; }.tech-screen-heading { display:flex; }.tech-hero-footer { margin-top:30px; }.tech-page .tech-hero { padding-top:45px; }
 .tech-map-canvas { gap:0 4%; padding-inline:3%; }.tech-hub { width:145px; height:145px; }.tech-hub strong { font-size:26px; }.tech-hub-overline { font-size:9px; }.tech-node { display:block; padding:12px; min-height:103px; }.tech-node > svg { width:23px; height:23px; margin-bottom:6px; }.tech-node small { font-size:9px; }.tech-map-detail { grid-template-columns:170px 1fr; gap:20px; padding:20px; }.tech-page .tech-map-detail p { font-size:13px; }
 .tech-compare { grid-template-columns:1fr; }.tech-compare-bridge { transform:rotate(90deg); padding:10px; }.tech-scattered { grid-template-columns:repeat(3,1fr); }.tech-before,.tech-after { min-height:240px; }.tech-organized { gap:35px; }.tech-organized-root { font-size:14px; }.tech-organized li { font-size:13px; }
 .tech-capabilities { gap:18px; }.tech-cap-process,.tech-cap-auto,.tech-cap-data { grid-column:span 6; }.tech-cap-crm,.tech-cap-integrations,.tech-cap-ai { grid-column:span 6; }.tech-cap-process { align-self:center; }.tech-process-sketch { gap:4px; }.tech-process-sketch > span { font-size:9px; padding:9px 6px; }.tech-cap { padding:22px; }.tech-cap-process,.tech-cap-ai { padding-left:0; padding-right:0; }.tech-cap-crm .tech-pipeline { gap:4px; padding:7px; }.tech-mini-screen .tech-deal { padding:8px 4px; }.tech-deal b { font-size:8px; }.tech-deal small { font-size:7px; }.tech-cap-auto .tech-auto-flow > span { display:block; }.tech-auto-flow small { display:block; margin-bottom:5px; }.tech-cap-integrations { padding-inline:12px; }.tech-integration-flow > span { padding:13px 10px; font-size:10px; }.tech-integration-flow > .tech-integration-center { padding:10px 12px; }.tech-mini-tags { gap:3px; }.tech-mini-tags > span { font-size:9px; }
 .tech-start-map { grid-template-columns:1fr .85fr .8fr; }.tech-route-headings { grid-template-columns:1fr .85fr .8fr; font-size:9px; gap:15px; }.tech-page .tech-start-map p { font-size:10px; }.tech-start-inputs > div { gap:9px; }.tech-start-outputs > div { gap:10px; }
 .tech-areas-layout { grid-template-columns:1fr; }.tech-area-nav { display:grid; grid-template-columns:repeat(5,1fr); }.tech-area-nav > button { font-size:11px; display:block; text-align:center; padding:13px 3px; }.tech-area-nav > button > span { display:block; margin-bottom:7px; }.tech-area-nav > button > b { display:none; }.tech-area-nav-note { display:none; }.tech-area-bus { margin-left:0; }.tech-area-panel { min-height:420px; }.tech-journey ol { grid-template-columns:repeat(3,1fr); row-gap:35px; }.tech-page .tech-journey h3 { font-size:23px; }.tech-platform { grid-template-columns:1fr; gap:30px; padding-block:60px; }.tech-platform > div:last-child { max-width:550px; }.tech-page .up-faq { grid-template-columns:1fr; gap:30px; padding-block:65px; }.tech-closing { grid-template-columns:1fr; gap:35px; padding-block:60px; }.tech-closing > div:last-child { justify-self:start; }
}
@media (max-width:540px) {
 .tech-page .tech-section { padding-block:55px; }.tech-page .tech-eyebrow { font-size:9px; gap:10px; margin-bottom:20px; }.tech-eyebrow > span { padding-right:10px; }.tech-page h2 { font-size:33px; line-height:1.15; }.tech-page .tech-section-heading { margin-bottom:30px; }.tech-page .tech-section-heading > p { font-size:13px; margin-top:18px; }
 .tech-page .tech-hero { padding-top:38px; }.tech-page .tech-hero h1 { font-size:clamp(36px,10.5vw,53px); }.tech-page .tech-lead { font-size:14px; line-height:1.8; margin-top:22px; }.tech-actions { flex-direction:column; align-items:stretch; gap:10px; margin-top:25px; }.tech-page .up-button { font-size:13px; gap:18px; padding:15px 18px; }.tech-actions .tech-link { align-self:flex-start; font-size:12px; }.tech-hero-visual { margin-top:35px; width:100%; height:420px; }.tech-team { width:100%; height:257px; top:5px; }.tech-hero-visual > .tech-symbol { padding:15px; right:-6px; top:-8px; }.tech-symbol img { width:45px; }.tech-float-label { top:25px; left:-8px; font-size:8px; padding:10px; gap:7px; max-width:75%; }.tech-float-label .tech-dot { width:5px; height:5px; }.tech-hero-screen { left:-8px; right:7px; top:192px; transform:rotateY(-4deg) rotateX(3deg); }.tech-screenbar { font-size:8px; padding:10px; }.tech-hero-screen-body { padding:12px; }.tech-screen-heading { margin-bottom:12px; gap:8px; }.tech-screen-heading strong { font-size:9px; }.tech-screen-heading > span { font-size:7px; }.tech-pipeline { gap:5px; }.tech-pipeline > div { padding:7px 4px; }.tech-pipeline > div > span { font-size:8px; padding-bottom:7px; }.tech-deal { padding:8px 5px; }.tech-deal b { font-size:7px; }.tech-deal small { font-size:6px; }.tech-deal i { margin-bottom:6px; height:2px; }.tech-deal em { margin-top:6px; height:2px; }.tech-ghost { display:none; }.tech-screen-bottom { font-size:7px; margin-top:10px; }.tech-automation-float { top:336px; right:-5px; padding:11px 13px; gap:10px; }.tech-automation-float small { font-size:8px; }.tech-automation-float strong { font-size:9px; }.tech-automation-float > svg { width:23px; }.tech-hero-visual figcaption { font-size:8px; bottom:3px; }.tech-hero-footer { margin-top:22px; font-size:9px; }.tech-hero-footer > span:last-child { text-align:right; max-width:140px; line-height:1.7; }.tech-hero-footer > span:last-child > span { margin-left:5px; }
 .tech-map-top { display:block; padding:17px; font-size:11px; }.tech-map-top > span:last-child { display:block; font-size:10px; margin-top:9px; }.tech-map-canvas { height:auto; display:flex; flex-direction:column; align-items:stretch; padding:25px 18px 25px 37px; gap:13px; background-size:15px 15px; }.tech-map-lines { display:none; }.tech-map-canvas::before { content:''; position:absolute; top:95px; bottom:64px; left:20px; width:1px; background:#bdc6cc; }.tech-hub { width:100%; height:auto; min-height:130px; margin-bottom:12px; box-shadow:4px 4px 0 #e5e1e6; }.tech-hub > div { position:absolute; right:18px; bottom:15px; font-size:21px; }.tech-hub strong { font-size:30px; }.tech-hub::before { content:''; position:absolute; height:1px; width:17px; background:var(--tech-orange); left:-17px; top:50%; }.tech-node { display:flex; align-items:center; min-height:78px; padding:15px 13px; gap:12px; }.tech-node::before { content:''; position:absolute; width:17px; height:1px; background:#bdc6cc; left:-18px; top:50%; }.tech-node[aria-pressed="true"]::before { height:2px; background:#b77c00; }.tech-node > svg { width:26px; height:26px; margin:0; }.tech-node strong { font-size:13px; }.tech-node small { font-size:10px; }.tech-node-arrow { display:block; }.tech-map-detail { grid-template-columns:1fr; gap:12px; padding:20px; min-height:152px; }.tech-page .tech-map-detail p { font-size:13px; }.tech-page.is-enhanced .tech-interaction-label { display:block; }
 .tech-page .tech-compare h3 { font-size:22px; }.tech-compare h3 > span { font-size:9px; line-height:1.6; }.tech-before,.tech-after { padding:24px 20px; }.tech-scattered { grid-template-columns:1fr 1fr; padding-top:25px; }.tech-scattered > span { font-size:10px; padding:10px 8px; }.tech-organized { gap:12px; margin-top:25px; }.tech-organized-root { font-size:11px; }.tech-organized li { font-size:11px; gap:7px; }.tech-organized ul { padding-left:16px; }.tech-organized li::before { left:-16px; width:10px; }
 .tech-capabilities { grid-template-columns:1fr; gap:24px; }.tech-capabilities > .tech-cap { grid-column:1; padding:27px; }.tech-capabilities > .tech-cap-process,.tech-capabilities > .tech-cap-ai { padding-inline:0; }.tech-page .tech-cap h3 { font-size:27px; }.tech-page .tech-cap p { font-size:14px; }.tech-process-sketch { justify-content:space-between; margin-top:28px; gap:7px; }.tech-process-sketch > span { font-size:11px; padding:13px 10px; }.tech-cap-crm .tech-pipeline { padding:10px; gap:7px; }.tech-cap-crm .tech-deal b { font-size:8px; }.tech-cap-crm .tech-deal small { font-size:7px; }.tech-cap-crm .tech-mini-screen { margin-inline:-12px; }.tech-cap-crm .tech-ghost { display:block; }.tech-capabilities > .tech-cap-crm { padding-bottom:0; }.tech-cap-auto .tech-auto-flow > span { display:flex; font-size:11px; }.tech-auto-flow small { margin:0; }.tech-capabilities > .tech-cap-integrations { padding:15px 0 32px; }.tech-integration-flow > span { padding:18px; font-size:12px; }.tech-integration-flow > .tech-integration-center { padding:13px 19px; }.tech-mini-tags > span { font-size:10px; }.tech-cap-data { grid-template-columns:1fr; }.tech-data-screen { margin-top:8px; padding:23px; }.tech-chart-legend { font-size:10px; }.tech-data-screen .tech-screen-heading strong { font-size:12px; }.tech-data-screen .tech-screen-heading > span { font-size:9px; }.tech-page .tech-footnote { font-size:10px; }
 .tech-route-headings { display:none; }.tech-start-map { display:flex; flex-direction:column; gap:0; margin-top:30px; }.tech-start-inputs > div { min-height:91px; gap:15px; }.tech-page .tech-start-map h3 { font-size:18px; }.tech-page .tech-start-map p { font-size:11px; }.tech-start-center { height:190px; margin-block:5px; }.tech-start-center > svg { display:none; }.tech-start-center::before { content:''; position:absolute; inset:0; width:1px; background:#a47724; margin:auto; }.tech-start-center::after { content:'↓'; position:absolute; bottom:-4px; background:#231f20; padding-inline:5px; color:#f5a800; }.tech-start-center > div { flex-direction:row; gap:18px; padding:15px; }.tech-start-center .tech-symbol { margin:0; padding:20px; }.tech-start-center strong { text-align:left; font-size:13px; }.tech-start-outputs { gap:10px; padding-top:12px; }.tech-start-outputs > div { padding:18px; border:1px solid #625b5b; gap:20px; border-radius:3px; }.tech-page .tech-start-outputs h3 { font-size:16px; }.tech-page .tech-start-note { text-align:left; font-size:12px; padding-top:25px; }
 .tech-area-nav { grid-template-columns:repeat(3,1fr); gap:5px; }.tech-area-nav > button { border:1px solid #c9cfd3; border-radius:3px; font-size:11px; min-height:60px; }.tech-area-nav > button[aria-pressed="true"] { border-color:#ad7e18; }.tech-area-nav > button > span { font-size:9px; margin-bottom:4px; }.tech-area-body { padding:22px 17px; }.tech-page .tech-area-body h3 { font-size:25px; }.tech-page .tech-area-body > p { font-size:12px; }.tech-area-flow { gap:10px; margin-block:24px; }.tech-area-flow > div { padding:12px 8px; }.tech-area-flow strong { font-size:10px; }.tech-area-flow > div:not(:last-child)::after { right:-9px; font-size:9px; }.tech-area-data { grid-template-columns:1fr; gap:15px; }.tech-area-chart { padding:18px; }.tech-area-chart .tech-chart { max-height:100px; }.tech-area-bus { flex-wrap:wrap; gap:10px; margin-top:20px; }.tech-area-bus > span { font-size:9px; }.tech-area-bus > i { flex:0 0 15px; }.tech-area-bus > i:last-of-type { display:none; }
 .tech-journey ol { grid-template-columns:1fr; gap:0; margin-top:32px; padding-left:8px; }.tech-journey li { display:grid; grid-template-columns:35px 1fr; border-top:0; border-left:1px solid #aeb6bb; gap:0 16px; padding:0 0 28px 25px; }.tech-journey li:last-child { padding-bottom:0; border-left-color:transparent; }.tech-journey li::before { left:-4px; top:6px; }.tech-journey li:not(:last-child)::after { display:none; }.tech-step-number { grid-row:1/3; padding-top:5px; }.tech-page .tech-journey h3 { margin:0; font-size:23px; }.tech-page .tech-journey li p { margin-top:8px; max-width:none; font-size:13px; }.tech-platform { padding-block:55px; }.tech-page .tech-platform h2 { font-size:31px; }.tech-page .tech-platform > div > p:not(.tech-eyebrow) { font-size:14px; }.tech-platform-route { font-size:11px; }
 .tech-page .up-faq { padding-block:55px; }.tech-page .up-faq h2 { font-size:32px; }.tech-page .up-questions summary { font-size:14px; line-height:1.5; }.tech-page .up-questions details > p { font-size:13px; }.tech-closing { padding-block:50px; gap:30px; }.tech-page .tech-closing h2 { font-size:34px; }.tech-page .tech-closing h2 br:first-child { display:none; }.tech-closing > div:last-child { width:100%; }.tech-closing .up-button { width:100%; }.tech-closing .tech-eyebrow { flex-wrap:wrap; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.tech-page *, .tech-page *::before, .tech-page *::after { animation:none!important; transition:none!important; }.tech-node:hover { transform:none; } }
@media print { .tech-area-panel[hidden] { display:block!important; }.tech-page .tech-section { break-inside:avoid; } }
/* Touch: show the explanation beside the selected node, without a long scroll. */
@media (max-width:540px) {
 .tech-node { display:grid; grid-template-columns:26px 1fr 12px; }
 .tech-node[aria-pressed="true"]::after { content:attr(data-copy); grid-column:2 / -1; color:#505b64; font-size:12px; line-height:1.7; padding-top:3px; }
 .tech-map-detail { position:absolute; width:1px; height:1px; min-height:0; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
}

/* Connected operation. All rules belong exclusively to the Technology LP.
   Brand vectors are never transformed; perspective belongs only to interface mockups. */
.tech-experience { --tech-paper:#f6f5f3; }
.tech-experience .tech-section { padding-block:80px; }
.tech-experience h2 { font-size:clamp(34px,3.6vw,54px); }
.tech-experience .tech-eyebrow { font-size:11px; }
.tech-experience .tech-section-heading { margin-bottom:36px; }
.tech-experience .tech-hero { position:relative;background:#231f20;padding-block:54px 24px; }
.tech-experience .tech-hero-grid { grid-template-columns:1fr 1.16fr;gap:6%; }
.tech-experience .tech-hero h1 { font-size:clamp(43px,4.25vw,65px);line-height:1.08; }
.tech-experience .tech-lead { max-width:450px;font-size:15px; }
.tech-experience .tech-hero-visual { height:610px; }
.tech-experience .tech-team { width:94%;height:355px;top:0;object-position:55% 40%;border-radius:2px; }
.tech-experience .tech-hero-visual > .tech-symbol { right:-12px;top:20px;padding:21px;box-shadow:none; }
.tech-experience .tech-float-label { top:28px;left:-20px;padding:12px 15px; }
.tech-experience .tech-hero-screen { top:245px;left:-35px;right:14px;transform:rotateY(-7deg) rotateX(4deg);box-shadow:0 30px 60px #0005;border-radius:8px; }
.tech-experience .tech-hero-screen-body { padding:16px 20px; }
.tech-dashboard-nav { display:flex;gap:22px;border-bottom:1px solid #e2e4e5;margin:-5px 0 16px;font-size:9px;color:#5b6670; }
.tech-dashboard-nav > span { padding:10px 0; }
.tech-dashboard-nav .is-current { border-bottom:2px solid #f5a800;color:#231f20; }
.tech-experience .tech-screen-heading { margin-bottom:13px; }
.tech-experience .tech-hero-screen .tech-pipeline { gap:8px; }
.tech-experience .tech-hero-screen .tech-deal b { font-size:10px; }
.tech-experience .tech-hero-screen .tech-deal small { font-size:9px; }
.tech-hero-insights { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:15px;padding-top:12px;border-top:1px solid #dce0e2; }
.tech-hero-insights > div { position:relative;min-height:57px; }
.tech-hero-insights small { display:block;font-size:8px;letter-spacing:.07em;color:#5b6670; }
.tech-hero-insights strong { display:block;font-size:10px;font-weight:500;margin-top:5px; }
.tech-signal-bars { display:flex;align-items:end;gap:4px;height:24px;margin-top:8px; }
.tech-signal-bars i { width:13px;background:#b7c0c5;height:60%;border-radius:1px; }
.tech-signal-bars i:nth-child(2n) { height:90%;background:#5b6670; }.tech-signal-bars i:nth-child(3n) { height:42%; }.tech-signal-bars i:last-child { height:75%;background:#f5a800; }
.tech-people-stack { display:flex;align-items:center;margin-top:8px;padding-left:3px; }
.tech-people-stack i { display:grid;place-items:center;font-size:7px;font-style:normal;width:23px;height:23px;border-radius:50%;border:2px solid #fff;background:#e5e1e6;margin-left:-3px;color:#3c4349; }
.tech-people-stack i:nth-child(2) { background:#5b6670;color:#fff; }.tech-people-stack b { margin-left:8px;font-size:14px;color:#805700; }
.tech-experience .tech-automation-float { top:auto;bottom:20px;right:-16px;z-index:2;border-left:3px solid #f5a800;box-shadow:0 14px 35px #0003; }
.tech-experience .tech-hero-visual figcaption { bottom:-8px; }
.tech-experience .tech-hero-footer { margin-top:32px; }
/* Architecture map: a rectilinear circuit with a physical central layer. */
.tech-experience #mapa-operacao { background:var(--tech-paper); }
.tech-experience .tech-map { border:0;border-radius:0;overflow:visible;background:transparent; }
.tech-experience .tech-map-top { background:transparent;padding:18px 0;border-block:1px solid #c6cdd0;font-size:12px; }
.tech-experience .tech-map-canvas { height:420px;background-size:24px 24px;background-image:radial-gradient(#aeb8bd 0.7px,transparent .7px);padding-inline:0;gap:0 13%; }
.tech-experience .tech-map-lines path { stroke:#b2bdc3;stroke-width:1.2; }
.tech-experience .tech-map-lines .is-active-route { stroke:#b77a00;stroke-width:2.5; }
.tech-experience .tech-hub { background:#5b6670;width:200px;height:178px;border-radius:4px;box-shadow:7px 8px 0 #d4d7d9,14px 16px 0 #e5e1e6,0 20px 40px #231f2014; }
.tech-experience .tech-hub strong { font-size:34px; }
.tech-hub-layers { position:absolute;left:17px;top:16px;display:flex;gap:3px; }
.tech-hub-layers i { display:block;width:3px;height:8px;background:#e5e1e6; }.tech-hub-layers i:last-child { background:#f5a800;height:12px;margin-top:-4px; }
.tech-experience .tech-hub .tech-hub-overline { margin-top:8px; }
.tech-experience .tech-hub-directions { margin-top:10px; }
.tech-experience .tech-node { padding:17px 12px;min-height:90px;border:0;border-bottom:1px solid #b7c0c5;border-radius:0;box-shadow:none;background:var(--tech-paper);gap:14px; }
.tech-experience .tech-node strong { font-size:15px; }
.tech-experience .tech-node small { font-size:11px; }
.tech-experience .tech-node > svg { width:30px;height:30px; }
.tech-experience .tech-node[aria-pressed="true"] { background:#fff;border-bottom:3px solid #b77a00;box-shadow:0 8px 24px #231f2008; }
.tech-experience .tech-node[aria-pressed="true"] .tech-node-arrow { color:#805700; }
.tech-experience .tech-map-detail { border-block:1px solid #c6cdd0;background:transparent;padding:24px 0;grid-template-columns:250px 1fr;min-height:92px; }
.tech-experience .tech-detail-index { font-size:11px; }
/* Contrast: scattered working fragments resolve into one shared flow. */
.tech-experience .tech-contrast { position:relative;background:#f5a800;padding-block:65px;color:#231f20; }
.tech-experience .tech-contrast :is(.tech-eyebrow > span,.tech-section-heading > p) { color:#493817;border-color:#9c6c14; }
.tech-experience .tech-contrast h2 { max-width:790px; }
.tech-experience .tech-compare { position:relative;grid-template-columns:1fr 100px 1fr;align-items:center; }
.tech-transformation-lines { position:absolute;inset:0;width:100%;height:100%;pointer-events:none; }
.tech-transformation-lines path:first-child { stroke:#895e0a;stroke-width:1;stroke-dasharray:4 9; }
.tech-transformation-lines path:last-child { stroke:#fff;stroke-width:2; }
.tech-experience .tech-before,.tech-experience .tech-after { position:relative;border:0;padding:20px 0;background:none;box-shadow:none;min-height:270px; }
.tech-experience .tech-compare h3 { font-size:25px; }
.tech-experience .tech-compare h3 > span { color:#493817;font-size:10px; }
.tech-experience .tech-before h3,.tech-experience .tech-after h3 { background:#f5a800;width:fit-content;padding-right:15px; }
.tech-experience .tech-scattered { gap:15px 20px;max-width:430px;padding-top:25px; }
.tech-experience .tech-scattered > span { background:#ffd16b;border:1px solid #aa780e;border-radius:2px;font-size:12px;box-shadow:3px 4px 0 #bd840c30;padding:12px; }
.tech-experience .tech-scattered > span:nth-child(3) { transform:rotate(-5deg) translateX(12px); }
.tech-experience .tech-scattered i { color:#493817; }
.tech-experience .tech-compare-bridge { position:relative;background:#f5a800;width:56px;justify-self:center;font-size:38px;color:#231f20; }
.tech-experience .tech-organized { gap:25px;margin-top:24px; }
.tech-experience .tech-organized-root { background:#231f20;color:#fff;padding:24px 18px;border-radius:3px;box-shadow:5px 6px 0 #c88b0b; }
.tech-experience .tech-organized-root > span { color:#f5a800; }
.tech-experience .tech-organized ul { border-color:#7b560d; }
.tech-experience .tech-organized li { font-size:12px;background:#f5a800;padding-block:7px; }
.tech-experience .tech-organized li > span { color:#493817; }.tech-experience .tech-organized li::before { border-color:#7b560d; }
/* Capabilities use an editorial spread, a large interface and open diagrams. */
.tech-experience #solucoes { padding-top:0; }
.tech-experience .tech-cap-heading { display:grid;grid-template-columns:1.1fr 1fr;gap:20px 6%;margin:0 calc(-1 * var(--gutter)) 55px;padding-left:var(--gutter);background:#e5e1e6;align-items:center; }
.tech-experience .tech-cap-heading > div { grid-column:1;grid-row:1;padding-top:45px;align-self:end; }
.tech-experience .tech-cap-heading > p { grid-column:1;grid-row:2;padding-bottom:40px;align-self:start;margin:0;max-width:none; }
.tech-editorial-photo { position:relative;margin:0;overflow:hidden; }
.tech-editorial-photo > img { width:100%;height:100%;object-fit:cover; }
.tech-cap-heading > .tech-editorial-photo { grid-column:2;grid-row:1/3;height:360px;align-self:stretch; }
.tech-cap-heading > .tech-editorial-photo > img { object-position:center 45%; }
.tech-photo-direction { position:absolute;right:0;bottom:0;display:block;width:115px;height:97px;background:#f5a800; }
.tech-photo-direction > img { width:100%;height:auto;position:absolute;right:0;bottom:0; }
.tech-experience .tech-capabilities { gap:38px; }
.tech-experience .tech-cap { padding:0; }
.tech-experience .tech-cap h3 { font-size:29px; }
.tech-experience .tech-cap p { font-size:14px; }
.tech-experience .tech-cap-process { grid-column:span 4;border:0;align-self:center; }
.tech-process-visual { margin-top:30px; }
.tech-process-visual svg { width:100%;height:auto;stroke:#b1bac0;stroke-width:1.5; }
.tech-process-visual rect { fill:#fff; }.tech-process-visual .tech-process-active { stroke:#b77a00;stroke-width:2; }.tech-process-visual circle { fill:#f5a800;stroke:none; }
.tech-experience .tech-process-sketch { margin-top:7px;justify-content:space-between;gap:5px; }
.tech-experience .tech-process-sketch > span { border:0;padding:6px 0;background:none;font-size:11px; }
.tech-experience .tech-process-sketch small { text-align:left;border:0;margin:0;padding-top:8px; }
.tech-experience .tech-cap-crm { grid-column:span 8;background:#f1f2f3;padding:30px 30px 0;border-radius:4px; }
.tech-experience .tech-cap-crm > div:first-child { grid-template-columns:1fr 1fr;gap:0 25px; }
.tech-experience .tech-cap-crm h3 { margin-bottom:26px; }
.tech-experience .tech-mini-screen { position:relative;padding-left:43px;min-height:240px;transform:perspective(1600px) rotateX(2deg);border-radius:6px 6px 0 0;box-shadow:0 18px 30px #231f2010; }
.tech-app-rail { display:flex;position:absolute;inset:0 auto 0 0;width:43px;flex-direction:column;align-items:center;gap:24px;padding-top:15px;background:#5b6670;color:#fff;border-radius:5px 0 0 0;font-size:13px; }
.tech-app-rail b { color:#f5a800;font-size:23px;line-height:1;margin-bottom:10px; }
.tech-experience .tech-mini-screen .tech-deal b { font-size:10px; }.tech-experience .tech-mini-screen .tech-deal small { font-size:9px; }
.tech-experience .tech-cap-auto { grid-column:span 4;background:#231f20;padding:28px;border-radius:3px; }
.tech-experience .tech-cap-auto h3 { font-size:27px; }
.tech-experience .tech-cap-auto p { color:#e5e1e6; }
.tech-experience .tech-auto-flow { margin-top:28px; }
.tech-experience .tech-auto-flow > span { display:block;padding:15px;border-color:#766e6e;font-size:12px; }
.tech-experience .tech-auto-flow small { display:block;margin-bottom:7px; }
.tech-experience .tech-auto-flow > span:last-child { border-color:#f5a800; }
.tech-experience .tech-cap-integrations { grid-column:span 4;align-self:center;border:0;padding:0 4px; }
.tech-experience .tech-integration-flow { margin-block:35px; }
.tech-experience .tech-integration-flow > span { padding:16px 12px; }.tech-experience .tech-integration-flow > .tech-integration-center { padding:16px; }
.tech-experience .tech-cap-data { grid-column:span 4;display:block;background:none;align-self:center; }
.tech-experience .tech-data-screen { margin-top:25px;padding:20px;border-radius:4px;box-shadow:6px 7px 0 #e5e1e6; }
.tech-data-tabs { display:flex;gap:17px;font-size:9px;color:#5b6670;border-bottom:1px solid #d9dcdd;margin-bottom:20px; }
.tech-data-tabs span { padding-bottom:10px; }.tech-data-tabs span:first-child { border-bottom:2px solid #b77a00; }
.tech-experience .tech-cap-ai { grid-column:1/-1;display:grid;grid-template-columns:1fr 1.25fr;gap:10%;align-items:center;background:#e5e1e6;padding:35px 40px; }
.tech-experience .tech-cap-ai h3 { font-size:33px; }
.tech-experience .tech-ai-document { margin:0;padding:23px 25px;box-shadow:6px 7px 0 #c9cbd0; }
.tech-experience .tech-ai-document > span { display:flex;align-items:center;gap:25px; }
.tech-document-line { height:4px;flex:1;max-width:180px;background:#e1e4e6; }.tech-ai-document > span:nth-child(3) .tech-document-line { max-width:130px; }
/* Different starting points converge on diagnosis, then take different routes. */
.tech-experience .tech-start { padding-block:0 50px; }
.tech-start-intro { display:grid;grid-template-columns:1.55fr 1fr;gap:7%;align-items:center; }
.tech-start-intro > div { padding-top:40px; }
.tech-experience .tech-start h2 { font-size:clamp(36px,4vw,60px); }
.tech-start-intro > .tech-editorial-photo { height:295px;margin-right:calc(-1 * var(--gutter)); }
.tech-start-intro > .tech-editorial-photo > img { object-position:center 43%; }
.tech-start-intro .tech-photo-direction { background:#5b6670;width:95px;height:80px; }
.tech-experience .tech-route-headings { grid-template-columns:1fr 1fr 1fr;gap:8%;margin-top:30px; }
.tech-route-headings > span:last-child { text-align:right; }
.tech-experience .tech-start-map { position:relative;grid-template-columns:1fr 1fr 1fr;gap:8%; }
.tech-gps-field { position:absolute;inset:0;width:100%;height:100%;pointer-events:none; }
.tech-gps-context { stroke:#514b4c;stroke-width:1;stroke-dasharray:3 8; }.tech-gps-road { stroke:#8b8380;stroke-width:1; }.tech-gps-selected { stroke:#f5a800;stroke-width:2.5; }.tech-gps-field circle { fill:#231f20;stroke:#f5a800;stroke-width:2; }
.tech-experience .tech-start-inputs,.tech-experience .tech-start-outputs { position:relative; }
.tech-experience .tech-start-inputs > div { min-height:110px;border:0;width:fit-content;background:#231f20; }
.tech-experience .tech-start-outputs > div { border:0;justify-self:end;background:#231f20;width:fit-content; }
.tech-experience .tech-start-center > svg { display:none; }
.tech-experience .tech-start-center .tech-symbol { padding:22px; }.tech-experience .tech-start-center .tech-symbol img { width:80px; }
.tech-experience .tech-start-center > div { background:none; }.tech-experience .tech-start-center strong { padding:8px 18px;background:#231f20; }
.tech-experience .tech-start-note { border-top:1px solid #625b5b;padding-top:20px; }
/* One shared workspace for the five areas. */
.tech-experience #areas { background:#e5e1e6; }
.tech-experience .tech-areas-layout { position:relative;display:block; }
.tech-business-lines { position:absolute;top:60px;left:0;width:100%;height:105px;pointer-events:none;stroke:#a3acb3;stroke-width:1.4; }
.tech-business-active-route { stroke:#a36d00;stroke-width:2; }
.tech-experience .tech-area-nav { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;position:relative;padding-bottom:75px; }
.tech-experience .tech-area-nav > button { position:relative;border:0;border-bottom:1px solid #9da7af;background:transparent;padding:18px 12px;font-size:16px;justify-content:center;gap:12px; }
.tech-experience .tech-area-nav > button[aria-pressed="true"] { color:#fff;background:#231f20;border-color:#231f20; }
.tech-experience .tech-area-nav > button[aria-pressed="true"] > span { color:#f5a800; }
.tech-experience .tech-area-nav > button::after { content:'';position:absolute;bottom:-5px;left:50%;width:7px;height:7px;background:#5b6670;border:2px solid #e5e1e6;border-radius:50%; }
.tech-experience .tech-area-nav > button[aria-pressed="true"]::after { background:#a36d00; }
.tech-experience .tech-area-nav-note { position:absolute;top:94px;left:0;margin:0;gap:10px; }
.tech-experience .tech-area-nav-note svg { width:22px; }.tech-experience .tech-area-nav-note p { font-size:10px;line-height:1.5; }
.tech-experience .tech-area-panels { max-width:980px;margin:0 auto;position:relative; }
.tech-experience .tech-area-panel { border-color:#b5bec3;border-radius:6px;box-shadow:0 22px 40px #231f2010; }
.tech-experience .tech-area-panel .tech-screenbar { padding:14px 22px; }
.tech-experience .tech-area-body { padding:28px 35px; }
.tech-experience .tech-area-body h3 { font-size:33px; }
.tech-experience .tech-area-body > p { font-size:14px; }
.tech-experience .tech-area-flow { margin-block:25px;gap:28px; }
.tech-experience .tech-area-flow > div { padding:18px;background:#f6f5f3; }
.tech-experience .tech-area-flow > div:not(:last-child)::after { right:-21px;font-size:17px; }
.tech-experience .tech-area-flow strong { font-size:13px; }
.tech-experience .tech-area-data { grid-template-columns:1.1fr 1fr;gap:45px; }
.tech-experience .tech-area-chart .tech-chart { height:85px;margin-block:12px; }
.tech-experience .tech-area-bus { margin:28px auto 0;max-width:980px; }
/* Visual journey, independent platform choice, and a focused closing. */
.tech-experience .tech-journey { background:#fff;padding-block:65px; }
.tech-step-icon { display:block;margin-top:22px;color:#5b6670; }.tech-step-icon svg { width:38px;height:38px; }
.tech-experience .tech-journey li:not(:last-child)::after { background:#fff; }
.tech-experience .tech-journey h3 { margin-top:14px; }
.tech-experience .tech-platform { background:#f6f5f3;border-block:1px solid #d4d7da;padding-block:55px; }
.tech-experience .tech-platform h2 { font-size:42px; }
.tech-experience .up-faq { padding-block:65px; }
.tech-experience .tech-closing { position:relative;background:#5b6670;border:0;padding-block:70px; }
.tech-experience .tech-closing h2 { font-size:clamp(36px,4.2vw,60px); }
.tech-experience .tech-closing h2 > span { color:#fff;text-decoration:underline;text-decoration-color:#f5a800;text-decoration-thickness:2px;text-underline-offset:9px; }
.tech-experience .tech-closing :is(.tech-eyebrow,.tech-eyebrow > span,.tech-back-top) { color:#fff;border-color:#b2b8bd; }
@media(min-width:1601px) {
 .tech-experience > section { max-width:none;padding-inline:max(var(--gutter),calc((100vw - 1370px) / 2)); }
 .tech-experience .tech-cap-heading { margin-inline:0;padding-left:35px; }.tech-start-intro > .tech-editorial-photo { margin-right:0; }
}
@media(max-width:1100px) {
 .tech-experience .tech-section { padding-block:60px; }.tech-experience #solucoes,.tech-experience .tech-start { padding-top:0; }
 .tech-experience .tech-hero-grid { grid-template-columns:1fr 1.1fr;gap:4%; }.tech-experience .tech-hero h1 { font-size:45px; }.tech-experience .tech-hero-visual { height:595px; }
 .tech-experience .tech-hero-screen { left:-12px;right:0;top:230px; }.tech-experience .tech-team { height:310px; }.tech-experience .tech-automation-float { right:-6px;bottom:20px; }.tech-experience .tech-hero-screen-body { padding:13px; }.tech-experience .tech-hero-screen .tech-deal b { font-size:9px; }.tech-experience .tech-hero-screen .tech-deal small { font-size:8px; }.tech-experience .tech-float-label { left:-10px;font-size:8px; }
 .tech-experience .tech-map-canvas { gap:0 8%; }.tech-experience .tech-hub { width:165px;height:160px; }.tech-experience .tech-hub strong { font-size:29px; }.tech-experience .tech-node strong { font-size:13px; }.tech-experience .tech-node small { font-size:10px; }.tech-experience .tech-node { gap:10px; }.tech-experience .tech-node > svg { width:24px; }
 .tech-experience .tech-compare { grid-template-columns:1fr 50px 1fr; }.tech-experience .tech-organized { gap:15px; }.tech-experience .tech-organized-root { padding:20px 12px;font-size:11px; }.tech-experience .tech-organized li { font-size:11px; }.tech-experience .tech-scattered > span { font-size:11px;padding:10px; }.tech-experience .tech-scattered { gap:15px; }
 .tech-experience .tech-cap-heading h2 { font-size:39px; }.tech-cap-heading > .tech-editorial-photo { height:340px; }.tech-experience .tech-capabilities { gap:28px; }.tech-experience .tech-cap h3 { font-size:24px; }.tech-experience .tech-cap p { font-size:13px; }.tech-experience .tech-cap-crm { padding:24px 20px 0; }.tech-experience .tech-cap-crm > div:first-child { display:block; }.tech-experience .tech-cap-crm h3 { margin-bottom:12px; }.tech-experience .tech-cap-crm p { padding-bottom:20px; }.tech-experience .tech-mini-screen .tech-deal b { font-size:9px; }.tech-experience .tech-mini-screen .tech-deal small { font-size:8px; }.tech-experience .tech-cap-auto { padding:22px; }.tech-experience .tech-integration-flow > span { padding:12px 7px;font-size:10px; }.tech-experience .tech-integration-flow > .tech-integration-center { padding:12px; }.tech-experience .tech-data-screen { padding:15px; }.tech-data-tabs { gap:10px;font-size:8px; }.tech-experience .tech-cap-ai { padding:30px;gap:7%; }
 .tech-experience .tech-start-map,.tech-experience .tech-route-headings { gap:4%; }.tech-experience .tech-start-map h3 { font-size:16px; }.tech-experience .tech-start-map p { font-size:10px; }.tech-start-intro > .tech-editorial-photo { height:270px; }
 .tech-experience .tech-area-nav > button { font-size:14px;gap:8px;padding-inline:8px; }.tech-experience .tech-area-nav > button > b { display:none; }
}
@media(max-width:800px) {
 .tech-experience .tech-hero-grid { grid-template-columns:1fr;gap:0; }.tech-experience .tech-hero h1 { font-size:60px; }.tech-experience .tech-lead { max-width:550px; }.tech-experience .tech-hero-visual { width:94%;height:620px;margin-top:50px; }.tech-experience .tech-team { height:360px; }.tech-experience .tech-hero-screen { top:260px;left:-15px;right:15px; }.tech-experience .tech-hero-screen .tech-deal b { font-size:10px; }.tech-experience .tech-hero-screen .tech-deal small { font-size:9px; }.tech-experience .tech-automation-float { bottom:20px;right:0; }
 .tech-experience .tech-map-canvas { gap:0 6%; }.tech-experience .tech-hub { width:145px;height:155px; }.tech-experience .tech-node { min-height:107px;padding:12px 8px; }.tech-experience .tech-node strong { font-size:12px; }.tech-experience .tech-node small { font-size:9px; }
 .tech-experience .tech-compare { grid-template-columns:1fr 40px 1fr; }.tech-experience .tech-compare h3 { font-size:22px; }.tech-experience .tech-scattered { gap:11px;padding-top:20px; }.tech-experience .tech-scattered > span { font-size:10px;padding:9px 6px;gap:5px; }.tech-experience .tech-scattered i { display:none; }.tech-experience .tech-organized { gap:12px; }.tech-experience .tech-organized-root { padding:15px 9px;gap:5px;font-size:10px; }.tech-experience .tech-organized li { font-size:10px; }.tech-experience .tech-organized ul { padding-left:12px; }.tech-experience .tech-organized li::before { left:-12px;width:8px; }.tech-experience .tech-compare-bridge { transform:none;font-size:28px;width:32px;padding:0; }
 .tech-experience .tech-cap-heading { gap:18px 5%; }.tech-experience .tech-cap-heading h2 { font-size:34px; }.tech-experience .tech-cap-heading > p { font-size:13px; }.tech-cap-heading > .tech-editorial-photo { height:340px; }
 .tech-experience .tech-cap-process { grid-column:span 5; }.tech-experience .tech-cap-crm { grid-column:span 7;padding:20px 15px 0; }.tech-experience .tech-mini-screen { padding-left:30px; }.tech-app-rail { width:30px; }.tech-experience .tech-mini-screen .tech-pipeline { padding:8px;gap:5px; }.tech-experience .tech-mini-screen .tech-deal b { font-size:8px; }.tech-experience .tech-mini-screen .tech-deal small { font-size:7px; }
 .tech-experience .tech-cap-auto { grid-column:span 6; }.tech-experience .tech-cap-integrations { grid-column:span 6; }.tech-experience .tech-cap-data { grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #b7c0c6;padding-top:25px; }.tech-experience .tech-data-screen { margin:0; }.tech-experience .tech-cap-ai { padding:25px;gap:6%; }.tech-experience .tech-cap-ai h3 { font-size:27px; }.tech-experience .tech-ai-document { padding:18px; }.tech-document-line { display:none; }
 .tech-start-intro { gap:5%; }.tech-start-intro > .tech-editorial-photo { height:260px; }.tech-experience .tech-start h2 { font-size:40px; }.tech-experience .tech-start-map,.tech-experience .tech-route-headings { gap:3%; }.tech-experience .tech-start-map h3 { font-size:13px; }.tech-experience .tech-start-map p { font-size:9px; }.tech-experience .tech-start-center .tech-symbol { padding:16px; }.tech-experience .tech-start-center .tech-symbol img { width:65px; }.tech-experience .tech-start-center strong { font-size:11px; }.tech-experience .tech-start-outputs > div { gap:9px; }
 .tech-experience .tech-area-nav { gap:10px; }.tech-experience .tech-area-nav > button { font-size:12px;padding:14px 6px;display:flex;flex-wrap:wrap;gap:8px; }.tech-experience .tech-area-nav > button > span { margin:0; }.tech-experience .tech-area-body { padding:25px; }.tech-experience .tech-area-flow { gap:20px; }.tech-experience .tech-area-flow > div { padding:13px; }.tech-experience .tech-area-flow strong { font-size:12px; }.tech-experience .tech-area-flow > div:not(:last-child)::after { right:-16px; }.tech-experience .tech-area-data { gap:25px; }.tech-experience .tech-platform { gap:26px; }.tech-experience .tech-platform h2 { font-size:36px; }
}
@media(max-width:540px) {
 .tech-experience .tech-section { padding-block:48px; }.tech-experience h2 { font-size:35px; }.tech-experience .tech-section-heading { margin-bottom:27px; }.tech-experience .tech-eyebrow { font-size:9px; }.tech-experience .tech-hero { padding-top:35px; }.tech-experience .tech-hero h1 { font-size:clamp(36px,10.4vw,53px); }.tech-experience .tech-lead { font-size:14px; }
 .tech-experience .tech-hero-visual { width:100%;height:525px;margin-top:35px; }.tech-experience .tech-team { width:100%;height:260px;object-position:58% 40%; }.tech-experience .tech-hero-visual > .tech-symbol { top:12px;right:-6px;padding:15px; }.tech-experience .tech-float-label { top:25px;left:-6px;font-size:7px;padding:9px;max-width:74%; }
 .tech-experience .tech-hero-screen { top:205px;left:-5px;right:8px;transform:perspective(1200px) rotateY(-4deg) rotateX(3deg); }.tech-experience .tech-hero-screen-body { padding:12px; }.tech-dashboard-nav { font-size:8px;gap:15px;margin-bottom:12px; }.tech-experience .tech-hero-screen .tech-deal b { font-size:8px; }.tech-experience .tech-hero-screen .tech-deal small { font-size:7px; }.tech-experience .tech-hero-screen .tech-pipeline { gap:5px; }.tech-experience .tech-screen-heading { margin-bottom:10px; }.tech-hero-insights { margin-top:10px;padding-top:10px;gap:10px; }.tech-hero-insights small { font-size:7px; }.tech-hero-insights strong { font-size:9px; }.tech-signal-bars { height:19px;margin-top:7px; }.tech-signal-bars i { width:11px; }.tech-people-stack i { width:21px;height:21px; }.tech-experience .tech-automation-float { bottom:15px;right:-5px;padding:11px; }.tech-experience .tech-hero-visual figcaption { font-size:8px;bottom:-7px; }.tech-experience .tech-hero-footer { margin-top:27px; }
 .tech-experience .tech-map-top { padding-block:17px; }.tech-experience .tech-map-canvas { display:flex;height:auto;gap:13px;padding:25px 0 25px 22px;background-image:none; }.tech-experience .tech-map-canvas::before { left:4px; }.tech-experience .tech-hub { width:100%;height:132px;min-height:132px;box-shadow:4px 5px 0 #d4d7d9;margin-bottom:17px; }.tech-experience .tech-hub strong { font-size:32px; }.tech-experience .tech-hub-directions { right:15px;bottom:13px; }.tech-experience .tech-hub-layers { right:auto;bottom:auto;left:15px;top:16px; }
 .tech-experience .tech-node { min-height:76px;display:grid;padding:15px 10px;gap:10px;grid-template-columns:26px 1fr 12px; }.tech-experience .tech-node strong { font-size:14px; }.tech-experience .tech-node small { font-size:11px; }.tech-experience .tech-node[aria-pressed="true"]::after { font-size:12px; }.tech-experience .tech-map-detail { min-height:0;padding:0;border:0; }
 .tech-experience .tech-contrast { padding-block:42px; }.tech-experience .tech-contrast h2 { font-size:34px; }.tech-experience .tech-compare { display:grid;grid-template-columns:1fr;gap:14px; }.tech-transformation-lines { display:none; }.tech-experience .tech-before,.tech-experience .tech-after { min-height:0;padding:0; }.tech-experience .tech-compare h3 { font-size:23px; }.tech-experience .tech-compare h3 > span { font-size:9px; }.tech-experience .tech-scattered { gap:14px;padding:20px 0 15px; }.tech-experience .tech-scattered > span { font-size:11px;padding:11px; }.tech-experience .tech-scattered i { display:inline;font-size:15px; }.tech-experience .tech-compare-bridge { transform:rotate(90deg);font-size:32px;width:40px;height:40px; }.tech-experience .tech-after { border-top:1px solid #9c6c14;padding-top:20px; }.tech-experience .tech-organized { gap:22px;margin-top:22px; }.tech-experience .tech-organized-root { font-size:12px;padding:24px 13px; }.tech-experience .tech-organized li { font-size:11px; }.tech-experience .tech-organized ul { padding-left:17px; }.tech-experience .tech-organized li::before { left:-17px;width:10px; }
 .tech-experience #solucoes { padding-top:0; }.tech-experience .tech-cap-heading { display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;margin:0 calc(-1 * var(--gutter)) 35px; }.tech-experience .tech-cap-heading > div { padding:36px var(--gutter) 0;align-self:auto; }.tech-experience .tech-cap-heading > p { padding:17px var(--gutter) 25px;align-self:auto; }.tech-experience .tech-cap-heading h2 { font-size:35px; }.tech-cap-heading > .tech-editorial-photo { height:245px; }.tech-photo-direction { width:85px;height:72px; }
 .tech-experience .tech-capabilities { grid-template-columns:1fr;gap:30px; }.tech-experience .tech-capabilities > .tech-cap { grid-column:1; }.tech-experience .tech-cap h3 { font-size:27px; }.tech-experience .tech-cap p { font-size:14px; }.tech-experience .tech-cap-process { padding:0; }.tech-process-visual { margin-top:20px; }.tech-experience .tech-process-sketch { gap:10px; }.tech-experience .tech-cap-crm { padding:25px 18px 0;margin-inline:-10px; }.tech-experience .tech-cap-crm > div:first-child { display:block; }.tech-experience .tech-mini-screen { padding-left:30px;min-height:0; }.tech-experience .tech-mini-screen .tech-pipeline { padding:10px 7px;gap:5px; }.tech-experience .tech-mini-screen .tech-ghost { display:none; }.tech-experience .tech-mini-screen .tech-deal b { font-size:8px; }.tech-experience .tech-mini-screen .tech-deal small { font-size:7px; }.tech-app-rail { gap:20px; }.tech-app-rail > span:last-child { display:none; }
 .tech-experience .tech-cap-auto { padding:25px; }.tech-experience .tech-auto-flow { max-width:none;margin-top:23px; }.tech-experience .tech-auto-flow > span { display:flex;font-size:12px;padding:15px 12px; }.tech-experience .tech-auto-flow small { margin:0;font-size:8px; }.tech-experience .tech-cap-integrations { padding:0; }.tech-experience .tech-integration-flow { margin:24px 0 17px; }.tech-experience .tech-integration-flow > span { font-size:12px;padding:18px 15px; }.tech-experience .tech-integration-flow > .tech-integration-center { padding:15px 20px; }.tech-experience .tech-cap-data { display:block;padding:25px 0 0; }.tech-experience .tech-data-screen { margin:22px 6px 5px 0;padding:23px; }.tech-data-tabs { font-size:10px;gap:22px; }.tech-experience .tech-capabilities > .tech-cap-ai { display:block;padding:28px var(--gutter);margin:0 calc(-1 * var(--gutter)); }.tech-experience .tech-ai-document { margin:25px 5px 5px 0;padding:20px; }
 .tech-experience .tech-start { padding-top:0;padding-bottom:40px; }.tech-start-intro { display:flex;flex-direction:column;align-items:stretch;gap:25px; }.tech-start-intro > div { padding-top:38px; }.tech-experience .tech-start h2 { font-size:39px; }.tech-start-intro > .tech-editorial-photo { height:220px;margin:0 calc(-1 * var(--gutter)); }.tech-start-intro .tech-photo-direction { width:80px;height:67px; }
 .tech-experience .tech-route-headings { display:flex;gap:15px;font-size:8px;margin-top:25px; }.tech-route-headings > span { flex:1; }.tech-experience .tech-start-map { display:flex;margin-top:7px;gap:0; }.tech-gps-field { display:none; }.tech-experience .tech-start-inputs > div { width:auto;min-height:86px;border-bottom:1px solid #625b5b; }.tech-experience .tech-start-map h3 { font-size:17px; }.tech-experience .tech-start-map p { font-size:11px; }.tech-experience .tech-start-center { height:175px;margin-block:0; }.tech-experience .tech-start-center > div { background:#231f20;padding:15px; }.tech-experience .tech-start-center strong { font-size:12px;padding:0; }.tech-experience .tech-start-center .tech-symbol { padding:20px; }.tech-experience .tech-start-outputs { padding-top:10px;gap:0; }.tech-experience .tech-start-outputs > div { width:100%;border:0;border-bottom:1px solid #625b5b;padding:20px 0;gap:15px; }.tech-experience .tech-start-note { font-size:12px;border:0;padding-top:24px; }
 .tech-experience .tech-area-nav { grid-template-columns:1fr 1fr;gap:8px 18px;padding-bottom:36px; }.tech-experience .tech-area-nav::before { content:'';position:absolute;left:50%;top:20px;bottom:0;border-left:1px solid #a3acb3; }.tech-experience .tech-area-nav > button { border-radius:0;padding:14px 9px;justify-content:flex-start;min-height:48px;gap:10px;font-size:13px; }.tech-experience .tech-area-nav > button::after { bottom:50%;left:auto;right:-13px;transform:translateY(50%); }.tech-experience .tech-area-nav > button:nth-child(even)::after { right:auto;left:-13px; }.tech-experience .tech-area-nav > button:last-of-type { grid-column:1/-1;justify-self:center;width:48%;justify-content:center;background:#e5e1e6; }.tech-experience .tech-area-nav > button:last-of-type[aria-pressed="true"] { background:#231f20; }.tech-experience .tech-area-nav > button:last-of-type::after { bottom:-5px;left:50%;right:auto;transform:none; }.tech-experience .tech-area-nav-note,.tech-business-lines { display:none; }
 .tech-experience .tech-area-panel { min-height:0;box-shadow:0 12px 25px #231f200c; }.tech-experience .tech-area-panel .tech-screenbar { padding:12px;font-size:8px; }.tech-experience .tech-area-body { padding:22px 17px; }.tech-experience .tech-area-body h3 { font-size:28px; }.tech-experience .tech-area-body > p { font-size:13px; }.tech-experience .tech-area-flow { grid-template-columns:1fr;gap:0;margin-block:24px;padding-left:5px; }.tech-experience .tech-area-flow > div { background:none;display:flex;gap:15px;align-items:center;padding:13px 0 13px 17px;border:0;border-left:1px solid #b2bdc3; }.tech-experience .tech-area-flow > div::before { content:'';position:absolute;left:-3px;width:5px;height:5px;background:#5b6670;border-radius:50%; }.tech-experience .tech-area-flow > div:last-child::before { background:#a36d00; }.tech-experience .tech-area-flow > div:not(:last-child)::after { display:none; }.tech-experience .tech-area-flow > div > span { margin:0;font-size:9px; }.tech-experience .tech-area-flow strong { font-size:12px; }.tech-experience .tech-area-data { grid-template-columns:1fr;gap:20px; }.tech-experience .tech-area-chart .tech-chart { height:75px; }.tech-experience .tech-area-bus { margin-top:22px;gap:8px; }.tech-experience .tech-area-bus > span { font-size:9px; }.tech-experience .tech-area-bus > i { flex:1;min-width:8px; }
 .tech-experience .tech-journey { padding-block:45px; }.tech-experience .tech-journey h2 { font-size:33px; }.tech-experience .tech-journey li { grid-template-columns:25px 1fr;column-gap:15px;padding-left:24px;padding-bottom:25px; }.tech-step-icon { grid-column:1;grid-row:2/4;margin-top:10px; }.tech-step-icon svg { width:26px;height:26px; }.tech-experience .tech-journey h3 { grid-column:2;grid-row:1/3;margin:0;padding-top:3px; }.tech-experience .tech-journey li p { grid-column:2;grid-row:3;margin-top:5px;max-width:230px; }.tech-experience .tech-platform { padding-block:40px;gap:25px; }.tech-experience .tech-platform h2 { font-size:34px; }.tech-experience .up-faq { padding-block:45px; }.tech-experience .tech-closing { padding-block:45px; }.tech-experience .tech-closing h2 { font-size:36px; }
}
/* Final optical spacing and contrast adjustments after browser review. */
.tech-experience .tech-hero-visual { height:665px; }
.tech-experience .tech-hero-visual figcaption { bottom:0; }
.tech-experience .tech-automation-float { bottom:26px; }
.tech-experience .tech-cap-heading .tech-eyebrow > span,
.tech-experience #areas .tech-eyebrow > span { color:#505b64; }
.tech-strategy-art { position:relative;height:295px;background:#5b6670;margin-right:calc(-1 * var(--gutter));overflow:hidden; }
.tech-strategy-art > span { position:absolute;top:32px;left:30px;font-size:10px;letter-spacing:.12em;color:#fff; }
.tech-strategy-art > img { position:absolute;right:0;bottom:0;width:85%;height:auto;max-height:250px;object-fit:contain;object-position:right bottom; }
@media(min-width:1601px) { .tech-strategy-art { margin-right:0; } }
@media(max-width:1100px) { .tech-experience .tech-hero-visual { height:650px; }.tech-strategy-art { height:280px; } }
@media(max-width:800px) { .tech-experience .tech-hero-visual { height:650px; }.tech-strategy-art { height:260px; } }
@media(max-width:540px) {
 .tech-experience .tech-hero-visual { height:570px; }.tech-experience .tech-hero-visual figcaption { bottom:0; }.tech-experience .tech-automation-float { bottom:25px; }.tech-experience .tech-hero-footer { margin-top:22px; }
 .tech-strategy-art { height:150px;margin:0 calc(-1 * var(--gutter)); }.tech-strategy-art > span { left:var(--gutter);top:28px;font-size:9px; }.tech-strategy-art > img { width:58%;max-height:150px; }
}
@media(max-width:540px) {
 .tech-experience .tech-hub { height:150px;min-height:150px; }
 .tech-experience .tech-hub-directions { position:static;margin-top:8px;font-size:20px; }
}
/* Compact masthead exclusive to this LP. All official assets remain unmodified.
   The complete breadcrumb sits beside the institutional parent in a native disclosure. */
.technology-landing { position:relative; }
.technology-landing > .preview-note { min-height:16px;height:16px;padding:0 12px;font-size:9px;letter-spacing:.025em;background:#f5f4f5; }
.technology-landing > .site-header .header-inner { min-height:44px;padding-block:0;justify-content:space-between;flex-wrap:nowrap;gap:24px; }
.technology-landing > .site-header .brand { width:64px;padding:7px 10px;margin-left:-10px;flex-shrink:0; }
.technology-landing > .site-header .navigation { font-size:11px;gap:24px;flex-wrap:nowrap; }
.technology-landing > .site-header .navigation a { color:#5b6670; }
.technology-landing > .breadcrumbs { position:absolute;top:16px;left:calc(var(--gutter) + 88px);z-index:6;width:auto;max-width:200px;padding:0;min-height:44px;font-size:10px;color:#5b6670; }
.technology-landing > .breadcrumbs > ol { min-height:44px;align-items:center;flex-wrap:nowrap;gap:9px; }
.technology-landing > .breadcrumbs > ol > li { display:flex;align-items:center;gap:9px; }
.technology-landing > .breadcrumbs > ol > li:not(:last-child)::after { padding:0;color:#717a81; }
.technology-landing > .breadcrumbs a { text-decoration:none; }
.technology-landing > .breadcrumbs a:hover { text-decoration:underline; }
.technology-landing > .breadcrumbs [aria-current="page"] { line-height:1.4; }
.technology-landing .tech-crumb-branch details { position:relative; }
.technology-landing .tech-crumb-branch summary { display:flex;align-items:center;justify-content:center;width:32px;min-height:44px;list-style:none;cursor:pointer;font-size:17px;line-height:1;color:#5b6670;border-radius:2px; }
.technology-landing .tech-crumb-branch summary::-webkit-details-marker { display:none; }
.technology-landing .tech-crumb-branch summary:hover,
.technology-landing .tech-crumb-branch details[open] summary { background:#f1f2f3;color:#231f20; }
.technology-landing .tech-crumb-branch summary:focus-visible { outline:2px solid #805700;outline-offset:-2px; }
.technology-landing .tech-crumb-branch details > ol { position:absolute;top:100%;left:0;display:flex;flex-direction:column;align-items:stretch;gap:0;width:290px;max-width:calc(100vw - var(--gutter) - 108px);padding:10px 16px;background:#fff;border:1px solid #c9cfd3;box-shadow:0 12px 30px #231f2014; }
.technology-landing .tech-crumb-branch details > ol > li { display:block; }
.technology-landing .tech-crumb-branch details > ol > li::after { content:none; }
.technology-landing .tech-crumb-branch details > ol > li + li { border-top:1px solid #e4e6e8; }
.technology-landing .tech-crumb-branch details a { display:flex;align-items:center;min-height:44px;font-size:12px;line-height:1.5; }
.technology-landing .up-landing > .up-brandbar { min-height:58px;padding-block:0;gap:26px;flex-direction:row;align-items:center; }
.technology-landing .tech-header-identity { display:flex;align-items:center;flex-shrink:0; }
.technology-landing .up-brandbar .up-logo { padding:10px 20px;margin-left:-20px; }
.technology-landing .up-brandbar .up-logo img { width:150px;height:auto; }
.technology-landing .tech-header-label { padding-left:15px;border-left:1px solid #d2d5d7;font-size:12px;color:#5b6670;font-weight:500;letter-spacing:.06em; }
.technology-landing .up-landing > .up-brandbar nav { gap:20px;width:auto;padding:0;border:0; }
.technology-landing .up-landing > .up-brandbar nav a { font-size:11px;min-height:32px; }
@media(max-width:1050px) and (min-width:761px) {
 .technology-landing > .site-header .navigation { gap:14px;justify-content:flex-end; }
 .technology-landing > .breadcrumbs { left:calc(var(--gutter) + 80px); }
}
@media(max-width:760px) {
 .technology-landing > .site-header .header-inner { min-height:44px;flex-wrap:wrap;gap:0 24px; }
 .technology-landing > .site-header .menu-toggle { font-size:11px;gap:10px;color:#5b6670; }
 .technology-landing > .site-header .navigation { width:100%;flex-direction:column;gap:0;padding-bottom:12px; }
 .technology-landing > .site-header .navigation a { min-height:44px;font-size:13px; }
 .technology-landing > .breadcrumbs { left:calc(var(--gutter) + 76px);font-size:9px; }
 .technology-landing > .breadcrumbs > ol,.technology-landing > .breadcrumbs > ol > li { gap:5px; }
 .technology-landing .up-landing > .up-brandbar { gap:18px; }
 .technology-landing .up-brandbar .up-logo img { width:154px; }
 .technology-landing .up-brandbar .up-logo { padding:12px 18px;margin-left:-18px; }
 .technology-landing .tech-header-label { font-size:11px;padding-left:16px; }
 .technology-landing .up-landing > .up-brandbar nav { gap:17px; }
}
@media(max-width:600px) {
 .technology-landing .up-landing > .up-brandbar { flex-direction:column;align-items:stretch;gap:0; }
 .technology-landing .tech-header-identity { justify-content:space-between; }
 .technology-landing .tech-header-label { margin-right:0; }
 .technology-landing .up-landing > .up-brandbar nav { justify-content:flex-start;gap:25px;border:0; }
 .technology-landing .up-landing > .up-brandbar nav a { min-height:32px;font-size:11px; }
}

/* October 2026: visual hierarchy, schematic nodes and explorable strategic routes.
   All additions are confined to this landing page; official artwork stays intact. */
.tech-experience .tech-hero-grid { grid-template-columns:1fr 1.2fr;gap:6%; }
.tech-experience .tech-hero h1 { font-size:clamp(42px,4vw,62px); }
.tech-experience .tech-hero-visual { height:650px; }
.tech-experience .tech-hero-screen { top:220px; }
.tech-experience .tech-team { height:330px; }
.tech-experience .tech-hero-footer { margin-top:26px; }
.tech-experience .tech-hero-visual::before { content:'';position:absolute;inset:45px -25px 45px 25px;border:1px solid #5b6670;border-radius:5px;transform:perspective(1400px) rotateY(-7deg);pointer-events:none; }
.tech-experience .tech-automation-float { bottom:23px; }
.tech-experience .tech-map { padding:0 32px;background:#5b6670;color:#fff;box-shadow:0 24px 45px #5b667019; }
.tech-experience .tech-map-top { border-color:#a3adb5;padding-block:23px; }
.tech-experience .tech-map-top > span:last-child { color:#fff; }
.tech-experience .tech-map-canvas { height:490px;background-image:radial-gradient(#a3adb54a .7px,transparent .7px);grid-template-columns:1fr .8fr 1fr;gap:0 11%; }
.tech-experience .tech-map-lines path { stroke:#a3adb5;stroke-width:1.2; }
.tech-experience .tech-map-lines .is-active-route,
.tech-experience .tech-map[data-active="crm"] [data-route="crm"] { stroke:#f5a800;stroke-width:3; }
.tech-experience .tech-hub { background:#fff;color:#231f20;width:195px;height:172px;box-shadow:8px 9px 0 #d7d9dc,16px 18px 0 #a7afb6,0 30px 40px #231f2030;border-radius:5px; }
.tech-experience .tech-hub :is(.tech-hub-overline,span:nth-of-type(2)) { color:#5b6670; }
.tech-experience .tech-hub-directions { color:#805700; }
.tech-experience .tech-hub strong { font-size:35px; }
.tech-experience .tech-node { display:grid;grid-template-columns:26px 1fr 12px;gap:8px 12px;padding:14px 12px;min-height:135px;background:#5b6670;color:#fff;border-bottom:1px solid #a3adb5;transition:background .2s,color .2s; }
.tech-experience .tech-node :is(small,svg) { color:#fff; }
.tech-experience .tech-node strong { font-size:15px; }
.tech-experience .tech-node small { font-size:11px; }
.tech-experience .tech-node > .tech-node-preview { grid-column:2 / 4;width:130px;height:44px;stroke:currentColor;stroke-width:1;opacity:.8; }
.tech-node-preview rect,.tech-node-preview circle { fill:#5b6670; }
.tech-experience .tech-node[aria-pressed="true"] { background:#fff;color:#231f20;border-bottom:3px solid #f5a800;box-shadow:0 10px 24px #231f2020; }
.tech-experience .tech-node[aria-pressed="true"] :is(small,svg) { color:#5b6670; }
.tech-experience .tech-node[aria-pressed="true"] .tech-node-preview { color:#805700;opacity:1; }
.tech-node[aria-pressed="true"] .tech-node-preview rect,.tech-node[aria-pressed="true"] .tech-node-preview circle { fill:#fff; }
.tech-experience .tech-node:hover { transform:none; }
.tech-experience .tech-map-detail { border-color:#a3adb5;border-bottom:0;min-height:110px; }
.tech-experience .tech-detail-index { color:#fff; }
.tech-experience .tech-detail-index strong { display:block;font-size:20px;letter-spacing:-.025em;margin-top:6px;font-weight:500; }
.tech-experience .tech-map-detail p { color:#fff; }
.tech-experience .tech-map :is(button,a):focus-visible { outline-color:#f5a800!important; }
.tech-experience .tech-contrast { padding-block:72px; }
.tech-experience .tech-scattered > span { padding:15px 12px; }
.tech-experience .tech-organized-root { padding:32px 20px; }
.tech-experience .tech-cap-heading { margin-bottom:60px; }
.tech-experience .tech-cap-crm { background:#e5e1e6; }
.tech-experience .tech-cap-auto { background:#5b6670; }
.tech-experience .tech-auto-flow > span { border-color:#a3adb5; }
.tech-experience .tech-auto-flow > b,
.tech-experience .tech-auto-flow small,
.tech-experience .tech-cap-auto .tech-number { color:#fff; }
.tech-experience .tech-cap-ai { background:#f5f5f4;border-top:1px solid #c6cdd0;border-bottom:1px solid #c6cdd0; }
.tech-experience .tech-ai-document { box-shadow:8px 9px 0 #e5e1e6,0 18px 30px #5b667012;transform:perspective(1600px) rotateY(-3deg); }
.tech-experience .tech-start-inputs { gap:0; }
.tech-start-inputs > button { position:relative;display:flex;gap:15px;align-items:center;text-align:left;width:100%;min-height:110px;border:0;border-bottom:1px solid #625b5b;background:#231f20;color:#fff;padding:15px 12px;font:inherit; }
.tech-start-inputs > button > span:nth-child(2) { flex:1; }
.tech-route-mobile-result { display:none; }
.tech-start-inputs > button strong { display:block;font-size:18px;font-weight:500;letter-spacing:-.02em; }
.tech-start-inputs > button small { display:block;font-size:11px;line-height:1.7;margin-top:9px;color:#e5e1e6; }
.tech-start-inputs > button > b { font-size:16px;font-weight:400;color:#f5a800; }
.tech-start-inputs > button[aria-pressed="true"] { background:#373234;border-left:2px solid #f5a800;padding-left:10px; }
.tech-start-inputs > button[aria-pressed="true"] .tech-route-dot { background:#f5a800; }
.tech-experience .tech-gps-road { stroke:#8b8380;stroke-width:1; }
.tech-experience .tech-gps-road.is-selected { stroke:#f5a800;stroke-width:3; }
.tech-experience .tech-start-outputs > div { padding:12px 16px; }
.tech-experience .tech-start-outputs > .is-selected { background:#373234;border-right:2px solid #f5a800; }
.tech-route-result { display:flex;align-items:center;justify-content:center;gap:20px;border-top:1px solid #625b5b;padding-top:24px;margin-top:18px; }
.tech-route-result > span { font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#f5a800; }
.tech-page .tech-route-result > p { font-size:14px;color:#fff; }
.tech-experience .tech-start-note { border:0;padding-top:12px;font-size:11px; }
.tech-experience .tech-platform { grid-template-columns:.9fr 1.15fr;gap:28px 7%;padding-block:75px; }
.tech-platform > .tech-editorial-photo { grid-column:1;grid-row:1 / 3;align-self:stretch;min-height:340px; }
.tech-platform > .tech-editorial-photo > img { object-position:40% center; }
.tech-platform-heading { grid-column:2;align-self:end; }
.tech-platform-copy { grid-column:2;align-self:start; }
.tech-experience .tech-platform h2 { font-size:clamp(32px,3vw,46px); }
.tech-experience .tech-platform .tech-eyebrow { font-size:9px; }
@media(min-width:801px) and (max-width:1100px) {
 .tech-experience .tech-hero-visual { height:680px; }
 .tech-experience .tech-hero h1 { font-size:43px; }
 .tech-experience .tech-hero-screen { top:235px; }
 .tech-experience .tech-map { padding-inline:20px; }
 .tech-experience .tech-map-canvas { gap:0 6%; }
 .tech-experience .tech-hub { width:170px;height:170px; }
 .tech-experience .tech-node { gap:8px;grid-template-columns:22px 1fr 8px; }
 .tech-experience .tech-node strong { font-size:13px; }
 .tech-experience .tech-node small { font-size:10px; }
 .tech-start-inputs > button strong { font-size:15px; }
 .tech-start-inputs > button small { font-size:10px; }
}
@media(min-width:541px) and (max-width:800px) {
 .tech-experience .tech-hero-grid { grid-template-columns:1fr;gap:0; }
 .tech-experience .tech-hero h1 { font-size:57px; }
 .tech-experience .tech-hero-visual { height:650px;margin-top:45px; }
 .tech-experience .tech-map { padding-inline:18px; }
 .tech-experience .tech-map-canvas { grid-template-columns:1fr .7fr 1fr;gap:0 4%;height:510px; }
 .tech-experience .tech-hub { width:140px;height:155px; }
 .tech-experience .tech-hub strong { font-size:27px; }
 .tech-experience .tech-node { grid-template-columns:1fr;min-height:150px;gap:7px;padding:12px 8px; }
 .tech-experience .tech-node > svg:first-child,.tech-experience .tech-node-arrow { display:none; }
 .tech-experience .tech-node strong { font-size:13px; }
 .tech-experience .tech-node small { font-size:10px; }
 .tech-experience .tech-node > .tech-node-preview { grid-column:1;width:110px;height:38px; }
 .tech-start-inputs > button { gap:8px;padding-inline:8px; }
 .tech-start-inputs > button strong { font-size:13px; }
 .tech-start-inputs > button small { font-size:10px; }
 .tech-experience .tech-start-map { gap:3%; }
 .tech-experience .tech-platform { gap:25px; }
 .tech-platform > .tech-editorial-photo { min-height:430px; }
 .tech-experience .tech-platform h2 { font-size:32px; }
 .tech-experience .tech-platform .tech-eyebrow { flex-wrap:wrap; }
}
@media(max-width:540px) {
 .tech-experience .tech-hero-grid { grid-template-columns:1fr;gap:0; }
 .tech-experience .tech-hero h1 { font-size:clamp(35px,10.4vw,53px); }
 .tech-experience .tech-hero-visual { height:555px; }
 .tech-experience .tech-team { height:265px; }
 .tech-experience .tech-hero-screen { top:200px; }
 .tech-experience .tech-hero-visual::before { inset:25px -10px 35px 15px; }
 .tech-experience .tech-map { margin-inline:-10px;padding-inline:16px; }
 .tech-experience .tech-map-top { padding-block:20px; }
 .tech-experience .tech-map-canvas { height:auto;display:flex;padding-left:18px;gap:10px;background:none; }
 .tech-experience .tech-map-canvas::before { left:0;background:#a3adb5; }
 .tech-experience .tech-hub { width:100%;height:145px;min-height:145px;margin-bottom:18px;box-shadow:5px 6px 0 #a7afb6; }
 .tech-experience .tech-node { min-height:98px;padding:14px 10px;gap:5px 9px;grid-template-columns:24px 1fr 12px; }
 .tech-experience .tech-node strong { font-size:14px; }
 .tech-experience .tech-node small { font-size:11px; }
 .tech-experience .tech-node > .tech-node-preview { grid-column:2 / 4;width:106px;height:36px; }
 .tech-experience .tech-node[aria-pressed="true"]::after { color:#505b64;grid-row:3; }
 .tech-experience .tech-node::before { left:-18px; }
 .tech-experience .tech-contrast { padding-block:45px; }
 .tech-experience .tech-scattered > span { padding:11px; }
 .tech-experience .tech-organized-root { padding:24px 12px; }
 .tech-start-inputs > button { min-height:96px;padding:16px 12px; }
 .tech-start-inputs > button strong { font-size:17px; }
 .tech-start-inputs > button small { font-size:11px; }
 .tech-experience .tech-start-outputs > div { padding:16px 12px; }
 .tech-route-result { display:block;margin-top:22px;padding-top:20px; }
 .tech-page .tech-route-result > p { font-size:13px;line-height:1.7;margin-top:8px; }
 .tech-experience .tech-start-note { font-size:11px; }
 .tech-experience .tech-platform { display:flex;flex-direction:column;align-items:stretch;padding-block:0 45px;gap:25px; }
 .tech-platform > .tech-editorial-photo { min-height:0;height:250px;margin-inline:calc(-1 * var(--gutter)); }
 .tech-experience .tech-platform h2 { font-size:34px; }
 .tech-platform-copy { max-width:none; }
}

@media(max-width:540px) {
 .tech-start-inputs > button { flex-wrap:wrap; }
 .tech-start-inputs > button[aria-pressed="true"] .tech-route-mobile-result { display:block;width:100%;padding-left:23px;color:#fff;font-size:12px;line-height:1.6; }
}