/* ISOFT Corporate Website V2.10 — page-by-page visual refinement
   Baseline: /trien-khai/ visual rhythm.
   Scope: primary redesigned Vietnamese pages only.
   Philosophy: page-specific overrides, no structural redesign, no new JS engine. */

/* =========================================================
   0. Shared visual voice — derived from /trien-khai/
   ========================================================= */
body.redesign-v26{
  --v210-navy:#07367f;
  --v210-blue:#0d66dc;
  --v210-cyan:#27a9ff;
  --v210-text:#173e67;
  --v210-body:#4d6c8b;
  --v210-muted:#617c9b;
  --v210-line:#d9e9f6;
  --v210-soft:#f6fbff;
  --v210-green:#13a878;
  --v210-orange:#ff7b2e;
  --v210-violet:#7357e8;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
}
body.redesign-v26 .v26-main{color:var(--v210-text)}
body.redesign-v26 .v26-wrap{width:min(1280px,calc(100% - 48px))}
body.redesign-v26 .v26-hero{padding:72px 0 68px}
body.redesign-v26 .v26-hero-grid{gap:60px}
body.redesign-v26 .v26-hero h1{
  max-width:820px;
  margin:16px 0 24px;
  font-size:clamp(46px,5vw,68px);
  line-height:1.01;
  letter-spacing:-.043em;
  font-weight:700;
  color:var(--v210-navy);
}
body.redesign-v26 .v26-hero h1 span{font-weight:500;color:var(--v210-blue)}
body.redesign-v26 .v26-hero .v26-lead{
  max-width:760px;
  font-size:18px;
  line-height:1.7;
  font-weight:400;
  color:#466789;
}
body.redesign-v26 .v26-section{padding:82px 0}
body.redesign-v26 .v26-section-head{gap:40px;margin-bottom:34px}
body.redesign-v26 .v26-title,
body.redesign-v26 .v26-section-head h2{
  font-size:clamp(34px,3.55vw,50px);
  line-height:1.04;
  letter-spacing:-.03em;
  font-weight:700;
  color:var(--v210-navy);
}
body.redesign-v26 .v26-title span,
body.redesign-v26 .v26-section-head h2 span{font-weight:500;color:var(--v210-blue)}
body.redesign-v26 .v26-lead,
body.redesign-v26 .v26-section-head>p{
  font-size:16px;
  line-height:1.7;
  font-weight:400;
  color:var(--v210-muted);
}
body.redesign-v26 .v26-kicker{
  font-size:13px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:.12em;
}
body.redesign-v26 .v26-card{
  border:1px solid var(--v210-line);
  box-shadow:0 8px 24px rgba(23,73,119,.045);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
body.redesign-v26 .v26-card:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 38px rgba(23,73,119,.10);
  border-color:#abd2ef;
}
body.redesign-v26 .v26-btn{
  min-height:48px;
  padding:0 20px;
  border-radius:12px;
  font-size:14px;
  font-weight:800;
  border:1px solid #b8d5ec;
  background:#fff;
  color:var(--v210-navy);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease;
}
body.redesign-v26 .v26-btn:hover{
  transform:translateY(-2px);
  border-color:#87bde3;
  background:#f7fbff;
  box-shadow:0 10px 24px rgba(13,102,220,.10);
}
body.redesign-v26 .v26-btn.v26-btn--primary{
  background:var(--v210-blue);
  border-color:var(--v210-blue);
  color:#fff;
  box-shadow:0 12px 30px rgba(13,102,220,.18);
}
body.redesign-v26 .v26-btn.v26-btn--primary:hover{
  background:#0a5ecb;
  border-color:#0a5ecb;
  box-shadow:0 15px 34px rgba(13,102,220,.24);
}
body.redesign-v26 .v26-icon{width:42px;height:42px;border-radius:12px}
body.redesign-v26 .v26-icon svg{width:23px;height:23px;stroke-width:1.8!important}
body.redesign-v26 .v26-main :is(.v26-layer p,.v26-cap p,.v26-stage-card p,.v26-model p,.v26-foundation p,.v26-module-light p,.v26-award-body p,.v26-case-body span,.v26-office p){color:var(--v210-body)}

/* Dark section contrast is locked at the final cascade layer. */
body.redesign-v26 .v26-dark{color:#fff}
body.redesign-v26 .v26-dark .v26-kicker{color:#90cfff}
body.redesign-v26 .v26-dark .v26-title,
body.redesign-v26 .v26-dark .v26-title span{color:#fff}
body.redesign-v26 .v26-dark .v26-title span{color:#8fe1ff}
body.redesign-v26 .v26-dark .v26-lead,
body.redesign-v26 .v26-dark .v26-section-head>p{color:#dceefa!important;font-weight:400}

/* Make primary page boxes react consistently like /trien-khai/. */
body.redesign-v26 .v26-main :is(
  .v26-layer,.v26-cap,.v26-model,.v26-foundation,.v26-module-light,
  .v26-company,.v26-system,.v26-office,.v26-contact-item,.v26-sector,
  .v26-map-module,.v26-product-module,.v26-award,.v26-case,.v26-logo-card
){transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
body.redesign-v26 .v26-main :is(
  .v26-layer,.v26-cap,.v26-model,.v26-foundation,.v26-module-light,
  .v26-company,.v26-system,.v26-office,.v26-contact-item,.v26-sector,
  .v26-map-module,.v26-product-module,.v26-award,.v26-case,.v26-logo-card
):hover{
  transform:translateY(-5px);
  border-color:#abd2ef;
  box-shadow:0 16px 38px rgba(23,73,119,.09);
}
body.redesign-v26 .v26-main :is(.v26-layer,.v26-cap,.v26-model,.v26-foundation,.v26-module-light,.v26-contact-item) .v26-icon{
  transition:transform .22s ease,box-shadow .22s ease;
}
body.redesign-v26 .v26-main :is(.v26-layer,.v26-cap,.v26-model,.v26-foundation,.v26-module-light,.v26-contact-item):hover .v26-icon{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(13,102,220,.10);
}

/* =========================================================
   1. HOME — preserve V2.8 interactions, tune rhythm/contrast
   ========================================================= */
body[data-page="home"].redesign-v26 .v26-hero h1{max-width:720px;font-size:clamp(46px,4.85vw,66px)}
body[data-page="home"].redesign-v26 .v26-board{border-radius:26px}
body[data-page="home"].redesign-v26 .v26-board-head b{font-size:19px;font-weight:800}
body[data-page="home"].redesign-v26 .v26-kpi strong{font-size:24px;font-weight:700}
body[data-page="home"].redesign-v26 .v26-kpi span{font-size:12px;color:#5b7692}
body[data-page="home"].redesign-v26 .v26-layer{min-height:174px;padding:20px}
body[data-page="home"].redesign-v26 .v26-layer h3{font-size:17px;font-weight:700}
body[data-page="home"].redesign-v26 .v26-layer p{font-size:13.5px;line-height:1.58}
body[data-page="home"].redesign-v26 .v26-metric{
  position:relative;
  transition:background .2s ease,transform .2s ease;
}
body[data-page="home"].redesign-v26 .v26-metric:hover{background:#f7fbff;transform:translateY(-2px)}
body[data-page="home"].redesign-v26 .v26-metric strong{font-weight:700}
body[data-page="home"].redesign-v26 .v26-cap{min-height:205px}
body[data-page="home"].redesign-v26 .v26-cap h3{font-size:18px;font-weight:700}
body[data-page="home"].redesign-v26 .v26-cap p{font-size:13.5px;line-height:1.62}
body[data-page="home"].redesign-v26 .v26-stage-card{min-height:190px}
body[data-page="home"].redesign-v26 .v26-stage-card h3{font-size:17px;font-weight:700}
body[data-page="home"].redesign-v26 .v26-stage-card p{font-size:13.2px;line-height:1.6}
body[data-page="home"].redesign-v26 .v26-dark .v26-module{
  min-height:88px;
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.22);
}
body[data-page="home"].redesign-v26 .v26-dark .v26-module b{font-size:14px;color:#fff}
body[data-page="home"].redesign-v26 .v26-dark .v26-module small{font-size:11.5px;color:#deedf8}
body[data-page="home"].redesign-v26 .v26-platform-core p{color:#e3f1fa!important}
body[data-page="home"].redesign-v26 .v26-platform-ai small{color:#eeeaff!important}
body[data-page="home"].redesign-v26 .v26-logo-card:hover{transform:translateY(-5px)}

/* =========================================================
   2. ABOUT — editorial, calm, less dashboard-like
   ========================================================= */
body[data-page="gioi-thieu"].redesign-v26 .v26-hero h1{max-width:670px;font-size:clamp(46px,4.65vw,64px)}
body[data-page="gioi-thieu"].redesign-v26 .v26-profile-card{
  border-top:0;
  position:relative;
  overflow:hidden;
  padding:28px;
  border-radius:24px;
  box-shadow:0 24px 58px rgba(18,67,111,.09);
}
body[data-page="gioi-thieu"].redesign-v26 .v26-profile-card:before{
  content:"";position:absolute;left:0;top:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--v210-blue),var(--v210-cyan));
}
body[data-page="gioi-thieu"].redesign-v26 .v26-profile-point{
  border:1px solid #e1edf6;
  border-left:3px solid #c9e0f1;
  border-radius:13px;
  background:#fbfdff;
  padding:12px 14px;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
body[data-page="gioi-thieu"].redesign-v26 .v26-profile-point:hover{
  transform:translateY(-3px);
  border-left-color:var(--v210-blue);
  background:#fff;
  box-shadow:0 10px 22px rgba(23,73,119,.07);
}
body[data-page="gioi-thieu"].redesign-v26 .v26-value-flow{gap:14px}
body[data-page="gioi-thieu"].redesign-v26 .v26-value-step{
  position:relative;
  min-height:172px;
  padding:20px;
  border:1px solid #dce9f3;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body[data-page="gioi-thieu"].redesign-v26 .v26-value-step:before{height:3px;width:38px;border-radius:99px}
body[data-page="gioi-thieu"].redesign-v26 .v26-value-step:hover{
  transform:translateY(-5px);
  border-color:#abd2ef;
  box-shadow:0 16px 34px rgba(23,73,119,.085);
}
body[data-page="gioi-thieu"].redesign-v26 .v26-time-row{transition:background .2s ease}
body[data-page="gioi-thieu"].redesign-v26 .v26-time-row:hover{background:#f8fcff}
body[data-page="gioi-thieu"].redesign-v26 .v26-time-row:hover:after{box-shadow:0 0 0 7px #e4f3ff}
body[data-page="gioi-thieu"].redesign-v26 .v26-time-row time{font-weight:700}
body[data-page="gioi-thieu"].redesign-v26 .v26-award{border:1px solid var(--v210-line);border-radius:20px;background:#fff}
body[data-page="gioi-thieu"].redesign-v26 .v26-award-media img{transition:transform .35s ease}
body[data-page="gioi-thieu"].redesign-v26 .v26-award:hover .v26-award-media img{transform:scale(1.025)}
body[data-page="gioi-thieu"].redesign-v26 .v26-metric{transition:background .2s ease,transform .2s ease}
body[data-page="gioi-thieu"].redesign-v26 .v26-metric:hover{background:#f7fbff;transform:translateY(-2px)}

/* =========================================================
   3. CAPABILITIES — clearer hierarchy, implementation-like lifecycle
   ========================================================= */
body[data-page="nang-luc"].redesign-v26 .v26-hero h1{max-width:690px;font-size:clamp(46px,4.7vw,64px)}
body[data-page="nang-luc"].redesign-v26 .v26-capability-map{
  border-radius:24px;
  padding:28px;
  box-shadow:0 24px 58px rgba(18,67,111,.09);
}
body[data-page="nang-luc"].redesign-v26 .v26-capability-map h3{font-size:20px;font-weight:700}
body[data-page="nang-luc"].redesign-v26 .v26-map-line{padding:3px 0;transition:transform .2s ease}
body[data-page="nang-luc"].redesign-v26 .v26-map-line:hover{transform:translateX(4px)}
body[data-page="nang-luc"].redesign-v26 .v26-map-line span{height:10px}
body[data-page="nang-luc"].redesign-v26 .v26-map-line i{transition:filter .2s ease,box-shadow .2s ease}
body[data-page="nang-luc"].redesign-v26 .v26-map-line:hover i{filter:brightness(1.05);box-shadow:0 0 14px rgba(13,102,220,.18)}
body[data-page="nang-luc"].redesign-v26 .v26-cap{min-height:210px}
body[data-page="nang-luc"].redesign-v26 .v26-cap h3{font-size:18px}
body[data-page="nang-luc"].redesign-v26 .v26-cap p{font-size:13.5px;line-height:1.62}
body[data-page="nang-luc"].redesign-v26 .v26-journey{gap:12px}
body[data-page="nang-luc"].redesign-v26 .v26-stage{padding:4px 0 0}
body[data-page="nang-luc"].redesign-v26 .v26-stage-no{
  position:relative;z-index:2;width:48px;height:48px;margin:0 0 -10px 16px;
  border-radius:50%;box-shadow:0 0 0 7px #e9f5ff;
}
body[data-page="nang-luc"].redesign-v26 .v26-stage-card{
  min-height:205px;padding:30px 18px 18px;border:1px solid var(--v210-line);
  border-radius:19px;background:linear-gradient(180deg,#f9fcff,#fff);
  box-shadow:0 8px 24px rgba(23,73,119,.045);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
body[data-page="nang-luc"].redesign-v26 .v26-stage-card:before{content:none}
body[data-page="nang-luc"].redesign-v26 .v26-stage:hover .v26-stage-card{
  transform:translateY(-5px);border-color:#abd2ef;box-shadow:0 16px 38px rgba(23,73,119,.10)
}
body[data-page="nang-luc"].redesign-v26 .v26-stage-card h3{font-size:17px;font-weight:700}
body[data-page="nang-luc"].redesign-v26 .v26-stage-card p{font-size:13px;line-height:1.58}

/* =========================================================
   4. SOLUTIONS — distinct visual systems, interactive but restrained
   ========================================================= */
body[data-page="giai-phap"].redesign-v26 .v26-hero h1{max-width:680px;font-size:clamp(46px,4.7vw,64px)}
body[data-page="giai-phap"].redesign-v26 .v26-solution-map{
  padding:28px;border-radius:24px;box-shadow:0 24px 58px rgba(18,67,111,.09)
}
body[data-page="giai-phap"].redesign-v26 .v26-map-ai{
  min-height:52px;border-radius:14px;background:linear-gradient(95deg,#f4f0ff,#f7fbff);
  box-shadow:0 8px 20px rgba(94,75,198,.07);transition:transform .22s ease,box-shadow .22s ease
}
body[data-page="giai-phap"].redesign-v26 .v26-map-ai:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(94,75,198,.12)}
body[data-page="giai-phap"].redesign-v26 .v26-map-module{min-height:72px;padding:15px 12px}
body[data-page="giai-phap"].redesign-v26 .v26-map-module b{font-size:13px;font-weight:700}
body[data-page="giai-phap"].redesign-v26 .v26-map-module span{font-size:10.5px;line-height:1.4;color:#56738f}
body[data-page="giai-phap"].redesign-v26 .v26-map-foundation span{
  transition:background .2s ease,color .2s ease;padding:11px 8px
}
body[data-page="giai-phap"].redesign-v26 .v26-map-foundation span:hover{background:#e4f3ff;color:#07367f}
body[data-page="giai-phap"].redesign-v26 .v26-model{
  position:relative;overflow:hidden;min-height:226px;padding:22px;border:1px solid var(--v210-line);
  border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(23,73,119,.035)
}
body[data-page="giai-phap"].redesign-v26 .v26-model:before{
  content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--accent,var(--v210-blue));
  transform:scaleX(.34);transform-origin:left;transition:transform .25s ease
}
body[data-page="giai-phap"].redesign-v26 .v26-model:hover:before{transform:scaleX(1)}
body[data-page="giai-phap"].redesign-v26 .v26-model h3{font-size:18px;font-weight:700}
body[data-page="giai-phap"].redesign-v26 .v26-model p{font-size:13px;line-height:1.6}
body[data-page="giai-phap"].redesign-v26 .v26-group-top{padding:21px 24px;border-radius:18px}
body[data-page="giai-phap"].redesign-v26 .v26-group-top b{font-size:18px;font-weight:700}
body[data-page="giai-phap"].redesign-v26 .v26-shared-bar div{transition:background .2s ease,transform .2s ease}
body[data-page="giai-phap"].redesign-v26 .v26-shared-bar div:hover{background:#eaf6ff;transform:translateY(-2px)}
body[data-page="giai-phap"].redesign-v26 .v26-company{min-height:118px;padding:18px}
body[data-page="giai-phap"].redesign-v26 .v26-company b{font-size:13.5px;font-weight:700}
body[data-page="giai-phap"].redesign-v26 .v26-system{min-height:72px;padding:15px}
body[data-page="giai-phap"].redesign-v26 .v26-system b{font-size:13px;font-weight:700}
body[data-page="giai-phap"].redesign-v26 .v26-system span{font-size:10.8px;line-height:1.45;color:#55728e}
body[data-page="giai-phap"].redesign-v26 .v26-hub{
  border-radius:22px;padding:28px;background:linear-gradient(145deg,#07367f,#0d63c4);
  transition:transform .25s ease,box-shadow .25s ease
}
body[data-page="giai-phap"].redesign-v26 .v26-hub:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(7,54,127,.22)}
body[data-page="giai-phap"].redesign-v26 .v26-hub p{color:#deedf8;font-size:13px;line-height:1.6}

/* =========================================================
   5. IBOM — product language, strongest dark contrast
   ========================================================= */
body[data-page="ibom"].redesign-v26 .v26-hero h1{max-width:760px;font-size:clamp(45px,4.55vw,63px)}
body[data-page="ibom"].redesign-v26 .v26-product-stack{
  padding:27px;border-radius:24px;box-shadow:0 24px 58px rgba(18,67,111,.10)
}
body[data-page="ibom"].redesign-v26 .v26-product-brand span{font-size:12px;color:#526f8a}
body[data-page="ibom"].redesign-v26 .v26-product-ai{
  min-height:48px;padding:13px 16px;background:linear-gradient(95deg,#654fc9,#7a61dd);
  transition:transform .22s ease,box-shadow .22s ease
}
body[data-page="ibom"].redesign-v26 .v26-product-ai:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(108,85,217,.20)}
body[data-page="ibom"].redesign-v26 .v26-product-module{min-height:68px;padding:13px}
body[data-page="ibom"].redesign-v26 .v26-product-module b{font-size:12.5px;font-weight:700}
body[data-page="ibom"].redesign-v26 .v26-product-module span{font-size:9.8px;color:#5a7590}
body[data-page="ibom"].redesign-v26 .v26-product-foundation span{transition:background .2s ease,color .2s ease}
body[data-page="ibom"].redesign-v26 .v26-product-foundation span:hover{background:#e3f2fe;color:#07367f}
body[data-page="ibom"].redesign-v26 .v26-foundation{
  position:relative;overflow:hidden;min-height:178px;padding:21px;
  border:1px solid var(--v210-line);border-radius:19px;background:#fff
}
body[data-page="ibom"].redesign-v26 .v26-foundation:before{
  content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--accent,var(--v210-blue));
  transform:scaleX(.36);transform-origin:left;transition:transform .25s ease
}
body[data-page="ibom"].redesign-v26 .v26-foundation:hover:before{transform:scaleX(1)}
body[data-page="ibom"].redesign-v26 .v26-foundation h3{font-size:17px;font-weight:700}
body[data-page="ibom"].redesign-v26 .v26-foundation p{font-size:13px;line-height:1.58}
body[data-page="ibom"].redesign-v26 .v26-dark{
  background:linear-gradient(135deg,#07367f 0%,#0a60ba 100%);
}
body[data-page="ibom"].redesign-v26 .v26-ibot-copy .v26-title{color:#fff}
body[data-page="ibom"].redesign-v26 .v26-ibot-copy .v26-lead{color:#e2f0fb!important}
body[data-page="ibom"].redesign-v26 .v26-ibot-demo{
  padding:22px;border-radius:22px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);
  box-shadow:0 18px 42px rgba(2,29,68,.14),inset 0 1px rgba(255,255,255,.07)
}
body[data-page="ibom"].redesign-v26 .v26-bubble{font-size:12.5px;line-height:1.55}
body[data-page="ibom"].redesign-v26 .v26-insight-row div{transition:transform .2s ease,background .2s ease,border-color .2s ease}
body[data-page="ibom"].redesign-v26 .v26-insight-row div:hover{transform:translateY(-3px);background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22)}
body[data-page="ibom"].redesign-v26 .v26-insight-row b{font-size:11.5px}
body[data-page="ibom"].redesign-v26 .v26-insight-row span{font-size:10px;color:#d7e8f6}
body[data-page="ibom"].redesign-v26 .v26-module-light{min-height:178px;padding:21px}
body[data-page="ibom"].redesign-v26 .v26-module-light h3{font-size:17px;font-weight:700}
body[data-page="ibom"].redesign-v26 .v26-module-light p{font-size:13px;line-height:1.58}
body[data-page="ibom"].redesign-v26 .v26-module-code{font-weight:700}
body[data-page="ibom"].redesign-v26 .v26-hub p{color:#deedf8!important}

/* =========================================================
   6. CUSTOMERS — featured first row, calmer catalogue, stronger cases
   ========================================================= */
body[data-page="khach-hang-du-an"].redesign-v26 .v26-hero h1{max-width:680px;font-size:clamp(46px,4.6vw,64px)}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-customer-hero-panel{
  padding:28px;border-radius:24px;box-shadow:0 24px 58px rgba(18,67,111,.09)
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-customer-hero-panel h3{font-size:20px;font-weight:700}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector{
  min-height:54px;padding:13px 14px;border:1px solid #e1edf6;background:#fbfdff
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector:hover{background:#fff}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector b{font-size:12px;color:#315d86}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector span{font-size:10.5px;color:#607b98}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-logo-grid{gap:13px}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-logo-card:nth-child(-n+4){
  min-height:166px;border-color:#c7ddeb;box-shadow:0 10px 26px rgba(18,67,111,.05)
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-logo-card:nth-child(-n+4):hover{box-shadow:0 18px 38px rgba(23,73,119,.10)}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-logo-card:nth-child(n+5){background:#fcfeff}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-logo-card b{font-size:13px;font-weight:700}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-logo-card span{font-size:10.8px;color:#5b7692}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-case{
  position:relative;overflow:hidden;border:1px solid var(--v210-line);border-radius:20px;background:#fff
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-case:before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--v210-blue),var(--v210-cyan));
  transform:scaleX(.25);transform-origin:left;transition:transform .25s ease;z-index:2
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-case:hover:before{transform:scaleX(1)}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-case-media{height:146px}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-case-body{padding:20px}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-case-body b{font-size:17px;font-weight:700}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-case-body span{font-size:12.5px;line-height:1.55}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-case-body em{font-size:12px;font-weight:800}

/* =========================================================
   7. CONTACT — simple, confident, obvious clickable states
   ========================================================= */
body[data-page="lien-he"].redesign-v26 .v26-hero h1{max-width:620px;font-size:clamp(46px,4.5vw,62px)}
body[data-page="lien-he"].redesign-v26 .v26-contact-panel{
  padding:30px;border-radius:24px;box-shadow:0 24px 58px rgba(18,67,111,.09)
}
body[data-page="lien-he"].redesign-v26 .v26-contact-panel h2{font-size:30px;font-weight:700}
body[data-page="lien-he"].redesign-v26 .v26-contact-panel>p{font-size:14px;line-height:1.65;color:#55728e}
body[data-page="lien-he"].redesign-v26 .v26-contact-list{gap:10px;margin-top:22px}
body[data-page="lien-he"].redesign-v26 .v26-contact-item{
  min-height:66px;padding:13px 14px;border-radius:15px;background:#fbfdff
}
body[data-page="lien-he"].redesign-v26 .v26-contact-item:hover{background:#fff}
body[data-page="lien-he"].redesign-v26 .v26-contact-item b{font-size:12.5px;font-weight:700}
body[data-page="lien-he"].redesign-v26 .v26-contact-item span{font-size:11.5px;color:#587591}
body[data-page="lien-he"].redesign-v26 .v26-office-grid{gap:16px}
body[data-page="lien-he"].redesign-v26 .v26-office{
  position:relative;overflow:hidden;min-height:190px;padding:23px;border:1px solid var(--v210-line);border-top:3px solid #c5deef;
  border-radius:19px;background:linear-gradient(180deg,#fff,#fbfdff)
}
body[data-page="lien-he"].redesign-v26 .v26-office:hover{border-top-color:var(--v210-blue)}
body[data-page="lien-he"].redesign-v26 .v26-office h3{font-size:17px;font-weight:700}
body[data-page="lien-he"].redesign-v26 .v26-office p{font-size:13px;line-height:1.65}
body[data-page="lien-he"].redesign-v26 .v26-office a{
  margin-top:15px;padding:7px 10px;border-radius:9px;background:#edf7ff;color:#0d66dc;font-size:11.5px;font-weight:800;
  transition:background .2s ease,color .2s ease
}
body[data-page="lien-he"].redesign-v26 .v26-office a:hover{background:#0d66dc;color:#fff}

/* =========================================================
   Responsive review — preserve mobile readability
   ========================================================= */
@media(max-width:1120px){
  body.redesign-v26 .v26-hero h1{font-size:clamp(44px,6vw,62px)}
}
@media(max-width:860px){
  body.redesign-v26 .v26-wrap{width:min(100% - 30px,1280px)}
  body.redesign-v26 .v26-hero{padding:54px 0 50px}
  body.redesign-v26 .v26-section{padding:66px 0}
  body.redesign-v26 .v26-section-head{gap:16px;margin-bottom:28px}
  body.redesign-v26 .v26-hero h1{font-size:48px}
  body.redesign-v26 .v26-title,body.redesign-v26 .v26-section-head h2{font-size:38px}
  body[data-page="gioi-thieu"].redesign-v26 .v26-value-step{min-height:150px}
}
@media(max-width:590px){
  body.redesign-v26 .v26-hero h1{font-size:39px;line-height:1.03;letter-spacing:-.035em}
  body.redesign-v26 .v26-hero .v26-lead{font-size:16px;line-height:1.68}
  body.redesign-v26 .v26-title,body.redesign-v26 .v26-section-head h2{font-size:32px;line-height:1.06}
  body.redesign-v26 .v26-lead,body.redesign-v26 .v26-section-head>p{font-size:15px;line-height:1.68}
  body.redesign-v26 .v26-kicker{font-size:11.5px}
  body.redesign-v26 .v26-btn{width:100%;min-height:48px}
  body[data-page="home"].redesign-v26 .v26-stage-card,
  body[data-page="nang-luc"].redesign-v26 .v26-stage-card{min-height:0}
  body[data-page="gioi-thieu"].redesign-v26 .v26-value-step,
  body[data-page="ibom"].redesign-v26 .v26-foundation,
  body[data-page="ibom"].redesign-v26 .v26-module-light,
  body[data-page="lien-he"].redesign-v26 .v26-office{min-height:0}
}
@media(hover:none){
  body.redesign-v26 .v26-main :is(
    .v26-layer,.v26-cap,.v26-model,.v26-foundation,.v26-module-light,.v26-company,.v26-system,
    .v26-office,.v26-contact-item,.v26-sector,.v26-map-module,.v26-product-module,.v26-award,.v26-case,.v26-logo-card
  ):hover{transform:none;box-shadow:inherit}
}
@media(prefers-reduced-motion:reduce){
  body.redesign-v26 .v26-main *,body.redesign-v26 .v26-main *:before,body.redesign-v26 .v26-main *:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}

/* =========================================================
   8. V2.11 FINAL POLISH — extra interaction & contact emphasis
   ========================================================= */

/* Shared micro-accent for actionable boxes */
body.redesign-v26 .v26-main :is(.v26-system,.v26-sector,.v26-contact-item,.v26-map-module,.v26-logo-card,.v26-office,.v26-case){
  position:relative;
  overflow:hidden;
}
body.redesign-v26 .v26-main :is(.v26-system,.v26-sector,.v26-contact-item,.v26-map-module,.v26-logo-card,.v26-office,.v26-case)::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:38px;
  height:3px;
  border-radius:0 0 999px 0;
  background:linear-gradient(90deg,var(--v210-blue),var(--v210-cyan));
  opacity:.9;
  transition:width .24s ease,opacity .24s ease;
}
body.redesign-v26 .v26-main :is(.v26-system,.v26-sector,.v26-contact-item,.v26-map-module,.v26-logo-card,.v26-office,.v26-case):hover::before{
  width:100%;
  opacity:1;
}

/* Make button-on-light sections stand out more clearly */
body.redesign-v26 .v26-btn:not(.v26-btn--primary){
  background:linear-gradient(180deg,#ffffff,#f2f8ff);
  border-color:#b9d6ef;
  box-shadow:0 10px 24px rgba(13,102,220,.08);
}
body.redesign-v26 .v26-btn:not(.v26-btn--primary):hover{
  background:linear-gradient(180deg,#0d66dc,#0a5ecb);
  border-color:#0a5ecb;
  color:#fff;
  box-shadow:0 15px 34px rgba(13,102,220,.22);
}

/* Customer sectors: stronger hover signal */
body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector{
  box-shadow:0 6px 18px rgba(23,73,119,.03);
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector:hover{
  background:linear-gradient(180deg,#ffffff,#f8fcff);
  box-shadow:0 14px 30px rgba(23,73,119,.08);
}

/* Solution / IBOM integration blocks: more interactive without redesign */
body[data-page="giai-phap"].redesign-v26 .v26-system,
body[data-page="ibom"].redesign-v26 .v26-system{
  background:linear-gradient(180deg,#ffffff,#fbfdff);
}
body[data-page="giai-phap"].redesign-v26 .v26-system:hover,
body[data-page="ibom"].redesign-v26 .v26-system:hover{
  background:linear-gradient(180deg,#ffffff,#f4f9ff);
  box-shadow:0 16px 34px rgba(23,73,119,.10);
}
body[data-page="giai-phap"].redesign-v26 .v26-system b,
body[data-page="ibom"].redesign-v26 .v26-system b{
  transition:color .2s ease,transform .2s ease;
}
body[data-page="giai-phap"].redesign-v26 .v26-system:hover b,
body[data-page="ibom"].redesign-v26 .v26-system:hover b{
  color:var(--v210-blue);
  transform:translateX(2px);
}
body[data-page="giai-phap"].redesign-v26 .v26-hub,
body[data-page="ibom"].redesign-v26 .v26-hub{
  overflow:hidden;
}
body[data-page="giai-phap"].redesign-v26 .v26-hub::after,
body[data-page="ibom"].redesign-v26 .v26-hub::after{
  content:"";
  position:absolute;
  inset:-40% auto auto -25%;
  width:180px;
  height:180px;
  background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,0) 68%);
  pointer-events:none;
}
body[data-page="giai-phap"].redesign-v26 .v26-hub-grid span,
body[data-page="ibom"].redesign-v26 .v26-hub-grid span{
  border:1px solid rgba(255,255,255,.06);
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
body[data-page="giai-phap"].redesign-v26 .v26-hub-grid span:hover,
body[data-page="ibom"].redesign-v26 .v26-hub-grid span:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.17);
  border-color:rgba(255,255,255,.16);
}
body[data-page="giai-phap"].redesign-v26 .v26-flow-line,
body[data-page="ibom"].redesign-v26 .v26-flow-line{
  filter:drop-shadow(0 0 6px rgba(39,169,255,.18));
}

/* Contact page: hotline / email / zalo should stand out clearly */
body[data-page="lien-he"].redesign-v26 .v26-contact-panel{
  background:linear-gradient(180deg,#ffffff,#fbfdff);
}
body[data-page="lien-he"].redesign-v26 .v26-contact-item{
  min-height:72px;
  padding:14px 16px;
  border:1px solid #d6e8f6;
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff,#f9fcff);
  box-shadow:0 8px 22px rgba(23,73,119,.045);
}
body[data-page="lien-he"].redesign-v26 .v26-contact-item:hover{
  background:linear-gradient(180deg,#ffffff,#f2f8ff);
  box-shadow:0 16px 34px rgba(23,73,119,.10);
}
body[data-page="lien-he"].redesign-v26 .v26-contact-item .v26-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  background:linear-gradient(180deg,#eef6ff,#dcecff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(13,102,220,.08);
}
body[data-page="lien-he"].redesign-v26 .v26-contact-item .v26-icon svg{
  stroke:#0d66dc;
}
body[data-page="lien-he"].redesign-v26 .v26-contact-item b{
  color:#0d66dc;
  letter-spacing:.01em;
}
body[data-page="lien-he"].redesign-v26 .v26-contact-item span{
  font-size:13px;
  color:#174776;
  font-weight:700;
}
body[data-page="lien-he"].redesign-v26 .v26-contact-item:nth-child(1){
  border-color:#b8d7f0;
}
body[data-page="lien-he"].redesign-v26 .v26-contact-item:nth-child(1) .v26-icon{
  background:linear-gradient(180deg,#e8f3ff,#d7e9ff);
}
body[data-page="lien-he"].redesign-v26 .v26-contact-item:nth-child(2) b,
body[data-page="lien-he"].redesign-v26 .v26-contact-item:nth-child(2) .v26-icon svg{
  color:#0a58a8;
  stroke:#0a58a8;
}
body[data-page="lien-he"].redesign-v26 .v26-contact-item:nth-child(3){
  border-color:#b9dbf8;
}
body[data-page="lien-he"].redesign-v26 .v26-contact-item:nth-child(3) b,
body[data-page="lien-he"].redesign-v26 .v26-contact-item:nth-child(3) .v26-icon svg{
  color:#0e6fd6;
  stroke:#0e6fd6;
}
body[data-page="lien-he"].redesign-v26 .v26-office a{
  box-shadow:0 8px 18px rgba(13,102,220,.08);
}
body[data-page="lien-he"].redesign-v26 .footer .footer-grid > div:last-child a[href^="tel:"],
body[data-page="lien-he"].redesign-v26 .footer .footer-grid > div:last-child a[href*="zalo.me"],
body[data-page="lien-he"].redesign-v26 .footer .footer-grid > div:last-child a[href^="mailto:"]{
  display:inline-flex;
  width:max-content;
  padding:6px 10px;
  margin-bottom:6px;
  border-radius:10px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}
body[data-page="lien-he"].redesign-v26 .footer .footer-grid > div:last-child a[href^="tel:"]{
  background:#0d66dc;
  border-color:#0d66dc;
  color:#fff;
}

/* Contact page + customer page mobile readability */
@media(max-width:590px){
  body[data-page="lien-he"].redesign-v26 .v26-contact-item span{font-size:12.5px}
  body[data-page="giai-phap"].redesign-v26 .v26-hub-grid span,
  body[data-page="ibom"].redesign-v26 .v26-hub-grid span{font-size:11px}
}

/* =========================================================
   9. V2.12 MODULE BOX EFFECTS — full-card hover for large IBOM blocks
   ========================================================= */

/* Large module boxes in IBOM should react as a full card, not only the icon */
body[data-page="ibom"].redesign-v26 .v26-module-light{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border:1px solid #d8e8f5;
  box-shadow:0 8px 24px rgba(23,73,119,.045);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
body[data-page="ibom"].redesign-v26 .v26-module-light::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:54px;
  height:3px;
  background:linear-gradient(90deg,var(--v210-blue),var(--v210-cyan));
  border-radius:0 0 999px 0;
  opacity:.95;
  transition:width .24s ease;
}
body[data-page="ibom"].redesign-v26 .v26-module-light::after{
  content:"";
  position:absolute;
  right:-28px;
  bottom:-28px;
  width:110px;
  height:110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(39,169,255,.10),rgba(39,169,255,0) 68%);
  opacity:.7;
  transition:transform .24s ease,opacity .24s ease;
}
body[data-page="ibom"].redesign-v26 .v26-module-light:hover{
  transform:translateY(-7px);
  border-color:#a8cfee;
  background:linear-gradient(180deg,#ffffff 0%,#f4faff 100%);
  box-shadow:0 18px 40px rgba(23,73,119,.11);
}
body[data-page="ibom"].redesign-v26 .v26-module-light:hover::before{width:100%}
body[data-page="ibom"].redesign-v26 .v26-module-light:hover::after{
  transform:scale(1.08);
  opacity:1;
}
body[data-page="ibom"].redesign-v26 .v26-module-light h3,
body[data-page="ibom"].redesign-v26 .v26-module-light p,
body[data-page="ibom"].redesign-v26 .v26-module-light .v26-module-code{
  position:relative;
  z-index:1;
}
body[data-page="ibom"].redesign-v26 .v26-module-light .v26-module-code{
  transition:transform .2s ease,color .2s ease;
}
body[data-page="ibom"].redesign-v26 .v26-module-light h3{
  transition:color .2s ease,transform .2s ease;
}
body[data-page="ibom"].redesign-v26 .v26-module-light p{
  transition:color .2s ease;
}
body[data-page="ibom"].redesign-v26 .v26-module-light:hover .v26-module-code,
body[data-page="ibom"].redesign-v26 .v26-module-light:hover h3{
  color:var(--v210-blue);
  transform:translateY(-1px);
}
body[data-page="ibom"].redesign-v26 .v26-module-light:hover p{
  color:#476988!important;
}
body[data-page="ibom"].redesign-v26 .v26-module-light .v26-icon{
  position:relative;
  z-index:1;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
body[data-page="ibom"].redesign-v26 .v26-module-light:hover .v26-icon{
  transform:translateY(-3px) scale(1.02);
  background:linear-gradient(180deg,#eef6ff,#dbeefe);
  box-shadow:0 10px 22px rgba(13,102,220,.12);
}

/* Also strengthen the same full-box behavior for foundation cards above */
body[data-page="ibom"].redesign-v26 .v26-foundation{
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
body[data-page="ibom"].redesign-v26 .v26-foundation:hover{
  transform:translateY(-6px);
  background:linear-gradient(180deg,#ffffff,#f6fbff);
  box-shadow:0 18px 36px rgba(23,73,119,.10);
}
body[data-page="ibom"].redesign-v26 .v26-foundation h3,
body[data-page="ibom"].redesign-v26 .v26-foundation p{
  transition:color .2s ease,transform .2s ease;
}
body[data-page="ibom"].redesign-v26 .v26-foundation:hover h3{
  color:var(--v210-blue);
  transform:translateY(-1px);
}
body[data-page="ibom"].redesign-v26 .v26-foundation:hover p{color:#476988!important}

@media(hover:none){
  body[data-page="ibom"].redesign-v26 .v26-module-light:hover,
  body[data-page="ibom"].redesign-v26 .v26-foundation:hover{
    transform:none;
    box-shadow:inherit;
  }
}