/* Website adaptation 2026-10-15.
   meum tec: Corporate Design Manual v3.0. GreenCore: Handbook v2.0.
   ClosedAI: Corporate Design Manual v1.2, 27 August 2026, from Y:.
   System-component diagram retained by Michael's decision, 15 October 2026.
   Section order is unchanged. */
body.pg-gc { --paper:#F4F6F5; --paper2:#FFFFFF; }
body.pg-cai { --paper:#F5F6F6; --paper2:#FFFFFF; }
.pg-cai .site h1,.pg-cai .site h2 {font-family:var(--f);}
.site h1,.site h2 {font-family:var(--fd);font-weight:400;letter-spacing:-.028em;line-height:1.07;}
.site .hero h1,.site .phero h1 {font-size:clamp(42px,5vw,72px);}
.site h3,.site h4 {font-family:var(--f);font-weight:600;}
.site .cta h2 {font-size:clamp(36px,4vw,50px);}
.site .f .fhead {font-family:var(--f);font-size:15px;font-weight:600;line-height:1.5;letter-spacing:0;color:#FFFFFF;margin-bottom:10px;}
.site .topbar .nav .lg,.site .topbar.mini .nav .lg {width:112px;height:auto;object-fit:contain;}
.nav .ddw > a.l {display:inline-flex;align-items:center;position:relative;z-index:1;}
.site .fdiv img {width:40px;height:40px;}
.division-brand {width:180px;height:auto;max-height:62px;object-fit:contain;object-position:left center;margin:0 0 28px;}
.lang-pending {cursor:help;color:var(--muted);}
.skip-link {position:fixed;top:-100px;left:20px;z-index:10000;padding:12px 18px;background:var(--ink);color:white;border-radius:6px;}
.skip-link:focus {top:12px;}
:where(a,button,input,select,textarea,[tabindex]):focus-visible {outline:2px solid var(--ink);outline-offset:5px;}
.dark :where(a,button,[tabindex]):focus-visible,.f a:focus-visible {outline-color:white;}
button {font-family:inherit;}
button:disabled {cursor:wait;opacity:.65;}
main:focus {outline:none;}
.bf-ok {line-height:1.6;}
.vf-f video {object-fit:cover;}
.site .tp .bf>span {font-size:12px;}
.site .tp h2 {font-family:var(--f);font-weight:600;line-height:1.3;letter-spacing:-.015em;}
.ctf .ct-note {color:var(--ink2);}
/* Michael's fine-tuning, 15 October 2026: exact brand accents and quiet depth. */
body,.cai:not(g),.gc:not(g),.grp:not(g),.des,.tm,.tp,.flow>div {--acc:var(--hue);}
.eyebrow::before {background:var(--hue);}
.hero,.phero,.lg-hero,.nf {border-top:0;}
.site .nav a.l::before {
  content:"";position:absolute;left:0;right:0;bottom:3px;width:auto;height:2px;
  margin:0;border-radius:2px;background:var(--hue);box-shadow:none;
  transform:scaleX(0);transform-origin:left;transition:transform .22s ease;
}
.site .nav a.l:is(:hover,:focus-visible,.cur)::before,
.site .nav .ddw:is(:hover,:focus-within)>a.l::before {transform:scaleX(1);}
.sm .core {fill:var(--neon);}
.sm-arc,.sm .pl {opacity:1;}
.sm-node.on .disc {fill:var(--node-color);}
.stack-l li span {color:var(--ink2);opacity:1;visibility:hidden;transition:max-height .4s;}
.stack-l li.on span {visibility:visible;}
.flow {
  gap:16px;overflow:visible;border:0;border-radius:0;background:transparent;
}
.flow>div,.flow>div:last-child {
  position:relative;border:1px solid var(--line);border-top:3px solid var(--hue);
  border-radius:var(--r);background:color-mix(in srgb,var(--hue) 6%,var(--paper2));
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
:is(.dcard,.ncard,.prod,.pcard,.pjc,.ptn,.swt,.agentcard,.dtl) {
  background:color-mix(in srgb,var(--hue) 4%,var(--paper2));
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
:is(.flow>div,.dcard,.ncard,.prod,.pcard,.pjc,.ptn,.swt,.agentcard,.dtl):focus-within {
  border-color:var(--hue);box-shadow:0 14px 28px -22px #0A1B2966;
  background:color-mix(in srgb,var(--hue) 9%,var(--paper2));
}
:is(.flow>div,.dcard,.ncard,.prod,.pcard,.pjc,.ptn,.swt,.agentcard,.dtl):focus-visible {outline-offset:5px;}
:is(.prod,.swt,.dtl,.agentcard,[data-wm=nb],[data-wm=cv]):is(:hover,:focus-within) .wm {
  background:var(--hue)!important;opacity:1;
}
@media(hover:hover) and (pointer:fine){
  :is(.flow>div,.dcard,.ncard,.prod,.pcard,.pjc,.ptn,.swt,.agentcard,.dtl):hover {
    border-color:var(--hue);box-shadow:0 14px 28px -22px #0A1B2966;
    background:color-mix(in srgb,var(--hue) 9%,var(--paper2));
  }
}
@media(prefers-reduced-motion:no-preference){
  :is(.flow>div,.dcard,.ncard,.prod,.pcard,.pjc,.ptn,.swt,.agentcard,.dtl):focus-within {transform:translateY(-5px);}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  :is(.flow>div,.dcard,.ncard,.prod,.pcard,.pjc,.ptn,.swt,.agentcard,.dtl):hover {transform:translateY(-5px);}
}
@media(max-width:900px){
  .site .topbar .nav .lg,.site .topbar.mini .nav .lg {width:100px;}
  .division-brand {width:170px;margin-bottom:22px;}
  .site .hero h1,.site .phero h1 {font-size:clamp(40px,6vw,60px);}
}
@media(max-width:560px){
  .site .hero h1,.site .phero h1 {font-size:42px;line-height:1.08;}
  .site h2 {line-height:1.12;}
  .division-brand {width:170px;}
  .preview-label {max-width:calc(100vw - 24px);}
  .site .tpgrid {grid-template-columns:1fr;gap:30px;}
  .site .tp h2 {font-size:20px;}
  .site .tp .role {font-size:15px;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .reveal {opacity:1!important;transform:none!important;}
}
/* Review corrections: each accent follows its organisation. */
.flow:not(.pmv)>div:nth-child(-n+2) {--hue:var(--cyan);--acc:var(--cyan);}
.flow:not(.pmv) .num {display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:24px;padding:2px 8px;border-radius:6px;background:var(--hue);color:var(--ink);}
.flow.pmv>div {--hue:var(--neon);--acc:var(--neon);background:var(--paper2);}
.flow.pmv>div:is(:hover,:focus-within) {background:var(--neon);border-color:var(--neon);}
.agentcard,.agentcard :is(.tagd,h2,h3,p,.go,.cs li,.status) {color:var(--ink);}
.agentcard h3 {font-weight:900;line-height:1.25;}
.agentcard>* {min-width:0;}
.agentcard .go {font-weight:600;white-space:normal;}
.agentcard .go .arw {flex:none;}
.agentcard .status i {border-color:var(--ink);}
.agentcard .cs li::before {border-color:var(--ink);}
.tw-art {padding:24px;}
#twinart {display:flex;align-items:center;justify-content:center;aspect-ratio:1.35;}
#twinart svg.iso {width:100%;height:100%;max-height:440px;display:block;}
.areas {gap:14px;border:0;}
.areas .ar {padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper2);transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease;}
.areas .ar::before {display:none;}
.areas .ar:is(:hover,:focus-visible) {background:var(--cyan);border-color:var(--cyan);box-shadow:0 14px 28px -22px #0A1B2966;}
.areas .ar:is(:hover,:focus-visible) .an {color:var(--ink);}
.gcy-c {fill:var(--green);}
.site .ctas {flex-wrap:wrap;align-items:center;gap:10px;}
.site .btn {flex:0 0 auto;justify-content:center;text-align:center;max-width:100%;min-height:44px;padding:10px 20px;line-height:1.4;}
.site .ctas .btn {white-space:normal;}
.site .cta .r>div {flex-wrap:wrap;}
.site .btn .arw {flex:none;}
.site .btn-label {min-width:0;}
.site .nav .btn {min-height:40px;}
.pg-gc .dtl .btn {color:var(--ink);}
.pg-gc .dtl .btn:is(:hover,:focus-visible) {background:var(--green);border-color:var(--green);color:var(--ink);}
@media(min-width:901px){
 .chr-r {grid-template-columns:32px minmax(0,410px) minmax(0,1fr);gap:24px;}
 .chr-w {font-size:clamp(30px,3.1vw,46px);overflow-wrap:anywhere;}
}
@media(max-width:560px){
 .site .btn {padding:10px 18px;}
 .tw-art {padding:18px;}
}
@media(max-width:900px){
 .site .areas .ar {padding:22px!important;border:1px solid var(--line)!important;}
 .site .areas .ar:is(:hover,:focus-visible) {border-color:var(--cyan)!important;}
}
@media(prefers-reduced-motion:no-preference){
 .areas .ar:is(:hover,:focus-visible) {transform:translateY(-5px);}
}
@media(prefers-reduced-motion:reduce){
 svg circle:has(>animateMotion),svg [data-motion-only] {display:none;}
}
/* Team experience and compact GreenCore labels, 15 October 2026. */
.stats b {direction:ltr;unicode-bidi:isolate;}
html[dir=rtl] .stats b {text-align:right;}
.dcard.gc .foot {flex-wrap:wrap;gap:10px;}
.dcard.gc .chips {flex:1 1 auto;min-width:0;flex-wrap:wrap;gap:6px;}
.dcard.gc .chip {flex:0 0 auto;max-width:100%;padding:3px 8px;line-height:1.25;overflow-wrap:normal;}
.dcard.gc .go {flex:none;margin-inline-start:auto;white-space:nowrap;}
