:root{--red:#ef2b2d;--navy:#071f49;--blue:#087bd8;--light:#43afe9;--ink:#0a2340;--text:#405c76;--line:#d7e9f5;--ice:#f3faff;--shadow:0 18px 48px rgba(25,91,137,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 42px));margin:auto}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.035em;line-height:1.05}h1{font-size:clamp(46px,5.5vw,76px);margin:0 0 20px}h2{font-size:clamp(34px,4vw,54px);margin:0 0 18px}p{color:var(--text)}
.wordmark{display:inline-flex;gap:.15em;font-weight:900;letter-spacing:-.055em;white-space:nowrap}.wordmark .icu{color:var(--red)}.wordmark .data{color:var(--navy)}.wordmark .expert{color:var(--light)}.wordmark.h{font-size:22px}.wordmark.hero{font-size:38px}.wordmark.f{font-size:18px}.brand{display:flex;flex-direction:column;gap:4px}.brand small{font-size:8px;letter-spacing:2px;color:#70869a;font-weight:700}
.top{height:72px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #e0edf5}.top .in{height:100%;display:flex;align-items:center;justify-content:space-between}.nav{display:flex;gap:20px;align-items:center;font-size:12px;font-weight:700}.nav a:hover,.nav a.active{color:var(--blue)}.cta{background:var(--blue);color:white!important;padding:12px 17px;border-radius:25px}.menu{display:none}
.button{display:inline-flex;padding:14px 21px;border-radius:25px;font-size:14px;font-weight:800;border:1px solid #82c5ee}.button.primary{background:linear-gradient(90deg,#087bd8,#1595e9);color:white;border:0;box-shadow:0 12px 28px rgba(8,123,216,.23)}.button.secondary{background:white;color:#075d9f}
.hero{background:linear-gradient(105deg,#fff 0 44%,#eff9ff 66%,#e4f3fd 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;min-height:520px;align-items:center}.hero-copy{padding:55px 0}.eyebrow,.kicker{font-size:10px;font-weight:900;letter-spacing:2px;color:#28699e;text-transform:uppercase}.hero-brand{margin:17px 0}.hero h1 .blue{color:var(--blue)}.lead{font-size:18px;line-height:1.65}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-vis{height:520px}.hero-vis img{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 16%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%)}
.pills{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.pill{display:grid;grid-template-columns:40px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid #d8e9f4;background:rgba(255,255,255,.86);border-radius:14px}.pill i{font-style:normal;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e6f5fe;color:var(--blue);font-weight:900}.pill b{display:block;font-size:11px}.pill small{display:block;font-size:9px;color:#70869a}
.section{padding:90px 0}.ice{background:linear-gradient(180deg,#f9fdff,#eef8fe)}.navy{background:linear-gradient(135deg,#071a31,#0b3158);color:white}.navy p{color:#aec5d7}.center{text-align:center}.head{max-width:830px;margin:0 auto 42px}.head p{font-size:17px}.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:white;border:1px solid #dcebf4;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.card>img{width:100%;height:115px;object-fit:cover}.body{padding:21px}.title{display:flex;gap:12px;align-items:center}.ico{width:43px;height:43px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;font-weight:900;flex:none}.title h3{font-size:18px;margin:0}.list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.list li{font-size:12px;color:#3d5d78;padding-left:19px;position:relative}.list li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px}.benefit{padding:10px 25px;border-right:1px solid #d8e8f3}.benefit:last-child{border:0}.benefit h3{font-size:16px;margin:0}.benefit p{font-size:12px}.bt{display:flex;gap:13px;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:30px;border:1px solid #d8e9f4;background:white;border-radius:20px;box-shadow:var(--shadow)}.panel.dark{background:linear-gradient(145deg,#071f49,#0a3a68);color:white}.panel.dark p{color:#b7cfe0}.metric{font-size:48px;font-weight:900;color:var(--blue);line-height:1}.dark .metric{color:#55c3f0}.label{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:900;margin:7px 0 18px}
.chain{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px}.node{padding:13px 8px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);font-size:10px;text-align:center}.node b{display:block;color:white}.docgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.doc{background:white;border:1px solid #d8e9f4;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.dochead{padding:20px 24px;background:#0b718f;color:white}.docbody{padding:24px}.row{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid #d6e4ec;border-bottom:0}.row:last-child{border-bottom:1px solid #d6e4ec}.row span{padding:8px 10px;font-size:10px}.row span:first-child{background:#edf5f9;color:#2e617b;font-weight:700}.row span:last-child{text-align:right}
.alerts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.alert{padding:24px;border-radius:18px;background:white;border:1px solid #d8e9f4;box-shadow:var(--shadow)}.alert.high{border-top:4px solid #f59b23}.tag{display:inline-block;padding:5px 8px;border-radius:20px;background:#e9f6fe;color:#1477b9;font-size:9px;font-weight:900}.alert h3{font-size:18px}.alert p{font-size:12px}.arch{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center}.abox{padding:26px;border-radius:18px;background:white;border:1px solid #d7e8f3;box-shadow:var(--shadow);text-align:center}.abox.core{background:linear-gradient(145deg,#071f49,#0b3a68);color:white}.abox p{font-size:11px}.abox.core p{color:#a8c3d6}.arrow{text-align:center;color:#65bce9;font-size:30px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.time{padding:23px;border-radius:18px;border:1px solid #d8e9f4;background:white}.time strong{font-size:34px;color:var(--blue)}.time h3{font-size:16px}.time p{font-size:11px}.sources{display:grid;grid-template-columns:1fr 1fr;gap:15px}.source{padding:21px;border:1px solid #d8e9f4;border-radius:16px;background:white}.source p{font-size:11px}.source a{color:var(--blue);font-weight:800;font-size:11px}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.form{padding:28px;background:white;border:1px solid #d8e9f4;border-radius:20px;box-shadow:var(--shadow)}.fg{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form label{font-size:10px;font-weight:800;color:#587187}.form input,.form textarea,.form select{width:100%;padding:12px;margin-top:6px;border:1px solid #cfdfe9;border-radius:10px;font:13px inherit}.full{grid-column:1/-1}.notice{padding:16px;border-radius:13px;background:#fff8e8;border:1px solid #f2d998;color:#725c1e;font-size:11px}
footer{background:#041424;color:#89a5b9;padding:42px 0}.foot{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center}.foot img{max-width:160px;filter:brightness(0) invert(1)}.foot a{font-size:11px}.right{text-align:right}
@media(max-width:950px){.nav{display:none}.menu{display:block}.hero-grid,.grid2,.docgrid,.contact{grid-template-columns:1fr}.hero-vis{height:380px}.cards4,.benefits,.timeline,.alerts,.sources{grid-template-columns:1fr 1fr}.pills{grid-template-columns:1fr 1fr}.arch{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}}@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.cards4,.benefits,.timeline,.alerts,.sources,.fg,.pills{grid-template-columns:1fr}.hero-vis{height:300px}.benefit{border-right:0;border-bottom:1px solid #d8e8f3}.chain{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.right{text-align:left}}


/* ===== V7.2 — targeted corrections only ===== */

/* Keep the approved white/light-blue homepage. The artwork itself already
   contains the accepted blue halo; this second halo only softens the join. */
.hero-vis-final{
  position:relative;
  height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  padding:34px 10px 28px 0;
}
.hero-art-halo{
  position:absolute;
  inset:10% -4% 7% 4%;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 54% 50%,
      rgba(90,186,239,.24) 0%,
      rgba(150,216,248,.14) 42%,
      rgba(224,243,253,.08) 63%,
      rgba(255,255,255,0) 80%);
  filter:blur(18px);
  pointer-events:none;
}
.hero-vis-final img{
  position:relative;
  z-index:1;
  display:block;
  width:auto;
  height:auto;
  max-width:92%;
  max-height:455px;
  object-fit:contain;
  object-position:center;
  border:0;
  border-radius:0;
  box-shadow:none;
  mask-image:none !important;
  -webkit-mask-image:none !important;
  filter:drop-shadow(0 20px 28px rgba(22,74,110,.10));
}

/* Footer deliberately light: all three product-logo colors remain distinct.
   The KARKER mark is a tightly-cropped transparent PNG, so no white square. */
footer{
  background:linear-gradient(180deg,#f4fbff 0%,#e7f5fc 100%) !important;
  color:#43637c !important;
  border-top:1px solid #cfe5f2;
  padding:34px 0 !important;
}
footer .wordmark .icu{color:var(--red)!important}
footer .wordmark .data{color:var(--navy)!important}
footer .wordmark .expert{color:var(--light)!important}
footer .foot{
  align-items:center;
}
footer .foot img{
  display:block;
  width:auto;
  height:auto;
  max-width:190px;
  max-height:64px;
  object-fit:contain;
  filter:none !important;
  background:transparent !important;
  margin:auto;
}
footer a{color:#315978!important}
footer .right{color:#4e6d84!important}

@media(max-width:950px){
  .hero-vis-final{height:390px;padding:18px 0}
  .hero-vis-final img{max-width:88%;max-height:355px}
}
@media(max-width:600px){
  .hero-vis-final{height:300px;padding:12px 0}
  .hero-vis-final img{max-width:90%;max-height:275px}
  footer .foot img{margin:18px 0;max-width:160px}
}

/* ===== V7.3 final refinements ===== */

/* Home hero: smaller complete artwork + stronger, smoother halo/fade */
.hero-vis-v73{
  position:relative;
  height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  isolation:isolate;
}
.hero-vis-v73:before{
  content:"";
  position:absolute;
  inset:4% -8% 3% -4%;
  z-index:0;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 54% 49%,
      rgba(58,165,232,.42) 0%,
      rgba(100,194,242,.30) 33%,
      rgba(166,222,249,.17) 55%,
      rgba(224,245,255,.08) 69%,
      rgba(255,255,255,0) 84%);
  filter:blur(20px);
}
.hero-vis-v73:after{
  content:"";
  position:absolute;
  inset:15% 1% 11% 4%;
  z-index:0;
  border-radius:50%;
  border:1px solid rgba(84,180,235,.15);
  box-shadow:0 0 0 28px rgba(100,194,242,.045),0 0 0 58px rgba(100,194,242,.025);
}
.hero-vis-v73 .hero-v73-halo{display:none}
.hero-vis-v73 img{
  position:relative;
  z-index:1;
  display:block;
  width:auto;
  height:auto;
  max-width:82%;
  max-height:420px;
  object-fit:contain;
  object-position:center;
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:drop-shadow(0 20px 28px rgba(19,74,111,.10));
  -webkit-mask-image:radial-gradient(ellipse 98% 94% at 50% 50%,#000 68%,rgba(0,0,0,.94) 78%,rgba(0,0,0,.55) 90%,transparent 100%);
  mask-image:radial-gradient(ellipse 98% 94% at 50% 50%,#000 68%,rgba(0,0,0,.94) 78%,rgba(0,0,0,.55) 90%,transparent 100%);
}

/* Richer "Une catégorie à part" block */
.category-grid{align-items:stretch}
.category-copy{padding:22px 0}
.category-accent{color:#63c8f4}
.category-proof{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0}
.category-proof span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:10px;color:#d9edfa;font-weight:800}
.category-note{padding:14px 16px;border-left:3px solid #58c0ed;background:rgba(255,255,255,.05);border-radius:0 12px 12px 0;font-size:12px}
.experience-card{color:#0a2340!important;display:flex;flex-direction:column;justify-content:center}
.experience-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.hug-mini,.hug-wordmark{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.hug-mini b,.hug-wordmark .hug-h,.hug-wordmark .hug-ug{font-weight:900;font-size:26px;letter-spacing:-2px}
.hug-mini b{color:#2c9b74}
.hug-mini small,.hug-wordmark small{font-size:7px;color:#71879a;margin-top:5px;line-height:1.2;max-width:120px}
.experience-points{display:grid;grid-template-columns:1fr;gap:9px;margin-top:18px}
.experience-points div{padding:10px 12px;border-radius:11px;background:#f1f8fc;border:1px solid #dbeaf3}
.experience-points b{display:block;font-size:11px;color:#0b3158}
.experience-points span{display:block;font-size:9px;color:#6d8396;margin-top:3px}

/* Richer financial left panel */
.value-card-rich{display:flex;flex-direction:column;justify-content:center}
.value-card-head{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:center}
.value-card-head .metric{font-size:68px}
.value-card-head h3{margin:0;font-size:20px}
.value-card-rich>p{font-size:12px;margin-top:16px}
.value-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.value-mini-stats div{padding:12px 8px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);text-align:center}
.value-mini-stats strong{display:block;color:#62caf4;font-size:22px}
.value-mini-stats span{display:block;color:#aac5d8;font-size:8px;margin-top:2px}
.scale-card{position:relative;overflow:hidden}
.scale-card:after{content:"";position:absolute;right:-50px;top:-50px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(69,174,234,.18),transparent 70%)}
.scale-kicker{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#2e82bc}
.scale-highlight{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;padding:14px 16px;margin:14px 0 18px;border-radius:13px;background:#eef8fe;border:1px solid #cfe7f5}
.scale-highlight strong{font-size:27px;color:#087bd8;white-space:nowrap}
.scale-highlight span{font-size:9px;color:#58758d;line-height:1.35}

/* Experience page branded cells */
.brand-time{display:flex;flex-direction:column}
.hug-wordmark.compact{margin-bottom:12px}
.hug-wordmark .hug-h{color:#43a16f}.hug-wordmark .hug-ug{color:#1779aa;margin-left:-3px}
.wordmark.product-card{font-size:18px;margin-bottom:12px}
.migration-brands{display:flex;align-items:center;gap:8px;margin-bottom:12px;min-height:34px}
.ge-brand,.grim-brand{font-size:10px;font-weight:900;line-height:1.05;padding:6px 8px;border-radius:8px;background:#f6f9fb;border:1px solid #dce8ef}
.ge-brand{color:#6f2c91}.grim-brand{color:#17679e}.migration-brands small{font-size:7px;font-weight:700;color:#667b8d}.mig-arrow{color:#45afe9;font-weight:900}
.market-context{border-left:4px solid #43afe9!important}

/* 5 cards on technology page */
.tech5{grid-template-columns:repeat(5,1fr)}
.security-panel{background:linear-gradient(180deg,#f3fbff,#e9f7fe)!important;border-color:#bcdff2!important}

/* Footer: much lighter, product logo readable, subtle WHITE outline, complete Karker brand */
footer{
  background:linear-gradient(180deg,#d8edf8 0%,#c9e5f3 100%)!important;
  color:#31556f!important;
  border-top:1px solid #b8d9ea!important;
}
footer .wordmark{
  -webkit-text-stroke:.45px rgba(255,255,255,.98);
  text-shadow:
    -1px -1px 0 rgba(255,255,255,.70),
     1px -1px 0 rgba(255,255,255,.70),
    -1px  1px 0 rgba(255,255,255,.70),
     1px  1px 0 rgba(255,255,255,.70);
}
footer .wordmark .icu{color:var(--red)!important}
footer .wordmark .data{color:#071f49!important}
footer .wordmark .expert{color:#159bd9!important}
.karker-footer-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.karker-footer-brand img{max-width:180px!important;max-height:55px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:none!important;background:transparent!important}
.karker-footer-brand span{font-size:8px;letter-spacing:2.3px;font-weight:800;color:#294c67}
footer a{color:#254f6d!important}
footer .right{color:#31556f!important}

@media(max-width:1050px){
  .tech5{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:950px){
  .hero-vis-v73{height:390px}
  .hero-vis-v73 img{max-width:78%;max-height:330px}
  .experience-top{flex-direction:column}
}
@media(max-width:600px){
  .hero-vis-v73{height:290px}
  .hero-vis-v73 img{max-width:78%;max-height:250px}
  .value-card-head{grid-template-columns:1fr}
  .value-mini-stats,.tech5{grid-template-columns:1fr}
  .scale-highlight{grid-template-columns:1fr}
}

/* ===== V7.4 refinements ===== */

/* Homepage native illustrations: zero "sticker/image glued" effect */
.experience-card-simple{position:relative;overflow:hidden;min-height:310px}
.experience-main{display:grid;grid-template-columns:1fr 180px;gap:18px;align-items:center;height:100%}
.experience-illustration{position:relative;height:180px}
.mini-hospital{position:absolute;left:8px;bottom:16px;width:76px;height:96px;border:2px solid #a7d8ef;border-radius:10px;background:linear-gradient(#f8fdff,#e9f7fd);box-shadow:0 12px 30px rgba(20,102,153,.08)}
.mini-hospital:before{content:"+";position:absolute;left:25px;top:18px;font-size:28px;font-weight:900;color:#27a1dd}.mini-hospital span{position:absolute;width:10px;height:10px;background:#c8e8f6;border-radius:2px;bottom:14px}.mini-hospital span:nth-child(1){left:12px}.mini-hospital span:nth-child(2){left:31px}.mini-hospital span:nth-child(3){left:50px}
.mini-flow{position:absolute;left:79px;top:71px;width:52px;height:18px}.mini-flow:before{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:linear-gradient(90deg,#8bcfed,#42afe5)}.mini-flow i{position:absolute;width:6px;height:6px;border-radius:50%;background:#42afe5;top:6px}.mini-flow i:nth-child(1){left:4px}.mini-flow i:nth-child(2){left:23px}.mini-flow i:nth-child(3){right:2px}
.mini-screen{position:absolute;right:2px;top:36px;width:74px;height:92px;border-radius:11px;background:#0a3159;box-shadow:0 12px 24px rgba(11,55,91,.18);padding:13px 10px}.mini-screen b{display:block;height:7px;border-radius:7px;background:linear-gradient(90deg,#3ec2ef,#92e0f8);margin:8px 0}.mini-screen b:nth-child(2){width:70%}.mini-screen b:nth-child(3){width:48%}

.value-card-simple{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 170px;gap:20px;align-items:center;min-height:320px}
.value-card-simple .chain{grid-template-columns:repeat(5,1fr)}
.value-illustration{position:relative;height:180px}
.vi-doc{position:absolute;left:4px;top:28px;width:64px;height:82px;border:1px solid rgba(157,213,239,.5);border-radius:8px;background:rgba(255,255,255,.08);padding:15px 10px}.vi-doc span{display:block;height:5px;background:rgba(113,208,245,.7);margin:8px 0;border-radius:5px}.vi-arrow{position:absolute;left:73px;top:59px;color:#64c8f0;font-size:28px}.vi-euro{position:absolute;right:20px;top:26px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(111,208,246,.45);background:rgba(255,255,255,.07);color:#64caf2;font-size:29px;font-weight:900}.vi-bars{position:absolute;right:12px;bottom:22px;display:flex;align-items:flex-end;gap:5px;height:42px}.vi-bars i{display:block;width:9px;border-radius:5px 5px 2px 2px;background:linear-gradient(#65cef4,#1595d5)}.vi-bars i:nth-child(1){height:14px}.vi-bars i:nth-child(2){height:24px}.vi-bars i:nth-child(3){height:32px}.vi-bars i:nth-child(4){height:42px}

/* Experience cards: all top metrics aligned */
.experience-timeline{align-items:stretch}
.exp-card{display:flex;flex-direction:column;min-height:260px}
.exp-top{height:62px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.exp-top strong{margin:0;line-height:1;font-size:34px}
.exp-title-row{display:flex;align-items:center;gap:10px;min-height:40px}.exp-title-row h3{margin:0}
.brand-logo{object-fit:contain;display:block}
.hug-logo{width:105px;max-height:38px}
.product-top .wordmark.product-card{font-size:13px;margin:3px 0 0}
.migration-line{display:flex;align-items:center;gap:8px;min-height:55px;margin:0 0 8px}
.migration-brand{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}
.ge-logo{width:68px;height:28px;object-fit:contain;background:white;border-radius:5px}
.terenui-brand{gap:6px}.terenui-logo{font-weight:900;letter-spacing:.04em;color:#0c6f9f;font-size:12px}.mig-arrow{font-size:17px;color:#4bb4e8}

/* HUG proof card with logo neatly anchored top-right */
.hug-proof-card{position:relative;padding-right:190px!important}
.hug-proof-logo{position:absolute;right:24px;top:22px;width:135px;max-height:55px;object-fit:contain}

/* High-value functional cards more visibly important */
.alert.high{background:linear-gradient(180deg,#fff7ea 0%,#fffdf8 100%)!important;border:1px solid #f0c879!important;border-top:5px solid #f19a22!important;box-shadow:0 18px 44px rgba(209,132,24,.12)!important}
.alert.high .tag{background:#f59b23!important;color:white!important}

/* Technology security: balanced two-column row with native diagram */
.security-row{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:20px;align-items:stretch}
.security-diagram{position:relative;min-height:220px;border:1px solid #d5e8f3;border-radius:20px;background:linear-gradient(135deg,#f9fdff,#eef9fe);display:grid;grid-template-columns:1fr 100px 1fr 70px 1.1fr;align-items:center;padding:24px;box-shadow:var(--shadow)}
.db-node,.engine-node{padding:18px 14px;border-radius:16px;text-align:center;border:1px solid #c9e2f1;background:white;box-shadow:0 12px 24px rgba(20,93,137,.06)}.db-node b,.engine-node b{display:block;font-size:12px;color:#0b3158}.db-node span,.engine-node span{display:block;font-size:9px;color:#668097;margin-top:4px}.secure-flow,.engine-flow{text-align:center;color:#1d8cc9;font-weight:900}.secure-flow span{display:inline-block;padding:7px 9px;border-radius:999px;background:#e5f5fd;border:1px solid #bce0f1;font-size:9px}.engine-flow span{font-size:26px}.engine-node{background:linear-gradient(145deg,#0b3158,#0d4b7d)}.engine-node b{color:white}.engine-node span{color:#b8d6e8}

/* Stronger hero fade: top/bottom/right disappear into surrounding page */
.hero-vis-v73{overflow:visible}
.hero-vis-v73 img{
  max-width:76%!important;
  max-height:395px!important;
  -webkit-mask-image:
    linear-gradient(to right,transparent 0%,#000 9%,#000 88%,transparent 100%),
    linear-gradient(to bottom,transparent 0%,#000 8%,#000 90%,transparent 100%)!important;
  -webkit-mask-composite:source-in!important;
  mask-image:
    linear-gradient(to right,transparent 0%,#000 9%,#000 88%,transparent 100%),
    linear-gradient(to bottom,transparent 0%,#000 8%,#000 90%,transparent 100%)!important;
  mask-composite:intersect!important;
}
.hero-vis-v73:before{inset:0 -11% -2% -7%!important;filter:blur(28px)!important}
.hero-vis-v73:after{display:none!important}

@media(max-width:980px){
  .experience-main,.value-card-simple,.security-row{grid-template-columns:1fr}
  .experience-illustration,.value-illustration{height:150px}
  .hug-proof-card{padding-right:30px!important;padding-top:90px!important}
  .hug-proof-logo{left:24px;right:auto}
}

/* ===== V7.5 precision refinements ===== */
.experience-timeline{gap:18px!important;margin-bottom:46px}
.exp-card{min-height:280px!important;padding:24px!important;display:flex!important;flex-direction:column!important}
.exp-card .exp-top{height:52px!important;min-height:52px!important;display:flex!important;align-items:flex-start!important}
.exp-card .exp-top strong{font-size:34px!important;line-height:1!important;margin:0!important}
.exp-card h3{margin:6px 0 10px!important;min-height:38px}.exp-card p{margin:0}
.exp-brand-bottom{margin-top:auto;padding-top:18px;min-height:62px;display:flex;align-items:flex-end}
.hug-logo-bottom{width:118px;max-height:46px;object-fit:contain;object-position:left bottom}
.product-card-bottom{font-size:16px!important;margin:0!important}
.experience-timeline + .grid2{margin-top:46px!important}

.security-row-v75{display:grid!important;grid-template-columns:.78fr 1.22fr!important;gap:20px!important;margin-top:20px!important;align-items:stretch!important}
.security-row-v75 .security-panel{min-height:245px;display:flex;flex-direction:column;justify-content:center}
.security-illustration-v75{position:relative;min-height:245px;border-radius:20px;border:1px solid #d4e8f3;background:radial-gradient(circle at 50% 50%,rgba(99,194,240,.14),transparent 48%),linear-gradient(135deg,#fbfeff,#edf8fe);box-shadow:var(--shadow);overflow:hidden}
.tech-db,.tech-engine{position:absolute;top:70px;width:116px;height:94px;border-radius:15px;background:rgba(255,255,255,.92);border:1px solid #c9e2f0;box-shadow:0 12px 28px rgba(18,91,137,.08);display:flex;flex-direction:column;align-items:center;justify-content:center}
.prod-db{left:28px}.replica-db{left:245px}.tech-engine{right:28px;width:150px;background:linear-gradient(145deg,#0b3158,#0d4b7d);border-color:#1b5f8e}
.tech-db b,.tech-engine b{font-size:11px}.tech-db small,.tech-engine small{font-size:8px;color:#71879a}.tech-engine b{color:white}.tech-engine small{color:#b8d8e9}
.db-disc{width:44px;height:16px;border-radius:50%;background:#64c7ef;box-shadow:0 8px 0 #43acd9,0 16px 0 #2689bb;margin-bottom:18px}
.tech-link{position:absolute;top:102px;height:50px;text-align:center}.encrypted{left:148px;width:94px}.engine-link{right:181px;width:66px}.tech-link i{position:absolute;left:0;right:0;top:22px;height:2px;background:linear-gradient(90deg,#67c9ef,#198cc5)}.tech-link small{position:relative;z-index:2;display:inline-block;margin-top:31px;font-size:7px;color:#4d7894}.lock{position:relative;z-index:3;background:#edf9fe;padding:5px 7px;border-radius:999px;border:1px solid #bde1f2;font-size:12px}
.engine-mark{font-size:22px;color:#63c9f2;margin-bottom:5px}
.tech-pill{position:absolute;bottom:18px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid #d4e8f3;font-size:7px;font-weight:800;color:#456a83}
.tp1{left:25px}.tp2{left:111px}.tp3{left:195px}.tp4{right:113px}.tp5{right:27px}

.alert.high{background:linear-gradient(145deg,#d71928 0%,#ed2736 48%,#fa4b57 100%)!important;border:1px solid #b90f1c!important;border-top:5px solid #930a14!important;color:white!important;box-shadow:0 20px 48px rgba(190,20,31,.24)!important}
.alert.high h3,.alert.high p{color:white!important}.alert.high .tag{background:white!important;color:#bd1420!important;border:0!important}.alert.high strong{color:white!important}

.hero-vis-v75{position:relative;height:520px;display:flex;align-items:center;justify-content:center;overflow:visible}
.hero-v75-glow{position:absolute;inset:2% -10% 0 -7%;border-radius:50%;background:radial-gradient(ellipse at 54% 48%,rgba(66,172,232,.42) 0%,rgba(110,202,244,.28) 34%,rgba(173,226,250,.15) 58%,rgba(229,247,255,.07) 73%,transparent 88%);filter:blur(30px)}
.hero-vis-v75 img{position:relative;z-index:1;width:auto;height:auto;max-width:70%;max-height:365px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(22,78,113,.08))}

.experience-card-v75{min-height:365px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.experience-illustration-v75{position:relative;height:150px;margin-top:auto;background:radial-gradient(ellipse at 50% 75%,rgba(76,180,232,.12),transparent 67%)}
.eiv-hospital{position:absolute;left:9%;bottom:20px;width:74px;height:92px;border-radius:11px;background:linear-gradient(#fafdff,#e9f7fd);border:1px solid #bfe0f1;box-shadow:0 12px 24px rgba(20,98,145,.07)}
.eiv-hospital .cross{position:absolute;left:25px;top:12px;color:#1e9fd9;font-size:25px;font-weight:900}
.eiv-hospital i{position:absolute;bottom:13px;width:10px;height:10px;background:#c8e8f6;border-radius:2px}.eiv-hospital i:nth-of-type(1){left:12px}.eiv-hospital i:nth-of-type(2){left:31px}.eiv-hospital i:nth-of-type(3){left:50px}
.eiv-people{position:absolute;left:33%;bottom:25px;width:92px;height:78px}.eiv-people span{position:absolute;bottom:0;width:28px;height:45px;border-radius:16px 16px 8px 8px;background:linear-gradient(#8fd2f2,#4fb2df)}.eiv-people span:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#bce6f8;top:-13px;left:5px}.eiv-people span:nth-child(1){left:0;transform:scale(.85)}.eiv-people span:nth-child(2){left:31px}.eiv-people span:nth-child(3){left:62px;transform:scale(.85)}
.eiv-flow{position:absolute;left:56%;right:25%;top:64px;height:20px}.eiv-flow:before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:linear-gradient(90deg,#a2d8ef,#3ba8dc)}.eiv-flow b{position:absolute;width:7px;height:7px;border-radius:50%;background:#2f9ed3;top:6px}.eiv-flow b:nth-child(1){left:8%}.eiv-flow b:nth-child(2){left:48%}.eiv-flow b:nth-child(3){right:2%}
.eiv-screen{position:absolute;right:7%;bottom:20px;width:90px;height:100px;border-radius:12px;background:linear-gradient(145deg,#0b3158,#0b4b7b);box-shadow:0 14px 28px rgba(13,67,106,.15);padding:16px 13px}.eiv-screen em{display:block;height:7px;border-radius:5px;background:linear-gradient(90deg,#39b9e9,#84d9f7);margin:8px 0}.eiv-screen em:nth-child(2){width:76%}.eiv-screen em:nth-child(3){width:54%}.eiv-screen em:nth-child(4){width:86%}

.value-card-v75{display:flex!important;flex-direction:column!important;min-height:360px!important}
.value-card-v75 .chain{grid-template-columns:repeat(5,1fr)!important}
.value-illustration-v75{position:relative;height:145px;margin-top:18px;background:radial-gradient(ellipse at 50% 55%,rgba(71,188,237,.10),transparent 68%)}
.viv-source{position:absolute;left:6%;top:28px;width:62px;height:70px;border-radius:10px;border:1px solid rgba(132,209,239,.38);background:rgba(255,255,255,.05);padding:13px 9px}.viv-source span{display:block;height:5px;border-radius:4px;background:rgba(102,204,243,.62);margin:7px 0}
.viv-stream{position:absolute;left:25%;right:56%;top:59px;height:24px}.viv-stream:before{content:"";position:absolute;left:0;right:0;top:10px;height:2px;background:linear-gradient(90deg,rgba(85,198,241,.3),#52c1ec)}.viv-stream i{position:absolute;width:6px;height:6px;border-radius:50%;background:#5bc7f0;top:8px}.viv-stream i:nth-child(1){left:4%}.viv-stream i:nth-child(2){left:35%}.viv-stream i:nth-child(3){left:66%}.viv-stream i:nth-child(4){right:0}
.viv-core{position:absolute;left:45%;top:25px;width:105px;height:78px;border-radius:15px;background:linear-gradient(145deg,#0c4a79,#0b3158);border:1px solid rgba(103,202,241,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 24px rgba(3,17,31,.18)}.viv-core b{color:#ef2b2d;font-size:18px}.viv-core small{color:#75d1f4;font-size:7px;letter-spacing:.8px}
.viv-output{position:absolute;right:7%;top:28px;width:105px;height:72px;display:flex;align-items:flex-end;gap:7px}.viv-output em{display:block;width:15px;border-radius:6px 6px 2px 2px;background:linear-gradient(#6bd1f5,#178fca)}.viv-output em:nth-child(1){height:22px}.viv-output em:nth-child(2){height:38px}.viv-output em:nth-child(3){height:52px}.viv-output em:nth-child(4){height:66px}
.viv-caption{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:8px;letter-spacing:.5px;color:#9cc8dd}

@media(max-width:980px){
.security-row-v75{grid-template-columns:1fr!important}.security-illustration-v75{min-height:260px}
.hero-vis-v75{height:390px}.hero-vis-v75 img{max-width:68%;max-height:320px}
}
@media(max-width:600px){
.hero-vis-v75{height:290px}.hero-vis-v75 img{max-width:68%;max-height:245px}
.experience-illustration-v75,.value-illustration-v75{transform:scale(.9);transform-origin:center}
}

/* ===== V7.6 — image-led illustrations + locked logo colors ===== */

/* Brand rule, globally locked */
.wordmark .icu{color:#ef2b2d!important}
.wordmark .data{color:#071f49!important}
.wordmark .expert{color:#43afe9!important}

/* Experience: HUG and ICU product marks same visual width */
.hug-logo-bottom{
  width:118px!important;
  max-width:118px!important;
  max-height:46px!important;
  object-fit:contain!important;
  object-position:left bottom!important;
}
.product-card-bottom{
  width:118px!important;
  max-width:118px!important;
  font-size:16px!important;
  letter-spacing:-.055em!important;
  white-space:nowrap!important;
  display:inline-flex!important;
  justify-content:flex-start!important;
  margin:0!important;
}
.exp-brand-bottom{
  min-height:62px!important;
  display:flex!important;
  align-items:flex-end!important;
}

/* Home, 13 years: a real illustration below the copy, feathered into the card */
.experience-card-v75{padding-bottom:16px!important}
.experience-illustration-img{
  margin-top:auto;
  padding-top:18px;
  position:relative;
  min-height:148px;
}
.experience-illustration-img:before{
  content:"";
  position:absolute;
  inset:8px 4% 0;
  background:radial-gradient(ellipse at 50% 70%,rgba(80,182,232,.15),rgba(160,220,247,.07) 48%,transparent 73%);
  filter:blur(12px);
}
.experience-illustration-img img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  max-height:150px;
  object-fit:contain;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%);
}

/* Home, value chain: no added words, pure symbolic illustration */
.value-card-v75{padding-bottom:16px!important}
.value-illustration-img{
  position:relative;
  margin-top:18px;
  min-height:135px;
}
.value-illustration-img:before{
  content:"";
  position:absolute;
  inset:0 3%;
  background:radial-gradient(ellipse at 50% 55%,rgba(84,198,242,.13),transparent 70%);
  filter:blur(14px);
}
.value-illustration-img img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  max-height:138px;
  object-fit:contain;
  opacity:.98;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);
}

/* Technology: image only, no explanatory text inside the illustration */
.security-illustration-img{
  min-height:245px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid #d4e8f3;
  background:linear-gradient(135deg,#fbfeff,#edf8fe);
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
}
.security-illustration-img img{
  width:100%;
  height:auto;
  max-height:260px;
  object-fit:contain;
  border-radius:18px;
  -webkit-mask-image:radial-gradient(ellipse 96% 94% at 50% 50%,#000 78%,rgba(0,0,0,.75) 89%,transparent 100%);
  mask-image:radial-gradient(ellipse 96% 94% at 50% 50%,#000 78%,rgba(0,0,0,.75) 89%,transparent 100%);
}

/* Remove no-longer-used drawing layers if still inherited */
.experience-illustration-v75,.value-illustration-v75,.security-illustration-v75{display:none!important}

/* ===== V7.7 alignment, spacing, illustration fill, brand-color fix ===== */

/* Global logo rule: DATA must read as navy blue, not black */
:root{--navy:#0b2f63}
.wordmark .icu{color:#ef2b2d!important}
.wordmark .data{color:#0b2f63!important}
.wordmark .expert{color:#43afe9!important}
footer .wordmark .data{color:#0b2f63!important}

/* Experience logos same visual scale and clearly larger */
.hug-logo-bottom{
  width:150px!important;
  max-width:150px!important;
  max-height:52px!important;
}
.product-card-bottom{
  width:150px!important;
  max-width:150px!important;
  font-size:20px!important;
  display:inline-flex!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
}
.exp-brand-bottom{
  min-height:74px!important;
  padding-top:16px!important;
}
.exp-illustration-bottom{
  width:100%;
  align-items:flex-end!important;
}
.exp-illustration-bottom img{
  width:100%;
  max-height:72px;
  object-fit:contain;
  object-position:left bottom;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);
}

/* Give the 4 cards more breathing room from the two large cards below */
.experience-timeline{
  margin-bottom:62px!important;
}
.experience-timeline + .grid2{
  margin-top:0!important;
}

/* Technology: consistent spacing above and between security + illustration */
.security-row-v75{
  margin-top:30px!important;
  gap:30px!important;
}
.security-row-v75 .security-panel,
.security-illustration-img{
  min-height:245px!important;
}
.security-illustration-img{
  padding:18px!important;
}

/* Home 13-year illustration: occupy the empty space, centered, no visible edges */
.experience-illustration-img{
  margin-top:14px!important;
  min-height:176px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.experience-illustration-img img{
  width:94%!important;
  max-height:176px!important;
  object-fit:contain!important;
  object-position:center!important;
  -webkit-mask-image:radial-gradient(ellipse 92% 88% at 50% 52%,#000 68%,rgba(0,0,0,.8) 80%,rgba(0,0,0,.35) 91%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 92% 88% at 50% 52%,#000 68%,rgba(0,0,0,.8) 80%,rgba(0,0,0,.35) 91%,transparent 100%)!important;
}
.experience-illustration-img:before{
  inset:4% 3% 0!important;
  background:radial-gradient(ellipse at 50% 62%,rgba(82,183,233,.18),rgba(172,223,247,.08) 45%,transparent 75%)!important;
  filter:blur(16px)!important;
}

/* Home chain-of-value illustration: spread it through the card, centered, with perfect fade */
.value-illustration-img{
  margin-top:20px!important;
  min-height:170px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.value-illustration-img img{
  width:96%!important;
  max-height:170px!important;
  object-fit:contain!important;
  object-position:center!important;
  -webkit-mask-image:radial-gradient(ellipse 95% 88% at 50% 50%,#000 70%,rgba(0,0,0,.78) 82%,rgba(0,0,0,.32) 92%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 95% 88% at 50% 50%,#000 70%,rgba(0,0,0,.78) 82%,rgba(0,0,0,.32) 92%,transparent 100%)!important;
}
.value-illustration-img:before{
  inset:2% 2%!important;
  background:radial-gradient(ellipse at 50% 52%,rgba(88,202,243,.16),rgba(52,154,205,.08) 48%,transparent 76%)!important;
  filter:blur(18px)!important;
}

@media(max-width:980px){
  .security-row-v75{gap:20px!important}
  .hug-logo-bottom,.product-card-bottom{width:132px!important;max-width:132px!important}
  .product-card-bottom{font-size:17px!important}
}

/* ===== V7.8 final layout corrections ===== */

/* Brand lock: DATA is unmistakably navy blue */
.wordmark .data,
footer .wordmark .data{
  color:#123B73!important;
  -webkit-text-fill-color:#123B73!important;
}

/* Experience: make ICU DATA EXPERT visually as large as the complete HUG lockup */
.hug-logo-bottom{
  width:165px!important;
  max-width:165px!important;
  height:58px!important;
  max-height:58px!important;
  object-fit:contain!important;
}
.product-card-bottom{
  width:165px!important;
  max-width:165px!important;
  min-width:165px!important;
  font-size:23px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:baseline!important;
  white-space:nowrap!important;
}
.exp-brand-bottom{
  min-height:82px!important;
}
.exp-illustration-bottom{
  margin-top:auto!important;
  padding-top:14px!important;
  min-height:82px!important;
  display:flex!important;
  align-items:flex-end!important;
}
.exp-illustration-bottom img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:74px!important;
  max-height:74px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Technology: exact same 30px vertical rhythm as previous row separation */
.security-row-v75{
  margin-top:30px!important;
  padding-top:0!important;
  gap:30px!important;
}
.cards4 + .security-row-v75{
  margin-top:30px!important;
}

/* Home: put chain-of-value artwork clearly LOWER inside the blue card */
.value-card-v75{
  min-height:400px!important;
}
.value-illustration-img{
  margin-top:auto!important;
  padding-top:30px!important;
  min-height:185px!important;
  align-items:flex-end!important;
}
.value-illustration-img img{
  width:94%!important;
  max-height:160px!important;
  object-position:center bottom!important;
  margin:0 auto!important;
}

/* Keep 13-year artwork centered and visibly occupying its reserved space */
.experience-illustration-img{
  min-height:185px!important;
  margin-top:auto!important;
  padding-top:20px!important;
}
.experience-illustration-img img{
  width:96%!important;
  max-height:170px!important;
  object-position:center!important;
}

/* ===== V7.9 — browser-render targeted fixes ===== */

/* 1. Experience product mark: match the actual visual footprint of the HUG logo.
   Width alone was not enough because the wordmark glyphs occupy less vertical area. */
.exp-card .product-card-bottom{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  font-size:30px!important;
  font-weight:900!important;
  line-height:.9!important;
  letter-spacing:-1.6px!important;
  transform:scaleX(1.03)!important;
  transform-origin:left bottom!important;
}
.exp-card .hug-logo-bottom{
  width:165px!important;
  height:58px!important;
}
.exp-card .exp-brand-bottom{
  height:88px!important;
  min-height:88px!important;
  padding-top:12px!important;
  display:flex!important;
  align-items:flex-end!important;
}

/* 2. Make 22-year and migration drawings unmistakably visible in the rendered cards */
.exp-card .exp-illustration-bottom{
  margin-top:auto!important;
  width:100%!important;
  height:88px!important;
  min-height:88px!important;
  overflow:visible!important;
}
.exp-card .exp-illustration-bottom img{
  display:block!important;
  width:100%!important;
  height:86px!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  opacity:1!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* 3. Technology: use the SAME 30px row rhythm everywhere.
   First cards row already starts 30px below architecture; security row starts 30px below cards. */
.arch + .cards4{margin-top:30px!important}
.cards4 + .security-row-v75{margin-top:30px!important}
.security-row-v75{
  row-gap:30px!important;
  column-gap:30px!important;
}

/* 4. Home chain illustration physically anchored near the bottom, not just margin-based */
.value-card-v75{
  position:relative!important;
  min-height:430px!important;
  padding-bottom:190px!important;
}
.value-card-v75 .value-illustration-img{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  bottom:18px!important;
  height:160px!important;
  min-height:160px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
.value-card-v75 .value-illustration-img img{
  width:96%!important;
  height:155px!important;
  max-height:155px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}

/* 5. Home 13-year illustration similarly guaranteed visible and centered */
.experience-card-v75{
  position:relative!important;
  min-height:390px!important;
  padding-bottom:190px!important;
}
.experience-card-v75 .experience-illustration-img{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  bottom:16px!important;
  height:165px!important;
  min-height:165px!important;
  margin:0!important;
  padding:0!important;
}
.experience-card-v75 .experience-illustration-img img{
  width:96%!important;
  height:160px!important;
  max-height:160px!important;
  object-fit:contain!important;
  object-position:center!important;
}

@media(max-width:980px){
  .exp-card .product-card-bottom{font-size:26px!important}
}

/* ===== V7.10 — alignment, brand, footer and emphasis refinements ===== */

/* BRAND LOCK — DATA is dark navy everywhere, including header/footer/cards */
:root{
  --brand-data:#082E5C;
}
.wordmark .data,
header .wordmark .data,
footer .wordmark .data,
.product-card-bottom .data,
.hero .wordmark .data{
  color:var(--brand-data)!important;
  -webkit-text-fill-color:var(--brand-data)!important;
}

/* HOME — center both illustrations vertically and horizontally inside their reserved areas */
.experience-card-v75{
  min-height:410px!important;
}
.experience-card-v75 .experience-illustration-img{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  bottom:22px!important;
  height:185px!important;
  min-height:185px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.experience-card-v75 .experience-illustration-img img{
  width:94%!important;
  height:170px!important;
  max-height:170px!important;
  object-fit:contain!important;
  object-position:center center!important;
}

.value-card-v75{
  min-height:445px!important;
  padding-bottom:205px!important;
}
.value-card-v75 .value-illustration-img{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  bottom:24px!important;
  height:175px!important;
  min-height:175px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.value-card-v75 .value-illustration-img img{
  width:95%!important;
  height:160px!important;
  max-height:160px!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* EXPERIENCE — align the visual center of all four bottom illustrations/marks */
.experience-timeline .exp-card{
  position:relative!important;
  min-height:300px!important;
}
.experience-timeline .exp-brand-bottom,
.experience-timeline .exp-illustration-bottom{
  margin-top:auto!important;
  width:100%!important;
  height:92px!important;
  min-height:92px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.experience-timeline .hug-logo-bottom{
  width:170px!important;
  max-width:170px!important;
  height:60px!important;
  max-height:60px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
}
.experience-timeline .product-card-bottom{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  font-size:31px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto!important;
  white-space:nowrap!important;
}
.experience-timeline .exp-illustration-bottom img{
  width:88%!important;
  max-width:88%!important;
  height:82px!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
}

/* TECHNOLOGY — keep rhythm consistent and balanced */
.arch + .cards4{
  margin-top:30px!important;
}
.cards4 + .security-row-v75{
  margin-top:30px!important;
}
.security-row-v75{
  column-gap:30px!important;
  row-gap:30px!important;
}

/* VALUE & ROI — important cards stand out without harsh bright red */
.alert.high,
.value-page .alert.high{
  background:linear-gradient(145deg,#8f2630 0%,#a8323c 52%,#bd4650 100%)!important;
  border:1px solid #7d1f28!important;
  border-top:5px solid #6f1720!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(120,29,39,.18)!important;
}
.alert.high h3,
.alert.high p,
.alert.high strong{
  color:#fff!important;
}
.alert.high .tag{
  background:rgba(255,255,255,.96)!important;
  color:#8f2630!important;
  border:0!important;
}

/* FUNCTIONALITIES — same softer, premium emphasis for high-value cards */
body:has(a[href="/fonctionnalites"].active) .alert.high{
  background:linear-gradient(145deg,#922630 0%,#aa3540 55%,#bf4b54 100%)!important;
  border-color:#7d2029!important;
  border-top-color:#68151d!important;
}

/* FOOTER — black again, but keep all three product logo colors legible */
footer{
  background:#050505!important;
  color:#c9d7e2!important;
  border-top:1px solid #1a1a1a!important;
}
footer .wordmark .icu{
  color:#ef2b2d!important;
  -webkit-text-fill-color:#ef2b2d!important;
}
footer .wordmark .data{
  color:#123B73!important;
  -webkit-text-fill-color:#123B73!important;
}
footer .wordmark .expert{
  color:#43afe9!important;
  -webkit-text-fill-color:#43afe9!important;
}
footer .wordmark{
  -webkit-text-stroke:.65px rgba(255,255,255,.92)!important;
  text-shadow:
    -1px -1px 0 rgba(255,255,255,.55),
     1px -1px 0 rgba(255,255,255,.55),
    -1px  1px 0 rgba(255,255,255,.55),
     1px  1px 0 rgba(255,255,255,.55)!important;
}
footer a,
footer .right{
  color:#b7c7d3!important;
}
.karker-footer-brand img{
  filter:invert(1) brightness(1.8)!important;
}

/* HERO — enlarge the lighthouse/dashboard moderately, still without clipping */
.hero-vis-v75{
  height:540px!important;
}
.hero-vis-v75 img{
  max-width:78%!important;
  max-height:405px!important;
}
.hero-v75-glow{
  inset:0 -12% -2% -8%!important;
  filter:blur(34px)!important;
}

@media(max-width:980px){
  .hero-vis-v75{height:400px!important}
  .hero-vis-v75 img{max-width:74%!important;max-height:340px!important}
  .experience-timeline .product-card-bottom{font-size:27px!important}
}
@media(max-width:600px){
  .hero-vis-v75{height:300px!important}
  .hero-vis-v75 img{max-width:74%!important;max-height:255px!important}
  .experience-timeline .product-card-bottom{font-size:23px!important}
  .experience-card-v75,
  .value-card-v75{min-height:auto!important;padding-bottom:0!important}
  .experience-card-v75 .experience-illustration-img,
  .value-card-v75 .value-illustration-img{
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;
    margin-top:18px!important;
  }
}

/* ===== V7.11 — balanced emphasis + footer + illustration alignment ===== */

/* IMPORTANT CARDS — no red background.
   Use a premium blue emphasis that remains fully integrated with the site. */
.alert.high{
  position:relative!important;
  background:
    linear-gradient(180deg,#f7fcff 0%,#eef8fe 100%)!important;
  border:1px solid #8bc9ea!important;
  border-top:4px solid #1389c9!important;
  color:var(--ink)!important;
  box-shadow:
    0 18px 42px rgba(30,132,191,.13),
    inset 0 0 0 1px rgba(255,255,255,.75)!important;
}
.alert.high:before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:4px;
  border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#0a7fc3,#4cc5ef);
}
.alert.high h3{
  color:#0b3158!important;
}
.alert.high p{
  color:#45647d!important;
}
.alert.high strong{
  color:#0b3158!important;
}
.alert.high .tag{
  background:#0b78b6!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 5px 14px rgba(15,126,189,.15);
}
.alert.high:after{
  content:"★";
  position:absolute;
  right:18px;
  top:15px;
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:12px;
  color:#0d76af;
  background:#dff3fd;
  border:1px solid #b7dff2;
}

/* VALUE & ROI page — same visual language as Functionalities */
body:has(a[href="/valeur"].active) .alert.high,
body:has(a[href="/fonctionnalites"].active) .alert.high{
  background:
    radial-gradient(circle at 85% 15%,rgba(76,191,235,.10),transparent 32%),
    linear-gradient(180deg,#f8fdff 0%,#eef8fe 100%)!important;
  border-color:#8ccbe9!important;
  border-top-color:#1489c7!important;
}

/* Footer — Karker logo white, larger SOFTWARE & CONSULTING, no white outline on product logo */
footer{
  background:#050505!important;
}
footer .wordmark{
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}
footer .wordmark .icu{
  color:#ef2b2d!important;
  -webkit-text-fill-color:#ef2b2d!important;
}
footer .wordmark .data{
  color:#123B73!important;
  -webkit-text-fill-color:#123B73!important;
}
footer .wordmark .expert{
  color:#43afe9!important;
  -webkit-text-fill-color:#43afe9!important;
}
.karker-footer-brand img{
  filter:brightness(0) invert(1)!important;
  max-width:205px!important;
  max-height:62px!important;
}
.karker-footer-brand span{
  color:#fff!important;
  font-size:11px!important;
  letter-spacing:2.8px!important;
  font-weight:800!important;
  margin-top:4px!important;
}

/* HOME — 13 years: center artwork vertically in the reserved space */
.experience-card-v75{
  padding-bottom:195px!important;
}
.experience-card-v75 .experience-illustration-img{
  left:24px!important;
  right:24px!important;
  top:auto!important;
  bottom:18px!important;
  height:175px!important;
  min-height:175px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.experience-card-v75 .experience-illustration-img img{
  width:95%!important;
  height:154px!important;
  max-height:154px!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* HOME — chain of value: same visual width as the five boxes and vertically centered */
.value-card-v75{
  padding-bottom:200px!important;
}
.value-card-v75 .value-illustration-img{
  left:30px!important;
  right:30px!important;
  bottom:22px!important;
  height:170px!important;
  min-height:170px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.value-card-v75 .value-illustration-img img{
  width:100%!important;
  max-width:100%!important;
  height:150px!important;
  max-height:150px!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* keep the illustration visually aligned with the chain row width */
.value-card-v75 .chain{
  width:100%!important;
}
.value-card-v75 .value-illustration-img{
  width:auto!important;
}

/* Responsive */
@media(max-width:600px){
  .experience-card-v75,
  .value-card-v75{
    padding-bottom:0!important;
  }
  .experience-card-v75 .experience-illustration-img,
  .value-card-v75 .value-illustration-img{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    height:160px!important;
    min-height:160px!important;
    margin-top:18px!important;
  }
}

/* ===== V7.12 — precision alignment and footer brand corrections ===== */

/* GLOBAL BRAND LOCK — exact DATA navy everywhere */
:root{
  --brand-data:#082E5C;
}
.wordmark .data,
header .wordmark .data,
footer .wordmark .data,
.product-card-bottom .data,
.hero .wordmark .data{
  color:var(--brand-data)!important;
  -webkit-text-fill-color:var(--brand-data)!important;
}

/* EXPERIENCE — center every bottom visual horizontally in its card */
.experience-timeline .exp-card{
  display:flex!important;
  flex-direction:column!important;
}
.experience-timeline .exp-brand-bottom,
.experience-timeline .exp-illustration-bottom{
  width:100%!important;
  margin-top:auto!important;
  padding:0!important;
  min-height:92px!important;
  height:92px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.experience-timeline .exp-brand-bottom > *,
.experience-timeline .exp-illustration-bottom > *{
  margin-left:auto!important;
  margin-right:auto!important;
}
.experience-timeline .hug-logo-bottom{
  display:block!important;
  width:165px!important;
  max-width:165px!important;
  height:58px!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.experience-timeline .product-card-bottom{
  display:inline-flex!important;
  width:auto!important;
  min-width:165px!important;
  justify-content:center!important;
  align-items:center!important;
  font-size:30px!important;
  line-height:1!important;
}
.experience-timeline .exp-illustration-bottom img{
  display:block!important;
  width:92%!important;
  max-width:92%!important;
  height:82px!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
}

/* HOME — make 13-year illustration fill the FREE area and center vertically/horizontally */
.experience-card-v75{
  position:relative!important;
  min-height:420px!important;
  padding-bottom:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.experience-card-v75 > div:first-child{
  flex:0 0 auto!important;
}
.experience-card-v75 .experience-illustration-img{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  flex:1 1 auto!important;
  min-height:190px!important;
  height:auto!important;
  margin:12px 0 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.experience-card-v75 .experience-illustration-img img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:178px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
}

/* HOME — chain-of-value illustration: same width as the row above, centered in remaining free space */
.value-card-v75{
  position:relative!important;
  min-height:450px!important;
  padding-bottom:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.value-card-v75 .value-card-content{
  flex:0 0 auto!important;
}
.value-card-v75 .chain{
  width:100%!important;
}
.value-card-v75 .value-illustration-img{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  flex:1 1 auto!important;
  min-height:190px!important;
  height:auto!important;
  margin:14px 0 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.value-card-v75 .value-illustration-img img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:176px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
}

/* FOOTER — KARKER mark truly white; SOFTWARE & CONSULTING larger */
.karker-footer-brand img{
  filter:grayscale(1) brightness(0) invert(1)!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  background:transparent!important;
}
.karker-footer-brand span{
  color:#fff!important;
  font-size:12px!important;
  letter-spacing:2.8px!important;
  font-weight:800!important;
}

/* Footer ICU DATA EXPERT — DATA uses EXACTLY the header navy + ultra-thin white shadow */
footer .wordmark{
  -webkit-text-stroke:0!important;
  text-shadow:
    0 0 .45px rgba(255,255,255,.95),
    0 0 .75px rgba(255,255,255,.65)!important;
}
footer .wordmark .icu{
  color:#ef2b2d!important;
  -webkit-text-fill-color:#ef2b2d!important;
}
footer .wordmark .data{
  color:var(--brand-data)!important;
  -webkit-text-fill-color:var(--brand-data)!important;
}
footer .wordmark .expert{
  color:#43afe9!important;
  -webkit-text-fill-color:#43afe9!important;
}

@media(max-width:600px){
  .experience-card-v75,
  .value-card-v75{
    min-height:auto!important;
  }
  .experience-card-v75 .experience-illustration-img,
  .value-card-v75 .value-illustration-img{
    min-height:165px!important;
  }
}

/* ===== V7.13 — exact right-side hero integration from approved reference ===== */

/* The approved artwork is extracted directly from the user-provided reference.
   It keeps the lighthouse/dashboard proportions and native halo, then fades
   seamlessly into the live site's white/blue hero background. */
.hero-vis-v713{
  position:relative;
  height:555px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  isolation:isolate;
}
.hero-v713-glow{
  position:absolute;
  inset:-3% -13% -5% -9%;
  z-index:0;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 54% 48%,
      rgba(53,164,229,.46) 0%,
      rgba(93,191,240,.34) 31%,
      rgba(151,219,249,.20) 54%,
      rgba(215,241,254,.10) 70%,
      transparent 88%);
  filter:blur(34px);
  pointer-events:none;
}
.hero-vis-v713 img{
  position:relative;
  z-index:1;
  display:block;
  width:auto;
  height:auto;
  max-width:96%;
  max-height:500px;
  object-fit:contain;
  object-position:center center;
  filter:drop-shadow(0 22px 34px rgba(19,72,108,.10));
}

/* Home 13-year illustration — larger, cleaner and centered in the free area */
.experience-card-v75 .experience-illustration-img{
  min-height:200px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.experience-card-v75 .experience-illustration-img img{
  width:100%!important;
  max-width:100%!important;
  max-height:188px!important;
  object-fit:contain!important;
  object-position:center center!important;
  -webkit-mask-image:radial-gradient(ellipse 96% 93% at 50% 50%,#000 73%,rgba(0,0,0,.76) 84%,rgba(0,0,0,.28) 93%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 96% 93% at 50% 50%,#000 73%,rgba(0,0,0,.76) 84%,rgba(0,0,0,.28) 93%,transparent 100%)!important;
}

/* Value-chain illustration — broader and centered, with no visible hard edge */
.value-card-v75 .value-illustration-img{
  min-height:200px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.value-card-v75 .value-illustration-img img{
  width:100%!important;
  max-width:100%!important;
  max-height:185px!important;
  object-fit:contain!important;
  object-position:center center!important;
  -webkit-mask-image:radial-gradient(ellipse 97% 91% at 50% 50%,#000 75%,rgba(0,0,0,.78) 85%,rgba(0,0,0,.30) 94%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 97% 91% at 50% 50%,#000 75%,rgba(0,0,0,.78) 85%,rgba(0,0,0,.30) 94%,transparent 100%)!important;
}

/* Footer: user requested both brands completely white here. */
footer .wordmark .icu,
footer .wordmark .data,
footer .wordmark .expert{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
footer .wordmark{
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
}
.karker-footer-brand img{
  filter:grayscale(1) brightness(0) invert(1)!important;
  opacity:1!important;
}
.karker-footer-brand span{
  color:#fff!important;
  font-size:13px!important;
  letter-spacing:2.9px!important;
  font-weight:850!important;
}

@media(max-width:980px){
  .hero-vis-v713{height:410px}
  .hero-vis-v713 img{max-width:92%;max-height:355px}
}
@media(max-width:600px){
  .hero-vis-v713{height:305px}
  .hero-vis-v713 img{max-width:94%;max-height:265px}
}

/* ===== V7.14 — visual polish from live/reference comparison ===== */

/* CONTACT: removed privacy warning from HTML */

/* FOOTER: both brands are PURE WHITE, no inherited brand colors */
footer{
  background:#050505!important;
}
footer .wordmark,
footer .wordmark .icu,
footer .wordmark .data,
footer .wordmark .expert{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
}
footer .brand small{
  color:#ffffff!important;
  opacity:.92!important;
}
.karker-footer-brand img{
  filter:brightness(0) invert(1)!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
.karker-footer-brand span{
  color:#ffffff!important;
  font-size:13px!important;
  letter-spacing:3px!important;
  font-weight:850!important;
}

/* HERO: recreate the much stronger blue field + visible circular halo from the reference.
   Artwork remains untouched; this is only the live page integration layer. */
.hero{
  background:
    radial-gradient(circle at 75% 45%,
      rgba(82,177,234,.34) 0%,
      rgba(119,201,244,.26) 26%,
      rgba(179,226,249,.14) 46%,
      rgba(236,248,255,.06) 62%,
      rgba(255,255,255,0) 74%),
    linear-gradient(102deg,#ffffff 0 39%,#f5fbff 51%,#e5f5fd 73%,#d9effb 100%)!important;
}
.hero-vis-v713{
  position:relative!important;
  height:565px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.hero-vis-v713:before,
.hero-vis-v713:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-49%,-50%);
  border-radius:50%;
  pointer-events:none;
}
.hero-vis-v713:before{
  width:88%;
  height:82%;
  z-index:0;
  background:
    radial-gradient(ellipse at 50% 50%,
      rgba(88,188,240,.32) 0%,
      rgba(112,203,247,.24) 34%,
      rgba(175,227,251,.12) 59%,
      rgba(255,255,255,0) 77%);
  filter:blur(14px);
}
.hero-vis-v713:after{
  width:76%;
  height:76%;
  z-index:0;
  border:2px solid rgba(255,255,255,.50);
  box-shadow:
    0 0 0 28px rgba(255,255,255,.13),
    0 0 0 58px rgba(95,190,239,.08),
    0 0 55px rgba(75,181,235,.18);
}
.hero-v713-glow{
  position:absolute!important;
  inset:-6% -15% -6% -10%!important;
  z-index:0!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 54% 48%,
      rgba(57,169,231,.50) 0%,
      rgba(92,191,241,.36) 30%,
      rgba(151,219,249,.22) 54%,
      rgba(215,241,254,.11) 69%,
      transparent 87%)!important;
  filter:blur(38px)!important;
}
.hero-vis-v713 img{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:515px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 22px 30px rgba(18,73,108,.10))!important;
  -webkit-mask-image:radial-gradient(ellipse 99% 96% at 50% 50%,#000 80%,rgba(0,0,0,.8) 88%,rgba(0,0,0,.35) 95%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 99% 96% at 50% 50%,#000 80%,rgba(0,0,0,.8) 88%,rgba(0,0,0,.35) 95%,transparent 100%)!important;
}

/* HOME 13 YEARS: move artwork UP into the middle of the actual free area,
   make it clean, balanced and almost full-width without touching copy. */
.experience-card-v75{
  min-height:420px!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  padding-bottom:22px!important;
}
.experience-card-v75 .experience-illustration-img{
  position:relative!important;
  inset:auto!important;
  margin:4px 0 0!important;
  padding:0!important;
  min-height:185px!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.experience-card-v75 .experience-illustration-img img{
  width:96%!important;
  max-width:96%!important;
  height:178px!important;
  max-height:178px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
}

/* HOME VALUE CHAIN:
   illustration width exactly follows the five-node row,
   with a small deliberate gap and balanced vertical centering. */
.value-card-v75{
  min-height:430px!important;
  display:flex!important;
  flex-direction:column!important;
  padding-bottom:24px!important;
}
.value-card-v75 .value-card-content{
  width:100%!important;
}
.value-card-v75 .chain{
  width:100%!important;
}
.value-card-v75 .value-illustration-img{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  margin:16px 0 0!important;
  padding:0!important;
  min-height:175px!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.value-card-v75 .value-illustration-img img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:168px!important;
  max-height:168px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
}

/* Responsive */
@media(max-width:980px){
  .hero-vis-v713{height:420px!important}
  .hero-vis-v713 img{max-width:96%!important;max-height:370px!important}
}
@media(max-width:600px){
  .hero-vis-v713{height:315px!important}
  .hero-vis-v713 img{max-width:96%!important;max-height:275px!important}
  .experience-card-v75,
  .value-card-v75{display:block!important;min-height:auto!important}
  .experience-card-v75 .experience-illustration-img,
  .value-card-v75 .value-illustration-img{
    height:165px!important;
    min-height:165px!important;
    margin-top:14px!important;
  }
}

/* ===== V7.15 FINAL ACCEPTANCE OVERRIDES ===== */

/* Footer acceptance: black background; both brands visibly white */
body footer{background:#050505!important;color:#d9e4ec!important;border-top:1px solid #171717!important}
body footer .wordmark,
body footer .wordmark span,
body footer .wordmark .icu,
body footer .wordmark .data,
body footer .wordmark .expert{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}
body footer .karker-footer-brand img{
  filter:brightness(0) saturate(100%) invert(100%)!important;
  opacity:1!important;
  background:transparent!important;
}
body footer .karker-footer-brand span{
  color:#fff!important;
  font-size:13px!important;
  letter-spacing:3px!important;
  font-weight:800!important;
}
body footer a,body footer .right{color:#c4d2dc!important}

/* Hero acceptance: larger art + strong reference-style blue field and circular light halo */
body .hero{
  background:
    radial-gradient(ellipse at 78% 46%,rgba(56,169,232,.40) 0%,rgba(98,196,243,.30) 27%,rgba(160,222,250,.18) 47%,rgba(219,243,254,.09) 62%,transparent 76%),
    linear-gradient(102deg,#fff 0 38%,#f7fcff 49%,#e8f6fd 67%,#d8effb 100%)!important;
}
body .hero-vis-v713{
  position:relative!important;height:570px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;isolation:isolate!important;
}
body .hero-vis-v713::before{
  content:""!important;position:absolute!important;z-index:0!important;left:50%!important;top:50%!important;transform:translate(-49%,-50%)!important;
  width:90%!important;height:84%!important;border-radius:50%!important;
  background:radial-gradient(ellipse at 50% 50%,rgba(77,183,238,.34) 0%,rgba(120,207,247,.22) 39%,rgba(190,233,252,.10) 61%,transparent 79%)!important;
  filter:blur(15px)!important;
  box-shadow:0 0 0 28px rgba(255,255,255,.14),0 0 0 62px rgba(82,181,235,.07),0 0 70px rgba(69,176,233,.20)!important;
}
body .hero-vis-v713::after{
  content:""!important;position:absolute!important;z-index:0!important;left:50%!important;top:50%!important;transform:translate(-49%,-50%)!important;
  width:76%!important;height:74%!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.48)!important;
}
body .hero-v713-glow{position:absolute!important;z-index:0!important;inset:-8% -16% -8% -10%!important;border-radius:50%!important;background:radial-gradient(ellipse at 53% 49%,rgba(48,164,228,.50),rgba(91,193,242,.34) 31%,rgba(155,220,249,.18) 56%,transparent 84%)!important;filter:blur(40px)!important}
body .hero-vis-v713 img{position:relative!important;z-index:2!important;max-width:100%!important;max-height:525px!important;width:auto!important;height:auto!important;object-fit:contain!important}

/* Home 13-year card: illustration occupies and centers in the free area */
body .experience-card-v75{min-height:425px!important;display:grid!important;grid-template-rows:auto 1fr!important;padding-bottom:18px!important}
body .experience-card-v75 .experience-illustration-img{position:relative!important;inset:auto!important;margin:0!important;padding:0!important;min-height:190px!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
body .experience-card-v75 .experience-illustration-img img{display:block!important;width:100%!important;max-width:100%!important;height:182px!important;max-height:182px!important;object-fit:contain!important;object-position:center!important;margin:auto!important}

/* Home value chain: illustration same width as 5 boxes, with a controlled gap, centered in remaining space */
body .value-card-v75{min-height:440px!important;display:flex!important;flex-direction:column!important;padding-bottom:18px!important}
body .value-card-v75 .value-card-content,body .value-card-v75 .chain{width:100%!important}
body .value-card-v75 .value-illustration-img{position:relative!important;inset:auto!important;width:100%!important;margin:14px 0 0!important;padding:0!important;min-height:182px!important;flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:center!important}
body .value-card-v75 .value-illustration-img img{display:block!important;width:100%!important;max-width:100%!important;height:174px!important;max-height:174px!important;object-fit:contain!important;object-position:center!important;margin:auto!important}

@media(max-width:980px){
 body .hero-vis-v713{height:420px!important}
 body .hero-vis-v713 img{max-height:375px!important;max-width:96%!important}
}

/* Acceptance correction found during visual review */
body .experience-card-v75 .label{
  color:#2b6b9e!important;
}
body .hero-vis-v713 img{
  transform:scale(1.10) translateX(1.5%)!important;
  transform-origin:center center!important;
}

/* ===== V7.16 — final requested refinements ===== */

/* Migration: bold only, exactly the surrounding paragraph typography */
.experience-timeline .exp-card p strong{
  font-size:inherit!important;
  line-height:inherit!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  letter-spacing:inherit!important;
  font-weight:800!important;
}

/* Footer: reproduce header brand lockup proportions.
   KARKER white; SOFTWARE & CONSULTING gray and same visual type size as KARKER. */
body footer .karker-footer-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
}
body footer .karker-footer-brand img{
  filter:brightness(0) invert(1)!important;
  width:auto!important;
  height:28px!important;
  max-width:none!important;
  max-height:28px!important;
  object-fit:contain!important;
}
body footer .karker-footer-brand span{
  color:#9caab5!important;
  font-size:16px!important;
  line-height:1!important;
  letter-spacing:1.7px!important;
  font-weight:700!important;
}

/* Footer product lockup: same visual system as header */
body footer .wordmark{
  font-size:22px!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  font-weight:900!important;
}
body footer .wordmark,
body footer .wordmark span{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}
/* Footer tagline mirrors header tagline: uppercase, gray, same size/tracking */
body footer .wordmark + div{
  color:#9caab5!important;
  font-size:8px!important;
  line-height:1.2!important;
  letter-spacing:2px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  margin-top:7px!important;
}

/* Hero: eliminate pasted-image feeling with a wider feather and matching blue field */
body .hero-vis-v713{
  overflow:visible!important;
}
body .hero-vis-v713 img{
  max-width:100%!important;
  max-height:525px!important;
  filter:
    drop-shadow(0 18px 30px rgba(18,73,108,.08))
    blur(.01px)!important;
  -webkit-mask-image:radial-gradient(ellipse 96% 93% at 50% 50%,
      #000 58%,
      rgba(0,0,0,.98) 68%,
      rgba(0,0,0,.78) 78%,
      rgba(0,0,0,.42) 88%,
      rgba(0,0,0,.12) 95%,
      transparent 100%)!important;
  mask-image:radial-gradient(ellipse 96% 93% at 50% 50%,
      #000 58%,
      rgba(0,0,0,.98) 68%,
      rgba(0,0,0,.78) 78%,
      rgba(0,0,0,.42) 88%,
      rgba(0,0,0,.12) 95%,
      transparent 100%)!important;
}
body .hero-vis-v713::before{
  width:104%!important;
  height:96%!important;
  background:
    radial-gradient(ellipse at 50% 50%,
      rgba(70,180,237,.38) 0%,
      rgba(105,199,244,.30) 31%,
      rgba(153,220,249,.20) 51%,
      rgba(202,238,253,.11) 67%,
      rgba(240,250,255,.04) 78%,
      transparent 91%)!important;
  filter:blur(26px)!important;
  box-shadow:none!important;
}
body .hero-vis-v713::after{
  width:87%!important;
  height:84%!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:
    0 0 0 34px rgba(255,255,255,.07),
    0 0 0 72px rgba(80,183,237,.045),
    0 0 90px rgba(72,180,235,.15)!important;
}
body .hero-v713-glow{
  inset:-13% -22% -13% -17%!important;
  background:
    radial-gradient(ellipse at 52% 49%,
      rgba(50,166,230,.44) 0%,
      rgba(94,193,242,.31) 30%,
      rgba(150,219,249,.19) 54%,
      rgba(207,239,253,.09) 70%,
      transparent 90%)!important;
  filter:blur(50px)!important;
}

/* ===== V7.17 — permanent brand signature + footer proportions + true hero feather ===== */

/* OFFICIAL ICU DATA EXPERT COLORS — global */
:root{
  --icu-logo-red:#ef2b2d;
  --icu-logo-navy:#082E5C;
  --icu-logo-light:#43afe9;
}
.wordmark .icu{color:var(--icu-logo-red)!important;-webkit-text-fill-color:var(--icu-logo-red)!important}
.wordmark .data{color:var(--icu-logo-navy)!important;-webkit-text-fill-color:var(--icu-logo-navy)!important}
.wordmark .expert{color:var(--icu-logo-light)!important;-webkit-text-fill-color:var(--icu-logo-light)!important}

/* PERMANENT LOGO SIGNATURE — subtle blue halo behind every ICU DATA EXPERT wordmark */
.wordmark{
  position:relative!important;
  z-index:1!important;
  isolation:isolate!important;
}
.wordmark::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:-9%!important;
  right:-9%!important;
  top:-70%!important;
  bottom:-70%!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 54% 52%,
      rgba(71,177,235,.22) 0%,
      rgba(108,199,244,.15) 38%,
      rgba(170,225,250,.07) 60%,
      transparent 78%)!important;
  filter:blur(9px)!important;
  pointer-events:none!important;
}

/* Header gets the signature slightly more visible */
header .wordmark::before{
  left:-12%!important;right:-12%!important;top:-90%!important;bottom:-90%!important;
  background:radial-gradient(ellipse at 54% 52%,rgba(67,174,234,.27),rgba(119,204,245,.15) 42%,transparent 76%)!important;
  filter:blur(10px)!important;
}

/* FOOTER: restore official ICU DATA EXPERT colors and keep subtle halo */
body footer .wordmark .icu{color:var(--icu-logo-red)!important;-webkit-text-fill-color:var(--icu-logo-red)!important}
body footer .wordmark .data{color:var(--icu-logo-navy)!important;-webkit-text-fill-color:var(--icu-logo-navy)!important}
body footer .wordmark .expert{color:var(--icu-logo-light)!important;-webkit-text-fill-color:var(--icu-logo-light)!important}
body footer .wordmark{text-shadow:0 0 .55px rgba(255,255,255,.50)!important;-webkit-text-stroke:0!important}
body footer .wordmark::before{
  background:radial-gradient(ellipse at 54% 52%,rgba(72,180,236,.28),rgba(107,199,244,.15) 42%,transparent 78%)!important;
}

/* Footer KARKER: KARKER white. Subtitle gray and optically same WIDTH as the KARKER mark. */
body footer .karker-footer-brand{
  width:205px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:6px!important;
}
body footer .karker-footer-brand img{
  display:block!important;
  width:205px!important;
  height:auto!important;
  max-width:205px!important;
  max-height:none!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}
body footer .karker-footer-brand span{
  display:block!important;
  width:205px!important;
  color:#9caab5!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:2.25px!important;
  font-weight:750!important;
  text-align:center!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

/* HERO: the PNG itself now has a broad alpha feather.
   CSS halo extends well outside it so no original rectangular boundary can read. */
body .hero-vis-v713 img{
  max-width:100%!important;
  max-height:525px!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:drop-shadow(0 18px 32px rgba(18,73,108,.07))!important;
}
body .hero-vis-v713::before{
  width:116%!important;
  height:106%!important;
  background:
    radial-gradient(ellipse at 52% 50%,
      rgba(61,173,233,.42) 0%,
      rgba(97,195,243,.31) 31%,
      rgba(149,219,249,.20) 51%,
      rgba(200,237,253,.11) 67%,
      rgba(236,249,255,.04) 80%,
      transparent 94%)!important;
  filter:blur(38px)!important;
  box-shadow:none!important;
}
body .hero-vis-v713::after{
  width:92%!important;
  height:88%!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:
    0 0 0 40px rgba(255,255,255,.045),
    0 0 0 82px rgba(79,183,237,.035),
    0 0 110px rgba(70,179,234,.12)!important;
}
body .hero-v713-glow{
  inset:-18% -27% -18% -22%!important;
  background:
    radial-gradient(ellipse at 52% 49%,
      rgba(47,165,229,.42) 0%,
      rgba(90,191,241,.30) 30%,
      rgba(146,218,249,.18) 54%,
      rgba(205,239,253,.09) 70%,
      transparent 92%)!important;
  filter:blur(58px)!important;
}

/* ===== V7.18 — exact requested brand/hero corrections ===== */

/* One permanent halo signature for EVERY ICU DATA EXPERT wordmark.
   Restored to the original soft blue glow: compact, subtle, not a large cloud. */
.wordmark::before,
header .wordmark::before,
footer .wordmark::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:-8%!important;
  right:-8%!important;
  top:-62%!important;
  bottom:-62%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at 52% 52%,
    rgba(70,177,235,.20) 0%,
    rgba(111,201,244,.12) 40%,
    rgba(174,226,250,.055) 62%,
    transparent 79%)!important;
  filter:blur(8px)!important;
  box-shadow:none!important;
}
.wordmark{position:relative!important;z-index:1!important;isolation:isolate!important}

/* Footer ICU logo keeps OFFICIAL colors. */
body footer .wordmark .icu{color:#ef2b2d!important;-webkit-text-fill-color:#ef2b2d!important}
body footer .wordmark .data{color:#082E5C!important;-webkit-text-fill-color:#082E5C!important}
body footer .wordmark .expert{color:#43afe9!important;-webkit-text-fill-color:#43afe9!important}

/* Footer product tagline: corrected spelling, uppercase, gray, slightly wider than wordmark. */
body footer .wordmark + div{
  color:#9caab5!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:2.15px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  margin-top:5px!important;
  white-space:nowrap!important;
}

/* KARKER footer lockup: subtitle hugs KARKER and extends just a little wider. */
body footer .karker-footer-brand{
  width:214px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
}
body footer .karker-footer-brand img{
  display:block!important;
  width:198px!important;
  height:auto!important;
  max-width:198px!important;
  max-height:none!important;
  margin:0 auto!important;
  filter:brightness(0) invert(1)!important;
}
body footer .karker-footer-brand span{
  display:block!important;
  width:214px!important;
  margin-top:0!important;
  color:#9caab5!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:2.45px!important;
  font-weight:700!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* Hero integration modeled on the supplied reference:
   broad pale-blue field, luminous circular aura, no readable source rectangle. */
body .hero{
  background:
    radial-gradient(ellipse at 77% 46%,
      rgba(62,173,233,.34) 0%,
      rgba(102,198,244,.25) 28%,
      rgba(159,222,250,.15) 48%,
      rgba(218,243,254,.075) 64%,
      transparent 79%),
    linear-gradient(103deg,#fff 0 38%,#f8fcff 48%,#eaf7fd 65%,#dceff9 100%)!important;
}
body .hero-vis-v713::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-49%,-50%)!important;
  width:100%!important;
  height:96%!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 50% 50%,
      rgba(69,181,238,.30) 0%,
      rgba(111,204,247,.21) 38%,
      rgba(174,227,251,.11) 61%,
      transparent 82%)!important;
  filter:blur(20px)!important;
  box-shadow:
    0 0 0 28px rgba(255,255,255,.075),
    0 0 0 62px rgba(85,186,239,.045),
    0 0 80px rgba(75,181,235,.14)!important;
}
body .hero-vis-v713::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-49%,-50%)!important;
  width:79%!important;
  height:78%!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.34)!important;
  box-shadow:
    0 0 0 30px rgba(255,255,255,.075),
    0 0 0 62px rgba(93,190,239,.035)!important;
}
body .hero-v713-glow{
  position:absolute!important;
  z-index:0!important;
  inset:-13% -20% -13% -16%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at 52% 49%,
    rgba(56,170,231,.39) 0%,
    rgba(95,193,242,.28) 31%,
    rgba(151,220,249,.16) 55%,
    rgba(211,241,254,.07) 72%,
    transparent 91%)!important;
  filter:blur(48px)!important;
}
body .hero-vis-v713 img{
  position:relative!important;
  z-index:2!important;
  max-width:100%!important;
  max-height:525px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:drop-shadow(0 18px 30px rgba(19,73,108,.065))!important;
}

/* ===== V7.19 — HEADER WORDMARK IS THE SINGLE BRAND MASTER ===== */

/*
   BRAND MASTER RULE
   -----------------
   The header wordmark is now the sole visual reference for every ICU DATA EXPERT
   occurrence. All contexts inherit the exact same colors, relative spacing and halo.
   Only font-size may differ.
*/
:root{
  --icu-master-red:#ef2b2d;
  --icu-master-data:#082E5C;
  --icu-master-expert:#43afe9;
  --icu-master-halo-core:rgba(70,177,235,.20);
  --icu-master-halo-mid:rgba(111,201,244,.12);
  --icu-master-halo-edge:rgba(174,226,250,.055);
}

/* Exact master colors everywhere */
body .wordmark .icu{
  color:var(--icu-master-red)!important;
  -webkit-text-fill-color:var(--icu-master-red)!important;
}
body .wordmark .data{
  color:var(--icu-master-data)!important;
  -webkit-text-fill-color:var(--icu-master-data)!important;
}
body .wordmark .expert{
  color:var(--icu-master-expert)!important;
  -webkit-text-fill-color:var(--icu-master-expert)!important;
}

/* Exact SAME halo geometry everywhere — no header/footer exceptions */
body .wordmark{
  position:relative!important;
  z-index:1!important;
  isolation:isolate!important;
}
body .wordmark::before,
body header .wordmark::before,
body footer .wordmark::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:-8%!important;
  right:-8%!important;
  top:-62%!important;
  bottom:-62%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at 52% 52%,
    var(--icu-master-halo-core) 0%,
    var(--icu-master-halo-mid) 40%,
    var(--icu-master-halo-edge) 62%,
    transparent 79%)!important;
  filter:blur(8px)!important;
  box-shadow:none!important;
  opacity:1!important;
  pointer-events:none!important;
}
/* Neutralize any context-specific glow overrides accumulated in previous versions */
body header .wordmark::before,
body footer .wordmark::before{
  left:-8%!important;
  right:-8%!important;
  top:-62%!important;
  bottom:-62%!important;
  background:radial-gradient(ellipse at 52% 52%,
    var(--icu-master-halo-core) 0%,
    var(--icu-master-halo-mid) 40%,
    var(--icu-master-halo-edge) 62%,
    transparent 79%)!important;
  filter:blur(8px)!important;
}

/*
   KARKER FOOTER LOCKUP
   SOFTWARE & CONSULTING mirrors the product tagline relationship:
   - starts exactly at KARKER's left edge
   - very small vertical gap
   - gray uppercase
   - tracking stretches it slightly BEYOND KARKER's right edge
*/
body footer .karker-footer-brand{
  width:222px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:0!important;
}
body footer .karker-footer-brand img{
  display:block!important;
  width:198px!important;
  height:auto!important;
  max-width:198px!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left bottom!important;
  filter:brightness(0) invert(1)!important;
}
body footer .karker-footer-brand span{
  display:block!important;
  width:218px!important;
  margin:3px 0 0 0!important;
  padding:0!important;
  color:#9caab5!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:3.05px!important;
  font-weight:700!important;
  text-align:left!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
}

/* ICU footer tagline uses the exact same spacing logic as header tagline */
body footer .wordmark + div{
  margin-top:3px!important;
  color:#9caab5!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:2.15px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* ===== V7.20 — KARKER lockup follows ICU DATA EXPERT geometry ===== */

/*
Reference geometry = ICU DATA EXPERT + its tagline:
- identical left origin
- subtitle sits very close under main mark
- subtitle is tracked and slightly wider than the principal mark
*/
body footer .karker-footer-brand{
  width:198px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
body footer .karker-footer-brand img{
  display:block!important;
  width:198px!important;
  max-width:198px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left bottom!important;
  filter:brightness(0) invert(1)!important;
}
/* Slight negative optical correction removes transparent padding contained in logo PNG */
body footer .karker-footer-brand span{
  display:block!important;
  position:relative!important;
  left:0!important;
  width:204px!important;
  margin:1px 0 0 0!important;
  padding:0!important;
  color:#9caab5!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:2.55px!important;
  font-weight:700!important;
  text-align:left!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
}

/* Product tagline geometry is the master comparison */
body footer .wordmark + div{
  margin-top:1px!important;
  padding:0!important;
  color:#9caab5!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:2.15px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* ===== V7.21 — EXACT MASTER HALO FROM HEADER, EVERYWHERE ===== */

/*
The header logo is the single master.
Every .wordmark receives the exact SAME proportional halo:
same bounds, same gradient, same opacity, same blur, same center.
Only the wordmark font-size itself may vary.
*/
:root{
  --logo-halo-core: rgba(70,177,235,.20);
  --logo-halo-mid: rgba(111,201,244,.12);
  --logo-halo-edge: rgba(174,226,250,.055);
}

body .wordmark{
  position:relative!important;
  z-index:1!important;
  isolation:isolate!important;
}

/* Neutralize every earlier contextual variant and impose one master rule */
body .wordmark::before,
body header .wordmark::before,
body footer .wordmark::before,
body .hero .wordmark::before,
body .panel .wordmark::before,
body .exp-card .wordmark::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;

  /* proportional to the logo, therefore visually identical at every size */
  left:-8%!important;
  right:-8%!important;
  top:-62%!important;
  bottom:-62%!important;

  border-radius:50%!important;
  background:radial-gradient(
    ellipse at 52% 52%,
    var(--logo-halo-core) 0%,
    var(--logo-halo-mid) 40%,
    var(--logo-halo-edge) 62%,
    rgba(174,226,250,0) 79%
  )!important;
  filter:blur(8px)!important;
  opacity:1!important;
  box-shadow:none!important;
  border:0!important;
  transform:none!important;
  pointer-events:none!important;
}

/* Official logo colors remain identical in all contexts */
body .wordmark .icu{
  color:#ef2b2d!important;
  -webkit-text-fill-color:#ef2b2d!important;
}
body .wordmark .data{
  color:#082E5C!important;
  -webkit-text-fill-color:#082E5C!important;
}
body .wordmark .expert{
  color:#43afe9!important;
  -webkit-text-fill-color:#43afe9!important;
}

/* ===== V7.22 — VISUAL FIX: header halo is the master; KARKER aligned by visible pixels ===== */

/* HALO
   Previous pseudo-element halos are disabled everywhere because they created
   different rectangular/elliptical fields depending on the container.
   One glyph-based glow is now applied to EVERY wordmark, including the header.
   This makes the halo visually identical at every occurrence and scales naturally
   with the logo size. */
body .wordmark::before,
body header .wordmark::before,
body footer .wordmark::before,
body .hero .wordmark::before,
body .panel .wordmark::before,
body .exp-card .wordmark::before{
  content:none!important;
  display:none!important;
}

body .wordmark,
body header .wordmark,
body footer .wordmark,
body .hero .wordmark,
body .panel .wordmark,
body .exp-card .wordmark{
  filter:
    drop-shadow(0 0 4px rgba(67,175,233,.14))
    drop-shadow(0 0 9px rgba(67,175,233,.07))!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* official colors remain fixed everywhere */
body .wordmark .icu{color:#ef2b2d!important;-webkit-text-fill-color:#ef2b2d!important}
body .wordmark .data{color:#082E5C!important;-webkit-text-fill-color:#082E5C!important}
body .wordmark .expert{color:#43afe9!important;-webkit-text-fill-color:#43afe9!important}

/* KARKER LOCKUP
   The PNG contains transparent padding on the left.
   At 198px rendered width the visible K begins ~4px inside the image box.
   Subtitle starts on that exact visible K edge.
   Its target width is ~9% wider than visible KARKER, matching the ICU tagline logic. */
body footer .karker-footer-brand{
  width:216px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
body footer .karker-footer-brand img{
  display:block!important;
  width:198px!important;
  max-width:198px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left bottom!important;
  filter:brightness(0) invert(1)!important;
}
body footer .karker-footer-brand span{
  display:block!important;
  position:relative!important;
  margin:1px 0 0 4px!important; /* aligns with visible first K, not PNG box */
  padding:0!important;
  width:207px!important;        /* slightly wider than visible KARKER */
  color:#9caab5!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:2.72px!important;
  font-weight:700!important;
  text-align:left!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
}

/* ICU footer tagline remains the geometry reference */
body footer .wordmark + div{
  margin-top:1px!important;
  color:#9caab5!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:2.15px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* ===== V7.23 — CORRECTED BRAND HALO + KARKER GEOMETRY ===== */

/* ---------- MASTER ICU DATA EXPERT HALO ----------
   Header is the reference.
   Every occurrence receives this exact proportional halo.
   It is intentionally visible again, but remains soft and compact. */
body .wordmark{
  position:relative!important;
  z-index:1!important;
  isolation:isolate!important;
  filter:none!important;
  background:transparent!important;
  box-shadow:none!important;
}

body .wordmark::before,
body header .wordmark::before,
body footer .wordmark::before,
body .hero .wordmark::before,
body .panel .wordmark::before,
body .exp-card .wordmark::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-1!important;

  /* same normalized geometry at every logo size */
  left:-10%!important;
  right:-10%!important;
  top:-72%!important;
  bottom:-72%!important;

  border-radius:50%!important;
  background:
    radial-gradient(
      ellipse at 52% 52%,
      rgba(72,181,239,.30) 0%,
      rgba(105,199,245,.21) 34%,
      rgba(153,219,249,.12) 54%,
      rgba(198,236,253,.055) 68%,
      rgba(198,236,253,0) 82%
    )!important;
  filter:blur(9px)!important;
  opacity:1!important;
  box-shadow:none!important;
  border:0!important;
  transform:none!important;
  pointer-events:none!important;
}

/* Official logo colors remain fixed everywhere */
body .wordmark .icu{
  color:#ef2b2d!important;
  -webkit-text-fill-color:#ef2b2d!important;
}
body .wordmark .data{
  color:#082E5C!important;
  -webkit-text-fill-color:#082E5C!important;
}
body .wordmark .expert{
  color:#43afe9!important;
  -webkit-text-fill-color:#43afe9!important;
}

/* ---------- KARKER FOOTER GEOMETRY ----------
   PNG alpha bbox starts ~4.2px inside a 198px rendered box.
   Therefore the subtitle is offset 4px so it begins at the visible K.
   It is designed to extend about 10% beyond the visible KARKER width,
   matching the visual logic of the ICU tagline. */
body footer .karker-footer-brand{
  width:216px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}

body footer .karker-footer-brand img{
  display:block!important;
  width:198px!important;
  max-width:198px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left bottom!important;
  filter:brightness(0) invert(1)!important;
}

/* Outer subtitle geometry:
   - starts 4px from image box = visible K edge
   - sits 3px upward to compensate PNG bottom transparency
   - total width 208px => slightly wider than visible KARKER */
body footer .karker-subtitle{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:208px!important;
  margin:-3px 0 0 4px!important;
  padding:0!important;
  box-sizing:border-box!important;

  color:#9caab5!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* individual words do NOT introduce their own width drift */
body footer .karker-subtitle > span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#9caab5!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:1.15px!important;
  white-space:nowrap!important;
}

/* ICU footer tagline remains the master comparison */
body footer .wordmark + div{
  margin-top:1px!important;
  padding:0!important;
  color:#9caab5!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:2.15px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* ===== V7.24 — subtle halo master + simplified KARKER footer lockup ===== */

/* 1) HALO MASTER
   The header is the visual master. All NON-footer ICU DATA EXPERT wordmarks
   use this exact same subtle proportional halo. Footer intentionally has none. */
body .wordmark{
  position:relative!important;
  z-index:1!important;
  isolation:isolate!important;
  filter:none!important;
  background:transparent!important;
  box-shadow:none!important;
}

body .wordmark::before,
body header .wordmark::before,
body .hero .wordmark::before,
body .panel .wordmark::before,
body .exp-card .wordmark::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-1!important;
  left:-7%!important;
  right:-7%!important;
  top:-48%!important;
  bottom:-48%!important;
  border-radius:50%!important;
  background:radial-gradient(
    ellipse at 52% 52%,
    rgba(72,181,239,.12) 0%,
    rgba(105,199,245,.075) 38%,
    rgba(153,219,249,.035) 58%,
    rgba(198,236,253,0) 78%
  )!important;
  filter:blur(6px)!important;
  opacity:1!important;
  box-shadow:none!important;
  border:0!important;
  transform:none!important;
  pointer-events:none!important;
}

/* Footer logo: NO halo on black background */
body footer .wordmark::before{
  content:none!important;
  display:none!important;
}

/* Official logo colors remain fixed everywhere */
body .wordmark .icu{color:#ef2b2d!important;-webkit-text-fill-color:#ef2b2d!important}
body .wordmark .data{color:#082E5C!important;-webkit-text-fill-color:#082E5C!important}
body .wordmark .expert{color:#43afe9!important;-webkit-text-fill-color:#43afe9!important}

/* 2) FOOTER BRAND GEOMETRY
   KARKER is deliberately scaled to the same visual class as footer ICU DATA EXPERT.
   Tight-cropped PNG removes the historical invisible left padding. */
body footer .wordmark{
  font-size:22px!important;
  line-height:1!important;
}
body footer .karker-footer-brand{
  width:178px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
body footer .karker-footer-brand img{
  display:block!important;
  width:178px!important;
  max-width:178px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left bottom!important;
  filter:brightness(0) invert(1)!important;
}

/* Same geometry logic as ICU tagline:
   same left edge, very tight vertical spacing, single continuous line,
   and a little wider than the main brand. */
body footer .karker-subtitle{
  display:block!important;
  width:186px!important;
  margin:1px 0 0 0!important;
  padding:0!important;
  color:#9caab5!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:2.15px!important;
  font-weight:700!important;
  text-align:left!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
}

/* ICU footer tagline remains the master comparison */
body footer .wordmark + div{
  margin-top:1px!important;
  color:#9caab5!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:2.15px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* ===== V7.26 — richer document previews, same site visual language ===== */
.document-showcase{align-items:stretch}
.detailed-doc{display:flex;flex-direction:column}
.detailed-doc .docbody{display:flex;flex-direction:column;flex:1}
.doc-section-title{
  margin:18px 0 8px;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#2b739f;
}
.score-title{margin-top:22px}
.score-row span:first-child{color:#0b3158!important}
.score-row span:last-child{color:#0b3158;font-size:11px}
.doc-ok{color:#218f6b!important;font-weight:900}
.score-detail{
  padding:12px 14px;
  margin-top:8px;
  border:1px solid #d7e8f2;
  border-radius:11px;
  background:linear-gradient(180deg,#fbfeff,#f1f9fd);
}
.score-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.score-detail-head b{font-size:11px;color:#0b3158}
.score-detail-head strong{font-size:18px;color:#087bd8}
.score-detail p{font-size:9px;line-height:1.5;margin:7px 0 0;color:#607b90}
.score-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.score-pills span{
  padding:4px 7px;
  border-radius:999px;
  background:#e3f4fd;
  border:1px solid #c5e5f5;
  color:#376a88;
  font-size:8px;
  font-weight:700;
}
.transfer-panels{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px}
.transfer-panel{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:start;
  padding:11px 12px;
  border:1px solid #d7e8f2;
  border-radius:11px;
  background:linear-gradient(180deg,#fbfeff,#f2f9fd);
}
.transfer-icon{
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;
  background:#dff3fd;color:#0b7fbb;
  font-size:14px;font-weight:900;
}
.transfer-panel b{font-size:10px;color:#0b3158}
.transfer-panel p{font-size:9px;line-height:1.45;margin:3px 0 0;color:#627d91}
.document-benefit{
  margin-top:auto;
  padding-top:18px;
  font-size:11px;
  color:#405f78;
  line-height:1.55;
}
.document-benefit b{color:#0b3158}
.detailed-doc .row span:last-child{font-size:9px}
@media(max-width:950px){
  .document-showcase{grid-template-columns:1fr!important}
}


/* ===== V7.28 — MOBILE ACCEPTANCE: usable menu + responsive value chain ===== */

/* Mobile menu: the existing hamburger now opens a real touch-friendly dropdown. */
@media (max-width:950px){
  body .top{overflow:visible!important}
  body .top .in{position:relative!important}
  body .menu{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    z-index:1002!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:8px 10px!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
  }
  body .nav{
    display:none!important;
    position:absolute!important;
    z-index:1001!important;
    top:calc(100% + 8px)!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-width:none!important;
    padding:12px!important;
    margin:0!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    background:rgba(255,255,255,.99)!important;
    border:1px solid #d7e9f5!important;
    border-radius:16px!important;
    box-shadow:0 18px 48px rgba(25,91,137,.18)!important;
  }
  body .nav.open{display:flex!important}
  body .nav a{
    display:block!important;
    width:100%!important;
    min-height:44px!important;
    padding:12px 14px!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
    line-height:20px!important;
  }
  body .nav a:not(.cta):hover,
  body .nav a:not(.cta):focus{background:#f2f9fd!important}
  body .nav .cta{
    margin-top:4px!important;
    text-align:center!important;
    border-radius:12px!important;
  }
}

/* Home / CHAÎNE DE VALEUR:
   never overflow its card on phones; nodes and artwork scale with the available width. */
@media (max-width:600px){
  body .value-card-v75{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body .value-card-v75 .value-card-content{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body .value-card-v75 .chain{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:8px!important;
    box-sizing:border-box!important;
  }
  body .value-card-v75 .chain .node{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    padding:11px 7px!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
  }
  body .value-card-v75 .chain .node:last-child{
    grid-column:1 / -1!important;
    width:calc(50% - 4px)!important;
    justify-self:center!important;
  }
  body .value-card-v75 .value-illustration-img{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:150px!important;
    margin:14px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body .value-card-v75 .value-illustration-img img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:165px!important;
    object-fit:contain!important;
    margin:auto!important;
  }
}

/* Very narrow phones: keep every element comfortably inside the viewport. */
@media (max-width:390px){
  body .value-card-v75 .chain{grid-template-columns:1fr!important}
  body .value-card-v75 .chain .node:last-child{
    grid-column:auto!important;
    width:100%!important;
  }
}


/* ===== V7.29 — MOBILE HARD FIX + CACHE BUST ===== */

/* Fundamental grid safety: grid children are allowed to shrink instead of overflowing. */
@media (max-width:950px){
  body .grid2,
  body .grid2 > *,
  body .panel,
  body .value-card-v75,
  body .value-card-v75 *{
    min-width:0!important;
  }
}

/* CHAÎNE DE VALEUR — phone layout is fully flow-based, no fixed/absolute geometry. */
@media (max-width:600px){
  body .value-card-v75{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:22px 16px 18px!important;
    margin:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  body .value-card-v75 .value-card-content{
    position:static!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    box-sizing:border-box!important;
  }

  body .value-card-v75 .chain{
    position:static!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:16px 0 0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  body .value-card-v75 .chain .node{
    position:static!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:58px!important;
    padding:10px 6px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  body .value-card-v75 .chain .node:last-child{
    grid-column:1 / -1!important;
    width:calc(50% - 4px)!important;
    max-width:calc(50% - 4px)!important;
    justify-self:center!important;
  }

  body .value-card-v75 .value-illustration-img{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:18px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    transform:none!important;
  }

  body .value-card-v75 .value-illustration-img::before{
    inset:0!important;
  }

  body .value-card-v75 .value-illustration-img img{
    position:static!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:390px){
  body .value-card-v75 .chain{
    grid-template-columns:1fr!important;
  }
  body .value-card-v75 .chain .node:last-child{
    grid-column:auto!important;
    width:100%!important;
    max-width:100%!important;
  }
}


/* ===== V7.30 SEO — expert content pages, no visual break with the site ===== */
.seo-article{max-width:1180px}
.seo-grid{margin-top:24px}
.seo-grid .panel h2,.seo-wide h2,.seo-cta h2{font-size:20px;margin:0 0 9px;color:#0b3158}
.seo-grid .panel p,.seo-wide p,.seo-cta p{font-size:12px;line-height:1.65;color:#587389}
.seo-wide{margin-top:24px}
.seo-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:18px}
.seo-flow span{padding:8px 11px;border-radius:999px;background:#edf8fe;border:1px solid #cce7f5;color:#315f7e;font-size:9px;font-weight:800}
.seo-flow b{color:#35a9de}
.seo-cta{margin-top:24px;padding:26px;border-radius:18px;background:linear-gradient(135deg,#f8fdff,#eaf7fd);border:1px solid #d3e9f4}
.seo-inline{color:#0879b8!important;font-weight:800;text-decoration:none}
.seo-inline:hover{text-decoration:underline}
@media(max-width:700px){
  .seo-flow{justify-content:flex-start}
  .seo-cta .button{display:block;width:100%;margin:8px 0 0;text-align:center}
}