:root{--navy:#061a39;--navy-2:#0a2348;--blue:#075bc8;--blue-2:#2f78dc;--ink:#081b3a;--muted:#536177;--line:#d8dee8;--soft:#f4f6f9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-100px;left:12px;z-index:999;background:#fff;padding:10px 14px;box-shadow:0 4px 15px #0003}.skip-link:focus{top:12px}.site-header{height:82px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:minmax(320px,1fr) auto minmax(184px,.72fr);align-items:center;padding:0 2.6vw;background:rgba(255,255,255,.97);border-bottom:1px solid #e3e6eb;backdrop-filter:blur(12px)}.brand{display:flex;flex-direction:column;width:max-content;line-height:1}.brand>span{font-size:26px;font-weight:700;letter-spacing:-.04em}.brand b{color:var(--blue);font-weight:700}.brand small{margin-top:4px;color:#0d55b4;font-size:10px;font-weight:700;letter-spacing:.02em}.nav{display:flex;height:100%;align-items:center;gap:38px}.nav a{position:relative;height:100%;display:flex;align-items:center;font-size:13px;font-weight:700;text-transform:uppercase}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:10px;height:2px;background:var(--blue);transform:scaleX(0);transition:transform .2s}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.header-cta{justify-self:end;padding:16px 24px;background:var(--navy);color:white;border-radius:3px;font-size:13px;font-weight:700;text-transform:uppercase}.header-cta span{margin-left:24px;font-size:20px}.menu-toggle{display:none;border:0;background:transparent;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;margin:5px;background:var(--ink)}
.hero{position:relative;min-height:560px;height:calc(100vh - 82px);max-height:690px;overflow:hidden;color:#fff;background:var(--navy) url("assets/roger-hero-new.png") center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,43,.99) 0%,rgba(3,20,43,.93) 35%,rgba(3,20,43,.4) 58%,rgba(3,20,43,.03) 82%)}.hero-map{position:absolute;left:-3%;top:8%;width:47%;height:58%;opacity:.13;background-image:radial-gradient(circle,#fff 1px,transparent 1.2px);background-size:7px 7px;mask-image:radial-gradient(ellipse at center,#000 15%,transparent 68%)}.hero-copy{position:relative;z-index:2;width:min(1280px,92%);height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-right:51%}.eyebrow{margin:0 0 13px;color:#8ebafa;font-size:11px;font-weight:800;letter-spacing:.15em}.hero h1{max-width:650px;margin:0;font-size:clamp(38px,4.2vw,62px);line-height:1.08;letter-spacing:-.04em}.short-rule{width:45px;height:2px;margin:22px 0 16px;background:#2d7ada}.hero-lead{max-width:610px;margin:0;color:#e4eaf3;font-size:16px;line-height:1.55}.hero-pillars{display:flex;flex-wrap:wrap;gap:0;margin:22px 0 25px;padding:0;list-style:none}.hero-pillars li{display:flex;align-items:center;gap:8px;padding:0 18px;border-right:1px solid #ffffff50;font-size:11px;font-weight:700}.hero-pillars li:first-child{padding-left:0}.hero-pillars li:last-child{border:0}.hero-pillars span{font-size:22px}.hero-actions{display:flex;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--blue);color:#fff}.button.secondary{border-color:#ffffffcc;color:#fff}.trust{min-height:72px;display:grid;grid-template-columns:260px 1fr;align-items:center;padding:0 4.3vw;border-bottom:1px solid var(--line);background:#fff}.trust>strong{color:#0d52aa;font-size:13px}.logo-row{height:100%;display:grid;grid-template-columns:repeat(6,1fr);align-items:center}.logo{min-height:38px;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line);color:#19243b;font-size:21px}.ensono{font-weight:300;letter-spacing:-.06em}.capgemini{color:#0756b1;font-family:Georgia,serif;font-style:italic;font-size:22px}.ibm{color:#0756b1;font-family:Georgia,serif;font-weight:900;letter-spacing:.05em}.hpe{gap:7px;color:#0c9d6c;font-size:24px}.hpe small{color:#111;font-size:9px;font-weight:700;line-height:1}.ribbon{color:#8b1679}.ventures{color:#0a2250;font-size:12px;font-weight:800;line-height:1.1}
.dashboard{display:grid;grid-template-columns:30% 34% 36%;min-height:390px}.dashboard>article{padding:20px 4.1vw;border-right:1px solid var(--line)}.panel-kicker{margin:0 0 16px;color:#74a6ea;font-size:12px;font-weight:800;letter-spacing:.04em}.panel-kicker.blue{color:#0757bd}.value-panel{background:linear-gradient(145deg,#0a2348,#03152f);color:#fff}.value-item{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:12px 0;border-top:1px solid #ffffff38}.value-item:first-of-type{border-top:0}.line-icon,.audience-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #5683c4;border-radius:50%;font-size:22px}.value-item h2{margin:0;font-size:14px;letter-spacing:.04em}.value-item p{margin:2px 0 0;color:#d9e2ef;font-size:11px;line-height:1.45}.bridge-panel{text-align:center;background:#fff}.bridge-graphic{height:245px;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center}.country .star,.country .flag{display:block;height:55px;font-size:44px;line-height:1}.country .star{color:#0d4ea2}.country h2{margin:6px 0;color:#0e4ba2;font-size:14px}.country p{margin:0;font-size:11px;line-height:1.65}.bridge-core{position:relative;display:grid;justify-items:center}.orbit{width:145px;height:145px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px dashed #4775b5;border-radius:50%;font-size:9px;color:#0a3471}.bridge-core:before,.bridge-core:after{content:"";position:absolute;top:49%;width:35px;border-top:1px dashed #4775b5}.bridge-core:before{left:-14px}.bridge-core:after{right:-14px}.bridge-core>span{margin-top:13px;color:#0e4ba2;font-size:13px;font-weight:800}.bridge-caption{margin:0;font-size:11px}.perspective-panel{background:#fbfbfc}.story{display:grid;grid-template-columns:112px 1fr 14px;gap:16px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}.story-image{height:70px;border-radius:3px;background-color:#0b2b56;background-size:cover;position:relative;overflow:hidden}.story-image:before,.story-image:after{content:"";position:absolute}.innovation{background:linear-gradient(135deg,#143156,#0a5ca7 55%,#cf8747)}.innovation:before{inset:16px 12px;border-top:1px solid #78ceff;border-bottom:1px solid #78ceff;transform:skewY(-12deg)}.ai{background:radial-gradient(circle at 55% 45%,#38b1f2 0 3%,transparent 4%),radial-gradient(circle at center,#0d6fa7,#041529 70%)}.ai:before{inset:9px 25px;border:1px solid #55cdfa;border-radius:50% 45% 48% 53%;box-shadow:0 0 12px #49bdeb}.boardroom{background:linear-gradient(#b7c5d8 0 46%,#20304a 47% 50%,#0c1524 51%)}.boardroom:before{left:14px;right:14px;bottom:8px;height:22px;background:radial-gradient(ellipse,#020814 0 38%,transparent 42%) 0 0/24px 22px}.story b{display:block;color:#0b1d45;font-size:12px;line-height:1.25}.story small{display:block;margin-top:4px;font-size:10px;line-height:1.3}.story i{color:#0b438c;font-size:22px}.view-all{display:inline-block;margin-top:10px;color:#0757bd;font-size:10px;font-weight:800}.audience-strip{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(105deg,#05162f,#0b254a);color:#fff}.audience-strip>a{display:grid;grid-template-columns:57px 1fr;gap:16px;min-height:145px;padding:20px 24px;border-right:1px solid #ffffff30}.audience-strip b,.audience-strip small,.audience-strip em{display:block}.audience-strip b{font-size:13px}.audience-strip small{margin-top:6px;color:#d2dbea;font-size:10px;line-height:1.45}.audience-strip em{margin-top:8px;color:#75a9ef;font-size:10px;font-style:normal}.audience-icon{width:50px;height:50px;color:#fff}
.section{padding:100px max(5vw,24px)}.section-heading{max-width:820px;margin-bottom:50px}.section-heading h2{max-width:720px;margin:0;font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-.045em}.section-heading>p:last-child{max-width:650px;margin:20px 0 0;color:var(--muted);font-size:16px;line-height:1.7}.experience{background:var(--soft)}.experience-grid{display:grid;grid-template-columns:minmax(260px,32%) 1fr;gap:70px;max-width:1220px}.portrait-card{margin:0;background:#fff;box-shadow:0 18px 50px #0d23431a}.portrait-card img{width:100%;height:470px;display:block;object-fit:cover;object-position:50% 18%}.portrait-card figcaption{padding:20px 24px;font-size:16px;font-weight:800}.portrait-card figcaption span{color:var(--blue);font-size:11px;text-transform:uppercase}.timeline article{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:0 0 28px;margin-bottom:26px;border-bottom:1px solid var(--line)}.timeline article>span,.investor-grid article>span{color:var(--blue);font-size:11px;font-weight:800}.timeline h3{margin:0 0 5px;font-size:19px}.timeline b{color:var(--blue);font-size:11px;text-transform:uppercase}.timeline p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.investor-section{background:var(--navy);color:#fff}.section-heading.light>p:last-child{color:#c1cee0}.investor-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}.investor-grid article{padding:32px 30px 32px 0;margin-right:30px;border-right:1px solid #ffffff30}.investor-grid article:last-child{margin:0;border:0}.investor-grid article>span{color:#83b4f4}.investor-grid h3{margin:24px 0 12px;font-size:16px;letter-spacing:.08em}.investor-grid p{margin:0;color:#b7c6da;font-size:13px;line-height:1.7}.library{background:#fff}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.article-grid article{padding:30px 34px 15px 0;margin-right:34px;border-right:1px solid var(--line)}.article-grid article:last-child{border:0}.article-grid span{color:var(--blue);font-size:10px;font-weight:800}.article-grid h3{font-size:24px;line-height:1.2}.article-grid p{color:var(--muted);font-size:14px;line-height:1.7}.article-grid a{color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase}.connect{display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px;padding:80px max(5vw,24px);background:var(--blue);color:#fff}.connect h2{max-width:760px;margin:0;font-size:clamp(38px,4vw,58px);line-height:1.04;letter-spacing:-.045em}.connect>div>p:last-child{max-width:720px;color:#dbe9fb;font-size:16px;line-height:1.7}.connect-actions{display:flex;gap:12px}.button.white{background:#fff;color:var(--blue)}.button.outline{border-color:#ffffffaa;color:#fff}footer{min-height:105px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;padding:20px 5vw;font-size:11px;color:#667286}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}.footer-brand>span{font-size:20px}.footer-brand small{font-size:8px}
@media(max-width:1180px){.site-header{grid-template-columns:270px 1fr 160px;padding:0 22px}.nav{gap:18px}.nav a{font-size:11px}.brand>span{font-size:22px}.trust{grid-template-columns:220px 1fr}.dashboard{grid-template-columns:1fr 1fr}.perspective-panel{grid-column:1/-1}.story{grid-template-columns:120px 1fr 14px}.audience-strip{grid-template-columns:1fr 1fr}}
@media(max-width:820px){html{scroll-padding-top:70px}.site-header{height:70px;grid-template-columns:1fr auto}.header-cta{display:none}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;height:auto;padding:12px 24px 20px;background:#fff;box-shadow:0 15px 30px #00153322;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{height:44px}.nav a:after{bottom:4px}.hero{height:auto;min-height:720px;background-position:68% center}.hero-shade{background:linear-gradient(90deg,rgba(3,20,43,.98),rgba(3,20,43,.84) 65%,rgba(3,20,43,.35))}.hero-copy{padding:65px 30% 65px 0}.hero h1{font-size:42px}.hero-pillars li{margin:6px 0}.trust{grid-template-columns:1fr;padding:16px 24px}.logo-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.logo{border:0}.dashboard{grid-template-columns:1fr}.perspective-panel{grid-column:auto}.dashboard>article{padding:28px 7vw}.audience-strip{grid-template-columns:1fr 1fr}.experience-grid{grid-template-columns:1fr}.portrait-card{max-width:430px}.investor-grid,.article-grid{grid-template-columns:1fr 1fr}.investor-grid article:nth-child(2){border-right:0}.article-grid article:last-child{border-top:1px solid var(--line);margin-top:20px}.connect{grid-template-columns:1fr}.connect-actions{flex-wrap:wrap}}
@media(max-width:560px){.brand>span{font-size:19px}.brand small{font-size:7px}.hero{min-height:760px;background-position:69% center}.hero-shade{background:linear-gradient(180deg,rgba(3,20,43,.98) 0%,rgba(3,20,43,.92) 60%,rgba(3,20,43,.45) 100%)}.hero-copy{width:calc(100% - 32px);padding:50px 0 170px;justify-content:flex-start}.hero h1{font-size:36px}.hero-lead{font-size:15px}.hero-pillars{display:grid;grid-template-columns:1fr 1fr}.hero-pillars li{padding:0;border:0;font-size:9px}.hero-actions{width:100%;flex-direction:column}.trust>strong{text-align:center}.logo-row{grid-template-columns:1fr 1fr}.dashboard>article{padding:26px 18px}.bridge-graphic{grid-template-columns:1fr;height:auto;gap:18px}.bridge-core:before,.bridge-core:after{display:none}.audience-strip{grid-template-columns:1fr}.audience-strip>a{min-height:130px}.section{padding:72px 18px}.experience-grid{gap:35px}.portrait-card img{height:410px}.investor-grid,.article-grid{grid-template-columns:1fr}.investor-grid article,.investor-grid article:nth-child(2),.article-grid article{border-right:0;border-bottom:1px solid #ffffff30;margin:0;padding:25px 0}.article-grid article{border-bottom:1px solid var(--line)}.connect{padding:65px 18px}.connect-actions{flex-direction:column}.connect-actions .button{width:100%}footer{grid-template-columns:1fr;padding:25px 18px}footer p:nth-child(2),footer p:last-child{text-align:left}.story{grid-template-columns:92px 1fr 10px}.story-image{height:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Keep Roger's full head and face visible at every responsive crop. */
.hero{background-position:center top}
.portrait-card img{object-position:50% 8%}
@media(max-width:820px){.hero{background-position:68% top}}
@media(max-width:560px){.hero{background-position:69% top}}

.country-symbols{height:55px;display:flex;align-items:center;justify-content:center;gap:8px}
.country-symbols .star,.country-symbols .flag{display:inline;height:auto}
.country-heading{min-height:55px;display:flex;align-items:center;justify-content:center;gap:8px}
.flag-inline{font-size:30px;line-height:1}
.footer-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;font-style:normal;font-size:12px;font-weight:700;color:#0d55b4}
.footer-contact a:hover{text-decoration:underline}
@media(max-width:560px){.footer-contact{justify-content:flex-start}}

/* Preserve the complete supplied hero portrait, including hair and crossed hands. */
.hero{height:clamp(560px,48.5vw,760px);min-height:0;max-height:none;background-size:contain;background-position:center top}
@media(max-width:820px){.hero{height:auto;min-height:760px;background-size:auto 100%;background-position:69% top}}


/* ===== Micronom additions (brand, layout and new sections; look and feel unchanged) ===== */
.nav{gap:30px}
@media(max-width:1180px){.nav{gap:14px}.nav a{font-size:10.5px}}
.logo-row{grid-template-columns:repeat(7,1fr)}
.logo.google{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.03em;color:#1a3f8f}
.logo.apple{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;color:#1d1d1f}

@media(max-width:820px){.logo-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.logo-row{grid-template-columns:1fr 1fr}}
.dashboard{min-height:440px}
.country .globe{display:inline;font-size:44px;line-height:1}

/* Platform section */
.platform{background:linear-gradient(145deg,#0a2348,#03152f);color:#fff}
.platform .section-heading>p:last-child{max-width:820px}
.playbook{margin:0 0 60px;padding-top:36px;border-top:1px solid #ffffff30}
.playbook-kicker{margin:0 0 22px;color:#74a6ea;font-size:12px;font-weight:800;letter-spacing:.04em}
.playbook-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:0;padding:0;list-style:none}
.playbook-steps li{position:relative;padding:0 26px 0 0;margin-right:26px;border-right:1px solid #ffffff30}
.playbook-steps li:last-child{margin:0;border:0;padding-right:0}
.playbook-steps span{display:block;color:#83b4f4;font-size:11px;font-weight:800}
.playbook-steps b{display:block;margin:16px 0 10px;font-size:15px;letter-spacing:.08em}
.playbook-steps small{display:block;color:#b7c6da;font-size:12.5px;line-height:1.65}
.structure-grid{display:grid;grid-template-columns:1fr;gap:0;max-width:980px}
.structure-card{padding:30px 34px;border:1px solid #ffffff30;border-radius:3px;background:rgba(255,255,255,.04)}
.structure-card h3{margin:0 0 14px;font-size:22px;letter-spacing:-.03em}
.structure-card p{margin:0;color:#c1cee0;font-size:14px;line-height:1.7}
.structure-card p em{color:#fff;font-style:italic}
.structure-card ul{margin:0;padding-left:18px;color:#c1cee0;font-size:14px;line-height:1.8}
.structure-card.topco{border-color:#5683c4;background:rgba(7,91,200,.16)}
.structure-card.vehicles{background:#fff;color:var(--ink);border-color:#fff}
.structure-card.vehicles h3{color:var(--ink)}
.structure-card.vehicles p{color:var(--muted)}
.structure-card.vehicles p em{color:var(--blue)}
.vehicle-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.vehicle-row span{padding:8px 14px;border:1px solid var(--blue);border-radius:3px;color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.structure-arrow{display:grid;place-items:center;height:44px;color:#74a6ea;font-size:24px}

/* Experience firm cloud */
.firm-cloud{max-width:1220px;margin-top:60px;padding-top:36px;border-top:1px solid var(--line)}
.firm-cloud ul{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px;padding:0;list-style:none}
.firm-cloud li{padding:9px 16px;background:#fff;border:1px solid var(--line);border-radius:3px;color:#0b1d45;font-size:12px;font-weight:800;letter-spacing:.02em}

/* Team */
.team{background:#fff}
.team-grid{display:grid;grid-template-columns:1fr;gap:0;max-width:1220px;border-top:1px solid var(--line)}
.team-card{display:grid;grid-template-columns:minmax(200px,26%) 1fr;gap:50px;padding:44px 0;border-bottom:1px solid var(--line)}
.team-photo{margin:0;background:var(--soft);box-shadow:0 18px 50px #0d23431a;aspect-ratio:4/5;overflow:hidden}
.team-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 12%}
.team-photo.initials{display:grid;place-items:center;background:linear-gradient(145deg,#0a2348,#03152f);color:#fff}
.team-photo.initials span{font-size:64px;font-weight:700;letter-spacing:-.04em;color:#8ebafa}
.team-body h3{margin:0 0 6px;font-size:28px;letter-spacing:-.04em}
.team-body>b{display:block;margin-bottom:16px;color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.team-body p{margin:0 0 14px;color:var(--muted);font-size:14.5px;line-height:1.7}
.team-link{display:inline-block;margin-top:4px;color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase}

/* Startups & ventures */
.startups{background:var(--soft)}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1220px}
.portfolio-card{display:flex;flex-direction:column;padding:30px 34px;background:#fff;box-shadow:0 18px 50px #0d23431a}
.portfolio-tag{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.06em}
.portfolio-card h3{margin:12px 0 10px;font-size:24px;letter-spacing:-.03em}
.portfolio-card p{flex:1;margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.7}
.portfolio-card a{color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase}
.portfolio-card.accelerator{background:linear-gradient(145deg,#0a2348,#03152f);color:#fff}
.portfolio-card.accelerator .portfolio-tag,.portfolio-card.accelerator a{color:#8ebafa}
.portfolio-card.accelerator p{color:#c1cee0}
.investor-note{max-width:820px;margin:36px 0 0;color:#c1cee0;font-size:15px;line-height:1.7}

@media(max-width:1180px){.playbook-steps{grid-template-columns:repeat(3,1fr);row-gap:34px}.playbook-steps li:nth-child(3){border-right:0}}
@media(max-width:820px){.playbook-steps{grid-template-columns:1fr 1fr}.playbook-steps li:nth-child(3){border-right:1px solid #ffffff30}.playbook-steps li:nth-child(2n){border-right:0}.team-card{grid-template-columns:1fr;gap:26px}.team-photo{max-width:320px}.portfolio-grid{grid-template-columns:1fr}}
@media(max-width:560px){.playbook-steps{grid-template-columns:1fr}.playbook-steps li{border-right:0;border-bottom:1px solid #ffffff30;padding:0 0 22px;margin:0}.playbook-steps li:last-child{border-bottom:0}.structure-card{padding:24px 20px}.portfolio-card{padding:24px 20px}.team-card{padding:34px 0}}


/* Fluid hero type on narrow viewports: keeps the headline and lead from wrapping one word per line. */
@media(max-width:820px){.hero h1{max-width:100%;font-size:clamp(28px,6vw,42px);line-height:1.08}.hero-lead{font-size:clamp(13px,2.2vw,16px)}.hero-copy{padding-right:26%}}
@media(max-width:560px){.hero h1{font-size:clamp(24px,8.5vw,36px)}.hero-lead{font-size:clamp(13px,3.8vw,15px)}.hero-copy{padding-right:0}.eyebrow{font-size:clamp(9px,2.8vw,11px)}}
@media(max-width:380px){.hero h1{font-size:clamp(22px,8vw,28px)}.hero-pillars{grid-template-columns:1fr}.hero-pillars li{margin:4px 0}}

/* Never clip the hero copy: the band grows with its content instead of a fixed height. */
.hero{height:auto;min-height:clamp(560px,48.5vw,760px);max-height:none}
.hero-copy{height:auto;min-height:clamp(560px,48.5vw,760px);padding-top:48px;padding-bottom:48px}
@media(max-width:820px){.hero{min-height:760px}.hero-copy{min-height:0;padding-top:65px;padding-bottom:65px}}
@media(max-width:560px){.hero-copy{padding-top:50px;padding-bottom:170px}}

/* Seven nav items and eight logos: keep the header and trust strip tidy between tablet and desktop widths. */
@media(max-width:1180px){.site-header{grid-template-columns:230px 1fr auto;padding:0 18px}.nav{gap:12px;justify-content:center}.nav a{font-size:10px;white-space:nowrap;letter-spacing:0}.header-cta{padding:12px 14px;font-size:11px;white-space:nowrap}.header-cta span{margin-left:10px;font-size:16px}.trust{grid-template-columns:200px 1fr;padding:12px 18px}.logo-row{grid-template-columns:repeat(4,1fr);row-gap:6px}.logo{min-height:34px;font-size:18px}.ventures{font-size:11px}}
@media(max-width:960px){.site-header{grid-template-columns:200px 1fr auto}.brand>span{font-size:20px}.brand small{font-size:8px}.nav{gap:9px}.nav a{font-size:9.5px}}

/* Experience: the portrait card sizes to its content (no empty white box) and stays in view beside the timeline. */
.experience-grid{align-items:start}
.portrait-card{position:sticky;top:100px}
@media(max-width:820px){.portrait-card{position:static}}

/* Image logo in the header and footer (replaces the text wordmark). */
.brand-logo{display:flex;align-items:center}
.brand-logo img{height:56px;width:auto;display:block}
.footer-brand img{height:44px}
@media(max-width:1180px){.site-header{grid-template-columns:auto 1fr auto}.brand-logo img{height:48px}}
@media(max-width:960px){.brand-logo img{height:42px}}
@media(max-width:820px){.brand-logo img{height:40px}}
@media(max-width:560px){.brand-logo img{height:34px}.footer-brand img{height:36px}}

/* Team photos display at their supplied proportions, uncropped. */
.team-photo{aspect-ratio:auto}
.team-photo img{height:auto;object-fit:contain;object-position:center}

/* Team card: photo column sizes to the photo, no empty box beneath shorter photos. */
.team-card{align-items:start}

/* Logo strip: Capgemini wordmark in brand blue with spade; IBM striped mark as inline vector. */
.logo.capgemini{gap:6px;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:20px;letter-spacing:-.03em;color:#0070ad}
.logo.capgemini .cg-spade{color:#12abdb;font-size:22px;line-height:1;transform:translateY(-1px)}
.logo.ibm{font:0/0 a}
.logo.ibm svg{height:24px;width:auto;display:block}
@media(max-width:1180px){.logo.capgemini{font-size:18px}.logo.ibm svg{height:21px}}

/* Logo strip: HPE, Google and Apple marks sized to match Capgemini and IBM. */
.logo.hpe{gap:9px;font-size:0;line-height:1}
.hpe-mark{display:block;width:34px;height:14px;border:3px solid #01a982;border-radius:1px;box-sizing:border-box}
.logo.hpe small{color:#111;font-size:11px;font-weight:700;line-height:1.05;letter-spacing:-.01em}
.logo.google{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:26px;letter-spacing:-.04em}
.logo.google i{font-style:normal}
.logo.google .g-b{color:#4285f4}.logo.google .g-r{color:#ea4335}.logo.google .g-y{color:#fbbc05}.logo.google .g-g{color:#34a853}
.logo.apple{gap:6px;color:#1d1d1f;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:24px;letter-spacing:-.03em}
.logo.apple svg{width:22px;height:22px;fill:#1d1d1f;display:block;transform:translateY(-2px)}
@media(max-width:1180px){.logo.google{font-size:22px}.logo.apple{font-size:20px}.logo.apple svg{width:19px;height:19px}.hpe-mark{width:30px;height:12px}.logo.hpe small{font-size:10px}}

/* Capgemini supplied logo image, sized to the strip. */
.logo.capgemini img{height:38px;width:auto;display:block}
@media(max-width:1180px){.logo.capgemini img{height:32px}}

/* Portfolio cards: company logos in place of the text heading. */
.portfolio-card h3.portfolio-logo{margin:14px 0 12px;line-height:0}
.portfolio-card h3.portfolio-logo img{height:34px;width:auto;display:block}

/* Contact modal with human-verification check. */
.connect-actions button.button{cursor:pointer;font-family:inherit;border:1px solid transparent}
.footer-email{border:0;background:transparent;padding:0;font:inherit;font-weight:700;color:#0d55b4;cursor:pointer}
.footer-email:hover{text-decoration:underline}
.contact-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px}
.contact-modal[hidden]{display:none}
.contact-backdrop{position:absolute;inset:0;background:rgba(3,20,43,.78);backdrop-filter:blur(4px)}
.contact-panel{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:36px 40px;background:#fff;color:var(--ink);border-radius:4px;box-shadow:0 30px 80px #00081f66}
.contact-panel h2{margin:0 0 10px;font-size:clamp(24px,3vw,32px);line-height:1.08;letter-spacing:-.04em}
.contact-intro{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.6}
.contact-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;background:transparent;color:var(--muted);font-size:28px;line-height:1;cursor:pointer}
.contact-close:hover{color:var(--ink)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-panel label{display:block;margin-bottom:14px;color:var(--ink);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.contact-panel input,.contact-panel textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid var(--line);border-radius:3px;background:var(--soft);color:var(--ink);font:inherit;font-size:15px;text-transform:none;letter-spacing:0}
.contact-panel input:focus,.contact-panel textarea:focus{outline:2px solid var(--blue);outline-offset:0;background:#fff}
.contact-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-check{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:16px 18px 4px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:3px;background:var(--soft)}
.contact-check label{margin-bottom:12px}
.contact-check input{background:#fff;max-width:160px}
.contact-check b{color:var(--blue);font-size:15px}
.contact-refresh{margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;cursor:pointer}
.contact-error{margin:12px 0 0;color:#b3261e;font-size:13px;font-weight:700}
.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px}
.contact-actions .button{cursor:pointer;font-family:inherit}
.contact-note{color:var(--muted);font-size:11px}
body.modal-open{overflow:hidden}
@media(max-width:560px){.contact-panel{padding:28px 20px}.contact-grid{grid-template-columns:1fr}.contact-check{grid-template-columns:1fr}.contact-check input{max-width:none}}

/* ===== Phone layout fixes (these must come last so they win over the tablet rules above). ===== */
html,body{overflow-x:hidden;overflow-x:clip;max-width:100%}
@media(max-width:820px){.site-header{grid-template-columns:1fr auto;padding:0 18px}.menu-toggle{justify-self:end}.trust{grid-template-columns:1fr;padding:14px 18px 10px}.trust>strong{display:block;margin-bottom:6px}.logo-row{grid-template-columns:repeat(4,1fr);row-gap:8px;margin-top:0}.logo{border:0;min-height:34px}}
@media(max-width:560px){.site-header{padding:0 14px}.trust{padding:12px 14px 8px}.logo-row{grid-template-columns:1fr 1fr;row-gap:10px}.logo.google{font-size:22px}.logo.apple{font-size:20px}.logo.apple svg{width:19px;height:19px}.logo.capgemini img{height:30px}.logo.ibm svg{height:20px}.hpe-mark{width:28px;height:11px}.logo.hpe small{font-size:9.5px}.hero-map{display:none}}

/* Investment focus section (SEO landing content). */
.focus{background:var(--soft)}
.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1220px}
.focus-card{padding:30px 34px;background:#fff;box-shadow:0 18px 50px #0d23431a}
.focus-card h3{margin:0 0 12px;font-size:22px;letter-spacing:-.035em;line-height:1.15}
.focus-card p{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.7}
.focus-card ul{margin:0;padding-left:18px;color:var(--muted);font-size:13.5px;line-height:1.75}
.focus-note{max-width:900px;margin:34px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
@media(max-width:1180px){.focus-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.focus-grid{grid-template-columns:1fr}}
@media(max-width:560px){.focus-card{padding:24px 20px}}

/* ===== Accessibility (WCAG 2.2 AA) ===== */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus{outline:none}
:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #075bc8;border-radius:2px}
.skip-link:focus-visible{outline:3px solid #075bc8;box-shadow:none}
/* Standalone text links get a 24px minimum target (WCAG 2.5.8). */
.team-link,.article-grid a,.portfolio-card a,.view-all,.footer-contact a,.footer-email,.footer-nav a{display:inline-block;min-height:24px;line-height:24px}
.article-grid a,.portfolio-card a{margin-top:2px}
/* Legibility floor for the smallest type. */
.orbit{font-size:10px}
.brand small{font-size:10px}
.story small,.audience-strip small,.audience-strip em,.article-grid span,.view-all{font-size:11px}
@media(max-width:560px){.hero-pillars li{font-size:10px}}
/* Heading elements used as small panel kickers keep the kicker styling. */
h2.panel-kicker{font-size:12px;font-weight:800;letter-spacing:.04em;line-height:1.45}
.value-item h3{margin:0;font-size:14px;letter-spacing:.04em}
.country h3{margin:6px 0;color:#0e4ba2;font-size:14px}
.country-heading{min-height:55px;display:flex;align-items:center;justify-content:center;gap:8px}
/* Footer legal navigation */
footer{grid-template-columns:1fr 1fr 1fr;row-gap:8px}
.footer-nav{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;padding-top:12px;border-top:1px solid var(--line)}
.footer-nav a{color:#0d55b4;font-size:12px;font-weight:700}
.footer-nav a:hover{text-decoration:underline}
@media(max-width:560px){.footer-nav{justify-content:flex-start}}

/* ===== Accessibility widget ===== */
.a11y-widget{position:fixed;right:18px;bottom:18px;z-index:120;font-family:Arial,Helvetica,sans-serif}
.a11y-launcher{width:56px;height:56px;border:0;border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 10px 30px #00153355;cursor:pointer;display:grid;place-items:center;padding:0}
.a11y-launcher:hover{background:#0a4fa8}
.a11y-launcher svg{width:32px;height:32px;fill:#fff}
.a11y-panel{position:absolute;right:0;bottom:68px;width:min(340px,calc(100vw - 36px));max-height:min(78vh,640px);overflow:auto;padding:18px 18px 14px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:6px;box-shadow:0 24px 60px #00153344}
.a11y-panel[hidden]{display:none}
.a11y-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.a11y-head h2{margin:0;font-size:16px;letter-spacing:-.02em}
.a11y-close{width:36px;height:36px;border:0;background:transparent;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;border-radius:4px}
.a11y-close:hover{color:var(--ink);background:var(--soft)}
.a11y-intro{margin:0 0 12px;color:var(--muted);font-size:12.5px;line-height:1.5}
.a11y-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}
.a11y-row span{font-size:13px;font-weight:700}
.a11y-row small{color:var(--muted);font-size:12px;min-width:44px;text-align:center}
.a11y-step{width:40px;height:36px;border:1px solid var(--line);border-radius:4px;background:var(--soft);color:var(--blue);font-size:16px;font-weight:800;cursor:pointer}
.a11y-step:hover{background:#e8eef7}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.a11y-toggle{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--soft);color:var(--ink);font:inherit;font-size:12.5px;font-weight:700;text-align:left;cursor:pointer}
.a11y-toggle:hover{background:#e8eef7}
.a11y-toggle svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.a11y-toggle[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.a11y-toggle[aria-pressed="true"] svg{stroke:#fff}
.a11y-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.a11y-reset{min-height:36px;padding:0 14px;border:1px solid var(--blue);border-radius:4px;background:#fff;color:var(--blue);font:inherit;font-size:12px;font-weight:800;text-transform:uppercase;cursor:pointer}
.a11y-reset:hover{background:var(--soft)}
.a11y-foot a{color:var(--blue);font-size:12px;font-weight:700}
@media(max-width:560px){.a11y-widget{right:12px;bottom:12px}.a11y-launcher{width:50px;height:50px}.a11y-launcher svg{width:28px;height:28px}}
@media print{.a11y-widget{display:none}}

/* Widget modes (classes on <html>). Filters go on page regions, not body, so fixed elements keep working. */
.a11y-text-1 body{zoom:1.15}.a11y-text-2 body{zoom:1.3}.a11y-text-3 body{zoom:1.45}
.a11y-contrast .site-header,.a11y-contrast main,.a11y-contrast footer{filter:contrast(1.25)}
.a11y-contrast main p,.a11y-contrast main li,.a11y-contrast main small{color:#0b1220}
.a11y-contrast .value-panel p,.a11y-contrast .investor-grid p,.a11y-contrast .platform p,.a11y-contrast .platform li,.a11y-contrast .platform small,.a11y-contrast .audience-strip small,.a11y-contrast .connect p,.a11y-contrast .accelerator p,.a11y-contrast .structure-card.topco p,.a11y-contrast .structure-card.later p,.a11y-contrast .investor-note,.a11y-contrast .hero-lead{color:#fff}
.a11y-contrast .structure-card.vehicles p{color:#0b1220}
.a11y-grayscale .site-header,.a11y-grayscale main,.a11y-grayscale footer{filter:grayscale(1)}
.a11y-contrast.a11y-grayscale .site-header,.a11y-contrast.a11y-grayscale main,.a11y-contrast.a11y-grayscale footer{filter:grayscale(1) contrast(1.25)}
.a11y-links main a,.a11y-links footer a,.a11y-links .site-header a,.a11y-links main button,.a11y-links footer button{outline:3px solid #ffb703!important;outline-offset:1px;background:#fff3b0!important;color:#0b1220!important;text-decoration:underline!important}
.a11y-links main a *,.a11y-links main button *{color:#0b1220!important}
.a11y-font body,.a11y-font body *{font-family:Verdana,"Trebuchet MS",Tahoma,Arial,sans-serif!important}
.a11y-spacing body *{line-height:1.85!important;letter-spacing:.05em!important;word-spacing:.12em!important}
.a11y-spacing p,.a11y-spacing li{margin-bottom:.6em!important}
.a11y-cursor,.a11y-cursor body,.a11y-cursor a,.a11y-cursor button{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path d='M4 2l14 12-6 1 4 7-3 1-4-7-5 4z' fill='%23fff' stroke='%23061a39' stroke-width='1.5'/></svg>") 4 2,auto!important}
.a11y-motion *,.a11y-motion *::before,.a11y-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.a11y-motion .button:hover{transform:none}

/* ===== Legal pages (accessibility statement, disclaimer) ===== */
.legal{max-width:860px;margin:0 auto;padding:70px max(5vw,24px) 90px}
.legal h1{margin:0 0 12px;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.04em}
.legal .updated{margin:0 0 34px;color:var(--muted);font-size:13px}
.legal h2{margin:36px 0 10px;font-size:22px;letter-spacing:-.03em}
.legal p,.legal li{color:#2c3a50;font-size:16px;line-height:1.75}
.legal ul{padding-left:22px}
.legal a{color:var(--blue);font-weight:700;text-decoration:underline}
.legal .callout{margin:30px 0;padding:22px 26px;border-left:4px solid var(--blue);background:var(--soft);border-radius:3px}
.legal .callout p{margin:0}
.site-header.simple{grid-template-columns:1fr auto}
.site-header.simple .nav{display:flex;position:static;height:100%;padding:0;box-shadow:none;background:transparent;flex-direction:row;gap:26px}
.site-header.simple .nav a{height:100%}
@media(max-width:560px){.legal{padding:48px 18px 70px}.site-header.simple .nav{gap:14px}.site-header.simple .nav a{font-size:11px}}

/* Footer: quiet link on "Miami" — looks like text, reveals on hover or keyboard focus. */
.quiet-link{color:inherit;text-decoration:none;cursor:pointer}
.quiet-link:hover,.quiet-link:focus-visible{color:#0d55b4;text-decoration:underline}
/* Contrast fix: kicker on the blue Connect band. */
.connect .panel-kicker{color:#e6f0ff}