PageSourceSearch

https://orijins.ai/needs

html orijins.ai collected 2026-10-05 15:16:36 UTC 129,945 bytes, 1,610 lines download raw bytes

1<!doctype html><html lang="en" class="no-js"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#faf6ee"><meta name="color-scheme" content="light"><title>Choose your first Company Brain workflow — ORIJINS</title><link rel="preload" as="image" type="image/avif" imagesrcset="/consulting-assets/media/pitch-connect-small-v1.avif?v=41dbded89fac801e 600w, /consulting-assets/media/pitch-connect-v1.avif?v=41dbded89fac801e 1052w" imagesizes="(max-width: 700px) calc(100vw - 40px), (max-width: 1000px) calc(100vw - 64px), (max-width: 1432px) 42vw, 590px" fetchpriority="high"><meta name="description" content="Identify one recurring task to test with your Company Brain and Chief of Staff. Explore six needs, the knowledge required and how to assess progress."><meta name="robots" content="index, follow"><link rel="canonical" href="https://orijins.ai/needs"><meta property="og:type" content="website"><meta property="og:locale" content="en_GB"><meta property="og:title" content="Choose your first Company Brain workflow — ORIJINS"><meta property="og:description" content="Identify one recurring task to test with your Company Brain and Chief of Staff. Explore six needs, the knowledge required and how to assess progress."><meta property="og:url" content="https://orijins.ai/needs"><link rel="icon" href="/consulting-assets/favicon.ico?v=41dbded89fac801e" sizes="16x16 32x32 48x48"><link rel="icon" href="/consulting-assets/favicon.svg?v=41dbded89fac801e" type="image/svg+xml" sizes="any"><link rel="preload" href="/consulting-assets/fonts/inter-core.woff2?v=41dbded89fac801e" as="font" type="font/woff2" crossorigin><style data-stylesheet="styles.css">/* ORIJINS: light editorial system. Keep backgrounds independent of OS theme. */
2:root {
3  color-scheme: light;
4  --ink: #172124;
5  --muted: #465257;
6  --petrol: #173f45;
7  --soft-petrol: #eef3f2;
8  --line: #dadde1;
9  --tint: #f5f5f7;
10  --blue: #1550b5;
11  --blue-hover: #103e8d;
12  --paper: #fff;
13  --serif: 'Source Serif 4', Georgia, serif;
14  --sans: 'Libre Franklin', Arial, sans-serif;
15}
16* { box-sizing: border-box; }
17html { scroll-behavior: smooth; scroll-padding-top: 108px; }
18body { margin: 0; background: var(--paper); color: var(--ink); font: 17px/1.7 var(--sans); -webkit-font-smoothing: antialiased; }
19::selection { background: #deebff; color: var(--ink); }
20a { color: inherit; text-underline-offset: 5px; text-decoration-thickness: 1px; }
21button, input, textarea, select { font: inherit; }
22button, a, summary { touch-action: manipulation; }
23button { cursor: pointer; }
24a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--blue); outline-offset: 5px; }
25input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
26[hidden] { display: none !important; }
27.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
28h1, h2, h3, p { margin-top: 0; }
29h1, h2 { font-family: var(--sans); font-weight: 500; font-optical-sizing: auto; line-height: 1.12; letter-spacing: -.038em; text-wrap: balance; }
30h1 { font-size: clamp(48px, 5.1vw, 72px); }
31h1 em, h2 em { color: var(--petrol); font-family: var(--serif); font-style: italic; font-weight: 400; letter-spacing: -.045em; }
32figure { margin: 0; }
33img { display: block; width: 100%; height: auto; }
34.responsive-image { display: block; }
35h2 { font-size: clamp(36px, 3.6vw, 54px); margin-bottom: 26px; }
36h3 { font-size: 23px; font-weight: 500; line-height: 1.35; letter-spacing: -.025em; margin-bottom: 14px; text-wrap: balance; }
37p { color: var(--muted); margin-bottom: 24px; }
38svg { width: 22px; height: 22px; flex: 0 0 22px; }
39button svg, a svg { transition: transform .18s ease; }
40a:hover > svg, button:hover > svg { transform: translateX(3px); }
41.wrap { width: min(1320px, calc(100% - 112px)); margin-inline: auto; }
42.section { padding-block: 112px; }
43.tint { background: var(--tint); }
44.intro { font: 400 18px/1.7 var(--sans); letter-spacing: -.015em; }
45.micro { font-size: 15px; line-height: 1.7; }
46.number { font-size: 15px; font-weight: 500; line-height: 1.4; color: var(--petrol); font-variant-numeric: tabular-nums; }
47.overline { display: block; font-size: 13px; font-weight: 500; color: var(--blue); line-height: 1.5; margin-bottom: 16px; }
48.reading { max-width: 800px; }
49.reading > h2:not(:first-child) { margin-top: 48px; }
50.reading h2 { font-size: 35px; }
51.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 52px; max-width: 100%; padding: 14px 26px; border: 1px solid var(--blue); border-radius: 99px; background: var(--blue); color: #fff; font-size: 15px; font-weight: 500; line-height: 1.4; text-align: center; text-decoration: none; transition: background .18s, border-color .18s; }
52.button:hover { background: var(--blue-hover); border-color: var(--blue-hover); }
53.button:disabled { cursor: wait; opacity: .65; }
54.text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--blue); font-size: 15px; font-weight: 400; line-height: 1.5; text-decoration: underline; text-underline-offset: 6px; border: 0; background: none; padding: 9px 0; text-align: left; }
55.text-link:hover { text-decoration-thickness: 2px; }
56.actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 30px; margin-top: 32px; }
57.skip-link { position: fixed; z-index: 30; top: 12px; left: 12px; background: var(--blue); color: white; padding: 12px 20px; transform: translateY(-160%); }
58.skip-link:focus { transform: none; }
59
60/* Quiet masthead and immediate access to the team. */
61.header { height: 76px; position: sticky; top: 0; z-index: 20; background: rgb(255 255 255 / .96); backdrop-filter: blur(16px); border-bottom: 1px solid var(--line); }
62.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
63.brand { display: inline-flex; align-items: center; flex-shrink: 0; gap: 12px; font: 600 32px/1 var(--serif); letter-spacing: -.02em; text-decoration: none; white-space: nowrap; }
64.brand-mark { display: block; width: 23px; height: 45px; object-fit: contain; flex-shrink: 0; }
65.main-nav { display: flex; align-items: center; gap: 30px; }
66.main-nav > a:not(.button) { font-size: 14px; line-height: 1.4; text-decoration: none; position: relative; padding-block: 15px; }
67.main-nav > a:not(.button)::after { content: ''; height: 1px; background: var(--blue); position: absolute; bottom: 8px; left: 0; right: 0; transform: scaleX(0); transform-origin: left; transition: transform .18s; }
68.main-nav > a:hover::after, .main-nav > a[aria-current]::after { transform: scaleX(1); }
69.main-nav > a[aria-current] { color: var(--blue); }
70.main-nav > .nav-login { color: var(--blue); font-weight: 500; white-space: nowrap; }
71.nav-cta { min-height: 44px; padding: 11px 20px; margin-left: 14px; font-size: 13px; }
72.nav-cta svg { display: none; }
73.menu-toggle { display: none; }
74
75/* Image-led opening and eight editorial chapters. */
76.hero { padding: 36px 0 88px; }
77.hero > .wrap { display: grid; grid-template-columns: 1fr 1.03fr; gap: 56px 64px; align-items: center; }
78.hero-copy { min-width: 0; padding-block: 24px; }
79.hero h1 { max-width: 640px; font-size: clamp(48px, 5vw, 76px); line-height: 1.04; letter-spacing: -.055em; margin-bottom: 30px; text-wrap: balance; }
80.hero h1 em { display: block; font-size: 1.12em; line-height: 1.03; margin-top: 5px; }
81.hero .intro { max-width: 540px; font-size: 18px; line-height: 1.65; margin: 0; }
82.hero .actions { align-items: flex-start; gap: 10px 24px; margin-top: 28px; }
83.hero .button > svg { display: none; }
84.hero .micro { margin: 20px 0 0; max-width: 490px; font-size: 14px; line-height: 1.65; }
85.hero-media { position: relative; align-self: center; aspect-ratio: .94; overflow: hidden; border-radius: 4px; }
86.hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 48% 52%; }
87.hero-context { grid-column: 1 / -1; max-width: none; border-top: 1px solid var(--line); padding: 40px 8% 0 0; margin: 0; color: var(--ink); font-size: clamp(24px, 2.2vw, 32px); font-weight: 400; line-height: 1.5; letter-spacing: -.03em; }
88.section-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 96px; align-items: start; margin-bottom: 56px; }
89.section-heading h2 { margin: 0; max-width: 620px; }
90.section-heading > .intro { margin: 0; padding-top: 5px; }
91.needs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 72px; }
92.need-row { border-top: 1px solid var(--line); padding: 34px 0; display: grid; grid-template-columns: 72px 1fr; gap: 24px; }
93.need-row .number { display: block; margin: 0; font: 400 60px/1 var(--serif); letter-spacing: -.055em; }
94.need-row > div { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; border-left: 1px solid var(--line); padding-left: 24px; }
95.need-row h3 { font-size: 24px; line-height: 1.3; max-width: 510px; margin-bottom: 14px; }
96.need-row h3 a { text-decoration: none; }
97.need-row h3 a:hover { color: var(--blue); }
98.need-row p { font-size: 16px; line-height: 1.7; margin-bottom: 10px; max-width: 510px; }
99.need-row .text-link { font-size: 14px; margin-top: auto; }
100.split { display: grid; grid-template-columns: .85fr 1.2fr; gap: 104px; align-items: start; }
101.split > div:first-child > h2 { max-width: 530px; }
102.split > div:first-child > .text-link { margin-top: 10px; }
103.principles { display: grid; }
104.principles article { display: grid; grid-template-columns: 86px 1fr; gap: 24px; padding-block: 30px; border-top: 1px solid var(--line); }
105.principles article:first-child { padding-top: 0; border: 0; }
106.principles .number { font: 400 76px/1 var(--serif); letter-spacing: -.06em; }
107.principles h3 { font-size: 24px; }
108.principles p { font-size: 17px; margin: 0; }
109.closing { border-top: 1px solid var(--line); padding-top: 32px; color: var(--petrol); font-size: 22px; letter-spacing: -.02em; margin: 36px 0 0; max-width: none; }
110.phase-row { display: grid; grid-template-columns: 72px 1fr 22px; gap: 22px; padding: 28px 0; border-top: 1px solid var(--line); text-decoration: none; }
111.phase-row:last-child { border-bottom: 1px solid var(--line); }
112.phase-row .number { font: 400 60px/1 var(--serif); letter-spacing: -.05em; }
113.phase-row:not(.pre-phase) > div { border-left: 1px solid var(--line); padding-left: 22px; }
114.phase-row h3 { font-size: 23px; margin-bottom: 10px; }
115.phase-row p { font-size: 16px; line-height: 1.65; margin: 0; }
116.phase-row > svg { margin-top: 6px; color: var(--blue); }
117.phase-row:hover h3 { color: var(--blue); }
118.pre-phase { grid-template-columns: 1fr 22px; padding: 30px; margin-bottom: 28px; border: 1px solid var(--line); border-top: 2px solid var(--blue); background: var(--paper); }
119.pre-phase .overline { margin-bottom: 12px; color: var(--muted); }
120.pre-phase h3 { font-size: 30px; }
121.after-note { margin: 32px 0 0 auto; max-width: 712px; font-size: 14px; }
122.table-wrap { width: 100%; margin-bottom: 24px; }
123table { border-collapse: collapse; width: 100%; font-size: 17px; text-align: left; }
124thead { color: var(--muted); }
125th, td { padding: 27px 24px; vertical-align: top; line-height: 1.65; border-bottom: 1px solid var(--line); }
126th:first-child { padding-left: 0; }
127td:last-child { padding-right: 0; }
128thead th { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .14em; padding-top: 0; padding-bottom: 18px; }
129tbody th { font-weight: 500; width: 46%; letter-spacing: -.025em; }
130.home-results tbody th { font-size: 25px; line-height: 1.4; font-weight: 400; color: var(--petrol); }
131td { color: var(--muted); }
132table:has(th:nth-child(3)) tbody th { width: 34%; }
133.home-team { padding-top: 0; }
134.home-team > .wrap { padding-top: 96px; border-top: 1px solid var(--line); }
135.home-team .section-heading { margin-bottom: 12px; }
136.home-team > .wrap > .text-link { margin-left: calc(50% + 48px); margin-bottom: 34px; }
137.collaboration-image { margin: 0 0 44px; }
138.collaboration-image img { aspect-ratio: 3 / 1; object-fit: cover; border-radius: 4px; }
139.collaboration-image figcaption { font-size: 12px; color: var(--muted); text-align: right; margin-top: 8px; }
140.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; }
141.person { display: flex; flex-direction: column; border-top: 1px solid var(--line); padding: 28px 0 0; }
142.person h3 { font: 400 40px/1.12 var(--serif); letter-spacing: -.035em; margin-bottom: 17px; text-wrap: pretty; }
143.person .role { color: var(--petrol); font-size: 14px; line-height: 1.6; min-height: 45px; margin-bottom: 20px; }
144.person-summary { font-size: 16px; line-height: 1.7; margin-bottom: 20px; }
145.person > .text-link { align-self: flex-start; margin-top: auto; padding-top: 12px; font-size: 14px; }
146.evidence-list article { display: grid; grid-template-columns: 96px 1fr; gap: 26px; border-top: 1px solid var(--line); padding: 30px 0; }
147.evidence-list article:last-child { border-bottom: 1px solid var(--line); }
148.evidence-list .number { font: 400 82px/1 var(--serif); letter-spacing: -.06em; }
149.evidence-list h3 { font-size: 26px; }
150.evidence-list p { font-size: 17px; margin: 0; }
151.faq-list details { border-top: 1px solid var(--line); }
152.faq-list details:last-child { border-bottom: 1px solid var(--line); }
153summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 30px; font-size: 17px; font-weight: 400; line-height: 1.6; cursor: pointer; padding: 26px 0; }
154summary::-webkit-details-marker { display: none; }
155.plus { position: relative; flex: 0 0 16px; height: 16px; color: var(--blue); }
156.plus::before, .plus::after { content: ''; width: 14px; height: 1px; position: absolute; left: 1px; top: 8px; background: currentColor; }
157.plus::after { transform: rotate(90deg); transition: transform .2s; }
158details[open] .plus::after { transform: rotate(0); }
159.faq-list details p { font-size: 16px; max-width: 640px; padding-right: 32px; margin: 0 0 26px; }
160.final-cta { text-align: left; display: grid; grid-template-columns: 1.35fr 1fr; gap: 64px; align-items: center; background: var(--soft-petrol); margin-top: 88px; padding: 64px; }
161.final-cta h2 { max-width: 800px; margin: 0 0 24px; }
162.final-cta p { max-width: 710px; margin: 0; }
163.final-cta > .actions { justify-content: flex-end; margin-top: 0; }
164.tint .final-cta { border-top: 1px solid var(--line); padding-bottom: 0; padding-inline: 0; background: transparent; }
165.home-closing { padding-bottom: 0; }
166.home-closing > .wrap { width: 100%; }
167.faq-split { width: min(1320px, calc(100% - 112px)); margin-inline: auto; }
168.home-closing .final-cta { display: block; margin-top: 96px; padding: 88px max(56px, calc((100% - 1320px) / 2)); }
169.home-closing .final-cta h2 { max-width: 830px; font-size: 64px; }
170.home-closing .final-cta p { max-width: 800px; }
171.home-closing .final-cta > .actions { justify-content: flex-start; margin-top: 32px; }
172
173/* Inner pages reuse the same open rows and reading rhythm. */
174.page-hero { padding: 42px 0 64px; border-bottom: 1px solid var(--line); }
175.breadcrumb { display: inline-flex; align-items: center; gap: 9px; font-size: 13px; min-height: 36px; text-decoration: none; color: var(--muted); margin-bottom: 28px; }
176.breadcrumb svg { width: 15px; flex-basis: 15px; height: 15px; }
177.page-hero h1 { max-width: 1050px; margin-bottom: 28px; }
178.page-hero > .wrap > .intro { max-width: 800px; margin-bottom: 0; font-size: 19px; }
179.jump-intro { margin-top: 42px; margin-bottom: 18px; font-size: 16px; max-width: 760px; }
180.jump-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 36px; margin-top: 38px; }
181.jump-intro + .jump-nav { margin-top: 0; }
182.jump-nav a { display: grid; grid-template-columns: 24px 1fr 20px; align-items: start; gap: 12px; border-top: 1px solid var(--line); padding: 23px 0; font-size: 15px; line-height: 1.5; text-decoration: none; transition: border-color .18s; }
183.jump-nav a:hover, .jump-nav a:focus-visible { border-color: var(--blue); }
184.jump-nav a > span { font-size: 13px; color: var(--blue); padding-top: 2px; }
185.jump-nav a svg { width: 18px; height: 18px; margin-top: 3px; }
186.jump-copy { min-width: 0; }
187.jump-copy strong { display: block; font-weight: 500; margin-bottom: 9px; }
188.jump-copy small { display: block; color: var(--muted); 
188font-size: 13px; line-height: 1.6; }
189.jump-nav a:hover strong { color: var(--blue); text-decoration: underline; }
190.detail-layout { display: grid; grid-template-columns: 205px 1fr; gap: 96px; }
191.detail-layout article > h2 { max-width: 900px; }
192.detail-layout article > h3 { margin-top: 36px; }
193.detail-layout article > p:not(.intro) { font-size: 16px; max-width: 830px; }
194.detail-aside > .number { font: 400 44px/1.1 var(--serif); }
195.detail-aside > p { font-size: 14px; margin-top: 18px; max-width: 200px; color: var(--blue); }
196.detail-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 36px; }
197.detail-pair h3 { font-size: 20px; }
198.detail-pair p { font-size: 16px; }
199.example-inline { border-left: 2px solid var(--blue); padding: 3px 0 3px 26px; margin-block: 30px; }
200.example-inline > span { font-size: 13px; color: var(--blue); }
201.example-inline p { font: 400 23px/1.5 var(--serif); margin: 10px 0 0; }
202.step-nav, .profile-nav { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 40px; border-top: 1px solid var(--line); padding-top: 24px; }
203.step-nav a, .profile-nav a { font-size: 14px; line-height: 1.5; min-height: 44px; padding: 11px 0; text-decoration: none; }
204.profile-nav { border: 0; padding-top: 0; gap: 12px; }
205.profile-nav a { padding: 12px 0; border-bottom: 1px solid var(--line); margin-right: 26px; }
206.profile-nav a { display: inline-flex; align-items: center; gap: 12px; }
207.step-nav a:hover, .profile-nav a:hover { color: var(--blue); text-decoration: underline; }
208.step-nav span { color: var(--blue); margin-right: 5px; }
209.plain-list { list-style: none; margin: 0 0 32px; padding: 0; }
210.plain-list li { position: relative; padding: 12px 0 12px 24px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 16px; line-height: 1.65; }
211.plain-list li::before { content: ''; position: absolute; left: 0; top: 23px; width: 4px; height: 4px; background: var(--blue); }
212.deliverables { padding: 30px 32px; background: var(--tint); margin: 30px 0; }
213.tint .deliverables { background: var(--paper); }
214.deliverables h3 { font-size: 22px; }
215.deliverables .plain-list { margin: 0; }
216.deliverables .plain-list li:last-child { border: 0; }
217.section > .wrap > .faq-list { margin-top: 44px; max-width: 800px; margin-left: auto; }
218.framing-sheet { margin: 0; }
219.framing-sheet > div { border-top: 1px solid var(--line); padding-block: 23px; }
220.framing-sheet > div:last-child { border-bottom: 1px solid var(--line); }
221.framing-sheet dt { font-weight: 500; font-size: 16px; }
222.framing-sheet dd { color: var(--muted); margin: 8px 0 0; font-size: 15px; line-height: 1.7; }
223.data-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-bottom: 36px; }
224.data-grid article { border-top: 1px solid var(--line); padding-top: 24px; }
225.data-grid h3 { font-size: 21px; }
226.data-grid p { font-size: 16px; }
227.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 88px; }
228.two-col h2 { font-size: 36px; }
229.two-col p { font-size: 16px; }
230.notice { border-left: 2px solid var(--blue); padding-left: 24px; font-size: 16px; margin-bottom: 36px; }
231.process-list article { display: grid; grid-template-columns: 40px 1fr; gap: 20px; padding: 25px 0; border-top: 1px solid var(--line); }
232.process-list p { margin: 0; font-size: 16px; }
233.process-list .number { padding-top: 6px; }
234.pilot-report { border-top: 1px solid var(--line); }
235.team-profiles { display: grid; }
236.person-profile { display: grid; grid-template-columns: .85fr 1.2fr; gap: 88px; border-top: 1px solid var(--line); padding: 56px 0; scroll-margin-top: 112px; }
237.person-profile:first-child { border-top: 0; padding-top: 0; }
238.person-profile:last-child { padding-bottom: 0; }
239.person-heading { padding: 0; align-self: start; }
240.person-heading h2 { font: 400 54px/1.12 var(--serif); margin-bottom: 18px; }
241.person-heading .role { font-size: 15px; color: var(--petrol); max-width: 310px; margin-bottom: 0; }
242.person-copy .intro { font: 400 28px/1.35 var(--serif); color: var(--ink); }
243.person-copy .bio { font-size: 16px; }
244.person-copy .text-link { margin-top: 4px; }
245
246/* Contact stays usable without a mail relay or JavaScript. */
247.contact-page { padding: 52px 0 104px; }
248.contact-layout { display: grid; grid-template-columns: .86fr 1.12fr; grid-template-areas: "intro form" "aside form"; grid-template-rows: auto 1fr; gap: 32px 88px; align-items: start; }
249.contact-intro { grid-area: intro; }
250.contact-intro h1 { max-width: 500px; font-size: 62px; }
251.contact-intro .intro { margin-bottom: 0; }
252#contact-form { grid-area: form; padding: 36px; border: 1px solid var(--line); border-radius: 4px; background: var(--tint); }
253.contact-noscript { grid-area: form; }
254.contact-aside { grid-area: aside; border-top: 1px solid var(--line); padding-top: 32px; }
255.contact-aside h2 { font-size: 30px; }
256.contact-aside p { font-size: 16px; }
257.required-note { margin-bottom: 24px; }
258.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
259.field { display: flex; flex-direction: column; min-width: 0; gap: 10px; }
260.field.wide { grid-column: 1 / -1; }
261.field label { font-size: 14px; font-weight: 500; line-height: 1.5; }
262.field label span { color: var(--muted); font-weight: 400; }
263.field input, .field select, .field textarea { border: 1px solid #6e767d; border-radius: 6px; background: var(--paper); color: var(--ink); padding: 13px 14px; font-size: 16px; line-height: 1.5; width: 100%; min-height: 50px; transition: border-color .18s; }
264.field textarea { resize: vertical; min-height: 152px; }
265.field input[aria-invalid=true], .field select[aria-invalid=true], .field textarea[aria-invalid=true] { border-color: #ab2929; }
266.field-error { font-size: 13px; line-height: 1.5; color: #a02222; }
267.field-error:empty { display: none; }
268.field .micro { font-size: 14px; margin: 0; }
269.privacy-note { font-size: 13px; line-height: 1.7; margin-top: 25px; }
270.privacy-note a { color: var(--blue); }
271.delivery-note { font-size: 14px; margin: 0 0 16px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
272#form-status:not(:empty) { font-size: 14px; line-height: 1.7; padding: 20px; border-left: 2px solid var(--blue); background: var(--tint); margin-top: 26px; }
273#form-status:focus { outline: 3px solid var(--blue); outline-offset: 5px; }
274#form-status.error { border-color: #ab2929; color: #8d2525; }
275#email-fallback { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 16px; }
276#email-fallback .text-link { font-size: 14px; }
277.honey { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
278.no-js #contact-form { display: none; }
279
280/* The footer is part of the light theme, not an inverted brand panel. */
281.footer { background: var(--paper); color: var(--ink); padding: 64px 0 28px; border-top: 1px solid var(--line); }
282.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 88px; }
283.footer-grid .brand { display: inline-flex; margin-bottom: 25px; }
284.footer-grid > div:first-child p { max-width: 340px; font-size: 14px; line-height: 1.7; margin-bottom: 12px; }
285.footer-grid > div:first-child p.micro { font-size: 14px; }
286.footer-grid h2 { font: 500 14px/1.5 var(--sans); letter-spacing: 0; margin-bottom: 16px; }
287.footer-grid > div:not(:first-child) > a { display: block; font-size: 13px; text-decoration: none;
287 padding-block: 6px; width: fit-content; color: var(--muted); }
288.footer a:hover { color: var(--blue); text-decoration: underline; }
289.footer-bottom { border-top: 1px solid var(--line); margin-top: 42px; padding-top: 24px; display: flex; justify-content: space-between; align-items: center; gap: 26px; font-size: 12px; color: var(--muted); }
290.footer-bottom > div { display: flex; flex-wrap: wrap; gap: 8px 24px; }
291.footer-bottom a { text-decoration: none; min-height: 32px; display: inline-flex; align-items: center; }
292.back-top { display: inline-flex; align-items: center; gap: 10px; }
293.back-top svg { transform: rotate(-90deg); width: 16px; height: 16px; flex-basis: 16px; }
294.back-top:hover > svg { transform: rotate(-90deg) translateX(3px); }
295
296@media (max-width: 1190px) {
297  .main-nav { gap: 22px; }
298  .nav-cta { margin-left: 0; }
299  .section-heading, .split, .person-profile, .contact-layout { gap: 56px; }
300  .hero > .wrap { gap: 44px; }
301  .hero h1 { font-size: 5vw; }
302  .needs-grid { column-gap: 44px; }
303  .need-row { grid-template-columns: 56px 1fr; gap: 18px; }
304  .need-row .number { font-size: 50px; }
305  .need-row > div { padding-left: 18px; }
306  .need-row h3 { font-size: 22px; }
307  .principles article, .evidence-list article { grid-template-columns: 68px 1fr; gap: 20px; }
308  .principles .number, .evidence-list .number { font-size: 64px; }
309  .phase-row { grid-template-columns: 54px 1fr 22px; gap: 18px; }
310  .phase-row .number { font-size: 50px; }
311  .phase-row:not(.pre-phase) > div { padding-left: 18px; }
312  .pre-phase { grid-template-columns: 1fr 22px; }
313  .home-team > .wrap > .text-link { margin-left: calc(50% + 28px); }
314  .team-grid { gap: 32px; }
315  .person h3 { font-size: 34px; }
316  .detail-layout { grid-template-columns: 165px 1fr; gap: 60px; }
317  .person-heading h2 { font-size: 44px; }
318  .final-cta { padding: 48px; gap: 40px; }
319}
320@media (max-width: 1000px) {
321  .header { height: 68px; }
322  .menu-toggle { display: flex; width: 44px; height: 44px; padding: 12px 8px; flex-direction: column; justify-content: center; gap: 6px; border: 0; background: none; color: var(--ink); }
323  .menu-toggle span { width: 26px; height: 1px; background: currentColor; transition: transform .2s; }
324  .menu-toggle[aria-expanded=true] span:first-child { transform: translateY(3.5px) rotate(45deg); }
325  .menu-toggle[aria-expanded=true] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
326  .main-nav { display: none; position: absolute; top: 68px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; background: var(--paper); padding: 16px 32px max(26px, env(safe-area-inset-bottom)); border-bottom: 1px solid var(--line); max-height: calc(100dvh - 68px); overflow-y: auto; overscroll-behavior-y: contain; }
327  .main-nav.open { display: flex; }
328  .main-nav > a:not(.button) { font-size: 17px; padding: 16px 0; border-bottom: 1px solid var(--line); }
329  .main-nav > a:not(.button)::after { display: none; }
330  .main-nav > a[aria-current="page"] { font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; }
331  .main-nav .nav-cta { font-size: 14px; align-self: flex-start; margin-top: 22px; padding-inline: 23px; }
332  .wrap, .faq-split { width: calc(100% - 64px); }
333  .hero { padding-block: 28px 64px; }
334  .hero h1 { font-size: 5vw; }
335  .hero .intro { font-size: 17px; }
336  .section { padding-block: 80px; }
337  .section-heading, .split { gap: 42px; grid-template-columns: 1fr 1fr; }
338  .section-heading h2, .split h2 { font-size: 40px; }
339  .need-row { grid-template-columns: 1fr; }
340  .need-row > div { border-left: 0; padding-left: 0; }
341  .need-row .number { font-size: 52px; }
342  .principles article, .evidence-list article { grid-template-columns: 48px 1fr; gap: 16px; }
343  .principles .number, .evidence-list .number { font-size: 48px; }
344  .principles h3, .evidence-list h3 { font-size: 22px; }
345  .principles p, .evidence-list p { font-size: 16px; }
346  .phase-row { grid-template-columns: 42px 1fr 18px; gap: 14px; }
347  .phase-row .number { font-size: 40px; }
348  .phase-row h3 { font-size: 21px; }
349  .phase-row:not(.pre-phase) > div { border-left: 0; padding-left: 0; }
350  .pre-phase { grid-template-columns: 1fr 18px; padding: 24px; }
351  .pre-phase h3 { font-size: 26px; }
352  .home-team { padding-top: 0; }
353  .home-team > .wrap { padding-top: 72px; }
354  .home-team > .wrap > .text-link { margin-left: calc(50% + 21px); }
355  .team-grid { gap: 24px; }
356  .person h3 { font-size: 32px; }
357  .person .role { min-height: 66px; }
358  .final-cta { display: block; padding: 40px; }
359  .final-cta > .actions { justify-content: flex-start; margin-top: 28px; }
360  .home-closing { padding-bottom: 0; }
361  .home-closing .final-cta { padding: 64px 32px; margin-top: 80px; }
362  .home-closing .final-cta h2 { font-size: 56px; }
363  .detail-layout { grid-template-columns: 135px 1fr; gap: 42px; }
364  .data-grid, .jump-nav { grid-template-columns: 1fr 1fr; }
365  .contact-layout, .person-profile { gap: 44px; }
366  #contact-form { padding: 28px; }
367  .contact-layout .form-grid { grid-template-columns: 1fr; }
368  .contact-intro h1 { font-size: 48px; }
369  .person-heading h2 { font-size: 38px; }
370  .footer-grid { gap: 45px; }
371  .no-js .header { height: auto; position: static; }
372  .no-js .header-inner { flex-wrap: wrap; padding-block: 22px; }
373  .no-js .menu-toggle { display: none; }
374  .no-js .main-nav { display: flex; position: static; padding: 0; border: 0; width: 100%; max-height: none; }
375}
376@media (max-width: 900px) {
377  .hero > .wrap { grid-template-columns: 1fr; gap: 36px; }
378  .hero-copy { padding-block: 12px 0; }
379  .hero h1 { font-size: 72px; max-width: 720px; }
380  .hero h1 em { display: inline; }
381  .hero .intro { max-width: 640px; }
382  .hero-media { aspect-ratio: 1.45; }
383  .hero-media img { object-position: 50% 54%; }
384  .hero-context { padding-top: 32px; padding-right: 0; }
385}
386@media (max-width: 700px) {
387  html { scroll-padding-top: 92px; }
388  body { font-size: 16px; }
389  .wrap, .faq-split { width: calc(100% - 40px); }
390  .header .brand { font-size: 28px; }
391  .main-nav { padding-inline: 20px; }
392  h1, .page-hero h1 { font-size: 41px; line-height: 1.13; }
393  h2, .section-heading h2, .split h2 { font-size: 36px; line-height: 1.15; }
394  h3 { font-size: 21px; }
395  .hero { padding: 26px 0 56px; }
396  .hero > .wrap { gap: 32px; }
397  .hero h1 { font-size: clamp(34px, 10.6vw, 66px); line-height: 1.05; margin-bottom: 24px; letter-spacing: -.05em; }
398  .hero h1 em { display: block; }
399  .hero .intro { font-size: 16px; line-height: 1.7; max-width: 520px; }
400  .hero .actions { flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 26px; }
401  .hero .button { min-height: 50px; }
402  .hero .micro { font-size: 14px; max-width: 520px; margin-top: 18px; }
403  .hero-media { aspect-ratio: 1.08; }
404  .hero-media img { object-position: 50% 48%; }
405  .hero-context { font-size: 23px; line-height: 1.5; padding-top: 28px; }
406  .intro { font-size: 17px; line-height: 1.7; }
407  .section { padding-block: 64px; }
408  .section-heading { display: block; margin-bottom: 36px; }
409  .section-heading h2 { margin-bottom: 23px; max-width: 560px; }
410  .section-heading .intro { max-width: 580px; padding: 0; }
411  .needs-grid { grid-template-columns: 1fr; gap: 0; }
412  .need-row { padding: 28px 0; grid-template-columns: 44px 1fr; gap: 18px; }
413  .need-row h3 { font-size: 23px; }
414  .need-row .number { font-size: 40px; }
415  .need-row > div { border-left: 1px solid var(--line); padding-left: 18px; }
416  .need-row p { font-size: 16px; margin-bottom: 8px; }
417  .split { display: block; }
418  .split > div:first-child { margin-bottom: 36px; }
419  .principles article { grid-template-columns: 48px 1fr; gap: 20px; padding-block: 26px; }
420  .principles article:first-child { padding-top: 26px; border-top: 1px solid var(--line); }
421  .principles .number { font-size: 46px; }
422  .principles h3 { font-size: 22px; }
423  .closing { margin-top: 12px; padding-top: 28px; font-size: 19px; }
424  .phase-row { grid-template-columns: 38px 1fr 18px; gap: 14px; padding: 26px 0; }
425  .phase-row h3 { font-size: 21px; }
426  .phase-row .number { font-size: 36px; }
427  .phase-row p { font-size: 16px; }
428  .pre-phase { grid-template-columns: 1fr 18px; padding: 24px; }
429  .pre-phase h3 { font-size: 25px; }
430  .after-note { margin-top: 28px; font-size: 14px; }
431  .table-wrap table, .table-wrap tbody { display: block; }
432  .table-wrap thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
433  .table-wrap tr { display: block; padding: 24px 0; border-top: 1px solid var(--line); }
434  .table-wrap tbody th, .table-wrap td { display: block; width: 100% !important; border: 0; padding: 0; }
435  .table-wrap tbody th { font-size: 20px; margin-bottom: 14px; }
436  .home-results tbody th { font-size: 23px; }
437  .table-wrap td { font-size: 16px; margin-top: 14px; }
438  .table-wrap td::before { content: attr(data-label); display: block; font-size: 14px; color: var(--petrol); margin-bottom: 5px; }
439  .table-wrap tr:last-child { border-bottom: 1px solid var(--line); }
440  .home-team { padding-top: 0; }
441  .home-team > .wrap { padding-top: 56px; }
442  .home-team .section-heading { margin-bottom: 14px; }
443  .home-team > .wrap > .text-link { margin-left: 0; margin-bottom: 28px; }
444  .collaboration-image { margin-bottom: 32px; }
445  .collaboration-image img { aspect-ratio: 3 / 1; object-position: 50% 50%; }
446  .team-grid { grid-template-columns: 1fr; gap: 34px; }
447  .person { padding-top: 26px; }
448  .person h3 { font-size: 38px; }
449  .person .role { min-height: 0; font-size: 14px; margin-bottom: 18px; }
450  .person-summary { font-size: 16px; margin-bottom: 8px; max-width: 550px; }
451  .person > .text-link { margin-top: 8px; }
452  .evidence-list article { grid-template-columns: 48px 1fr; gap: 20px; padding-block: 26px; }
453  .evidence-list .number { font-size: 46px; }
454  .evidence-list h3 { font-size: 23px; }
455  .evidence-list p { font-size: 16px; }
456  .faq-split > h2 { margin-bottom: 32px; }
457  summary { font-size: 16px; padding-block: 23px; gap: 24px; }
458  .faq-list details p { font-size: 16px; padding-right: 12px; }
459  .final-cta { margin-top: 56px; padding: 32px 24px; }
460  .final-cta h2 { font-size: 36px; }
461  .final-cta .intro { font-size: 17px; }
462  .final-cta > .actions { flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 26px; }
463  .final-cta .button { padding-inline: 20px; gap: 12px; }
464  .home-closing { padding-bottom: 0; }
465  .home-closing .final-cta { margin-top: 64px; padding: 56px 20px; }
466  .home-closing .final-cta h2 { font-size: 40px; }
467  .page-hero { padding: 28px 0 50px; }
468  .breadcrumb { margin-bottom: 25px; }
469  .page-hero h1 { margin-bottom: 23px; }
470  .page-hero > .wrap > .intro { font-size: 17px; }
471  .jump-nav { grid-template-columns: 1fr; margin-top: 32px; }
472  .jump-nav a { padding-block: 22px; }
473  .jump-copy small { font-size: 14px; }
474  .jump-intro { margin-top: 32px; font-size: 15px; }
475  .detail-layout { display: block; }
476  .detail-aside { display: flex; align-items: center; gap: 18px; margin-bottom: 28px; }
477  .detail-aside > .number { font-size: 32px; }
478  .detail-aside > p { margin: 0; max-width: none; font-size: 13px; }
479  .detail-layout article > h3 { margin-top: 30px; }
480  .detail-pair { display: block; margin-top: 28px; }
481  .detail-pair > div + div { margin-top: 28px; }
482  .example-inline { padding-left: 21px; }
483  .example-inline p { font-size: 22px; }
484  .detail-layout .actions { align-items: flex-start; gap: 14px; flex-direction: column; }
485  .step-nav, .profile-nav { gap: 6px 24px; margin-top: 28px; padding-top: 16px; }
486  .step-nav a, .profile-nav a { font-size: 13px; }
487  .deliverables { padding: 24px 22px; }
488  .data-grid { grid-template-columns: 1fr; gap: 20px; }
489  .data-grid h3 { font-size: 21px; }
490  .two-col { grid-template-columns: 1fr; gap: 34px; }
491  .two-col h2 { font-size: 34px; }
492  .framing-sheet { margin-top: 32px; }
493  .framing-sheet dt, .framing-sheet dd { font-size: 15px; }
494  .person-profile { display: block; padding-block: 35px; scroll-margin-top: 96px; }
495  .person-heading { margin-bottom: 28px; }
496  .person-heading h2 { font-size: 40px; }
497  .person-heading .role { font-size: 14px; max-width: none; margin-bottom: 0; }
498  .person-copy .intro { font-size: 26px; }
499  .person-copy .bio { font-size: 16px; }
500  .contact-page { padding: 28px 0 64px; }
501  .contact-layout { display: block; }
502  .contact-intro { margin-bottom: 28px; }
503  .contact-intro h1 { font-size: clamp(36px, 10.2vw, 42px); margin-bottom: 20px; }
504  .contact-intro .intro { font-size: 17px; line-height: 1.6; }
505  #contact-form { padding: 24px 20px; }
506  .required-note, .field .micro, .privacy-note, .micro, .jump-nav a > span { font-size: 14px; }
507  .field-error { font-size: 14px; }
508  .contact-aside { margin-top: 32px; padding-top: 27px; margin-bottom: 40px; }
509  .contact-aside h2 { font-size: 28px; margin-bottom: 18px; }
510  .form-grid { grid-template-columns: 1fr; gap: 23px; }
511  .field.wide { grid-column: auto; }
512  .reading h2 { font-size: 30px; }
513  .footer { padding: 48px 0 24px; }
514  .footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 24px; }
515  .footer-grid > div:first-child { grid-column: 1 / -1; }
516  .footer-grid .brand { margin-bottom: 22px; }
517  .footer-grid h2 { font-size: 14px; }
518  .footer-grid > div:not(:first-child) > a { display: flex; align-items: center; min-height: 44px; font-size: 13px; padding-block: 8px; }
519  .footer-bottom { flex-wrap: wrap; align-items: flex-start; gap: 18px; margin-top: 32px; padding-top: 22px; }
520  .footer-bottom > div { order: 3; width: 100%; gap: 7px 20px; }
521  .footer-bottom .back-top { margin-left: auto; }
522  .footer-bottom a { min-height: 44px; }
523}
524/* Compact chapters: keep full detail on the linked service pages. */
525.home-needs, .home-team, .home-method, .home-evidence, .home-results { padding-block: 88px; }
526.home-needs .section-heading, .home-method .section-heading { margin-bottom: 40px; }
527.home-needs .need-row { grid-template-columns: 40px 1fr; gap: 20px; padding-block: 26px; }
528.home-needs .need-row .number { font: 500 18px/1.5 var(--sans); letter-spacing: 0; padding-top: 2px; }
529.home-needs .need-row > div { border-left: 0; padding-left: 0; }
530.home-needs .need-row h3 { font-size: 23px; margin-bottom: 12px; }
531.home-needs .need-row p { margin-bottom: 8px; }
532.home-needs .need-row .text-link { font-size: 15px; }
533.home-team { background: var(--paper); }
534.home-team > .wrap { padding-top: 0; border-top: 0; }
535.home-team .section-heading { margin-bottom: 40px; }
536.home-team > .wrap > .text-link { margin: 28px 0 0; }
537.home-team .person .role, .home-team .person > .text-link { font-size: 15px; }
538.home-team .person .role { min-height: 48px; margin-bottom: 14px; }
539.home-method { border-top: 1px solid var(--line); }
540.home-method .principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
541.home-method .principles article { display: block; border-top: 2px solid var(--petrol); padding: 24px 0 0; }
542.home-method .principles h3 { font-size: 23px; }
543.home-method .principles p { font-size: 16px; }
544.method-journey { display: grid; grid-template-columns: .85fr 1.2fr; gap: 72px; margin-top: 56px; }
545.method-intro h3 { font-size: 30px; max-width: 430px; }
546.method-intro > p { font-size: 17px; }
547.home-method .phase-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 30px; }
548.home-method .phase-row { position: relative; grid-template-columns: 1fr 20px; align-content: start; gap: 12px; padding: 24px 0; }
549.home-method .phase-row .number { grid-column: 1; font: 500 16px/1.5 var(--sans); letter-spacing: 0; }
550.home-method .phase-row > div { grid-column: 1; border-left: 0; padding-left: 0; }
551.home-method .phase-row > svg { grid-column: 2; grid-row: 1;
551 margin-top: 1px; }
552.home-method .phase-row h3 { font-size: 21px; margin-bottom: 10px; }
553.home-method .phase-row:last-child { border-bottom: 0; }
554.home-method .closing { font-size: 20px; margin-top: 40px; padding-top: 28px; max-width: 960px; }
555.home-method .after-note { margin: 16px 0 0; font-size: 15px; }
556.home-evidence .evidence-list article { grid-template-columns: 40px 1fr; gap: 20px; padding-block: 24px; }
557.home-evidence .evidence-list .number { font: 500 18px/1.5 var(--sans); letter-spacing: 0; }
558.home-evidence .evidence-list h3 { font-size: 25px; }
559.home-results .section-heading { margin-bottom: 40px; }
560.jump-copy small, .person > .text-link, .person .role, .after-note { font-size: 15px; }
561@media (max-width: 1100px) {
562  .method-journey { grid-template-columns: 1fr; gap: 24px; }
563  .method-intro { max-width: 740px; }
564  .method-intro h3 { max-width: 680px; }
565  .home-method .principles { gap: 28px; }
566}
567@media (max-width: 700px) {
568  .home-needs, .home-team, .home-method, .home-evidence, .home-results { padding-block: 48px; }
569  .home-needs .need-row { grid-template-columns: 26px 1fr; gap: 14px; padding-block: 22px; }
570  .home-needs .need-row .number { font-size: 15px; padding-top: 3px; }
571  .home-needs .need-row h3 { font-size: 21px; }
572  .home-team .section-heading { margin-bottom: 28px; }
573  .home-team .team-grid { gap: 24px; }
574  .home-team .person { padding-top: 22px; }
575  .home-team .person .role { min-height: 0; margin-bottom: 12px; }
576  .home-method .principles { grid-template-columns: 1fr; gap: 24px; }
577  .home-method .principles article { padding-top: 20px; }
578  .home-method .principles h3 { font-size: 22px; margin-bottom: 10px; }
579  .method-journey { margin-top: 36px; }
580  .method-intro h3 { font-size: 27px; }
581  .home-method .phase-list { grid-template-columns: 1fr; }
582  .home-method .phase-row { grid-template-columns: 30px 1fr 18px; gap: 12px; padding-block: 22px; }
583  .home-method .phase-row > div { grid-column: 2; }
584  .home-method .phase-row > svg { grid-column: 3; }
585  .home-method .phase-row h3 { font-size: 21px; }
586  .home-method .closing { margin-top: 20px; font-size: 18px; }
587  .home-evidence .evidence-list article { grid-template-columns: 26px 1fr; gap: 14px; }
588  .home-evidence .evidence-list .number { font-size: 15px; padding-top: 3px; }
589  .home-evidence .evidence-list h3 { font-size: 23px; }
590}
591/* ORIJINS use cases: append after the current component rules. */
592.home-use-cases { padding-block: 88px; }
593.home-use-cases > .wrap,
594.use-cases-intro > .wrap,
595.case-story > .wrap { max-width: 1320px; }
596.use-case-heading { display: grid; grid-template-columns: 1.4fr 1fr; gap: 72px; align-items: start; margin-bottom: 44px; }
597.use-case-heading > h2 { margin: 0; max-width: 750px; }
598.use-case-heading > div { min-width: 0; padding-top: 5px; }
599.use-case-heading .intro { margin-bottom: 14px; }
600.use-case-heading .micro { margin: 0; color: var(--muted); font-size: 15px; }
601
602.case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; align-items: stretch; }
603.case-card { display: flex; flex-direction: column; min-width: 0; }
604.case-card > .case-image { display: block; margin-bottom: 20px; border-radius: 4px; }
605.case-image img,
606.case-story-media img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; object-position: center; border-radius: 4px; background: var(--tint); }
607.case-category { color: var(--petrol); font-size: 15px; font-weight: 500; line-height: 1.5; letter-spacing: .01em; margin-bottom: 12px; }
608.case-sector { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
609.case-sector > span { color: var(--muted); font-weight: 400; }
610.case-card-facts { margin: 0 0 24px; padding-top: 18px; border-top: 1px solid var(--line); }
611.case-card-facts > div + div { margin-top: 18px; }
612.case-card-facts dt { margin-bottom: 6px; color: var(--ink); font-size: 15px; font-weight: 600; line-height: 1.5; }
613.case-card-facts dd { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.65; }
614.case-card > h3 { font-size: 28px; line-height: 1.25; margin-bottom: 16px; text-wrap: pretty; }
615.case-card > h3 > a { text-decoration: none; }
616.case-card > h3 > a:hover { color: var(--blue); text-decoration: underline; text-decoration-thickness: 1px; }
617.case-card > p:not(.case-category) { font-size: 17px; line-height: 1.65; margin-bottom: 18px; }
618.case-card > .text-link { align-self: flex-start; margin-top: auto; font-size: 16px; }
619.case-section-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px 48px; margin-top: 40px; }
620.case-section-footer > div { max-width: 500px; text-align: right; }
621.case-section-footer .micro { margin: 0; font-size: 15px; }
622.case-section-footer .text-link { font-size: 16px; }
623
624.use-cases-intro { padding: 42px 0 56px; border-bottom: 1px solid var(--line); }
625.use-cases-intro h1 { max-width: 1050px; margin-bottom: 24px; }
626.use-cases-intro .intro { max-width: 830px; margin-bottom: 14px; }
627.use-cases-intro .micro { max-width: 830px; margin-bottom: 0; font-size: 15px; }
628.case-index { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 32px; margin-top: 36px; }
629.case-index > a { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 52px; min-width: 0; padding: 16px 0; border-top: 1px solid var(--line); font-size: 16px; line-height: 1.5; color: var(--ink); }
630.case-index > a > span { min-width: 0; }
631.case-index small { display: block; margin-bottom: 5px; color: var(--petrol); font-size: 14px; line-height: 1.5; }
632.case-index > a > span > span { display: block; }
633.case-index > a:hover { color: var(--blue); text-decoration-thickness: 2px; }
634
635.case-story { padding-block: 88px; scroll-margin-top: 24px; }
636.case-story + .case-story { border-top: 1px solid var(--line); }
637.case-story-top { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; align-items: start; }
638.case-story-media,
639.case-story-copy { min-width: 0; }
640.case-story-media > figcaption { margin-top: 10px; font-size: 14px; line-height: 1.6; color: var(--muted); }
641.concept-media img { background: var(--paper); }
642.concept-media > figcaption { margin-top: 16px; }
643.illustration-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; list-style: none; margin: 0; padding: 18px 0 0; border-top: 1px solid var(--line); color: var(--ink); font-size: 15px; line-height: 1.5; }
644.illustration-steps > li { min-width: 0; }
645.illustration-steps > li + li { border-left: 1px solid var(--line); padding-left: 20px; }
646.illustration-number { display: block; margin-bottom: 6px; color: var(--petrol); font-size: 13px; font-weight: 500; font-variant-numeric: tabular-nums; }
647.data-overview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; align-items: center; margin-bottom: 56px; }
648.data-overview-copy { min-width: 0; }
649.data-overview-copy > h2 { font-size: clamp(36px, 3.6vw, 52px); max-width: 620px; }
650.data-overview-copy > .intro { margin-bottom: 0; }
651.home-method .data-overview,
652.home-results .data-overview { margin-bottom: 40px; }
653.pilot-report .supporting-photo { margin-top: 32px; }
654#donnees .faq-list { max-width: none; margin-left: 0; }
655.case-story-copy > .case-category { margin: 0 0 20px; }
656.case-story-copy > h2 { font-size: clamp(34px, 3vw, 44px); line-height: 1.16; margin-bottom: 24px; text-wrap: pretty; }
657.case-story-copy > .intro { margin-bottom: 28px; }
658.case-output { padding: 20px 24px; border-left: 3px solid var(--petrol); background: var(--tint); }
659.case-story.tint .case-output { background: var(--paper); }
660.case-output > h3 { font-size: 16px; line-height: 1.5; color: var(--petrol); margin-bottom: 10px; letter-spacing: 0; }
661.case-output > p { font-size: 17px; line-height: 1.6; margin: 0; }
662.case-brief { display: grid; grid-template-columns: 1fr 1.35fr 1fr; gap: 40px; margin: 36px 0 0; padding-top: 28px; border-top: 1px solid var(--line); }
663.case-brief > div { min-width: 0; }
664.case-brief dt { margin-bottom: 12px; color: var(--ink); font-size: 19px; font-weight: 600; line-height: 1.4; }
665.case-brief dd { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.7; }
666
667.case-engagement { margin-top: 44px; padding: 36px; border-radius: 4px; background: var(--soft-petrol); }
668.case-engagement-heading { display: grid; grid-template-columns: 1.5fr 1fr; gap: 48px; align-items: start; margin-bottom: 32px; }
669.case-engagement-heading > div { min-width: 0; }
670.case-engagement h3 { font-size: 28px; line-height: 1.25; margin-bottom: 14px; text-wrap: pretty; }
671.case-engagement p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
672.case-engagement-people { padding-left: 24px; border-left: 1px solid #bccbc8; }
673.case-engagement strong { display: block; color: var(--ink); font-size: 14px; font-weight: 600; line-height: 1.5; margin-bottom: 7px; }
674.case-engagement-stages { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 48px; padding: 0; margin: 0; list-style: none; }
675.case-engagement-stages > li { min-width: 0; padding-top: 22px; border-top: 1px solid #bccbc8; }
676.case-engagement-phase { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 15px; color: var(--petrol); font-size: 14px; font-weight: 500; line-height: 1.5; }
677.case-engagement-phase > svg { width: 18px; height: 18px; }
678.case-engagement-phase > span { font-variant-numeric: tabular-nums; }
679.case-engagement h4 { font-size: 21px; font-weight: 500; line-height: 1.35; margin: 0 0 12px; text-wrap: pretty; }
680.case-engagement p.case-engagement-output { margin-top: 18px; padding-left: 16px; border-left: 2px solid var(--petrol); }
681.case-aftercare { margin-top: 30px; padding-top: 24px; border-top: 1px solid #bccbc8; }
682.case-aftercare h4 { font-size: 18px; margin-bottom: 8px; }
683
684.case-details { margin-top: 36px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
685.case-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 76px; padding: 20px 0; font-size: 24px; font-weight: 500; line-height: 1.4; letter-spacing: -.02em; color: var(--ink); }
686.case-details > summary > span:first-child { min-width: 0; }
687.case-details > summary:hover { color: var(--blue); }
688.case-details[open] > summary { border-bottom: 1px solid var(--line); }
689.case-workflow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; padding-top: 32px; }
690.case-workflow > article { min-width: 0; }
691.case-workflow .case-step { color: var(--petrol); font-size: 15px; line-height: 1.5; letter-spacing: .01em; margin: 0 0 12px; }
692.case-workflow h3 { font-size: 23px; line-height: 1.3; margin-bottom: 14px; text-wrap: pretty; }
693.case-workflow p:not(.case-step) { font-size: 16px; line-height: 1.7; margin: 0; }
694.case-review { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; margin-top: 32px; padding: 28px 0 32px; border-top: 1px solid var(--line); }
695.case-review > div { min-width: 0; }
696.case-review h3 { font-size: 23px; line-height: 1.3; margin-bottom: 14px; }
697.case-review p,
698.case-review ul { color: var(--muted); font-size: 16px; line-height: 1.7; margin: 0; }
699.case-review ul { padding-left: 22px; }
700.case-review li + li { margin-top: 4px; }
701.case-story > .wrap > .text-link { margin-top: 24px; font-size: 16px; }
702.case-story-actions { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 32px; margin-top: 24px; }
703.case-story-actions > a { font-size: 16px; line-height: 1.5; }
704.case-back { display: inline-flex; align-items: center; min-height: 44px; }
705
706@media (max-width: 1100px) {
707  .use-case-heading { grid-template-columns: 1.2fr 1fr; gap: 44px; }
708  .case-grid { gap: 24px; }
709  .case-card > h3 { font-size: 26px; }
710  .case-story-top { gap: 36px; }
711  .data-overview { gap: 36px; }
712  .case-story-copy > h2 { font-size: 34px; }
713  .case-workflow { gap: 28px; }
714  .case-review { gap: 36px; }
715}
716
717@media (max-width: 1000px) {
718  .use-case-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 36px; }
719  .use-case-heading > div { max-width: 740px; padding-top: 0; }
720  .case-card > p:not(.case-category) { font-size: 16px; }
721  .case-index { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
722  .case-story-top { grid-template-columns: 1fr; gap: 32px; }
723  .data-overview { grid-template-columns: 1fr; gap: 24px; }
724  .data-overview-copy { max-width: 740px; }
725  .case-story-copy { max-width: 830px; }
726  .case-story-copy > h2 { max-width: 750px; font-size: 40px; }
727  .case-workflow { gap: 24px; }
728  .case-brief { gap: 24px; }
729  .case-engagement { padding: 28px; }
730  .case-engagement-heading,
731  .case-engagement-stages { gap: 28px; }
732  .case-workflow h3 { font-size: 21px; }
733}
734
735@media (max-width: 700px) {
736  .home-use-cases { padding-block: 48px; }
737  .use-case-heading { gap: 20px; margin-bottom: 32px; }
738  .use-case-heading > h2 { font-size: 34px; }
739  .use-case-heading .intro { font-size: 17px; line-height: 1.65; }
740  .case-grid { grid-template-columns: 1fr; gap: 40px; }
741  .case-card > .case-image { margin-bottom: 18px; }
742  .case-card > .case-category { font-size: 15px; margin-bottom: 10px; }
743  .case-card > h3 { font-size: 28px; margin-bottom: 14px; }
744  .case-card > p:not(.case-category) { font-size: 17px; margin-bottom: 12px; }
745  .case-section-footer { align-items: flex-start; flex-direction: column; gap: 18px; margin-top: 32px; }
746  .case-section-footer > div { text-align: left; }
747  .use-cases-intro { padding: 28px 0 40px; }
748  .use-cases-intro h1 { font-size: clamp(36px, 9.5vw, 44px); line-height: 1.12; margin-bottom: 20px; }
749  .use-cases-intro .intro { font-size: 17px; line-height: 1.65; }
750  .use-cases-intro .breadcrumb { margin-bottom: 20px; }
751  .case-index { grid-template-columns: 1fr; margin-top: 28px; }
752  .case-index > a { min-height: 52px; padding-block: 14px; }
753  .case-story { padding-block: 48px; scroll-margin-top: 16px; }
754  .case-story-top { gap: 24px; }
755  .illustration-steps { gap: 12px; padding-top: 14px; }
756  .illustration-steps > li + li { padding-left: 12px; }
757  .data-overview { gap: 16px; margin-bottom: 36px; }
758  .data-overview-copy > h2 { font-size: 36px; }
759  .case-story-copy > .case-category { margin-bottom: 14px; }
760  .case-story-copy > h2 { font-size: 32px; margin-bottom: 20px; }
761  .case-story-copy > .intro { font-size: 17px; line-height: 1.65; margin-bottom: 24px; }
762  .case-output { padding: 18px 20px; }
763  .case-output > p { font-size: 16px; }
764  .case-details { margin-top: 28px; }
765  .case-brief { grid-template-columns: 1fr; gap: 24px; margin-top: 28px; padding-top: 24px; }
766  .case-brief dt { font-size: 18px; margin-bottom: 8px; }
767  .case-brief dd { font-size: 16px; }
768  .case-engagement { margin-top: 32px; padding: 24px 20px; }
769  .case-engagement-heading,
770  .case-engagement-stages { grid-template-columns: 1fr; gap: 24px; }
771  .case-engagement h3 { font-size: 25px; }
772  .case-engagement-people { padding-left: 16px; }
773  .case-engagement-stages > li { padding-top: 20px; }
774  /* 18px de haut : le lien de phase était la seule cible de cette page sous le
775     minimum tactile, et il y en a vingt-quatre (quatre par cas, six cas). Même
776     convention que ses voisins de ce bloc — .case-index > a et
777     .case-details > summary se donnent déjà une hauteur minimale ici. La marge
778     rend ce que la marge intérieure prend, pour que le rythme ne bouge pas. */
779  .case-engagement-phase { min-height: 44px; padding-block: 13px; margin-bottom: 2px; }
780  .case-details > summary { font-size: 21px; min-height: 68px; padding-block: 18px; gap: 20px; }
781  .case-workflow { grid-template-columns: 1fr; gap: 24px; padding-top: 24px; }
782  .case-workflow h3 { font-size: 22px; margin-bottom: 10px; }
783  .case-workflow .case-step { margin-bottom: 9px; }
784  .case-review { grid-template-columns: 1fr; gap: 24px; margin-top: 28px; padding-block: 24px; }
785  .case-review h3 { font-size: 22px; margin-bottom: 10px; }
786  .case-story > .wrap > .text-link { margin-top: 20px; }
787}
788
789@media (min-width: 1001px) and (max-width: 1190px) {
790  .main-nav { gap: 14px; }
791  .header-inner { gap: 20px; width: calc(100% - 64px); }
792}
793
794@media (prefers-reduced-motion: reduce) {
795  html { scroll-behavior: auto; }
796  *, *::before, *::after { transition: none !important; animation: none !important; }
797}
798@media print {
799  .header, .footer, .actions, .jump-nav, .step-nav, .profile-nav { display: none; }
800  .section, .page-hero { padding-block: 25px; }
801  .wrap { width: 100%; }
802  .tint { background: white; }
803  h1 { font-size: 36px; }
804  h2 { font-size: 28px; }
805  .split, .section-heading, .detail-layout, .person-profile { display: block; }
806  .detail-aside { display: none; }
807  .home-closing .final-cta { margin-inline: 0; }
808}
809</style><style data-stylesheet="pitch-home.css">/* September 2026 presentation identity, scoped to the landing page. */
810/* One variable file covers the site's copy; other original Latin glyphs load on demand. */
811@font-face {
812  font-family: Inter;
813  font-style: normal;
814  font-weight: 400 800;
815  font-display: swap;
816  src: url('/consulting-assets/fonts/inter-core.woff2?v=41dbded89fac801e') format('woff2');
817  unicode-range: U+0020-007E, U+00A0, U+00A3, U+00A5, U+00A9, U+00B7, U+00D7, U+00E8-00E9, U+00F4, U+00F7, U+2013-2014, U+2019, U+201C-201D, U+2022, U+2026, U+20AC, U+2212;
818}
819@font-face {
820  font-family: Inter;
821  font-style: normal;
822  font-weight: 400 800;
823  font-display: swap;
824  src: url('/consulting-assets/fonts/inter-extended.woff2?v=41dbded89fac801e') format('woff2');
825  unicode-range: U+0000, U+00A1-00A2, U+00A4, U+00A6-00A8, U+00AA-00AC, U+00AE-00B6, U+00B8-00D6, U+00D8-00E7, U+00EA-00F3, U+00F5-00F6, U+00F8-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+2002, U+2009, U+200B, U+2018, U+201A, U+201E, U+2032-2033, U+2039-203A, U+2044, U+2122, U+2191, U+2193, U+FEFF;
826}
827
828body:has(.pitch-page) {
829  --sans: Inter, Arial, sans-serif;
830  --serif: Inter, Arial, sans-serif;
831  --ink: #0f2347;
832  --muted: #3a4660;
833  --paper: #faf6ee;
834  --petrol: #a8782a;
835  --soft-petrol: #eee6d8;
836  --blue: #0f2347;
837  --blue-hover: #213c68;
838  --line: #dcd3c3;
839  --tint: #f1eadf;
840  font-family: var(--sans);
841}
842body:has(.pitch-page) ::selection { color: #0f2347; background: #ecd59b; }
843body:has(.pitch-page) .header { background: rgb(250 246 238 / .96); }
844body:has(.pitch-page) .brand { gap: 13px; font: 800 23px/1 var(--sans); letter-spacing: 3px; }
845body:has(.pitch-page) .brand-mark { width: 22px; height: 43px; }
846body:has(.pitch-page) .main-nav { gap: 25px; }
847body:has(.pitch-page) .main-nav > a:not(.button) { font-size: 13px; font-weight: 500; }
848body:has(.pitch-page) .nav-cta { font-size: 12px; font-weight: 600; }
849body:has(.pitch-page) .footer { background: #f2ecdf; }
850body:has(.pitch-page) .footer-grid h2 { font-weight: 700; }
851
852.pitch-page { overflow: clip; }
853.pitch-page h1, .pitch-page h2, .pitch-page h3, .pitch-page h4 {
854  font-family: var(--sans);
855  font-style: normal;
856  color: var(--ink);
857  font-weight: 800;
858  letter-spacing: -.045em;
859}
860.pitch-page h1 { font-size: clamp(44px, 4.31vw, 66px); line-height: 1.07; text-wrap: initial; }
861.pitch-page h2 { font-size: clamp(38px, 3.5vw, 52px); line-height: 1.1; }
862.pitch-page h3 { font-size: 23px; line-height: 1.3; letter-spacing: -.03em; font-weight: 700; }
863.pitch-page h4 { font-size: 19px; line-height: 1.35; letter-spacing: -.02em; font-weight: 700; }
864.pitch-page h1 span, .pitch-page h2 span, .pitch-page h1 em, .pitch-page h2 em {
865  color: var(--petrol);
866  font-family: var(--sans);
867  font-style: normal;
868  font-weight: inherit;
869  letter-spacing: inherit;
870}
871.pitch-page p { line-height: 1.65; }
872.pitch-page .intro { font-size: 19px; line-height: 1.65; letter-spacing: -.015em; }
873.pitch-page .micro { font-size: 13px; }
874.pitch-page .button { font-weight: 600; padding-inline: 24px; gap: 14px; }
875.pitch-page .text-link { font-weight: 600; line-height: 1.5; }
876.pitch-page .pitch-eyebrow {
877  color: #79571c;
878  font-size: 12px;
879  font-weight: 700;
880  line-height: 1.5;
881  text-transform: uppercase;
882  letter-spacing: .16em;
883  margin: 0 0 23px;
884}
885.pitch-page .pitch-rule { width: 65px; height: 3px; background: var(--petrol); margin: 27px 0; }
886.pitch-page .section { padding-block: 96px; }
887
888/* The photographs carry the same right-side composition as the pitch. */
889.pitch-page .pitch-hero { position: relative; min-height: 700px; display: flex; align-items: center; isolation: isolate; }
890.pitch-page .pitch-hero > .wrap { position: relative; z-index: 1; pointer-events: none; }
891.pitch-page .pitch-hero-copy { width: 54%; max-width: 650px; padding-block: 65px 60px; pointer-events: auto; }
892/* Emphasis swap (2026-09-17). Same words, labels and order — mission, then product. The product
893   line is now the h1 and takes the hero scale; the mission line takes the scale the product line
894   had (.pitch-product-lead, kept below for any page still using it). */
895.pitch-page .pitch-hero h1 { margin-bottom: 18px; }
896.pitch-page .pitch-hero .pitch-product-label { margin-bottom: 12px; }
897.pitch-page .pitch-mission-lead,
898.pitch-page .pitch-product-lead { color: var(--ink); font-size: clamp(25px, 2.1vw, 32px); font-weight: 800; line-height: 1.15; letter-spacing: -.035em; margin: 0 0 16px; }
899.pitch-page .pitch-mission-lead { margin-bottom: 0; }
900.pitch-page .pitch-mission-lead span { color: var(--petrol); }
901.pitch-page .pitch-hero .pitch-eyebrow { margin-bottom: 14px; }
902.pitch-page .pitch-hero .pitch-rule { margin-block: 22px; }
903.pitch-page .pitch-hero .intro { max-width: 570px; margin-bottom: 0; font-size: 18px; }
904.pitch-page .pitch-hero .actions { gap: 10px 23px; margin-top: 29px; }
905.pitch-page .pitch-hero .actions .text-link { font-size: 14px; }
906/* What the button does, directly under it. Ink, not muted: it is the reason to click. */
907.pitch-page .pitch-hero-preaudit { margin: 16px 0 0; font-size: 13.5px; color: var(--ink); max-width: 520px; }
908.pitch-page .pitch-hero-note { margin: 8px 0 0; font-size: 13px; }
909.pitch-page .pitch-hero-art, .pitch-page .pitch-scene-art { position: absolute; inset: 0 0 0 auto; width: 47%; overflow: hidden; z-index: -1; }
910.pitch-page .pitch-hero-art > .responsive-image, .pitch-page .pitch-scene-art > .responsive-image { height: 100%; }
911.pitch-page .pitch-hero-art img, .pitch-page .pitch-scene-art img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
912.pitch-page .pitch-hero-art img { object-position: 50% 20%; }
913.pitch-page .pitch-hero-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #faf6ee 0%, rgb(250 246 238 / .65) 8%, transparent 27%); }
914.pitch-page .pitch-problem { background: #f0e9dc; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding-block: 74px; }
915.pitch-page .pitch-problem-layout { display: grid; grid-template-columns: 1.15fr 1fr; gap: 100px; align-items: center; }
916.pitch-page .pitch-problem h2 { font-size: 38px; max-width: 660px; margin: 0; }
917.pitch-page .pitch-problem .intro { font-size: 18px; margin-bottom: 17px; }
918.pitch-page .pitch-problem-layout > div > p:last-child { margin-bottom: 0; }
919
920/* Dark slides use the warm neutrals and gold from the supplied deck. */
921.pitch-page .pitch-scene {
922  --scene-background: #1e1c1a;
923  --scene-gold: #dfb756;
924  position: relative;
925  min-height: 650px;
926  display: flex;
927  justify-content: center;
928  flex-direction: column;
929  background: var(--scene-background);
930  isolation: isolate;
931  padding-block: 86px;
932}
933.pitch-page .pitch-scene > .wrap { position: relative; z-index: 1; }
934.pitch-page .pitch-scene-copy { width: 53%; max-width: 630px; }
935.pitch-page .pitch-scene h2 { color: #faf6ee; font-size: clamp(42px, 4.15vw, 62px); margin: 0; }
936.pitch-page .pitch-scene h2 span { color: var(--scene-gold); }
937.pitch-page .pitch-scene .pitch-eyebrow { color: var(--scene-gold); }
938.pitch-page .pitch-scene .pitch-rule { background: var(--scene-gold); }
939.pitch-page .pitch-scene p { color: #ded9ce; max-width: 565px; }
940.pitch-page .pitch-scene .intro { font-size: 24px; line-height: 1.5; letter-spacing: -.025em; margin-bottom: 24px; }
941.pitch-page .pitch-scene .text-link { color: #f2d389; }
942.pitch-page .pitch-scene a:focus-visible { outline-color: #f2d389; }
943/* Where the data lives: the plainest sentence in the section, set off by a gold edge. */
944.pitch-page .pitch-brain-walls { margin: 0 0 20px; padding-left: 18px; border-left: 3px solid var(--scene-gold); font-size: 17px; }
945.pitch-page .pitch-brain-walls strong { color: #faf6ee; font-weight: 700; }
946.pitch-page .pitch-scene .pitch-brain-origin { margin: 22px 0 0; color: #b9b09e; letter-spacing: .02em; }
947.pitch-page .pitch-scene-art { z-index: 0; }
948.pitch-page .pitch-scene-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, var(--scene-background), transparent 33%), linear-gradient(0deg, var(--scene-background), transparent 20%, transparent 85%, var(--scene-background)); }
949.pitch-page .pitch-brain-principles { display: flex; flex-wrap: wrap; gap: 20px 36px; margin-top: 54px; padding-top: 23px; border-top: 1px solid #61513a; color: #e8dfcc; font-size: 13px; }
950.pitch-page .pitch-brain-principles span { display: flex; gap: 12px; align-items: center; }
951.pitch-page .pitch-brain-principles span::before { content: ''; width: 4px; height: 4px; background: var(--scene-gold); border-radius: 50%; }
952.pitch-page .pitch-resilience { --scene-background: #514a3f; min-height: 630px; }
953.pitch-page .pitch-resilience .pitch-scene-copy { max-width: 650px; }
954.pitch-page .pitch-resilience .pitch-scene-art img { object-position: 52% center; }
955
956.pitch-page .pitch-section-heading { max-width: 1000px; margin-bottom: 46px; }
957.pitch-page .pitch-section-heading h2 { margin-bottom: 26px; }
958.pitch-page .pitch-section-heading .intro { max-width: 760px; margin-bottom: 0; }
959.pitch-page .pitch-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; margin: 48px 0 25px; padding: 0; list-style: none; }
960.pitch-page .pitch-steps li { min-width: 0; padding-top: 21px; border-top: 2px solid var(--petrol); }
961.pitch-page .pitch-step-top { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 24px; font-size: 13px; font-weight: 600; }
962.pitch-page .pitch-step-number { color: #79571c; font-size: 29px; font-weight: 700; line-height: 1; letter-spacing: -.035em; }
963.pitch-page .pitch-steps h3 { font-size: 24px; margin-bottom: 15px; }
964.pitch-page .pitch-steps p { font-size: 16px; margin-bottom: 0; }
965.pitch-page .pitch-use-cases { background: #f0e9dc; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
966.pitch-page .use-case-heading { gap: 65px; grid-template-columns: 1.2fr 1fr; }
967.pitch-page .use-case-heading h2 { font-size: 45px; }
968.pitch-page .case-card > .case-image, .pitch-page .case-image img { border-radius: 0; }
969.pitch-page .case-card > h3 { font-size: 27px; font-weight: 700; }
970.pitch-page .case-category, .pitch-page .case-card-facts dt { color: var(--ink); }
971.pitch-page .case-card-facts dd { font-size: 15px; }
972.pitch-page .case-card > .text-link, .pitch-page .case-section-footer .text-link { font-size: 14px; }
973.pitch-page .case-section-footer .micro { font-size: 13px; }
974
975.pitch-page .pitch-method { border-top: 0; }
976.pitch-page .pitch-method .principles { gap: 42px; }
977.pitch-page .pitch-method .principles article { border-color: var(--line); }
978.pitch-page .pitch-method .principles h3 { font-size: 23px; }
979.pitch-page .pitch-method .method-journey { margin-top: 60px; gap: 76px; }
980.pitch-page .pitch-method .method-intro h3 { font-size: 31px; font-weight: 800; }
981.pitch-page .pitch-method .phase-row .number { color: #79571c; font-weight: 700; }
982.pitch-page .pitch-method .phase-row h3 { font-weight: 700; font-size: 21px; }
983.pitch-page .pitch-method .phase-row p { font-size: 15px; }
984.pitch-page .pitch-deliverables { display: grid; grid-template-columns: .85fr 1.2fr; gap: 76px; padding-block: 34px; margin-top: 44px; border-block: 1px solid var(--line); }
985.pitch-page .pitch-deliverables h3 { font-size: 26px; margin-bottom: 13px; }
986.pitch-page .pitch-deliverables .text-link { font-size: 14px; }
987.pitch-page .pitch-deliverable-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
988.pitch-page .pitch-deliverable-list h4 { margin: 0 0 12px; }
989.pitch-page .pitch-deliverable-list p { font-size: 14px; margin: 0; }
990/* The time frame sits under the four stages it describes, at reading size, not as a footnote. */
991.pitch-page .pitch-method .pitch-timeframe { margin: 44px 0 0; padding-top: 26px; border-top: 1px solid var(--line); max-width: 760px; font-size: 18px; line-height: 1.6; color: var(--ink); }
992.pitch-page .pitch-method .after-note { font-size: 13px; margin-top: 21px; }
993.pitch-page .pitch-results .section-heading { gap: 70px; }
994.pitch-page .pitch-results tbody th { font-size: 23px; font-weight: 700; color: var(--ink); }
995.pitch-page .pitch-results .table-wrap { margin-top: 45px; }
996.pitch-page .pitch-team { background: #f0e9dc; border-top: 1px solid var(--line); }
997.pitch-page .pitch-team > .wrap { border: 0; padding-top: 0; }
998.pitch-page .pitch-team .person { padding-top: 26px; }
999.pitch-page .pitch-team .per
999son h3 { font-family: var(--sans); font-size: 31px; font-weight: 800; }
1000.pitch-page .pitch-team .person .role { color: #79571c; font-weight: 600; }
1001.pitch-page .pitch-team > .wrap > .text-link { margin: 31px 0 0; }
1002.pitch-page .pitch-closing { padding-bottom: 0; }
1003.pitch-page .pitch-closing summary { font-weight: 600; }
1004.pitch-page .pitch-closing .faq-split h2 { font-size: 41px; }
1005.pitch-page .pitch-final-cta { margin-top: 90px; padding: 83px max(56px, calc((100% - 1320px) / 2)); background: #0f2347; }
1006.pitch-page .pitch-final-cta h2 { color: #faf6ee; font-size: 64px; margin-bottom: 25px; }
1007.pitch-page .pitch-final-cta h2 span { color: #dfb756; }
1008.pitch-page .pitch-final-cta .pitch-eyebrow { color: #dfb756; }
1009.pitch-page .pitch-final-cta .intro { color: #e2e5eb; max-width: 690px; }
1010.pitch-page .pitch-final-cta .micro { color: #c4cedd; margin: 20px 0 0; }
1011.pitch-page .pitch-final-cta .button { background: #f5e6bf; border-color: #f5e6bf; color: #0f2347; }
1012.pitch-page .pitch-final-cta .button:hover { background: #fff2d6; border-color: #fff2d6; }
1013.pitch-page .pitch-final-cta .text-link { color: #faf6ee; }
1014.pitch-page .pitch-final-cta a:focus-visible { outline-color: #dfb756; }
1015.pitch-page .pitch-image-note { font-size: 12px; margin: 0; padding: 22px max(56px, calc((100% - 1320px) / 2)); background: #f2ecdf; }
1016
1017@media (min-width: 1600px) {
1018  .pitch-page .pitch-hero { min-height: 770px; }
1019  .pitch-page .pitch-hero-art, .pitch-page .pitch-scene-art { width: calc(50% - 35px); }
1020}
1021@media (max-width: 1190px) {
1022  body:has(.pitch-page) .main-nav { gap: 16px; }
1023  body:has(.pitch-page) .brand { font-size: 20px; letter-spacing: 2px; }
1024  .pitch-page .pitch-hero { min-height: 670px; }
1025  .pitch-page .pitch-hero-copy { width: 54%; padding-block: 55px; }
1026  .pitch-page .pitch-hero .intro { font-size: 17px; }
1027  .pitch-page .pitch-hero .actions { align-items: flex-start; flex-direction: column; gap: 8px; }
1028  .pitch-page .pitch-problem-layout { gap: 55px; }
1029  .pitch-page .pitch-problem h2 { font-size: 33px; }
1030  .pitch-page .pitch-steps { gap: 25px; }
1031  .pitch-page .pitch-steps h3 { font-size: 22px; }
1032  .pitch-page .pitch-scene { min-height: 610px; padding-block: 70px; }
1033  .pitch-page .pitch-scene .intro { font-size: 22px; }
1034  .pitch-page .pitch-scene-copy { width: 53%; }
1035  .pitch-page .pitch-method .method-journey, .pitch-page .pitch-deliverables { gap: 45px; }
1036  .pitch-page .use-case-heading { gap: 45px; }
1037  .pitch-page .use-case-heading h2 { font-size: 40px; }
1038  .pitch-page .case-card > h3 { font-size: 24px; }
1039  .pitch-page .pitch-results .section-heading { gap: 44px; }
1040  .pitch-page .pitch-team .person h3 { font-size: 28px; }
1041}
1042@media (max-width: 1000px) {
1043  body:has(.pitch-page) .main-nav { gap: 0; }
1044  body:has(.pitch-page) .main-nav > a:not(.button) { font-size: 17px; }
1045  body:has(.pitch-page) .brand { font-size: 22px; }
1046  .pitch-page .section { padding-block: 76px; }
1047  .pitch-page .pitch-hero-copy { width: 55%; }
1048  .pitch-page .pitch-hero h1 { font-size: clamp(41px, 5.05vw, 50px); }
1049  .pitch-page .pitch-hero .pitch-eyebrow { font-size: 11px; letter-spacing: .13em; }
1050  .pitch-page .pitch-hero-art { width: 45%; }
1051  .pitch-page .pitch-hero-art img { object-position: 80% 20%; }
1052  .pitch-page .pitch-resilience .pitch-scene-art img { object-position: 80% 50%; }
1053  .pitch-page .pitch-problem-layout { grid-template-columns: 1fr 1fr; gap: 45px; }
1054  .pitch-page .pitch-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px; }
1055  .pitch-page .pitch-steps h3 { font-size: 25px; max-width: 340px; }
1056  .pitch-page .pitch-steps p { max-width: 400px; }
1057  .pitch-page .pitch-scene h2 { font-size: 44px; }
1058  .pitch-page .pitch-scene p:not(.intro):not(.pitch-eyebrow) { font-size: 16px; }
1059  .pitch-page .pitch-brain-principles { gap: 14px 25px; font-size: 12px; }
1060  .pitch-page .pitch-method .method-journey { grid-template-columns: 1fr; gap: 26px; }
1061  .pitch-page .pitch-deliverables { grid-template-columns: 1fr; gap: 28px; }
1062  .pitch-page .pitch-deliverable-list { gap: 35px; }
1063  .pitch-page .use-case-heading { grid-template-columns: 1fr; gap: 22px; }
1064  .pitch-page .pitch-final-cta { padding: 70px 32px; margin-top: 76px; }
1065  .pitch-page .pitch-image-note { padding-inline: 32px; }
1066  .pitch-page .pitch-closing { padding-bottom: 0; }
1067}
1068@media (max-width: 700px) {
1069  body:has(.pitch-page) .brand { font-size: 21px; letter-spacing: 2.6px; }
1070  body:has(.pitch-page) .brand-mark { width: 19px; height: 37px; }
1071  .pitch-page h2, .pitch-page .section-heading h2 { font-size: 35px; line-height: 1.12; }
1072  .pitch-page .intro { font-size: 17px; }
1073  .pitch-page .section { padding-block: 46px; }
1074  .pitch-page .pitch-eyebrow { font-size: 11px; letter-spacing: .13em; margin-bottom: 20px; }
1075  .pitch-page .pitch-rule { width: 55px; margin-block: 20px; }
1076  .pitch-page .pitch-hero { display: flex; flex-direction: column; min-height: 0; align-items: stretch; }
1077  .pitch-page .pitch-hero-copy { width: 100%; max-width: 600px; padding: 32px 0 20px; }
1078  .pitch-page .pitch-hero h1 { font-size: clamp(28px, 8.5vw, 42px); line-height: 1.08; letter-spacing: -.045em; }
1079  .pitch-page .pitch-mission-lead { font-size: clamp(22px, 6.2vw, 26px); }
1080  .pitch-page .pitch-hero .pitch-rule { margin-block: 18px; }
1081  .pitch-page .pitch-hero .intro { font-size: 17px; max-width: 570px; }
1082  .pitch-page .pitch-hero .actions { margin-top: 22px; gap: 6px; }
1083  .pitch-page .pitch-hero .button { min-height: 50px; }
1084  .pitch-page .pitch-hero-note { max-width: 100%; margin-top: 8px; font-size: 12px; }
1085  .pitch-page .pitch-hero-art { position: relative; inset: auto; width: 100%; height: clamp(280px, 88vw, 360px); order: 2; z-index: 0; }
1086  .pitch-page .pitch-hero-art img { height: 100%; object-position: 50% 10%; }
1087  .pitch-page .pitch-hero-art::after { background: linear-gradient(180deg, #faf6ee, rgb(250 246 238 / .35) 16%, transparent 35%); }
1088  .pitch-page .pitch-problem-layout { grid-template-columns: 1fr; gap: 24px; }
1089  .pitch-page .pitch-problem h2 { font-size: 31px; }
1090  .pitch-page .pitch-problem .intro { font-size: 17px; }
1091  .pitch-page .pitch-scene { padding: 44px 0 0; min-height: 0; }
1092  .pitch-page .pitch-scene-copy { width: 100%; max-width: none; }
1093  .pitch-page .pitch-scene h2 { font-size: 40px; line-height: 1.1; }
1094  .pitch-page .pitch-scene .intro { font-size: 21px; }
1095  .pitch-page .pitch-scene p { max-width: 570px; }
1096  .pitch-page .pitch-scene-art { position: relative; inset: auto; width: 100%; height: clamp(260px, 77vw, 330px); order: 3; }
1097  .pitch-page .pitch-scene-art img { object-position: 50% 50%; }
1098  .pitch-page .pitch-scene-art::after { background: linear-gradient(180deg, var(--scene-background), transparent 25%, transparent 91%, var(--scene-background)); }
1099  .pitch-page .pitch-brain-principles { flex-direction: column; gap: 13px; margin-top: 28px; padding-top: 24px; font-size: 13px; }
1100  .pitch-page .pitch-resilience .pitch-scene-art { height: clamp(250px, 78vw, 335px); margin-top: 9px; }
1101  .pitch-page .pitch-resilience .pitch-scene-art img { height: 100%; object-position: 50% 50%; }
1102  .pitch-page .pitch-section-heading { margin-bottom: 32px; }
1103  .pitch-page .pitch-section-heading h2 { margin-bottom: 22px; }
1104  .pitch-page .pitch-steps { grid-template-columns: 1fr; gap: 24px; margin: 28px 0 20px; }
1105  .pitch-page .pitch-steps li { padding-top: 19px; }
1106  .pitch-page .pitch-step-top { margin-bottom: 12px; }
1107  .pitch-page .pitch-steps h3 { font-size: 25px; max-width: 390px; margin-bottom: 13px; }
1108  .pitch-page .pitch-steps p { max-width: 530px; }
1109  .pitch-page .use-case-heading h2 { font-size: 34px; }
1110  .pitch-page .case-card > h3 { font-size: 26px; }
1111  .pitch-page .case-card-facts dd { font-size: 16px; }
1112  .pitch-page .case-card > .text-link { font-size: 15px; }
1113  .pitch-page .pitch-method .principles { grid-template-columns: 1fr; gap: 26px; }
1114  .pitch-page .pitch-method .principles h3 { font-size: 22px; }
1115  .pitch-page .pitch-method .method-journey { margin-top: 30px; }
1116  .pitch-page .pitch-method .method-intro h3 { font-size: 28px; }
1117  .pitch-page .pitch-method .phase-row h3 { font-size: 20px; }
1118  .pitch-page .pitch-method .phase-row p { font-size: 16px; }
1119  .pitch-page .pitch-deliverables { margin-top: 30px; padding-block: 28px; gap: 25px; }
1120  .pitch-page .pitch-deliverable-list { grid-template-columns: 1fr; gap: 23px; }
1121  .pitch-page .pitch-deliverable-list h4 { margin-bottom: 8px; }
1122  .pitch-page .pitch-deliverable-list p { font-size: 16px; }
1123  .pitch-page .pitch-results .section-heading { margin-bottom: 30px; }
1124  .pitch-page .pitch-results .table-wrap { margin-top: 30px; }
1125  .pitch-page .pitch-results tbody th { font-size: 23px; }
1126  .pitch-page .pitch-results td::before { color: #79571c; }
1127  .pitch-page .pitch-team .person h3 { font-size: 31px; }
1128  .pitch-page .pitch-team > .wrap > .text-link { margin-top: 26px; }
1129  .pitch-page .pitch-closing { padding-bottom: 0; }
1130  .pitch-page .pitch-closing .faq-split h2 { font-size: 35px; }
1131  .pitch-page .pitch-final-cta { margin-top: 44px; padding: 44px 20px; }
1132  .pitch-page .pitch-final-cta h2 { font-size: 44px; line-height: 1.1; }
1133  .pitch-page .pitch-final-cta .actions { align-items: flex-start; flex-direction: column; gap: 14px; }
1134  .pitch-page .pitch-final-cta .micro { font-size: 12px; }
1135  .pitch-page .pitch-image-note { padding: 20px; line-height: 1.6; }
1136}
1137@media (prefers-reduced-motion: reduce) {
1138  .pitch-page *, .pitch-page *::before, .pitch-page *::after { scroll-behavior: auto !important; transition: none !important; }
1139}
1140
1141/* Show the product's roles through a readable example, without simulated UI. */
1142.pitch-page .pitch-workflow { display: grid; grid-template-columns: .85fr 1.15fr; gap: 64px; padding-block: 34px; border-block: 1px solid var(--line); }
1143.pitch-page .pitch-workflow-intro h3 { font-size: clamp(26px, 2.5vw, 36px); line-height: 1.25; }
1144.pitch-page .pitch-workflow-intro .pitch-eyebrow { margin-bottom: 16px; }
1145.pitch-page .pitch-workflow-steps { margin: 0; padding: 0; list-style: none; display: grid; gap: 26px; }
1146.pitch-page .pitch-workflow-steps li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 18px; }
1147.pitch-page .pitch-workflow-steps .number { color: #79571c; font-size: 17px; font-weight: 700; padding-top: 3px; }
1148.pitch-page .pitch-workflow-steps h4 { margin: 0 0 8px; font-size: 21px; }
1149.pitch-page .pitch-workflow-steps p { margin: 0; }
1150.pitch-page .pitch-internal-proof { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-block: 27px; }
1151.pitch-page .pitch-internal-proof p { max-width: 760px; margin: 0; }
1152.pitch-page .pitch-internal-proof .text-link { flex-shrink: 0; }
1153.pitch-page .pitch-setup-details { border-block: 1px solid var(--line); padding-block: 20px; }
1154.pitch-page .pitch-setup-details summary { display: flex; justify-content: space-between; gap: 20px; cursor: pointer; font-weight: 600; list-style: none; }
1155.pitch-page .pitch-setup-details summary::-webkit-details-marker { display: none; }
1156.pitch-page .pitch-setup-details[open] > .text-link { margin-bottom: 12px; }
1157.pitch-page .pitch-pilot { background: #f1eadf; border-block: 1px solid var(--line); }
1158.pitch-page .pitch-pilot .pitch-section-heading { max-width: 1000px; }
1159.pitch-page .pitch-pilot-deliverables { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; margin: 34px 0 24px; }
1160.pitch-page .pitch-pilot-deliverables article { border-top: 1px solid #c7b592; padding-top: 22px; }
1161.pitch-page .pitch-pilot-deliverables .number { color: #79571c; font-size: 15px; font-weight: 700; }
1162.pitch-page .pitch-pilot-deliverables h3 { font-size: 23px; margin: 17px 0 12px; }
1163.pitch-page .pitch-pilot-deliverables p { margin: 0; }
1164.pitch-page .pitch-pilot > .wrap > .micro { max-width: 820px; }
1165@media (max-width: 1000px) {
1166  .pitch-page .pitch-workflow { gap: 32px; }
1167  .pitch-page .pitch-internal-proof { align-items: flex-start; flex-direction: column; gap: 16px; }
1168}
1169@media (max-width: 700px) {
1170  .pitch-page .pitch-workflow { grid-template-columns: 1fr; gap: 22px; padding-block: 26px; }
1171  .pitch-page .pitch-workflow-intro h3 { font-size: 27px; }
1172  .pitch-page .pitch-workflow-steps li { grid-template-columns: 26px minmax(0,1fr); gap: 12px; }
1173  .pitch-page .pitch-workflow-steps h4 { font-size: 20px; }
1174  .pitch-page .pitch-pilot-deliverables { grid-template-columns: 1fr; gap: 23px; margin-top: 24px; }
1175  .pitch-page .pitch-pilot-deliverables h3 { margin-top: 10px; }
1176}
1177</style>
1177<script src="/consulting-assets/conversion-events.js?v=41dbded89fac801e" defer></script>
1177<script src="/consulting-assets/site.js?v=41dbded89fac801e" defer></script>
1177<style data-stylesheet="pitch-pages.css">/* The presentation identity continues through every public ORIJINS page.
1178   Shared chrome is scoped to pitch-site; content rules leave pitch-page alone. */
1179body.pitch-site {
1180  --sans: Inter, Arial, sans-serif;
1181  --serif: Inter, Arial, sans-serif;
1182  --ink: #0f2347;
1183  --muted: #3a4660;
1184  --paper: #faf6ee;
1185  --petrol: #a8782a;
1186  --soft-petrol: #eee6d8;
1187  --blue: #0f2347;
1188  --blue-hover: #213c68;
1189  --line: #dcd3c3;
1190  --tint: #f1eadf;
1191  font-family: var(--sans);
1192}
1193body.pitch-site ::selection { color: #0f2347; background: #ecd59b; }
1194body.pitch-site .header { background: rgb(250 246 238 / .96); }
1195body.pitch-site .brand { gap: 13px; font: 800 23px/1 var(--sans); letter-spacing: 3px; }
1196body.pitch-site .brand-mark { width: 22px; height: 43px; }
1197body.pitch-site .main-nav { gap: 25px; }
1198body.pitch-site .main-nav > a:not(.button) { font-size: 13px; font-weight: 500; }
1199body.pitch-site .nav-cta { font-size: 12px; font-weight: 600; }
1200body.pitch-site .footer { background: #f2ecdf; }
1201body.pitch-site .footer-grid h2 { font-weight: 700; }
1202
1203.pitch-inner h1, .pitch-inner h2, .pitch-inner h3, .pitch-inner h4 {
1204  font-family: var(--sans);
1205  color: var(--ink);
1206  font-weight: 800;
1207  font-style: normal;
1208  letter-spacing: -.045em;
1209}
1210.pitch-inner h1 { font-size: clamp(45px, 4.5vw, 68px); line-height: 1.08; }
1211.pitch-inner h2 { font-size: clamp(35px, 3.3vw, 48px); line-height: 1.12; }
1212.pitch-inner h3 { font-size: 23px; line-height: 1.35; letter-spacing: -.03em; font-weight: 700; }
1213.pitch-inner h4 { font-size: 19px; line-height: 1.4; letter-spacing: -.025em; font-weight: 700; }
1214.pitch-inner h1 em, .pitch-inner h2 em, .pitch-inner .inner-hero h1 span {
1215  font: inherit;
1216  letter-spacing: inherit;
1217  color: var(--petrol);
1218}
1219.pitch-inner p { line-height: 1.7; }
1220.pitch-inner .intro { font-size: 18px; line-height: 1.7; letter-spacing: -.015em; }
1221.pitch-inner .micro { font-size: 13px; line-height: 1.65; }
1222.pitch-inner .section { padding-block: 88px; }
1223.pitch-inner .section-heading, .pitch-inner .split { gap: 70px; }
1224.pitch-inner .button { font-weight: 600; padding-inline: 24px; gap: 14px; }
1225.pitch-inner .text-link { font-weight: 600; }
1226.pitch-inner .overline, .pitch-inner .pitch-eyebrow {
1227  color: #79571c;
1228  font-size: 11px;
1229  font-weight: 700;
1230  line-height: 1.6;
1231  letter-spacing: .16em;
1232  text-transform: uppercase;
1233}
1234.pitch-inner .number { color: #79571c; font-family: var(--sans); font-weight: 700; }
1235.pitch-inner .breadcrumb { font-size: 12px; margin-bottom: 27px; }
1236.pitch-inner .page-hero { padding-block: 40px 68px; }
1237.pitch-inner .page-hero h1 { max-width: 1020px; }
1238.pitch-inner .page-hero .intro { max-width: 780px; }
1239
1240/* A generous editorial opening, with the people or idea on the right. */
1241.pitch-inner .inner-hero { border-bottom: 1px solid var(--line); }
1242.pitch-inner .inner-hero > .wrap {
1243  display: grid;
1244  grid-template-columns: minmax(0, 1.2fr) minmax(0, .9fr);
1245  gap: 64px;
1246  align-items: center;
1247  min-height: 580px;
1248  padding-block: 40px;
1249}
1250.pitch-inner .inner-hero-copy { min-width: 0; padding-block: 4px 20px; }
1251.pitch-inner .inner-hero-copy .pitch-eyebrow { margin-bottom: 22px; }
1252.pitch-inner .inner-hero h1 { max-width: 750px; font-size: clamp(43px, 4.3vw, 65px); margin-bottom: 26px; text-wrap: pretty; }
1253.pitch-inner .inner-hero h1::after { content: ''; display: block; width: 65px; height: 3px; background: var(--petrol); margin-top: 28px; }
1254.pitch-inner .inner-hero .intro { max-width: 635px; margin-bottom: 0; }
1255.pitch-inner .inner-hero-copy > .micro { max-width: 595px; margin: 20px 0 0; }
1256.pitch-inner .inner-hero .actions { margin-top: 28px; gap: 12px 24px; }
1257.pitch-inner .inner-hero-media { min-width: 0; margin: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
1258.pitch-inner .inner-hero-media img { width: 100%; height: 100%; max-height: 495px; min-height: 340px; object-fit: cover; object-position: center; }
1259.pitch-inner .inner-hero-media picture { display: block; flex: 1; min-height: 0; }
1260.pitch-inner .inner-hero-media figcaption { font-size: 11px; line-height: 1.6; color: var(--muted); padding-top: 10px; text-align: right; }
1261.pitch-inner .inner-hero-nav { border-top: 1px solid var(--line); background: #f1eadf; padding-block: 8px 18px; }
1262.pitch-inner .inner-hero-nav .case-index, .pitch-inner .inner-hero-nav .jump-nav { margin-top: 0; }
1263.pitch-inner .inner-hero-nav .step-nav, .pitch-inner .inner-hero-nav .profile-nav { margin-top: 0; border-top: 0; padding-block: 9px 0; }
1264.pitch-inner .inner-hero-nav .jump-intro { margin: 20px 0 18px; }
1265.pitch-inner .pitch-inner-lead { max-width: 940px; margin-bottom: 40px; }
1266.pitch-inner .pitch-inner-lead h2 { margin-bottom: 20px; }
1267.pitch-inner .pitch-inner-lead .intro { max-width: 810px; }
1268.pitch-inner .pitch-principle-strip { display: flex; flex-wrap: wrap; gap: 16px 36px; border-block: 1px solid var(--line); padding-block: 23px; color: var(--ink); font-size: 14px; font-weight: 600; }
1269.pitch-inner .pitch-principle-strip > * { margin: 0; }
1270
1271/* Chapter navigation uses the deck's quiet gold numbering. */
1272.pitch-inner .case-index { column-gap: 40px; }
1273.pitch-inner .case-index > a { padding-block: 22px; font-size: 15px; text-decoration: none; }
1274.pitch-inner .case-index small { color: #79571c; font-size: 12px; font-weight: 600; margin-bottom: 7px; }
1275.pitch-inner .case-index > a > span > span { font-weight: 600; }
1276.pitch-inner .case-index > a:hover > span > span { text-decoration: underline; text-underline-offset: 5px; }
1277.pitch-inner .jump-nav a > span { color: #79571c; font-weight: 700; }
1278.pitch-inner .jump-copy strong { font-weight: 700; }
1279.pitch-inner .jump-copy small { font-size: 13px; }
1280.pitch-inner .step-nav { gap: 12px 30px; }
1281.pitch-inner .step-nav a, .pitch-inner .profile-nav a { font-weight: 600; }
1282.pitch-inner .step-nav span { color: #79571c; }
1283.pitch-inner .profile-nav a { border-color: #c7b592; }
1284
1285/* The use cases retain the full business brief and implementation detail. */
1286.pitch-inner .case-story { scroll-margin-top: 65px; }
1287.pitch-inner .case-story:nth-of-type(odd) { background: #f1eadf; }
1288.pitch-inner .case-story-top { grid-template-columns: minmax(0, 1fr) minmax(0, 1.03fr); gap: 64px; align-items: center; }
1289.pitch-inner .case-story:nth-of-type(odd) .case-story-top > .case-story-media { order: 2; }
1290.pitch-inner .case-story-media img, .pitch-inner .case-image img { border-radius: 0; }
1291.pitch-inner .case-story-media > figcaption { font-size: 12px; }
1292.pitch-inner .case-story-copy > h2 { font-size: clamp(32px, 3vw, 44px); font-weight: 800; line-height: 1.14; }
1293.pitch-inner .case-story-copy > .intro { font-size: 17px; }
1294.pitch-inner .case-category { color: #79571c; font-weight: 600; font-size: 14px; }
1295.pitch-inner .case-sector { display: block; }
1296.pitch-inner .case-sector > span { display: block; margin-bottom: 7px; text-transform: uppercase; letter-spacing: .12em; font-size: 10px; font-weight: 700; }
1297.pitch-inner .case-output { border-left-width: 2px; padding: 19px 23px; background: #ece1cd; }
1298.pitch-inner .case-output h3 { color: #79571c; font-size: 13px; font-weight: 700; }
1299.pitch-inner .case-output p { font-size: 16px; }
1300.pitch-inner .case-brief { gap: 38px; margin-top: 42px; padding-top: 30px; }
1301.pitch-inner .case-brief dt { font-size: 18px; letter-spacing: -.025em; font-weight: 700; }
1302.pitch-inner .case-brief dd { font-size: 16px; }
1303.pitch-inner .case-engagement { border-radius: 0; padding: 36px; background: #eee3cf; }
1304.pitch-inner .case-engagement h3 { font-size: 28px; }
1305.pitch-inner .case-engagement h4 { font-size: 21px; font-weight: 700; }
1306.pitch-inner .case-engagement p { font-size: 15px; }
1307.pitch-inner .case-engagement-phase { color: #79571c; font-size: 12px; font-weight: 600; }
1308.pitch-inner .case-engagement-people, .pitch-inner .case-engagement-stages >
1308 li, .pitch-inner .case-aftercare { border-color: #c7b592; }
1309.pitch-inner .case-details summary { font-size: 22px; font-weight: 700; }
1310.pitch-inner .case-workflow .case-step, .pitch-inner .illustration-number { color: #79571c; font-size: 12px; font-weight: 600; }
1311.pitch-inner .case-workflow h3, .pitch-inner .case-review h3 { font-size: 22px; }
1312.pitch-inner .case-story-actions > a { font-size: 14px; }
1313.pitch-inner .illustration-steps { font-size: 13px; gap: 18px; }
1314.pitch-inner .illustration-steps > li + li { padding-left: 18px; }
1315
1316/* Needs and engagement phases read as substantial, numbered chapters. */
1317.pitch-inner .detail-layout { grid-template-columns: 185px minmax(0, 1fr); gap: 80px; }
1318.pitch-inner .detail-aside { border-top: 2px solid var(--petrol); padding-top: 21px; }
1319.pitch-inner .detail-aside > .number { font: 800 52px/1 var(--sans); letter-spacing: -.05em; }
1320.pitch-inner .detail-aside > p { color: #79571c; font-size: 13px; font-weight: 600; }
1321.pitch-inner .detail-layout article > h2 { max-width: 850px; }
1322.pitch-inner .detail-layout article > .intro { max-width: 835px; }
1323.pitch-inner .detail-layout article > h3 { font-size: 21px; margin-top: 32px; }
1324.pitch-inner .detail-pair { gap: 40px; border-top: 1px solid var(--line); padding-top: 28px; }
1325.pitch-inner .detail-pair h3 { font-size: 19px; }
1326.pitch-inner .example-inline { background: #eee3cf; border-left-color: var(--petrol); padding: 22px 26px; }
1327.pitch-inner .example-inline > span { color: #79571c; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
1328.pitch-inner .example-inline p { font: 500 21px/1.6 var(--sans); color: var(--ink); letter-spacing: -.025em; }
1329.pitch-inner .example-inline .text-link { font-size: 13px; margin-top: 9px; }
1330.pitch-inner .deliverables { padding: 29px 32px; background: #0f2347; }
1331.pitch-inner .deliverables h3 { color: #e5bf66; font-size: 22px; }
1332.pitch-inner .deliverables .plain-list li { color: #e8eaf0; border-color: #3a4a63; font-size: 15px; }
1333.pitch-inner .deliverables .plain-list li::before { background: #d4b25a; }
1334.pitch-inner .framing-sheet > div { padding-block: 21px; }
1335.pitch-inner .framing-sheet dt { font-weight: 700; }
1336.pitch-inner .framing-sheet dd { font-size: 15px; }
1337.pitch-inner .data-grid { gap: 34px; }
1338.pitch-inner .data-grid h3 { font-size: 21px; }
1339.pitch-inner .data-grid p { font-size: 15px; }
1340.pitch-inner #donnees { background: #1e1c1a; --ink: #faf6ee; --muted: #d5cfc4; --line: #514a3f; --blue: #e6c674; --paper: #1e1c1a; }
1341.pitch-inner #donnees h2, .pitch-inner #donnees h3 { color: #faf6ee; }
1342.pitch-inner #donnees .faq-list summary { color: #faf6ee; }
1343.pitch-inner #donnees .data-grid article { border-top-color: #766446; }
1344.pitch-inner #donnees .button { background: #f5e6bf; border-color: #f5e6bf; color: #0f2347; }
1345.pitch-inner #donnees .button:hover { background: #fff2d6; }
1346.pitch-inner #donnees .illustration-number { color: #e6c674; }
1347.pitch-inner #donnees a:focus-visible, .pitch-inner #donnees summary:focus-visible { outline-color: #e6c674; }
1348
1349/* Outcomes: a real evaluation framework, with comfortable table reading. */
1350.pitch-inner .notice { border-left-color: var(--petrol); max-width: 900px; }
1351.pitch-inner table { font-size: 16px; }
1352.pitch-inner thead th { color: #79571c; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
1353.pitch-inner tbody th { font-size: 21px; font-weight: 700; line-height: 1.4; }
1354.pitch-inner td { line-height: 1.7; }
1355.pitch-inner .process-list article { grid-template-columns: 47px minmax(0, 1fr); gap: 24px; }
1356.pitch-inner .process-list .number { font-size: 26px; letter-spacing: -.035em; line-height: 1.2; }
1357.pitch-inner .process-list h3 { font-size: 23px; }
1358.pitch-inner .pilot-report { border-color: #d1c4aa; }
1359.pitch-inner .supporting-photo > figcaption { font-size: 11px; }
1360
1361/* The actual team stays prominent; illustrative scenes remain separate. */
1362.pitch-inner .team-detail { padding-top: 60px; }
1363.pitch-inner .collaboration-image { margin-bottom: 58px; }
1364.pitch-inner .collaboration-image img { border-radius: 0; aspect-ratio: 3.2 / 1; }
1365.pitch-inner .person-profile { grid-template-columns: minmax(0, .85fr) minmax(0, 1.2fr); gap: 80px; padding-block: 52px; }
1366.pitch-inner .person-heading h2 { font: 800 clamp(35px, 3.45vw, 49px)/1.1 var(--sans); letter-spacing: -.045em; }
1367.pitch-inner .person-heading .role { color: #79571c; font-size: 14px; font-weight: 600; }
1368.pitch-inner .person-copy .intro { font: 600 25px/1.45 var(--sans); letter-spacing: -.035em; color: var(--ink); }
1369.pitch-inner .person-copy .bio { line-height: 1.8; }
1370
1371/* The same identity, scaled down for completing forms. */
1372.pitch-inner .contact-page { padding-block: 44px 85px; }
1373.pitch-inner .contact-layout { gap: 32px 72px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
1374.pitch-inner .contact-intro h1 { font-size: clamp(43px, 4.15vw, 62px); max-width: 545px; }
1375.pitch-inner .contact-intro h1::after { content: ''; display: block; width: 65px; height: 3px; background: var(--petrol); margin-top: 26px; }
1376.pitch-inner #contact-form { border: 1px solid #d3c3a8; border-top: 3px solid var(--petrol); border-radius: 0; background: #f1eadf; padding: 34px; }
1377.pitch-inner .contact-aside { border-top-color: #c7b592; }
1378.pitch-inner .contact-aside h2 { font-size: 29px; }
1379.pitch-inner .field label { font-size: 13px; font-weight: 600; }
1380.pitch-inner .field input, .pitch-inner .field select, .pitch-inner .field textarea,
1381.pitch-inner .audit-field input, .pitch-inner .audit-field select, .pitch-inner .audit-field textarea { border-radius: 2px; border-color: #8e8576; background: #fffdf8; }
1382.pitch-inner .field input[aria-invalid=true], .pitch-inner .field select[aria-invalid=true], .pitch-inner .field textarea[aria-invalid=true], .pitch-inner .audit-field [aria-invalid=true] { border-color: #9d241e; }
1383.pitch-inner .field-error, .pitch-inner .audit-field-error { color: #9d241e; }
1384.pitch-inner .delivery-note { font-size: 13px; }
1385.pitch-inner #form-status:not(:empty) { background: #fffdf8; }
1386.pitch-inner .audit-intro { padding-block: 37px 40px; }
1387.pitch-inner .audit-intro-grid { gap: 75px; }
1388.pitch-inner .audit-intro h1 { font-size: clamp(38px, 3.65vw, 53px); max-width: 830px; }
1389.pitch-inner .audit-intro .intro { font-size: 17px; }
1390.pitch-inner .audit-intro-note { border-top: 2px solid var(--petrol); }
1391.pitch-inner .audit-intro-note h2 { font-size: 23px; }
1392.pitch-inner .audit-intro-note p { font-size: 15px; }
1393.pitch-inner .audit-shell { grid-template-columns: 215px minmax(0, 1fr); gap: 64px; }
1394.pitch-inner .audit-step-list button[aria-current] { color: var(--ink); font-weight: 700; }
1395.pitch-inner .audit-step-num, .pitch-inner .audit-progress-label { color: #79571c; }
1396.pitch-inner .audit-sidebar-note strong { font-weight: 700; }
1397.pitch-inner .audit-step-heading { font-size: clamp(29px, 2.8vw, 38px); }
1398.pitch-inner .audit-stage { max-width: 900px; }
1399.pitch-inner .audit-choice { background: #fffdf8; border-color: #b3a58b; border-radius: 2px; }
1400.pitch-inner .audit-choice:has(input:checked) { background: #eee3cd; border-color: #947024; box-shadow: inset 0 0 0 1px #947024; }
1401.pitch-inner .audit-choice input, .pitch-inner .audit-save-choice input { accent-color: #79571c; }
1402.pitch-inner .audit-question legend, .pitch-inner .audit-field > label { font-weight: 600; }
1403.pitch-inner .audit-notice { background: #f0e7d6; border-left-color: var(--petrol); }
1404.pitch-inner .audit-notice strong { font-weight: 600; }
1405.pitch-inner .audit-details summary { color: var(--ink); font-weight: 600; }
1406.pitch-inner .audit-metric strong { color: var(--ink); font-weight: 800; }
1407.pitch-inner .audit-checkpoint dd strong { color: #79571c; }
1408.pitch-inner .audit-method { border-radius: 0; background: #eee3cd; }
1409.pitch-inner .audit-review-list dt, .pitch-inner .audit-checkpoint dt { font-weight: 600; }
1410.pitch-inner .reading { max-width: 850px; }
1411.pitch-inner .reading h2 { font-size: 32px; }
1412.pitch-inner .reading p { font-size: 16px; }
1413
1414/* A consistent close, echoing the navy and gold of the deck. */
1415.pitch-inner .final-cta, .pitch-inner .tint .final-cta { background: #0f2347; padding: 56px; margin-top: 70px; border: 0; grid-template-columns: minmax(0, 1.25fr) minmax(0, .8fr); gap: 50px; }
1416.pitch-inner .final-cta h2 { color: #faf6ee; font-size: clamp(33px, 3.1vw, 45px); }
1417.pitch-inner .final-cta h2 em { color: #dfb756; }
1418.pitch-inner .final-cta .intro { color: #e1e5ed; font-size: 17px; }
1419.pitch-inner .final-cta .button { background: #f5e6bf; border-color: #f5e6bf; color: #0f2347; }
1420.pitch-inner .final-cta .button:hover { background: #fff2d6; border-color: #fff2d6; }
1421.pitch-inner .final-cta .text-link { color: #faf6ee; }
1422.pitch-inner .final-cta a:focus-visible { outline-color: #dfb756; }
1423.pitch-inner .final-cta > .actions { align-items: flex-start; flex-direction: column; gap: 15px; }
1424
1425@media (max-width: 1190px) {
1426  body.pitch-site .main-nav { gap: 16px; }
1427  body.pitch-site .brand { font-size: 20px; letter-spacing: 2px; }
1428  .pitch-inner .inner-hero > .wrap { min-height: 540px; gap: 40px; }
1429  .pitch-inner .inner-hero h1 { font-size: 47px; }
1430  .pitch-inner .inner-hero .intro { font-size: 17px; }
1431  .pitch-inner .inner-hero-media img { max-height: 470px; }
1432  .pitch-inner .section-heading, .pitch-inner .split, .pitch-inner .case-story-top { gap: 44px; }
1433  .pitch-inner .detail-layout { grid-template-columns: 155px minmax(0, 1fr); gap: 52px; }
1434  .pitch-inner .person-profile { gap: 52px; }
1435  .pitch-inner .contact-layout { gap: 30px 46px; }
1436  .pitch-inner #contact-form { padding: 28px; }
1437  .pitch-inner .audit-shell { grid-template-columns: 180px minmax(0, 1fr); gap: 40px; }
1438  .pitch-inner .audit-intro-grid { gap: 48px; }
1439  .pitch-inner .final-cta, .pitch-inner .tint .final-cta { padding: 42px; gap: 35px; }
1440}
1441@media (max-width: 1000px) {
1442  body.pitch-site .main-nav { gap: 0; }
1443  body.pitch-site .main-nav > a:not(.button) { font-size: 17px; }
1444  body.pitch-site .brand { font-size: 22px; }
1445  .pitch-inner .section { padding-block: 72px; }
1446  .pitch-inner .inner-hero > .wrap { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 32px; min-height: 540px; }
1447  .pitch-inner .inner-hero h1 { font-size: clamp(36px, 4.8vw, 47px); }
1448  .pitch-inner .inner-hero-media img { min-height: 380px; }
1449  .pitch-inner .inner-hero .actions { flex-direction: column; align-items: flex-start; gap: 8px; }
1450  .pitch-inner .case-story-top { grid-template-columns: 1fr; gap: 32px; }
1451  .pitch-inner .case-story-top > .case-story-media { max-width: 760px; }
1452  .pitch-inner .case-story:nth-of-type(odd) .case-story-top > .case-story-media { order: 0; }
1453  .pitch-inner .case-story-copy { max-width: none; }
1454  .pitch-inner .case-story-copy > h2 { max-width: 800px; font-size: 39px; }
1455  .pitch-inner .case-brief { gap: 25px; }
1456  .pitch-inner .case-brief dt { font-size: 17px; }
1457  .pitch-inner .case-engagement { padding: 28px; }
1458  .pitch-inner .detail-layout { grid-template-columns: 135px minmax(0, 1fr); gap: 40px; }
1459  .pitch-inner .detail-aside > .number { font-size: 43px; }
1460  .pitch-inner .detail-pair { gap: 27px; }
1461  .pitch-inner .person-profile { gap: 42px; }
1462  .pitch-inner .person-copy .intro { font-size: 23px; }
1463  .pitch-inner .contact-layout { gap: 30px 36px; }
1464  .pitch-inner .contact-intro h1 { font-size: 44px; }
1465  .pitch-inner .final-cta > .actions { margin-top: 26px; }
1466}
1467@media (max-width: 800px) {
1468  .pitch-inner .audit-shell { display: block; }
1469  .pitch-inner .audit-intro-grid { gap: 24px; }
1470  .pitch-inner .audit-stage { max-width: none; }
1471  .pitch-inner .audit-intro h1 { font-size: 40px; }
1472  .pitch-inner .audit-intro .intro { font-size: 16px; }
1473}
1474@media (max-width: 700px) {
1475  body.pitch-site .brand { font-size: 21px; letter-spacing: 2.6px; }
1476  body.pitch-site .brand-mark { width: 19px; height: 37px; }
1477  .pitch-inner h1 { font-size: 40px; }
1478  .pitch-inner h2, .pitch-inner .section-heading h2, .pitch-inner .split h2 { font-size: 34px; line-height: 1.14; }
1479  .pitch-inner h3 { font-size: 21px; }
1480  .pitch-inner .section { padding-block: 46px; }
1481  .pitch-inner .intro { font-size: 17px; }
1482  .pitch-inner .breadcrumb { margin-bottom: 20px; }
1483  .pitch-inner .page-hero { padding-block: 24px 36px; }
1484  .pitch-inner .page-hero h1 { font-size: 40px; }
1485  .pitch-inner .inner-hero > .wrap { display: block; padding-block: 25px 30px; min-height: 0; }
1486  .pitch-inner .inner-hero-copy { padding-bottom: 22px; }
1487  .pitch-inner .inner-hero-copy .pitch-eyebrow { font-size: 10px; margin-bottom: 17px; }
1488  .pitch-inner .inner-hero h1 { font-size: clamp(37px, 9.6vw, 56px); line-height: 1.08; margin-bottom: 23px; }
1489  .pitch-inner .inner-hero h1::after { width: 55px; margin-top: 24px; }
1490  .pitch-inner .inner-hero .intro { font-size: 17px; }
1491  .pitch-inner .inner-hero-copy > .micro { margin-top: 17px; }
1492  .pitch-inner .inner-hero-media { display: block; }
1493  .pitch-inner .inner-hero-media img { height: auto; aspect-ratio: 3 / 2; min-height: 0; max-height: 340px; }
1494  .pitch-inner .inner-hero-media figcaption { font-size: 10px; text-align: left; }
1495  .pitch-inner .inner-hero-nav { padding-block: 9px; }
1496  .pitch-inner .inner-hero-nav .jump-intro { margin-top: 16px; font-size: 14px; }
1497  .pitch-inner .pitch-inner-lead { margin-bottom: 30px; }
1498  .pitch-inner .pitch-principle-strip { gap: 15px; flex-direction: column; padding-block: 20px; }
1499  .pitch-inner .case-index > a { padding-block: 18px; font-size: 15px; }
1500  .pitch-inner .case-index small { font-size: 12px; }
1501  .pitch-inner .jump-copy small { font-size: 14px; }
1502  .pitch-inner .step-nav { gap: 4px 23px; }
1503  .pitch-inner .step-nav a { font-size: 13px; }
1504  .pitch-inner .profile-nav { gap: 0 24px; }
1505  .pitch-inner .profile-nav a { margin-right: 0; font-size: 13px; }
1506  .pitch-inner .case-story { scroll-margin-top: 65px; }
1507  .pitch-inner .case-story-top { gap: 27px; }
1508  .pitch-inner .case-story-copy > h2 { font-size: 32px; }
1509  .pitch-inner .case-story-copy > .intro { font-size: 16px; }
1510  .pitch-inner .case-output { padding: 18px 20px; }
1511  .pitch-inner .case-brief { margin-top: 28px; padding-top: 24px; gap: 25px; }
1512  .pitch-inner .case-brief dt { font-size: 18px; margin-bottom: 9px; }
1513  .pitch-inner .case-engagement { padding: 24px 20px; margin-top: 30px; }
1514  .pitch-inner .case-engagement h3 { font-size: 25px; }
1515  .pitch-inner .case-engagement h4 { font-size: 20px; }
1516  .pitch-inner .case-details summary { font-size: 19px; }
1517  .pitch-inner .case-workflow h3, .pitch-inner .case-review h3 { font-size: 21px; }
1518  .pitch-inner .case-story-actions { align-items: flex-start; flex-direction: column; gap: 7px; }
1519  .pitch-inner .illustration-steps { gap: 10px; font-size: 12px; }
1520  .pitch-inner .illustration-steps > li + li { padding-left: 10px; }
1521  .pitch-inner .detail-layout { display: block; }
1522  .pitch-inner .detail-aside { padding-top: 16px; margin-bottom: 26px; gap: 16px; }
1523  .pitch-inner .detail-aside > .number { font-size: 34px; }
1524  .pitch-inner .detail-aside > p { font-size: 12px; }
1525  .pitch-inner .detail-layout article > h3 { font-size: 20px; margin-top: 27px; }
1526  .pitch-inner .detail-pair { padding-top: 23px; }
1527  .pitch-inner .example-inline { padding: 20px; }
1528  .pitch-inner .example-inline p { font-size: 19px; }
1529  .pitch-inner .deliverables { padding: 24px 22px; }
1530  .pitch-inner .deliverables h3 { font-size: 21px; }
1531  .pitch-inner .data-grid { gap: 22px; }
1532  .pitch-inner .data-overview-copy > h2 { font-size: 34px; }
1533  .pitch-inner tbody th { font-size: 22px; }
1534  .pitch-inner td::before { color: #79571c; font-weight: 600; }
1535  .pitch-inner .process-list article { grid-template-columns: 35px minmax(0, 1fr); gap: 16px; }
1536  .pitch-inner .process-list .number { font-size: 23px; }
1537  .pitch-inner .process-list h3 { font-size: 22px; }
1538  .pitch-inner .team-detail { padding-top: 42px; }
1539  .pitch-inner .collaboration-image { margin-bottom: 37px; }
1540  .pitch-inner .collaboration-image img { aspect-ratio: 2 / 1; }
1541  .pitch-inner .person-profile { display: block; padding-block: 35px; }
1542  .pitch-inner .person-heading h2 { font-size: 37px; }
1543  .pitch-inner .person-heading .role { font-size: 13px; }
1544  .pitch-inner .person-copy .intro { font-size: 22px; }
1545  .pitch-inner .contact-page { padding-block: 27px 52px; }
1546  .pitch-inner .contact-layout { display: block; }
1547  .pitch-inner .contact-intro h1 { font-size: clamp(37px, 10vw, 48px); }
1548  .pitch-inner #contact-form { padding: 24px 20px; }
1549  .pitch-inner .contact-aside h2 { font-size: 27px; }
1550  .pitch-inner .audit-intro { padding-block: 27px 30px; }
1551  .pitch-inner .audit-intro h1 { font-size: 36px; }
1552  .pitch-inner .audit-step-heading { font-size: 29px; }
1553  .pitch-inner .audit-question legend, .pitch-inner .audit-field > label { font-size: 15px; }
1554  .pitch-inner .audit-results h2 { font-size: 32px; }
1555  .pitch-inner .audit-result-section h3 { font-size: 23px; }
1556  .pitch-inner .reading h2 { font-size: 29px; }
1557  .pitch-inner .final-cta, .pitch-inner .tint .final-cta { padding: 34px 24px; margin-top: 44px; }
1558  .pitch-inner .final-cta h2 { font-size: 34px; }
1559  .pitch-inner .final-cta .intro { font-size: 16px; }
1560  .pitch-inner .final-cta > .actions { gap: 12px; }
1561}
1562@media (max-width: 380px) {
1563  .pitch-inner #contact-form { padding-inline: 16px; }
1564  .pitch-inner .final-cta, .pitch-inner .tint .final-cta { padding-inline: 18px; }
1565  .pitch-inner .actions > .button { width: 100%; }
1566}
1567@media (prefers-reduced-motion: reduce) {
1568  .pitch-inner *, .pitch-inner *::before, .pitch-inner *::after { scroll-behavior: auto !important; transition: none !important; }
1569}
1570@media print {
1571  .pitch-inner { --ink: #0f2347; --muted: #3a4660; background: white; }
1572  .pitch-inner .audit-workspace { padding: 0; }
1573  .pitch-inner .audit-shell { display: block; border: 0; padding: 0; }
1574  .pitch-inner .audit-stage { max-width: none; }
1575  .pitch-inner .audit-results h2 { font-size: 25pt; }
1576  .pitch-inner .audit-result-section h3 { font-size: 15pt; }
1577  .pitch-inner .audit-result-section p, .pitch-inner .audit-result-section li, .pitch-inner .audit-method p { font-size: 10pt; }
1578}
1579
1580/* Contact starts with the request itself; additional preparation is optional. */
1581.pitch-inner .contact-page > .wrap > .breadcrumb { display: inline-flex; }
1582.pitch-inner .contact-form-heading { font-size: 25px; margin: 0 0 16px; }
1583.pitch-inner .contact-extra { border-top: 1px solid var(--line); padding-top: 15px; }
1584.pitch-inner .contact-extra summary { cursor: pointer; font-size: 14px; font-weight: 600; padding-block: 5px; }
1585.pitch-inner .contact-extra[open] > .field { margin-top: 18px; }
1586.pitch-inner .contact-preaudit { border-top: 1px solid var(--line); margin-top: 27px; padding-top: 27px; }
1587.pitch-inner .contact-preaudit h3 { font-size: 21px; }
1588.pitch-inner .contact-preaudit p { font-size: 15px; }
1589.pitch-inner .contact-page textarea { min-height: 112px; }
1590@media (max-width: 700px) {
1591  .pitch-inner .contact-page .contact-intro h1 { font-size: clamp(32px, 8.4vw, 40px); }
1592  .pitch-inner .contact-page .contact-intro .intro { font-size: 16px; }
1593  .pitch-inner .contact-form-heading { font-size: 23px; }
1594}
1595</style></head><body class="pitch-site pitch-inner" data-page="/needs" data-conversion-metrics="true"><a class="skip-link" href="#main">Skip to content</a><header class="header"><div class="wrap header-inner"><a class="brand" href="/" aria-label="ORIJINS, home">
1595<img class="brand-mark" src="/consulting-assets/brand/orijins-mark-dark.svg?v=41dbded89fac801e" width="285" height="556" alt="" aria-hidden="true"><span>ORIJINS</span></a><button class="menu-toggle" type="button" aria-label="Open menu" aria-controls="main-nav" aria-expanded="false"><span></span><span></span></button><nav class="main-nav" id="main-nav" aria-label="Main navigation"><a href="/use-cases">Use cases</a><a href="/needs" aria-current="page">Your needs</a><a href="/approach">Our approach</a><a href="/outcomes">Expected outcomes</a><a href="/our-team">Our team</a><a class="nav-login" href="/login">Log in</a><a class="button nav-cta" href="/contact-us?besoin=demo">Request a demo<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></nav></div></header><main id="main"><section class="inner-hero">
1596    <div class="wrap">
1597      <div class="inner-hero-copy">
1598        <a class="breadcrumb" href="/">Home <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
1599        <p class="overline">Start with your people</p>
1600        <h1>Find your starting point. <span>Choose one workflow.</span></h1>
1601        <p class="intro">What slows your teams down today? Use these six needs to identify a first task for your Chief of Staff and the knowledge your Company Brain would need to support it.</p>
1602        
1603      </div>
1604      <figure class="inner-hero-media">
1605        <picture class="responsive-image"><source type="image/avif" srcset="/consulting-assets/media/pitch-connect-small-v1.avif?v=41dbded89fac801e 600w, /consulting-assets/media/pitch-connect-v1.avif?v=41dbded89fac801e 1052w" sizes="(max-width: 700px) calc(100vw - 40px), (max-width: 1000px) calc(100vw - 64px), (max-width: 1432px) 42vw, 590px"><source type="image/webp" srcset="/consulting-assets/media/pitch-connect-small-v1.webp?v=41dbded89fac801e 600w, /consulting-assets/media/pitch-connect-v1.webp?v=41dbded89fac801e 1052w" sizes="(max-width: 700px) calc(100vw - 40px), (max-width: 1000px) calc(100vw - 64px), (max-width: 1432px) 42vw, 590px"><img src="/consulting-assets/media/pitch-connect-v1.jpg?v=41dbded89fac801e" srcset="/consulting-assets/media/pitch-connect-small-v1.jpg?v=41dbded89fac801e 600w, /consulting-assets/media/pitch-connect-v1.jpg?v=41dbded89fac801e 1052w" sizes="(max-width: 700px) calc(100vw - 40px), (max-width: 1000px) calc(100vw - 64px), (max-width: 1432px) 42vw, 590px" width="1052" height="1260" alt="Illustration from the ORIJINS presentation: colleagues connecting their knowledge in a shared workspace." fetchpriority="high" decoding="async"></picture>
1606        <figcaption>Illustrative scene. Fictional people and setting.</figcaption>
1607      </figure>
1608    </div>
1609    <div class="inner-hero-nav"><div class="wrap"><p class="jump-intro">For each need, see what we examine, what your teams would review and how we would assess progress. For examples by sector, explore Use cases.</p><nav class="jump-nav" aria-label="Choose a business need"><a href="#informations"><span class="number" aria-hidden="true">01</span><div class="jump-copy"><strong>Access to information</strong><small>Make information easier to find, with identifiable sources and defined access rights.</small></div><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a><a href="#suivi-demandes"><span class="number" aria-hidden="true">02</span><div class="jump-copy"><strong>Request tracking</strong><small>Make progress, responsibilities and required actions visible.</small></div><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a><a href="#dossiers"><span class="number" aria-hidden="true">03</span><div class="jump-copy"><strong>Document preparation</strong><small>Reuse relevant content and prepare documents with human review.</small></div><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a><a href="#transmission"><span class="number" aria-hidden="true">04</span><div class="jump-copy"><strong>Knowledge transfer</strong><small>
1609Organise useful knowledge to support onboarding and handovers.</small></div><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a><a href="#decisions"><span class="number" aria-hidden="true">05</span><div class="jump-copy"><strong>Decision preparation</strong><small>Bring together the information needed to weigh up choices, with verifiable summaries.</small></div><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a><a href="#usages-ia"><span class="number" aria-hidden="true">06</span><div class="jump-copy"><strong>Managing AI use</strong><small>Define the tools, data and rules of use with your teams.</small></div><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></nav></div></div>
1610  </section><section class="section tint" id="informations"><div class="wrap"><div class="detail-layout"><div class="detail-aside"><span class="number" aria-hidden="true">01</span><p>Access to information</p></div><article><h2>Make information accessible to the people who need it.</h2><p class="intro">Finding a contract, a procedure or an answer should not involve several people or interrupt work. We examine how AI could make your organisation’s knowledge more accessible, taking account of source reliability and each person’s access rights.</p><h3>What we can explore with you</h3><p>We identify the information people search for most, the available sources and who is authorised to consult them. We then assess ways to make searches easier and trace answers back to their sources.</p><div class="detail-pair"><div><h3>The intended outcome</h3><p>Easier access to useful information, with identifiable sources and defined access rights.</p></div><div><h3>How to assess it</h3><p>Compare search times for representative questions, check the accuracy of answers and observe where human intervention is still needed.</p></div></div><aside class="example-inline"><span>Illustrative example</span><p>help a public-service team find the current internal procedure, its source and the responsible contact.</p><a class="text-link" href="/use-cases#find-a-procedure">Explore the full use case<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></aside><h3>Where to start</h3><p>Choose a few questions your teams answer frequently. These will provide a starting point for the initial consultation.</p><div class="actions"><a class="button" href="/contact-us?besoin=informations">Discuss this need<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a><a class="text-link" href="/approach#pilote">Understand the pilot<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div></article></div></div></section><section class="section " id="suivi-demandes"><div class="wrap"><div class="detail-layout"><div class="detail-aside"><span class="number" aria-hidden="true">02</span><p>Request tracking</p></div><article><h2>Keep requests moving from one step to the next.</h2><p class="intro">When a request passes through several people and tools, responsibilities become less clear and follow-ups take time. We identify the steps that could be better organised or supported by AI, to make teams’ work easier and improve continuity of service.</p><h3>What we can explore with you</h3><p>We analyse how requests move through your organisation, who is responsible and where they get held up. We identify tasks that could be better organised or supported: categorisation, drafting responses, tracking progress and following up.</p><div class="detail-pair"><div><h3>The intended outcome</h3><p>A clearer view of open requests and the actions expected of each person.</p></div><div><h3>
1610How to assess it</h3><p>Track processing times, requests without an owner and work that needs to be redone. Also check that tracking remains straightforward for teams.</p></div></div><aside class="example-inline"><span>Illustrative example</span><p>prepare a buyer follow-up from approved CRM, email and property document context, with the agent approving any update to the existing CRM.</p><a class="text-link" href="/use-cases#track-client-requests">Explore the full use case<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></aside><h3>Where to start</h3><p>Choose a frequent type of request and describe how it is currently handled, from receipt to completion.</p><div class="actions"><a class="button" href="/contact-us?besoin=suivi-demandes">Discuss this need<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a><a class="text-link" href="/approach#audit">Understand the assessment<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div></article></div></div></section><section class="section tint" id="dossiers"><div class="wrap"><div class="detail-layout"><div class="detail-aside"><span class="number" aria-hidden="true">03</span><p>Document preparation</p></div><article><h2>Give more attention to the substance of each proposal or project.</h2><p class="intro">A commercial proposal or an internal project file calls for both careful preparation and attention to what makes it different. We examine how to reuse approved content and support repetitive tasks, leaving more room for analysis and client relationships.</p><h3>What we can explore with you</h3><p>We identify reusable documents, repetitive steps and the approvals required. We explore how to make it easier to gather information and prepare a first draft for your teams to review.</p><div class="detail-pair"><div><h3>The intended outcome</h3><p>More consistent document preparation and more time for the areas that require human expertise.</p></div><div><h3>How to assess it</h3><p>Compare preparation time, the number of corrections and the quality of the material produced across comparable documents.</p></div></div><aside class="example-inline"><span>Illustrative example</span><p>prepare an IT tender response with requirements, approved source material and named reviewers for technical and commercial commitments.</p><a class="text-link" href="/use-cases#prepare-a-proposal">Explore the full use case<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></aside><h3>Where to start</h3><p>Identify a recurring type of document and the steps that take the most time, without submitting sensitive documents through the public form.</p><div class="actions"><a class="button" href="/contact-us?besoin=dossiers">Discuss this need<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a><a class="text-link" href="/outcomes">See how to measure results<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div></article></div></div></section><section class="section " id="transmission"><div class="wrap"><div class="detail-layout"><div class="detail-aside"><span class="number" aria-hidden="true">04</span><p>Knowledge transfer</p></div><article><h2>Pass on the know-how that helps your teams move forward.</h2><p class="intro">Welcoming a colleague or taking over an activity becomes harder when working methods depend on a few people being available. We help you document and organise this knowledge, then examine how AI could make it easier to consult using validated content.</p><h3>What we can explore with you</h3><p>We identify useful knowledge, existing resources and the topics that need documenting. We organise how they will be validated and updated before exploring ways to make them easier to consult.</p><div class="detail-pair"><div><h3>The intended outcome</h3><p>More accessible working methods and clearer support for people joining a team or taking over an activity.</p></div><div><h3>
1610How to assess it</h3><p>Observe how long it takes to find a procedure, which questions recur and whether teams can carry out the relevant tasks using the resources available.</p></div></div><aside class="example-inline"><span>Illustrative example</span><p>guide an IT support team through a client handover using validated knowledge and access appropriate to that client.</p><a class="text-link" href="/use-cases#welcome-a-colleague">Explore the full use case<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></aside><h3>Where to start</h3><p>Choose an activity that regularly requires the same explanations.</p><div class="actions"><a class="button" href="/contact-us?besoin=transmission">Discuss this need<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a><a class="text-link" href="/approach#deploiement">Explore training and onboarding<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div></article></div></div></section><section class="section tint" id="decisions"><div class="wrap"><div class="detail-layout"><div class="detail-aside"><span class="number" aria-hidden="true">05</span><p>Decision preparation</p></div><article><h2>Better prepare the decisions that shape your business.</h2><p class="intro">Decisions commit people, time and resources, often on the basis of scattered or incomplete information. We examine how to support information gathering and summarisation, giving decision-makers a clearer view of the situation while keeping the choices in their hands.</p><h3>What we can explore with you</h3><p>We identify recurring decisions, the information required and who is responsible. We explore how to prepare better summaries and highlight matters that need attention.</p><div class="detail-pair"><div><h3>The intended outcome</h3><p>A clearer view of priorities, outstanding issues and decisions to be made. Those responsible retain the final say.</p></div><div><h3>How to assess it</h3><p>Track the time spent preparing progress updates, missing information and the time taken to reach decisions within a defined scope.</p></div></div><aside class="example-inline"><span>Illustrative example</span><p>assemble a portfolio review across project teams, showing source-linked updates, unresolved dependencies and decisions requiring attention.</p><a class="text-link" href="/use-cases#prepare-a-decision">Explore the full use case<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></aside><h3>Where to start</h3><p>Choose a recurring meeting or decision that involves several people in its preparation.</p><div class="actions"><a class="button" href="/contact-us?besoin=decisions">Discuss this need<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a><a class="text-link" href="/approach">Explore how we work<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div></article></div></div></section><section class="section " id="usages-ia"><div class="wrap"><div class="detail-layout"><div class="detail-aside"><span class="number" aria-hidden="true">06</span><p>Managing AI use</p></div><article><h2>Help teams use AI with clear guidance.</h2><p class="intro">The desire to explore AI comes with practical questions about data, the reliability of answers and each person’s responsibilities. We help you examine existing uses and define a framework suited to your organisation, so teams know how to proceed and when to seek approval.</p><h3>What we can explore with you</h3><p>We map the uses, tools and data involved. Working with the relevant people in your organisation, we help clarify the rules of use, access rights and approvals required.</p><div class="detail-pair"><div><h3>The intended outcome</h3><p>A better understanding of how AI is used and rules that are easier to apply day to day.</p></div><div><h3>
1610How to assess it</h3><p>Check that the chosen tools, their owners, access rights and sharing rules are documented. Gather teams’ questions and examine any departures from the agreed rules.</p></div></div><aside class="example-inline"><span>Illustrative example</span><p>define permitted AI uses, tools and information across departments, then test the guidance with a first group of users.</p><a class="text-link" href="/use-cases#use-ai-with-confidence">Explore the full use case<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></aside><h3>Where to start</h3><p>Make an initial list of the tools in use and the questions that keep coming up within your teams.</p><div class="actions"><a class="button" href="/contact-us?besoin=usages-ia">Discuss this need<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a><a class="text-link" href="/approach#donnees">Understand data and access considerations<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div></article></div></div></section><section class="section "><div class="wrap"><div class="final-cta"><div><h2>Bring us the workflow you want to improve.</h2><p class="intro">You do not need a finished specification. See our own Company Brain and Chief of Staff in use, then discuss your information, tools and the task you would like to test.</p></div><div class="actions"><a class="button" href="/contact-us?besoin=demo">Request a demo<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div></div></div></section></main><footer class="footer"><div class="wrap"><div class="footer-grid"><div><a class="brand" href="/" aria-label="ORIJINS, home"><img class="brand-mark" src="/consulting-assets/brand/orijins-mark-dark.svg?v=41dbded89fac801e" width="285" height="556" alt="" aria-hidden="true"><span>ORIJINS</span></a><p>The AI Company by Your Side.</p><p class="micro">Your Company Brain and Chief of Staff, configured and deployed with your teams.</p><p class="micro">Business Bay, Dubai, United Arab Emirates</p></div><div><h2>Explore</h2><a href="/use-cases">Use cases</a><a href="/needs">Your needs</a><a href="/approach">Our approach</a><a href="/outcomes">Expected outcomes</a><a href="/our-team">Our team</a></div><div><h2>Get in touch</h2><a href="/contact-us?besoin=demo">Request a demo</a><a href="/pre-audit">Explore your needs with a pre-audit</a><a href="/contact-us">Contact us</a><a href="/login">Log in</a><a href="/cdn-cgi/l/email-protection#d6b1b7bfb796b9a4bfbcbfb8a5f8b5b9bb"><span class="__cf_email__" data-cfemail="791e18101839160b101310170a571a1614">[email&#160;protected]</span></a></div></div><div class="footer-bottom"><span>© 2026 ORIJINS</span><div><a href="/approach#donnees">Data and access</a><a href="/legal">Legal information</a><a href="/website-privacy">Privacy</a></div><a href="#main" class="back-top">Back to top <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div></div></footer>
vendor: 108 bytes, line 1610
1610<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1610</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.