:root{--ink:#101b29;--muted:#536071;--gold:#f4c268;--paper:#f7f8fa;--line:#dce1e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #a16805;outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;inset-block-start:-100px;background:var(--gold);padding:12px;z-index:20}.skip:focus{inset-block-start:0}header,main,footer{max-width:1440px;margin:auto}header{min-height:100px;padding:20px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;letter-spacing:1.1px;white-space:nowrap}.mark{font-family:Georgia,serif;font-size:40px;line-height:1;letter-spacing:-3px}.mark span{color:#9e7126}nav{display:flex;gap:27px;font-size:14px;flex-wrap:wrap}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.languages{display:flex;border:1px solid var(--line);padding:4px;border-radius:6px;direction:ltr}.languages a{padding:4px 9px;font-size:14px;border-radius:3px}.languages a[aria-current=page]{background:var(--ink);color:white}.hero{padding:76px 5.5% 0;display:grid;grid-template-columns:1.35fr 1fr;gap:40px 65px;align-items:start}.eyebrow{font-size:13px;letter-spacing:1.7px;font-weight:700;margin:0 0 22px}.hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.13;letter-spacing:-2.8px;font-weight:600;margin:0 0 25px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero h1 em{color:#88601a}.intro{color:var(--muted);font-size:18px;max-width:580px;line-height:1.8}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:24px;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:13px 20px;border-radius:4px;font-size:16px;font-weight:600;transition:background .2s}.button:hover{background:#294360}.button span{font-size:23px;font-weight:400}.text-link{font-size:15px;display:inline-flex;gap:12px;align-items:center}.small{font-size:13px;color:var(--muted);line-height:1.7}.roadmap{background:var(--ink);color:#fff;padding:32px 36px;border-radius:5px}.roadmap>.eyebrow{color:var(--gold);font-size:12px}.roadmap h2{font-size:28px;line-height:1.3;letter-spacing:-.7px}.roadmap ol{list-style:none;margin:27px 0 0;padding:0}.roadmap li{display:flex;gap:20px;padding:21px 0;border-top:1px solid #ffffff30}.roadmap li>span{font-size:15px;color:var(--gold);padding-top:3px}.roadmap h3{font-size:20px;margin:0 0 4px}.roadmap p{font-size:14px;color:#c8d4df;margin:0}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:16px 0 24px;margin-top:7px;font-size:13px;color:var(--muted)}.hero-bottom p:first-child{font-weight:600;letter-spacing:1px}.section{padding:82px 5.5%}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;margin-bottom:38px}.section-heading>p{margin:0;max-width:490px;color:var(--muted)}h2{font-size:clamp(30px,3.25vw,44px);line-height:1.2;letter-spacing:-1.5px;font-weight:500;margin:0}h3{font-size:23px;font-weight:500;line-height:1.4;letter-spacing:-.4px}p{margin:0 0 18px}.needs{background:#edf0f4;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-picker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.case-picker button{border:1px solid #bbc5d0;background:transparent;color:var(--ink);padding:11px 18px;border-radius:4px;cursor:pointer;font-size:16px;text-align:start}.case-picker button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.case-panel{display:grid;grid-template-columns:90px 1fr;gap:22px;background:#fff;padding:34px 38px;min-height:242px;border:1px solid var(--line);border-radius:5px}.case-num{font-family:Georgia,serif;color:#88601a;font-size:55px;line-height:1.1}.case-panel h3{margin:0 0 15px;font-size:26px}.case-panel p{max-width:860px;color:var(--muted)}.case-panel .outcome{border-top:1px solid var(--line);padding-top:17px;margin-bottom:0;color:var(--ink);font-weight:600}.needs>.small{margin:15px 0 0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.services article{display:flex;flex-direction:column;border:1px solid var(--line);background:white;padding:28px;border-radius:4px}.services article:first-child{border-top:3px solid #b7842b}.number{font-size:14px;color:#806025;padding-bottom:20px;border-bottom:1px solid var(--line)}.services h3{margin:24px 0 14px}.services p{color:var(--muted)}.services .deliverable{margin:10px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:15px;color:var(--ink);margin-top:auto}.approach{background:var(--ink);color:white}.approach .eyebrow,.approach em{color:var(--gold)}.approach .section-heading>p,.principles p{color:#c8d4df}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.principles article{border-top:1px solid #ffffff35}.principles h3{font-size:21px;margin-top:23px}.principles p{margin-bottom:0}.about{display:grid;grid-template-columns:.8fr 1.3fr;gap:75px;align-items:center}.portrait{max-width:355px}.portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:5px}.about h2{margin-bottom:25px}.about p:not(.eyebrow){color:var(--muted)}.about .text-link{margin-top:10px;border-bottom:1px solid #b6bec7;padding-bottom:3px}.contact{background:var(--gold)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.contact-grid>div>p{max-width:520px}.contact .small{color:#554020;margin-top:17px}.contact-links{border-top:1px solid #80602555;padding-top:24px;margin-top:30px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.contact-links a{font-size:15px;border-bottom:1px solid #806025;overflow-wrap:anywhere}footer{padding:25px 5.5%;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] h1{line-height:1.45;font-size:clamp(39px,4.5vw,62px)}[dir=rtl] h2{line-height:1.5}[dir=rtl] em{font-family:inherit;font-style:normal}[dir=rtl] .brand{direction:ltr}[dir=rtl] .eyebrow{font-size:14px}
@media(max-width:1050px){header{gap:20px;flex-wrap:wrap}nav{order:3;width:100%;gap:25px}.hero{gap:35px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:46px;letter-spacing:-1.8px}.roadmap{padding:27px}.section-heading{gap:32px}.services{gap:14px}.services article{padding:23px}.about{gap:40px}}
@media(max-width:720px){header{padding:20px 6%;gap:14px}.brand{font-size:13px}.mark{font-size:34px}.languages a{padding:4px 8px}nav{gap:16px;justify-content:space-between}nav a{font-size:14px}.hero{display:block;padding:40px 6% 0}.hero h1{font-size:clamp(37px,9vw,53px);letter-spacing:-1.5px}.intro{font-size:17px}.hero .eyebrow{font-size:12px}.roadmap{margin-top:35px;padding:26px}.hero-bottom{margin-top:30px;display:block;font-size:12px}.hero-bottom p{margin-bottom:8px}.section{padding:54px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:23px}h2{font-size:33px;letter-spacing:-1px}.case-picker{gap:8px}.case-picker button{font-size:14px;padding:9px 12px}.case-panel{grid-template-columns:1fr;gap:12px;padding:25px;min-height:0}.case-num{font-size:35px}.case-panel h3{font-size:24px}.services,.principles,.about,.contact-grid{grid-template-columns:1fr;gap:24px}.services article{padding:26px}.services .deliverable{margin-top:10px}.principles h3{margin-bottom:12px}.about{gap:30px}.portrait{max-width:270px}.contact-links{flex-direction:column;align-items:flex-start}.contact-grid{gap:24px}footer{padding:25px 6%;flex-direction:column;gap:8px}.eyebrow{font-size:12px;letter-spacing:1.3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Visual accompaniment: illustration, connected process, before/after diagrams. */
.hero{grid-template-columns:1.1fr 1fr;column-gap:44px;align-items:center;padding-top:56px}.hero-illustration{margin:0;align-self:center}.hero-illustration img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 16px 34px #101b2912}.hero-illustration figcaption{font-family:Georgia,serif;font-style:italic;color:#75551e;font-size:17px;margin-top:12px;text-align:center}.roadmap{grid-column:1/-1;margin-top:9px;padding:29px 32px}.roadmap>.eyebrow{margin-bottom:8px}.roadmap h2{font-size:25px}.roadmap ol{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:20px}.roadmap li{position:relative;border-top:1px solid #ffffff35;padding:20px 0 5px;gap:16px}.roadmap li+li:before{content:'→';position:absolute;inset-inline-start:-29px;top:24px;color:var(--gold);font-size:22px}.roadmap li>span{display:flex;align-items:center;justify-content:center;background:var(--gold);color:var(--ink);width:36px;height:36px;border-radius:50%;flex:none;padding:0;font-weight:700}.hero-bottom{width:100%;margin-top:0}.number{display:flex;align-items:center;justify-content:space-between}.number svg{height:38px;width:38px;color:#087f83}.before-after{display:grid;grid-template-columns:1fr 30px 1fr;gap:16px;align-items:center;margin:26px 0}.diagram-before,.diagram-after{padding:22px;border-radius:6px;min-height:180px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.diagram-before{background:#f5f0e9;border:1px dashed #c8af84}.diagram-after{background:#eaf5f3;border:1px solid #a1c7c0}.before-after svg{width:36px;height:36px;margin-bottom:10px;color:#806025}.diagram-after svg{color:#087f83}.case-panel .before-after p{font-size:15px;margin-bottom:0}.case-panel .before-after .diagram-label{font-size:12px;letter-spacing:1px;font-weight:700;margin-bottom:15px;color:#536071}.diagram-arrow{color:#087f83;font-size:30px;text-align:center}.diagram-after strong{font-size:17px;font-weight:600;margin-bottom:6px}.case-panel .before-after .diagram-after p:last-child{font-size:14px}.case-panel{min-height:430px}.hero-illustration{animation:appear .6s ease-out}.services article{transition:transform .2s,box-shadow .2s}.services article:hover{transform:translateY(-4px);box-shadow:0 10px 25px #101b2910}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .diagram-arrow{transform:rotate(180deg)}[dir=rtl] .roadmap li+li:before{content:'←'}
@media(max-width:950px){.hero{column-gap:30px}.roadmap ol{gap:28px}.roadmap li+li:before{inset-inline-start:-24px}.roadmap li{gap:11px}.roadmap h3{font-size:18px}.roadmap p{font-size:14px}}
@media(max-width:720px){.hero{padding-top:36px}.hero-illustration{margin-top:30px}.roadmap{padding:25px;margin-top:29px}.roadmap ol{display:block}.roadmap li{padding:20px 0;border-top:1px solid #ffffff35}.roadmap li+li:before{content:''}.roadmap li:last-child{padding-bottom:0}.before-after{grid-template-columns:1fr;gap:8px}.diagram-arrow{transform:rotate(90deg);line-height:1.2}.diagram-before,.diagram-after{min-height:150px;padding:19px}.case-panel{min-height:0}.hero-bottom{margin-top:25px}[dir=rtl] .diagram-arrow{transform:rotate(90deg)}[dir=rtl] .roadmap li+li:before{content:''}}
@media(prefers-reduced-motion:reduce){.hero-illustration{animation:none}.services article:hover{transform:none}}
.ai-brief{background:#f0f5f5;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:1px solid #d4e3e2;border-bottom:1px solid #d4e3e2}.ai-brief .eyebrow{color:#087f83}.ai-brief p{color:#536071}.ai-brief .ai-items{color:#101b29;font-weight:700;border-left:3px solid #f4c268;padding-left:16px}@media(max-width:720px){.ai-brief{display:block}.ai-brief>div+div{margin-top:22px}}
/* Motion and a visible coordination map. Content remains readable without JS. */
.hero-illustration{position:relative;overflow:hidden;border-radius:8px}
.hero-illustration img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.hero-illustration:hover img{transform:scale(1.035)}
.hero-illustration::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#fff8 50%,transparent 65%);transform:translateX(-130%);animation:hero-light 7s ease-in-out 1.2s infinite}
@keyframes hero-light{0%,65%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
.roadmap li>span{box-shadow:0 0 0 0 #f4c26855;animation:step-pulse 3.6s ease-out infinite}
.roadmap li:nth-child(2)>span{animation-delay:1.2s}.roadmap li:nth-child(3)>span{animation-delay:2.4s}
@keyframes step-pulse{0%{box-shadow:0 0 0 0 #f4c26870}40%,100%{box-shadow:0 0 0 13px #f4c26800}}
.coord-map{position:relative;height:390px;margin:6px 0 58px;padding:0;border:1px solid #ffffff35;border-radius:12px;background:radial-gradient(circle at center,#1a3d50 0%,#122a3a 50%,#101b29 100%);overflow:hidden}
.coord-map figcaption{position:absolute;top:18px;inset-inline-start:24px;color:var(--gold);font-weight:700;font-size:15px;z-index:2}
.map-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.map-lines path{fill:none;stroke:#f4c268;stroke-width:2;stroke-dasharray:7 9;animation:flow-line 1.1s linear infinite}
.map-lines circle{fill:#f4c268;filter:drop-shadow(0 0 8px #f4c268)}
@keyframes flow-line{to{stroke-dashoffset:-16}}
.map-node{position:absolute;z-index:1;display:flex;align-items:center;gap:12px;justify-content:center;width:230px;min-height:67px;padding:12px 16px;border:1px solid #7297a3;border-radius:8px;background:#173348;box-shadow:0 8px 28px #0002;text-align:center;line-height:1.35;transition:transform .25s,border-color .25s}
.map-node:hover{transform:translateY(-5px);border-color:var(--gold)}
.map-node span{font:700 12px Arial,sans-serif;color:var(--gold)}.map-node strong{font-size:16px;font-weight:600}
.map-direction{top:55px;left:50%;transform:translateX(-50%)}.map-direction:hover{transform:translate(-50%,-5px)}
.map-team{top:166px;left:6%}.map-center{top:166px;left:50%;transform:translateX(-50%);background:#f4c268;color:#101b29;border-color:#f4c268}.map-center span{color:#6f4d10}.map-center:hover{transform:translate(-50%,-5px)}.map-vendor{top:166px;right:6%}
.map-result{bottom:33px;left:50%;transform:translateX(-50%)}.map-result:hover{transform:translate(-50%,-5px)}
.motion-ready [data-reveal]{opacity:0;translate:0 24px;transition:opacity .7s ease,translate .7s ease}.motion-ready [data-reveal].is-visible{opacity:1;translate:0 0}
.case-panel:not([hidden]){animation:panel-in .35s ease both}@keyframes panel-in{from{opacity:.45;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.map-node{width:190px}.map-team{left:3%}.map-vendor{right:3%}}
@media(max-width:720px){.coord-map{height:auto;display:grid;gap:15px;padding:62px 20px 24px}.coord-map figcaption{top:17px}.map-lines{display:none}.map-node,.map-direction,.map-team,.map-center,.map-vendor,.map-result{position:static;transform:none;width:100%;min-height:56px;justify-content:flex-start;text-align:start}.map-node:hover,.map-direction:hover,.map-center:hover,.map-result:hover{transform:none}.map-node:not(:last-child)::after{content:'↓';position:absolute;bottom:-17px;left:50%;color:var(--gold);font-size:16px}.map-node{position:relative}.coord-map{margin-bottom:42px}}
@media(prefers-reduced-motion:reduce){.hero-illustration::after,.roadmap li>span,.map-lines path{animation:none}.hero-illustration img,.map-node,.motion-ready [data-reveal]{transition:none}.motion-ready [data-reveal]{opacity:1;translate:none}.case-panel:not([hidden]){animation:none}}
@media(min-width:901px){.map-team{left:calc(18.9% - 115px)}.map-vendor{right:calc(18.9% - 115px)}}