/* Layout: a sober consulting page. A left rail names each section; the right column carries the argument. One accent, used sparingly. */
:root{
  color-scheme:dark;
  --bg:#0B1233; --deep:#080D27; --panel:#121A45; --raise:#1A2459;
  --ink:#EEF0FB; --muted:#A6ADD0; --faint:#7F87B2; --line:#2B3672; --soft:#121A45;
  --accent:#9C72F8; --accent-2:#C3A8FF; --accent-soft:#2A2368;
  --sie:#00A0B0; --sie-soft:#0F3A4E; --sie-deep:#080D27; --sie-mint:#00FFB9; --sie-cyan:#00E6DC;
  --show-ink:none; --show-white:inline-block; --logo-filter:none;
  --f:"Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;
  --d:"Urbanist", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --m:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --wrap:1160px;
}
html{scroll-behavior:smooth; scroll-padding-top:80px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0; background:var(--bg); color:var(--ink); font:400 17px/1.65 var(--f); -webkit-font-smoothing:antialiased; font-feature-settings:"ss01"}
body::before{content:""; position:fixed; inset:0 0 auto; height:env(safe-area-inset-top,0px); z-index:60; background:var(--bg)}
html:not(.en) .t-en, html:not(.es) .t-es, html.en .t-pt, html.es .t-pt{display:none}
a{color:inherit; text-underline-offset:3px; text-decoration-thickness:1px}
:focus-visible{outline:2px solid var(--accent); outline-offset:3px; border-radius:3px}
h1,h2,h3{margin:0; font-weight:500; letter-spacing:-.02em; text-wrap:balance}
p{margin:0}
.wrap{max-width:var(--wrap); margin:0 auto; padding-left:max(24px, env(safe-area-inset-left,0px)); padding-right:max(24px, env(safe-area-inset-right,0px))}
.label{font:500 12px/1.4 var(--m); letter-spacing:.08em; text-transform:uppercase; color:var(--faint)}
.label.acc{color:var(--accent)}
.lede{font-size:clamp(18px,1.6vw,21px); line-height:1.55; color:var(--muted); max-width:58ch; font-weight:300}
.ph{font:400 .85em var(--m); border:1px dashed currentColor; border-radius:3px; padding:0 5px; white-space:nowrap; opacity:.8}

.mores{display:flex; flex-wrap:wrap; gap:8px 28px}
.rnote{margin:0; padding:18px 20px; background:var(--soft); border-left:2px solid var(--accent); color:var(--muted); font-size:15.5px; max-width:860px} .rnote b{color:var(--ink); font-weight:500}
/* visuals */
.hero-g{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:clamp(24px,4vw,64px); align-items:center}
.hero-t{display:flex; flex-direction:column; gap:28px; min-width:0}
.hero-v svg{width:100%; height:auto; display:block; max-width:560px; margin-left:auto}
@media (max-width:1000px){.hero-g{grid-template-columns:1fr} .hero-v svg{max-width:520px; margin:0}}
.v-hero text{font-family:var(--f)} .v-hero .sl{fill:var(--soft); stroke:var(--line)} .v-hero .sl-a{fill:var(--ink); stroke:var(--ink)}
.v-hero .sl-d{fill:none; stroke:var(--line); stroke-dasharray:4 4}
.v-hero .sl-t{font-size:17px; font-weight:500; fill:var(--ink)} .v-hero .sl-s{font-size:12.5px; fill:var(--muted)} .v-hero .sl-p{font:400 11.5px var(--m); fill:var(--accent)}
.v-hero .inv{fill:var(--bg)} .v-hero .sl-s.inv{fill:var(--bg); opacity:.75} .v-hero .sl-p.inv{fill:var(--bg); opacity:.8}
.v-hero .chip-r{fill:var(--bg); stroke:var(--line)} .v-hero .chip-t{font:400 11px var(--m); fill:var(--muted)}
.v-hero .flow{stroke:var(--faint); stroke-width:1.2} .v-hero .ar{fill:var(--faint)}
.v-hero .br{fill:none; stroke:var(--accent); stroke-width:1.5} .v-hero .bl{stroke:var(--accent); stroke-width:1; stroke-dasharray:3 3; opacity:.7}
.v-hero .ag{fill:var(--accent)} .v-hero .ag-run{fill:var(--accent); animation:agrun 4.5s ease-in-out infinite}
@keyframes agrun{0%{transform:translateY(0); opacity:0} 10%{opacity:1} 90%{opacity:1} 100%{transform:translateY(-380px); opacity:0}}
.v-hero .br-t{font-size:18px; font-weight:500; fill:var(--ink)} .v-hero .br-s{font-size:13px; fill:var(--muted)}
.v-hero .pv{fill:var(--bg); stroke:var(--ink)} .v-hero .pv-k{fill:none; stroke:var(--ink); stroke-width:1.6} .v-hero .pv-l{stroke:var(--line)}
.v-hero .lg{font:400 12px var(--m); fill:var(--muted)}
@media (max-width:520px){.v-hero .sl-s, .v-hero .sl-p{display:none} .v-hero .sl-t{font-size:21px} .v-hero .br-s{font-size:15px} .v-hero .lg{font-size:15px}}
@media (prefers-reduced-motion: reduce){.v-hero .ag-run{animation:none; opacity:0}}
.cl{display:block; height:16px; width:auto; max-width:130px; align-self:flex-start; margin-bottom:10px} .cl-ag2{filter:var(--logo-filter)} .creds .sp{height:16px; margin-bottom:10px} .cl-ag{filter:var(--logo-filter); height:18px; margin:4px 0 0}
.v-st{width:100%; max-width:220px; height:auto; display:block}
.v-st .wf{fill:var(--line)} .v-st .wf-a{fill:var(--accent)} .v-st .tr{fill:var(--soft); stroke:var(--line)} .v-st .tr2{fill:var(--faint)} .v-st .fl{fill:var(--accent)} .v-st .tk{stroke:var(--ink)}
.v-st .st-l{font:400 10px var(--m); fill:var(--faint)}
.ic{width:28px; height:28px; fill:none; stroke:var(--ink); stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; margin:4px 0 2px}
.chain li:last-child .ic{stroke:var(--accent)} .chain li:last-child .ic circle{fill:var(--accent)}
.icxg{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(24px,4vw,56px); align-items:start}
.prods.prods-v{grid-template-columns:1fr; gap:28px}
@media (max-width:860px){.icxg{grid-template-columns:1fr}}
.fig{margin:0; display:flex; flex-direction:column; gap:10px; min-width:0}
.fig img, .fig video{width:100%; height:auto; display:block; background:#0B0D18}
.fig figcaption{font:400 12px/1.6 var(--m); color:var(--faint)}
.fig.vid video{aspect-ratio:16/9; object-fit:cover}
.lanes{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px}
.lp{display:flex; flex-direction:column; gap:10px; min-width:0; position:relative}
.lp-h{display:flex; flex-direction:column; gap:4px; padding-top:12px; border-top:1px solid var(--ink)} .lp-h .n{font:400 11.5px var(--m); color:var(--faint)} .lp-h b{font-weight:500; font-size:18px}
.ln{padding:14px; display:flex; flex-direction:column; gap:8px; min-height:118px; position:relative}
.ln p{margin:0; font-size:14.5px; color:var(--muted); line-height:1.5}
.ln .tg{display:flex; align-items:center; gap:6px; font:500 11px var(--m); letter-spacing:.04em; text-transform:uppercase}
.ln .tg svg{width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5}
.ln-a{border:1px dashed var(--accent); background:color-mix(in srgb, var(--accent) 5%, transparent)} .ln-a .tg{color:var(--accent)}
.ln-p{border:1px solid var(--ink)} .ln-p .tg{color:var(--ink)}
.ln-p .gate{position:absolute; right:-1px; bottom:-1px; font:500 10px var(--m); text-transform:uppercase; letter-spacing:.04em; background:var(--ink); color:var(--bg); padding:3px 7px}
.lp:not(:last-child)::after{content:"→"; position:absolute; right:-12px; top:6px; font-size:14px; color:var(--faint)}
@media (max-width:860px){.lanes{grid-template-columns:1fr; gap:22px} .ln{min-height:0} .lp:not(:last-child)::after{content:none}}
.sqf{max-width:820px; margin:8px auto 16px; width:100%}
.v-squad{width:100%; height:auto; display:block} .v-squad text{font-family:var(--f)}
.v-squad .sq-o{fill:none; stroke:var(--line)} .v-squad .sq-i{fill:color-mix(in srgb, var(--accent) 7%, transparent); stroke:var(--accent); stroke-dasharray:4 4}
.v-squad .sq-l{stroke:var(--line)} .v-squad .sq-ag{fill:var(--accent)}
.v-squad .sq-m{font-size:22px; font-weight:500; fill:var(--ink)} .v-squad .sq-ms{font:400 12px var(--m); fill:var(--accent)}
.v-squad .sq-p{fill:var(--bg); stroke:var(--ink)} .v-squad .sq-h{fill:var(--ink)} .v-squad .sq-b{fill:none; stroke:var(--ink); stroke-width:1.6}
.v-squad .sq-t{font-size:15px; font-weight:500; fill:var(--ink)} .v-squad .sq-lg{font:400 12.5px var(--m); fill:var(--muted)}
.v-squad .sq-ag{animation:pulse 2.4s ease-in-out infinite} .v-squad .sq-ag:nth-of-type(2n){animation-delay:1.2s}
@keyframes pulse{50%{opacity:.35}} @media (prefers-reduced-motion: reduce){.v-squad .sq-ag{animation:none}}
.acov{display:block; width:100%; height:auto; aspect-ratio:16/9}
.art .acov{margin-bottom:6px}
.rcov{margin:4px 0 8px} .rcov .acov{aspect-ratio:auto; height:180px}
.sq-alt{display:none}
@media (max-width:600px){.sqf .v-squad{display:none} .sq-alt{display:flex; flex-direction:column; gap:12px}
 .sq-c{border:1px dashed var(--accent); background:color-mix(in srgb, var(--accent) 7%, transparent); padding:14px; text-align:center; display:flex; flex-direction:column; gap:2px}
 .sq-c b{font-weight:500; font-size:20px} .sq-c span{font:400 12px var(--m); color:var(--accent)}
 .sq-alt ul{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px}
 .sq-alt li{display:flex; align-items:center; gap:8px; border:1px solid var(--line); padding:10px; font-size:13.5px; line-height:1.3}
 .sq-alt li svg{width:18px; height:18px; flex:none; fill:none; stroke:var(--ink); stroke-width:1.5}
 .sq-alt p{margin:0; font:400 12px var(--m); color:var(--muted); text-align:center}}
/* Siemens palette, discreet */
.creds div{min-height:0} .creds .cb{height:56px; width:56px; display:block; border-radius:3px; margin-bottom:10px} .creds .cl{height:16px; margin:20px 0 30px} .creds .cl-ag2{height:18px; margin:19px 0 29px}
.lx{display:inline-flex; align-items:center; gap:8px; color:var(--sie)} .lx img{width:18px; height:auto; border-radius:3px}
.icxb{margin:0 0 4px; position:relative; overflow:hidden; background:var(--sie-deep); aspect-ratio:12/5; border-bottom:2px solid var(--sie-cyan)}
.icxb img{width:100%; height:100%; object-fit:cover; object-position:0% 52%; display:block}
.icx-p .prod > .label{color:var(--sie)} .icx-p .prod h3{border-top:2px solid var(--sie); padding-top:10px} 
.icx-p .chain{border-top-color:var(--sie)} .icx-p .ic{stroke:var(--sie)} .icx-p .chain li:last-child .ic{stroke:var(--accent)}
.recog > span{padding-left:12px; border-left:2px solid var(--sie)}
.v-hero .sl-p{fill:var(--sie)} .v-hero .sl-a{fill:var(--sie-deep); stroke:var(--sie-deep)} .v-hero .sl-p.inv{fill:var(--sie-mint); opacity:1}
.v-hero .sl-a{fill:var(--accent); stroke:var(--accent)} .v-hero .sl-p.inv{fill:#0B1233; opacity:.85} .v-hero .sl-t.inv, .v-hero .sl-s.inv{fill:#0B1233}
html .wcov{background:var(--sie-deep); border-top-color:var(--sie-cyan)} html .wcov .wl{color:var(--sie-mint)} 
.fig img, .fig video{background:var(--sie-deep)}
html .foot{border-top:0; background-image:linear-gradient(90deg, var(--sie-deep) 0%, var(--sie) 35%, var(--sie-mint) 62%, var(--accent) 100%); background-size:100% 3px; background-repeat:no-repeat; background-position:top}
/* value film */
.film{background:var(--sie-deep); color:#ECEEF5; position:relative; overflow:hidden}
.film::before{content:""; position:absolute; inset:auto 0 0 0; height:3px; background:linear-gradient(90deg, var(--sie-deep), #009999 35%, var(--sie-mint) 62%, var(--accent))}
.film .wrap{display:grid; grid-template-columns:minmax(0,4fr) minmax(0,7fr); gap:clamp(24px,4vw,64px); align-items:center; padding-block:clamp(48px,6vw,88px)}
.film-t{display:flex; flex-direction:column; gap:16px; min-width:0}
.film-t .label{color:var(--sie-mint)}
.film-t h2{font-size:clamp(26px,2.6vw,38px); line-height:1.15; letter-spacing:-.02em; color:#fff}
.film-t p{margin:0; color:#A9B0C8; font-size:16px; line-height:1.6}
.film-cta{color:var(--sie-mint); text-decoration:none; font-size:15px} .film-cta:hover{text-decoration:underline}
.film-v{margin:0; position:relative; aspect-ratio:16/9; background:#000; box-shadow:0 30px 80px -30px rgba(0,230,220,.25)}
.film-v video{width:100%; height:100%; display:block; object-fit:cover}
.film-play{position:absolute; left:20px; bottom:20px; display:flex; align-items:center; gap:10px; background:rgba(0,0,40,.72); color:#fff; border:1px solid rgba(255,255,255,.25); padding:10px 16px 10px 12px; font:500 14px var(--f); cursor:pointer; backdrop-filter:blur(6px)}
.film-play svg{width:22px; height:22px; fill:var(--sie-mint)} .film-play:hover{background:rgba(0,0,40,.9)}
.film-v.playing .film-play{display:none}
@media (max-width:900px){.film .wrap{grid-template-columns:1fr}}
.person h3 a{text-decoration:none; display:inline-flex; align-items:center; gap:8px} .person h3 a:hover{text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px}
.person h3 .li{width:15px; height:15px; fill:var(--faint); flex:none} .person h3 a:hover .li{fill:#0A66C2}
/* about + policies */
.pols{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
.pols a{display:flex; flex-direction:column; gap:6px; padding:18px 20px; border:1px solid var(--line); text-decoration:none; height:100%; box-sizing:border-box}
.pols a:hover{border-color:var(--ink)} .pols b{font-weight:500; font-size:17px} .pols span{color:var(--muted); font-size:14.5px}
@media (max-width:700px){.pols{grid-template-columns:1fr}}
.ck-open{background:none; border:0; padding:0; font:inherit; color:inherit; text-align:left; cursor:pointer; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px}
.pol .rbody h3{font-size:19px; margin-top:1.6em} .pol .rbody h3:first-child{margin-top:0}
.foot .ck-open{color:var(--muted); font-size:14.5px; text-decoration:none} .foot .ck-open:hover{color:var(--ink)}
/* cookie consent (LGPD) */
.ck{position:fixed; left:0; right:0; bottom:0; z-index:80; padding:0 16px calc(16px + env(safe-area-inset-bottom,0px)); pointer-events:none}
.ck-in{pointer-events:auto; max-width:1160px; margin:0 auto; background:var(--bg); border:1px solid var(--line); border-top:3px solid var(--sie); box-shadow:0 20px 60px -20px rgba(0,0,40,.35); padding:18px 20px; display:flex; gap:20px; align-items:center}
.ck-in p{margin:0; font-size:14px; line-height:1.55; color:var(--muted); flex:1} .ck-in p b{color:var(--ink); font-weight:500; margin-right:4px}
.ck-b{display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end} .ck-b .btn{padding:10px 16px; font-size:14px}
.ck-m{position:fixed; inset:0; z-index:90; background:rgba(0,0,40,.45); display:grid; place-items:center; padding:16px}
.ck-m[hidden], .ck[hidden]{display:none}
.ck-d{background:var(--bg); max-width:520px; width:100%; padding:24px; display:flex; flex-direction:column; gap:16px; border-top:3px solid var(--sie)}
.ck-d h2{font-size:22px; margin:0}
.ck-o{flex-direction:row; align-items:flex-start; gap:12px; text-transform:none; letter-spacing:0; font:400 14px/1.5 var(--f); color:var(--muted); border:1px solid var(--line); padding:14px}
.ck-o input{width:auto; margin-top:3px; accent-color:var(--sie)} .ck-o span{display:flex; flex-direction:column; gap:2px} .ck-o b{color:var(--ink); font-weight:500; font-size:15px}
@media (max-width:760px){.ck-in{flex-direction:column; align-items:stretch} .ck-b{justify-content:stretch} .ck-b .btn{flex:1; justify-content:center}}
/* careers application */
.apl{display:flex; flex-direction:column; gap:22px; max-width:820px}
.apl-demo{margin:0; padding:12px 16px; border:1px dashed var(--accent); color:var(--muted); font-size:14px}
.apl-steps{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; counter-reset:ap}
.apl-steps li{counter-increment:ap; font-size:13.5px; color:var(--faint); padding-top:10px; border-top:2px solid var(--line); min-width:0}
.apl-steps li::before{content:counter(ap, decimal-leading-zero) " "; font:400 11px var(--m)}
.apl-steps li.st-on{color:var(--ink); border-top-color:var(--accent)} .apl-steps li.st-done{color:var(--muted); border-top-color:var(--ink)}
#apl-f{display:flex; flex-direction:column; gap:18px}
#apl-f fieldset{border:0; margin:0; padding:0; display:flex; flex-direction:column; gap:18px; min-width:0}
#apl-f fieldset[hidden]{display:none}
#apl-f legend{font-size:22px; font-weight:500; letter-spacing:-.01em; padding:0; margin-bottom:6px}
.apl-rl{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}
.apl-r{flex-direction:row; align-items:flex-start; gap:12px; font:400 15px var(--f); letter-spacing:0; text-transform:none; color:var(--ink); border:1px solid var(--line); padding:14px; cursor:pointer}
.apl-r:has(input:checked){border-color:var(--ink); background:var(--soft)}
.apl-r input{width:auto; margin-top:3px; accent-color:var(--accent)}
.apl-r span{display:flex; flex-direction:column; gap:3px} .apl-r b{font-weight:500} .apl-r small{font:400 12px var(--m); color:var(--faint)}
.apl-ty{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.apl-note{margin:0; color:var(--muted); font-size:14.5px}
.apl-file input{padding:10px 0} .apl-cvn{font:400 12px var(--m); color:var(--muted); text-transform:none}
.apl-qh{display:flex; justify-content:space-between; font:400 12px var(--m); color:var(--faint)}
.apl-qbar{height:3px; background:var(--line); margin-top:8px} .apl-qbar i{display:block; height:100%; background:var(--accent); transition:width .25s ease}
.apl-sc{margin:14px 0 4px; font-size:19px; line-height:1.45}
.apl-fc{display:flex; flex-direction:column; border-top:1px solid var(--line)}
.apl-fh, .apl-fr{display:grid; grid-template-columns:minmax(0,1fr) 72px 72px; gap:10px; align-items:center}
.apl-fh{font:400 10.5px var(--m); text-transform:uppercase; letter-spacing:.04em; color:var(--faint); padding:10px 0; text-align:center} .apl-fh span:first-child{text-align:left}
.apl-fr{padding:12px 0; border-bottom:1px solid var(--line); font-size:15.5px}
.apl-pk{justify-self:center; width:40px; height:40px; border:1px solid var(--line); background:transparent; color:var(--muted); font:500 18px var(--f); cursor:pointer; border-radius:50%}
.apl-pk:hover{border-color:var(--ink)} .apl-pk.on{background:var(--ink); color:var(--bg); border-color:var(--ink)}
.apl-pk.on[data-w="least"]{background:var(--accent); border-color:var(--accent)}
.apl-bo{display:flex; flex-direction:column; gap:8px; margin-top:6px}
.apl-cnt{align-self:flex-end; font:400 11.5px var(--m); color:var(--muted); text-transform:none} .apl-cnt.warn{color:var(--accent)}
.apl-ck{flex-direction:row; gap:10px; align-items:flex-start; font:400 14px var(--f); letter-spacing:0; text-transform:none; color:var(--muted)} .apl-ck input{width:auto; margin-top:3px; accent-color:var(--accent)}
.apl-hp{position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; opacity:0}
.apl-nav{display:flex; gap:12px; justify-content:flex-end} .apl-nav [hidden]{display:none}
.apl-done{display:flex; flex-direction:column; gap:10px; padding:24px; background:var(--soft); border-left:2px solid var(--accent)} .apl-done b{font:500 28px var(--m); letter-spacing:.02em} .apl-done p{margin:0; color:var(--muted)}
.apl-done[hidden], .apl-off[hidden], .apl-demo[hidden]{display:none}
.apl-off p{margin:0; color:var(--muted)}
.apl-go{display:inline-block; margin-top:12px; font-size:14px; color:var(--accent); text-decoration:none} .apl-go:hover{text-decoration:underline} .apl-go[hidden]{display:none}
@media (max-width:640px){.apl-rl, .apl-ty{grid-template-columns:1fr} .apl-steps li{font-size:0} .apl-steps li::before{font-size:11px} .apl-steps li.st-on{font-size:12px} .apl-fh, .apl-fr{grid-template-columns:minmax(0,1fr) 48px 48px} .apl-pk{width:38px; height:38px}}
#apl-f[hidden], .apl-steps[hidden]{display:none}
/* in-page navigation */
.subnav{position:sticky; top:calc(68px + env(safe-area-inset-top,0px)); z-index:40; background:color-mix(in srgb, var(--bg) 92%, transparent); backdrop-filter:blur(12px); border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex; align-items:center; gap:28px; height:66px}
.sn-h{font:500 11.5px var(--m); letter-spacing:.06em; text-transform:uppercase; color:var(--accent); text-decoration:none; flex:none}
.sn-l{display:flex; gap:26px; overflow-x:auto; scrollbar-width:none; height:100%; align-items:stretch; min-width:0}
.sn-l::-webkit-scrollbar{display:none}
.sn-l a{display:flex; align-items:center; gap:7px; font-size:14px; color:var(--muted); text-decoration:none; white-space:nowrap; border-bottom:2px solid transparent; margin-bottom:-1px}
.sn-l a:hover{color:var(--ink)} .sn-l a[aria-current="true"]{color:var(--ink); border-bottom-color:var(--accent)}
.sn-l .n{font:400 11px var(--m); color:var(--faint)}
main:has(.subnav) .rail{top:158px}
main:has(.subnav) section[id]{scroll-margin-top:54px}
@media (max-width:760px){.subnav .wrap{gap:18px} .sn-h{display:none} .sn-l{gap:22px}}
/* header */
.top{position:sticky; top:env(safe-area-inset-top,0px); z-index:50; background:color-mix(in srgb, var(--bg) 90%, transparent); backdrop-filter:blur(12px); border-bottom:1px solid var(--line)}
.top .wrap{display:flex; align-items:center; gap:28px; height:68px}
.logo{display:flex; align-items:center; flex:none}
.logo img{height:30px; width:auto} .logo .i{display:var(--show-ink)} .logo .w{display:var(--show-white)}
.nav{display:flex; gap:24px; margin-left:auto}
.nav a{font-size:14.5px; text-decoration:none; color:var(--muted)} .nav a:hover,.nav a[aria-current="page"],.nav a[aria-current="location"]{color:var(--ink)}
.tools{display:flex; gap:14px; align-items:center}
.lang{display:flex; gap:2px; font:500 12px var(--m)}
.lang button{background:none; border:0; color:var(--faint); padding:6px 4px; cursor:pointer; font:inherit}
.lang button[aria-pressed="true"]{color:var(--ink); text-decoration:underline; text-underline-offset:4px}
.btn{display:inline-flex; align-items:center; gap:10px; font:500 15px var(--f); text-decoration:none; padding:12px 20px; border-radius:2px; border:1px solid var(--ink); cursor:pointer; transition:background .15s ease, color .15s ease}
.btn-d{background:var(--ink); color:var(--bg)} .btn-d:hover{background:var(--accent); border-color:var(--accent)}
.btn-l{background:transparent; color:var(--ink)} .btn-l:hover{background:var(--soft)}
.top .btn{padding:8px 14px; font-size:14px}
.menu{display:none; margin-left:auto}
@media (max-width:1180px){
  .nav,.top .btn{display:none} .menu{display:block}
  .menu summary{list-style:none; cursor:pointer; font-size:14px; border:1px solid var(--line); padding:6px 12px}
  .menu summary::-webkit-details-marker{display:none}
  .drop{display:none} .menu[open] .drop{display:flex}
  .drop{position:absolute; left:0; right:0; top:68px; background:var(--bg); border-bottom:1px solid var(--line); flex-direction:column; padding:6px max(24px, env(safe-area-inset-right,0px)) 14px max(24px, env(safe-area-inset-left,0px))}
  .drop a{padding:12px 0; border-top:1px solid var(--line); text-decoration:none}
}
@media (min-width:1181px){.drop{display:none}}
@media (max-width:480px){.top .wrap{gap:12px} .logo img{height:24px}}

/* hero */
.hero .wrap{padding-block:clamp(64px,10vw,140px) clamp(48px,6vw,80px); display:flex; flex-direction:column; gap:28px}
.hero h1{font-size:clamp(44px,7.6vw,104px); line-height:.98; font-weight:500; letter-spacing:-.045em; max-width:11ch}
.hero h1 em{font-style:normal; color:var(--accent)}
.cta{display:flex; gap:12px; flex-wrap:wrap}
.creds{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line); margin-top:clamp(24px,4vw,48px)}
.creds div{padding:18px 18px 0 0; display:flex; flex-direction:column; gap:2px; min-width:0}
.creds div + div{padding-left:18px; border-left:1px solid var(--line)}
.creds b{font-weight:500; font-size:15px} .creds span{font-size:13.5px; color:var(--muted)}
@media (max-width:820px){.creds{grid-template-columns:1fr 1fr} .creds div:nth-child(3){padding-left:0; border-left:0}}

/* section rows: rail + body */
.row{border-top:1px solid var(--line)}
.row > .wrap{display:grid; grid-template-columns:minmax(0,3fr) minmax(0,9fr); gap:clamp(24px,4vw,64px); padding-block:clamp(56px,7vw,104px)}
.rail{display:flex; flex-direction:column; gap:10px; position:sticky; top:96px; align-self:start}
.rail .n{font:400 12px var(--m); color:var(--faint)}
.body{display:flex; flex-direction:column; gap:clamp(28px,3vw,40px); min-width:0}
.body h2{font-size:clamp(30px,3.6vw,46px); line-height:1.08; max-width:22ch}
@media (max-width:860px){.row > .wrap{grid-template-columns:1fr} .rail{position:static}}

/* stats */
.stats{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0}
.stat{display:flex; flex-direction:column; gap:10px; padding-right:24px; min-width:0}
.stat + .stat{padding-left:24px; border-left:1px solid var(--line)}
.stat .v{font-size:clamp(44px,5vw,64px); line-height:1; letter-spacing:-.04em; font-weight:400; font-variant-numeric:tabular-nums}
.stat p{color:var(--muted); font-size:15.5px} .stat .s{font:400 11.5px var(--m); color:var(--faint)}
.thesis{font-size:clamp(20px,2vw,26px); line-height:1.4; max-width:40ch; font-weight:400}
.thesis em{font-style:normal; color:var(--accent)}
@media (max-width:760px){.stats{grid-template-columns:1fr; gap:24px} .stat + .stat{padding-left:0; border-left:0; border-top:1px solid var(--line); padding-top:24px}}

/* chain + products */
.chain{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--ink)}
.chain li{display:flex; flex-direction:column; gap:6px; padding:16px 14px 0 0; min-width:0}
.chain li::before{content:attr(data-i); font:400 11.5px var(--m); color:var(--faint)}
.chain b{font-weight:500; font-size:18px} .chain span{font-size:14px; color:var(--muted); line-height:1.45}
.chain li:last-child b{color:var(--accent)}
@media (max-width:760px){.chain{grid-template-columns:1fr 1fr; row-gap:18px}}
.prods{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3vw,40px)}
.prod{display:flex; flex-direction:column; gap:10px; min-width:0}
.prod h3{font-size:24px} .prod p{color:var(--muted); font-size:16px}
.prod ul{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; border-top:1px solid var(--line)}
.prod li{font-size:14.5px; padding:8px 0; border-bottom:1px solid var(--line); color:var(--muted)}
@media (max-width:860px){.prods{grid-template-columns:1fr}}
.fine{font:400 12.5px/1.6 var(--m); color:var(--faint)}
.recog{display:flex; flex-wrap:wrap; gap:8px 32px; font-size:15px} .recog b{font-weight:500}

/* problems as a ledger */
.ledger{list-style:none; margin:0; padding:0; border-top:1px solid var(--line)}
.ledger li{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(16px,3vw,48px); padding:22px 0; border-bottom:1px solid var(--line)}
.ledger q{quotes:none; font-size:19px; line-height:1.4; font-weight:400}
.ledger p{color:var(--muted); font-size:15.5px} .ledger .tag{display:block; font:400 11.5px var(--m); color:var(--accent); margin-bottom:4px}
@media (max-width:760px){.ledger li{grid-template-columns:1fr; gap:6px}}
.sectors{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 32px}
.sectors div{display:flex; flex-direction:column; gap:4px; min-width:0} .sectors b{font-weight:500} .sectors span{font-size:14.5px; color:var(--muted)}
@media (max-width:860px){.sectors{grid-template-columns:1fr 1fr}} @media (max-width:520px){.sectors{grid-template-columns:1fr}}

/* delivery */
.steps{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; counter-reset:s}
.steps li{counter-increment:s; display:flex; flex-direction:column; gap:8px; padding-top:14px; border-top:1px solid var(--ink); min-width:0}
.steps li::before{content:counter(s, decimal-leading-zero); font:400 11.5px var(--m); color:var(--faint)}
.steps b{font-weight:500; font-size:18px} .steps span{font-size:15px; color:var(--muted)}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}} @media (max-width:480px){.steps{grid-template-columns:1fr}}
.pair{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(20px,3vw,40px)}
.pair > div{display:flex; flex-direction:column; gap:8px; min-width:0}
.pair b{font-weight:500; font-size:18px} .pair p{color:var(--muted); font-size:15.5px}
@media (max-width:760px){.pair{grid-template-columns:1fr}}
.terms{list-style:none; margin:0; padding:0; border-top:1px solid var(--line)}
.terms li{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:20px; padding:14px 0; border-bottom:1px solid var(--line)}
.terms b{font-weight:500} .terms span{color:var(--muted); font-size:15.5px}
@media (max-width:520px){.terms li{grid-template-columns:1fr; gap:2px}}

/* cases */
.cases{list-style:none; margin:0; padding:0; border-top:1px solid var(--line)}
.cases li{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) minmax(0,3fr); gap:20px; align-items:baseline; padding:18px 0; border-bottom:1px solid var(--line)}
.cases .v{font-size:30px; letter-spacing:-.03em; font-variant-numeric:tabular-nums} .cases b{font-weight:500; font-size:15.5px} .cases span{color:var(--muted); font-size:15px}
@media (max-width:760px){.cases li{grid-template-columns:1fr; gap:4px}}

/* articles */
.feat{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3vw,40px)}
.art{display:flex; flex-direction:column; gap:10px; text-decoration:none; padding-top:16px; border-top:1px solid var(--ink); min-width:0}
.art .meta{font:400 12px var(--m); color:var(--faint); display:flex; gap:10px; flex-wrap:wrap}
.art h3{font-size:20px; line-height:1.3} .art:hover h3{text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px}
.art p{color:var(--muted); font-size:15px}
.art blockquote{margin:0; font-size:15px; font-style:italic; color:var(--ink); border-left:2px solid var(--accent); padding-left:12px}
.more{align-self:flex-start; font-size:15px}
@media (max-width:860px){.feat{grid-template-columns:1fr}}

/* leaders */
.people{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(24px,3vw,40px)}
.presence{display:grid; grid-template-columns:1fr 1fr; gap:clamp(16px,3vw,40px)} .presence > div{display:flex; flex-direction:column; gap:4px; padding-top:14px; border-top:1px solid var(--ink)} .presence b{font-weight:500; font-size:20px} .presence > div > span:last-child{color:var(--muted); font-size:14.5px}
@media (max-width:1000px){.people{grid-template-columns:repeat(2,minmax(0,1fr))}}
.person{display:flex; flex-direction:column; gap:10px; min-width:0}
.person img{width:100%; max-width:220px; aspect-ratio:1; object-fit:cover; filter:grayscale(1) contrast(1.05)}
.person img.cl{width:auto; max-width:150px; height:20px; aspect-ratio:auto; object-fit:contain; filter:var(--logo-filter); margin:6px 0 0}
.person h3{font-size:20px} .person .r{font:400 12px/1.55 var(--m); color:var(--accent)} .person p{color:var(--muted); font-size:15px}
@media (max-width:860px){.people{grid-template-columns:1fr 1fr}} @media (max-width:520px){.people{grid-template-columns:1fr}}
.time{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px}
.time li{display:flex; flex-direction:column; gap:4px; padding-top:12px; border-top:1px solid var(--ink); min-width:0}
.time .y{font:400 13px var(--m); color:var(--accent)} .time b{font-weight:500; font-size:16px} .time li > span:last-child{font-size:14px; color:var(--muted)}
@media (max-width:860px){.time{grid-template-columns:1fr 1fr}} @media (max-width:480px){.time{grid-template-columns:1fr}}
.world{width:100%; height:auto; display:block; filter:var(--logo-filter); opacity:.85}

/* contact */
.contact{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:clamp(24px,4vw,56px); align-items:start}
.reach{display:flex; flex-direction:column; gap:6px; font-size:15.5px; color:var(--muted)}
form{display:grid; grid-template-columns:1fr 1fr; gap:14px 16px}
form .full{grid-column:1/-1}
label{display:flex; flex-direction:column; gap:6px; font:400 12px var(--m); letter-spacing:.04em; text-transform:uppercase; color:var(--faint)}
input,select,textarea{font:400 16px var(--f); color:var(--ink); background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0; padding:8px 0; width:100%; box-sizing:border-box}
input:focus,select:focus,textarea:focus{outline:none; border-bottom-color:var(--ink)}
select{background:var(--bg)} textarea{min-height:96px; resize:vertical}
.chk{flex-direction:row; align-items:flex-start; gap:10px; text-transform:none; letter-spacing:0; font:400 13.5px var(--f); color:var(--muted)} .chk input{width:auto; margin-top:3px}
.err{color:var(--accent); font-size:13.5px; min-height:1em}
form .btn{justify-self:start}
.pd{min-width:0}
.pd .pipedriveWebForms iframe{width:100%!important; border:0}
.pd .pipedriveWebForms{background:#fff; border:0; border-radius:18px; padding:30px 32px 18px; overflow:hidden; box-shadow:0 18px 50px -24px rgba(0,0,0,.6)}
@media (max-width:600px){.pd .pipedriveWebForms{padding:22px 18px 12px; border-radius:14px}}
.pd .pipedriveWebForms:empty{display:none}
.pd-wait{font:400 13px/1.6 var(--m); color:var(--muted); padding:16px 0}
.pd-fb{display:flex; flex-direction:column; gap:16px; padding:22px; background:var(--soft)}
.pd-fb p{margin:0; color:var(--muted)}
.pd-fb .r{display:flex; gap:12px; flex-wrap:wrap}
.done{grid-column:1/-1; display:flex; flex-direction:column; gap:10px; padding:16px; background:var(--soft)}
.done pre{margin:0; white-space:pre-wrap; font:400 13.5px/1.6 var(--m)}
.done .r{display:flex; gap:12px; align-items:center; flex-wrap:wrap}
@media (max-width:860px){.contact{grid-template-columns:1fr}} @media (max-width:520px){form{grid-template-columns:1fr}}

/* sub pages */
.page-h .wrap{padding-block:clamp(56px,8vw,112px) clamp(32px,4vw,56px); display:flex; flex-direction:column; gap:20px}
.page-h h1{font-size:clamp(38px,5.6vw,72px); line-height:1.02; letter-spacing:-.04em; max-width:16ch}
.filters{display:flex; flex-wrap:wrap; gap:8px 10px; align-items:center}
.chip{font:400 13.5px var(--f); background:transparent; color:var(--muted); border:1px solid var(--line); padding:6px 12px; border-radius:999px; cursor:pointer}
.chip[aria-pressed="true"]{background:var(--ink); color:var(--bg); border-color:var(--ink)}
.search{flex:1 1 220px; max-width:320px; margin-left:auto}
.search input{border:1px solid var(--line); padding:7px 12px; font-size:14.5px}
.lib{list-style:none; margin:0; padding:0; border-top:1px solid var(--ink)}
.lib li{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,5fr) minmax(0,1.6fr); gap:24px; padding:22px 0; border-bottom:1px solid var(--line)}
.lib .d{font:400 12.5px var(--m); color:var(--faint)}
.lib a{text-decoration:none} .lib a:hover h3{text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px}
.lib h3{font-size:19px; line-height:1.35} .lib p{color:var(--muted); font-size:15px; margin-top:6px}
.lib .by{font-size:13px; color:var(--faint); margin-top:6px}
.lib .th{font:400 12px var(--m); color:var(--muted)} .lib .lg{display:inline-block; margin-top:6px; font:500 11px var(--m); border:1px solid var(--line); padding:1px 6px}
.lib .empty{display:block; color:var(--muted); grid-template-columns:none}
@media (max-width:760px){.lib li{grid-template-columns:1fr; gap:4px}}
.papers{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:36px 24px}
.papers a{display:flex; flex-direction:column; gap:14px; text-decoration:none; color:inherit; min-width:0}
.papers a:hover .wcov{transform:translateY(-3px)} .papers a:hover b{text-decoration:underline; text-underline-offset:3px}
.wm{display:flex; flex-direction:column; gap:6px} .wm .th{font:400 11.5px var(--m); color:var(--accent); text-transform:uppercase; letter-spacing:.04em}
.wm b{font-weight:500; font-size:16px; line-height:1.35} .wm .ws{color:var(--muted); font-size:14px; line-height:1.5}
.wcov{aspect-ratio:3/4; background:#11152A; color:#ECEEF5; display:flex; flex-direction:column; justify-content:space-between; padding:18px 16px; border-top:3px solid var(--accent); transition:transform .2s ease}
.wcov .wk{font:400 9.5px var(--m); letter-spacing:.08em; color:#A4A9BC}
.wcov .wt{font-weight:500; font-size:17px; line-height:1.22; letter-spacing:-.01em}
.wcov .wl{font:400 10.5px var(--m); color:var(--accent-2)}
.wcov.big{padding:28px 24px} .wcov.big .wt{font-size:24px} .wcov.big .wk{font-size:11px} .wcov.big .wl{font-size:12px}

.wgrid{display:grid; grid-template-columns:240px minmax(0,1fr); gap:40px; align-items:start; padding-top:8px}
.wtx{display:flex; flex-direction:column; gap:22px} .wtx p{margin:0; font-size:18px; line-height:1.7}
.wtx .fine{font-size:13px}
.wcta{display:flex; flex-wrap:wrap; gap:12px}
@media (max-width:1000px){.papers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.papers{grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 16px} .wgrid{grid-template-columns:1fr} .wcov.big{display:none}}
.trends{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px}
.trends li{padding:16px 0; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:4px}
.trends b{font-weight:500} .trends span{color:var(--muted); font-size:15px}
@media (max-width:760px){.trends{grid-template-columns:1fr}}
.evts{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(20px,3vw,40px)}
.evt{display:flex; flex-direction:column; gap:12px; min-width:0}
.evt img{width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; display:block}
.evt .w{font:400 12px var(--m); color:var(--accent)} .evt h3{font-size:22px} .evt p{color:var(--muted); font-size:15.5px}
@media (max-width:760px){.evts{grid-template-columns:1fr}}
.bd-f, .bd-l, .if-p{display:none}
[data-st="future"] .bd-f, [data-st="live"] .bd-l{display:inline}
[data-st="past"] .if-f{display:none} [data-st="past"] .if-p{display:inline}
a.more.if-p{display:none} [data-st="past"] a.more.if-p{display:inline-block}
.tl-st:empty{display:none} .tl-st{font:400 10.5px var(--m); text-transform:uppercase; letter-spacing:.06em; color:var(--sie)}
.tl li[data-st="past"] .tl-st{display:none}
.tl li[data-st="future"]::before{background:var(--bg); border:2px solid var(--sie); box-sizing:border-box}
.tl li[data-st="live"]::before{background:var(--sie); box-shadow:0 0 0 4px var(--bg), 0 0 0 7px color-mix(in srgb, var(--sie) 30%, transparent)}
.ev-bd{font:400 11px var(--m); text-transform:uppercase; letter-spacing:.08em; color:var(--sie)} [data-st="past"] .ev-bd{display:none}
.apc{display:grid; grid-template-columns:minmax(0,6fr) minmax(0,5fr); gap:clamp(24px,4vw,56px); align-items:start; margin-top:8px}
.apc-t{display:flex; flex-direction:column; gap:12px} .apc-t p{margin:0}
.apc-n{margin:6px 0 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--ink)}
.apc-n div{padding:12px 0} .apc-n dt{font-weight:500; font-size:34px; letter-spacing:-.02em; line-height:1.1} .apc-n dd{margin:0; color:var(--muted); font-size:14px}
.apc-s{color:var(--muted); font-size:15px}
.apc-f{display:flex; flex-direction:column; gap:10px; padding:20px; background:var(--soft); border-left:2px solid var(--sie)}
.apc-f ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px} .apc-f li{display:flex; flex-direction:column; gap:3px} .apc-f li b{font-weight:500; font-size:15.5px} .apc-f li span{color:var(--muted); font-size:14.5px}
.nx-l{list-style:none; margin:8px 0; padding:0; display:flex; flex-direction:column; gap:6px} .nx-l[hidden]{display:none} .nx-l a{text-decoration:none; color:var(--ink); font-weight:500} .nx-l a:hover{text-decoration:underline} .nx-l .d{font:400 12px var(--m); color:var(--accent); margin-right:6px}
@media (max-width:760px){.apc{grid-template-columns:1fr}}
.fbk-top{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(24px,4vw,64px); align-items:end}
.fbk-in{display:flex; flex-direction:column; gap:14px}
.fbk-s{margin:0; display:flex; flex-direction:column; border-top:1px solid var(--ink)}
.fbk-s > div{display:grid; grid-template-columns:150px minmax(0,1fr); gap:16px; align-items:baseline; padding:14px 0; border-bottom:1px solid var(--line)}
.fbk-s dt{font-weight:500; font-size:46px; line-height:1; letter-spacing:-.03em; color:var(--ink)} .fbk-s dt small{font-size:18px; color:var(--faint); letter-spacing:0; margin-left:2px}
.fbk-s > div:first-child dt{color:var(--sie)} .fbk-s dd{margin:0; color:var(--muted); font-size:15px}
.fbk-mid{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(24px,4vw,64px); align-items:start; margin-top:12px}
.fbk-w{list-style:none; margin:12px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px 16px; align-items:baseline}
.fbk-w li{font-weight:500; letter-spacing:-.01em} .fbk-w .w1{font-size:40px; color:var(--sie)} .fbk-w .w2{font-size:24px; color:var(--ink)} .fbk-w .w3{font-size:19px; color:var(--muted)}
.fbk-w li:nth-child(4){color:var(--accent)}
.fbk-q{margin:0; padding:4px 0 4px 22px; border-left:2px solid var(--accent); display:flex; flex-direction:column; gap:10px}
.fbk-q p{margin:0; font-size:clamp(19px,1.8vw,23px); line-height:1.45; letter-spacing:-.01em} .fbk-q cite{font:400 12px var(--m); color:var(--faint); font-style:normal}
.fbk-c-t{font-size:17px; max-width:760px; margin:8px 0 0}
.fbk-car{display:flex; flex-direction:column; gap:12px; margin-top:8px; min-width:0}
.fbk-h{display:flex; justify-content:space-between; align-items:center; gap:12px}
.fbk-nav{display:flex; align-items:center; gap:8px} .fbk-n{font:400 12px var(--m); color:var(--faint); margin-right:6px}
.fbk-nav button{width:40px; height:40px; border:1px solid var(--line); background:transparent; color:var(--ink); border-radius:50%; cursor:pointer; font:400 16px var(--f)} .fbk-nav button:hover{border-color:var(--ink)}
.fbk-c{display:grid; grid-auto-flow:column; grid-auto-columns:clamp(220px,24%,300px); gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; scrollbar-width:thin; overscroll-behavior-x:contain}
.fbk-c img{width:100%; height:auto; aspect-ratio:4/5; display:block; scroll-snap-align:start; background:#0E1A3A}
@media (max-width:760px){.fbk-top, .fbk-mid{grid-template-columns:1fr} .fbk-s > div{grid-template-columns:110px minmax(0,1fr)} .fbk-s dt{font-size:38px} .fbk-c{grid-auto-columns:78%} .fbk-nav button{display:none}}
.cg{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:4px}
.cg img{width:100%; height:auto; aspect-ratio:1; object-fit:cover; display:block; background:var(--sie-deep)}
.cf-p{display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:clamp(20px,3vw,36px); align-items:start; margin-top:12px}
.cf-p img{width:100%; height:auto; display:block}
.cf-l{list-style:none; margin:14px 0 0; padding:0; border-top:1px solid var(--line)}
.cf-l li{display:grid; grid-template-columns:34px minmax(0,1fr); column-gap:10px; padding:12px 0; border-bottom:1px solid var(--line)}
.cf-l .n{font:400 12px var(--m); color:var(--accent); padding-top:4px; grid-row:span 2}
.cf-l b{font-weight:500; font-size:16px} .cf-l .sp{font-size:14px; color:var(--muted)}
.cf-r{display:grid; grid-template-columns:200px minmax(0,1fr); gap:clamp(20px,3vw,36px); align-items:start; margin-top:16px; padding:clamp(20px,3vw,32px); background:var(--soft); border-left:2px solid var(--sie)}
.cf-cv img{width:100%; height:auto; display:block; box-shadow:0 10px 30px rgba(0,0,40,.18); transition:transform .2s ease} .cf-cv:hover img{transform:translateY(-3px)}
html:not(.en):not(.es) .cf-cv[data-cv="en"], html.en .cf-cv[data-cv="pt"], html.es .cf-cv[data-cv="pt"]{display:none}
.cf-tx{display:flex; flex-direction:column; gap:12px; min-width:0} .cf-tx h3{font-size:24px; line-height:1.25} .cf-tx p{margin:0}
.cf-tx ul{margin:0; padding-left:20px; display:flex; flex-direction:column; gap:8px; color:var(--muted); font-size:15.5px}
.cf-tx ul a, .cf-ty a{color:inherit; text-underline-offset:3px; text-decoration-thickness:1px}
.cf-b{display:flex; flex-wrap:wrap; gap:10px; margin-top:6px}
html.en .cf-en, html.es .cf-en{order:-1; background:var(--accent); border-color:var(--accent); color:#0B1233} html.en .cf-en:hover, html.es .cf-en:hover{background:var(--accent-2); border-color:var(--accent-2)} html.en .cf-pt, html.es .cf-pt{background:var(--panel); border-color:var(--line); color:var(--ink)}
.cf-ty{color:var(--muted); font-size:15px; margin:4px 0 0}
.cf-nx{margin:2px 0 0; font-size:14.5px} .cf-nx a{color:var(--accent); text-decoration:none} .cf-nx a:hover{text-decoration:underline}
@media (max-width:760px){.cg{grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px} .cf-p, .cf-r{grid-template-columns:1fr} .cf-cv{max-width:220px} .cf-b .btn{flex:1; justify-content:center}}
.tl{list-style:none; margin:0; padding:0; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(240px,300px); justify-content:start; gap:32px; overflow-x:auto; scroll-snap-type:x proximity; padding-bottom:6px; scrollbar-width:thin}
.tl li{position:relative; padding-top:30px; scroll-snap-align:start; min-width:0}
.tl li::before{content:""; position:absolute; top:5px; left:0; width:11px; height:11px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px var(--bg)}
.tl li::after{content:""; position:absolute; top:10px; left:0; right:-32px; height:1px; background:var(--line); z-index:-1}
.tl li:last-child::after{right:0; background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px)}
.tl li.nx::before{background:var(--bg); border:1px dashed var(--muted); box-sizing:border-box}
.tl a{display:flex; flex-direction:column; gap:6px; text-decoration:none; color:inherit}
.tl img, .tl .tl-ph{width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; display:block; margin-bottom:8px; background:var(--sie-deep)}
.tl .tl-ph{background:transparent; border:1px dashed var(--line); box-sizing:border-box; display:grid; place-items:center} .tl .tl-ph::after{content:"+"; font:300 34px var(--f); color:var(--faint)} .tl a:hover .tl-ph{border-color:var(--accent)}
.tl .d{font:400 12px var(--m); color:var(--accent); letter-spacing:.02em}
.tl b{font-weight:500; font-size:18px; line-height:1.3}
.tl .v{font-size:14px; color:var(--muted)} .tl .x{font-size:14px; color:var(--faint)}
.tl a:hover b{text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px}
.tl-hint{font:400 12px var(--m); color:var(--faint)}
@media (max-width:760px){.tl{grid-auto-flow:row; grid-auto-columns:auto; gap:30px; overflow:visible}
 .tl li{padding:0 0 0 28px} .tl li::before{top:3px} .tl li::after{top:10px; bottom:-30px; left:5px; right:auto; width:1px; height:auto}
 .tl li:last-child::after{display:none} .tl .tl-ph{display:none}}
.gx{display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:clamp(20px,3vw,36px); align-items:start}
.gx-ph img{aspect-ratio:2/3; object-fit:cover}
.gx-side{display:flex; flex-direction:column; gap:28px; min-width:0}
.gx-inv img{max-width:351px; background:#000714}
.gx-post .more{font-size:14px; color:var(--accent)}
@media (max-width:760px){.gx{grid-template-columns:1fr} .gx-inv img{margin:0 auto}}
.row.full > .wrap{grid-template-columns:1fr; gap:28px}
.row.full .rail{position:static; flex-direction:row; align-items:baseline; gap:16px}
.row.full .body > h2, .row.full .body > .lede{max-width:760px}
.roles{list-style:none; margin:0; padding:0; border-top:1px solid var(--ink)}
.roles > li{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1.25fr); gap:clamp(24px,4vw,64px); padding:30px 0; border-bottom:1px solid var(--line)}
.roles h3{font-size:20px; line-height:1.3; letter-spacing:-.01em} .roles .was{display:block; font:400 12px var(--m); color:var(--faint); margin-top:8px}
.roles .k{display:block; font:400 11px var(--m); letter-spacing:.06em; text-transform:uppercase; color:var(--faint); margin-bottom:8px}
.roles p{margin:0; color:var(--muted); font-size:15.5px; line-height:1.65}
.roles ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; color:var(--muted); font-size:15.5px; line-height:1.55}
.roles ul li{position:relative; padding-left:16px} .roles ul li::before{content:""; position:absolute; left:0; top:.7em; width:6px; height:1px; background:var(--accent)}
@media (max-width:860px){.roles > li{grid-template-columns:1fr; gap:16px; padding:24px 0}}

/* footer */
.foot{border-top:1px solid var(--line)}
.foot .wrap{display:grid; grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr)); gap:28px; padding-block:48px calc(36px + env(safe-area-inset-bottom,0px))}
.foot .col{display:flex; flex-direction:column; gap:8px; min-width:0} .foot a{text-decoration:none; color:var(--muted); font-size:14.5px} .foot a:hover{color:var(--ink)}
.foot p{color:var(--muted); font-size:14.5px}
.foot .legal{grid-column:1/-1; border-top:1px solid var(--line); padding-top:18px; display:flex; flex-wrap:wrap; gap:6px 24px; font-size:12.5px; color:var(--faint)}
@media (max-width:760px){.foot .wrap{grid-template-columns:1fr 1fr}}

/* reader */
.rd{display:flex; flex-direction:column; gap:18px; padding-block:clamp(40px,6vw,88px) clamp(48px,6vw,96px); max-width:820px}
.back{font-size:14.5px; color:var(--muted); text-decoration:none} .back:hover{color:var(--ink)}
.rd h1{font-size:clamp(32px,4.4vw,54px); line-height:1.08; letter-spacing:-.035em}
.rmeta{display:flex; flex-wrap:wrap; gap:6px 18px; font:400 12.5px var(--m); color:var(--faint); padding-bottom:22px; border-bottom:1px solid var(--line)}
.rbody{font-size:18.5px; line-height:1.75; max-width:68ch}
.rbody > * + *{margin-top:1.05em}
.rbody h2{font-size:27px; line-height:1.25; margin-top:1.8em; letter-spacing:-.02em}
.rbody h3{font-size:21px; line-height:1.3; margin-top:1.5em}
.rbody p,.rbody ul,.rbody ol{margin-bottom:0} .rbody ul,.rbody ol{padding-left:1.2em} .rbody li + li{margin-top:.4em}
.rbody blockquote{margin-left:0; margin-right:0; padding-left:20px; border-left:2px solid var(--accent); font-size:20px; line-height:1.55; color:var(--ink)}
.rbody a{color:var(--accent)} .rbody strong{font-weight:600}
.rtab{margin:1.4em 0 0; overflow-x:auto; border:1px solid var(--line); border-radius:12px}
.rtab table{width:100%; border-collapse:collapse; font-size:15px; line-height:1.45; min-width:520px}
.rtab th{font:600 12px var(--m); letter-spacing:.06em; text-transform:uppercase; color:var(--accent-2); text-align:left; padding:12px 14px; background:var(--raise); border-bottom:1px solid var(--line)}
.rtab td{padding:11px 14px; border-top:1px solid var(--line); color:var(--muted); vertical-align:top}
.rtab td:first-child{color:var(--ink); font-weight:600}
.rtab tbody tr:first-child td{border-top:0}
.rtab .rcap{font:400 12px var(--m); color:var(--faint); padding:10px 14px; margin:0; border-top:1px solid var(--line)}
.rflow{list-style:none; padding:0!important; margin:1.4em 0 0; display:flex; flex-direction:column; align-items:flex-start; gap:0}
.rflow li{font:600 15px var(--d); color:var(--ink); padding:9px 16px; border:1px solid var(--line); border-radius:10px; background:var(--panel)}
.rflow li:last-child{border-color:var(--accent); background:var(--accent-soft)}
.rflow li+li::before{content:"↓"; display:block; color:var(--accent-2); font:500 13px var(--m); margin:-30px 0 12px 14px; height:18px}
.rflow li+li{margin-top:26px}
.rnav{display:grid; grid-template-columns:1fr 1fr; gap:24px; border-top:1px solid var(--line); padding-top:22px; margin-top:12px}
.rnav a{display:flex; flex-direction:column; gap:6px; text-decoration:none; font-size:16px; line-height:1.4} .rnav a:hover{color:var(--accent)} .rnav .nx{text-align:right; align-items:flex-end}
@media (max-width:620px){.rnav{grid-template-columns:1fr} .rnav .nx{text-align:left; align-items:flex-start} .rbody{font-size:17.5px}}

/* ===== Theme layer: aligned with the S4 operating-model hub (navy, violet, Urbanist), with a discreet Siemens petrol accent ===== */
body{font-weight:400; font-size:17.5px; background:var(--bg)}
h1,h2,h3,.page-h h1{font-family:var(--d); font-weight:700; letter-spacing:-.02em}
h1,.page-h h1{font-weight:800; letter-spacing:-.03em}
.label.acc{color:var(--accent-2)}
.lede{font-weight:400}
b,strong{font-weight:600}
.btn{border-radius:10px; font-family:var(--d); font-weight:600; letter-spacing:.005em}
.btn-d{background:var(--accent); border-color:var(--accent); color:#0B1233} .btn-d:hover{background:var(--accent-2); border-color:var(--accent-2); color:#0B1233}
.btn-l{border-color:var(--line); color:var(--ink); background:var(--panel)} .btn-l:hover{background:var(--raise); border-color:#3C4890}
.top{background:color-mix(in srgb, var(--bg) 88%, transparent); border-bottom-color:var(--line)}
.nav a{font-family:var(--d); font-weight:600; font-size:14.5px}
.subnav{background:color-mix(in srgb, var(--bg) 90%, transparent)}
.subnav .sn-h{font-family:var(--m)}
.sn-l a{font-family:var(--d); font-weight:600; font-size:14px; padding:7px 14px; border:1px solid var(--line); border-radius:999px; background:var(--panel); color:var(--muted); text-decoration:none; white-space:nowrap}
.sn-l a:hover{color:var(--ink); border-color:#3C4890}
.sn-l a[aria-current]{background:var(--accent); border-color:var(--accent); color:#0B1233}
.sn-l{gap:8px!important; height:auto!important; align-items:center!important; padding:4px 2px}
.sn-l a{border:1px solid var(--line); margin:0; line-height:1.2}
.fig img, .fig video, .cg img, .tl img, .tl .tl-ph, .evt img, .fbk-c img, .acov, .rcov .acov, .cf-cv img, .gx-inv img{border-radius:12px}
.cg{gap:10px}
.menu{border-radius:10px}
.pd-fb{border:1px solid var(--line); border-radius:14px; background:var(--panel)}
.rnote, .cf-r, .apc-f{background:var(--panel); border:1px solid var(--line); border-left:3px solid var(--accent); border-radius:14px}
.apc-f, .cf-r{border-left-color:var(--sie)}
.wcov{border-radius:12px; background:var(--panel)}
.ck-in{background:var(--panel); border-radius:16px; border-top-width:1px; border-top-color:var(--line); box-shadow:0 24px 60px -20px rgba(0,0,0,.6), inset 0 3px 0 var(--sie)}
.ck-d{background:var(--bg)!important; border-radius:16px}
.ck-o{border-color:var(--line)!important; border-radius:12px; background:var(--panel)}
input, select, textarea{border-radius:10px}
.apl-r, .apl-done{border-radius:12px}
.foot{background:var(--deep)}
::selection{background:var(--accent); color:#0B1233}
.hero h1{font-weight:800; letter-spacing:-.035em}
.stat .v, .cases .v, .fbk-s dt, .apc-n dt{font-family:var(--d); font-weight:700; letter-spacing:-.03em}
.cases .v{color:var(--accent-2)}
.fbk-s > div:first-child dt{color:var(--sie)}
.nav{gap:24px} .nav a, .top .btn{white-space:nowrap} .top .wrap{gap:20px}
.ptags{display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin-top:4px}
.ptags .label{margin-right:4px}
.pt{display:inline-flex; align-items:center; gap:10px; padding:7px 14px 7px 10px; border:1px solid var(--line); border-radius:999px; background:var(--panel); text-decoration:none; color:var(--ink)}
.pt:hover{border-color:var(--accent)} .pt .li{width:15px; height:15px; fill:var(--accent-2); flex:none}
.pt span{display:flex; flex-direction:column; line-height:1.25} .pt b{font:600 14px var(--d)} .pt small{font-size:12px; color:var(--muted)}
.rd-10w{display:flex; flex-direction:column; gap:12px; margin-top:6px}
.rd-10{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px}
.rd-10 li{display:inline-flex; align-items:center; gap:8px; padding:7px 14px 7px 10px; border:1px solid var(--line); border-radius:999px; background:var(--panel); font:600 13.5px var(--d); color:var(--muted)}
.rd-10 li span{font:400 11px var(--m); color:var(--faint)}
.rd-10 li.on{border-color:var(--accent); color:var(--ink); background:var(--accent-soft)} .rd-10 li.on span{color:var(--accent-2)}
.rd-k{display:inline-flex; align-items:center; gap:8px; font-size:13px; color:var(--muted)} .rd-k i{width:12px; height:12px; border-radius:50%; border:1px solid var(--accent); background:var(--accent-soft)}
.rd-h{font-size:26px; margin-top:20px}
.rd-t{display:flex; flex-direction:column; border-top:1px solid var(--line)}
.rd-y{display:grid; grid-template-columns:140px minmax(0,1fr); gap:24px; padding:26px 0; border-bottom:1px solid var(--line)}
.rd-yl{font:800 34px/1 var(--d); color:var(--accent-2); letter-spacing:-.02em; position:sticky; top:180px; align-self:start}
.rd-c{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
.rd-c li{display:flex; flex-direction:column; gap:10px; padding:20px; background:var(--panel); border:1px solid var(--line); border-radius:14px; min-width:0}
.rd-f{font:700 34px/1 var(--d); letter-spacing:-.03em; color:var(--ink)} .rd-f small{font-size:20px; letter-spacing:-.01em}
.rd-s{font-size:15.5px; color:var(--ink)}
.rd-o{font-size:14.5px; color:var(--muted); padding-top:10px; border-top:1px dashed var(--line)} .rd-o b{color:var(--sie); font:600 12px var(--m); text-transform:uppercase; letter-spacing:.06em; margin-right:6px}
.rd-src{margin-top:auto; font:400 11.5px var(--m); color:var(--faint); text-decoration:none} .rd-src:hover{color:var(--accent-2); text-decoration:underline}
.rd-fine{display:flex; flex-direction:column; gap:10px; margin-top:8px} .rd-fine ul{margin:0; padding-left:18px; display:flex; flex-direction:column; gap:4px; font-size:14px} .rd-fine a{color:var(--muted)} .rd-fine p{font-size:12.5px; color:var(--faint); max-width:860px}
@media (max-width:860px){.rd-y{grid-template-columns:1fr; gap:14px} .rd-yl{position:static; font-size:28px} .rd-c{grid-template-columns:1fr}}
.wcov.wimg{padding:0; background:none; border-top:0; overflow:hidden; display:block} .wcov.wimg img{width:100%; height:100%; object-fit:cover; display:block}
.roi{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:clamp(18px,3vw,40px); align-items:center; margin-top:28px; padding:clamp(20px,3vw,32px) clamp(20px,3vw,36px); border:1px solid var(--line); border-radius:16px; background:linear-gradient(90deg, var(--accent-soft), var(--panel) 60%, var(--deep))}
.roi-f{font:800 clamp(30px,3.6vw,48px)/1.05 var(--d); letter-spacing:-.02em; color:var(--accent-2); white-space:nowrap}
.roi p{font-size:clamp(16px,1.5vw,19px); color:var(--ink); max-width:62ch}
.roi-band{padding:clamp(8px,2vw,20px) 0 clamp(40px,5vw,64px)} .roi-band .roi{margin-top:0; position:relative; overflow:hidden; border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}
.roi-band .roi::before{content:""; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg, var(--accent), var(--sie) 60%, var(--sie-mint))}
.roi-band .roi-f{font-size:clamp(32px,3.8vw,54px); white-space:normal; text-wrap:balance}
.roi-band .roi{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); grid-template-rows:auto auto; column-gap:clamp(24px,4vw,56px); row-gap:16px; align-items:center}
.roi-band .roi-f{grid-row:1 / span 2} .roi-band .roi p{align-self:end; max-width:46ch} .roi-band .roi .btn{grid-column:2; justify-self:start; align-self:start}
@media (max-width:860px){.roi, .roi-band .roi{grid-template-columns:1fr} .roi-f{white-space:normal} .roi-band .roi-f{grid-row:auto} .roi-band .roi .btn{grid-column:auto}}
.roi:not(:has(.btn)){grid-template-columns:1fr; row-gap:12px; padding:clamp(24px,3vw,34px) clamp(24px,3.4vw,40px)}
.roi:not(:has(.btn)) .roi-f{white-space:normal}
.roi:not(:has(.btn)) p{max-width:58ch; color:var(--muted)}
.iv-stats{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px}
.iv-stats li{display:flex; flex-direction:column; gap:8px; padding:20px; background:var(--panel); border:1px solid var(--line); border-radius:14px; min-width:0}
.iv-stats b{font:800 clamp(22px,2vw,27px)/1.1 var(--d); white-space:nowrap; letter-spacing:-.02em; color:var(--accent-2)}
.iv-stats li:nth-child(3) b{color:var(--sie-mint)}
.iv-stats span{font-size:14.5px; color:var(--ink)} .iv-s{margin-top:auto; font:400 11px var(--m); color:var(--faint); text-decoration:none} .iv-s:hover{color:var(--accent-2)}
.iv-letter{max-width:720px; display:flex; flex-direction:column; gap:20px; font-size:18.5px; line-height:1.7; padding:clamp(24px,4vw,48px); background:var(--panel); border:1px solid var(--line); border-radius:18px; position:relative}
.iv-letter::before{content:""; position:absolute; inset:0 0 auto; height:3px; border-radius:18px 18px 0 0; background:linear-gradient(90deg, var(--accent), var(--sie) 60%, var(--sie-mint))}
.iv-letter p:first-child{font:600 20px var(--d)}
.iv-letter b{color:var(--accent-2); font-weight:600}
.iv-ref{font:500 10.5px var(--m); color:var(--accent-2); text-decoration:none; vertical-align:super; margin-left:2px; padding:0 2px}
.iv-sign{display:flex; align-items:center; gap:16px; margin-top:12px; padding-top:22px; border-top:1px dashed var(--line)}
.iv-sign img{width:64px; height:64px; border-radius:50%; object-fit:cover; filter:grayscale(1)}
.iv-sign div{display:flex; flex-direction:column; gap:2px; font-size:14.5px; color:var(--muted)}
.iv-name{font:700 26px var(--d); color:var(--ink); letter-spacing:-.01em}
.iv-cta{display:flex; align-items:center; gap:16px; flex-wrap:wrap; font-size:14.5px; color:var(--muted)}
.iv-roi{max-width:720px; grid-template-columns:1fr!important; gap:10px} .iv-roi .roi-f{font-size:clamp(28px,3vw,40px)}
.iv-fine{max-width:720px; display:flex; flex-direction:column; gap:10px; margin-top:28px} .iv-fine ol{margin:0; padding-left:22px; display:flex; flex-direction:column; gap:4px; font-size:14px} .iv-fine a{color:var(--muted)} .iv-fine p{font-size:12.5px; color:var(--faint)}
main:has(.subnav) #investidores-src, #investidores-src{scroll-margin-top:100px}
@media (max-width:1000px){.iv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.iv-stats{grid-template-columns:1fr} .iv-letter{font-size:17px}}
.tf-group{grid-column:1/-1; margin-top:8px} .tf-group img{aspect-ratio:12/5; object-fit:cover}
.tf-cg{grid-column:1/-1; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-flow:dense} .tf-cg img.w2{grid-column:span 2; aspect-ratio:2/1}
@media (max-width:760px){.tf-cg{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stmt{margin:34px 0 0; padding:clamp(22px,3vw,36px); border:1px solid var(--line); border-radius:16px; background:var(--panel); display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:clamp(20px,3vw,40px); align-items:center}
.stmt blockquote{margin:0; font:600 clamp(18px,1.7vw,22px)/1.5 var(--d); letter-spacing:-.005em; color:var(--ink)}
.stmt figcaption{grid-column:1/-1; font:400 12px var(--m); color:var(--faint); letter-spacing:.04em}
.stmt figcaption{display:flex; flex-wrap:wrap; gap:4px 16px} .stmt-src{color:var(--muted); text-decoration:none} .stmt-src:hover{color:var(--ink); text-decoration:underline} .stmt-tr{color:var(--faint)}
.stmt-t{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px}
.stmt-t li{display:grid; grid-template-columns:52px minmax(0,1fr); align-items:center; gap:10px; font-size:13.5px; color:var(--muted)}
.stmt-t b{font:800 20px var(--d); color:var(--ink); text-align:right}
.stmt-t span{position:relative; padding:5px 10px; z-index:0} .stmt-t span::before{content:""; position:absolute; inset:0 auto 0 0; width:var(--w); min-width:6px; background:var(--raise); border-radius:6px; z-index:-1}
.stmt-t li.ai b{color:var(--accent-2)} .stmt-t li.ai span{color:var(--ink)} .stmt-t li.ai span::before{background:var(--accent)}
@media (max-width:860px){.stmt{grid-template-columns:1fr}}
.pv{list-style:none; margin:8px 0 0; padding:0; display:flex; flex-direction:column; border-top:1px solid var(--line)}
.pv-i{display:grid; grid-template-columns:240px minmax(0,1fr); gap:clamp(18px,3vw,32px); padding:24px 0; border-bottom:1px solid var(--line)}
.pv-m img, .pv-m svg{width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; display:block; border-radius:12px; background:var(--sie-deep)}
.pv-t{display:flex; flex-direction:column; gap:8px; min-width:0} .pv-t .d{font:400 12px var(--m); color:var(--accent-2)} .pv-t h3{font-size:21px} .pv-t .v{font-size:14px; color:var(--muted)} .pv-t p{color:var(--muted); font-size:15.5px}
.pv-l{display:flex; gap:18px; flex-wrap:wrap}
.pv-g{grid-template-columns:repeat(3,minmax(0,1fr))!important; margin-top:6px}
.pv-q{margin:4px 0; padding-left:16px; border-left:2px solid var(--accent); font:600 16px/1.5 var(--d); color:var(--ink)} .pv-q cite{display:block; margin-top:6px; font:400 12px var(--m); color:var(--faint); font-style:normal}
.fbt{display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:8px; align-items:stretch; margin-top:4px}
.fbt-inv img{height:100%; object-fit:cover; border-radius:12px}
.fbt-g{grid-template-columns:repeat(2,minmax(0,1fr))!important; margin:0}
.dikw{display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin-top:10px}
.dikw ol{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; counter-reset:dk}
.dikw li{counter-increment:dk; font:600 14px var(--d); padding:7px 14px; border:1px solid var(--line); border-radius:999px; background:var(--panel)} .dikw li::before{content:counter(dk) " · "; font:400 11px var(--m); color:var(--accent-2)}
.dikw li:not(:last-child)::after{content:" →"; color:var(--faint); margin-left:6px} .dikw li:last-child{border-color:var(--accent); background:var(--accent-soft)}
.fbt-tx{margin-top:6px} .fbt-tx p{color:var(--muted); font-size:15.5px; margin:0 0 12px}
.fbt-l{list-style:none; margin:10px 0 12px; padding:0; display:flex; flex-direction:column; gap:10px} .fbt-l li{display:flex; flex-direction:column; padding-left:12px; border-left:2px solid var(--sie)} .fbt-l b{font:600 15.5px var(--d)} .fbt-l span{font-size:14.5px; color:var(--muted)}
.fbt-c{color:var(--ink)!important; font-weight:600}
@media (max-width:760px){.pv-i{grid-template-columns:1fr} .fbt{grid-template-columns:1fr}}
.doors{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
.doors a{height:100%; display:flex; flex-direction:column; gap:10px; padding:24px; background:var(--panel); border:1px solid var(--line); border-radius:16px; text-decoration:none; color:var(--ink); transition:border-color .15s ease, transform .15s ease}
.doors a:hover{border-color:var(--accent); transform:translateY(-2px)} .doors b{font:700 21px/1.25 var(--d)} .doors span:not(.label){color:var(--muted); font-size:15px} .doors i{font-style:normal; margin-top:auto; padding-top:8px; color:var(--accent-2); font-size:14.5px}
.doors li:first-child a{border-top:3px solid var(--sie)} .doors .label.lx{display:inline-flex; align-items:center; gap:8px}
.pnext-r{border-top:0} .pnext-r > .wrap{display:block} .pnext{display:flex; flex-direction:row!important; align-items:center!important; justify-content:space-between; gap:20px; flex-wrap:wrap; padding:24px; border:1px solid var(--line); border-radius:16px; background:var(--panel)}
.pn{display:flex; flex-direction:column; gap:4px; text-decoration:none; color:var(--ink)} .pn b{font:700 22px var(--d)} .pn:hover b{color:var(--accent-2)}
@media (max-width:860px){.doors{grid-template-columns:1fr}}
.sqw{display:flex; flex-direction:column; gap:20px}
.sqw .sqf{margin:0}
.sqk{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px}
.sqk li{display:flex; flex-direction:column; gap:3px; padding-left:14px; border-left:3px solid var(--accent)} .sqk li.sq-g2{border-color:var(--accent-2)} .sqk li.sq-g3{border-color:var(--sie)} .sqk li.sq-g4{border-color:var(--sie-mint); border-left-style:dashed}
.sqk b{font:700 16px var(--d)} .sqk .who{font-size:14px; color:var(--ink)} .sqk span:not(.who){font-size:14px; color:var(--muted)}
.raci-s{overflow-x:auto; border:1px solid var(--line); border-radius:14px}
table.raci{border-collapse:collapse; width:100%; min-width:900px; font-size:14px}
.raci th, .raci td{padding:9px 8px; border-bottom:1px solid var(--line); text-align:center}
.raci thead th{font:500 11px var(--m); color:var(--muted); background:var(--deep); letter-spacing:.03em}
.raci thead th:last-child{color:var(--sie-mint)} .raci tbody th{text-align:left; font-weight:600; font-size:14px; background:var(--panel); min-width:250px}
.raci tbody tr:last-child > *{border-bottom:0}
.raci td span, .raci-k i{display:inline-grid; place-items:center; width:28px; height:26px; border-radius:6px; font:500 12.5px var(--m); font-style:normal}
.c-A span, .raci-k .c-A{background:var(--accent); color:#0B1233} .c-R span, .raci-k .c-R{background:var(--sie); color:#0B1233}
.c-S span, .raci-k .c-S{border:1px solid var(--sie); color:var(--sie)} .c-C span, .raci-k .c-C{background:var(--raise); color:var(--ink)} .c-I span, .raci-k .c-I{color:var(--muted)}
.raci td:last-child{background:rgba(0,160,176,.07)}
.raci-k{display:flex; flex-wrap:wrap; gap:8px 18px; font-size:14px; color:var(--muted)} .raci-k span{display:inline-flex; align-items:center; gap:8px}
.engm{list-style:none; margin:4px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; counter-reset:none}
.engm li{position:relative; display:flex; flex-direction:column; gap:8px; padding:20px; background:var(--panel); border:1px solid var(--line); border-radius:14px; min-width:0}
.engm li:not(:last-child)::after{content:"→"; position:absolute; right:-12px; top:22px; color:var(--accent-2); font-size:16px; z-index:1}
.en-n{font:800 30px/1 var(--d); color:var(--accent-2)} .engm b{font:700 18px var(--d)} .en-d{font:400 11.5px var(--m); color:var(--sie-mint); letter-spacing:.03em}
.engm p{font-size:14.5px; color:var(--muted)} .en-o{margin-top:auto; padding-top:10px; border-top:1px dashed var(--line); font-size:13.5px; color:var(--ink)} .en-o i{display:block; font:400 10.5px var(--m); font-style:normal; text-transform:uppercase; letter-spacing:.08em; color:var(--faint); margin-bottom:3px}
.ee{display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:14px; align-items:stretch; margin-top:10px}
.ee-c{display:flex; flex-direction:column; gap:10px; padding:22px; border-radius:16px; background:var(--panel); border:1px solid var(--line)}
.ee-ef{border-top:3px solid var(--accent)} .ee-ei{border-top:3px solid var(--sie)} .ee-ef .label{color:var(--accent-2)} .ee-ei .label{color:var(--sie)}
.ee-c h3{font-size:21px} .ee-c ul{margin:0; padding-left:18px; display:flex; flex-direction:column; gap:8px; font-size:14.5px; color:var(--muted)}
.ee-x{align-self:center; font:300 40px var(--d); color:var(--faint)}
.ee-r{grid-column:1/-1; display:flex; align-items:center; gap:20px; flex-wrap:wrap; padding:18px 22px; border-radius:16px; background:linear-gradient(90deg, var(--accent-soft), var(--panel) 70%); border:1px solid var(--line)}
.ee-r .roi-f{font-size:clamp(26px,2.6vw,34px)} .ee-r p{margin:0; color:var(--ink); font-size:16px}
.en-pair{margin-top:10px} .en-cl{list-style:none; margin:10px 0 0; padding:0; display:flex; flex-direction:column; gap:10px} .en-cl li{display:flex; flex-direction:column; gap:2px; padding-left:12px; border-left:2px solid var(--line)} .en-cl b{font:600 15px var(--d)} .en-cl span{font-size:14.5px; color:var(--muted)}
@media (max-width:1000px){.engm{grid-template-columns:repeat(2,minmax(0,1fr))} .engm li::after{display:none}}
@media (max-width:860px){.ee{grid-template-columns:1fr} .ee-x{display:none} .sqk{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.sqk{grid-template-columns:1fr}}
@media (max-width:560px){.engm{grid-template-columns:1fr}}
.ldr{list-style:none; margin:6px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px}
.ldr li{position:relative; display:flex; flex-direction:column; gap:8px; padding:20px; border-radius:14px; background:var(--panel); border:1px solid var(--line); min-width:0}
.ldr li:not(:last-child)::after{content:"→"; position:absolute; right:-12px; top:22px; color:var(--accent-2); z-index:1}
.ldr .lq{font:600 17px/1.3 var(--d); color:var(--ink)} .ldr b{font:500 12px var(--m); letter-spacing:.04em; text-transform:uppercase} .ldr p{font-size:14.5px; color:var(--muted)}
.ldr .l0{opacity:.75} .ldr .l0 b{color:var(--faint)} .ldr .l1{border-top:3px solid var(--sie)} .ldr .l1 b{color:var(--sie)} .ldr .l2{border-top:3px solid var(--accent)} .ldr .l2 b{color:var(--accent-2)} .ldr .l3{border-top:3px solid var(--sie-mint)} .ldr .l3 b{color:var(--sie-mint)}
.vt{display:inline-block; font:500 10.5px var(--m); letter-spacing:.04em; padding:3px 8px; border-radius:999px; white-space:nowrap}
.vt-g{color:var(--sie); border:1px solid var(--sie); background:color-mix(in srgb, var(--sie) 12%, transparent)} .vt-m{color:var(--accent-2); border:1px solid var(--accent); background:var(--accent-soft)}
.vk{display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; font-size:13.5px; color:var(--muted)} .vk .vt{margin-left:8px} .vk .vt:first-child{margin-left:0}
.vx{display:flex; flex-direction:column; gap:18px; margin-top:4px}
.vx-tabs{display:flex; flex-wrap:wrap; gap:8px}
.vx-t{font:600 14px var(--d); padding:8px 15px; border-radius:999px; border:1px solid var(--line); background:var(--panel); color:var(--muted); cursor:pointer}
.vx-t:hover{color:var(--ink); border-color:#3C4890} .vx-t[aria-selected="true"]{background:var(--accent); border-color:var(--accent); color:#0B1233}
.vx-p{display:flex; flex-direction:column; gap:16px} .vx-p[hidden]{display:none}
.vx-h{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:24px; align-items:end; padding-bottom:14px; border-bottom:1px solid var(--line)} .vx-h h3{font-size:clamp(24px,2.4vw,32px)}
.vx-bi{margin:0; color:var(--muted); font-size:15px} .vx-bi .label{display:block; margin-bottom:4px}
.vx-c{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px}
.vx-c li{display:flex; flex-direction:column; gap:8px; padding:18px; border-radius:14px; background:var(--panel); border:1px solid var(--line); min-width:0}
.vts{display:flex; gap:6px; flex-wrap:wrap} .vx-c b{font:700 17px/1.3 var(--d)} .vx-c p{font-size:14.5px; color:var(--muted); margin:0}
.vx-br{display:flex; flex-direction:column; gap:6px; padding:18px 22px; border-radius:14px; background:linear-gradient(90deg, var(--accent-soft), var(--panel) 70%); border:1px solid var(--line); border-left:3px solid var(--sie-mint)}
.vx-br .label{color:var(--sie-mint)} .vx-br p{margin:0; color:var(--ink); font-size:16px}
.vx-bh{display:flex; align-items:center; gap:10px} .vt-x{color:var(--sie-mint); border:1px solid var(--sie-mint); background:color-mix(in srgb, var(--sie-mint) 10%, transparent)}
.vx-br p.vx-mx{margin-top:6px; padding-top:10px; border-top:1px dashed var(--line); font-size:14.5px; color:var(--muted)} .vx-mx b{color:var(--ink); font-weight:600}
@media (max-width:1000px){.ldr{grid-template-columns:repeat(2,minmax(0,1fr))} .ldr li::after{display:none} .vx-c{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.vx-h{grid-template-columns:1fr; gap:8px} .vx-c, .ldr{grid-template-columns:1fr} .vx-tabs{flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; margin:0 -24px; padding:0 24px 4px} .vx-t{white-space:nowrap; flex:none}}
.sie-more{display:inline-flex; align-items:center; gap:6px; margin-top:18px; font:600 14.5px var(--d); color:var(--sie-cyan); text-decoration:none; border-bottom:1px solid rgba(0,230,220,.35); padding-bottom:2px}
.sie-more:hover{color:var(--sie-mint); border-color:var(--sie-mint)}
.icx-src{margin-top:22px; font-size:13.5px; color:var(--faint); display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 14px}
.icx-src .sie-more{margin-top:0; font-size:13.5px}
.icx4{list-style:none; margin:28px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px}
.icx4 li{border:1px solid var(--line); border-radius:14px; background:var(--panel); padding:20px; display:flex; flex-direction:column; gap:6px}
.icx4 .n{font:500 12px var(--m); color:var(--faint)}
.icx4 b{font:700 22px var(--d); color:var(--ink)}
.icx4 .t{font:500 12px var(--m); letter-spacing:.06em; color:var(--sie-cyan); text-transform:uppercase}
.icx4 p{margin:6px 0 0; font-size:15px; color:var(--muted)}
.icx4 li:nth-child(3){border-color:rgba(0,255,185,.35)}
.icx4 li:nth-child(4){border-color:rgba(156,114,248,.45)}
.icxo{margin-top:30px; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:18px 36px; align-items:start}
.icxo h3{font-size:21px; margin:0 0 8px}
.icxo p{color:var(--muted); margin:0}
.chips-o{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; align-self:center}
.chips-o li{font:500 13px var(--m); color:var(--ink); border:1px solid var(--line); background:var(--raise); padding:7px 12px; border-radius:999px}
.ac-topics{margin-top:22px; max-width:820px; align-self:flex-start}
.icxo > div:last-child{grid-column:1/-1; border-top:1px solid var(--line); padding-top:18px}
.icxi{margin-top:26px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px}
.icxi > div{border-top:2px solid var(--sie); padding-top:12px}
.icxi h3{font-size:19px; margin:0 0 10px}
.icxi ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column}
.icxi li{font-size:14.5px; color:var(--muted); padding:8px 0; border-bottom:1px solid var(--line)}
.icxr{margin-top:26px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
.icxr > div{border:1px solid var(--line); border-radius:14px; background:var(--panel); padding:20px}
.icxr .label{color:var(--sie)}
.icxr h3{font-size:19px; margin:6px 0 12px}
.icxr dl{margin:0; display:flex; flex-direction:column; gap:12px}
.icxr dl > div{border-top:1px solid var(--line); padding-top:10px}
.icxr dt{font:800 26px var(--d); color:var(--accent-2); white-space:nowrap}
.icxr dd{margin:2px 0 0; font-size:14.5px; color:var(--muted)}
.icx-cta{margin-top:28px; display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; padding:22px 24px; border-radius:16px; border:1px solid rgba(0,230,220,.3); background:linear-gradient(120deg,rgba(0,160,176,.14),rgba(156,114,248,.10))}
.icx-cta b{display:block; font:700 20px var(--d); color:var(--ink)}
.icx-cta span{color:var(--muted); font-size:15px}
@media (max-width:1000px){.icx4,.icxi{grid-template-columns:repeat(2,minmax(0,1fr))} .icxr{grid-template-columns:1fr}}
@media (max-width:600px){.icx4,.icxi,.icxo{grid-template-columns:1fr}}
@media (max-width:560px){.ck-b .btn{flex:1 1 auto; white-space:normal} .ck-in{min-width:0; max-width:100%}}

.page-h .sie-more{margin-bottom:18px}
.icx-cta > div{flex:1 1 320px}
.foot .legal .f-team{margin-left:auto; color:var(--faint); font-size:12.5px; opacity:.7} .foot .legal .f-team:hover{color:var(--muted); opacity:1}
.recog-n{margin-top:10px} .recog-n a{color:inherit}
.ev-duo{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start} .ev-duo img{width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:10px; display:block} @media (max-width:720px){.ev-duo{grid-template-columns:1fr}}
.ev-addr{margin:-6px 0 0; font:400 13px var(--m); color:var(--muted)} .mb-v video{aspect-ratio:1280/604!important; object-fit:contain!important} .cf-l .sp + .sp{grid-column:2; color:var(--ink); opacity:.82} #eventos-cafe-icx-2026 .cf-l .n{grid-row:span 3} #eventos-cafe-icx-2026 .cf-l b + .sp{font:400 11px var(--m); letter-spacing:.06em; text-transform:uppercase; color:var(--accent)} .ev-note{margin:0; font-size:13px; color:var(--muted)}
.ev-map{position:relative; width:100%; max-width:400px; aspect-ratio:4/3; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:radial-gradient(80% 120% at 30% 40%, rgba(156,114,248,.18), transparent 60%), repeating-linear-gradient(0deg, transparent 0 38px, rgba(255,255,255,.04) 38px 39px), repeating-linear-gradient(90deg, transparent 0 38px, rgba(255,255,255,.04) 38px 39px), var(--soft)} .ev-map iframe{position:absolute; inset:0; width:100%; height:100%; border:0} .ev-map-b{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; background:none; border:0; color:var(--ink); cursor:pointer; font:inherit; text-align:center; padding:16px} .ev-map-b b{font-weight:600; font-size:16px} .ev-map-b span{font-size:13px; color:var(--muted)} .ev-map-b:hover b{text-decoration:underline} .ev-map-pin{width:22px; height:22px; border-radius:50% 50% 50% 0; transform:rotate(-45deg); background:var(--accent); margin-bottom:6px} .ev-map-o{position:absolute; right:10px; bottom:10px; z-index:2; font:500 12px var(--m); background:rgba(11,18,51,.85); color:var(--ink); padding:6px 10px; border-radius:6px; text-decoration:none} 
.ev-lm{display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,320px); gap:clamp(20px,3vw,40px); align-items:start} .ev-lm .lede{max-width:none; margin:0} .ev-loc{display:flex; flex-direction:column; gap:10px} .ev-loc .ev-addr{margin:0; line-height:1.5} .ev-loc .ev-map{max-width:none; aspect-ratio:1/1} @media (max-width:820px){.ev-lm{grid-template-columns:1fr} .ev-loc .ev-map{max-width:400px; aspect-ratio:4/3}}
.lg-p{display:none}
@media (min-width:1100px){.lg-p{display:inline-flex; align-items:center; gap:12px; font:600 11.5px var(--d); letter-spacing:.06em; text-transform:uppercase; color:var(--sie); white-space:nowrap} .lg-p::before{content:""; width:1px; height:22px; background:var(--line)}}
.lg-p{display:inline-flex; align-items:center; gap:12px; white-space:nowrap; margin-left:2px}
.lg-p::before{content:""; width:1px; height:26px; background:var(--line)}
.lg-st{display:flex; flex-direction:column; justify-content:center; gap:4px; line-height:1}
.lg-r{font:500 10.5px var(--m); letter-spacing:.26em; text-transform:uppercase; color:var(--accent-2)}
.lg-s{display:none; font:600 10.5px var(--d); letter-spacing:.08em; text-transform:uppercase; color:var(--sie)}
@media (min-width:1100px){.lg-s{display:block}}
@media (max-width:380px){.lg-p{gap:8px} .lg-r{letter-spacing:.16em}}
.f-lock{display:flex; align-items:center; gap:12px}
.f-lock .lg-r{padding-left:12px; border-left:1px solid var(--line); line-height:26px}
.foot .legal .f-am{color:var(--muted)}
@media (max-width:520px){.top .wrap{gap:10px} .logo img{height:21px} .lg-p{gap:7px; margin-left:0} .lg-p::before{height:20px} .lg-r{font-size:9px; letter-spacing:.14em} .tools{gap:8px} .menu > summary{padding-inline:10px}}
@media (max-width:380px){.top .wrap{gap:8px; padding-inline:14px} .logo img{height:19px} .lg-r{font-size:8.5px; letter-spacing:.1em} .lang{gap:0}}
@media (max-width:360px){.lg-p{display:none!important}}
.iv-mail{font:600 15px var(--d); color:var(--accent-2); text-decoration:none; border-bottom:1px solid rgba(195,168,255,.35); padding-bottom:2px} .iv-mail:hover{color:var(--ink); border-color:var(--ink)}
/* contact: give the Pipedrive form room for its side-by-side layout */
.pd-fb[hidden], .pd-wait[hidden]{display:none!important}
#contato > .wrap{grid-template-columns:1fr; row-gap:22px}
#contato .rail{position:static; flex-direction:row}
#contato .contact{grid-template-columns:minmax(0,1fr) minmax(0,560px); justify-content:space-between}
#contato .pd .pipedriveWebForms{padding:26px 28px 14px}
@media (max-width:900px){#contato .contact{grid-template-columns:1fr} #contato .pd .pipedriveWebForms{padding:20px 16px 10px}}
/* ICX layer stack (replaces the infographic) */
.stk{margin:0; display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:12px; align-items:stretch}
.stk-l{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:22px; position:relative}
.stk-l > li{position:relative; border:1px solid var(--line); border-left:3px solid var(--c); border-radius:12px; background:var(--panel); padding:16px 18px 16px 20px; display:grid; grid-template-columns:auto 1fr; column-gap:12px; row-gap:4px; align-items:baseline}
.stk-l > li + li::before{content:"↑"; position:absolute; top:-21px; left:28px; font:500 14px var(--m); color:var(--faint)}
.stk-l .k{font:500 11px var(--m); letter-spacing:.14em; text-transform:uppercase; color:var(--c)}
.stk-l b{font:700 20px var(--d); color:var(--ink)}
.stk-l p{grid-column:1/-1; margin:2px 0 0; font-size:14.5px; line-height:1.5; color:var(--muted)}
.stk-l ul{grid-column:1/-1; list-style:none; margin:6px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px}
.stk-l ul li{font:500 11.5px var(--m); color:var(--muted); border:1px solid var(--line); border-radius:999px; padding:3px 9px}
.stk-l .l4{--c:var(--sie-mint); background:linear-gradient(120deg,rgba(0,255,185,.08),var(--panel) 60%)}
.stk-l .l3{--c:var(--accent)}
.stk-l .l2{--c:var(--sie)}
.stk-l .l1{--c:var(--faint); background:transparent; border-style:dashed; border-left-style:solid}
.stk-g{border:1px solid var(--line); border-radius:12px; background:var(--raise); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:12px 0}
.stk-g span, .stk-g small{writing-mode:vertical-rl; transform:rotate(180deg); white-space:nowrap}
.stk-g span{font:600 13px var(--d); color:var(--ink); letter-spacing:.02em}
.stk-g small{font:500 10.5px var(--m); color:var(--faint); letter-spacing:.06em}
.stk figcaption{grid-column:1/-1; font:400 12.5px var(--m); color:var(--faint); margin-top:4px}
/* Mason · AGENIUS partnership (ICX page) */
.ag-row .rail{gap:14px}
.ag-logo{height:auto; width:120px; opacity:.9; display:block; margin-top:6px}
.ag2{margin-top:28px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
.ag-c{border:1px solid var(--line); border-radius:16px; background:var(--panel); padding:22px; display:flex; flex-direction:column; gap:8px}
.ag-c .label{color:var(--accent-2)}
.ag-c h3{font-size:22px; margin:0}
.ag-c p{margin:0; color:var(--muted); font-size:15.5px}
.ag-c ul{list-style:none; margin:8px 0 0; padding:0; border-top:1px solid var(--line)}
.ag-c li{font-size:14.5px; color:var(--ink); padding:8px 0 8px 18px; border-bottom:1px solid var(--line); position:relative}
.ag-c li::before{content:""; position:absolute; left:2px; top:15px; width:6px; height:6px; border-radius:50%; background:var(--accent)}
.ag-s{list-style:none; margin:22px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border:1px solid var(--line); border-radius:14px; overflow:hidden}
.ag-s li{padding:14px 16px; display:flex; flex-direction:column; gap:2px; border-left:1px solid var(--line); counter-increment:ags}
.ag-s li:first-child{border-left:0}
.ag-s b{font:700 17px var(--d); color:var(--ink)} .ag-s b::before{content:counter(ags,decimal-leading-zero) "  "; font:500 11px var(--m); color:var(--faint)}
.ag-s span{font-size:13.5px; color:var(--muted)}
.ag-s{counter-reset:ags}
.ag-w{margin-top:22px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
.ag-w > div{border-top:2px solid var(--accent); padding-top:12px}
.ag-w > div:last-child{border-top-color:var(--sie-mint)}
.ag-w b{font:700 18px var(--d); color:var(--ink); display:block; margin-bottom:6px}
.ag-w p{margin:0; color:var(--muted); font-size:15px}
.ag-more{margin-top:22px} .ag-more a{color:var(--accent-2); text-decoration:none; font:600 15px var(--d)}
@media (max-width:900px){.ag2,.ag-w{grid-template-columns:1fr} .ag-s{grid-template-columns:repeat(2,minmax(0,1fr))} .ag-s li:nth-child(3){border-left:0} .ag-s li:nth-child(n+3){border-top:1px solid var(--line)}}
/* iOS Safari: avoid height:100% on grid-item children (cards overlapped on iPhone) */
.doors > li, .pols > li{display:flex}
.doors a, .pols a{height:auto!important; flex:1 1 auto; min-width:0}
.page-h h1.h1-2{max-width:22ch} .page-h h1.h1-2 span{display:block; color:var(--accent-2); font-weight:600; font-size:.62em; line-height:1.15; margin-top:.25em; max-width:34ch; text-wrap:balance}
/* Academy */
.ac-gate{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
.ac-in, .ac-req{border:1px solid var(--line); border-radius:16px; background:var(--panel); padding:24px; display:flex; flex-direction:column; gap:10px}
.ac-in{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}
.ac-in h2, .ac-req h2{font-size:26px; margin:0}
.ac-req p{margin:0; color:var(--muted); font-size:15.5px}
.ac-req .btn{align-self:flex-start; margin-top:auto}
.ac-l{font:500 12px var(--m); letter-spacing:.08em; text-transform:uppercase; color:var(--faint); margin-top:6px}
.ac-row{display:flex; gap:10px; flex-wrap:wrap}
.ac-row input{flex:1 1 200px; min-width:0; font:600 18px var(--m); letter-spacing:.08em; text-transform:uppercase; color:var(--ink); background:var(--deep); border:1px solid var(--line); border-radius:10px; padding:12px 14px}
.ac-row input:focus{outline:2px solid var(--accent); outline-offset:1px}
.ac-msg{margin:0; min-height:1.4em; font-size:14.5px; color:var(--muted)}
.ac-msg.err{color:#FF8FA3} .ac-msg.ok{color:var(--sie-mint)}
.ac-form{margin-top:14px; max-width:560px; margin-left:auto}
.ac-what{margin-top:30px}
.ac-list{list-style:none; margin:12px 0 0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
.ac-list li{border-top:2px solid var(--sie); padding-top:12px; display:flex; flex-direction:column; gap:6px}
.ac-list b{font:700 19px var(--d); color:var(--ink)}
.ac-list span{color:var(--muted); font-size:14.5px}
.ac-list .ac-t{font:500 12px var(--m); color:var(--sie-cyan); letter-spacing:.04em}
.ac-out{background:none; border:1px solid var(--line); color:var(--muted); border-radius:8px; padding:6px 12px; font:500 13px var(--f); cursor:pointer; align-self:flex-start}
.ac-out:hover{color:var(--ink); border-color:var(--accent)}
.ac-vids{display:flex; flex-direction:column; gap:28px}
.ac-v{border:1px solid var(--line); border-radius:16px; overflow:hidden; background:var(--panel)}
.ac-v video{display:block; width:100%; aspect-ratio:16/9; background:#000}
.ac-v video[hidden]{display:none}
.ac-v .ac-yt{display:flex; align-items:center; justify-content:center; flex-direction:column; gap:12px; width:100%; aspect-ratio:16/9; border:0; padding:0; cursor:pointer; background:#000 center/cover no-repeat; color:#fff; font:600 16px var(--d,inherit); position:relative}
.ac-v .ac-yt[hidden]{display:none}
.ac-v .ac-yt::before{content:""; position:absolute; inset:0; background:rgba(11,18,51,.55)}
.ac-v .ac-yt > span{position:relative}
.ac-v .ac-yt-p{width:72px; height:72px; border-radius:50%; background:var(--accent); display:flex; align-items:center; justify-content:center; font-size:26px; padding-left:5px}
.ac-v .ac-yt:hover .ac-yt-p{filter:brightness(1.12)}
.ac-v .ac-yt-n{font-size:14px; opacity:.9; padding:0 16px; text-align:center}
.ac-v .ac-yf{display:block; width:100%; aspect-ratio:16/9; border:0; background:#000}
.ac-v .ac-sw{display:flex; gap:6px; flex-wrap:wrap; margin-bottom:4px}
.ac-v .ac-sw button{font:500 12px var(--m); letter-spacing:.04em; color:var(--muted); background:transparent; border:1px solid var(--line); border-radius:999px; padding:6px 12px; cursor:pointer}
.ac-v .ac-sw button[aria-pressed="true"]{color:var(--ink,#fff); border-color:var(--accent); background:color-mix(in srgb, var(--accent) 22%, transparent)}
.ac-v .ac-vb{padding:18px 20px; display:flex; flex-direction:column; gap:6px}
.ac-v .ac-t{font:500 12px var(--m); color:var(--sie-cyan)}
.ac-v h3{margin:0; font-size:22px}
.ac-v p{margin:0; color:var(--muted); font-size:15px}
@media (max-width:800px){.ac-gate,.ac-list{grid-template-columns:1fr} .ac-form{margin-left:0}}
.cl-sub{display:block; font:500 11px var(--m); letter-spacing:.04em; color:var(--accent-2); margin-top:4px}
.v-hero .br-x{font-size:12.5px; font-weight:600; fill:var(--accent-2)}
/* event meta under the title: date · venue · city, state · country · site */
.ev-meta{margin:-6px 0 6px; display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 0; font:600 15.5px/1.5 var(--d); color:var(--accent-2)}
.ev-meta > *:not(:first-child)::before{content:"·"; color:var(--faint); margin:0 10px; font-weight:400}
.ev-meta > span:first-child{color:var(--sie-cyan)}
.ev-meta a{color:var(--accent-2); text-decoration:none; border-bottom:1px solid rgba(195,168,255,.35)}
.ev-meta a:hover{color:var(--ink)}
.pv-t{display:flex; flex-direction:column}
.pv-t h3{order:1} .pv-t .d{order:2; color:var(--sie-cyan)!important; font:600 13.5px var(--d)!important; letter-spacing:0!important; text-transform:none!important; margin-top:2px}
.pv-t .v{order:3; color:var(--accent-2)!important; font:600 13.5px/1.5 var(--d)!important} .pv-t .v a{color:inherit; text-decoration:none; border-bottom:1px solid rgba(195,168,255,.35)}
.pv-t > *:not(h3):not(.d):not(.v){order:4}
/* Academy: documents + counters; whitepaper previews */
.ac-sum{margin:6px 0 0; color:var(--muted); font-size:15px}
.ac-sec + .ac-sec{margin-top:40px}
.ac-h{display:flex; align-items:baseline; gap:12px; margin-bottom:16px} .ac-h h2{margin:0; font-size:28px}
.ac-n{font:500 13px var(--m); color:var(--faint)}
.ac-docs{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
.ac-d{display:grid; grid-template-columns:96px minmax(0,1fr); gap:16px; border:1px solid var(--line); border-radius:14px; background:var(--panel); padding:14px}
.ac-d img{width:96px; aspect-ratio:3/4; object-fit:cover; border-radius:6px; display:block}
.ac-db{display:flex; flex-direction:column; gap:5px; min-width:0}
.ac-db h3{margin:0; font-size:17px; line-height:1.3}
.ac-db p{margin:0; font-size:14px; color:var(--muted)}
.ac-dl{display:flex; flex-wrap:wrap; gap:8px; margin-top:6px} .ac-dl .btn{padding:7px 12px; font-size:13.5px}
.ac-c{font:500 12px var(--m); color:var(--sie-mint); margin-top:2px}
.ac-c[hidden]{display:none}
.wprev{margin-top:32px}
.wprev-p{margin-top:10px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; position:relative}
.wprev-p img{width:100%; display:block; border-radius:8px; border:1px solid var(--line); background:#fff}
.wprev-p img:last-child{-webkit-mask-image:linear-gradient(#000 45%,transparent 92%); mask-image:linear-gradient(#000 45%,transparent 92%)}
.wcta .btn[aria-disabled]{opacity:.6; cursor:default}
@media (max-width:800px){.ac-docs{grid-template-columns:1fr}}
/* type scale: smaller running text so headings lead */
body{font-size:16px; line-height:1.62}
.lede{font-size:clamp(16.5px,1.35vw,19px); line-height:1.55}
.rbody{font-size:16.5px; line-height:1.72}
.rbody h3{font-size:22px; margin-top:1.6em}
.rbody h2{font-size:28px}
.rbody blockquote{font-size:19px}
.iv-letter{font-size:16.5px}
@media (max-width:700px){.roi:not(:has(.btn)){grid-template-columns:1fr}}

.seo .lang a{text-decoration:none; color:var(--faint); padding:6px 4px; font:inherit}
.seo .lang a[aria-current]{color:var(--ink); text-decoration:underline; text-underline-offset:4px}
.seo main[id^="v-"]{display:block}