.experience-page{background:var(--navy);color:#fff}
.experience-page main{background:var(--navy);padding-bottom:64px}
.experience-hero{min-height:410px;background:radial-gradient(circle at 77% 42%,rgba(19,111,214,.28),transparent 35%),linear-gradient(110deg,#02142f 0%,#02142f 46%,#06224a 100%);overflow:hidden}
.experience-hero-grid{min-height:328px;display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:center}
.experience-hero-copy{padding:52px 0 42px;position:relative;z-index:2}
.experience-hero h1{font-size:56px;line-height:1.02;margin:0 0 18px;letter-spacing:-.04em}
.experience-hero p{font-size:16px;line-height:1.55;color:#d6e3f1;max-width:600px;margin:0}
.hero-stats{display:flex;gap:38px;margin-top:30px}
.hero-stat{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center}
.hero-stat svg{width:45px;height:45px;color:#2f91ff}
.hero-stat strong{display:block;font-size:28px;line-height:1}
.hero-stat span{display:block;font-size:12px;color:#d7e3ef;line-height:1.35;margin-top:5px}
.experience-hero-map{height:310px;background:url("world-map-dark.png") center/contain no-repeat;position:relative;opacity:.98}
.experience-hero-map:after{content:"";position:absolute;inset:0;background:url("constellation.png") center/cover no-repeat;mix-blend-mode:screen;opacity:.55}
.tech-chip{position:absolute;z-index:2;padding:7px 11px;border:1px solid rgba(72,167,255,.5);border-radius:5px;background:rgba(2,20,47,.84);font-size:11px;font-weight:700;color:#dceeff;box-shadow:0 8px 18px rgba(0,0,0,.22)}
.tech-chip.s4{top:40px;right:22px}.tech-chip.baip{top:155px;left:38%}.tech-chip.ds{top:142px;right:12%}.tech-chip.sac{bottom:45px;right:0}
.experience-section{padding:26px 0 0}
.section-panel{padding:25px;border-radius:14px;background:#fff;color:var(--ink);border:1px solid #cbd9e8;box-shadow:0 16px 40px rgba(0,0,0,.12)}
.section-title-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}
.section-title-row h2{font-size:24px;margin:0 0 5px;color:#0b3e88}
.section-title-row p{font-size:12.5px;color:#53657d;margin:0}
.engagement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.engagement-card{border:1px solid #d2deec;border-radius:10px;padding:20px;display:grid;grid-template-columns:82px 1fr;gap:16px;min-height:235px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 8px 18px rgba(0,40,90,.045)}
.client-logo{width:82px;height:72px;border-radius:10px;border:1px solid #dce5f1;display:grid;place-items:center;text-align:center;font-weight:850;font-size:18px;background:#fff;color:#0b4d9f;line-height:1.05}
.client-logo.light{color:#008d88}.client-logo.emirates{color:#d71920}.client-logo.eletrobras{color:#1161bd}.client-logo.vale{color:#188f8c}.client-logo.petrobras{color:#168b43}.client-logo.messer{color:#102d7a}
.engagement-card h3{font-size:18px;margin:0 0 5px}
.engagement-card .meta{font-size:10.5px;color:#5b6d84;margin:0 0 9px;line-height:1.4}
.engagement-card .role{font-size:12px;font-weight:800;color:#172b48;margin:0 0 8px;line-height:1.35}
.engagement-card .summary{font-size:11.5px;line-height:1.45;color:#31445f;margin:0 0 14px}
.details-button{border:0;background:transparent;color:#0867ff;font-size:11.5px;font-weight:800;padding:0;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.details-button:hover{text-decoration:underline}
.two-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.segment-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.segment-item{border:1px solid #d8e3ef;border-radius:9px;min-height:116px;padding:15px 8px;text-align:center;background:#fbfdff}
.segment-item svg{width:34px;height:34px;color:#0867ff;margin-bottom:10px}
.segment-item span{display:block;font-size:11px;line-height:1.25;font-weight:650}
.focus-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
.focus-item{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start}
.focus-item svg{width:34px;height:34px;color:#0867ff}
.focus-item strong{display:block;font-size:12px;margin-bottom:3px;color:#0a3c85}
.focus-item span{display:block;font-size:10.5px;line-height:1.35;color:#42546c}
.ecosystem-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.ecosystem-toolbar span,.ecosystem-toolbar input{height:35px;border:1px solid #d5e0ec;border-radius:7px;background:#fff;color:#33455d;font-size:11px;padding:0 12px;display:flex;align-items:center}
.ecosystem-toolbar input{width:220px}
.logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.logo-tile{height:64px;border:1px solid #d7e2ee;border-radius:8px;background:#fff;display:grid;place-items:center;padding:8px;text-align:center;font-size:16px;font-weight:800;color:#24415f;transition:.15s}
.logo-tile:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,48,100,.08);border-color:#9fc5f3}
.logo-tile small{display:block;font-size:8px;font-weight:600;color:#6a7c92}
.bottom-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}
.map-panel{position:relative;min-height:280px;background:#fff url("world-map-light.png") center 70%/95% auto no-repeat}
.map-panel h2,.principles-panel h2{font-size:22px;margin:0 0 5px;color:#0b3e88}
.map-panel>p,.principles-panel>p{font-size:12px;color:#53657d;margin:0}
.map-marker{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#17395f;white-space:nowrap}
.map-marker:before{content:"";width:11px;height:11px;border-radius:50%;background:#ffbf16;border:2px solid #fff;box-shadow:0 0 0 2px rgba(255,174,0,.28)}
.map-marker.brazil{left:34%;top:68%}.map-marker.argentina{left:32%;top:79%}.map-marker.portugal{left:48%;top:43%}.map-marker.norway{left:52%;top:25%}.map-marker.finland{left:56%;top:29%}.map-marker.uae{left:63%;top:51%}.map-marker.indonesia{left:78%;top:65%}.map-marker.australia{left:83%;top:77%}
.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.principle{border-left:1px solid #dce5ef;padding:0 13px}
.principle:first-child{border-left:0}
.principle svg{width:34px;height:34px;color:#0867ff;margin-bottom:10px}
.principle strong{display:block;font-size:12px;line-height:1.25;margin-bottom:6px;color:#0a3c85}
.principle span{display:block;font-size:10.5px;line-height:1.4;color:#43556d}
.experience-cta{margin-top:22px;border:1px solid rgba(70,154,241,.55);border-radius:13px;padding:23px 26px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(90deg,#06244c,#031a3b);color:#fff}
.experience-cta h2{font-size:20px;margin:0 0 5px}.experience-cta p{font-size:12px;color:#b9cce0;margin:0}
.cta-actions{display:flex;gap:14px;flex-shrink:0}
.cta-actions .button{min-width:176px}
@media(max-width:1050px){.experience-hero-grid{grid-template-columns:1fr .9fr}.engagement-grid{grid-template-columns:repeat(2,1fr)}.segment-grid{grid-template-columns:repeat(3,1fr)}.logo-grid{grid-template-columns:repeat(4,1fr)}.principles-grid{grid-template-columns:repeat(2,1fr);row-gap:20px}.principle:nth-child(3){border-left:0}}
@media(max-width:760px){.experience-hero-grid{grid-template-columns:1fr}.experience-hero-map{height:260px}.two-panel-grid,.bottom-grid{grid-template-columns:1fr}.engagement-grid{grid-template-columns:1fr}.focus-list{grid-template-columns:1fr}.logo-grid{grid-template-columns:repeat(3,1fr)}.experience-cta{flex-direction:column;align-items:flex-start}.cta-actions{width:100%;flex-wrap:wrap}.hero-stats{flex-direction:column;gap:16px}}
@media(max-width:520px){.experience-hero h1{font-size:43px}.segment-grid,.logo-grid,.principles-grid{grid-template-columns:repeat(2,1fr)}.engagement-card{grid-template-columns:1fr}.client-logo{width:100%}.ecosystem-toolbar{justify-content:flex-start}.ecosystem-toolbar input{width:100%}}

/* Quality review v5 — restore real client marks and remove redundant map widget */
.client-logo{overflow:hidden;padding:8px;background:#fff}
.client-logo img{display:block;width:100%;height:100%;object-fit:contain}
.logo-tile{padding:5px;overflow:hidden}
.logo-tile img{display:block;width:100%;height:100%;object-fit:contain}
.principles-only{display:block}
.principles-only .principles-panel{width:100%}
.principles-only .principles-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.principles-only .principles-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.principles-only .principles-grid{grid-template-columns:1fr}.principles-only .principle{border-left:0;border-top:1px solid #dce5ef;padding:16px 0 0}.principles-only .principle:first-child{border-top:0;padding-top:0}}
.client-logo{width:92px;height:78px;padding:7px}
.engagement-card{grid-template-columns:92px 1fr}
.client-logo img{max-width:100%;max-height:100%}
.logo-tile{height:72px;padding:9px}
.logo-tile img{max-width:100%;max-height:100%;width:auto;height:auto}
@media(max-width:520px){.engagement-card{grid-template-columns:1fr}.client-logo{width:100%;height:82px}}
.logo-tile img{max-width:88%;max-height:46px}