/* ===== SOURCE: profile-v5.css ===== */
/* ISOFT Corporate Website V5 — Profile-led design */
:root{
  --navy:#07367f;--navy2:#092d63;--blue:#126fe8;--blue2:#35a5f5;--cyan:#dff3ff;
  --red:#f31c24;--ink:#17365d;--muted:#58718f;--line:#d9e8f5;--soft:#f4f9fd;--white:#fff;
  --shadow:0 20px 60px rgba(12,62,116,.12);--radius:22px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--ink);background:#fff;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}
.skip{position:absolute;left:-9999px;top:10px;background:#fff;padding:10px 14px;z-index:200}.skip:focus{left:10px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(8,65,126,.09)}
.header-inner{max-width:1240px;margin:auto;min-height:112px;padding:0 22px;display:flex;align-items:center;gap:24px;overflow:visible}.brand{width:160px;flex:0 0 160px;display:flex;align-items:center;line-height:0;overflow:visible;padding:0}.brand img{display:block;width:160px;height:auto;max-width:160px;object-fit:contain;object-position:left center}.nav{margin-left:auto;display:flex;align-items:center;gap:2px}.nav a{font-size:14px;font-weight:700;color:#204971;padding:18px 11px;border-bottom:3px solid transparent;white-space:nowrap}.nav a:hover,.nav a.active{color:var(--navy);border-color:var(--blue)}.nav-cta{margin-left:8px;padding:12px 17px!important;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff!important;border:0!important;border-radius:10px}.lang{font-size:12px!important;padding-left:6px!important;padding-right:0!important}.menu-btn{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:10px;width:44px;height:44px;color:var(--navy);font-weight:800}
.wrap{max-width:var(--max);margin:auto;padding:0 28px}.section{padding:88px 0;position:relative}.section.soft{background:linear-gradient(180deg,#f7fbff,#fff)}.section.blue{background:linear-gradient(135deg,#062f70,#0a5cc4);color:#fff;overflow:hidden}.section.blue:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,rgba(255,255,255,.08) 45%,transparent 70%);pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--blue);text-transform:uppercase;margin-bottom:12px}.eyebrow.white{color:#bfe2ff}.h2{font-size:clamp(34px,4vw,54px);line-height:1.03;margin:0;color:var(--navy);letter-spacing:-.025em}.h2 span{font-weight:400;color:#156ee0}.section.blue .h2{color:#fff}.section.blue .h2 span{color:#bfe3ff}.lead{font-size:19px;color:#4b6684;max-width:760px;margin:22px 0 0}.section.blue .lead{color:#e1efff}.redline{width:64px;height:4px;background:var(--red);margin:22px 0 0;border-radius:4px}.kicker{font-size:17px;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-weight:700}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.hero{min-height:690px;display:flex;align-items:stretch;background:linear-gradient(120deg,#fff 0 53%,#ebf6ff 53%);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;left:44%;top:-140px;width:190px;height:960px;background:linear-gradient(180deg,rgba(200,229,252,.18),rgba(26,111,213,.13));transform:rotate(31deg);z-index:1}.hero-inner{max-width:1240px;width:100%;margin:auto;padding:48px 22px 54px;display:grid;grid-template-columns:52% 48%;align-items:center;position:relative;z-index:2}.hero-copy{padding:20px 44px 20px 6px}.hero h1{font-size:clamp(48px,5.4vw,76px);line-height:.99;margin:0;color:var(--navy);letter-spacing:-.04em}.hero h1 small{display:block;font-size:.55em;font-weight:400;letter-spacing:-.02em;color:#1264c4;margin-top:12px}.hero .sub{font-size:21px;max-width:650px;color:#49647f;margin:24px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 19px;border-radius:10px;font-weight:800;font-size:14px;border:1px solid transparent}.btn.primary{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 12px 30px rgba(10,82,165,.18)}.btn.secondary{border-color:#c9dff0;color:var(--navy);background:#fff}.hero-visual{height:590px;position:relative;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%,12% 48%);border-radius:0 0 0 80px;overflow:hidden;background:#ddecfb}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.hero-visual:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(transparent,rgba(1,45,103,.36))}.hero-badge{position:absolute;right:28px;bottom:30px;z-index:3;color:#fff;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:13px;line-height:1.6;text-align:right;border-right:3px solid #fff;padding-right:15px}
.statband{background:#fff;position:relative;z-index:5;margin-top:-38px}.stat-inner{max-width:1100px;margin:auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);padding:22px 12px}.stat{text-align:center;padding:9px 18px;border-right:1px solid #e1edf7}.stat:last-child{border:0}.stat b{display:block;font-size:31px;color:var(--navy);line-height:1.1}.stat span{font-size:12px;color:#617a95;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.value-list{display:grid;gap:8px;margin-top:28px}.value-item{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.value-item:last-child{border:0}.value-no{width:38px;height:38px;border-radius:50%;background:#e3f2ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.value-item b{color:var(--navy);font-size:16px}.value-item p{margin:3px 0 0;color:#58718f;font-size:14px}.visual-frame{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid #d8e8f5;background:#fff}.visual-frame img{width:100%;height:100%;object-fit:cover}.visual-frame.contain img{object-fit:contain}.quote-band{margin-top:56px;background:linear-gradient(120deg,#063379,#0d6ad6);border-radius:22px;overflow:hidden;color:#fff;padding:32px 38px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;position:relative}.quote-band:after{content:"";position:absolute;width:240px;height:100%;right:-80px;top:0;background:rgba(255,255,255,.09);transform:skewX(-24deg)}.quote-band strong{font-size:27px;line-height:1.2}.quote-band p{margin:0;color:#dcecff;font-style:italic}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:25px;box-shadow:0 12px 32px rgba(11,68,128,.06)}.card h3{margin:7px 0 8px;color:var(--navy);font-size:19px}.card p{margin:0;color:#5e7690;font-size:14px}.card .num{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:.08em}.card.bluecard{background:linear-gradient(145deg,#07377f,#0b65ca);color:#fff;border:0}.card.bluecard h3,.card.bluecard p{color:#fff}.card.bluecard p{opacity:.84}
.cap-ring{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.cap{min-height:150px;border:1px solid var(--line);border-radius:16px;padding:22px;background:linear-gradient(180deg,#fff,#f8fbfe);position:relative}.cap:before{content:"";position:absolute;left:0;top:22px;width:4px;height:36px;background:var(--blue);border-radius:0 4px 4px 0}.cap h3{margin:0 0 8px 10px;color:var(--navy);font-size:17px}.cap p{margin:0 0 0 10px;color:#5b7590;font-size:14px}.cap strong{display:block;color:var(--blue);font-size:13px;margin:0 0 8px 10px;text-transform:uppercase}.industry-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:34px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.flow-step{padding:25px 19px;position:relative;border-right:1px solid var(--line)}.flow-step:last-child{border:0}.flow-step .n{font-size:12px;color:var(--blue);font-weight:800}.flow-step h3{color:var(--navy);font-size:18px;margin:8px 0}.flow-step p{color:#637b94;font-size:13px;margin:0}.flow-step:after{content:"›";position:absolute;right:-9px;top:44%;width:18px;height:28px;background:#fff;color:var(--blue);font-size:27px;z-index:2;line-height:24px;text-align:center}.flow-step:last-child:after{display:none}
.platform{display:grid;grid-template-columns:42% 58%;gap:46px;align-items:center;margin-top:36px}.platform-visual{position:relative}.platform-visual img{border-radius:18px;border:1px solid #d6e8f7;box-shadow:var(--shadow)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.pillar{border-radius:14px;border:1px solid #d8e8f5;padding:15px;background:#fff;text-align:center}.pillar b{display:block;color:var(--navy)}.pillar span{font-size:12px;color:#627a93}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.module{border-radius:16px;padding:20px;border:1px solid var(--line);background:#fff;position:relative;overflow:hidden}.module:after{content:"";position:absolute;right:-24px;top:-24px;width:82px;height:82px;border-radius:50%;background:var(--mod,#e9f4ff)}.module b{display:block;color:var(--navy);font-size:19px}.module span{display:block;font-weight:700;color:var(--blue);font-size:13px;margin:2px 0 9px}.module p{margin:0;color:#5d7590;font-size:13px}.m1{--mod:#dceaff}.m2{--mod:#d9f5e9}.m3{--mod:#dff9fb}.m4{--mod:#fff0dc}.m5{--mod:#eee5ff}.m6{--mod:#ffe4ec}
.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.feature{padding:18px;border-left:3px solid var(--blue);background:#f7fbff}.feature b{color:var(--navy);display:block}.feature span{font-size:13px;color:#617a94}.integrate{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:18px;align-items:stretch;margin-top:34px}.integrate .box{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff}.integrate .center{background:linear-gradient(145deg,#063677,#1175df);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.integrate h3{margin:0 0 12px;color:var(--navy)}.integrate .center h3{color:#fff}.integrate ul{padding-left:18px;margin:0;color:#5e7690;font-size:14px}.integrate li{margin:8px 0}.integrate .center img{width:120px;margin-bottom:14px;filter:none;background:#fff;padding:8px;border-radius:12px}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:36px}.time{position:relative;padding:24px 18px 20px;border:1px solid var(--line);border-radius:15px;background:#fff}.time:before{content:"";position:absolute;left:24px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #e2f1ff}.time .years{color:var(--blue);font-weight:800;font-size:13px}.time h3{margin:8px 0 8px;color:var(--navy);font-size:18px}.time p{font-size:13px;color:#617991;margin:0}.timeline-line{height:2px;background:linear-gradient(90deg,#cfe7fb,var(--blue),#cfe7fb);margin:0 18px -1px;position:relative;top:39px;z-index:0}.time{z-index:1}
.awards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:34px}.award{border:1px solid var(--line);border-radius:14px;padding:18px 12px;text-align:center;background:#fff}.award .medal{font-size:27px;color:#c98c18}.award b{display:block;color:var(--navy);font-size:14px;margin-top:8px}.award span{font-size:12px;color:#6a8198}.team-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.team-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center}.team-stat b{font-size:25px;color:var(--navy);display:block}.team-stat span{font-size:12px;color:#627b95;text-transform:uppercase;font-weight:700}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.project{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 12px 32px rgba(7,59,115,.07)}.project img{width:100%;height:210px;object-fit:cover}.project-body{padding:20px}.project .tag{color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.project h3{color:var(--navy);margin:5px 0 8px}.project p{font-size:13px;color:#607991;margin:0 0 12px}.project a{color:var(--blue);font-weight:800;font-size:13px}.customer-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.customer{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.customer b{color:var(--navy)}.customer small{display:block;color:#698199;margin-top:3px}
.process{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:32px}.process-step{border:1px solid var(--line);border-radius:16px;padding:20px 15px;background:#fff;min-height:220px}.process-step .pno{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e6f3ff;color:var(--blue);font-weight:800;margin-bottom:13px}.process-step h3{font-size:15px;color:var(--navy);margin:0 0 10px}.process-step ul{padding-left:16px;margin:0;font-size:12px;color:#647d96}.process-step li{margin:5px 0}.success{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.success div{border-left:3px solid var(--blue);padding:12px 16px;background:#f8fbff}.success b{color:var(--navy);display:block}.success span{font-size:13px;color:#617a94}
.stage5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:32px}.stage{border:1px solid var(--line);border-radius:16px;padding:22px 18px;background:#fff}.stage .sn{font-size:28px;font-weight:800;color:#1a70dc}.stage h3{font-size:15px;color:var(--navy);text-transform:uppercase;margin:6px 0 12px}.stage ul{padding-left:16px;margin:0;color:#607890;font-size:13px}.stage li{margin:7px 0}.stage .result{margin-top:16px;background:#eef7ff;border-radius:9px;padding:9px;color:var(--navy);font-weight:700;font-size:12px}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;margin-top:34px}.office{display:grid;grid-template-columns:140px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:20px 0}.office:first-child{padding-top:0}.office:last-child{border:0}.office img{width:140px;height:105px;object-fit:cover;border-radius:12px}.office h3{margin:0 0 7px;color:var(--navy)}.office p{margin:0;color:#5d7690}.contact-card{border-radius:20px;background:linear-gradient(145deg,#063477,#0b65ce);color:#fff;padding:30px;height:100%}.contact-card h3{font-size:30px;line-height:1.1;margin:0 0 20px}.contact-item{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.16)}.contact-item small{display:block;color:#acd5ff;text-transform:uppercase;font-weight:700;letter-spacing:.08em}.contact-item b{display:block;margin-top:3px}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.contact-links a{border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:11px;text-align:center;font-size:13px;font-weight:700}.contact-links a:hover{background:rgba(255,255,255,.1)}
.cta{padding:60px 0;background:linear-gradient(110deg,#062f70,#0e70da);color:#fff;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;right:-120px;top:-80px;width:460px;height:320px;background:rgba(255,255,255,.08);transform:skewX(-28deg)}.cta .wrap{display:flex;justify-content:space-between;gap:32px;align-items:center;position:relative;z-index:2}.cta h2{font-size:38px;line-height:1.1;margin:0}.cta p{margin:8px 0 0;color:#d9ebff}.cta .btn{background:#fff;color:var(--navy);flex:0 0 auto}
.footer{background:#071f45;color:#c7d8eb;padding:46px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:38px}.footer-logo{width:170px;background:#fff;border-radius:10px;padding:7px}.footer h4{color:#fff;margin:0 0 14px;font-size:14px}.footer a{display:block;color:#c2d6ea;font-size:13px;margin:8px 0}.footer p{font-size:13px;margin:14px 0 0;color:#a9bfd6}.foot-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;font-size:12px;color:#87a6c4}
.page-hero{padding:80px 0 66px;background:linear-gradient(120deg,#fff 0 58%,#edf7ff 58%);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:0;top:0;width:42%;height:100%;background:linear-gradient(135deg,rgba(16,116,226,.08),rgba(4,57,126,.16));clip-path:polygon(26% 0,100% 0,100% 100%,0 100%)}.page-hero .wrap{position:relative;z-index:2}.page-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.03;color:var(--navy);margin:0;max-width:820px;letter-spacing:-.035em}.page-hero h1 span{display:block;font-weight:400;color:#1569d2;font-size:.72em;margin-top:8px}.page-hero p{font-size:18px;color:#536f8c;max-width:760px;margin:22px 0 0}.breadcrumbs{font-size:12px;color:#68819c;margin-bottom:22px}.breadcrumbs a{color:var(--blue)}
@media(max-width:1100px){.nav a{padding-left:7px;padding-right:7px;font-size:13px}.hero-inner{grid-template-columns:55% 45%}.hero-visual{height:520px}.process{grid-template-columns:repeat(3,1fr)}.awards{grid-template-columns:repeat(3,1fr)}.customer-matrix{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.menu-btn{display:block}.nav{position:absolute;top:112px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:12px 22px 22px;border-bottom:1px solid var(--line);box-shadow:0 16px 28px rgba(7,54,110,.08)}.nav.open{display:flex}.nav a{padding:12px 3px;border-bottom:1px solid #edf4f9}.nav-cta{text-align:center;margin:8px 0 0}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;padding-top:30px}.hero-copy{padding:30px 8px 40px}.hero-visual{height:470px;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 16%);border-radius:0 0 24px 24px}.statband{margin-top:0}.grid-2,.platform,.contact-grid{grid-template-columns:1fr}.grid-4,.feature-row{grid-template-columns:repeat(2,1fr)}.cap-ring,.cards,.project-grid{grid-template-columns:repeat(2,1fr)}.industry-flow{grid-template-columns:1fr}.flow-step{border-right:0;border-bottom:1px solid var(--line)}.flow-step:after{display:none}.modules{grid-template-columns:repeat(2,1fr)}.integrate{grid-template-columns:1fr}.timeline,.stage5{grid-template-columns:1fr 1fr}.timeline-line{display:none}.process{grid-template-columns:repeat(2,1fr)}.customer-matrix{grid-template-columns:repeat(2,1fr)}.quote-band{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta .wrap{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.header-inner{min-height:80px;padding:0 16px}.brand{width:105px;flex-basis:105px;padding:0}.brand img{width:105px;max-width:105px}.nav{top:80px}.wrap{padding:0 18px}.section{padding:62px 0}.hero-inner{padding:18px 16px 38px}.hero h1{font-size:45px}.hero .sub{font-size:17px}.hero-visual{height:365px}.stat-inner{grid-template-columns:1fr 1fr;border-radius:0;border-left:0;border-right:0}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid #e1edf7}.grid-3,.grid-4,.cap-ring,.cards,.project-grid,.modules,.timeline,.stage5,.process,.customer-matrix,.success,.team-stats{grid-template-columns:1fr}.feature-row{grid-template-columns:1fr}.awards{grid-template-columns:1fr 1fr}.office{grid-template-columns:1fr}.office img{width:100%;height:180px}.page-hero{padding:58px 0 50px}.page-hero h1{font-size:42px}.h2{font-size:38px}.footer-grid{grid-template-columns:1fr}.foot-bottom{display:block}.contact-links{grid-template-columns:1fr}.cta h2{font-size:31px}}


/* =========================================================
   FINAL V5.1 — ORIGINAL CUSTOMER LOGOS
   ========================================================= */
.customer-logo-matrix{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:30px;
}
.customer-logo-card{
  min-width:0;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:184px;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.customer-logo-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(7,54,127,.10);
  border-color:#b8d8f1;
}
.customer-logo-box{
  height:108px;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid #edf4fa;
  background:#fff;
}
.customer-logo-box img{
  width:100%;
  height:100%;
  max-width:220px;
  max-height:72px;
  object-fit:contain;
  object-position:center;
}
.customer-logo-info{padding:13px 16px 15px}
.customer-logo-info b{display:block;color:var(--navy);font-size:15px;line-height:1.25}
.customer-logo-info small{display:block;color:#698199;margin-top:4px;font-size:12px;line-height:1.35}
.home-client-logo-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin:30px 0 12px;
}
.home-client-logo-grid .customer-logo-card{min-height:116px;border-radius:13px}
.home-client-logo-grid .customer-logo-box{height:82px;padding:14px 16px;border-bottom:0}
.home-client-logo-grid .customer-logo-box img{max-height:54px}
.home-client-logo-grid .customer-logo-info{display:none}
.project-client-logo{
  width:116px;height:44px;margin:-4px 0 10px;
  display:flex;align-items:center;justify-content:flex-start;
}
.project-client-logo img{width:auto!important;height:auto!important;max-width:116px!important;max-height:42px!important;object-fit:contain!important}
@media(max-width:1100px){
  .home-client-logo-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
  .customer-logo-matrix{grid-template-columns:repeat(3,1fr)}
  .home-client-logo-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  .customer-logo-matrix{grid-template-columns:repeat(2,1fr)}
  .customer-logo-box{height:92px;padding:14px}
  .customer-logo-card{min-height:162px}
  .home-client-logo-grid{grid-template-columns:repeat(2,1fr)}
}


/* =========================================================
   FINAL V5.2 — UNIFORM LOGO FRAMES
   ========================================================= */
.customer-logo-box{
  min-height:126px;
  padding:18px;
  background:linear-gradient(180deg,#fff,#f8fbff);
}
.customer-logo-box img{
  width:180px;
  height:72px;
  max-width:180px;
  max-height:72px;
  object-fit:contain;
  object-position:center;
  padding:8px 12px;
  border:1px solid #dfeaf5;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 18px rgba(9,54,117,.06);
}
.home-client-logo-grid .customer-logo-card{
  min-height:124px;
}
.home-client-logo-grid .customer-logo-box{
  min-height:92px;
  height:92px;
  padding:12px;
  border-bottom:0;
}
.home-client-logo-grid .customer-logo-box img{
  width:120px;
  height:44px;
  max-width:120px;
  max-height:44px;
  padding:6px 10px;
  border-radius:12px;
}
.project-client-logo{
  width:124px;
  height:54px;
  margin:0 0 10px;
}
.project-client-logo img{
  width:124px!important;
  height:46px!important;
  max-width:124px!important;
  max-height:46px!important;
  padding:5px 10px;
  border:1px solid #dfeaf5;
  border-radius:12px;
  background:#fff;
  box-shadow:0 6px 14px rgba(9,54,117,.06);
  object-fit:contain!important;
}
@media(max-width:620px){
  .customer-logo-box{
    min-height:112px;
    padding:14px;
  }
  .customer-logo-box img{
    width:150px;
    height:62px;
    max-width:150px;
    max-height:62px;
  }
}


/* FINAL V5.3 — consistent hover on all customer logo cards */
.customer-logo-card{
  transition:transform .20s ease, box-shadow .20s ease, border-color .20s ease, background .20s ease;
}
.customer-logo-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(7,54,127,.12);
  border-color:#a9cfea;
  background:#fff;
}
a.customer-logo-card{cursor:pointer}
.customer-logo-card:not(a){cursor:default}

/* Profile integration */
.pillars.pillars-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.pillars.pillars-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.pillars.pillars-4{grid-template-columns:1fr}}

/* FINAL V1.1 supplied VI/EN visual set */
.final-profile-visual{
  display:block;
  width:100%;
  height:auto;
  max-width:1180px;
  margin:28px auto 0;
  object-fit:contain;
  object-position:center;
  background:#fff;
  border-radius:14px;
}

/* FINAL V1.2 supplemental profile visuals */
.final-profile-visual{
  display:block;
  width:100%;
  height:auto;
  max-width:1180px;
  margin:28px auto 0;
  object-fit:contain;
  object-position:center;
  background:#fff;
  border-radius:14px;
}


/* FINAL V1.5 production-candidate QA refinements */
.office.office-text-only{
  display:block;
  padding:22px 24px;
  border:1px solid #dbe8f4;
  border-radius:16px;
  background:#fff;
  margin-bottom:14px;
}
.office.office-text-only>div{padding:0!important}
.insights-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:0 0 26px;flex-wrap:wrap;
}
.insights-toolbar input{
  min-width:260px;flex:1;max-width:420px;
  border:1px solid #cfe0ef;border-radius:12px;padding:12px 14px;
  font:inherit;color:#173e67;background:#fff;
}
.insights-filters{display:flex;gap:8px;flex-wrap:wrap}
.insights-filters button,.insights-load-more{
  border:1px solid #bcd7ed;background:#fff;color:#154c84;
  border-radius:999px;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer;
}
.insights-filters button.active,.insights-filters button:hover,.insights-load-more:hover{
  background:#0f67dc;color:#fff;border-color:#0f67dc;
}
.insights-load-more{display:block;margin:28px auto 0}
.archive-card[hidden]{display:none!important}
.final-profile-visual.is-zoomable{cursor:zoom-in}
.visual-lightbox{
  position:fixed;inset:0;z-index:10000;background:rgba(4,20,42,.88);
  display:none;align-items:center;justify-content:center;padding:30px;
}
.visual-lightbox.open{display:flex}
.visual-lightbox img{
  max-width:96vw;max-height:92vh;object-fit:contain;background:#fff;border-radius:12px;
  box-shadow:0 24px 80px rgba(0,0,0,.35)
}
.visual-lightbox button{
  position:absolute;top:16px;right:22px;border:0;background:transparent;
  color:#fff;font-size:42px;line-height:1;cursor:pointer
}
@media(max-width:620px){
  .insights-toolbar{align-items:stretch}
  .insights-toolbar input{min-width:100%;max-width:none}
}


/* FINAL V1.7 — unified customer logo presentation
   One frame = the card itself. No nested image border or separator line. */
.customer-logo-box{
  border-bottom:0!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
}
.customer-logo-box img{
  width:180px!important;
  height:72px!important;
  max-width:180px!important;
  max-height:72px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-client-logo-grid .customer-logo-box img{
  width:132px!important;
  height:54px!important;
  max-width:132px!important;
  max-height:54px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.project-client-logo img,
.case-client-logo img{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.customer-logo-card{
  overflow:hidden;
}
.customer-logo-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(7,54,127,.12);
  border-color:#a9cfea;
}
@media(max-width:620px){
  .customer-logo-box img{
    width:150px!important;
    height:62px!important;
    max-width:150px!important;
    max-height:62px!important;
  }
}


/* V2.5 typography & media stability */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}
h1,h2,h3,h4,h5,h6{font-family:inherit}
img{max-width:100%;height:auto}
figure{max-width:100%;margin-left:auto;margin-right:auto}

/* ===== SOURCE: native-design-v2.css ===== */

/* ISOFT Native Creative Design System v2.0 */
.nd-main{--navy:#08376f;--blue:#0d6fe8;--cyan:#25b6e9;--green:#16b77e;--orange:#f59e0b;--purple:#7b61ff;--red:#ef3340;--ink:#15395f;--muted:#607a96;--line:#d9e7f3;--soft:#f4f9fd;font-family:inherit;color:var(--ink);overflow:hidden;background:#fff}
.nd-main *{box-sizing:border-box}.nd-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.nd-section{padding:84px 0;position:relative}.nd-soft{background:linear-gradient(180deg,#f8fbfe,#eef7fd)}.nd-blue{background:radial-gradient(circle at 15% 15%,rgba(37,182,233,.22),transparent 38%),linear-gradient(135deg,#052e62,#0b5fc4);color:#fff}.nd-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--blue);margin-bottom:12px}.nd-blue .nd-kicker{color:#86d9ff}.nd-h1{font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.045em;margin:0;color:var(--navy);max-width:820px}.nd-h1 span,.nd-h2 span{color:var(--blue)}.nd-blue .nd-h1,.nd-blue .nd-h2{color:#fff}.nd-lead{font-size:18px;line-height:1.75;color:#55708d;max-width:760px}.nd-blue .nd-lead{color:#d9ebff}.nd-h2{font-size:clamp(30px,3.5vw,48px);line-height:1.08;letter-spacing:-.025em;color:var(--navy);margin:0 0 16px}.nd-subhead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.nd-subhead .nd-lead{margin:0;max-width:560px}.nd-grid2{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.nd-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.nd-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.nd-grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.nd-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 14px 38px rgba(7,55,111,.07);transition:.28s ease;overflow:hidden}.nd-card:hover{transform:translateY(-6px);box-shadow:0 22px 54px rgba(7,55,111,.15);border-color:#aed3f2}.nd-card:before{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:var(--card-accent,var(--blue));opacity:.9}.nd-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--icon-bg,#eaf4ff);color:var(--icon-color,var(--blue));margin-bottom:16px;box-shadow:inset 0 0 0 1px rgba(13,111,232,.08)}.nd-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nd-card h3{margin:0 0 8px;color:var(--navy);font-size:19px}.nd-card p{margin:0;color:#647f9b;line-height:1.6}.nd-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #cce1f2;background:#fff;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800;color:var(--navy)}
.nd-hero{padding:76px 0 74px;background:linear-gradient(180deg,#fff,#f2f9fe);position:relative}.nd-hero:before{content:'';position:absolute;width:560px;height:560px;border-radius:50%;right:-180px;top:-200px;background:radial-gradient(circle,rgba(37,182,233,.18),transparent 70%)}.nd-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:56px;align-items:center;position:relative}.nd-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.nd-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:12px;font-weight:900;text-decoration:none;border:1px solid #bcd6eb;color:var(--navy);background:#fff;transition:.22s}.nd-btn.primary{background:linear-gradient(135deg,#0a67df,#1387f5);color:#fff;border-color:transparent;box-shadow:0 12px 30px rgba(13,111,232,.25)}.nd-btn:hover{transform:translateY(-2px)}
.nd-command{position:relative;min-height:430px;border-radius:30px;background:linear-gradient(145deg,#073670,#0d6ce4);padding:24px;box-shadow:0 35px 80px rgba(7,55,111,.25);overflow:hidden}.nd-command:before{content:'';position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,rgba(87,208,255,.18),transparent 26%);animation:ndSpin 12s linear infinite}.nd-screen{position:relative;background:rgba(255,255,255,.97);border-radius:20px;padding:20px;height:100%;min-height:380px;z-index:1}.nd-screen-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.nd-screen-title{font-weight:900;color:var(--navy)}.nd-dots{display:flex;gap:5px}.nd-dots i{width:7px;height:7px;border-radius:50%;background:#cbd9e8}.nd-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.nd-mini{border-radius:15px;padding:16px;background:#f4f9fd;border:1px solid #dbeaf5}.nd-mini b{font-size:22px;color:var(--navy);display:block}.nd-mini small{color:#71879e}.nd-chart{height:112px;margin-top:14px;border-radius:15px;background:linear-gradient(180deg,#f5fbff,#eaf5fe);position:relative;overflow:hidden}.nd-chart-bars{position:absolute;inset:18px 20px 15px;display:flex;align-items:end;gap:9px}.nd-chart-bars i{flex:1;background:linear-gradient(#27b8eb,#0d6fe8);border-radius:7px 7px 2px 2px}.nd-ai-bubble{position:absolute;right:-16px;bottom:24px;z-index:3;width:168px;background:#fff;border:1px solid #cde1f2;border-radius:20px;padding:16px;box-shadow:0 18px 40px rgba(7,55,111,.18);animation:ndFloat 4s ease-in-out infinite}.nd-ai-bubble strong{color:var(--purple);display:block;margin-bottom:5px}.nd-ai-bubble small{color:#607994;line-height:1.5}
.nd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-30px;position:relative;z-index:5}.nd-stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;text-align:center;box-shadow:0 12px 32px rgba(7,55,111,.08)}.nd-stat b{font-size:28px;color:var(--blue);display:block}.nd-stat span{font-size:13px;color:#6d849c}
.nd-wheel{position:relative;min-height:520px;display:grid;place-items:center}.nd-wheel-center{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;text-align:center;color:#fff;background:radial-gradient(circle at 35% 25%,#2b8cff,#073a82 65%);box-shadow:0 22px 50px rgba(7,55,111,.25);z-index:2;padding:28px}.nd-wheel-center b{font-size:25px}.nd-orbit{position:absolute;width:430px;height:430px;border:1px dashed #8dc8ee;border-radius:50%;animation:ndSpin 34s linear infinite}.nd-node{position:absolute;width:132px;height:132px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 35px rgba(7,55,111,.12);display:grid;place-items:center;text-align:center;padding:14px;z-index:3;transition:.25s}.nd-node:hover{transform:scale(1.05)}.nd-node b{font-size:14px;color:var(--navy)}.nd-node .nd-icon{margin:0 auto 8px;width:42px;height:42px}.nd-node.n1{top:8px;left:50%;transform:translateX(-50%)}.nd-node.n2{right:4px;top:95px}.nd-node.n3{right:35px;bottom:45px}.nd-node.n4{left:35px;bottom:45px}.nd-node.n5{left:4px;top:95px}.nd-node.n6{left:50%;bottom:-10px;transform:translateX(-50%)}
.nd-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative}.nd-flow:before{content:'';position:absolute;left:8%;right:8%;top:33px;height:2px;background:linear-gradient(90deg,#26b6e8,#0d6fe8,#16b77e,#f59e0b,#7b61ff)}.nd-stage{position:relative;text-align:center;padding-top:0}.nd-stage-no{width:66px;height:66px;border-radius:50%;margin:0 auto 14px;background:#fff;border:3px solid var(--stage,#0d6fe8);display:grid;place-items:center;color:var(--stage,#0d6fe8);font-weight:900;font-size:19px;position:relative;z-index:2;box-shadow:0 7px 20px rgba(7,55,111,.10)}.nd-stage-card{border-radius:18px;padding:18px 14px;background:#fff;border:1px solid var(--line);min-height:170px}.nd-stage-card h3{font-size:17px;color:var(--navy);margin:0 0 8px}.nd-stage-card p{font-size:14px;color:#687f97;line-height:1.55;margin:0}
.nd-platform{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:22px;align-items:center}.nd-platform-col{display:grid;gap:14px}.nd-platform-core{position:relative;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 28%,#2d91ff,#073876 68%);color:#fff;box-shadow:0 25px 65px rgba(7,55,111,.25);padding:42px}.nd-platform-core b{font-size:32px}.nd-platform-core small{display:block;margin-top:6px;color:#dcecff}.nd-ai-ring{position:absolute;inset:-18px;border:1px dashed rgba(50,190,240,.8);border-radius:50%;animation:ndSpin 26s linear infinite}.nd-module{display:flex;gap:14px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 25px rgba(7,55,111,.06);transition:.25s}.nd-module:hover{transform:translateX(5px);border-color:#a9d3f1}.nd-module .nd-icon{margin:0;width:44px;height:44px;border-radius:13px;flex:0 0 auto}.nd-module b{color:var(--navy);display:block}.nd-module small{color:#6f849a}
.nd-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.nd-logo-card{display:flex;flex-direction:column;border:0;border-radius:20px;background:#fff;text-decoration:none;color:inherit;overflow:hidden;transition:.28s;box-shadow:0 10px 28px rgba(7,55,111,.07)}.nd-logo-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(7,55,111,.14)}.nd-logo-visual{height:128px;display:grid;place-items:center;padding:22px;background:linear-gradient(180deg,#fff,#f6faff)}.nd-logo-visual img{display:block;max-width:78%;max-height:70px;width:auto;height:auto;object-fit:contain;border:0!important;box-shadow:none!important;border-radius:0!important}.nd-logo-meta{padding:16px 18px;border-top:0;background:#fff}.nd-logo-meta b{display:block;color:var(--navy);font-size:17px}.nd-logo-meta span{color:#71869b;font-size:13px}.nd-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.nd-case{border-radius:22px;padding:22px;background:linear-gradient(145deg,#fff,#f6fbff);border:1px solid var(--line);position:relative;overflow:hidden;min-height:220px}.nd-case:after{content:'';position:absolute;width:120px;height:120px;border-radius:50%;right:-40px;bottom:-45px;background:var(--case-bg,#e6f3ff)}.nd-case-logo{height:52px;margin-bottom:18px;display:flex;align-items:center}.nd-case-logo img{max-width:155px;max-height:48px;object-fit:contain}.nd-case h3{margin:0 0 8px;color:var(--navy)}.nd-case p{color:#647d96;line-height:1.55}.nd-case a{color:var(--blue);font-weight:900;text-decoration:none}
.nd-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.nd-year{border:1px solid var(--line);background:#fff;border-radius:20px;padding:20px;position:relative;min-height:205px}.nd-year strong{font-size:30px;color:var(--blue);display:block;margin-bottom:12px}.nd-year h3{font-size:17px;color:var(--navy);margin:0 0 7px}.nd-year p{color:#6b8198;line-height:1.55;margin:0;font-size:14px}.nd-year:before{content:'';position:absolute;top:0;left:20px;width:48px;height:4px;background:var(--year,#0d6fe8);border-radius:0 0 4px 4px}
.nd-contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.nd-office-grid{display:grid;gap:14px}.nd-office{display:grid;grid-template-columns:58px 1fr;gap:15px;align-items:start;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.nd-office .nd-icon{margin:0}.nd-office h3{margin:0 0 6px;color:var(--navy)}.nd-office p{margin:0;color:#657d96;line-height:1.6}.nd-contact-panel{border-radius:28px;background:linear-gradient(145deg,#07366e,#0d70e8);padding:30px;color:#fff;position:relative;overflow:hidden}.nd-contact-panel:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;bottom:-120px;background:rgba(55,206,255,.14)}.nd-contact-panel h2{font-size:34px;margin:0 0 12px}.nd-contact-panel p{color:#d9eaff;line-height:1.7}.nd-contact-links{display:grid;gap:10px;margin-top:22px}.nd-contact-links a{color:#fff;text-decoration:none;padding:13px 15px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.08)}
.nd-integrations{display:grid;grid-template-columns:1fr 220px 1fr;gap:24px;align-items:center}.nd-stack{display:grid;gap:10px}.nd-system{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:13px}.nd-system .nd-icon{margin:0;width:38px;height:38px;border-radius:11px}.nd-hub{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#1287f4,#073874);color:#fff;display:grid;place-items:center;text-align:center;padding:30px;box-shadow:0 24px 54px rgba(7,55,111,.22);position:relative}.nd-hub:before,.nd-hub:after{content:'';position:absolute;inset:-20px;border:1px dashed #8fd1f3;border-radius:50%}.nd-hub:after{inset:-42px;opacity:.45}.nd-hub b{font-size:26px}.nd-hub small{color:#dcecff}.nd-feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.nd-feature{border-radius:16px;background:#fff;border:1px solid var(--line);padding:16px;display:flex;gap:12px;align-items:center}.nd-feature .nd-icon{margin:0;width:40px;height:40px;border-radius:11px}.nd-feature b{font-size:14px;color:var(--navy)}
.nd-reveal{opacity:1;transform:none;transition:opacity .58s ease,transform .58s cubic-bezier(.2,.7,.2,1)}body.nd-motion-ready .nd-reveal:not(.in){opacity:0;transform:translateY(14px)}.nd-reveal.in{opacity:1;transform:none}@keyframes ndSpin{to{transform:rotate(360deg)}}@keyframes ndFloat{50%{transform:translateY(-7px)}}
@media(max-width:1000px){.nd-hero-grid,.nd-grid2,.nd-contact-grid{grid-template-columns:1fr}.nd-grid4{grid-template-columns:repeat(2,1fr)}.nd-grid6{grid-template-columns:repeat(3,1fr)}.nd-logo-grid{grid-template-columns:repeat(3,1fr)}.nd-case-grid{grid-template-columns:repeat(2,1fr)}.nd-timeline,.nd-flow{grid-template-columns:repeat(2,1fr)}.nd-flow:before{display:none}.nd-platform{grid-template-columns:1fr}.nd-platform-core{max-width:360px;margin:auto}.nd-integrations{grid-template-columns:1fr}.nd-hub{margin:10px auto}.nd-feature-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.nd-section{padding:62px 0}.nd-wrap{width:min(100% - 28px,1180px)}.nd-grid3,.nd-grid4,.nd-grid6,.nd-logo-grid,.nd-case-grid,.nd-timeline,.nd-flow,.nd-feature-strip{grid-template-columns:1fr}.nd-h1{font-size:42px}.nd-command{min-height:390px;padding:14px}.nd-ai-bubble{right:4px;bottom:12px;width:145px}.nd-wheel{min-height:680px}.nd-orbit{display:none}.nd-node{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:auto;height:auto;border-radius:18px;display:flex;justify-content:flex-start;gap:12px;padding:14px}.nd-wheel{display:grid;gap:10px}.nd-wheel-center{width:180px;height:180px}.nd-subhead{align-items:start;flex-direction:column}.nd-logo-visual{height:108px}.nd-contact-panel h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.nd-command:before,.nd-orbit,.nd-ai-bubble{animation:none}.nd-reveal{opacity:1;transform:none}}

/* ===== SOURCE: global-effects-v2.css ===== */

/* ISOFT V2.1 — Global clean native effects */
:root{
  --fx-blue:#0f67dc;
  --fx-cyan:#23b6e9;
  --fx-navy:#07376f;
  --fx-line:#d9e8f5;
  --fx-shadow:0 18px 50px rgba(7,55,111,.12);
}
html{scroll-behavior:smooth}
body{overflow-x:hidden}

/* header depth */
.header,.site-header{
  transition:box-shadow .28s ease,background-color .28s ease,backdrop-filter .28s ease;
}
body.fx-scrolled .header,
body.fx-scrolled .site-header{
  box-shadow:0 8px 30px rgba(4,38,77,.10);
  backdrop-filter:saturate(140%) blur(10px);
}

/* native cards */
.nd-card,.nd-case,.nd-logo-card,.office,.project,.archive-card,.core-card,.about-stat{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.nd-card:hover,.nd-case:hover,.nd-logo-card:hover,.office:hover,.project:hover,.archive-card:hover,.core-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 50px rgba(7,55,111,.14);
}

/* colored icon lift */
.nd-icon,.nd-step-icon,.nd-tool-icon,.nd-team-icon{
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.nd-card:hover .nd-icon,
.nd-step:hover .nd-step-icon,
.nd-tool:hover .nd-tool-icon,
.nd-team:hover .nd-team-icon{
  transform:translateY(-2px) scale(1.05);
  filter:saturate(1.12);
}

/* buttons */
.btn,.nd-btn,.cta a{
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.btn:hover,.nd-btn:hover,.cta a:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(15,103,220,.18);
}

/* section/card reveal — fail-safe: content is visible unless JS explicitly enables motion */
.fx-reveal{
  opacity:1;
  transform:none;
  transition:opacity .58s ease,transform .58s cubic-bezier(.2,.65,.2,1);
}
body.fx-motion-ready .fx-reveal:not(.fx-in){opacity:0;transform:translateY(16px)}
.fx-reveal.fx-in{opacity:1;transform:none}

/* subtle gradient text accent */
.nd-h1 span,.nd-h2 span{
  background:linear-gradient(90deg,var(--fx-blue),var(--fx-cyan));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}

/* logo wall — no inner borders / separator lines */
.nd-logo-card{
  border:1px solid rgba(214,230,244,.9)!important;
  background:#fff!important;
  overflow:hidden;
}
.nd-logo-visual{
  height:142px!important;
  padding:18px!important;
  background:linear-gradient(180deg,#fff,#f8fbfe)!important;
  border:0!important;
}
.nd-logo-visual img{
  width:min(100%,420px)!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.nd-logo-meta{
  border:0!important;
  border-top:0!important;
  padding:16px 18px 18px!important;
}
.nd-logo-card:before,.nd-logo-card:after{display:none!important}

/* native section composition */
.nd-section{
  isolation:isolate;
}
.nd-section:where(.nd-soft)::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 20%,rgba(35,182,233,.06),transparent 30%),
    radial-gradient(circle at 85% 75%,rgba(15,103,220,.05),transparent 32%);
  z-index:-1;
}

/* project/case images */
.nd-case img,.project img,.archive-card img{
  transition:transform .45s ease,filter .35s ease;
}
.nd-case:hover img,.project:hover img,.archive-card:hover img{
  transform:scale(1.025);
}

/* decorative sheen on cards */
.nd-card,.nd-case,.nd-logo-card{
  position:relative;
}
/* Removed cross-card sheen: it could wash out text and fight page-specific pseudo-elements. */
.nd-card::after,.nd-case::before{display:none!important}

@media(max-width:620px){
  .nd-logo-visual{height:118px!important;padding:14px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .fx-reveal{opacity:1!important;transform:none!important}
}


/* V2.5 stability: dark contrast + crisp media */
.ar-dark .nd-h1,.ar-dark .nd-h2{color:#fff}
.ar-dark .nd-lead{color:rgba(255,255,255,.88)!important;opacity:1}
.ar-dark .nd-h1 span,.ar-dark .nd-h2 span{background:none!important;color:#86e2ff!important;-webkit-text-fill-color:#86e2ff}
img{image-rendering:auto}
.nd-logo-visual img,.brand img,.footer-logo{transform:none!important;filter:none}

/* ===== SOURCE: art-direction-v22.css ===== */

/* ISOFT V2.2 — Vietnamese art direction refinement */
:root{
 --ar-blue:#0d6fe8;--ar-navy:#063a78;--ar-cyan:#21b8e8;--ar-green:#17b57d;
 --ar-purple:#7456f5;--ar-orange:#f59e0b;--ar-red:#ef3340;--ar-ink:#07366d;
 --ar-soft:#f4f9fd;--ar-line:#d8e7f4;--ar-shadow:0 22px 55px rgba(5,55,110,.13);
}
.ar-section{padding:86px 0;position:relative;overflow:hidden}.ar-soft{background:linear-gradient(180deg,#f8fbfe,#eef7fd)}
.ar-dark{background:linear-gradient(135deg,#073b7f,#0f63cf 72%,#1f8bea);color:#fff}.ar-dark .nd-kicker,.ar-dark .nd-h2,.ar-dark .nd-lead{color:#fff}.ar-dark .nd-lead{opacity:.86}
.ar-title-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:48px;align-items:end;margin-bottom:38px}
.ar-title-row .nd-lead{max-width:620px;margin:0 0 4px auto}.ar-kicker{font-size:12px;letter-spacing:.18em;font-weight:900;color:#0d6fe8;text-transform:uppercase}
.ar-glow{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none;opacity:.5}
.ar-glow.g1{width:420px;height:420px;background:radial-gradient(circle,rgba(36,185,235,.20),transparent 70%);right:-80px;top:-120px}
.ar-glow.g2{width:380px;height:380px;background:radial-gradient(circle,rgba(116,86,245,.16),transparent 70%);left:-120px;bottom:-140px}

/* four-layer language */
.ar-four-layer{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.ar-layer{--c:#0d6fe8;--bg:#eaf4ff;background:#fff;border:1px solid var(--ar-line);border-top:4px solid var(--c);border-radius:22px;padding:20px 18px;box-shadow:0 12px 34px rgba(5,55,110,.08);position:relative;overflow:hidden;transition:.28s}.ar-layer:hover{transform:translateY(-7px);box-shadow:0 24px 54px color-mix(in srgb,var(--c) 18%,transparent);border-color:color-mix(in srgb,var(--c) 34%,#d8e7f4)}
.ar-layer:after{content:'';position:absolute;right:-30px;top:-30px;width:100px;height:100px;border-radius:50%;background:var(--bg);transition:.35s}.ar-layer:hover:after{transform:scale(1.3)}
.ar-layer .ar-layer-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--bg);color:var(--c);position:relative;z-index:1}.ar-layer svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.8}.ar-layer h3{font-size:19px;margin:14px 0 6px;color:var(--ar-ink);position:relative;z-index:1}.ar-layer p{margin:0;color:#5d7895;font-size:14px;line-height:1.55;position:relative;z-index:1}.ar-layer.people{--c:#0d6fe8;--bg:#eaf4ff}.ar-layer.process{--c:#16b77e;--bg:#e9f9f3}.ar-layer.data{--c:#20b7e7;--bg:#e8f9ff}.ar-layer.ai{--c:#7456f5;--bg:#f0edff}

/* home executive command center */
.ar-command{position:relative;background:linear-gradient(145deg,#0a468f,#0d6fe8);padding:18px;border-radius:30px;box-shadow:0 28px 60px rgba(5,55,110,.25);overflow:visible}.ar-command-shell{background:linear-gradient(180deg,#fff,#f5faff);border-radius:22px;padding:24px;min-height:420px;position:relative}.ar-command-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.ar-command-head h3{font-size:23px;margin:0;color:#063a78}.ar-live{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#168963;background:#e9f9f3;padding:7px 10px;border-radius:999px}.ar-live:before{content:'';width:8px;height:8px;border-radius:50%;background:#16b77e;box-shadow:0 0 0 5px rgba(22,183,126,.12)}
.ar-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ar-kpi{border:1px solid #dceaf6;background:#fff;border-radius:16px;padding:15px;transition:.25s}.ar-kpi:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(5,55,110,.1)}.ar-kpi b{display:block;color:#063a78;font-size:26px}.ar-kpi small{color:#66809b}.ar-kpi em{display:block;font-style:normal;color:#16a873;font-size:11px;margin-top:5px}
.ar-command-body{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.ar-trend,.ar-ai-panel{border:1px solid #dceaf6;background:#fff;border-radius:18px;padding:18px}.ar-trend h4,.ar-ai-panel h4{margin:0 0 14px;color:#07366d}.ar-spark{height:116px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #dceaf6;padding:0 4px 8px}.ar-spark i{flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#22b8e8,#0d6fe8);transform-origin:bottom;animation:arGrow .9s ease both}.ar-spark i:nth-child(2){animation-delay:.08s}.ar-spark i:nth-child(3){animation-delay:.16s}.ar-spark i:nth-child(4){animation-delay:.24s}.ar-spark i:nth-child(5){animation-delay:.32s}.ar-spark i:nth-child(6){animation-delay:.4s}@keyframes arGrow{from{transform:scaleY(.15);opacity:.3}to{transform:scaleY(1);opacity:1}}
.ar-ai-panel{background:linear-gradient(145deg,#f7f3ff,#fff);border-color:#ddd4ff}.ar-ai-title{display:flex;align-items:center;gap:10px}.ar-bot{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#7456f5,#a087ff);display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px rgba(116,86,245,.26)}.ar-bot svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.8}.ar-insight{padding:11px 12px;background:#fff;border:1px solid #e6e0ff;border-radius:13px;margin-top:10px;color:#46607f;font-size:13px}.ar-ai-action{display:flex;gap:8px;margin-top:11px}.ar-ai-chip{font-size:11px;font-weight:800;color:#6d50ef;background:#eee9ff;padding:7px 9px;border-radius:999px}

/* platform orbit */
.ar-platform{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(420px,1.35fr) minmax(230px,.8fr);gap:30px;align-items:center}.ar-modules{display:grid;gap:16px}.ar-module{background:#fff;border:1px solid #d9e8f5;border-radius:20px;padding:15px 16px;display:flex;gap:12px;align-items:center;box-shadow:0 12px 28px rgba(5,55,110,.08);transition:.25s;position:relative}.ar-module:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 45px rgba(5,55,110,.14)}.ar-module:after{content:'';position:absolute;top:50%;width:30px;border-top:2px dashed rgba(32,183,231,.38)}.ar-modules.left .ar-module:after{right:-31px}.ar-modules.right .ar-module:after{left:-31px}.ar-module-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none}.ar-module b{display:block;color:#07366d;font-size:17px}.ar-module small{color:#6a829b}.ar-module svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8}
.ar-core{position:relative;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 42% 35%,#1c85f1,#0a4c9b 68%,#063a78);box-shadow:0 35px 70px rgba(4,62,132,.35),inset 0 0 0 12px rgba(255,255,255,.06);isolation:isolate}.ar-core:before,.ar-core:after{content:'';position:absolute;border-radius:50%;inset:-20px;border:1px dashed rgba(34,184,232,.55);animation:arSpin 18s linear infinite}.ar-core:after{inset:-38px;border-color:rgba(116,86,245,.35);animation-direction:reverse;animation-duration:24s}@keyframes arSpin{to{transform:rotate(360deg)}}.ar-core-logo{width:48%;max-width:210px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.15));background:#fff;border-radius:24px;padding:16px}.ar-core-copy{text-align:center;color:#fff;margin-top:16px}.ar-core-copy b{font-size:20px;display:block}.ar-core-copy small{opacity:.8}.ar-ibot-float{position:absolute;left:50%;bottom:-62px;transform:translateX(-50%);width:180px;background:linear-gradient(145deg,#ece7ff,#fff);border:1px solid #d8d0ff;border-radius:24px;padding:12px 14px;text-align:center;color:#5b43d8;box-shadow:0 18px 45px rgba(74,53,185,.24);z-index:2}.ar-ibot-float .ar-bot{margin:-34px auto 6px;border:5px solid #fff}.ar-ibot-float strong{display:block;font-size:16px}.ar-ibot-float small{color:#6e7890}

/* ISOFT capability wheel */
.ar-cap-wheel{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}.ar-cap-core{grid-column:2;grid-row:1 / span 2;background:linear-gradient(145deg,#0d6fe8,#073a7d);border-radius:36px;min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 28px 60px rgba(5,55,110,.22);padding:35px}.ar-cap-core img{width:180px;background:#fff;border-radius:24px;padding:14px}.ar-cap-core h3{color:#fff;font-size:28px;margin:18px 0 0}.ar-cap-item{background:#fff;border:1px solid var(--ar-line);border-top:4px solid var(--c,#0d6fe8);border-radius:22px;padding:20px;box-shadow:0 12px 30px rgba(5,55,110,.08);transition:.25s}.ar-cap-item:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(5,55,110,.14)}.ar-cap-item h3{margin:10px 0 7px;color:#07366d}.ar-cap-item p{margin:0;color:#627c98}.ar-cap-item .nd-icon{transition:.25s}.ar-cap-item:hover .nd-icon{transform:scale(1.08) rotate(-3deg)}

/* timeline & awards */
.nd-year{transition:.28s;position:relative;overflow:hidden}.nd-year:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(5,55,110,.14)}.nd-year:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--year);transform:scaleX(0);transform-origin:left;transition:.3s}.nd-year:hover:after{transform:scaleX(1)}.nd-stat{transition:.25s;background:linear-gradient(180deg,#fff,#f8fbfe)}.nd-stat:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(5,55,110,.12)}

/* solutions page */
.ar-solution-hero{padding:86px 0 96px;background:radial-gradient(circle at 80% 30%,rgba(33,184,232,.17),transparent 32%),linear-gradient(180deg,#fff,#f3f9fe)}.ar-solution-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.ar-solution-map{position:relative;min-height:480px;display:grid;place-items:center}.ar-sol-core{width:260px;height:260px;border-radius:50%;background:linear-gradient(145deg,#0d6fe8,#063a78);display:grid;place-items:center;box-shadow:0 30px 70px rgba(5,55,110,.25);z-index:2}.ar-sol-core img{width:160px;background:#fff;border-radius:22px;padding:13px}.ar-sol-core small{color:#fff;display:block;text-align:center;margin-top:10px}.ar-sol-ring{position:absolute;width:420px;height:420px;border-radius:50%;border:1px dashed rgba(33,184,232,.5);animation:arSpin 22s linear infinite}.ar-sol-node{position:absolute;width:145px;background:#fff;border:1px solid var(--ar-line);border-radius:18px;padding:12px;box-shadow:0 14px 34px rgba(5,55,110,.1);text-align:center;font-weight:850;color:#07366d}.ar-sol-node.n1{top:20px;left:50%;transform:translateX(-50%)}.ar-sol-node.n2{right:0;top:125px}.ar-sol-node.n3{right:35px;bottom:35px}.ar-sol-node.n4{left:35px;bottom:35px}.ar-sol-node.n5{left:0;top:125px}.ar-sol-node.ai{background:linear-gradient(145deg,#f0edff,#fff);border-color:#d9d0ff;color:#6448e7}.ar-sol-node:hover{box-shadow:0 20px 44px rgba(5,55,110,.16)}
.ar-group-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;margin-top:30px}.ar-group-flow:before{content:'';position:absolute;left:10%;right:10%;top:-18px;border-top:2px solid #87c9f4}.ar-company{position:relative;background:#fff;border:1px solid var(--ar-line);border-radius:20px;padding:20px;box-shadow:0 13px 32px rgba(5,55,110,.08);transition:.25s}.ar-company:before{content:'';position:absolute;left:50%;top:-19px;height:19px;border-left:2px solid #87c9f4}.ar-company:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(5,55,110,.14)}.ar-company b{color:#07366d}.ar-company span{display:block;color:#6e849b;margin-top:6px;font-size:14px}
.ar-integration{display:grid;grid-template-columns:1fr 310px 1fr;gap:28px;align-items:center}.ar-int-col{display:grid;gap:14px}.ar-int-card{background:#fff;border:1px solid var(--ar-line);border-radius:18px;padding:16px 17px;box-shadow:0 10px 28px rgba(5,55,110,.07);transition:.25s}.ar-int-card:hover{transform:translateX(5px);box-shadow:0 18px 40px rgba(5,55,110,.13)}.ar-int-col.right .ar-int-card:hover{transform:translateX(-5px)}.ar-int-card b{display:block;color:#07366d;font-size:17px}.ar-int-card small{display:block;color:#667f99;margin-top:4px}.ar-int-hub{aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#0c65cf,#063a78);display:grid;place-items:center;text-align:center;color:#fff;box-shadow:0 25px 55px rgba(5,55,110,.25);position:relative}.ar-int-hub:before{content:'';position:absolute;inset:-18px;border:1px dashed rgba(33,184,232,.5);border-radius:50%;animation:arSpin 16s linear infinite}.ar-int-hub img{width:135px;background:#fff;border-radius:18px;padding:11px}.ar-int-hub b{display:block;margin-top:12px}.ar-int-hub span{display:block;font-size:12px;opacity:.8}

/* IBOM page */
.ar-ibom-hero{padding:82px 0 104px;background:radial-gradient(circle at 75% 25%,rgba(116,86,245,.12),transparent 30%),linear-gradient(180deg,#fff,#eef8fd)}.ar-ibom-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}.ar-architecture{position:relative;min-height:500px;display:grid;place-items:center}.ar-arch-core{width:230px;height:230px;border-radius:50%;background:#fff;border:1px solid #dceaf6;display:grid;place-items:center;box-shadow:0 25px 60px rgba(5,55,110,.18);z-index:3}.ar-arch-core img{width:155px}.ar-arch-ring{position:absolute;width:380px;height:380px;border-radius:50%;border:1px dashed #8bd4f7}.ar-pillar{position:absolute;width:130px;background:#fff;border:1px solid var(--ar-line);border-radius:18px;padding:12px;text-align:center;box-shadow:0 12px 30px rgba(5,55,110,.09);font-weight:850;color:#07366d}.ar-pillar.p1{top:10px}.ar-pillar.p2{left:0;top:190px}.ar-pillar.p3{right:0;top:190px}.ar-pillar.p4{bottom:0;background:linear-gradient(145deg,#f0edff,#fff);color:#6849e8;border-color:#d9d0ff}.ar-pillar:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(5,55,110,.15)}
.ar-ai-layer{margin-top:30px;background:linear-gradient(135deg,#5b43d8,#8a69ff);color:#fff;border-radius:28px;padding:28px;display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:center;box-shadow:0 28px 60px rgba(82,56,193,.3)}.ar-ai-layer .ar-bot{width:94px;height:94px;border-radius:28px;margin:auto;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25)}.ar-ai-layer .ar-bot svg{width:52px;height:52px}.ar-ai-layer h2{margin:0;font-size:32px}.ar-ai-layer p{opacity:.86}.ar-ai-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.ar-ai-feature{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:15px;padding:14px}.ar-ai-feature b{display:block;margin-bottom:4px}
.ar-platform-layers{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.ar-platform-layer{background:#fff;border:1px solid var(--ar-line);border-top:4px solid var(--c);border-radius:19px;padding:18px;box-shadow:0 12px 30px rgba(5,55,110,.08);transition:.25s}.ar-platform-layer:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(5,55,110,.13)}.ar-platform-layer h3{color:#07366d;margin:11px 0 6px}.ar-platform-layer p{margin:0;color:#637d98;font-size:14px}

/* customer */
.ar-case-featured{grid-column:span 2;background:linear-gradient(145deg,#073b7f,#0d6fe8);color:#fff}.ar-case-featured h3,.ar-case-featured p,.ar-case-featured a{color:#fff}.ar-case-featured .nd-logo-visual{background:#fff}.nd-case .nd-logo-visual{height:90px!important;padding:14px!important}.nd-case .nd-logo-visual img{object-fit:contain!important;max-height:100%!important;max-width:100%!important}.nd-case a{transition:.2s}.nd-case:hover a{letter-spacing:.02em}

/* contact */
.ar-contact-actions{display:grid;gap:12px;margin-top:18px}.ar-contact-action{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:15px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);transition:.24s}.ar-contact-action:hover{transform:translateX(5px);background:rgba(255,255,255,.16);box-shadow:0 14px 28px rgba(0,0,0,.12)}.ar-contact-action .ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.15);font-weight:900}.ar-contact-action.primary{background:#fff;color:#0b5dc0;font-weight:900}.ar-contact-action.primary:hover{background:#f5fbff}.ar-zalo{font-weight:900;font-size:13px;letter-spacing:.02em}

/* global enhancements */
.nd-card,.nd-year,.nd-stat,.nd-office,.nd-case,.nd-logo-card,.nd-stage-card{will-change:transform}.nd-card:hover .nd-icon,.nd-office:hover .nd-icon{transform:scale(1.08) rotate(-3deg)}
.site-header{box-shadow:0 1px 0 rgba(7,54,109,.08)}

@media(max-width:1000px){.ar-title-row,.ar-solution-hero-grid,.ar-ibom-grid,.ar-command-body,.ar-ai-layer{grid-template-columns:1fr}.ar-four-layer{grid-template-columns:repeat(2,1fr)}.ar-kpis{grid-template-columns:repeat(2,1fr)}.ar-platform{grid-template-columns:1fr}.ar-module:after{display:none}.ar-core{max-width:430px;margin:32px auto 80px}.ar-cap-wheel{grid-template-columns:repeat(2,1fr)}.ar-cap-core{grid-column:1/-1;grid-row:auto;min-height:280px}.ar-group-flow{grid-template-columns:repeat(2,1fr)}.ar-integration{grid-template-columns:1fr}.ar-int-hub{max-width:320px;margin:16px auto}.ar-platform-layers{grid-template-columns:repeat(2,1fr)}.ar-architecture{min-height:480px}}
@media(max-width:620px){.ar-section{padding:62px 0}.ar-four-layer,.ar-group-flow,.ar-platform-layers,.ar-ai-features,.ar-cap-wheel{grid-template-columns:1fr}.ar-kpis{grid-template-columns:1fr 1fr}.ar-command{padding:10px;border-radius:22px}.ar-command-shell{padding:16px}.ar-architecture{min-height:420px;transform:scale(.88)}.ar-sol-map{transform:scale(.88)}.ar-title-row{gap:18px}.ar-modules{gap:11px}}
@media(prefers-reduced-motion:reduce){.ar-core:before,.ar-core:after,.ar-sol-ring,.ar-int-hub:before,.ar-spark i{animation:none!important}}

/* ===== SOURCE: final-qa-v23.css ===== */
/* ISOFT Corporate Website — Final QA / Art Direction V2.3 */
:root{
  --qa-navy:#07366d;
  --qa-blue:#0d6fe8;
  --qa-cyan:#21b8e8;
  --qa-green:#16b77e;
  --qa-purple:#7456f5;
  --qa-red:#ef3340;
  --qa-orange:#f59e0b;
  --qa-line:#d9e8f5;
  --qa-shadow:0 18px 48px rgba(5,55,110,.10);
  --qa-shadow-strong:0 28px 68px rgba(5,55,110,.16);
}

/* ---------- Global stability ---------- */
html{scroll-padding-top:118px}
.qa-v23 *{min-width:0}
.qa-v23 h1,.qa-v23 h2,.qa-v23 h3,.qa-v23 p,.qa-v23 b,.qa-v23 small,.qa-v23 span{overflow-wrap:normal;word-break:normal;hyphens:none}
.qa-v23 main{position:relative;z-index:1}
.qa-v23 .site-header{z-index:999;background:rgba(255,255,255,.97);box-shadow:0 1px 0 rgba(7,54,109,.08);transition:box-shadow .25s ease,background .25s ease}
.qa-v23.fx-scrolled .site-header{box-shadow:0 12px 30px rgba(5,55,110,.10)}
.qa-v23 .header-inner{min-height:104px}
.qa-v23 .brand,.qa-v23 .brand img{width:150px;max-width:150px}
.qa-v23 .nav a{transition:color .2s ease,border-color .2s ease,transform .2s ease}
.qa-v23 .nav a:not(.nav-cta):hover{transform:translateY(-1px)}
.qa-v23 .nav-cta{box-shadow:0 10px 24px rgba(13,111,232,.18)}

/* ---------- Better section rhythm ---------- */
.qa-v23 .nd-hero{padding:88px 0 86px;overflow:hidden}
.qa-v23 .nd-section,.qa-v23 .ar-section{overflow:hidden}
.qa-v23 .nd-soft,.qa-v23 .ar-soft{background:
  radial-gradient(circle at 85% 15%,rgba(33,184,232,.07),transparent 30%),
  linear-gradient(180deg,#f8fbfe,#eff7fd)}
.qa-v23 .nd-h1{max-width:880px}
.qa-v23 .nd-lead{color:#536f8c}
.qa-v23 .nd-kicker,.qa-v23 .ar-kicker{font-weight:900;letter-spacing:.17em}
.qa-v23 .nd-btn{box-shadow:0 8px 22px rgba(5,55,110,.06)}
.qa-v23 .nd-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(5,55,110,.13)}

/* ---------- Four operating layers: consistent visual language ---------- */
.qa-v23 .ar-four-layer{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.qa-v23 .ar-layer{min-height:186px;padding:22px 20px 24px;display:flex;flex-direction:column;align-items:flex-start;border-radius:24px;isolation:isolate}
.qa-v23 .ar-layer:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.74),transparent 68%);z-index:-1;pointer-events:none}
.qa-v23 .ar-layer:after{z-index:-1}
.qa-v23 .ar-layer h3{font-size:20px;line-height:1.2;margin:16px 0 8px;white-space:normal}
.qa-v23 .ar-layer p{font-size:14px;line-height:1.65;max-width:100%;white-space:normal}
.qa-v23 .ar-layer:hover{transform:translateY(-8px);box-shadow:0 26px 58px rgba(5,55,110,.14)}
.qa-v23 .ar-layer:hover .ar-layer-icon{transform:translateY(-3px) scale(1.08);box-shadow:0 12px 26px color-mix(in srgb,var(--c) 22%,transparent)}
.qa-v23 .ar-layer-icon{transition:.28s ease}

/* ---------- Reusable card motion ---------- */
.qa-v23 :is(.nd-card,.nd-year,.nd-stat,.nd-office,.nd-case,.nd-logo-card,.ar-cap-item,.ar-company,.ar-int-card,.ar-platform-layer){
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease,background .28s ease;
}
.qa-v23 :is(.nd-card,.nd-year,.nd-stat,.nd-office,.nd-case,.nd-logo-card,.ar-cap-item,.ar-company,.ar-platform-layer):hover{
  transform:translateY(-7px);
  box-shadow:var(--qa-shadow-strong);
}
.qa-v23 .nd-card:hover .nd-icon,.qa-v23 .nd-office:hover .nd-icon{transform:translateY(-2px) scale(1.08)}
.qa-v23 .nd-icon{transition:transform .25s ease,filter .25s ease,box-shadow .25s ease}

/* ---------- Official logos for dark backgrounds ---------- */
.qa-v23 .logo-rw-core,.qa-v23 .logo-rw-ibom{background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;object-fit:contain!important}
.qa-v23 .ar-cap-core .logo-rw-core{width:min(210px,72%);max-height:115px}
.qa-v23 .ar-sol-core .logo-rw-ibom,.qa-v23 .ar-int-hub .logo-rw-ibom{width:min(170px,70%);max-height:92px}
.qa-v23 .ar-core .logo-rw-ibom{width:min(190px,70%);max-height:96px}
.qa-v23 .footer-logo-rw{width:190px!important;max-width:190px!important;height:auto!important;background:transparent!important;border-radius:0!important;object-fit:contain!important;filter:none!important}
.qa-v23 .footer-grid>div:first-child{align-self:start}

/* ---------- Home: premium command center ---------- */
.qa-v23[data-page="home"] .ar-command{filter:drop-shadow(0 28px 44px rgba(5,55,110,.13))}
.qa-v23[data-page="home"] .ar-command-shell{border:1px solid rgba(150,198,233,.55);background:linear-gradient(160deg,#fff,#f2f8fe)}
.qa-v23[data-page="home"] .ar-command-head h3{font-size:23px;letter-spacing:-.01em}
.qa-v23[data-page="home"] .ar-kpi{background:rgba(255,255,255,.85);border:1px solid #dbeaf6;box-shadow:0 10px 24px rgba(5,55,110,.045);transition:.25s ease}
.qa-v23[data-page="home"] .ar-kpi:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(5,55,110,.11)}
.qa-v23[data-page="home"] .ar-ai-panel{background:linear-gradient(145deg,#f3efff,#fff);border:1px solid #d8cdfd;box-shadow:0 16px 34px rgba(89,61,195,.14)}
.qa-v23[data-page="home"] .ar-ai-panel:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(89,61,195,.20)}
.qa-v23[data-page="home"] .ar-ai-panel{transition:.28s ease}
.qa-v23[data-page="home"] .ar-module{border:1px solid rgba(215,231,244,.9);box-shadow:0 15px 34px rgba(5,55,110,.09)}
.qa-v23[data-page="home"] .ar-module:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(5,55,110,.15)}
.qa-v23[data-page="home"] .ar-core{box-shadow:0 34px 74px rgba(1,33,78,.32)}
.qa-v23[data-page="home"] .ar-ibot-float{box-shadow:0 20px 48px rgba(91,67,216,.30)}

/* ---------- About / Giới thiệu ---------- */
.qa-v23[data-page="gioi-thieu"] .nd-hero-grid{grid-template-columns:1.06fr .94fr;gap:68px}
.qa-v23[data-page="gioi-thieu"] .ar-cap-wheel{gap:20px}
.qa-v23[data-page="gioi-thieu"] .ar-cap-core{background:radial-gradient(circle at 35% 25%,#1c82ef,#073d82 72%);box-shadow:0 32px 72px rgba(5,55,110,.28)}
.qa-v23[data-page="gioi-thieu"] .ar-cap-core:before{content:"";position:absolute;inset:-22px;border:1px dashed rgba(33,184,232,.55);border-radius:44px;animation:qaPulse 4s ease-in-out infinite}
.qa-v23[data-page="gioi-thieu"] .ar-cap-core{position:relative}
.qa-v23[data-page="gioi-thieu"] .ar-cap-item{min-height:176px}
.qa-v23[data-page="gioi-thieu"] .ar-cap-item:hover{border-color:color-mix(in srgb,var(--c,#0d6fe8) 35%,#d9e8f5)}
.qa-v23[data-page="gioi-thieu"] .nd-timeline{gap:16px}
.qa-v23[data-page="gioi-thieu"] .nd-year{border-top:4px solid var(--year,#0d6fe8);background:linear-gradient(180deg,#fff,#f9fcff)}
.qa-v23[data-page="gioi-thieu"] .nd-year:hover{transform:translateY(-9px)}
.qa-v23[data-page="gioi-thieu"] .nd-stats .nd-stat{min-height:112px;display:flex;flex-direction:column;justify-content:center}
.qa-v23[data-page="gioi-thieu"] .nd-grid3 .nd-card{min-height:210px}

/* ---------- Capability page ---------- */
.qa-v23[data-page="nang-luc"] .nd-hero-grid{grid-template-columns:.92fr 1.08fr;gap:64px}
.qa-v23[data-page="nang-luc"] .ar-cap-core{background:radial-gradient(circle at 30% 20%,#1e83ef,#073d82 70%)}
.qa-v23[data-page="nang-luc"] .ar-cap-core h3{font-size:25px}
.qa-v23[data-page="nang-luc"] .ar-cap-item{min-height:168px}
.qa-v23[data-page="nang-luc"] .nd-stage-card{transition:.25s ease}
.qa-v23[data-page="nang-luc"] .nd-stage:hover .nd-stage-card{transform:translateY(-5px);box-shadow:0 18px 38px rgba(5,55,110,.12)}
.qa-v23[data-page="nang-luc"] .nd-stage:hover .nd-stage-no{transform:scale(1.08)}
.qa-v23[data-page="nang-luc"] .nd-stage-no{transition:.25s ease}

/* ---------- Solutions: strongest redesign ---------- */
.qa-v23[data-page="giai-phap"] .ar-solution-hero{background:
  radial-gradient(circle at 80% 28%,rgba(33,184,232,.19),transparent 30%),
  radial-gradient(circle at 10% 85%,rgba(116,86,245,.07),transparent 26%),
  linear-gradient(180deg,#fff,#eef8fd)}
.qa-v23[data-page="giai-phap"] .ar-sol-core{background:radial-gradient(circle at 35% 25%,#177fe9,#063878 72%);box-shadow:0 34px 76px rgba(5,55,110,.30)}
.qa-v23[data-page="giai-phap"] .ar-sol-node{min-height:82px;display:flex;flex-direction:column;justify-content:center;transition:.28s ease;border-top:3px solid #27b7e7}
.qa-v23[data-page="giai-phap"] .ar-sol-node.ai{border-top-color:var(--qa-purple)}
.qa-v23[data-page="giai-phap"] .ar-sol-node:hover{transform:translateY(-7px);box-shadow:0 24px 46px rgba(5,55,110,.16)}
.qa-v23[data-page="giai-phap"] .ar-company{border-top:4px solid var(--qa-blue);min-height:150px}
.qa-v23[data-page="giai-phap"] .ar-company:nth-child(2){border-top-color:var(--qa-cyan)}
.qa-v23[data-page="giai-phap"] .ar-company:nth-child(3){border-top-color:var(--qa-green)}
.qa-v23[data-page="giai-phap"] .ar-company:nth-child(4){border-top-color:var(--qa-purple)}
.qa-v23[data-page="giai-phap"] .ar-integration{gap:34px}
.qa-v23[data-page="giai-phap"] .ar-int-card{min-height:88px;display:flex;flex-direction:column;justify-content:center;border-left:4px solid #35b8e8}
.qa-v23[data-page="giai-phap"] .ar-int-col.right .ar-int-card{border-left:1px solid var(--ar-line);border-right:4px solid #42c49a}
.qa-v23[data-page="giai-phap"] .ar-int-hub{background:radial-gradient(circle at 35% 20%,#197fe9,#063a78 70%);box-shadow:0 32px 66px rgba(5,55,110,.27)}
.qa-v23[data-page="giai-phap"] .ar-int-hub b{font-size:18px}

/* ---------- IBOM page: platform + AI layer ---------- */
.qa-v23[data-page="ibom"] .ar-ibom-hero{background:
  radial-gradient(circle at 75% 20%,rgba(116,86,245,.14),transparent 28%),
  radial-gradient(circle at 85% 75%,rgba(33,184,232,.10),transparent 30%),
  linear-gradient(180deg,#fff,#edf7fd)}
.qa-v23[data-page="ibom"] .ar-arch-core{box-shadow:0 30px 68px rgba(5,55,110,.20)}
.qa-v23[data-page="ibom"] .ar-pillar{min-height:100px;display:flex;flex-direction:column;justify-content:center;transition:.28s ease}
.qa-v23[data-page="ibom"] .ar-pillar:hover{transform:translateY(-7px) scale(1.025)}
.qa-v23[data-page="ibom"] .ar-pillar.p4{box-shadow:0 18px 38px rgba(116,86,245,.14);border:1px solid #cabdfb}
.qa-v23[data-page="ibom"] .ar-ai-layer{background:
  radial-gradient(circle at 15% 25%,rgba(255,255,255,.18),transparent 20%),
  linear-gradient(125deg,#4835bc,#7759f4 60%,#966fff);box-shadow:0 32px 72px rgba(82,56,193,.35)}
.qa-v23[data-page="ibom"] .ar-ai-feature{transition:.25s ease;background:rgba(255,255,255,.12)}
.qa-v23[data-page="ibom"] .ar-ai-feature:hover{transform:translateY(-5px);background:rgba(255,255,255,.18)}
.qa-v23[data-page="ibom"] .ar-platform-layer{min-height:176px}
.qa-v23[data-page="ibom"] .ar-platform{margin-top:42px}
.qa-v23[data-page="ibom"] .ar-core{box-shadow:0 34px 74px rgba(1,33,78,.30)}

/* ---------- Customers & projects ---------- */
.qa-v23[data-page="khach-hang-du-an"] .nd-logo-grid{gap:20px}
.qa-v23[data-page="khach-hang-du-an"] .nd-logo-card{border:1px solid #dce9f4!important;box-shadow:0 12px 30px rgba(5,55,110,.065)}
.qa-v23[data-page="khach-hang-du-an"] .nd-logo-card:hover{border-color:#afd5f2!important;box-shadow:0 24px 50px rgba(5,55,110,.14)}
.qa-v23[data-page="khach-hang-du-an"] .nd-logo-card:hover img{transform:none}
.qa-v23[data-page="khach-hang-du-an"] .nd-logo-visual img{transition:.28s ease}
.qa-v23[data-page="khach-hang-du-an"] .nd-case{overflow:hidden;position:relative}
.qa-v23[data-page="khach-hang-du-an"] .nd-case:after{content:"";position:absolute;inset:auto -40px -55px auto;width:150px;height:150px;border-radius:50%;background:rgba(13,111,232,.055);transition:.35s}
.qa-v23[data-page="khach-hang-du-an"] .nd-case:hover:after{transform:scale(1.25)}
.qa-v23[data-page="khach-hang-du-an"] .ar-case-featured:after{background:rgba(255,255,255,.10)}

/* ---------- Implementation ---------- */
.qa-v23[data-page="trien-khai"] .nd-step,.qa-v23[data-page="trien-khai"] .nd-tool,.qa-v23[data-page="trien-khai"] .nd-team{transition:.28s ease}
.qa-v23[data-page="trien-khai"] .nd-step:hover,.qa-v23[data-page="trien-khai"] .nd-tool:hover,.qa-v23[data-page="trien-khai"] .nd-team:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(5,55,110,.13)}

/* ---------- Contact ---------- */
.qa-v23[data-page="lien-he"] .nd-contact-grid{gap:42px}
.qa-v23[data-page="lien-he"] .nd-office{background:#fff;border:1px solid #dce9f4!important;border-radius:20px;padding:20px!important;margin-bottom:14px;box-shadow:0 12px 28px rgba(5,55,110,.055)}
.qa-v23[data-page="lien-he"] .nd-office:hover{transform:translateX(5px);box-shadow:0 20px 40px rgba(5,55,110,.11)}
.qa-v23[data-page="lien-he"] .nd-contact-panel{background:radial-gradient(circle at 85% 88%,rgba(33,184,232,.25),transparent 28%),linear-gradient(145deg,#063477,#0d6fe8);box-shadow:0 28px 62px rgba(5,55,110,.25)}
.qa-v23[data-page="lien-he"] .ar-contact-action{min-height:68px}
.qa-v23[data-page="lien-he"] .ar-contact-action .ic{font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
.qa-v23[data-page="lien-he"] .ar-contact-action[href*="zalo.me"] .ic{background:#fff;color:#0868ff;border-radius:14px}
.qa-v23[data-page="lien-he"] .ar-contact-action.primary{margin-top:4px;box-shadow:0 14px 30px rgba(0,0,0,.12)}

/* ---------- Footer ---------- */
.qa-v23 .footer{background:linear-gradient(180deg,#082956,#061f44)}
.qa-v23 .footer p,.qa-v23 .footer a{color:#c9d9e9}
.qa-v23 .footer h4{color:#fff}

/* ---------- Reveal refinements ---------- */
.qa-v23.fx-motion-ready .fx-reveal:not(.fx-in){transform:translateY(18px)}
.qa-v23 .fx-reveal.fx-in{transform:none}
@keyframes qaPulse{0%,100%{opacity:.45;transform:scale(.98)}50%{opacity:.95;transform:scale(1.015)}}

/* ---------- Responsive QA ---------- */
@media(max-width:1180px){
  .qa-v23 .header-inner{min-height:96px}
  .qa-v23 .nav a{padding-left:8px;padding-right:8px;font-size:13px}
  .qa-v23 .brand,.qa-v23 .brand img{width:138px;max-width:138px}
}
@media(max-width:1000px){
  .qa-v23 .ar-four-layer{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qa-v23[data-page="gioi-thieu"] .nd-hero-grid,.qa-v23[data-page="nang-luc"] .nd-hero-grid{grid-template-columns:1fr}
  .qa-v23 .ar-platform{gap:22px}
}
@media(max-width:760px){
  .qa-v23 .header-inner{min-height:82px}
  .qa-v23 .brand,.qa-v23 .brand img{width:122px;max-width:122px}
  .qa-v23 .nd-hero{padding:64px 0 58px}
  .qa-v23 .ar-four-layer{grid-template-columns:1fr}
  .qa-v23 .ar-layer{min-height:auto}
  .qa-v23 .footer-logo-rw{width:160px!important}
}
@media(prefers-reduced-motion:reduce){
  .qa-v23 *, .qa-v23 *:before,.qa-v23 *:after{animation:none!important;transition:none!important}
}


/* V2.5 contrast safeguard */
.qa-v23 .ar-dark .nd-lead{color:rgba(255,255,255,.88)!important;opacity:1!important}
.qa-v23 .ar-dark :is(.nd-h1,.nd-h2){color:#fff!important}
.qa-v23 .ar-dark :is(.nd-h1,.nd-h2) span{background:none!important;color:#86e2ff!important;-webkit-text-fill-color:#86e2ff!important}

/* ===== SOURCE: gioi-thieu-v231.css ===== */
/* Giới thiệu V2.3.1 — focused QA refinement */
body[data-page="gioi-thieu"] .nd-wheel{position:relative}
body[data-page="gioi-thieu"] .gt-core-logo{
  width:156px;height:auto;display:block;margin:0 auto;
  background:transparent!important;border-radius:0!important;padding:0!important;
  box-shadow:none!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18));
}
body[data-page="gioi-thieu"] .nd-wheel-center{
  background:linear-gradient(145deg,#0d61c9,#073f86);
  box-shadow:0 24px 65px rgba(5,54,121,.25), inset 0 1px 0 rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.14);
  transition:transform .32s ease,box-shadow .32s ease,filter .32s ease;
}
body[data-page="gioi-thieu"] .nd-wheel:has(.nd-node:hover) .nd-wheel-center{
  transform:scale(1.035);box-shadow:0 30px 80px rgba(5,54,121,.32),0 0 0 10px rgba(35,182,233,.08);
}
body[data-page="gioi-thieu"] .nd-node{
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease,background .28s ease;
  box-shadow:0 14px 34px rgba(7,55,111,.10);border:1px solid rgba(208,226,243,.95);
  will-change:transform;
}
body[data-page="gioi-thieu"] .nd-node:hover{
  transform:translateY(-8px) scale(1.035);box-shadow:0 24px 54px rgba(7,55,111,.18);border-color:rgba(36,151,235,.48);z-index:4;
}
body[data-page="gioi-thieu"] .nd-node .nd-icon{transition:transform .28s ease,filter .28s ease,box-shadow .28s ease}
body[data-page="gioi-thieu"] .nd-node:hover .nd-icon{transform:scale(1.08) rotate(-2deg);filter:saturate(1.18);box-shadow:0 8px 20px rgba(10,90,180,.12)}
body[data-page="gioi-thieu"] .nd-orbit{animation:gtOrbitPulse 5.5s ease-in-out infinite;}
@keyframes gtOrbitPulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.012)}}

/* Four operating layers: same geometry, stronger semantic identity */
body[data-page="gioi-thieu"] .ar-four-layer{align-items:stretch}
body[data-page="gioi-thieu"] .ar-layer{
  min-height:190px;height:100%;display:flex;flex-direction:column;justify-content:flex-start;
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease,background .3s ease;
  overflow:hidden;position:relative;
}
body[data-page="gioi-thieu"] .ar-layer::after{
  content:"";position:absolute;inset:auto -18% -55% auto;width:130px;height:130px;border-radius:50%;
  background:var(--layer-glow,rgba(13,111,232,.10));transition:transform .35s ease,opacity .35s ease;opacity:.75;
}
body[data-page="gioi-thieu"] .ar-layer:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(7,55,111,.15)}
body[data-page="gioi-thieu"] .ar-layer:hover::after{transform:scale(1.35);opacity:1}
body[data-page="gioi-thieu"] .ar-layer.people{--layer-glow:rgba(13,111,232,.14)}
body[data-page="gioi-thieu"] .ar-layer.process{--layer-glow:rgba(22,183,126,.14)}
body[data-page="gioi-thieu"] .ar-layer.data{--layer-glow:rgba(37,182,233,.15)}
body[data-page="gioi-thieu"] .ar-layer.ai{--layer-glow:rgba(123,97,255,.16)}
body[data-page="gioi-thieu"] .ar-layer h3{margin-top:14px;line-height:1.2}
body[data-page="gioi-thieu"] .ar-layer p{line-height:1.55;max-width:28ch}
body[data-page="gioi-thieu"] .ar-layer-icon{transition:transform .3s ease,filter .3s ease}
body[data-page="gioi-thieu"] .ar-layer:hover .ar-layer-icon{transform:translateY(-2px) scale(1.07);filter:saturate(1.15)}

/* Timeline with continuous connector */
body[data-page="gioi-thieu"] .nd-timeline{position:relative;gap:22px;align-items:stretch}
body[data-page="gioi-thieu"] .nd-timeline::before{
  content:"";position:absolute;left:5%;right:5%;top:18px;height:2px;
  background:linear-gradient(90deg,#0d6fe8,#25b6e9,#16b77e,#f59e0b,#7b61ff);opacity:.32;z-index:0;
}
body[data-page="gioi-thieu"] .nd-year{
  position:relative;z-index:1;height:100%;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
  background:linear-gradient(180deg,#fff,#fbfdff);
}
body[data-page="gioi-thieu"] .nd-year::before{
  content:"";position:absolute;top:-8px;left:22px;width:16px;height:16px;border-radius:50%;
  background:var(--year);box-shadow:0 0 0 6px #fff,0 0 0 8px color-mix(in srgb,var(--year) 28%, transparent);
}
body[data-page="gioi-thieu"] .nd-year:hover{transform:translateY(-9px);box-shadow:0 24px 52px rgba(7,55,111,.14);border-color:color-mix(in srgb,var(--year) 40%, #dbe8f4)}
body[data-page="gioi-thieu"] .nd-year strong{color:var(--year);letter-spacing:-.02em}

/* Awards / recognition: make one award a focal point */
body[data-page="gioi-thieu"] .nd-stat{transition:transform .28s ease,box-shadow .28s ease,background .28s ease}
body[data-page="gioi-thieu"] .nd-stat:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(7,55,111,.12);background:#fff}
body[data-page="gioi-thieu"] .nd-grid3 .nd-card{min-height:230px}
body[data-page="gioi-thieu"] .nd-grid3 .nd-card:nth-child(2){
  transform:translateY(-8px);box-shadow:0 24px 58px rgba(239,51,64,.12);border-color:rgba(239,51,64,.24);
  background:linear-gradient(180deg,#fff,#fff8f8);
}
body[data-page="gioi-thieu"] .nd-grid3 .nd-card:nth-child(2):hover{transform:translateY(-14px)}
body[data-page="gioi-thieu"] .nd-grid3 .nd-card h3{font-size:1.25rem}

/* reveal only for this page's special components */
body[data-page="gioi-thieu"] .gt-reveal{opacity:1;transform:none;transition:opacity .58s ease,transform .58s cubic-bezier(.2,.65,.2,1)}
body.gt-motion-ready[data-page="gioi-thieu"] .gt-reveal:not(.gt-in){opacity:0;transform:translateY(14px)}
body[data-page="gioi-thieu"] .gt-reveal.gt-in{opacity:1;transform:none}
@media (max-width:900px){
  body[data-page="gioi-thieu"] .nd-timeline::before{display:none}
  body[data-page="gioi-thieu"] .nd-year::before{display:none}
  body[data-page="gioi-thieu"] .nd-grid3 .nd-card:nth-child(2){transform:none}
}
@media (prefers-reduced-motion:reduce){
  body[data-page="gioi-thieu"] .nd-orbit{animation:none!important}
  body[data-page="gioi-thieu"] .gt-reveal{opacity:1!important;transform:none!important}
}

/* ===== SOURCE: refinement-v24.css ===== */
/* ISOFT VI System Refinement v2.4
   Purpose: consolidate interaction rhythm, four-layer DNA and page-specific refinements
   Loaded after V2.3 QA styles. */
:root{
  --v24-blue:#0d6fe8;--v24-navy:#07366d;--v24-cyan:#20b7e7;--v24-green:#16b77e;
  --v24-purple:#7456f5;--v24-red:#ef3340;--v24-ink:#15395f;--v24-muted:#637d98;
  --v24-line:#d8e7f4;--v24-soft:#f5f9fd;--v24-shadow:0 18px 44px rgba(5,55,110,.11);
}
.refine-v24 section{scroll-margin-top:92px}
.refine-v24 .site-header{z-index:1000}
.refine-v24 :is(.ar-layer,.ar-module,.ar-ibot-float,.nd-stage,.nd-node,.nd-year,.ar-cap-item,.ar-cap-core,.ar-company,.ar-int-card,.ar-int-hub,.ar-platform-layer,.nd-logo-card,.nd-case,.dp-step,.dp-success-item,.dp-team-item,.dp-tool,.nd-office,.ar-contact-action){will-change:auto}

/* Unified reveal system */
.refine-v24 .v24-reveal{opacity:1;transform:none;transition:opacity .62s ease,transform .62s cubic-bezier(.2,.72,.2,1)}
.refine-v24.v24-motion-ready .v24-reveal{opacity:0;transform:translateY(18px)}
.refine-v24.v24-motion-ready .v24-reveal.v24-in{opacity:1;transform:none}
.refine-v24 .v24-reveal:nth-child(2){transition-delay:.04s}.refine-v24 .v24-reveal:nth-child(3){transition-delay:.08s}.refine-v24 .v24-reveal:nth-child(4){transition-delay:.12s}.refine-v24 .v24-reveal:nth-child(5){transition-delay:.16s}.refine-v24 .v24-reveal:nth-child(6){transition-delay:.20s}

/* Four-layer DNA: equal baseline, stronger semantic colors, connected flow */
.refine-v24 .ar-four-layer{align-items:stretch;position:relative;isolation:isolate}
.refine-v24 .ar-four-layer:before{content:"";position:absolute;left:7%;right:7%;top:50%;height:2px;background:linear-gradient(90deg,rgba(13,111,232,.22),rgba(22,183,126,.22),rgba(32,183,231,.22),rgba(116,86,245,.24));z-index:-1}
.refine-v24 .ar-layer{height:100%;min-height:164px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease}
.refine-v24 .ar-layer h3{margin:12px 0 7px;line-height:1.18;white-space:normal;word-break:normal;hyphens:none}
.refine-v24 .ar-layer p{margin:0;line-height:1.55}
.refine-v24 .ar-layer:hover{transform:translateY(-8px);box-shadow:0 24px 54px color-mix(in srgb,var(--c) 20%,transparent);background:color-mix(in srgb,var(--bg,#fff) 36%,#fff)}
.refine-v24 .ar-layer:hover .ar-layer-icon{transform:translateY(-3px) scale(1.06)}
.refine-v24 .ar-layer-icon{transition:transform .26s ease,box-shadow .26s ease}

/* HOME */
.refine-v24[data-page="home"] .v24-specialist-section .nd-stage{cursor:default;transition:transform .28s ease}
.refine-v24[data-page="home"] .v24-specialist-section .nd-stage-card{height:100%;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease;box-shadow:0 12px 28px rgba(5,55,110,.07)}
.refine-v24[data-page="home"] .v24-specialist-section .nd-stage-no{transition:transform .28s ease,box-shadow .28s ease,background .28s ease,color .28s ease}
.refine-v24[data-page="home"] .v24-specialist-section .nd-stage:hover{transform:translateY(-6px)}
.refine-v24[data-page="home"] .v24-specialist-section .nd-stage:hover .nd-stage-card{box-shadow:0 22px 46px color-mix(in srgb,var(--stage) 17%,transparent);border-color:color-mix(in srgb,var(--stage) 32%,#d8e7f4);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--stage) 5%,#fff))}
.refine-v24[data-page="home"] .v24-specialist-section .nd-stage:hover .nd-stage-no{transform:scale(1.08);background:var(--stage);color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--stage) 28%,transparent)}
.refine-v24[data-page="home"] .ar-ibot-float{transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;animation:v24Float 4.8s ease-in-out infinite}
.refine-v24[data-page="home"] .ar-ibot-float:before{content:"";position:absolute;inset:-7px;border:1px solid rgba(116,86,245,.22);border-radius:30px;opacity:.65;animation:v24Pulse 2.8s ease-out infinite;pointer-events:none}
.refine-v24[data-page="home"] .ar-ibot-float:hover{transform:translateX(-50%) translateY(-8px) scale(1.03);box-shadow:0 28px 60px rgba(91,67,216,.38);filter:saturate(1.08)}
.refine-v24[data-page="home"] .ar-ibot-float:hover .ar-bot{transform:scale(1.08) rotate(-4deg)}
.refine-v24[data-page="home"] .ar-bot{transition:transform .28s ease}
.refine-v24[data-page="home"] .ar-platform{padding-bottom:42px}

/* HOME platform stability: restore dark-background contrast and make motion clearly perceptible. */
.refine-v24[data-page="home"] .v24-platform-section{
  background:
    radial-gradient(circle at 15% 18%,rgba(71,190,255,.18),transparent 34%),
    radial-gradient(circle at 86% 78%,rgba(116,86,245,.15),transparent 31%),
    linear-gradient(135deg,#062f68 0%,#0a54ad 58%,#0f6dce 100%);
}
.refine-v24[data-page="home"] .v24-platform-section .nd-h2{color:#fff}
.refine-v24[data-page="home"] .v24-platform-section .nd-h2 span{
  background:none!important;
  color:#86e2ff!important;
  -webkit-text-fill-color:#86e2ff;
}
.refine-v24[data-page="home"] .v24-platform-section .nd-lead{
  color:rgba(255,255,255,.88)!important;
  opacity:1;
  text-shadow:0 1px 1px rgba(1,35,78,.14);
}
.refine-v24[data-page="home"] .v24-platform-section .ar-kicker{color:#86e2ff!important}
.refine-v24[data-page="home"] .v24-platform-section .ar-core-copy small{opacity:.9}
.refine-v24[data-page="home"] .v24-platform-section .ar-glow.g1{animation:v24GlowOne 8s ease-in-out infinite}
.refine-v24[data-page="home"] .v24-platform-section .ar-glow.g2{animation:v24GlowTwo 9.5s ease-in-out infinite}
.refine-v24[data-page="home"] .v24-platform-section .ar-core{animation:v24CoreBreath 5.8s ease-in-out infinite}
.refine-v24[data-page="home"] .v24-platform-section .ar-module{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.refine-v24[data-page="home"] .v24-platform-section .ar-module:hover{border-color:rgba(134,226,255,.72)}

@keyframes v24Float{0%,100%{margin-bottom:0}50%{margin-bottom:7px}}
@keyframes v24Pulse{0%{transform:scale(.96);opacity:.52}70%,100%{transform:scale(1.08);opacity:0}}
@keyframes v24GlowOne{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.45}50%{transform:translate3d(-18px,14px,0) scale(1.08);opacity:.7}}
@keyframes v24GlowTwo{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.42}50%{transform:translate3d(20px,-12px,0) scale(1.06);opacity:.64}}
@keyframes v24CoreBreath{0%,100%{box-shadow:0 34px 74px rgba(1,33,78,.32),inset 0 0 0 12px rgba(255,255,255,.06)}50%{box-shadow:0 38px 86px rgba(1,33,78,.42),0 0 42px rgba(70,190,255,.14),inset 0 0 0 12px rgba(255,255,255,.075)}}

/* ABOUT */
.refine-v24[data-page="gioi-thieu"] .nd-wheel-center{background:radial-gradient(circle at 35% 28%,#176fd6,#073b7c 68%);box-shadow:0 26px 60px rgba(5,55,110,.25),inset 0 0 0 9px rgba(255,255,255,.06)}
.refine-v24[data-page="gioi-thieu"] .v24-wheel-logo{width:158px;max-width:72%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.20))}
.refine-v24[data-page="gioi-thieu"] .nd-node{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.refine-v24[data-page="gioi-thieu"] .nd-node:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 20px 42px rgba(5,55,110,.16);border-color:#bddcf4}
.refine-v24[data-page="gioi-thieu"] .nd-node:hover .nd-icon{transform:scale(1.08) rotate(-3deg)}
.refine-v24[data-page="gioi-thieu"] .nd-timeline{position:relative}
.refine-v24[data-page="gioi-thieu"] .nd-timeline:before{content:"";position:absolute;left:5%;right:5%;top:26px;height:2px;background:linear-gradient(90deg,#0d6fe8,#25b6e9,#16b77e,#f59e0b,#7456f5);opacity:.38}
.refine-v24[data-page="gioi-thieu"] .nd-year{position:relative;z-index:1}
.refine-v24[data-page="gioi-thieu"] .nd-year:before{content:"";position:absolute;top:-4px;left:22px;width:10px;height:10px;border-radius:50%;background:var(--year);box-shadow:0 0 0 6px color-mix(in srgb,var(--year) 14%,#fff)}

/* CAPABILITY */
.refine-v24[data-page="nang-luc"] .v24-cap-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;margin-bottom:18px}
.refine-v24[data-page="nang-luc"] .v24-cap-hero-grid>.ar-four-layer{margin-top:0}
.refine-v24[data-page="nang-luc"] .v24-cap-wheel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(270px,.84fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(126px,auto));gap:18px 26px;align-items:stretch}
.refine-v24[data-page="nang-luc"] .v24-cap-wheel>.ar-cap-item:nth-child(1){grid-column:1;grid-row:1}
.refine-v24[data-page="nang-luc"] .v24-cap-wheel>.ar-cap-core:nth-child(2){grid-column:2;grid-row:1/4}
.refine-v24[data-page="nang-luc"] .v24-cap-wheel>.ar-cap-item:nth-child(3){grid-column:3;grid-row:1}
.refine-v24[data-page="nang-luc"] .v24-cap-wheel>.ar-cap-item:nth-child(4){grid-column:1;grid-row:2}
.refine-v24[data-page="nang-luc"] .v24-cap-wheel>.ar-cap-item:nth-child(5){grid-column:3;grid-row:2}
.refine-v24[data-page="nang-luc"] .v24-cap-wheel>.ar-cap-item:nth-child(6){grid-column:1;grid-row:3}
.refine-v24[data-page="nang-luc"] .v24-cap-wheel>.ar-cap-item:nth-child(7){grid-column:3;grid-row:3}
.refine-v24[data-page="nang-luc"] .ar-cap-core{min-height:100%;aspect-ratio:auto;border-radius:38px;background:radial-gradient(circle at 42% 30%,#1676e2,#073a7d 72%);position:relative;overflow:hidden}
.refine-v24[data-page="nang-luc"] .ar-cap-core:before,.refine-v24[data-page="nang-luc"] .ar-cap-core:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(124,224,255,.36);inset:24px;animation:arSpin 20s linear infinite}.refine-v24[data-page="nang-luc"] .ar-cap-core:after{inset:54px;border-color:rgba(255,255,255,.18);animation-direction:reverse;animation-duration:28s}
.refine-v24[data-page="nang-luc"] .ar-cap-core img,.refine-v24[data-page="nang-luc"] .ar-cap-core h3{position:relative;z-index:2}
.refine-v24[data-page="nang-luc"] .ar-cap-core img{background:transparent!important;padding:0!important;border-radius:0!important;max-width:185px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.24))}
.refine-v24[data-page="nang-luc"] .ar-cap-item{position:relative;overflow:hidden}
.refine-v24[data-page="nang-luc"] .ar-cap-item:after{content:"";position:absolute;top:50%;width:28px;border-top:2px dashed color-mix(in srgb,var(--c) 35%,transparent);transition:border-color .25s ease,transform .25s ease}
.refine-v24[data-page="nang-luc"] .v24-cap-wheel>.ar-cap-item:nth-child(1):after,.refine-v24[data-page="nang-luc"] .v24-cap-wheel>.ar-cap-item:nth-child(4):after,.refine-v24[data-page="nang-luc"] .v24-cap-wheel>.ar-cap-item:nth-child(6):after{right:-28px}
.refine-v24[data-page="nang-luc"] .v24-cap-wheel>.ar-cap-item:nth-child(3):after,.refine-v24[data-page="nang-luc"] .v24-cap-wheel>.ar-cap-item:nth-child(5):after,.refine-v24[data-page="nang-luc"] .v24-cap-wheel>.ar-cap-item:nth-child(7):after{left:-28px}
.refine-v24[data-page="nang-luc"] .ar-cap-item:hover{border-color:color-mix(in srgb,var(--c) 34%,#d8e7f4);box-shadow:0 24px 48px color-mix(in srgb,var(--c) 16%,transparent)}
.refine-v24[data-page="nang-luc"] .v24-ibot-note{margin:28px auto 0;max-width:850px;display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:24px;background:linear-gradient(135deg,#f3efff,#f8fdff);border:1px solid #dcd4ff;box-shadow:0 14px 34px rgba(91,67,216,.10)}
.refine-v24[data-page="nang-luc"] .v24-ibot-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#7456f5,#4e42c9);color:#fff;font-weight:900;box-shadow:0 12px 26px rgba(91,67,216,.26)}
.refine-v24[data-page="nang-luc"] .v24-ibot-note strong{color:#4f3bc0;font-size:19px}.refine-v24[data-page="nang-luc"] .v24-ibot-note p{margin:5px 0 0;color:#647d96;line-height:1.55}
.refine-v24[data-page="nang-luc"] .v24-lifecycle-flow:before{transform-origin:left center;animation:v24Draw 1.3s ease both}
@keyframes v24Draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* SOLUTIONS */
.refine-v24[data-page="giai-phap"] .ar-solution-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:50px}
.refine-v24[data-page="giai-phap"] .v24-solution-map{min-height:560px;position:relative;display:grid;place-items:center;border-radius:38px;background:radial-gradient(circle at 50% 48%,rgba(37,182,233,.13),transparent 38%),linear-gradient(145deg,#f7fbff,#edf6fd);border:1px solid #d8e7f4;box-shadow:0 28px 68px rgba(5,55,110,.13);overflow:hidden}
.refine-v24[data-page="giai-phap"] .v24-sol-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-42%);width:220px;height:220px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#fff,#f4faff);border:1px solid #cfe3f3;box-shadow:0 24px 54px rgba(5,55,110,.17);z-index:4}
.refine-v24[data-page="giai-phap"] .v24-sol-core img{width:142px;max-height:70px;object-fit:contain}.refine-v24[data-page="giai-phap"] .v24-sol-core span{font-size:13px;font-weight:800;color:#5c7895;margin-top:10px}
.refine-v24[data-page="giai-phap"] .v24-sol-ai{position:absolute;left:50%;top:24px;transform:translateX(-50%);display:flex;align-items:center;gap:11px;background:linear-gradient(145deg,#ece7ff,#fff);border:1px solid #d8d0ff;border-radius:20px;padding:11px 16px;box-shadow:0 16px 36px rgba(91,67,216,.20);z-index:6;animation:v24FloatY 4.5s ease-in-out infinite}
.refine-v24 .v24-ai-orb{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#7456f5,#5140d2);color:#fff;font-size:12px;font-weight:900;box-shadow:0 10px 20px rgba(91,67,216,.25)}
.refine-v24[data-page="giai-phap"] .v24-sol-ai b{display:block;color:#513cc4}.refine-v24[data-page="giai-phap"] .v24-sol-ai small{color:#6e7890}
.refine-v24[data-page="giai-phap"] .v24-sol-node{position:absolute;width:175px;min-height:80px;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid #d8e7f4;box-shadow:0 12px 30px rgba(5,55,110,.09);z-index:5;transition:.25s;text-align:left}.refine-v24[data-page="giai-phap"] .v24-sol-node b{display:block;color:#07366d}.refine-v24[data-page="giai-phap"] .v24-sol-node small{display:block;margin-top:4px;color:#6c8299}.refine-v24[data-page="giai-phap"] .v24-sol-node:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(5,55,110,.16);border-color:#b8daf2}
.refine-v24[data-page="giai-phap"] .v24-sol-node.n1{left:30px;top:118px}.refine-v24[data-page="giai-phap"] .v24-sol-node.n2{left:20px;top:245px}.refine-v24[data-page="giai-phap"] .v24-sol-node.n3{left:44px;bottom:72px}.refine-v24[data-page="giai-phap"] .v24-sol-node.n4{right:30px;top:118px}.refine-v24[data-page="giai-phap"] .v24-sol-node.n5{right:20px;top:245px}.refine-v24[data-page="giai-phap"] .v24-sol-node.n6{right:44px;bottom:72px}
.refine-v24[data-page="giai-phap"] .v24-sol-ring{position:absolute;border-radius:50%;border:1px dashed rgba(32,183,231,.36);width:420px;height:420px;animation:arSpin 24s linear infinite}.refine-v24[data-page="giai-phap"] .v24-sol-ring.r2{width:490px;height:490px;border-color:rgba(116,86,245,.20);animation-direction:reverse;animation-duration:34s}
.refine-v24[data-page="giai-phap"] .v24-shared-platform{margin-top:36px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;border-radius:26px;background:linear-gradient(145deg,#073a7d,#0a5ab5);box-shadow:0 22px 52px rgba(5,55,110,.20);position:relative}.refine-v24[data-page="giai-phap"] .v24-shared-platform>div{padding:16px;border-radius:17px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.refine-v24[data-page="giai-phap"] .v24-shared-platform b{display:block;color:#fff}.refine-v24[data-page="giai-phap"] .v24-shared-platform span{display:block;color:#cfe5ff;font-size:13px;margin-top:5px}.refine-v24[data-page="giai-phap"] .v24-shared-platform aside{position:absolute;right:18px;top:-24px;padding:9px 14px;border-radius:15px;background:#f1edff;border:1px solid #d8d0ff;color:#513cc4;box-shadow:0 12px 28px rgba(91,67,216,.18)}.refine-v24[data-page="giai-phap"] .v24-shared-platform aside strong,.refine-v24[data-page="giai-phap"] .v24-shared-platform aside span{display:inline;color:inherit}.refine-v24[data-page="giai-phap"] .v24-shared-platform aside span{margin-left:6px;font-size:12px}
.refine-v24[data-page="giai-phap"] .ar-integration{position:relative}.refine-v24[data-page="giai-phap"] .ar-integration:before,.refine-v24[data-page="giai-phap"] .ar-integration:after{content:"";position:absolute;top:50%;height:2px;background:linear-gradient(90deg,transparent,#43c6ef,#7456f5,transparent);width:32%;opacity:.4;animation:v24Data 2.6s linear infinite}.refine-v24[data-page="giai-phap"] .ar-integration:before{left:21%}.refine-v24[data-page="giai-phap"] .ar-integration:after{right:21%;animation-delay:1.3s}.refine-v24[data-page="giai-phap"] .ar-int-card{position:relative;z-index:2}.refine-v24[data-page="giai-phap"] .ar-int-hub{z-index:3}
@keyframes v24Data{0%{opacity:.08;transform:scaleX(.25)}50%{opacity:.55;transform:scaleX(1)}100%{opacity:.08;transform:scaleX(.25)}}
@keyframes v24FloatY{0%,100%{margin-top:0}50%{margin-top:-7px}}

/* IBOM */
.refine-v24[data-page="ibom"] .v24-ibom-architecture{min-height:560px;position:relative;border-radius:40px;background:radial-gradient(circle at 50% 46%,rgba(32,183,231,.14),transparent 34%),linear-gradient(145deg,#f8fcff,#eef6fd);border:1px solid #d9e8f5;box-shadow:0 28px 68px rgba(5,55,110,.13);overflow:hidden}
.refine-v24[data-page="ibom"] .v24-arch-core{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:218px;height:218px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #cfe3f3;box-shadow:0 24px 55px rgba(5,55,110,.18);z-index:4}.refine-v24[data-page="ibom"] .v24-arch-core img{width:150px;max-height:72px;object-fit:contain}.refine-v24[data-page="ibom"] .v24-arch-core span{margin-top:10px;font-size:13px;font-weight:900;color:#607b96}
.refine-v24[data-page="ibom"] .v24-arch-pill{position:absolute;width:190px;padding:15px 16px;border-radius:19px;background:#fff;border:1px solid #d8e7f4;box-shadow:0 14px 32px rgba(5,55,110,.10);z-index:5;transition:.25s}.refine-v24[data-page="ibom"] .v24-arch-pill b{display:block;color:#07366d}.refine-v24[data-page="ibom"] .v24-arch-pill small{display:block;color:#6b8198;margin-top:4px;line-height:1.4}.refine-v24[data-page="ibom"] .v24-arch-pill:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(5,55,110,.16)}
.refine-v24[data-page="ibom"] .v24-arch-pill.people{left:28px;top:154px;border-top:4px solid var(--v24-blue)}.refine-v24[data-page="ibom"] .v24-arch-pill.process{right:28px;top:154px;border-top:4px solid var(--v24-green)}.refine-v24[data-page="ibom"] .v24-arch-pill.data{left:50%;bottom:42px;transform:translateX(-50%);border-top:4px solid var(--v24-cyan)}.refine-v24[data-page="ibom"] .v24-arch-pill.data:hover{transform:translateX(-50%) translateY(-6px)}
.refine-v24[data-page="ibom"] .v24-arch-ai{position:absolute;left:50%;top:28px;transform:translateX(-50%);display:flex;align-items:center;gap:11px;background:linear-gradient(145deg,#ece7ff,#fff);border:1px solid #d8d0ff;border-radius:20px;padding:11px 16px;box-shadow:0 18px 38px rgba(91,67,216,.22);z-index:7;animation:v24FloatY 4.5s ease-in-out infinite}.refine-v24[data-page="ibom"] .v24-arch-ai b{display:block;color:#513cc4}.refine-v24[data-page="ibom"] .v24-arch-ai small{color:#6e7890}
.refine-v24[data-page="ibom"] .v24-arch-ring{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(32,183,231,.40);width:410px;height:410px;animation:v24ArchSpin 28s linear infinite}.refine-v24[data-page="ibom"] .v24-arch-ring.r2{width:485px;height:485px;border-color:rgba(116,86,245,.22);animation-direction:reverse;animation-duration:38s}@keyframes v24ArchSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.refine-v24[data-page="ibom"] .ar-ai-layer{box-shadow:0 24px 58px rgba(91,67,216,.20);border:1px solid rgba(220,213,255,.30)}
.refine-v24[data-page="ibom"] .ar-ai-layer .ar-bot{animation:v24FloatIcon 3.6s ease-in-out infinite}@keyframes v24FloatIcon{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.refine-v24[data-page="ibom"] .v24-open-integration{display:grid;grid-template-columns:1fr 300px 1fr;gap:28px;align-items:center;margin-top:28px}.refine-v24[data-page="ibom"] .v24-int-side{display:grid;gap:10px}.refine-v24[data-page="ibom"] .v24-int-side>b{color:#07366d;margin-bottom:4px}.refine-v24[data-page="ibom"] .v24-int-side span{padding:13px 15px;border:1px solid #d8e7f4;border-radius:15px;background:#fff;color:#5f7893;box-shadow:0 9px 24px rgba(5,55,110,.06)}.refine-v24[data-page="ibom"] .v24-int-core{aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#0c65cf,#063a78);box-shadow:0 24px 54px rgba(5,55,110,.25);color:#fff;position:relative}.refine-v24[data-page="ibom"] .v24-int-core:before{content:"";position:absolute;inset:-16px;border:1px dashed rgba(32,183,231,.5);border-radius:50%;animation:arSpin 18s linear infinite}.refine-v24[data-page="ibom"] .v24-int-core img{width:132px;background:#fff;border-radius:16px;padding:9px}.refine-v24[data-page="ibom"] .v24-int-core strong{margin-top:12px}.refine-v24[data-page="ibom"] .v24-int-core small{opacity:.78;margin-top:5px}

/* CUSTOMERS */
.refine-v24[data-page="khach-hang-du-an"] .v24-customer-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:56px;align-items:center}
.refine-v24[data-page="khach-hang-du-an"] .v24-client-orbit{height:390px;position:relative;border-radius:36px;background:radial-gradient(circle at center,rgba(37,182,233,.12),transparent 42%),linear-gradient(145deg,#f9fcff,#edf6fd);border:1px solid #d9e8f5;box-shadow:0 24px 58px rgba(5,55,110,.12)}
.refine-v24[data-page="khach-hang-du-an"] .v24-client-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#0d6fe8,#073a7d);color:#fff;box-shadow:0 22px 48px rgba(5,55,110,.25)}.refine-v24[data-page="khach-hang-du-an"] .v24-client-core:before{content:"";position:absolute;inset:-28px;border:1px dashed rgba(32,183,231,.46);border-radius:50%;animation:arSpin 26s linear infinite}.refine-v24[data-page="khach-hang-du-an"] .v24-client-core span{font-size:36px;font-weight:950}.refine-v24[data-page="khach-hang-du-an"] .v24-client-core small{max-width:110px;line-height:1.35;opacity:.9}
.refine-v24[data-page="khach-hang-du-an"] .v24-client-logo{position:absolute;width:130px;height:78px;padding:12px;border-radius:18px;background:#fff;border:1px solid #dceaf5;display:grid;place-items:center;box-shadow:0 12px 28px rgba(5,55,110,.09);transition:.25s}.refine-v24[data-page="khach-hang-du-an"] .v24-client-logo:hover{transform:translateY(-6px);box-shadow:0 20px 38px rgba(5,55,110,.15)}.refine-v24[data-page="khach-hang-du-an"] .v24-client-logo img{max-width:100%;max-height:50px;object-fit:contain}.refine-v24[data-page="khach-hang-du-an"] .v24-client-logo.l1{left:26px;top:54px}.refine-v24[data-page="khach-hang-du-an"] .v24-client-logo.l2{right:26px;top:54px}.refine-v24[data-page="khach-hang-du-an"] .v24-client-logo.l3{left:26px;bottom:54px}.refine-v24[data-page="khach-hang-du-an"] .v24-client-logo.l4{right:26px;bottom:54px}
.refine-v24[data-page="khach-hang-du-an"] .nd-logo-card{border:1px solid transparent}.refine-v24[data-page="khach-hang-du-an"] .nd-logo-card:hover{border-color:#cfe3f3;box-shadow:0 22px 46px rgba(5,55,110,.15)}.refine-v24[data-page="khach-hang-du-an"] .nd-logo-card:hover .nd-logo-visual img{transform:none}.refine-v24[data-page="khach-hang-du-an"] .nd-logo-visual img{transition:transform .28s ease}
.refine-v24[data-page="khach-hang-du-an"] .v24-proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:38px}.refine-v24[data-page="khach-hang-du-an"] .v24-proof-strip>div{padding:20px;border-radius:20px;background:#fff;border:1px solid #d9e8f5;box-shadow:0 12px 30px rgba(5,55,110,.07)}.refine-v24[data-page="khach-hang-du-an"] .v24-proof-strip strong{display:block;color:#0d6fe8;font-size:24px;line-height:1.1}.refine-v24[data-page="khach-hang-du-an"] .v24-proof-strip span{display:block;color:#6a829b;margin-top:7px;font-size:13px;line-height:1.45}
.refine-v24[data-page="khach-hang-du-an"] .nd-case-grid{grid-template-columns:repeat(3,1fr);grid-auto-flow:dense}.refine-v24[data-page="khach-hang-du-an"] .v24-case-featured{grid-column:span 2;min-height:300px;padding-left:46%;background:linear-gradient(145deg,#fff8e9,#fff)}.refine-v24[data-page="khach-hang-du-an"] .v24-case-media{position:absolute;left:0;top:0;bottom:0;width:42%;overflow:hidden;z-index:1}.refine-v24[data-page="khach-hang-du-an"] .v24-case-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.refine-v24[data-page="khach-hang-du-an"] .v24-case-featured:hover .v24-case-media img{transform:scale(1.045)}.refine-v24[data-page="khach-hang-du-an"] .v24-case-featured>:not(.v24-case-media){position:relative;z-index:2}.refine-v24[data-page="khach-hang-du-an"] .nd-case{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.refine-v24[data-page="khach-hang-du-an"] .nd-case:hover{transform:translateY(-7px);box-shadow:0 24px 48px rgba(5,55,110,.15);border-color:#c8e0f2}.refine-v24[data-page="khach-hang-du-an"] .nd-case a{display:inline-flex;transition:transform .25s ease}.refine-v24[data-page="khach-hang-du-an"] .nd-case:hover a{transform:translateX(5px)}

/* IMPLEMENTATION */
.refine-v24[data-page="trien-khai"] .v24-implementation-bridge{padding:58px 0 30px;background:linear-gradient(180deg,#f9fcff,#fff)}
.refine-v24[data-page="trien-khai"] .v24-implementation-bridge .dp-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:44px;align-items:center}.refine-v24[data-page="trien-khai"] .v24-bridge-copy h2{font-size:clamp(30px,3vw,44px);line-height:1.08;color:#07366d;margin:8px 0 14px}.refine-v24[data-page="trien-khai"] .v24-bridge-copy h2 span{color:#0d6fe8}.refine-v24[data-page="trien-khai"] .v24-bridge-copy p{color:#607b96;line-height:1.7;margin:0}.refine-v24[data-page="trien-khai"] .v24-layer-rail{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:9px}.refine-v24[data-page="trien-khai"] .v24-layer-rail span{padding:17px 10px;border-radius:16px;text-align:center;font-weight:900;background:#fff;border:1px solid #d9e8f5;box-shadow:0 10px 24px rgba(5,55,110,.07)}.refine-v24[data-page="trien-khai"] .v24-layer-rail .people{color:#0d6fe8;border-top:4px solid #0d6fe8}.refine-v24[data-page="trien-khai"] .v24-layer-rail .process{color:#16a873;border-top:4px solid #16b77e}.refine-v24[data-page="trien-khai"] .v24-layer-rail .data{color:#159fd1;border-top:4px solid #20b7e7}.refine-v24[data-page="trien-khai"] .v24-layer-rail .ai{color:#6549e4;border-top:4px solid #7456f5}.refine-v24[data-page="trien-khai"] .v24-layer-rail i{font-style:normal;color:#9ab3ca;font-weight:900}
.refine-v24[data-page="trien-khai"] .dp-step{transition:transform .28s ease,box-shadow .28s ease}.refine-v24[data-page="trien-khai"] .dp-step:hover{transform:translateY(-7px);box-shadow:0 24px 46px rgba(5,55,110,.14)}.refine-v24[data-page="trien-khai"] .dp-step:hover .dp-icon{transform:translateY(-3px) scale(1.05)}.refine-v24[data-page="trien-khai"] .dp-step .dp-icon{transition:.25s}
.refine-v24[data-page="trien-khai"] .dp-success-item.v24-priority{background:linear-gradient(145deg,#fff,#f2f8ff);border-color:#bfdcf3;box-shadow:0 13px 28px rgba(5,55,110,.08)}.refine-v24[data-page="trien-khai"] .dp-success-item.v24-priority b{color:#07366d}.refine-v24[data-page="trien-khai"] .dp-team-list{position:relative}.refine-v24[data-page="trien-khai"] .dp-team-list:before{content:"";position:absolute;left:25px;top:28px;bottom:28px;border-left:2px dashed rgba(37,182,233,.30)}.refine-v24[data-page="trien-khai"] .dp-team-item{position:relative;z-index:1}.refine-v24[data-page="trien-khai"] .dp-tool{transition:transform .25s ease,box-shadow .25s ease}.refine-v24[data-page="trien-khai"] .dp-tool:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(5,55,110,.12)}

/* CONTACT */
.refine-v24[data-page="lien-he"] .v24-contact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.refine-v24[data-page="lien-he"] .v24-contact-strip a{display:flex;align-items:center;gap:11px;padding:14px 15px;border-radius:17px;text-decoration:none;background:#fff;border:1px solid #d9e8f5;color:#173d62;box-shadow:0 10px 24px rgba(5,55,110,.07);transition:.25s}.refine-v24[data-page="lien-he"] .v24-contact-strip a:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(5,55,110,.13)}.refine-v24[data-page="lien-he"] .v24-contact-strip a>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#edf6ff;color:#0d6fe8;font-weight:900}.refine-v24[data-page="lien-he"] .v24-contact-strip .zalo{background:#e8f5ff;color:#0875db}.refine-v24[data-page="lien-he"] .v24-contact-strip small{display:block;color:#71879c;font-size:11px}.refine-v24[data-page="lien-he"] .v24-contact-strip b{display:block;margin-top:2px;font-size:13px;color:#07366d}.refine-v24[data-page="lien-he"] .v24-contact-strip a.primary{background:linear-gradient(145deg,#0d6fe8,#084e9f);border-color:transparent;color:#fff}.refine-v24[data-page="lien-he"] .v24-contact-strip a.primary>span{background:rgba(255,255,255,.14);color:#fff}.refine-v24[data-page="lien-he"] .v24-contact-strip a.primary :is(small,b){color:#fff}
.refine-v24[data-page="lien-he"] .nd-office{transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}.refine-v24[data-page="lien-he"] .nd-office:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(5,55,110,.13);border-color:#c3dff2}.refine-v24[data-page="lien-he"] .v24-map-link{display:inline-block;margin-top:8px;color:#0d6fe8;font-size:13px;font-weight:850;text-decoration:none}.refine-v24[data-page="lien-he"] .v24-map-link:hover{text-decoration:underline}.refine-v24[data-page="lien-he"] .ar-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}.refine-v24[data-page="lien-he"] .ar-contact-action{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.refine-v24[data-page="lien-he"] .ar-contact-action:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.14)}.refine-v24[data-page="lien-he"] .ar-contact-action.primary{grid-column:1/-1;justify-content:center;font-size:16px}

/* Responsive */
@media(max-width:1000px){
  .refine-v24 .ar-four-layer:before{display:none}
  .refine-v24[data-page="nang-luc"] .v24-cap-hero-grid{grid-template-columns:1fr;gap:24px}
  .refine-v24[data-page="nang-luc"] .v24-cap-wheel{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:auto!important}
  .refine-v24[data-page="nang-luc"] .v24-cap-wheel>*{grid-column:auto!important;grid-row:auto!important}
  .refine-v24[data-page="nang-luc"] .ar-cap-core{grid-column:1/-1!important;min-height:270px}
  .refine-v24[data-page="nang-luc"] .ar-cap-item:after{display:none}
  .refine-v24[data-page="giai-phap"] .ar-solution-hero-grid{grid-template-columns:1fr}
  .refine-v24[data-page="giai-phap"] .v24-solution-map{min-height:520px}
  .refine-v24[data-page="giai-phap"] .v24-shared-platform{grid-template-columns:repeat(2,1fr)}
  .refine-v24[data-page="giai-phap"] .ar-integration:before,.refine-v24[data-page="giai-phap"] .ar-integration:after{display:none}
  .refine-v24[data-page="ibom"] .v24-open-integration{grid-template-columns:1fr}.refine-v24[data-page="ibom"] .v24-int-core{max-width:300px;margin:20px auto}
  .refine-v24[data-page="khach-hang-du-an"] .v24-customer-hero-grid{grid-template-columns:1fr}.refine-v24[data-page="khach-hang-du-an"] .v24-client-orbit{max-width:520px;width:100%;margin:auto}
  .refine-v24[data-page="khach-hang-du-an"] .v24-proof-strip{grid-template-columns:repeat(2,1fr)}
  .refine-v24[data-page="khach-hang-du-an"] .v24-case-featured{grid-column:1/-1}
  .refine-v24[data-page="trien-khai"] .v24-implementation-bridge .dp-wrap{grid-template-columns:1fr}.refine-v24[data-page="lien-he"] .v24-contact-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .refine-v24.v24-motion-ready .v24-reveal{transform:translateY(12px)}
  .refine-v24[data-page="giai-phap"] .v24-solution-map,.refine-v24[data-page="ibom"] .v24-ibom-architecture{min-height:auto;padding:24px;display:grid;gap:12px}
  .refine-v24[data-page="giai-phap"] :is(.v24-sol-core,.v24-sol-ai,.v24-sol-node),.refine-v24[data-page="ibom"] :is(.v24-arch-core,.v24-arch-pill,.v24-arch-ai){position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;height:auto!important;min-height:0;border-radius:18px;animation:none!important}
  .refine-v24[data-page="giai-phap"] .v24-sol-core,.refine-v24[data-page="ibom"] .v24-arch-core{padding:22px}.refine-v24[data-page="giai-phap"] .v24-sol-ring,.refine-v24[data-page="ibom"] .v24-arch-ring{display:none}
  .refine-v24[data-page="giai-phap"] .v24-shared-platform{grid-template-columns:1fr;padding-top:42px}.refine-v24[data-page="giai-phap"] .v24-shared-platform aside{right:14px;top:10px}
  .refine-v24[data-page="khach-hang-du-an"] .v24-client-orbit{height:340px}.refine-v24[data-page="khach-hang-du-an"] .v24-client-logo{width:108px;height:68px}.refine-v24[data-page="khach-hang-du-an"] .v24-client-logo.l1{left:12px}.refine-v24[data-page="khach-hang-du-an"] .v24-client-logo.l2{right:12px}.refine-v24[data-page="khach-hang-du-an"] .v24-client-logo.l3{left:12px}.refine-v24[data-page="khach-hang-du-an"] .v24-client-logo.l4{right:12px}.refine-v24[data-page="khach-hang-du-an"] .v24-proof-strip{grid-template-columns:1fr 1fr}.refine-v24[data-page="khach-hang-du-an"] .v24-case-featured{padding:22px;min-height:420px;padding-top:220px}.refine-v24[data-page="khach-hang-du-an"] .v24-case-media{width:100%;height:200px;bottom:auto}
  .refine-v24[data-page="trien-khai"] .v24-layer-rail{grid-template-columns:1fr;gap:8px}.refine-v24[data-page="trien-khai"] .v24-layer-rail i{transform:rotate(90deg);text-align:center}
  .refine-v24[data-page="lien-he"] .v24-contact-strip,.refine-v24[data-page="lien-he"] .ar-contact-actions{grid-template-columns:1fr}.refine-v24[data-page="lien-he"] .ar-contact-action.primary{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  .refine-v24 *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .refine-v24 .v24-reveal{opacity:1!important;transform:none!important}
}
.refine-v24[data-page="nang-luc"] .ar-cap-core{transition:box-shadow .28s ease,filter .28s ease}.refine-v24[data-page="nang-luc"] .ar-cap-core.v24-core-active{box-shadow:0 34px 72px rgba(5,55,110,.30),0 0 0 7px rgba(32,183,231,.08);filter:saturate(1.07)}


/* V2.5 SYSTEM STABILITY */
.refine-v24{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.refine-v24 :is(h1,h2,h3,h4,p,small,b,strong,a,button){font-family:inherit}
.refine-v24 :is(.nd-h1,.nd-h2){text-wrap:balance}
.refine-v24 p{text-wrap:pretty}
.refine-v24 img{max-width:100%;height:auto}
.refine-v24 .ar-dark :is(.nd-h1,.nd-h2){color:#fff!important}
.refine-v24 .ar-dark .nd-lead{color:rgba(255,255,255,.88)!important;opacity:1!important}
.refine-v24 .ar-dark :is(.nd-h1,.nd-h2) span{background:none!important;color:#86e2ff!important;-webkit-text-fill-color:#86e2ff!important}
.refine-v24 .ar-dark :is(.ar-kicker,.nd-kicker){color:#86e2ff}
.refine-v24 .nd-logo-visual img{transform:none!important;filter:none!important;backface-visibility:visible}
.refine-v24 .nd-logo-card:hover .nd-logo-visual img{transform:none!important}
.refine-v24 .brand img,.refine-v24 .footer-logo-rw,.refine-v24 .logo-rw-core,.refine-v24 .logo-rw-ibom{transform:none!important;filter:none!important}
@media(max-width:620px){
  .refine-v24 .nd-h1{font-size:clamp(36px,11vw,42px);line-height:1.02}
  .refine-v24 .nd-h2{font-size:clamp(29px,8.5vw,36px);line-height:1.1}
  .refine-v24 .nd-lead{font-size:16px;line-height:1.7}
  .refine-v24[data-page="home"] .v24-platform-section .ar-core{width:min(82vw,360px);margin-left:auto;margin-right:auto}
}

/* ===== SOURCE: redesign-v26.css ===== */
/* ISOFT Corporate Website V2.6 — primary-page redesign
   Clean visual system inspired by the stable implementation page.
   Scope is intentionally isolated to .redesign-v26 .v26-main. */
:root{
  --v26-navy:#07367f;
  --v26-blue:#0d66dc;
  --v26-cyan:#26a9f2;
  --v26-text:#173e67;
  --v26-muted:#607b98;
  --v26-line:#d8e7f2;
  --v26-soft:#f6fbff;
  --v26-soft2:#eef7ff;
  --v26-green:#14a879;
  --v26-violet:#7458e8;
  --v26-orange:#f29b21;
  --v26-red:#ef4050;
  --v26-shadow:0 16px 44px rgba(17,63,108,.08);
}
.redesign-v26 .v26-main,.redesign-v26 .v26-main *{box-sizing:border-box}
.redesign-v26 .v26-main{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:var(--v26-text);overflow:hidden;background:#fff}
.redesign-v26 .v26-wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}
.redesign-v26 .v26-section{padding:84px 0;position:relative}
.redesign-v26 .v26-soft{background:linear-gradient(180deg,#f8fcff 0%,#f2f8fd 100%)}
.redesign-v26 .v26-dark{background:linear-gradient(135deg,#062d68 0%,#0b56ad 100%);color:#fff;overflow:hidden}
.redesign-v26 .v26-dark:before{content:"";position:absolute;inset:-30% auto auto 58%;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(66,190,255,.18),rgba(66,190,255,0) 68%);pointer-events:none}
.redesign-v26 .v26-kicker{font-size:12px;line-height:1;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--v26-blue);margin-bottom:12px}
.redesign-v26 .v26-title{margin:0;color:var(--v26-navy);font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.04em;font-weight:800}
.redesign-v26 .v26-title span{color:var(--v26-blue);font-weight:600}
.redesign-v26 .v26-dark .v26-title{color:#fff}.redesign-v26 .v26-dark .v26-title span{color:#7cdcff}.redesign-v26 .v26-dark .v26-kicker{color:#7cdcff}
.redesign-v26 .v26-lead{margin:0;color:var(--v26-muted);font-size:17px;line-height:1.72;max-width:660px}
.redesign-v26 .v26-dark .v26-lead{color:rgba(255,255,255,.82)}
.redesign-v26 .v26-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,470px);gap:48px;align-items:end;margin-bottom:34px}
.redesign-v26 .v26-section-head .v26-lead{justify-self:end}
.redesign-v26 .v26-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.redesign-v26 .v26-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:12px;border:1px solid #b8d4e8;background:#fff;color:var(--v26-navy);font-size:14px;font-weight:800;text-decoration:none;transition:.2s ease}
.redesign-v26 .v26-btn:hover{transform:translateY(-2px);border-color:#7eb9e5;box-shadow:0 10px 26px rgba(13,102,220,.11)}
.redesign-v26 .v26-btn.v26-btn--primary{color:#fff;background:var(--v26-blue);border-color:var(--v26-blue);box-shadow:0 12px 28px rgba(13,102,220,.18)}
.redesign-v26 .v26-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#eef7ff;color:#396b9e;font-size:12px;font-weight:800}
.redesign-v26 .v26-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--v26-blue)}
.redesign-v26 .v26-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eaf4ff;color:var(--v26-blue);flex:0 0 auto}
.redesign-v26 .v26-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.redesign-v26 .v26-card{background:#fff;border:1px solid var(--v26-line);border-radius:20px;box-shadow:0 8px 24px rgba(18,67,111,.045);transition:.24s ease}
.redesign-v26 .v26-card:hover{transform:translateY(-4px);border-color:#b8d8ef;box-shadow:var(--v26-shadow)}

/* Motion: progressive enhancement only. No JavaScript => content stays visible. */
html.v26-js .redesign-v26 .v26-reveal{opacity:0;transform:translateY(18px)}
html.v26-js .redesign-v26 .v26-reveal.is-in{opacity:1;transform:none;transition:opacity .62s ease,transform .62s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0ms)}
@media(prefers-reduced-motion:reduce){html.v26-js .redesign-v26 .v26-reveal{opacity:1!important;transform:none!important;transition:none!important}.redesign-v26 .v26-flow-line:after{animation:none!important}}

/* Hero */
.redesign-v26 .v26-hero{position:relative;padding:76px 0 70px;background:linear-gradient(135deg,#fbfdff 0%,#f2f9ff 62%,#edf6ff 100%);border-bottom:1px solid #e4eef7;overflow:hidden}
.redesign-v26 .v26-hero:before{content:"";position:absolute;width:720px;height:720px;right:-250px;top:-330px;border-radius:50%;background:radial-gradient(circle,rgba(28,145,235,.15),rgba(28,145,235,0) 70%)}
.redesign-v26 .v26-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(480px,.96fr);gap:64px;align-items:center}
.redesign-v26 .v26-hero h1{font-size:clamp(48px,5.35vw,76px);line-height:.98;letter-spacing:-.05em;color:var(--v26-navy);margin:14px 0 24px;font-weight:800}
.redesign-v26 .v26-hero h1 span{display:block;color:var(--v26-blue);font-weight:600}
.redesign-v26 .v26-hero .v26-lead{font-size:19px;max-width:720px}
.redesign-v26 .v26-hero-note{display:flex;gap:12px;align-items:center;margin-top:22px;color:#587694;font-size:13px;font-weight:700}
.redesign-v26 .v26-hero-note i{display:block;width:42px;height:2px;background:linear-gradient(90deg,var(--v26-blue),var(--v26-cyan))}

/* Generic compact visual board */
.redesign-v26 .v26-board{background:rgba(255,255,255,.94);border:1px solid #cfe2ef;border-radius:28px;padding:28px;box-shadow:0 26px 70px rgba(16,64,110,.12);backdrop-filter:blur(8px)}
.redesign-v26 .v26-board-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.redesign-v26 .v26-board-head b{color:var(--v26-navy);font-size:18px}.redesign-v26 .v26-board-head span{font-size:11px;color:#14714f;background:#eaf9f3;padding:6px 9px;border-radius:999px;font-weight:800}
.redesign-v26 .v26-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.redesign-v26 .v26-kpi{padding:15px;border-radius:14px;border:1px solid #e0edf6;background:#f9fcff}
.redesign-v26 .v26-kpi strong{display:block;color:var(--v26-navy);font-size:24px;line-height:1.1}.redesign-v26 .v26-kpi span{display:block;color:#6a849f;font-size:11px;margin-top:5px}
.redesign-v26 .v26-board-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;margin-top:12px}
.redesign-v26 .v26-chart,.redesign-v26 .v26-ai-box{border:1px solid #dfeaf4;border-radius:16px;padding:16px;background:#fff;min-height:162px}
.redesign-v26 .v26-chart label,.redesign-v26 .v26-ai-box label{display:block;color:#365f88;font-size:12px;font-weight:800;margin-bottom:12px}
.redesign-v26 .v26-bars{height:92px;display:flex;gap:8px;align-items:flex-end;border-bottom:1px solid #e6eff6}
.redesign-v26 .v26-bars i{flex:1;display:block;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#58b8f4,#0d66dc);min-height:16px}
.redesign-v26 .v26-ai-box{background:linear-gradient(145deg,#f8f6ff,#f3f9ff)}
.redesign-v26 .v26-ai-title{display:flex;align-items:center;gap:10px;color:#5d49cc;font-weight:900;font-size:13px}
.redesign-v26 .v26-ai-title .v26-icon{width:34px;height:34px;border-radius:10px;color:#6c52df;background:#ece8ff}
.redesign-v26 .v26-ai-copy{font-size:12px;line-height:1.5;color:#5e7390;margin-top:12px}
.redesign-v26 .v26-ai-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.redesign-v26 .v26-ai-tags span{font-size:10px;font-weight:800;color:#5d49cc;background:#fff;border:1px solid #ded7ff;border-radius:999px;padding:5px 7px}

/* Four operating layers */
.redesign-v26 .v26-layer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.redesign-v26 .v26-layer{padding:20px;min-height:168px;position:relative;overflow:hidden}
.redesign-v26 .v26-layer:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-28px;top:-28px;background:var(--layer-soft,#eaf4ff)}
.redesign-v26 .v26-layer h3{font-size:17px;color:var(--v26-navy);margin:14px 0 8px}.redesign-v26 .v26-layer p{margin:0;color:var(--v26-muted);font-size:13px;line-height:1.55}
.redesign-v26 .v26-layer.v26-layer--people{--layer-soft:#eaf4ff}.redesign-v26 .v26-layer.v26-layer--process{--layer-soft:#eaf9f3}.redesign-v26 .v26-layer.v26-layer--data{--layer-soft:#e7f8fd}.redesign-v26 .v26-layer.v26-layer--ai{--layer-soft:#efeaff}
.redesign-v26 .v26-layer.v26-layer--process .v26-icon{background:#e9f9f3;color:var(--v26-green)}.redesign-v26 .v26-layer.v26-layer--data .v26-icon{background:#e8f8fd;color:#13a3d7}.redesign-v26 .v26-layer.v26-layer--ai .v26-icon{background:#f0ecff;color:var(--v26-violet)}

/* Metrics — deliberately separated from sections; no negative margin / overlap */
.redesign-v26 .v26-metric-band{padding:24px 0 0;background:#fff}
.redesign-v26 .v26-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.redesign-v26 .v26-metric{padding:19px 18px;border:1px solid var(--v26-line);border-radius:16px;background:#fff;text-align:center}
.redesign-v26 .v26-metric strong{display:block;color:var(--v26-blue);font-size:27px;line-height:1.1}.redesign-v26 .v26-metric span{display:block;color:var(--v26-muted);font-size:12px;margin-top:6px}

/* Equal capability cards */
.redesign-v26 .v26-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.redesign-v26 .v26-cap{padding:22px;min-height:205px;position:relative;overflow:hidden}
.redesign-v26 .v26-cap:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--accent,var(--v26-blue))}
.redesign-v26 .v26-cap h3{margin:17px 0 9px;color:var(--v26-navy);font-size:18px}.redesign-v26 .v26-cap p{margin:0;color:var(--v26-muted);font-size:13.5px;line-height:1.6}.redesign-v26 .v26-cap small{display:block;margin-top:15px;color:#7c92aa;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}

/* Horizontal lifecycle / journey */
.redesign-v26 .v26-journey{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative}

.redesign-v26 .v26-stage{position:relative;z-index:1;padding:0 4px}
.redesign-v26 .v26-stage-no{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--accent,var(--v26-blue));color:#fff;font-size:15px;font-weight:900;box-shadow:0 0 0 7px #f2f8fd;margin-bottom:16px}
.redesign-v26 .v26-stage-card{min-height:184px;border:1px solid var(--v26-line);border-radius:17px;background:#fff;padding:18px;box-shadow:0 8px 24px rgba(18,67,111,.04)}
.redesign-v26 .v26-stage-card h3{margin:0 0 9px;color:var(--v26-navy);font-size:17px}.redesign-v26 .v26-stage-card p{margin:0;color:var(--v26-muted);font-size:13px;line-height:1.55}

/* Platform stack — rectangular; replaces orbital/circular compositions */
.redesign-v26 .v26-platform{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.2fr) minmax(0,.9fr);gap:16px;align-items:stretch}
.redesign-v26 .v26-module-list{display:grid;gap:12px}
.redesign-v26 .v26-module{padding:15px 16px;border-radius:15px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.085);display:flex;align-items:center;gap:12px;min-height:84px;transition:.22s ease}
.redesign-v26 .v26-module:hover{transform:translateY(-3px);background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.26)}
.redesign-v26 .v26-module .v26-icon{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.13);color:#fff}.redesign-v26 .v26-module b{display:block;color:#fff;font-size:14px}.redesign-v26 .v26-module small{display:block;color:rgba(255,255,255,.68);font-size:11.5px;line-height:1.4;margin-top:3px}
.redesign-v26 .v26-platform-core{border:1px solid rgba(255,255,255,.17);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.13),rgba(255,255,255,.06));padding:26px;display:flex;flex-direction:column;justify-content:center;min-height:276px;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.redesign-v26 .v26-platform-core img{display:block;width:132px;height:auto;max-height:72px;object-fit:contain;margin-bottom:20px}.redesign-v26 .v26-platform-core h3{margin:0 0 7px;font-size:21px;color:#fff}.redesign-v26 .v26-platform-core p{margin:0;color:rgba(255,255,255,.75);font-size:13px;line-height:1.55}.redesign-v26 .v26-platform-ai{margin-top:18px;padding:14px;border-radius:14px;background:rgba(116,88,232,.2);border:1px solid rgba(193,181,255,.28);display:flex;gap:11px;align-items:center}.redesign-v26 .v26-platform-ai .v26-icon{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.13);color:#d9d0ff}.redesign-v26 .v26-platform-ai b{display:block;color:#fff;font-size:13px}.redesign-v26 .v26-platform-ai small{color:rgba(255,255,255,.68);font-size:10.8px}

/* Logo wall */
.redesign-v26 .v26-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.redesign-v26 .v26-logo-card{min-height:150px;padding:16px;border:1px solid var(--v26-line);border-radius:17px;background:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:.22s ease}
.redesign-v26 .v26-logo-card:hover{transform:translateY(-4px);box-shadow:var(--v26-shadow);border-color:#bdd8ec}.redesign-v26 .v26-logo-visual{height:76px;display:grid;place-items:center}.redesign-v26 .v26-logo-visual img{max-width:150px;max-height:64px;width:auto;height:auto;object-fit:contain;filter:none!important;transform:none!important}.redesign-v26 .v26-logo-card b{display:block;color:var(--v26-navy);font-size:13px}.redesign-v26 .v26-logo-card span{display:block;color:var(--v26-muted);font-size:10.5px;margin-top:3px;line-height:1.35}

/* About page */
.redesign-v26 .v26-profile-card{padding:28px;position:relative;overflow:hidden}.redesign-v26 .v26-profile-card:before{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,#e3f2ff,rgba(227,242,255,0) 70%)}
.redesign-v26 .v26-profile-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.redesign-v26 .v26-profile-brand img{width:110px;height:auto;object-fit:contain}.redesign-v26 .v26-profile-brand div b{display:block;color:var(--v26-navy);font-size:17px}.redesign-v26 .v26-profile-brand div span{display:block;color:var(--v26-muted);font-size:12px;margin-top:4px}
.redesign-v26 .v26-profile-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;position:relative;z-index:1}.redesign-v26 .v26-profile-point{border:1px solid #e0ebf4;border-radius:14px;background:#fbfdff;padding:14px}.redesign-v26 .v26-profile-point b{display:block;color:var(--v26-navy);font-size:14px}.redesign-v26 .v26-profile-point span{display:block;color:var(--v26-muted);font-size:11px;margin-top:4px;line-height:1.35}
.redesign-v26 .v26-value-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative}.redesign-v26 .v26-value-step{position:relative;z-index:1;padding:21px;background:#fff;border:1px solid var(--v26-line);border-radius:18px;min-height:172px}.redesign-v26 .v26-value-step h3{margin:14px 0 8px;color:var(--v26-navy);font-size:17px}.redesign-v26 .v26-value-step p{margin:0;color:var(--v26-muted);font-size:13px;line-height:1.5}
.redesign-v26 .v26-timeline{display:grid;gap:0;border:1px solid var(--v26-line);border-radius:22px;overflow:hidden;background:#fff}.redesign-v26 .v26-time-row{display:grid;grid-template-columns:150px 1fr;gap:28px;padding:24px 26px;border-bottom:1px solid #e4eef6;position:relative}.redesign-v26 .v26-time-row:last-child{border-bottom:0}.redesign-v26 .v26-time-row time{font-size:23px;color:var(--v26-blue);font-weight:900}.redesign-v26 .v26-time-row h3{margin:0 0 6px;color:var(--v26-navy);font-size:17px}.redesign-v26 .v26-time-row p{margin:0;color:var(--v26-muted);font-size:13.5px;line-height:1.55}.redesign-v26 .v26-time-row:before{content:"";position:absolute;left:132px;top:0;bottom:0;width:1px;background:#e5eef5}.redesign-v26 .v26-time-row:after{content:"";position:absolute;left:127px;top:31px;width:11px;height:11px;border-radius:50%;background:var(--v26-blue);box-shadow:0 0 0 5px #edf6ff}
.redesign-v26 .v26-award-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.redesign-v26 .v26-award{overflow:hidden}.redesign-v26 .v26-award-media{height:170px;background:#eff6fb;overflow:hidden}.redesign-v26 .v26-award-media img{width:100%;height:100%;object-fit:cover;display:block}.redesign-v26 .v26-award-body{padding:19px}.redesign-v26 .v26-award-body h3{margin:0 0 7px;color:var(--v26-navy);font-size:17px}.redesign-v26 .v26-award-body p{margin:0;color:var(--v26-muted);font-size:13px;line-height:1.5}

/* Capability page */
.redesign-v26 .v26-capability-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:22px}.redesign-v26 .v26-capability-map{padding:24px}.redesign-v26 .v26-capability-map h3{margin:0 0 16px;color:var(--v26-navy);font-size:18px}.redesign-v26 .v26-map-lines{display:grid;gap:9px}.redesign-v26 .v26-map-line{display:grid;grid-template-columns:124px 1fr;gap:12px;align-items:center}.redesign-v26 .v26-map-line b{color:#385f87;font-size:12px}.redesign-v26 .v26-map-line span{display:block;height:11px;border-radius:999px;background:#eaf2f8;overflow:hidden}.redesign-v26 .v26-map-line i{display:block;height:100%;width:var(--w);border-radius:999px;background:linear-gradient(90deg,var(--accent,var(--v26-blue)),#58b7ee)}
.redesign-v26 .v26-ai-strip{margin-top:16px;border:1px solid #ded8ff;border-radius:18px;background:linear-gradient(125deg,#f8f6ff,#f5fbff);padding:18px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.redesign-v26 .v26-ai-strip .v26-icon{background:#ece8ff;color:#674ed9}.redesign-v26 .v26-ai-strip h3{margin:0;color:#5943c0;font-size:16px}.redesign-v26 .v26-ai-strip p{margin:4px 0 0;color:#647b97;font-size:12.5px;line-height:1.5}

/* Solutions page — intentionally no circular/orbital diagrams */
.redesign-v26 .v26-solution-map{padding:24px}.redesign-v26 .v26-map-ai{border:1px solid #ddd7ff;background:linear-gradient(90deg,#f6f3ff,#f8fbff);border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#5f49c8;font-weight:900;font-size:12px}.redesign-v26 .v26-map-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0}.redesign-v26 .v26-map-module{padding:14px 10px;border:1px solid #dce9f3;border-radius:13px;background:#fff}.redesign-v26 .v26-map-module b{display:block;color:var(--v26-navy);font-size:12px}.redesign-v26 .v26-map-module span{display:block;color:var(--v26-muted);font-size:9.8px;margin-top:4px;line-height:1.3}.redesign-v26 .v26-map-foundation{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfe0ec;border:1px solid #cfe0ec;border-radius:12px;overflow:hidden}.redesign-v26 .v26-map-foundation span{background:#eef7ff;color:#3f668c;text-align:center;padding:10px;font-size:10.5px;font-weight:800}
.redesign-v26 .v26-model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.redesign-v26 .v26-model{padding:22px;min-height:216px}.redesign-v26 .v26-model h3{margin:14px 0 8px;color:var(--v26-navy);font-size:18px}.redesign-v26 .v26-model p{margin:0;color:var(--v26-muted);font-size:13px;line-height:1.55}.redesign-v26 .v26-model ul{margin:15px 0 0;padding:0;list-style:none}.redesign-v26 .v26-model li{position:relative;padding:4px 0 4px 14px;color:#587591;font-size:11.5px}.redesign-v26 .v26-model li:before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--accent,var(--v26-blue))}
.redesign-v26 .v26-group-architecture{display:grid;gap:12px}.redesign-v26 .v26-group-top{background:linear-gradient(90deg,var(--v26-navy),#0d61bd);color:#fff;border-radius:18px;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.redesign-v26 .v26-group-top b{font-size:17px}.redesign-v26 .v26-group-top span{font-size:12px;opacity:.8}.redesign-v26 .v26-shared-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#d4e3ef;border:1px solid #d4e3ef;border-radius:14px;overflow:hidden}.redesign-v26 .v26-shared-bar div{background:#f5faff;padding:13px;text-align:center}.redesign-v26 .v26-shared-bar b{display:block;color:var(--v26-navy);font-size:11.5px}.redesign-v26 .v26-shared-bar span{display:block;color:var(--v26-muted);font-size:9.8px;margin-top:3px}.redesign-v26 .v26-company-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.redesign-v26 .v26-company{border:1px solid var(--v26-line);border-radius:16px;background:#fff;padding:17px}.redesign-v26 .v26-company b{display:block;color:var(--v26-navy);font-size:13px}.redesign-v26 .v26-company span{display:block;color:var(--v26-muted);font-size:10.5px;margin-top:5px}.redesign-v26 .v26-company em{display:block;margin-top:12px;color:#6d87a0;font-size:10px;font-style:normal;border-top:1px solid #edf3f7;padding-top:9px}
.redesign-v26 .v26-integration-flow{display:grid;grid-template-columns:1fr 70px 1.15fr 70px 1fr;gap:10px;align-items:center}.redesign-v26 .v26-system-stack{display:grid;gap:9px}.redesign-v26 .v26-system{padding:14px;border:1px solid var(--v26-line);background:#fff;border-radius:14px}.redesign-v26 .v26-system b{display:block;color:var(--v26-navy);font-size:12px}.redesign-v26 .v26-system span{display:block;color:var(--v26-muted);font-size:10px;margin-top:3px}.redesign-v26 .v26-flow-line{position:relative;height:2px;background:linear-gradient(90deg,#a7cdec,var(--v26-blue));overflow:visible}.redesign-v26 .v26-flow-line:before{content:"";position:absolute;right:-1px;top:-4px;border-left:6px solid var(--v26-blue);border-top:5px solid transparent;border-bottom:5px solid transparent}.redesign-v26 .v26-flow-line:after{content:"";position:absolute;left:0;top:-2px;width:6px;height:6px;border-radius:50%;background:#39b7ff;box-shadow:0 0 0 4px rgba(57,183,255,.15);animation:v26PulseFlow 2.8s linear infinite}.redesign-v26 .v26-hub{border-radius:22px;padding:26px;background:linear-gradient(145deg,#07367f,#0d63c4);color:#fff;box-shadow:0 18px 44px rgba(7,54,127,.18)}.redesign-v26 .v26-hub h3{margin:0 0 10px;color:#fff;font-size:20px}.redesign-v26 .v26-hub p{margin:0;color:rgba(255,255,255,.76);font-size:12.5px;line-height:1.5}.redesign-v26 .v26-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.redesign-v26 .v26-hub-grid span{padding:9px;border-radius:10px;background:rgba(255,255,255,.10);font-size:10.5px;font-weight:800;text-align:center}
@keyframes v26PulseFlow{from{left:0}to{left:calc(100% - 6px)}}

/* IBOM page product architecture */
.redesign-v26 .v26-product-stack{padding:24px}.redesign-v26 .v26-product-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.redesign-v26 .v26-product-brand img{width:124px;height:auto;max-height:66px;object-fit:contain}.redesign-v26 .v26-product-brand span{font-size:11px;color:#5f7693;font-weight:800}.redesign-v26 .v26-product-ai{padding:13px 15px;border-radius:13px;background:linear-gradient(90deg,#6f54e6,#896cf0);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.redesign-v26 .v26-product-ai b{font-size:13px}.redesign-v26 .v26-product-ai small{font-size:10.5px;opacity:.8}.redesign-v26 .v26-product-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:9px 0}.redesign-v26 .v26-product-module{border:1px solid #dce9f3;border-radius:12px;background:#fff;padding:12px}.redesign-v26 .v26-product-module b{display:block;color:var(--v26-navy);font-size:11.5px}.redesign-v26 .v26-product-module span{display:block;color:var(--v26-muted);font-size:9px;margin-top:3px}.redesign-v26 .v26-product-foundation{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cddfeb;border:1px solid #cddfeb;border-radius:12px;overflow:hidden}.redesign-v26 .v26-product-foundation span{background:#edf7ff;padding:9px 6px;text-align:center;color:#466b90;font-size:9.8px;font-weight:800}
.redesign-v26 .v26-foundation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.redesign-v26 .v26-foundation{padding:20px;min-height:178px}.redesign-v26 .v26-foundation h3{margin:13px 0 8px;color:var(--v26-navy);font-size:16px}.redesign-v26 .v26-foundation p{margin:0;color:var(--v26-muted);font-size:12.5px;line-height:1.5}
.redesign-v26 .v26-ibot-panel{position:relative;z-index:1;display:grid;grid-template-columns:.88fr 1.12fr;gap:18px}.redesign-v26 .v26-ibot-copy{padding:8px 0}.redesign-v26 .v26-ibot-demo{border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);padding:20px}.redesign-v26 .v26-chat{display:grid;gap:10px}.redesign-v26 .v26-bubble{max-width:84%;padding:12px 14px;border-radius:14px;font-size:12px;line-height:1.5}.redesign-v26 .v26-bubble.v26-bubble--user{justify-self:end;background:#fff;color:#385875;border-bottom-right-radius:5px}.redesign-v26 .v26-bubble.v26-bubble--bot{justify-self:start;background:rgba(115,88,232,.23);border:1px solid rgba(217,208,255,.22);color:#fff;border-bottom-left-radius:5px}.redesign-v26 .v26-insight-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.redesign-v26 .v26-insight-row div{padding:11px;border-radius:11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.redesign-v26 .v26-insight-row b{display:block;color:#fff;font-size:11px}.redesign-v26 .v26-insight-row span{display:block;color:rgba(255,255,255,.67);font-size:9px;margin-top:3px}
.redesign-v26 .v26-module-grid-light{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.redesign-v26 .v26-module-light{padding:20px;min-height:164px}.redesign-v26 .v26-module-light h3{margin:12px 0 6px;color:var(--v26-navy);font-size:16px}.redesign-v26 .v26-module-light p{margin:0;color:var(--v26-muted);font-size:12.5px;line-height:1.5}.redesign-v26 .v26-module-code{display:inline-flex;padding:5px 8px;border-radius:8px;background:#eef6ff;color:var(--v26-blue);font-size:10px;font-weight:900}

/* Customers */
.redesign-v26 .v26-customer-hero-panel{padding:24px}.redesign-v26 .v26-customer-hero-panel h3{margin:0 0 16px;color:var(--v26-navy);font-size:18px}.redesign-v26 .v26-sector-list{display:grid;gap:9px}.redesign-v26 .v26-sector{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #e2edf5;border-radius:12px;background:#fbfdff}.redesign-v26 .v26-sector b{color:#365f88;font-size:11px}.redesign-v26 .v26-sector span{color:#6d849c;font-size:10px}
.redesign-v26 .v26-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.redesign-v26 .v26-case{overflow:hidden;text-decoration:none}.redesign-v26 .v26-case-media{height:142px;background:linear-gradient(135deg,#edf6ff,#e4f1fb);display:grid;place-items:center;overflow:hidden}.redesign-v26 .v26-case-media img{max-width:68%;max-height:90px;width:auto;height:auto;object-fit:contain}.redesign-v26 .v26-case-body{padding:19px}.redesign-v26 .v26-case-body b{display:block;color:var(--v26-navy);font-size:16px}.redesign-v26 .v26-case-body span{display:block;color:var(--v26-muted);font-size:12px;line-height:1.5;margin-top:7px}.redesign-v26 .v26-case-body em{display:block;color:var(--v26-blue);font-size:11px;font-style:normal;font-weight:800;margin-top:14px}

/* Contact */
.redesign-v26 .v26-contact-grid{display:grid;grid-template-columns:1fr .95fr;gap:18px}.redesign-v26 .v26-contact-panel{padding:26px}.redesign-v26 .v26-contact-panel h2{margin:0 0 9px;color:var(--v26-navy);font-size:28px;letter-spacing:-.02em}.redesign-v26 .v26-contact-panel>p{margin:0;color:var(--v26-muted);font-size:14px;line-height:1.6}.redesign-v26 .v26-contact-list{display:grid;gap:9px;margin-top:20px}.redesign-v26 .v26-contact-item{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #e2edf5;border-radius:13px;background:#fbfdff;text-decoration:none}.redesign-v26 .v26-contact-item b{display:block;color:var(--v26-navy);font-size:12px}.redesign-v26 .v26-contact-item span{display:block;color:var(--v26-muted);font-size:11px;margin-top:2px}.redesign-v26 .v26-office-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.redesign-v26 .v26-office{padding:20px}.redesign-v26 .v26-office h3{margin:0 0 9px;color:var(--v26-navy);font-size:16px}.redesign-v26 .v26-office p{margin:0;color:var(--v26-muted);font-size:12.5px;line-height:1.55}.redesign-v26 .v26-office a{display:inline-block;margin-top:12px;color:var(--v26-blue);font-size:11px;font-weight:800;text-decoration:none}

/* Harmonize CTA separation for redesigned pages */
.redesign-v26 .v26-main + .cta{margin-top:0}

/* Responsive */
@media(max-width:1120px){
  .redesign-v26 .v26-hero-grid{grid-template-columns:1fr;gap:34px}.redesign-v26 .v26-board{max-width:760px}
  .redesign-v26 .v26-cap-grid{grid-template-columns:repeat(2,1fr)}
  .redesign-v26 .v26-platform{grid-template-columns:1fr 1.1fr}.redesign-v26 .v26-platform .v26-module-list.v26-module-list--right{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
  .redesign-v26 .v26-logo-grid{grid-template-columns:repeat(3,1fr)}
  .redesign-v26 .v26-model-grid{grid-template-columns:repeat(2,1fr)}
  .redesign-v26 .v26-foundation-grid{grid-template-columns:repeat(2,1fr)}
  .redesign-v26 .v26-company-grid{grid-template-columns:repeat(2,1fr)}
  .redesign-v26 .v26-case-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .redesign-v26 .v26-wrap{width:min(100% - 30px,1240px)}
  .redesign-v26 .v26-section{padding:66px 0}.redesign-v26 .v26-hero{padding:56px 0 52px}.redesign-v26 .v26-hero h1{font-size:48px}
  .redesign-v26 .v26-section-head{grid-template-columns:1fr;gap:16px}.redesign-v26 .v26-section-head .v26-lead{justify-self:start}
  .redesign-v26 .v26-layer-grid{grid-template-columns:repeat(2,1fr)}.redesign-v26 .v26-metrics{grid-template-columns:repeat(2,1fr)}
  .redesign-v26 .v26-journey{grid-template-columns:1fr 1fr}.redesign-v26 .v26-journey:before{display:none}.redesign-v26 .v26-stage:last-child{grid-column:1/-1}.redesign-v26 .v26-stage-card{min-height:0}
  .redesign-v26 .v26-platform{grid-template-columns:1fr}.redesign-v26 .v26-platform .v26-module-list.v26-module-list--right{grid-column:auto;grid-template-columns:1fr}.redesign-v26 .v26-module-list{grid-template-columns:1fr 1fr 1fr}.redesign-v26 .v26-platform-core{min-height:0}
  .redesign-v26 .v26-logo-grid{grid-template-columns:repeat(2,1fr)}
  .redesign-v26 .v26-value-flow{grid-template-columns:repeat(2,1fr)}.redesign-v26 .v26-value-flow:before{display:none}
  .redesign-v26 .v26-award-grid{grid-template-columns:1fr}.redesign-v26 .v26-award{display:grid;grid-template-columns:220px 1fr}.redesign-v26 .v26-award-media{height:100%}
  .redesign-v26 .v26-capability-hero{grid-template-columns:1fr}.redesign-v26 .v26-model-grid{grid-template-columns:1fr 1fr}
  .redesign-v26 .v26-shared-bar{grid-template-columns:repeat(2,1fr)}.redesign-v26 .v26-shared-bar div:last-child{grid-column:1/-1}
  .redesign-v26 .v26-integration-flow{grid-template-columns:1fr}.redesign-v26 .v26-flow-line{width:2px;height:46px;justify-self:center;background:linear-gradient(180deg,#a7cdec,var(--v26-blue))}.redesign-v26 .v26-flow-line:before{right:auto;left:-4px;top:auto;bottom:-1px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--v26-blue)}.redesign-v26 .v26-flow-line:after{animation:none;left:-2px;top:14px}
  .redesign-v26 .v26-ibot-panel{grid-template-columns:1fr}.redesign-v26 .v26-module-grid-light{grid-template-columns:repeat(2,1fr)}
  .redesign-v26 .v26-contact-grid{grid-template-columns:1fr}.redesign-v26 .v26-office-grid{grid-template-columns:1fr}
}
@media(max-width:590px){
  .redesign-v26 .v26-hero h1{font-size:40px}.redesign-v26 .v26-hero .v26-lead{font-size:16px}.redesign-v26 .v26-title{font-size:34px}.redesign-v26 .v26-lead{font-size:15px}
  .redesign-v26 .v26-board{padding:19px;border-radius:21px}.redesign-v26 .v26-board-grid{grid-template-columns:1fr}.redesign-v26 .v26-kpi-grid{grid-template-columns:1fr 1fr}
  .redesign-v26 .v26-layer-grid,.redesign-v26 .v26-cap-grid,.redesign-v26 .v26-metrics,.redesign-v26 .v26-journey,.redesign-v26 .v26-value-flow,.redesign-v26 .v26-model-grid,.redesign-v26 .v26-foundation-grid,.redesign-v26 .v26-module-grid-light,.redesign-v26 .v26-case-grid{grid-template-columns:1fr}
  .redesign-v26 .v26-stage:last-child{grid-column:auto}.redesign-v26 .v26-module-list{grid-template-columns:1fr}
  .redesign-v26 .v26-logo-grid{grid-template-columns:1fr 1fr}.redesign-v26 .v26-logo-card{min-height:128px;padding:12px}.redesign-v26 .v26-logo-visual{height:60px}.redesign-v26 .v26-logo-visual img{max-width:110px;max-height:50px}
  .redesign-v26 .v26-profile-points{grid-template-columns:1fr}.redesign-v26 .v26-time-row{grid-template-columns:1fr;gap:6px;padding:20px}.redesign-v26 .v26-time-row:before,.redesign-v26 .v26-time-row:after{display:none}.redesign-v26 .v26-award{display:block}.redesign-v26 .v26-award-media{height:160px}
  .redesign-v26 .v26-map-modules{grid-template-columns:repeat(2,1fr)}.redesign-v26 .v26-map-foundation{grid-template-columns:1fr}.redesign-v26 .v26-shared-bar{grid-template-columns:1fr}.redesign-v26 .v26-shared-bar div:last-child{grid-column:auto}.redesign-v26 .v26-company-grid{grid-template-columns:1fr}.redesign-v26 .v26-product-modules{grid-template-columns:repeat(2,1fr)}.redesign-v26 .v26-product-foundation{grid-template-columns:1fr 1fr}.redesign-v26 .v26-insight-row{grid-template-columns:1fr}.redesign-v26 .v26-office-grid{grid-template-columns:1fr}
}

/* V2.6 micro-interactions */
.redesign-v26 .v26-map-module,.redesign-v26 .v26-product-module,.redesign-v26 .v26-system,.redesign-v26 .v26-company,.redesign-v26 .v26-foundation,.redesign-v26 .v26-module-light{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.redesign-v26 .v26-map-module:hover,.redesign-v26 .v26-product-module:hover,.redesign-v26 .v26-system:hover,.redesign-v26 .v26-company:hover,.redesign-v26 .v26-foundation:hover,.redesign-v26 .v26-module-light:hover{transform:translateY(-3px);border-color:#b9d7eb;box-shadow:0 10px 24px rgba(17,63,108,.07)}

/* ===== SOURCE: polish-v27.css ===== */
/* ISOFT Corporate Website V2.7 — aesthetic polish layer
   Purpose: typography, spacing, icon consistency, card hierarchy and brand rhythm.
   V2.6 information architecture remains unchanged. */

body.polish-v27{
  --v27-navy:#07366f;
  --v27-blue:#0b63ce;
  --v27-cyan:#229ee4;
  --v27-ink:#183f64;
  --v27-muted:#536f89;
  --v27-line:#d9e7f1;
  --v27-soft:#f6faff;
  --v27-ai:#6c55d9;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ---------- Header / navigation ---------- */
body.polish-v27 .site-header{
  background:rgba(255,255,255,.975);
  border-bottom:1px solid rgba(15,67,116,.09);
  box-shadow:0 1px 0 rgba(7,54,111,.035);
}
body.polish-v27.fx-scrolled .site-header{box-shadow:0 10px 30px rgba(8,52,98,.08)}
body.polish-v27 .header-inner{min-height:94px;gap:28px}
body.polish-v27 .brand,body.polish-v27 .brand img{width:136px;max-width:136px}
body.polish-v27 .nav{gap:1px}
body.polish-v27 .nav a{
  padding:17px 10px 15px;
  font-size:14.2px;
  font-weight:700;
  letter-spacing:-.01em;
  color:#244d73;
  border-bottom-width:2px;
}
body.polish-v27 .nav a:hover,body.polish-v27 .nav a.active{color:var(--v27-navy)}
body.polish-v27 .nav-cta{
  margin-left:10px;
  padding:12px 17px!important;
  border-radius:9px;
  background:linear-gradient(135deg,#073b80,#0d68d7);
  box-shadow:0 8px 20px rgba(13,99,206,.15);
}
body.polish-v27 .lang{opacity:.82}

/* ---------- Core typography and spacing ---------- */
body.polish-v27.redesign-v26 .v26-main{
  --v26-navy:var(--v27-navy);
  --v26-blue:var(--v27-blue);
  --v26-cyan:var(--v27-cyan);
  --v26-text:var(--v27-ink);
  --v26-muted:var(--v27-muted);
  --v26-line:var(--v27-line);
}
body.polish-v27.redesign-v26 .v26-section{padding:74px 0}
body.polish-v27.redesign-v26 .v26-section-head{margin-bottom:30px;gap:42px}
body.polish-v27.redesign-v26 .v26-title{
  font-size:clamp(37px,3.75vw,54px);
  line-height:1.035;
  letter-spacing:-.035em;
  text-wrap:balance;
}
body.polish-v27.redesign-v26 .v26-title span{font-weight:650}
body.polish-v27.redesign-v26 .v26-lead{
  color:var(--v27-muted);
  font-size:16.5px;
  line-height:1.66;
}
body.polish-v27.redesign-v26 .v26-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:13px;
  color:var(--v27-blue);
  font-size:11.5px;
  letter-spacing:.135em;
}
body.polish-v27.redesign-v26 .v26-kicker:after{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg,var(--v27-blue),rgba(34,158,228,.08));
}
body.polish-v27.redesign-v26 .v26-dark .v26-kicker:after{
  background:linear-gradient(90deg,#78d8ff,rgba(120,216,255,.06));
}

/* ---------- Buttons: one clear shape, no nested-capsule feel ---------- */
body.polish-v27.redesign-v26 .v26-btn{
  min-height:46px;
  padding:0 19px;
  border-radius:10px;
  border:1px solid #b9d0e2;
  background:#fff;
  color:var(--v27-navy);
  box-shadow:none;
  outline:0;
  font-size:13.5px;
  letter-spacing:-.005em;
}
body.polish-v27.redesign-v26 .v26-btn:before,
body.polish-v27.redesign-v26 .v26-btn:after{display:none!important;content:none!important}
body.polish-v27.redesign-v26 .v26-btn:hover{
  transform:translateY(-1px);
  border-color:#79afd5;
  box-shadow:0 8px 18px rgba(12,77,139,.08);
}
body.polish-v27.redesign-v26 .v26-btn.v26-btn--primary{
  background:linear-gradient(135deg,#0a58bb,#0b70dd);
  border-color:#0b63ce;
  box-shadow:0 10px 22px rgba(11,99,206,.16);
}

/* ---------- Icon system: line icons only ---------- */
body.polish-v27.redesign-v26 .v26-icon{
  width:40px;
  height:40px;
  border-radius:11px;
  box-shadow:inset 0 0 0 1px rgba(13,99,206,.035);
}
body.polish-v27.redesign-v26 .v26-icon svg{
  width:21px;
  height:21px;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
}
body.polish-v27.redesign-v26 .v26-icon svg *{
  fill:none!important;
  stroke:currentColor!important;
  vector-effect:non-scaling-stroke;
}

/* ---------- Card hierarchy ---------- */
body.polish-v27.redesign-v26 .v26-card{
  border-color:#dce8f1;
  border-radius:18px;
  box-shadow:0 7px 22px rgba(18,67,111,.035);
}
body.polish-v27.redesign-v26 .v26-card:hover{
  transform:translateY(-2px);
  border-color:#bdd5e6;
  box-shadow:0 15px 34px rgba(17,63,108,.07);
}

/* Hero: calmer, more corporate; visual gets depth instead of extra decoration */
body.polish-v27.redesign-v26 .v26-hero{
  padding:66px 0 62px;
  background:
    radial-gradient(circle at 83% 22%,rgba(35,158,228,.11),transparent 31%),
    linear-gradient(135deg,#fcfeff 0%,#f4f9fd 58%,#eef7fd 100%);
}
body.polish-v27.redesign-v26 .v26-hero:before{
  width:660px;height:660px;right:-260px;top:-330px;
  opacity:.72;
}
body.polish-v27.redesign-v26 .v26-hero h1{
  font-size:clamp(47px,5.15vw,70px);
  line-height:.995;
  letter-spacing:-.047em;
  margin:13px 0 22px;
  text-wrap:balance;
}
body.polish-v27.redesign-v26 .v26-hero h1 span{font-weight:650}
body.polish-v27.redesign-v26 .v26-hero .v26-lead{font-size:18px;line-height:1.65}
body.polish-v27.redesign-v26 .v26-hero-grid{gap:58px}
body.polish-v27.redesign-v26 .v26-hero-note{color:#526f8a}

/* Home dashboard visual */
body.polish-v27.redesign-v26 .v26-board{
  position:relative;
  overflow:hidden;
  padding:25px;
  border-radius:23px;
  border-color:#c9ddea;
  box-shadow:0 24px 58px rgba(15,60,105,.105);
  background:rgba(255,255,255,.96);
}
body.polish-v27.redesign-v26 .v26-board:before{
  content:"";
  position:absolute;
  left:24px;right:24px;top:0;height:2px;
  background:linear-gradient(90deg,var(--v27-blue),var(--v27-cyan),rgba(34,158,228,0));
}
body.polish-v27.redesign-v26 .v26-board-head{margin-bottom:17px}
body.polish-v27.redesign-v26 .v26-board-head b{font-size:17px;letter-spacing:-.01em}
body.polish-v27.redesign-v26 .v26-board-head span{
  background:#eef8f4;color:#247459;border:1px solid #d8eee6;
}
body.polish-v27.redesign-v26 .v26-kpi{
  padding:14px 15px;
  border-radius:12px;
  border-color:#e2ebf3;
  background:linear-gradient(180deg,#fbfdff,#f7fbfe);
}
body.polish-v27.redesign-v26 .v26-kpi strong{font-size:23px}
body.polish-v27.redesign-v26 .v26-chart,
body.polish-v27.redesign-v26 .v26-ai-box{border-radius:14px;border-color:#e0eaf2}
body.polish-v27.redesign-v26 .v26-ai-box{
  background:linear-gradient(145deg,#faf9ff,#f5f8ff);
}
body.polish-v27.redesign-v26 .v26-ai-title{color:#5f4fc0}
body.polish-v27.redesign-v26 .v26-ai-tags span{border-color:#e3def8;color:#6555bf}

/* Four layers: softer panels, less dashboard-like */
body.polish-v27.redesign-v26 .v26-layer-grid{gap:12px}
body.polish-v27.redesign-v26 .v26-layer{
  min-height:156px;
  padding:19px;
  border-color:transparent;
  box-shadow:none;
  background:linear-gradient(180deg,#fff 0%,#f9fcff 100%);
}
body.polish-v27.redesign-v26 .v26-layer:hover{box-shadow:0 12px 28px rgba(18,67,111,.055)}
body.polish-v27.redesign-v26 .v26-layer:after{opacity:.62}
body.polish-v27.redesign-v26 .v26-layer h3{margin-top:13px}

/* Metrics should read as proof points, not another row of cards */
body.polish-v27.redesign-v26 .v26-metric-band{padding-top:18px}
body.polish-v27.redesign-v26 .v26-metrics{gap:0;border-top:1px solid #dce8f1;border-bottom:1px solid #e4edf4}
body.polish-v27.redesign-v26 .v26-metric{
  padding:18px 16px;
  border:0;
  border-right:1px solid #e2ebf2;
  border-radius:0;
  background:transparent;
}
body.polish-v27.redesign-v26 .v26-metric:last-child{border-right:0}
body.polish-v27.redesign-v26 .v26-metric strong{font-size:26px}
body.polish-v27.redesign-v26 .v26-metric span{font-size:11.5px}

/* Capability cards: two priority strengths get hierarchy without changing layout */
body.polish-v27.redesign-v26 .v26-cap-grid{gap:13px}
body.polish-v27.redesign-v26 .v26-cap{
  min-height:192px;
  padding:21px;
  box-shadow:none;
  background:#fff;
}
body.polish-v27.redesign-v26 .v26-cap.v27-priority{
  background:linear-gradient(145deg,#f5faff,#fff 70%);
  border-color:#c9deed;
}
body.polish-v27.redesign-v26 .v26-cap.v27-priority:before{height:4px}
body.polish-v27.redesign-v26 .v26-cap h3{margin-top:15px}
body.polish-v27.redesign-v26 .v26-cap p{font-size:13.2px;line-height:1.58}

/* Lifecycle: reduce box repetition and make the sequence itself the visual */
body.polish-v27.redesign-v26 .v26-journey{gap:14px}
body.polish-v27.redesign-v26 .v26-stage{padding:0}
body.polish-v27.redesign-v26 .v26-stage-no{
  width:50px;height:50px;border-radius:14px;
  box-shadow:0 0 0 6px #f3f8fc;
  margin-bottom:14px;
}
body.polish-v27.redesign-v26 .v26-stage-card{
  min-height:160px;
  padding:15px 4px 0;
  border:0;
  border-top:1px solid #dce8f1;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.polish-v27.redesign-v26 .v26-stage-card h3{font-size:16px}

/* Dark IBOM block: fewer competing accents, stronger center */
body.polish-v27.redesign-v26 .v26-dark{
  background:linear-gradient(128deg,#063570 0%,#0a59ae 58%,#0d6cc8 100%);
}
body.polish-v27.redesign-v26 .v26-dark:before{opacity:.7}
body.polish-v27.redesign-v26 .v26-module{
  min-height:78px;
  border-color:rgba(255,255,255,.15);
  background:rgba(255,255,255,.075);
}
body.polish-v27.redesign-v26 .v26-module:hover{transform:translateY(-2px)}
body.polish-v27.redesign-v26 .v26-platform-core{
  border-color:rgba(255,255,255,.20);
  background:linear-gradient(155deg,rgba(255,255,255,.15),rgba(255,255,255,.065));
  box-shadow:0 18px 50px rgba(2,29,68,.16),inset 0 1px rgba(255,255,255,.09);
}
body.polish-v27.redesign-v26 .v26-platform-ai{
  background:rgba(108,85,217,.25);
  border-color:rgba(220,213,255,.30);
}

/* About: a recognisable ISOFT profile panel, not another generic card */
body.polish-v27.redesign-v26 .v26-profile-card{
  border-top:3px solid var(--v27-blue);
  box-shadow:0 20px 48px rgba(18,67,111,.08);
}
body.polish-v27.redesign-v26 .v26-profile-point{
  border:0;
  border-left:2px solid #dceaf4;
  border-radius:0;
  background:transparent;
  padding:10px 12px;
}
body.polish-v27.redesign-v26 .v26-value-step{
  min-height:158px;
  padding:19px;
  border-width:0 0 1px 0;
  border-radius:0;
  background:transparent;
}
body.polish-v27.redesign-v26 .v26-value-step:before{
  content:"";display:block;width:34px;height:2px;margin-bottom:14px;
  background:linear-gradient(90deg,var(--v27-blue),var(--v27-cyan));
}
body.polish-v27.redesign-v26 .v26-timeline{box-shadow:0 12px 34px rgba(17,63,108,.045)}

/* Capability hero and solution architecture */
body.polish-v27.redesign-v26 .v26-capability-map,
body.polish-v27.redesign-v26 .v26-solution-map,
body.polish-v27.redesign-v26 .v26-customer-hero-panel,
body.polish-v27.redesign-v26 .v26-contact-panel{
  box-shadow:0 18px 44px rgba(17,63,108,.065);
}
body.polish-v27.redesign-v26 .v26-map-line span{height:9px}
body.polish-v27.redesign-v26 .v26-ai-strip{
  border-color:#ddd8f5;
  background:linear-gradient(125deg,#faf9ff,#f7fbff);
}
body.polish-v27.redesign-v26 .v26-model{
  min-height:202px;
  padding:20px;
  box-shadow:none;
}
body.polish-v27.redesign-v26 .v26-company,
body.polish-v27.redesign-v26 .v26-system{
  box-shadow:none;
  border-color:#dce8f1;
}
body.polish-v27.redesign-v26 .v26-group-top{
  background:linear-gradient(100deg,#083a78,#0b63c8);
  box-shadow:0 12px 28px rgba(7,54,111,.12);
}
body.polish-v27.redesign-v26 .v26-hub{
  border-radius:19px;
  box-shadow:0 16px 38px rgba(7,54,127,.15);
}

/* IBOM hero: product architecture becomes one coherent layered surface */
body.polish-v27.redesign-v26 .v26-product-stack{
  position:relative;
  overflow:hidden;
  padding:23px;
  background:linear-gradient(150deg,#fff 0%,#f8fbff 100%);
  border-color:#cddfea;
  box-shadow:0 22px 54px rgba(16,64,110,.095);
}
body.polish-v27.redesign-v26 .v26-product-stack:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--v27-blue),var(--v27-cyan),var(--v27-ai));
}
body.polish-v27.redesign-v26 .v26-product-brand{margin-bottom:14px}
body.polish-v27.redesign-v26 .v26-product-brand span{color:#4f6e89}
body.polish-v27.redesign-v26 .v26-product-ai{
  background:linear-gradient(95deg,#654fc9,#765edb);
  border-radius:11px;
  box-shadow:0 8px 18px rgba(108,85,217,.16);
}
body.polish-v27.redesign-v26 .v26-product-module{
  border-radius:10px;
  border-color:#e0eaf2;
  background:rgba(255,255,255,.9);
}
body.polish-v27.redesign-v26 .v26-product-module:hover{transform:translateY(-1px)}
body.polish-v27.redesign-v26 .v26-product-foundation{
  border-color:#d6e5ef;background:#d6e5ef;border-radius:10px;
}
body.polish-v27.redesign-v26 .v26-product-foundation span{background:#f0f7fc;color:#3f6384}
body.polish-v27.redesign-v26 .v26-foundation{
  min-height:162px;
  padding:19px;
  box-shadow:none;
}
body.polish-v27.redesign-v26 .v26-ibot-demo{
  background:rgba(255,255,255,.085);
  border-color:rgba(255,255,255,.20);
  box-shadow:inset 0 1px rgba(255,255,255,.06);
}

/* Customer wall: first four logos are featured; the rest become a quieter catalogue */
body.polish-v27.redesign-v26 .v26-logo-grid{gap:12px 12px}
body.polish-v27.redesign-v26 .v26-logo-card{
  min-height:132px;
  padding:14px;
  border-radius:15px;
  box-shadow:none;
  border-color:#e0eaf2;
}
body.polish-v27.redesign-v26 .v26-logo-card:nth-child(-n+4){
  min-height:158px;
  padding:17px;
  border-color:#caddeb;
  background:linear-gradient(180deg,#fff,#f9fcff);
  box-shadow:0 10px 26px rgba(18,67,111,.045);
}
body.polish-v27.redesign-v26 .v26-logo-card:nth-child(-n+4) .v26-logo-visual{height:80px}
body.polish-v27.redesign-v26 .v26-logo-card:nth-child(n+5) .v26-logo-visual{height:60px}
body.polish-v27.redesign-v26 .v26-logo-card:nth-child(n+5) .v26-logo-visual img{max-height:48px;max-width:132px}
body.polish-v27.redesign-v26 .v26-logo-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,63,108,.065)}
body.polish-v27.redesign-v26 .v26-case{box-shadow:none}
body.polish-v27.redesign-v26 .v26-case-media{height:132px;background:linear-gradient(135deg,#f4f9fd,#edf6fc)}

/* Contact cards */
body.polish-v27.redesign-v26 .v26-contact-item{
  background:#fff;
  border-color:#dfe9f1;
}
body.polish-v27.redesign-v26 .v26-office{
  box-shadow:none;
  border-top:2px solid #d8e8f3;
}

/* ---------- CTA / footer ---------- */
body.polish-v27 .cta{padding:50px 0;background:linear-gradient(110deg,#073974,#0b63c8)}
body.polish-v27 .cta:after{opacity:.55}
body.polish-v27 .cta h2{font-size:35px;letter-spacing:-.025em}
body.polish-v27 .cta p{color:#d8e9f8}
body.polish-v27 .cta .btn{
  border-radius:9px;
  box-shadow:0 8px 18px rgba(0,0,0,.09);
}
body.polish-v27 .footer{padding-top:42px;background:#071f43}
body.polish-v27 .footer-logo,
body.polish-v27 .footer-logo-rw{
  width:150px!important;
  height:auto!important;
  max-width:150px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.polish-v27 .footer h4{font-size:12px;letter-spacing:.075em;text-transform:uppercase}
body.polish-v27 .footer a{font-size:12.5px;color:#c4d6e7}
body.polish-v27 .footer p{color:#a9bfd3;line-height:1.6}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  body.polish-v27 .header-inner{min-height:88px}
  body.polish-v27 .brand,body.polish-v27 .brand img{width:128px;max-width:128px}
  body.polish-v27 .nav a{font-size:13.3px;padding-left:8px;padding-right:8px}
  body.polish-v27.redesign-v26 .v26-hero-grid{gap:38px}
}
@media(max-width:900px){
  body.polish-v27 .header-inner{min-height:82px}
  body.polish-v27 .nav{top:82px}
  body.polish-v27.redesign-v26 .v26-section{padding:62px 0}
  body.polish-v27.redesign-v26 .v26-hero{padding:52px 0 50px}
  body.polish-v27.redesign-v26 .v26-logo-card:nth-child(-n+4){min-height:142px}
}
@media(max-width:620px){
  body.polish-v27 .header-inner{min-height:76px}
  body.polish-v27 .brand,body.polish-v27 .brand img{width:104px;max-width:104px}
  body.polish-v27 .nav{top:76px}
  body.polish-v27.redesign-v26 .v26-section{padding:54px 0}
  body.polish-v27.redesign-v26 .v26-hero{padding:44px 0 45px}
  body.polish-v27.redesign-v26 .v26-hero h1{font-size:39px}
  body.polish-v27.redesign-v26 .v26-title{font-size:32px}
  body.polish-v27.redesign-v26 .v26-lead{font-size:15px}
  body.polish-v27.redesign-v26 .v26-metrics{grid-template-columns:1fr 1fr}
  body.polish-v27.redesign-v26 .v26-metric:nth-child(2){border-right:0}
  body.polish-v27.redesign-v26 .v26-metric:nth-child(-n+2){border-bottom:1px solid #e2ebf2}
  body.polish-v27.redesign-v26 .v26-logo-card:nth-child(-n+4){min-height:126px;padding:12px}
  body.polish-v27.redesign-v26 .v26-logo-card:nth-child(-n+4) .v26-logo-visual{height:62px}
  body.polish-v27 .cta{padding:42px 0}
  body.polish-v27 .cta h2{font-size:29px}
}

/* ===== SOURCE: home-interaction-v28.css ===== */
/* ISOFT Corporate Website V2.8 — Home interaction & contrast refinement
   Reference: the established interaction language already used on the Triển khai page.
   Scope: Home only. No information architecture changes. */

body.home-v28{
  --h28-navy:#07366f;
  --h28-blue:#0b63ce;
  --h28-blue-2:#1683ee;
  --h28-cyan:#28a9ee;
  --h28-green:#14a879;
  --h28-orange:#f29b21;
  --h28-violet:#7458e8;
  --h28-red:#ef4050;
  --h28-ink:#173f63;
  --h28-muted:#45647f;
  --h28-line:#cfe0ec;
  --h28-shadow:0 17px 38px rgba(14,68,120,.095);
}

/* ---------- Buttons: always separate from the surface behind them ---------- */
body.home-v28.redesign-v26 .v26-btn{
  border-color:#8dbce0;
  background:linear-gradient(180deg,#f8fcff,#edf7ff);
  color:#074782;
  box-shadow:0 5px 14px rgba(12,77,139,.075);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease;
}
body.home-v28.redesign-v26 .v26-btn:hover,
body.home-v28.redesign-v26 .v26-btn:focus-visible{
  transform:translateY(-3px);
  border-color:#0b63ce;
  background:linear-gradient(135deg,#0b5fc6,#1484ea);
  color:#fff;
  box-shadow:0 13px 26px rgba(11,99,206,.22);
}
body.home-v28.redesign-v26 .v26-btn.v26-btn--primary{
  border-color:#0b63ce;
  background:linear-gradient(135deg,#084eaa 0%,#0d70dd 58%,#1692ec 100%);
  color:#fff;
  box-shadow:0 12px 26px rgba(11,99,206,.24),inset 0 1px rgba(255,255,255,.18);
}
body.home-v28.redesign-v26 .v26-btn.v26-btn--primary:hover,
body.home-v28.redesign-v26 .v26-btn.v26-btn--primary:focus-visible{
  border-color:#0754bd;
  background:linear-gradient(135deg,#063f91 0%,#0b62c8 52%,#1487df 100%);
  box-shadow:0 16px 32px rgba(8,79,167,.29),inset 0 1px rgba(255,255,255,.2);
}
body.home-v28.redesign-v26 .v26-btn:focus-visible{
  outline:3px solid rgba(40,169,238,.28);
  outline-offset:3px;
}

/* ---------- Hero dashboard: active control-center feel ---------- */
body.home-v28.redesign-v26 .v26-board{
  transition:transform .34s ease,box-shadow .34s ease,border-color .34s ease;
}
body.home-v28.redesign-v26 .v26-board:hover{
  transform:translateY(-5px);
  border-color:#acd0e8;
  box-shadow:0 31px 72px rgba(15,60,105,.15);
}
body.home-v28.redesign-v26 .v26-board-head b{color:#083c75}
body.home-v28.redesign-v26 .v26-board-head span{font-weight:800}
body.home-v28.redesign-v26 .v26-kpi{
  position:relative;
  overflow:hidden;
  border-color:#dbe7f0;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
body.home-v28.redesign-v26 .v26-kpi:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,#0b63ce,#28a9ee);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .26s ease;
}
body.home-v28.redesign-v26 .v26-kpi:hover{
  transform:translateY(-3px);
  border-color:#b8d8eb;
  background:#fff;
  box-shadow:0 10px 22px rgba(16,75,128,.075);
}
body.home-v28.redesign-v26 .v26-kpi:hover:after{transform:scaleX(1)}
body.home-v28.redesign-v26 .v26-kpi strong{color:#0754ad}
body.home-v28.redesign-v26 .v26-kpi span{color:#55718b}
body.home-v28.redesign-v26 .v26-chart{
  background:linear-gradient(180deg,#fbfdff,#f6fbff);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.home-v28.redesign-v26 .v26-chart:hover{
  transform:translateY(-3px);
  border-color:#b8d8eb;
  box-shadow:0 10px 22px rgba(16,75,128,.07);
}
body.home-v28.redesign-v26 .v26-chart label{color:#345b7e;font-weight:800}
body.home-v28.redesign-v26 .v26-bars i{
  transform-origin:bottom;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease;
}
body.home-v28.redesign-v26 .v26-board:hover .v26-bars i:nth-child(1){transform:scaleY(1.08)}
body.home-v28.redesign-v26 .v26-board:hover .v26-bars i:nth-child(2){transform:scaleY(1.13)}
body.home-v28.redesign-v26 .v26-board:hover .v26-bars i:nth-child(3){transform:scaleY(1.09)}
body.home-v28.redesign-v26 .v26-board:hover .v26-bars i:nth-child(4){transform:scaleY(1.15)}
body.home-v28.redesign-v26 .v26-board:hover .v26-bars i:nth-child(5){transform:scaleY(1.1)}
body.home-v28.redesign-v26 .v26-board:hover .v26-bars i:nth-child(6){transform:scaleY(1.16);filter:brightness(1.06)}
body.home-v28.redesign-v26 .v26-ai-box{
  border-color:#ddd7f4;
  background:linear-gradient(145deg,#fcfbff,#f5f5ff);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
body.home-v28.redesign-v26 .v26-ai-box:hover{
  transform:translateY(-3px);
  border-color:#bfb1ee;
  box-shadow:0 11px 24px rgba(91,70,186,.105);
}
body.home-v28.redesign-v26 .v26-ai-copy{color:#4c6481}

/* ---------- Shared interactive card language — aligned with Triển khai ---------- */
body.home-v28.redesign-v26 .v26-layer,
body.home-v28.redesign-v26 .v26-cap,
body.home-v28.redesign-v26 .v26-stage-card,
body.home-v28.redesign-v26 .v26-logo-card{
  transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease,border-color .26s ease,background .26s ease;
}

/* Four operating layers */
body.home-v28.redesign-v26 .v26-layer{--h28-accent:#0b63ce;--h28-soft:rgba(11,99,206,.09);border:1px solid #d7e6f1;box-shadow:0 6px 18px rgba(18,67,111,.045)}
body.home-v28.redesign-v26 .v26-layer--process{--h28-accent:#14a879;--h28-soft:rgba(20,168,121,.09)}
body.home-v28.redesign-v26 .v26-layer--data{--h28-accent:#22a7db;--h28-soft:rgba(34,167,219,.09)}
body.home-v28.redesign-v26 .v26-layer--ai{--h28-accent:#7458e8;--h28-soft:rgba(116,88,232,.095)}
body.home-v28.redesign-v26 .v26-layer:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:3px;
  background:var(--h28-accent);
  transform:scaleX(.34);
  transform-origin:left;
  transition:transform .28s ease;
}
body.home-v28.redesign-v26 .v26-layer:hover{
  transform:translateY(-6px);
  border-color:color-mix(in srgb,var(--h28-accent) 34%, #d7e6f1);
  background:linear-gradient(145deg,#fff 0%,color-mix(in srgb,var(--h28-soft) 52%,#fff) 100%);
  box-shadow:0 18px 38px rgba(14,68,120,.105);
}
body.home-v28.redesign-v26 .v26-layer:hover:before{transform:scaleX(1)}
body.home-v28.redesign-v26 .v26-layer .v26-icon{transition:transform .24s ease,box-shadow .24s ease}
body.home-v28.redesign-v26 .v26-layer:hover .v26-icon{transform:translateY(-3px);box-shadow:0 8px 18px var(--h28-soft)}
body.home-v28.redesign-v26 .v26-layer h3{color:#073b74}
body.home-v28.redesign-v26 .v26-layer p{color:#496985}

/* Six core capabilities */
body.home-v28.redesign-v26 .v26-cap{
  border-color:#d8e6f0;
  background:linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:0 6px 18px rgba(18,67,111,.035);
}
body.home-v28.redesign-v26 .v26-cap:after{
  content:"";
  position:absolute;
  width:150px;height:150px;border-radius:50%;
  right:-85px;bottom:-95px;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent,#0b63ce) 14%, transparent),transparent 68%);
  opacity:0;
  transition:opacity .28s ease,transform .34s ease;
  pointer-events:none;
}
body.home-v28.redesign-v26 .v26-cap:hover{
  transform:translateY(-6px);
  border-color:color-mix(in srgb,var(--accent,#0b63ce) 30%,#d8e6f0);
  background:#fff;
  box-shadow:0 18px 40px rgba(14,68,120,.10);
}
body.home-v28.redesign-v26 .v26-cap:hover:after{opacity:1;transform:scale(1.12)}
body.home-v28.redesign-v26 .v26-cap .v26-icon{transition:transform .24s ease,box-shadow .24s ease}
body.home-v28.redesign-v26 .v26-cap:hover .v26-icon{transform:translateY(-3px);box-shadow:0 8px 18px rgba(13,102,220,.09)}
body.home-v28.redesign-v26 .v26-cap h3{color:#073b74}
body.home-v28.redesign-v26 .v26-cap p{color:#45647f}
body.home-v28.redesign-v26 .v26-cap small{color:#5f7891;font-weight:900}

/* Construction lifecycle — restore distinct cards and interaction like Triển khai */
body.home-v28.redesign-v26 .v26-journey{gap:13px}
body.home-v28.redesign-v26 .v26-stage{padding:4px 0 0}
body.home-v28.redesign-v26 .v26-stage-no{
  position:relative;
  z-index:2;
  width:48px;height:48px;
  margin:0 0 -11px 15px;
  border-radius:14px;
  box-shadow:0 0 0 6px #f2f8fd,0 8px 18px color-mix(in srgb,var(--accent) 22%,transparent);
  transition:transform .25s ease,box-shadow .25s ease;
}
body.home-v28.redesign-v26 .v26-stage-card{
  position:relative;
  min-height:174px;
  padding:29px 17px 18px;
  border:1px solid #d6e5f0;
  border-radius:17px;
  background:linear-gradient(180deg,#fff,#f9fcff);
  box-shadow:0 7px 20px rgba(18,67,111,.045);
  overflow:hidden;
}
body.home-v28.redesign-v26 .v26-stage-card:before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:3px;
  background:var(--accent,#0b63ce);
}
body.home-v28.redesign-v26 .v26-stage:hover .v26-stage-no{
  transform:translateY(-3px);
  box-shadow:0 0 0 6px #f2f8fd,0 12px 23px color-mix(in srgb,var(--accent) 30%,transparent);
}
body.home-v28.redesign-v26 .v26-stage:hover .v26-stage-card{
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--accent) 30%,#d6e5f0);
  box-shadow:0 17px 36px rgba(14,68,120,.095);
}
body.home-v28.redesign-v26 .v26-stage-card h3{color:#073b74;font-size:16px}
body.home-v28.redesign-v26 .v26-stage-card p{color:#486882;font-size:12.8px;line-height:1.58}

/* ---------- Dark IBOM section: stronger separation and text contrast ---------- */
body.home-v28.redesign-v26 .v26-dark{
  background:
    radial-gradient(circle at 54% 44%,rgba(48,157,235,.20),transparent 34%),
    linear-gradient(126deg,#06356f 0%,#0954a7 48%,#0d70ce 100%);
}
body.home-v28.redesign-v26 .v26-dark .v26-kicker{color:#9fe4ff;text-shadow:0 1px rgba(0,0,0,.08)}
body.home-v28.redesign-v26 .v26-dark .v26-title{color:#fff}
body.home-v28.redesign-v26 .v26-dark .v26-title span{color:#91e3ff}
body.home-v28.redesign-v26 .v26-dark .v26-lead{color:#e0f0fb;font-weight:500}
body.home-v28.redesign-v26 .v26-module{
  position:relative;
  overflow:hidden;
  min-height:80px;
  border-color:rgba(255,255,255,.24);
  background:linear-gradient(145deg,rgba(255,255,255,.135),rgba(255,255,255,.075));
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 8px 22px rgba(2,29,68,.09);
  transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
body.home-v28.redesign-v26 .v26-module:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 46%);
  transform:translateX(-110%);
  transition:transform .45s ease;
  pointer-events:none;
}
body.home-v28.redesign-v26 .v26-module:hover{
  transform:translateY(-5px);
  background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.10));
  border-color:rgba(255,255,255,.38);
  box-shadow:0 18px 32px rgba(2,29,68,.20),inset 0 1px rgba(255,255,255,.12);
}
body.home-v28.redesign-v26 .v26-module:hover:after{transform:translateX(110%)}
body.home-v28.redesign-v26 .v26-module b{font-size:14.2px;color:#fff}
body.home-v28.redesign-v26 .v26-module small{font-size:11.6px;color:#d9ebf8;line-height:1.45}
body.home-v28.redesign-v26 .v26-module .v26-icon{border:1px solid rgba(255,255,255,.11);transition:transform .22s ease,box-shadow .22s ease}
body.home-v28.redesign-v26 .v26-module:hover .v26-icon{transform:translateY(-2px);box-shadow:0 8px 18px rgba(1,24,60,.16)}
body.home-v28.redesign-v26 .v26-module-list .v26-module:nth-child(1) .v26-icon{color:#8bdcff;background:rgba(54,177,240,.18)}
body.home-v28.redesign-v26 .v26-module-list .v26-module:nth-child(2) .v26-icon{color:#75e6bf;background:rgba(34,191,139,.17)}
body.home-v28.redesign-v26 .v26-module-list .v26-module:nth-child(3) .v26-icon{color:#ffd085;background:rgba(242,155,33,.17)}
body.home-v28.redesign-v26 .v26-module-list--right .v26-module:nth-child(1) .v26-icon{color:#c6b5ff;background:rgba(116,88,232,.19)}
body.home-v28.redesign-v26 .v26-module-list--right .v26-module:nth-child(2) .v26-icon{color:#82ddff;background:rgba(34,169,238,.18)}
body.home-v28.redesign-v26 .v26-module-list--right .v26-module:nth-child(3) .v26-icon{color:#ff9aaf;background:rgba(239,64,80,.17)}
body.home-v28.redesign-v26 .v26-platform-core{
  position:relative;
  overflow:hidden;
  border-color:rgba(255,255,255,.30);
  background:linear-gradient(150deg,rgba(255,255,255,.19),rgba(255,255,255,.08));
  box-shadow:0 20px 46px rgba(2,29,68,.19),inset 0 1px rgba(255,255,255,.14);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
body.home-v28.redesign-v26 .v26-platform-core:before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,#8ee5ff 32%,#fff 50%,#b9a8ff 70%,transparent);
  opacity:.8;
}
body.home-v28.redesign-v26 .v26-platform-core:hover{
  transform:translateY(-5px);
  border-color:rgba(255,255,255,.42);
  box-shadow:0 28px 58px rgba(2,29,68,.24),inset 0 1px rgba(255,255,255,.16);
}
body.home-v28.redesign-v26 .v26-platform-core h3{color:#fff}
body.home-v28.redesign-v26 .v26-platform-core p{color:#e1eff9;font-size:13.2px}
body.home-v28.redesign-v26 .v26-platform-ai{
  border-color:rgba(222,215,255,.48);
  background:linear-gradient(105deg,rgba(108,85,217,.42),rgba(139,111,239,.27));
  box-shadow:0 10px 24px rgba(52,34,133,.16);
  transition:transform .23s ease,border-color .23s ease,background .23s ease;
}
body.home-v28.redesign-v26 .v26-platform-ai:hover{
  transform:translateY(-2px);
  border-color:rgba(238,233,255,.70);
  background:linear-gradient(105deg,rgba(108,85,217,.52),rgba(139,111,239,.34));
}
body.home-v28.redesign-v26 .v26-platform-ai small{color:#ece9ff;font-size:11px}

/* ---------- Customer wall: interaction without touching original logos ---------- */
body.home-v28.redesign-v26 .v26-logo-card{
  position:relative;
  overflow:hidden;
  border-color:#d9e6ef;
  background:linear-gradient(180deg,#fff,#fcfeff);
}
body.home-v28.redesign-v26 .v26-logo-card:before{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,#0b63ce,#28a9ee);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .26s ease;
}
body.home-v28.redesign-v26 .v26-logo-card:hover{
  transform:translateY(-6px);
  border-color:#b9d7e9;
  background:#fff;
  box-shadow:0 16px 34px rgba(14,68,120,.09);
}
body.home-v28.redesign-v26 .v26-logo-card:hover:before{transform:scaleX(1)}
body.home-v28.redesign-v26 .v26-logo-card b{color:#073b74;font-size:13.2px}
body.home-v28.redesign-v26 .v26-logo-card span{color:#526f88;font-size:11px}
body.home-v28.redesign-v26 .v26-logo-card .v26-logo-visual img{transform:none!important;filter:none!important}

/* Stronger section text hierarchy, especially on soft/coloured surfaces */
body.home-v28.redesign-v26 .v26-section-head .v26-lead{color:#496985}
body.home-v28.redesign-v26 .v26-soft .v26-lead{color:#496985}
body.home-v28.redesign-v26 .v26-hero-note{color:#45647f}

/* ---------- Reveal rhythm: same principle as Triển khai, but remains fail-safe ---------- */
html.v26-js body.home-v28.redesign-v26 .v26-reveal{
  transform:translateY(22px);
}
html.v26-js body.home-v28.redesign-v26 .v26-reveal.is-in{
  transition-duration:.68s;
  transition-timing-function:cubic-bezier(.2,.8,.2,1);
}
body.home-v28.redesign-v26 .v26-layer-grid .v26-reveal:nth-child(1){--d:0ms}
body.home-v28.redesign-v26 .v26-layer-grid .v26-reveal:nth-child(2){--d:70ms}
body.home-v28.redesign-v26 .v26-layer-grid .v26-reveal:nth-child(3){--d:140ms}
body.home-v28.redesign-v26 .v26-layer-grid .v26-reveal:nth-child(4){--d:210ms}
body.home-v28.redesign-v26 .v26-platform .v26-module-list:first-child .v26-reveal:nth-child(1){--d:0ms}
body.home-v28.redesign-v26 .v26-platform .v26-module-list:first-child .v26-reveal:nth-child(2){--d:70ms}
body.home-v28.redesign-v26 .v26-platform .v26-module-list:first-child .v26-reveal:nth-child(3){--d:140ms}
body.home-v28.redesign-v26 .v26-platform-core{--d:120ms}
body.home-v28.redesign-v26 .v26-platform .v26-module-list--right .v26-reveal:nth-child(1){--d:180ms}
body.home-v28.redesign-v26 .v26-platform .v26-module-list--right .v26-reveal:nth-child(2){--d:250ms}
body.home-v28.redesign-v26 .v26-platform .v26-module-list--right .v26-reveal:nth-child(3){--d:320ms}
body.home-v28.redesign-v26 .v26-logo-grid .v26-reveal:nth-child(4n+1){--d:0ms}
body.home-v28.redesign-v26 .v26-logo-grid .v26-reveal:nth-child(4n+2){--d:55ms}
body.home-v28.redesign-v26 .v26-logo-grid .v26-reveal:nth-child(4n+3){--d:110ms}
body.home-v28.redesign-v26 .v26-logo-grid .v26-reveal:nth-child(4n+4){--d:165ms}

/* Motion only where the user can hover. Touch devices stay calm and predictable. */
@media (hover:none){
  body.home-v28.redesign-v26 .v26-board:hover,
  body.home-v28.redesign-v26 .v26-kpi:hover,
  body.home-v28.redesign-v26 .v26-chart:hover,
  body.home-v28.redesign-v26 .v26-ai-box:hover,
  body.home-v28.redesign-v26 .v26-layer:hover,
  body.home-v28.redesign-v26 .v26-cap:hover,
  body.home-v28.redesign-v26 .v26-stage:hover .v26-stage-no,
  body.home-v28.redesign-v26 .v26-stage:hover .v26-stage-card,
  body.home-v28.redesign-v26 .v26-module:hover,
  body.home-v28.redesign-v26 .v26-platform-core:hover,
  body.home-v28.redesign-v26 .v26-logo-card:hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
  body.home-v28.redesign-v26 .v26-board,
  body.home-v28.redesign-v26 .v26-kpi,
  body.home-v28.redesign-v26 .v26-chart,
  body.home-v28.redesign-v26 .v26-ai-box,
  body.home-v28.redesign-v26 .v26-layer,
  body.home-v28.redesign-v26 .v26-cap,
  body.home-v28.redesign-v26 .v26-stage-card,
  body.home-v28.redesign-v26 .v26-stage-no,
  body.home-v28.redesign-v26 .v26-module,
  body.home-v28.redesign-v26 .v26-platform-core,
  body.home-v28.redesign-v26 .v26-logo-card,
  body.home-v28.redesign-v26 .v26-btn{transition:none!important}
}

@media(max-width:900px){
  body.home-v28.redesign-v26 .v26-stage-card{min-height:145px}
}
@media(max-width:620px){
  body.home-v28.redesign-v26 .v26-stage-no{margin-left:13px}
  body.home-v28.redesign-v26 .v26-stage-card{padding:29px 15px 17px}
  body.home-v28.redesign-v26 .v26-module small{font-size:11.4px}
}

/* Final contrast lock for dark surfaces — must remain after general section lead rules. */
body.home-v28.redesign-v26 .v26-dark .v26-section-head .v26-lead{
  color:#e4f2fc!important;
  font-weight:550;
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}
body.home-v28.redesign-v26 .v26-dark .v26-platform-core p{color:#e6f3fc!important}
body.home-v28.redesign-v26 .v26-dark .v26-module small{color:#dcecf8!important}
body.home-v28.redesign-v26 .v26-dark .v26-platform-ai small{color:#f0edff!important}

/* ===== SOURCE: typography-v29.css ===== */
/* ISOFT Corporate Website V2.9 — typography unification
   Baseline: /trien-khai/ implementation page.
   Goal: same visual voice across primary redesigned pages without changing layout. */

body.redesign-v26{
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* Use the same hierarchy as the implementation page:
   display headings 700, blue emphasis 500, body 400, kicker 800. */
body.redesign-v26 .v26-main :is(h1,h2,h3,h4,h5,h6){
  font-family:inherit;
  font-weight:700;
}
body.redesign-v26 .v26-main :is(p,li,small,span){
  font-family:inherit;
}
body.redesign-v26 .v26-main p,
body.redesign-v26 .v26-main li{
  font-weight:400;
}
body.redesign-v26 .v26-main :is(b,strong){
  font-weight:700;
}

/* Main display titles — mirror dp-hero / dp-section typography. */
body.redesign-v26 .v26-hero h1,
body.redesign-v26 .v26-title,
body.redesign-v26 .v26-section-head h2,
body.redesign-v26 .v26-section h2{
  font-weight:700;
  letter-spacing:-.03em;
}
body.redesign-v26 .v26-hero h1{
  letter-spacing:-.045em;
}
body.redesign-v26 .v26-hero h1 span,
body.redesign-v26 .v26-title span,
body.redesign-v26 .v26-section-head h2 span,
body.redesign-v26 .v26-section h2 span{
  font-weight:500;
}

/* Supporting copy follows the implementation page's calmer rhythm. */
body.redesign-v26 .v26-lead,
body.redesign-v26 .v26-hero-copy>p,
body.redesign-v26 .v26-section-head>p{
  font-weight:400;
  line-height:1.7;
}

/* Keep labels / CTA deliberate but not visually heavier than /trien-khai/. */
body.redesign-v26 .v26-kicker{
  font-weight:800;
  letter-spacing:.12em;
}
body.redesign-v26 .v26-btn{
  font-weight:800;
}
body.redesign-v26 .v26-chip,
body.redesign-v26 .v26-module-code,
body.redesign-v26 .v26-cap small{
  font-weight:700;
}

/* Cards and diagrams: remove the 800/900-heavy look introduced by redesign layers. */
body.redesign-v26 .v26-main :is(
  .v26-cap h3,
  .v26-stage h3,
  .v26-time-row h3,
  .v26-module-light h3,
  .v26-case h3,
  .v26-hub h3,
  .v26-board-head b,
  .v26-product-module b,
  .v26-map-module b,
  .v26-system b,
  .v26-client-name,
  .v26-project-title
){font-weight:700}

body.redesign-v26 .v26-main :is(
  .v26-stage-no,
  .v26-time-row time,
  .v26-stat strong,
  .v26-metric strong
){font-weight:700}

/* Header/footer use the same Arial stack as implementation page. */
body.redesign-v26 :is(.site-header,.site-footer,.nav,.footer-grid){
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
}

@media(max-width:700px){
  body.redesign-v26 .v26-hero h1,
  body.redesign-v26 .v26-title,
  body.redesign-v26 .v26-section-head h2,
  body.redesign-v26 .v26-section h2{
    letter-spacing:-.025em;
  }
}

/* ===== SOURCE: page-review-v212.css ===== */
/* 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;
  }
}

/* ===== SOURCE: impact-v213.css ===== */
/* =========================================================
   V2.13 VISUAL IMPACT REVIEW
   Purpose: strengthen weak / low-contrast blocks and KPI sections
   without changing site structure.
   ========================================================= */

:root{
  --v213-blue:#0d66dc;
  --v213-navy:#07367f;
  --v213-line:#d9e8f4;
  --v213-shadow:0 14px 34px rgba(9,61,118,.08);
  --v213-shadow-strong:0 22px 46px rgba(9,61,118,.12);
}

/* -----------------------------
   1) Customers page: hero model panel + sector cards
   ----------------------------- */
body[data-page="khach-hang-du-an"].redesign-v26 .v26-customer-hero-panel{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border:1px solid #d8e8f4;
  box-shadow:0 26px 58px rgba(18,67,111,.11), inset 0 1px 0 rgba(255,255,255,.9);
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-customer-hero-panel::before{
  content:"";
  position:absolute;
  inset:auto -60px -70px auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(13,102,220,.09), rgba(13,102,220,0) 68%);
  pointer-events:none;
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-customer-hero-panel h3{
  position:relative;
  z-index:1;
  font-size:22px;
  letter-spacing:-.02em;
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector-list{gap:13px}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector{
  position:relative;
  overflow:hidden;
  min-height:64px;
  padding:16px 18px 16px 22px;
  border:1px solid #d8e8f4;
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%,#fafdff 100%);
  box-shadow:0 8px 20px rgba(17,70,118,.035);
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease;
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  border-radius:16px 0 0 16px;
  background:linear-gradient(180deg,#44b8ff,#0d66dc);
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector::after{
  content:"";
  position:absolute;
  right:-18px;
  top:-18px;
  width:84px;
  height:84px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(68,184,255,.12), rgba(68,184,255,0) 72%);
  opacity:.7;
  transition:transform .24s ease, opacity .24s ease;
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector:hover{
  transform:translateY(-5px);
  background:linear-gradient(180deg,#ffffff 0%,#f3f9ff 100%);
  border-color:#b8d6ee;
  box-shadow:var(--v213-shadow-strong);
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector:hover::after{
  transform:scale(1.1);
  opacity:1;
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector b{
  position:relative;z-index:1;
  font-size:14px;
  line-height:1.35;
  color:#174b83;
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector span{
  position:relative;z-index:1;
  font-size:12px;
  line-height:1.45;
  color:#5a7897;
  text-align:right;
}

/* -----------------------------
   2) Customers page: metrics — stronger cards and interaction
   ----------------------------- */
body[data-page="khach-hang-du-an"].redesign-v26 .v26-metric-band{
  padding-top:24px;
  background:transparent;
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-metrics{
  gap:16px;
  border:0;
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-metric{
  position:relative;
  overflow:hidden;
  padding:24px 18px 20px;
  border-radius:20px;
  border:1px solid var(--v213-line);
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:var(--v213-shadow);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-metric::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:4px;
  background:linear-gradient(90deg,#39b7ff,#0d66dc 45%,#765af0);
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-metric::after{
  content:"";
  position:absolute;
  right:-18px;
  bottom:-18px;
  width:84px;
  height:84px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(13,102,220,.11),rgba(13,102,220,0) 70%);
  opacity:.55;
  transition:transform .24s ease,opacity .24s ease;
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-metric:hover{
  transform:translateY(-6px);
  box-shadow:var(--v213-shadow-strong);
  border-color:#b8d6ee;
  background:linear-gradient(180deg,#ffffff 0%,#f5faff 100%);
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-metric:hover::after{
  transform:scale(1.12);
  opacity:.95;
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-metric strong{
  position:relative;z-index:1;
  font-size:28px;
  font-weight:800;
  letter-spacing:-.02em;
  color:#0d66dc;
}
body[data-page="khach-hang-du-an"].redesign-v26 .v26-metric span{
  position:relative;z-index:1;
  margin-top:8px;
  font-size:12.5px;
  line-height:1.55;
  color:#4f7192;
}

/* -----------------------------
   3) Implementation page: AI readiness rail should feel more premium
   ----------------------------- */
body[data-page="trien-khai"].refine-v24 .v24-layer-rail{
  align-items:stretch;
  gap:12px;
}
body[data-page="trien-khai"].refine-v24 .v24-layer-rail span{
  position:relative;
  overflow:hidden;
  min-height:132px;
  display:grid;
  place-items:center;
  padding:20px 18px;
  border-radius:22px;
  font-size:19px;
  line-height:1.28;
  letter-spacing:-.02em;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid #d7e7f4;
  box-shadow:0 14px 34px rgba(5,55,110,.08);
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease;
}
body[data-page="trien-khai"].refine-v24 .v24-layer-rail span::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:5px;
  background:currentColor;
  opacity:.92;
}
body[data-page="trien-khai"].refine-v24 .v24-layer-rail span::after{
  content:"";
  position:absolute;
  right:-18px;
  bottom:-18px;
  width:88px;
  height:88px;
  border-radius:50%;
  background:radial-gradient(circle, currentColor 0%, transparent 72%);
  opacity:.07;
  transition:transform .24s ease, opacity .24s ease;
}
body[data-page="trien-khai"].refine-v24 .v24-layer-rail span:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 46px rgba(5,55,110,.14);
  background:linear-gradient(180deg,#ffffff 0%,#f2f8ff 100%);
}
body[data-page="trien-khai"].refine-v24 .v24-layer-rail span:hover::after{
  transform:scale(1.14);
  opacity:.12;
}
body[data-page="trien-khai"].refine-v24 .v24-layer-rail i{
  display:grid;
  place-items:center;
  font-size:30px;
  line-height:1;
  color:#9fb6ca;
}

/* -----------------------------
   4) Subtle global lift for visually weak cards on key pages
   ----------------------------- */
body[data-page="giai-phap"].redesign-v26 .v26-map-module,
body[data-page="ibom"].redesign-v26 .v26-product-module,
body[data-page="giai-phap"].redesign-v26 .v26-model,
body[data-page="khach-hang-du-an"].redesign-v26 .v26-logo-card,
body[data-page="khach-hang-du-an"].redesign-v26 .v26-case{
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease;
}
body[data-page="giai-phap"].redesign-v26 .v26-map-module:hover,
body[data-page="ibom"].redesign-v26 .v26-product-module:hover,
body[data-page="giai-phap"].redesign-v26 .v26-model:hover,
body[data-page="khach-hang-du-an"].redesign-v26 .v26-logo-card:hover,
body[data-page="khach-hang-du-an"].redesign-v26 .v26-case:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 36px rgba(23,73,119,.11);
  border-color:#b9d6ec;
}

/* -----------------------------
   5) Contact page: stronger emphasis on direct contact items
   ----------------------------- */
body[data-page="lien-he"].redesign-v26 .v26-contact-item{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:0 12px 28px rgba(17,70,118,.055);
}
body[data-page="lien-he"].redesign-v26 .v26-contact-item b,
body[data-page="lien-he"].redesign-v26 .v26-contact-item a{
  color:#0d66dc;
}
body[data-page="lien-he"].redesign-v26 .v26-contact-item small,
body[data-page="lien-he"].redesign-v26 .v26-contact-item span,
body[data-page="lien-he"].redesign-v26 .v26-contact-item p{
  color:#5c7896;
}

@media (max-width:1000px){
  body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector{
    flex-direction:column;
    align-items:flex-start;
  }
  body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector span{text-align:left}
  body[data-page="trien-khai"].refine-v24 .v24-layer-rail span{min-height:112px;font-size:18px}
}

@media (max-width:680px){
  body[data-page="khach-hang-du-an"].redesign-v26 .v26-metrics{gap:12px}
  body[data-page="khach-hang-du-an"].redesign-v26 .v26-metric{padding:20px 14px 18px}
  body[data-page="trien-khai"].refine-v24 .v24-layer-rail span{min-height:unset;padding:18px 16px;font-size:17px}
  body[data-page="trien-khai"].refine-v24 .v24-layer-rail i{font-size:24px}
}

@media (prefers-reduced-motion:reduce){
  body[data-page="khach-hang-du-an"].redesign-v26 .v26-sector,
  body[data-page="khach-hang-du-an"].redesign-v26 .v26-metric,
  body[data-page="trien-khai"].refine-v24 .v24-layer-rail span,
  body[data-page="giai-phap"].redesign-v26 .v26-map-module,
  body[data-page="ibom"].redesign-v26 .v26-product-module,
  body[data-page="giai-phap"].redesign-v26 .v26-model,
  body[data-page="khach-hang-du-an"].redesign-v26 .v26-logo-card,
  body[data-page="khach-hang-du-an"].redesign-v26 .v26-case{
    transition:none!important;
  }
}

/* ===== SOURCE: release-v214.css ===== */
/* ISOFT V2.14 — English completion + smaller header logo */

/* Smaller header logo, both Vietnamese and English primary pages */
body.qa-v23 .brand, body.qa-v23 .brand img,
body.polish-v27 .brand, body.polish-v27 .brand img{
  width:120px!important;
  max-width:120px!important;
  flex-basis:120px!important;
}
.header-inner{min-height:100px!important}

/* English pages use original English ISOFT logo asset at the same balanced scale */
html[lang="en"] body.en-v214 .brand,
html[lang="en"] body.en-v214 .brand img{
  width:120px!important;
  max-width:120px!important;
  flex-basis:120px!important;
  height:auto!important;
  object-fit:contain!important;
}

html[lang="en"] body.en-v214 .nav a{font-size:13px}
html[lang="en"] body.en-v214 .v26-hero h1{letter-spacing:-.038em}
html[lang="en"] body.en-v214 .v26-title,
html[lang="en"] body.en-v214 .v26-section-head h2{letter-spacing:-.027em}
html[lang="en"] body.en-v214 .v26-lead{line-height:1.66}
html[lang="en"] body.en-v214 .v26-sector b{max-width:54%}
html[lang="en"] body.en-v214 .v26-sector span{max-width:46%}

/* English contact page follows the stronger direct-contact emphasis */
html[lang="en"] body[data-page="lien-he"] .v26-contact-item b{color:#0d66dc}
html[lang="en"] body[data-page="lien-he"] .v26-contact-item span{color:#174776;font-weight:700}

@media(max-width:900px){
  body.qa-v23 .brand, body.qa-v23 .brand img,
  body.polish-v27 .brand, body.polish-v27 .brand img,
  html[lang="en"] body.en-v214 .brand,
  html[lang="en"] body.en-v214 .brand img{
    width:108px!important;max-width:108px!important;flex-basis:108px!important;
  }
  .header-inner{min-height:84px!important}
}
@media(max-width:620px){
  body.qa-v23 .brand, body.qa-v23 .brand img,
  body.polish-v27 .brand, body.polish-v27 .brand img,
  html[lang="en"] body.en-v214 .brand,
  html[lang="en"] body.en-v214 .brand img{
    width:94px!important;max-width:94px!important;flex-basis:94px!important;
  }
  .header-inner{min-height:76px!important}
}

/* Legacy English article/header compatibility */
html[lang="en"] .header .logo{width:120px!important;flex:0 0 120px!important;background-size:120px auto!important;}
html[lang="en"] .header .nav{gap:20px;}
@media(max-width:900px){html[lang="en"] .header .logo{width:98px!important;flex-basis:98px!important;background-size:98px auto!important;}}

/* ===== SOURCE: production-vi-qa-v215.css ===== */
/* ISOFT Production VI QA V2.15 — final interaction/responsive safeguards */
:root{
  --v215-blue:#0d66dc;
  --v215-teal:#14a879;
  --v215-cyan:#20b7e7;
  --v215-violet:#7458e8;
  --v215-ink:#07366d;
  --v215-line:#dce9f3;
  --v215-shadow:0 18px 44px rgba(7,54,109,.10);
  --v215-shadow-hover:0 24px 54px rgba(7,54,109,.14);
}
html{scroll-padding-top:112px;overflow-x:hidden}
body.prod-v215{overflow-x:hidden}
body.prod-v215 img{max-width:100%;height:auto}
body.prod-v215 .site-header{position:sticky;top:0;z-index:1000}
body.prod-v215 :is(.v26-card,.v26-layer,.v26-cap,.v26-module,.v26-office,.v26-logo-card,.v26-model,.v26-foundation,.v26-system,.v26-company){
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease;
}
body.prod-v215 :is(.v26-card,.v26-layer,.v26-cap,.v26-office,.v26-logo-card,.v26-model,.v26-foundation):hover{
  transform:translateY(-5px);box-shadow:var(--v215-shadow-hover)
}
body.prod-v215 .v26-icon{transition:transform .26s ease,filter .26s ease}
body.prod-v215 :is(.v26-card,.v26-layer,.v26-cap,.v26-office,.v26-model,.v26-foundation):hover .v26-icon{transform:translateY(-2px) scale(1.06)}

/* Home — four operating layers remain visually linked and balanced */
body[data-page="home"].prod-v215 .v26-layer-grid{align-items:stretch}
body[data-page="home"].prod-v215 .v26-layer{height:100%;min-height:218px;display:flex;flex-direction:column}
body[data-page="home"].prod-v215 .v26-layer p{margin-bottom:0}
body[data-page="home"].prod-v215 .v26-layer-grid{position:relative}
body[data-page="home"].prod-v215 .v26-layer-grid:before{
  content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;z-index:0;
  background:linear-gradient(90deg,rgba(13,102,220,.16),rgba(20,168,121,.16),rgba(32,183,231,.16),rgba(116,88,232,.16));
}
body[data-page="home"].prod-v215 .v26-layer{position:relative;z-index:1}
body[data-page="home"].prod-v215 .v26-platform-ai{
  animation:v215-float 5s ease-in-out infinite;
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;
}
body[data-page="home"].prod-v215 .v26-platform-ai:hover{filter:saturate(1.08);box-shadow:0 18px 42px rgba(116,88,232,.24)}
@keyframes v215-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* About — timeline and recognition receive clear but restrained interaction */
body[data-page="gioi-thieu"].prod-v215 .v26-time-row{position:relative}
body[data-page="gioi-thieu"].prod-v215 .v26-time-row:before{transition:transform .25s ease,box-shadow .25s ease}
body[data-page="gioi-thieu"].prod-v215 .v26-time-row:hover:before{transform:scale(1.12);box-shadow:0 0 0 6px rgba(32,183,231,.10)}
body[data-page="gioi-thieu"].prod-v215 .v26-award{box-shadow:0 14px 34px rgba(7,54,109,.08)}
body[data-page="gioi-thieu"].prod-v215 .v26-award:hover{box-shadow:0 22px 50px rgba(7,54,109,.13)}

/* Capabilities — lock map composition and make the core read as the anchor */
body[data-page="nang-luc"].prod-v215 .v26-capability-map{overflow:visible}
body[data-page="nang-luc"].prod-v215 .v26-capability-core{position:relative;isolation:isolate}
body[data-page="nang-luc"].prod-v215 .v26-capability-core:after{
  content:"";position:absolute;inset:-14px;border:1px solid rgba(32,183,231,.24);border-radius:inherit;z-index:-1;pointer-events:none;
}
body[data-page="nang-luc"].prod-v215 .v26-capability-item:hover{transform:translateY(-5px);box-shadow:var(--v215-shadow-hover)}

/* Solutions / IBOM — integration diagrams must never collide or overflow */
body.prod-v215 :is(.v26-integration-flow,.v26-group-architecture,.v26-product-stack){min-width:0}
body.prod-v215 .v26-integration-flow>*{min-width:0}
body.prod-v215 .v26-system,body.prod-v215 .v26-hub{overflow-wrap:anywhere}
body[data-page="ibom"].prod-v215 .v26-product-ai{box-shadow:0 12px 30px rgba(116,88,232,.15)}
body[data-page="ibom"].prod-v215 .v26-product-ai:hover{box-shadow:0 18px 40px rgba(116,88,232,.22)}
body[data-page="ibom"].prod-v215 .v26-module-light:hover{border-color:rgba(32,183,231,.42)}

/* Customers — maintain the agreed 4×3 logo wall on desktop */
body[data-page="khach-hang-du-an"].prod-v215 .v26-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
body[data-page="khach-hang-du-an"].prod-v215 .v26-logo-card{height:100%;display:grid;place-items:center}
body[data-page="khach-hang-du-an"].prod-v215 .v26-logo-card img{object-fit:contain;transition:transform .25s ease,filter .25s ease}
body[data-page="khach-hang-du-an"].prod-v215 .v26-logo-card:hover img{transform:scale(1.045)}
body[data-page="khach-hang-du-an"].prod-v215 .v26-featured-case{box-shadow:0 22px 54px rgba(7,54,109,.10)}

/* Implementation — keep the strongest page calm and precise */
body[data-page="trien-khai"].prod-v215 :is(.dp-step,.dp-success-item,.dp-team-item,.dp-tool){transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body[data-page="trien-khai"].prod-v215 :is(.dp-step,.dp-success-item,.dp-team-item,.dp-tool):hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(7,54,109,.10)}

/* Contact — action center and summary strip */
body[data-page="lien-he"].prod-v215 .v26-contact-panel{border-color:#bfdcf1;box-shadow:0 24px 58px rgba(7,54,109,.13)}
body[data-page="lien-he"].prod-v215 .v215-expert-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;margin:18px 0 16px}
body[data-page="lien-he"].prod-v215 .v215-expert-action{
  display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #d6e6f2;border-radius:12px;
  background:#fff;color:var(--v215-ink);font-weight:800;text-decoration:none;transition:.22s ease;
}
body[data-page="lien-he"].prod-v215 .v215-expert-action:hover{transform:translateY(-2px);border-color:#9ec9ea;box-shadow:0 10px 24px rgba(7,54,109,.09)}
body[data-page="lien-he"].prod-v215 .v215-expert-primary{grid-column:1/-1;background:linear-gradient(135deg,#0d66dc,#167ee8);border-color:transparent;color:#fff;box-shadow:0 12px 28px rgba(13,102,220,.22)}
body[data-page="lien-he"].prod-v215 .v215-contact-summary{background:#f7fbff;border-top:1px solid #e4eef6;border-bottom:1px solid #e4eef6}
body[data-page="lien-he"].prod-v215 .v215-contact-summary-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
body[data-page="lien-he"].prod-v215 .v215-contact-summary-item{padding:15px 20px;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}
body[data-page="lien-he"].prod-v215 .v215-contact-summary-item+ .v215-contact-summary-item{border-left:1px solid #dce9f3}
body[data-page="lien-he"].prod-v215 .v215-contact-summary-item b{font-size:12px;letter-spacing:.035em;text-transform:uppercase;color:#6b8095}
body[data-page="lien-he"].prod-v215 .v215-contact-summary-item :is(a,span){font-weight:800;color:#0b4f94;text-decoration:none;overflow-wrap:anywhere}
body[data-page="lien-he"].prod-v215 .v26-office{height:100%;box-shadow:0 12px 30px rgba(7,54,109,.07)}
body[data-page="lien-he"].prod-v215 .v26-office a{font-weight:800}

/* Responsive safeguards */
@media(max-width:1000px){
  body[data-page="khach-hang-du-an"].prod-v215 .v26-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-page="home"].prod-v215 .v26-layer-grid:before{display:none}
}
@media(max-width:760px){
  html{scroll-padding-top:90px}
  body[data-page="khach-hang-du-an"].prod-v215 .v26-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="lien-he"].prod-v215 .v215-contact-summary-inner{grid-template-columns:1fr}
  body[data-page="lien-he"].prod-v215 .v215-contact-summary-item{justify-content:flex-start;padding:12px 20px}
  body[data-page="lien-he"].prod-v215 .v215-contact-summary-item+ .v215-contact-summary-item{border-left:0;border-top:1px solid #dce9f3}
  body.prod-v215 .v26-integration-flow{gap:16px}
}
@media(max-width:480px){
  body[data-page="lien-he"].prod-v215 .v215-expert-actions{grid-template-columns:1fr}
  body[data-page="lien-he"].prod-v215 .v215-expert-primary{grid-column:auto}
  body[data-page="khach-hang-du-an"].prod-v215 .v26-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.prod-v215 :is(.v26-system,.v26-hub,.v26-company,.v26-module,.v26-card){max-width:100%}
}
@media(prefers-reduced-motion:reduce){
  body.prod-v215 *,body.prod-v215 *:before,body.prod-v215 *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* Featured BLUEMARQ case uses the real project visual */
body[data-page="khach-hang-du-an"].prod-v215 .v215-featured-case{
  grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.85fr);align-items:stretch;overflow:hidden;
  border-color:#b8d9f1;box-shadow:0 24px 56px rgba(7,54,109,.12)
}
body[data-page="khach-hang-du-an"].prod-v215 .v215-featured-case .v26-case-media{min-height:260px;height:100%}
body[data-page="khach-hang-du-an"].prod-v215 .v215-featured-case .v26-case-media img{width:100%;height:100%;object-fit:cover}
body[data-page="khach-hang-du-an"].prod-v215 .v215-featured-case .v26-case-body{display:flex;flex-direction:column;justify-content:center;padding:28px}
body[data-page="khach-hang-du-an"].prod-v215 .v215-featured-label{display:block;margin-bottom:8px;color:#0d66dc;font-size:11px;font-weight:900;letter-spacing:.08em}
@media(max-width:760px){
  body[data-page="khach-hang-du-an"].prod-v215 .v215-featured-case{grid-column:span 1;display:block}
  body[data-page="khach-hang-du-an"].prod-v215 .v215-featured-case .v26-case-media{min-height:210px}
  body[data-page="khach-hang-du-an"].prod-v215 .v215-featured-case .v26-case-body{padding:20px}
}