@import url("/css/kinetic-ambient-v5.css?v=1");
/* Three concise audience entrances, rather than another wall of cards. */
.v3-entry{padding:23px 24px 25px;margin:26px 0 0;border:1px solid rgba(37,108,63,.14);
  border-radius:25px;background:linear-gradient(135deg,rgba(251,254,250,.92),rgba(237,247,235,.85));
  box-shadow:0 16px 45px rgba(14,68,40,.04)}
.v3-entry__title{margin:0 0 16px;color:#547563;font-weight:850;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}
.v3-entry__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.v3-entry__item{display:flex;align-items:center;gap:14px;min-height:95px;padding:17px 16px;
  background:rgba(255,255,255,.82);border:1px solid #dbe9d9;border-radius:17px;
  color:#12392d;transition:background .2s,border-color .2s,transform .2s}
.v3-entry__item:hover{background:white;border-color:#99c7a2;transform:translateY(-2px)}
.v3-entry__num{display:grid;place-items:center;flex:0 0 41px;height:41px;
  border:1px solid rgba(49,136,83,.17);border-radius:47% 53% 42% 58% / 53% 45% 55% 47%;
  background:#eef8ec;color:#2a8251;font-size:.73rem;font-weight:900}
.v3-entry__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.v3-entry__body strong{font-size:.94rem;line-height:1.2;letter-spacing:-.027em}
.v3-entry__body small{font-size:.76rem;line-height:1.45;color:#657e6e}
.v3-entry__arrow{color:#438560;font-size:1.05rem;margin-left:auto}
/* Semantic Ecosystem map: links are HTML, connector artwork is purely decorative. */
.v3-map-section{margin-top:75px}
.v3-map{position:relative;isolation:isolate;display:grid;gap:15px;padding:clamp(18px,3vw,36px);
  grid-template-areas:"xita hub xdala" "wallets hub ai" "xgr hub apps";
  grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(0,1fr);
  grid-template-rows:repeat(3,minmax(110px,auto));
  background:radial-gradient(ellipse at 50% 48%,rgba(204,235,195,.42),transparent 56%),
    linear-gradient(145deg,#f3f9ef,#eaf4ec);
  border:1px solid #d2e6d0;border-radius:30px;margin-top:28px;overflow:hidden}

.v3-map__node{position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;
  background:rgba(255,255,255,.91);border:1px solid #cde2d0;border-radius:21px;
  padding:18px 21px;color:#153e2d;box-shadow:0 14px 35px rgba(15,66,36,.045);
  transition:transform .2s,border-color .2s,box-shadow .2s}
.v3-map__node::before{content:"";width:7px;height:7px;position:absolute;top:18px;right:19px;
  background:#7dbf85;border-radius:50%;box-shadow:0 0 0 5px rgba(113,185,125,.09)}
.v3-map__node:hover{transform:translateY(-2px);border-color:#83b990;box-shadow:0 19px 35px rgba(15,66,36,.09)}
.v3-map__node small{font-weight:850;color:#6d9476;letter-spacing:.14em;font-size:.64rem;text-transform:uppercase}
.v3-map__node strong{font-size:1.17rem;letter-spacing:-.045em}
.v3-map__node span{font-size:.78rem;line-height:1.45;color:#63796a;max-width:265px}
.v3-map__node--xita{grid-area:xita}.v3-map__node--xdala{grid-area:xdala}
.v3-map__node--wallets{grid-area:wallets}.v3-map__node--ai{grid-area:ai}
.v3-map__node--xgr{grid-area:xgr}.v3-map__node--apps{grid-area:apps}
.v3-map__node--hub{grid-area:hub;align-items:center;text-align:center;
  background:radial-gradient(circle at 48% 22%,#256a4b,#0c3d31 52%,#092d2d);
  border:1px solid #37795a;box-shadow:0 22px 47px rgba(7,56,39,.17);
  color:#fff;padding:38px 30px}
.v3-map__node--hub::before{top:20px;right:22px;background:#b4e2a1;box-shadow:0 0 0 7px rgba(153,225,136,.14)}
.v3-map__node--hub strong{font-size:clamp(1.5rem,3vw,2.35rem);color:#f3fff4}
.v3-map__node--hub small{color:#b0dbb1}
.v3-map__node--hub span{color:#d2e8d6;font-size:.85rem}
/* Compact evidence, workstreams and transparent access links. */
.v3-detail{margin-top:84px}
.v3-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.v3-detail-card{position:relative;padding:25px;border:1px solid rgba(51,120,78,.17);border-radius:23px;
  background:rgba(255,255,255,.82)}
.v3-detail-card::before{content:"";display:block;width:31px;height:2px;margin:0 0 22px;
  background:linear-gradient(90deg,#34895b,#adc985);border-radius:2px}
.v3-detail-card h3{font-size:1.15rem;letter-spacing:-.036em;margin:0 0 11px;color:#163e2e}
.v3-detail-card p{font-size:.89rem;color:#60796a;line-height:1.73;margin:0}
.v3-detail-card a{color:#176b41;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.v3-detail-note{font-size:.85rem;color:#678074;max-width:810px;line-height:1.7;margin:18px 0 0}
/* New first-level landing pages use the same editorial components. */
.v3-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.v3-action-card{display:flex;flex-direction:column;gap:10px;min-height:210px;
  padding:26px;border-radius:23px;border:1px solid #d5e5d3;
  background:linear-gradient(150deg,rgba(255,255,255,.97),rgba(243,251,240,.9));
  color:#113a2c;transition:border-color .2s,transform .2s}
.v3-action-card:hover{border-color:#92be9a;transform:translateY(-2px)}
.v3-action-card small{font-size:.69rem;color:#3e8b61;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.v3-action-card strong{font-size:1.2rem;letter-spacing:-.035em}
.v3-action-card span{font-size:.87rem;color:#5c7665;line-height:1.6;flex:1}
.v3-action-card b{font-size:.81rem;color:#1b7145;margin-top:auto}

/* XGR.Network editorial design system v3 · new_light3 only.
 * Shared editorial layout. Moving ambience reuses the approved hero film.
 * No procedural nodes, no extra WebGL, and no modifications to the hero film. */
:root{
 --xgr-paper:#fbfcf9;
 --xgr-ink:#13382d;
 --xgr-muted:#566e61;
 --xgr-line:rgba(26,85,54,.16);
 --xgr-accent:#1b8150;
}
body.v3-site{
 background:
 radial-gradient(ellipse 45% 28% at 95% 18%,rgba(222,240,224,.57),transparent),
 radial-gradient(ellipse 45% 32% at 8% 84%,rgba(238,246,235,.63),transparent),
 var(--xgr-paper)!important;
 color:var(--xgr-ink);overflow-x:clip;
}
body.v3-site::after{display:none!important}
/* Gentle ambient field: artwork retains identifiable membranes and dendrites.
   Never tile the graphic or obscure important text. */

body.v3-site>#site-header,body.v3-site>#site-footer,body.v3-site>.v3-main{
 position:relative;z-index:1;
}
body.v3-site .v3-main{width:min(1430px,100%);box-sizing:border-box;padding-inline:clamp(18px,2.25vw,36px);padding-top:24px;padding-bottom:92px}
body.v3-site .v3-section{margin-top:88px}
body.v3-site .v3-heading,body.v3-site .v3-hero-title{
 font-weight:770;line-height:1.09;letter-spacing:-.052em;text-wrap:balance;
}
body.v3-site .v3-heading{font-size:clamp(2.2rem,3.7vw,3.8rem)}
body.v3-site .v3-heading em{color:#207a4b}
body.v3-site .v3-copy{color:#536c5d;line-height:1.74;font-size:1.035rem}
body.v3-site .v3-eyebrow{font-weight:800;letter-spacing:.15em;color:#377a54;font-size:.68rem}
body.v3-site .v3-eyebrow::before{width:22px;height:1px;background:#469769}
body.v3-site .v3-subhero{
 position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;
 align-items:flex-start;justify-content:center;
 min-height:490px;margin:3px 0 0;padding:64px 24px 74px;
 background:transparent!important;border:none!important;border-bottom:1px solid var(--xgr-line)!important;
 border-radius:0!important;box-shadow:none!important;
 color:var(--xgr-ink)!important;
}
body.v3-site .v3-subhero::before{display:none!important}

body.v3-site .v3-subhero>*{position:relative;z-index:1}
body.v3-site .v3-subhero>.l3-en,body.v3-site .v3-subhero>.l3-de{
 width:min(61%,730px);max-width:730px
}
body.v3-site .v3-subhero .v3-heading{
 max-width:710px;color:#12372b!important;
 font-size:clamp(2.65rem,4.5vw,4.65rem);font-weight:760;line-height:1.07;letter-spacing:-.053em;
}
body.v3-site .v3-subhero .v3-heading em{color:#207a4b!important}
body.v3-site .v3-subhero .v3-copy{
 max-width:625px;color:#566f62!important;font-size:1.045rem;
 margin-top:20px;line-height:1.8;
}
body.v3-site .v3-subhero .v3-eyebrow{color:#337d50!important;margin-bottom:21px}
body.v3-site .v3-subhero .v3-feature-line{max-width:700px;gap:0;margin:26px 0 0}
body.v3-site .v3-subhero .v3-feature-line span{
 background:none!important;color:#4e7b5e!important;border:0!important;border-radius:0;
 padding:4px 12px 4px 0;margin-right:12px;font-size:.7rem;font-weight:780;letter-spacing:.025em;
}
body.v3-site .v3-subhero .v3-feature-line span+span::before{
 content:"/";margin-right:12px;color:#a5b8a6;font-weight:450
}
body.v3-site .v3-subhero .v3-buttons{margin-top:22px;gap:15px}
body.v3-site .v3-button{border-radius:9px;min-height:46px;padding:0 20px;font-weight:750;font-size:.85rem;
 box-shadow:none;transition:background .2s,color .2s,border-color .2s}
body.v3-site .v3-button:hover{transform:none!important}
body.v3-site .v3-button--primary,body.v3-site .v3-button--lime{
 color:#fff!important;background:#0e5039;border:1px solid #0e5039;
}
body.v3-site .v3-button--primary:hover,body.v3-site .v3-button--lime:hover{background:#1b7150;border-color:#1b7150}
body.v3-site .v3-button--secondary{background:rgba(255,255,255,.75);color:#205d40!important;border:1px solid #bdd4c4}
body.v3-site .v3-button--secondary:hover{border-color:#73a783;background:#fff}
/* Editorial cards: readable content, not rows of inflated floating boxes. */
body.v3-site .v3-card,body.v3-site .v3-step,body.v3-site .v3-detail-card{
 position:relative;isolation:isolate;border:0;border-top:1px solid rgba(51,112,73,.2);
 border-radius:0;box-shadow:none;background:transparent;
 padding:24px 8px 26px;min-height:0;
}
body.v3-site .v3-card::after,body.v3-site .v3-step::after{display:none}
body.v3-site .v3-card:hover{transform:none;box-shadow:none;border-color:#408e5d}
body.v3-site .v3-card-icon{
 height:auto;width:auto;min-height:24px;display:block;border:0;border-radius:0;box-shadow:none;
 background:none;color:#40865e;font-size:.72rem;font-weight:760;letter-spacing:.1em;
}
body.v3-site .v3-card h3{margin:16px 0 10px;font-size:1.27rem;letter-spacing:-.035em}
body.v3-site .v3-card p{font-size:.91rem;line-height:1.7;color:#5a7062}
body.v3-site .v3-card .v3-link{font-size:.83rem}
body.v3-site .v3-grid,body.v3-site .v3-subgrid{gap:25px}
body.v3-site .v3-step{padding:22px 8px}
body.v3-site .v3-step h3{margin:12px 0 8px}
body.v3-site .v3-step p{color:#5b7464}
body.v3-site .v3-glance article{box-shadow:none;border-radius:12px;background:rgba(255,255,255,.75)}
/* Bands are editorial feature rows with clear hierarchy, never dark slabs. */
body.v3-site .v3-band{
 position:relative;isolation:isolate;overflow:hidden;margin-top:78px;
 background:linear-gradient(107deg,rgba(241,247,239,.97),rgba(233,243,234,.86))!important;
 border:1px solid #dce9db;border-radius:20px;
 padding:clamp(36px,5vw,65px);color:var(--xgr-ink);
}

body.v3-site .v3-band>*{position:relative;z-index:1}
body.v3-site .v3-band--dark h2,body.v3-site .v3-band--dark .v3-heading,
body.v3-site .v3-band--light h2{color:#123c2d}
body.v3-site .v3-band--dark .v3-copy,body.v3-site .v3-band--light .v3-copy{color:#566e5e}
body.v3-site .v3-band--dark .v3-eyebrow{color:#2b8052}
body.v3-site .v3-band h2{font-size:clamp(2.2rem,3.3vw,3.55rem);font-weight:750}
body.v3-site .v3-route-sketch{min-height:250px;gap:12px}
body.v3-site .v3-route-dot{box-shadow:none;border:1px solid #c8ddce;border-radius:14px}
body.v3-site .v3-route-dot--hub{background:#13513b;color:#fff;border-color:#13513b;transform:scale(1.03)}
body.v3-site .v3-network-sketch{min-height:280px}

body.v3-site .v3-network-sketch .v3-orbit{display:none}
body.v3-site .v3-network-core{
 width:205px;height:205px;border-radius:31px;background:linear-gradient(155deg,#195c44,#0c3d35);
 border:1px solid #498e6a;box-shadow:0 18px 45px rgba(11,65,39,.14);font-size:1.35rem;
}
body.v3-site .v3-network-orb{background:rgba(255,255,255,.89);color:#1c6744;
 border:1px solid #b5d6bf;box-shadow:none;font-size:.73rem}
body.v3-site .v3-cta{
 position:relative;isolation:isolate;overflow:hidden;
 background:transparent;border:0;border-top:1px solid var(--xgr-line);border-radius:0;
 box-shadow:none;padding:70px 12px 30px;margin-top:85px
}

body.v3-site .v3-cta .v3-heading{font-size:clamp(2.2rem,3.5vw,3.7rem)}
body.v3-site .v3-cta>*{position:relative}
body.v3-site .v3-entry{background:rgba(250,253,248,.85);border:1px solid #dce9de;box-shadow:none}
body.v3-site .v3-entry__item{box-shadow:none;border-radius:11px}
body.v3-site .v3-entry__num{border-radius:12px}
body.v3-site .v3-map{
 background:linear-gradient(130deg,#eef6ed,#f8faf6);border:1px solid #d8e7dc;
 box-shadow:none;border-radius:18px;isolation:isolate;
}

body.v3-site .v3-map__node{border-radius:11px;box-shadow:none;background:rgba(255,255,255,.92)}
body.v3-site .v3-map__node--hub{background:#14543e;border-color:#2b7555;box-shadow:none}
body.v3-site .v3-map__node:hover{transform:none;box-shadow:none;border-color:#47946b}
body.v3-site .v3-detail-card{min-height:0;background:transparent}
body.v3-site .v3-detail-card::before{width:26px;background:#3d9865}
body.v3-site .v3-action-card{border-radius:13px;background:rgba(255,255,255,.86);box-shadow:none}
body.v3-site .v3-action-card:hover{transform:none;border-color:#88b99c}

body.v3-site .v3-link:focus-visible,body.v3-site .v3-button:focus-visible,
body.v3-site .v3-entry__item:focus-visible,body.v3-site .v3-map__node:focus-visible,
body.v3-site .v3-action-card:focus-visible{outline:2px solid #268653;outline-offset:3px}


@media(max-width:970px){
 body.v3-site .v3-main{width:calc(100% - 48px)}

 body.v3-site .v3-subhero>.l3-en,body.v3-site .v3-subhero>.l3-de{width:min(72%,720px)}
 body.v3-site .v3-band{grid-template-columns:1fr}
}
@media(max-width:700px){
 body.v3-site .v3-main{width:calc(100% - 28px);padding-top:10px}

 body.v3-site .v3-subhero{min-height:0;padding:55px 15px 62px}

 body.v3-site .v3-subhero>.l3-en,body.v3-site .v3-subhero>.l3-de{width:100%}
 body.v3-site .v3-subhero .v3-heading{font-size:clamp(2.35rem,8.8vw,3.8rem);max-width:610px}
 body.v3-site .v3-subhero .v3-copy{font-size:.98rem;line-height:1.7}
 body.v3-site .v3-subhero .v3-feature-line span{font-size:.68rem}
 body.v3-site .v3-section{margin-top:57px}
 body.v3-site .v3-grid,body.v3-site .v3-subgrid{gap:7px}
 body.v3-site .v3-band{padding:35px 22px;margin-top:62px;border-radius:14px}

 body.v3-site .v3-cta{margin-top:61px;padding:47px 10px 18px}
 body.v3-site .v3-network-core{width:165px;height:165px}
 body.v3-site .v3-map{padding:16px;border-radius:14px}
 body.v3-site .v3-map__node{min-height:95px}
 body.v3-site .v3-map__node--hub{min-height:135px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Activated editorial typography and grid (new_light3).
 * The previous xgr-refined-v1.css typography lived in an unreferenced file.
 * Apply only the safe text/grid rules here; keep the homepage cinematic
 * stage full width and do not toggle any technical diagram layers. */
body.v3-site:not(.xgr-kinetic-home) > .v3-main{
  box-sizing:border-box!important;
  width:min(100%,1430px)!important;
  max-width:1430px!important;
  margin-inline:auto!important;
  padding-inline:clamp(18px,2.25vw,36px)!important;
}
body.v3-site:not(.xgr-kinetic-home) .v3-subhero{
  box-sizing:border-box;
  width:100%!important;max-width:100%!important;
  margin-inline:0!important;
  padding-inline:0!important;
  text-align:left!important;
}
body.v3-site:not(.xgr-kinetic-home) .v3-subhero>.l3-en,
body.v3-site:not(.xgr-kinetic-home) .v3-subhero>.l3-de{
  box-sizing:border-box;
  width:min(100%,900px)!important;
  max-width:900px!important;
}
body.v3-site:not(.xgr-kinetic-home) :is(.v3-section,.v3-map-section,.v3-band){
  margin-left:0!important;margin-right:0!important;
}
body.v3-site:not(.xgr-kinetic-home) .v3-band{
  padding-inline:0!important;
}
body.v3-site .v3-subhero .v3-heading,
body.v3-site .v3-subhero h1.v3-heading{
  font-size:clamp(2.75rem,3.75vw,4.4rem)!important;
  font-weight:540!important;
  letter-spacing:-.049em!important;
  line-height:1.095!important;
  max-width:880px!important;
  text-wrap:balance;
}
body.v3-site :is(.v3-heading,.v3-band h2,.v3-cta h2){
  font-size:clamp(2.15rem,3.05vw,3.65rem)!important;
  font-weight:570!important;
  letter-spacing:-.047em!important;
  line-height:1.115!important;
  text-wrap:balance;
}
body.v3-site .v3-heading em{font-weight:inherit!important}
body.v3-site :is(.v3-eyebrow,.v3-feature-line span){
  font-weight:660!important;letter-spacing:.105em!important;
}
body.v3-site :is(.v3-card h3,.v3-step h3,.v3-detail-card h3,.v3-glance strong,.v3-map__node strong){
  font-weight:610!important;letter-spacing:-.026em;
}
body.v3-site :is(.v3-copy,.v3-card p,.v3-step p,.v3-page-note){
  font-weight:420;
}
body.v3-site :is(.v3-button,.v3-link,.v3-pill){font-weight:640!important}
@media(max-width:760px){
  body.v3-site:not(.xgr-kinetic-home)>.v3-main{
    padding-inline:clamp(14px,4vw,22px)!important;
  }
  body.v3-site .v3-subhero .v3-heading,
  body.v3-site .v3-subhero h1.v3-heading{
    font-size:clamp(2.45rem,8vw,3.5rem)!important;
  }
  body.v3-site :is(.v3-heading,.v3-band h2,.v3-cta h2){
    font-size:clamp(2.1rem,7.5vw,3rem)!important;
  }
}

/* Pictograms for product/application cards.
 * Consistent precision-stroke SVGs replace font-glyph placeholders such as
 * </>, W, EVM and AI; sequence numbers on editorial list pages are retained. */
body.v3-site .v3-card-icon--pictogram {
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  min-height:42px;
  flex:0 0 42px;
  padding:8px;
  border:1px solid rgba(37,110,70,.19);
  border-radius:11px;
  background:rgba(232,242,235,.42);
  box-shadow:none;
  color:#277753;
  font-size:0;
  letter-spacing:0;
  line-height:0;
}
body.v3-site .v3-card-icon--pictogram svg {
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45px;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
body.v3-site .v3-card-icon--pictogram .xgr-pictogram-accent {
  stroke:#af8547;
}
@media(prefers-contrast:more) {
  body.v3-site .v3-card-icon--pictogram {
    border-color:#176240;
    background:rgba(247,251,248,.94);
    color:#124d31;
  }
  body.v3-site .v3-card-icon--pictogram .xgr-pictogram-accent {stroke:#835913}
}


/* Mobile entry cards: one readable column instead of 3 undersized cards.
 * Preserve tablet/desktop spacing and all link destinations. */
@media (max-width:820px) {
  body.v3-site.xgr-kinetic-home .v3-entry {
    box-sizing:border-box;
    width:calc(100% - 28px)!important;
    max-width:100%;
    margin:20px auto 0!important;
    padding:19px clamp(13px,4vw,22px) 22px;
    border-radius:20px;
  }
  body.v3-site.xgr-kinetic-home .v3-entry__grid {
    display:grid;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px;
    min-width:0;
  }
  body.v3-site.xgr-kinetic-home .v3-entry__item {
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 16px;
    align-items:center;
    column-gap:12px;
    box-sizing:border-box;
    width:100%;
    min-width:0;
    min-height:82px;
    padding:13px 14px;
    border-radius:13px;
    transform:none;
  }
  body.v3-site.xgr-kinetic-home .v3-entry__num {
    width:42px;
    height:42px;
    min-width:0;
    flex:none;
  }
  body.v3-site.xgr-kinetic-home .v3-entry__body {
    min-width:0;
    max-width:100%;
    overflow-wrap:break-word;
  }
  body.v3-site.xgr-kinetic-home .v3-entry__body strong,
  body.v3-site.xgr-kinetic-home .v3-entry__body small {
    max-width:100%;
    line-height:1.35;
  }
  body.v3-site.xgr-kinetic-home .v3-entry__arrow {
    margin-left:0;
    justify-self:end;
    flex:none;
  }
}
@media (max-width:360px) {
  body.v3-site.xgr-kinetic-home .v3-entry__item {
    grid-template-columns:40px minmax(0,1fr) 12px;
    gap:9px;
    padding:12px;
  }
  body.v3-site.xgr-kinetic-home .v3-entry__num{width:40px;height:40px}
}