/* DLG final professional polish — preserves KINFOMEDIA visual system while removing UI clutter */
:root{--dlg-final-navy:#061d32;--dlg-final-navy2:#0a3453;--dlg-final-cyan:#36c8e5;--dlg-final-gold:#f5c84b;--dlg-final-ink:#07314d;--dlg-final-wa:#20c763;--dlg-final-call:#2478e8}

/* Header: transparent, larger logo; no boxed logo plate */
body.km-visual-refresh .dlg-global-header{background:linear-gradient(135deg,rgba(3,20,36,.985),rgba(5,43,67,.975))!important;border-bottom:1px solid rgba(72,197,223,.34)!important;box-shadow:0 8px 28px rgba(1,23,40,.18)!important}
body.km-visual-refresh .dlg-global-nav{width:min(1380px,calc(100% - 38px))!important;min-height:120px!important;gap:26px!important;padding:6px 0!important;flex-wrap:nowrap!important}
body.km-visual-refresh .dlg-global-brand{min-width:0!important;flex:0 0 auto!important;gap:0!important}
body.km-visual-refresh .kinfo-logo-plate.dlg-logo-transparent{width:clamp(340px,29vw,420px)!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
body.km-visual-refresh .kinfo-logo-plate.dlg-logo-transparent img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;object-position:left center!important;transform:none!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.24)) saturate(1.08) brightness(1.05)!important}
body.km-visual-refresh .dlg-global-menu{margin-left:auto!important;gap:4px!important;flex:0 1 auto!important;min-width:0!important;overflow:visible!important}
body.km-visual-refresh .dlg-global-menu>a,body.km-visual-refresh .dlg-global-menu>.km-services-dropdown,body.km-visual-refresh .dlg-global-menu .km-services-trigger{min-width:0!important;flex:0 0 auto!important;width:auto!important}
body.km-visual-refresh .dlg-global-menu a,body.km-visual-refresh .dlg-global-menu .km-services-trigger{min-height:42px!important;padding:10px 13px!important;border:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;color:#e9f8fb!important;font-size:.82rem!important;font-weight:800!important}
body.km-visual-refresh .dlg-global-menu a:hover,body.km-visual-refresh .dlg-global-menu .km-services-trigger:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
body.km-visual-refresh .dlg-global-menu a.active{background:transparent!important;color:#ffd55c!important;box-shadow:inset 0 -3px 0 #ffd55c!important;border-radius:0!important}
body.km-visual-refresh .dlg-global-menu a.active:after{display:none!important}

/* Strong brand recognition in the hero without another card */
.dlg-hero-brandline{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap;margin:0 0 10px;color:#fff;text-shadow:0 4px 16px rgba(0,12,30,.28)}
.dlg-hero-brandline strong{font:800 clamp(1.02rem,1.45vw,1.35rem)/1.1 'Plus Jakarta Sans',sans-serif;letter-spacing:.05em;color:#ffd15b}
.dlg-hero-brandline span{font:800 clamp(.72rem,.9vw,.86rem)/1.2 'DM Sans',sans-serif;color:#d9f8ff;letter-spacing:.035em}

/* Never expose placeholder/default sequence numbers as visual design */
.service-index,.case-top>b,.service-number{display:none!important}
.km-catalog-count{font-size:.68rem!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.home-industry-card>span:first-child:empty{display:none!important}

/* Open-layout polish: avoid a text-box-inside-a-box appearance */
body.km-visual-refresh .km-world-section{padding:clamp(70px,8vw,110px) 0!important;background:linear-gradient(135deg,rgba(10,135,158,.16),rgba(7,83,119,.08))!important}
body.km-visual-refresh .km-world-layout{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr)!important;align-items:center!important;gap:clamp(38px,6vw,78px)!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;backdrop-filter:none!important}
body.km-visual-refresh .km-world-copy{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.km-visual-refresh .km-world-copy h2{font-size:clamp(2.25rem,4vw,4rem)!important;line-height:1.06!important;letter-spacing:-.035em!important;margin:18px 0 20px!important}
body.km-visual-refresh .km-world-copy p{font-size:clamp(1rem,1.3vw,1.15rem)!important;line-height:1.8!important;max-width:650px!important}
body.km-visual-refresh .km-world-link{display:inline-flex!important;width:auto!important;margin-top:12px!important;border-radius:12px!important;padding:12px 17px!important}
body.km-visual-refresh .km-world-visual{padding:0!important;border:0!important;background:transparent!important;box-shadow:0 24px 60px rgba(3,63,93,.18)!important;border-radius:24px!important;overflow:hidden!important}
body.km-visual-refresh .km-world-visual img{display:block!important;width:100%!important;height:auto!important;transform:none!important;direction:ltr!important}

/* Cleaner cards: less glassy, more corporate */
body.km-visual-refresh .case-card,body.km-visual-refresh .km-method-card,body.km-visual-refresh .km-catalog-card,body.km-visual-refresh .home-industry-card{background:rgba(249,254,255,.94)!important;border:1px solid rgba(33,124,150,.15)!important;box-shadow:0 12px 32px rgba(6,77,102,.09)!important;backdrop-filter:none!important}
body.km-visual-refresh .case-card{padding-top:24px!important}
body.km-visual-refresh .case-top{min-height:22px!important;margin-bottom:10px!important}
body.km-visual-refresh .case-top span{color:#087d99!important;letter-spacing:.07em!important}
body.km-visual-refresh .service-row{box-shadow:0 14px 38px rgba(5,73,100,.10)!important;border:1px solid rgba(43,139,161,.16)!important}
body.km-visual-refresh .service-row .service-media img{transform:none!important;direction:ltr!important}
body.km-visual-refresh .km-v11-slide>img{transform:none!important;direction:ltr!important}

/* Fixed side contact actions */
.dlg-side-contact{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:4800;display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.dlg-side-btn{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 13px 8px 8px;border-radius:999px;text-decoration:none!important;color:#fff!important;font:800 .78rem 'DM Sans',sans-serif;box-shadow:0 14px 34px rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.28);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.dlg-side-btn:hover{transform:translateX(-4px);filter:brightness(1.06);box-shadow:0 18px 40px rgba(0,0,0,.24)}
.dlg-side-call{background:linear-gradient(135deg,#317fe7,#1b5ab5)}
.dlg-side-wa{background:linear-gradient(135deg,#2bd36f,#10984a)}
.dlg-side-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.17);font-weight:900;font-size:.78rem}
.dlg-side-label{padding-right:2px;white-space:nowrap}

/* Careers: richer content with open professional layout */
.dlg-career-open-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px}
.dlg-career-open-grid article{position:relative;padding:8px 4px 8px 28px;border-left:2px solid rgba(19,157,184,.35)}
.dlg-career-open-grid article h3{margin:7px 0 9px!important;font-size:1.18rem!important}
.dlg-career-open-grid article p{margin:0!important;line-height:1.7!important}
.dlg-career-icon{position:absolute;left:-7px;top:8px;color:#e4b43e;font-size:.8rem;background:#e9fbfd;padding:2px 0}
.dlg-career-fit{background:rgba(235,251,253,.55)!important}
.dlg-career-fit-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.dlg-career-fit-layout h2{font-size:clamp(2rem,3.5vw,3.3rem)!important;margin:14px 0!important}
.dlg-career-points{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px}
.dlg-career-points span{position:relative;padding:13px 14px 13px 38px;border-bottom:1px solid rgba(24,123,148,.18);font-weight:700;color:#154967}
.dlg-career-points span:before{content:'✓';position:absolute;left:10px;top:12px;color:#087f9c;font-weight:900}
.dlg-career-apply{padding-top:48px!important}
.dlg-career-apply-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:center;background:linear-gradient(135deg,#06304c,#0b5970)!important;border-radius:24px;padding:clamp(28px,4vw,52px)!important;box-shadow:0 20px 50px rgba(2,59,83,.20)}
.dlg-career-apply-inner h2,.dlg-career-apply-inner p{color:#fff!important}
.dlg-career-apply-inner p{opacity:.88}
.dlg-career-apply-actions{display:flex;flex-direction:column;gap:13px;align-items:stretch}
.dlg-career-apply-actions .btn{width:100%;justify-content:center}

/* Make careers hero actions career-specific, and keep all callouts tidy */
body.km-theme-careers .km-v11-service-chips{display:none!important}

@media(max-width:1150px){
 body.km-visual-refresh .dlg-global-nav{flex-wrap:wrap!important;min-height:unset!important;padding:8px 0!important;gap:8px 16px!important}
 body.km-visual-refresh .kinfo-logo-plate.dlg-logo-transparent{width:320px!important}
 body.km-visual-refresh .dlg-global-menu{order:3!important;width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;padding:3px 0 5px!important}
}
@media(max-width:840px){
 body.km-visual-refresh .km-world-layout{grid-template-columns:1fr!important;gap:30px!important}
 .dlg-career-open-grid{grid-template-columns:1fr 1fr}
 .dlg-career-fit-layout,.dlg-career-apply-inner{grid-template-columns:1fr!important;gap:28px!important}
 .dlg-side-contact{right:10px;top:auto;bottom:16px;transform:none;flex-direction:row;gap:8px}
 .dlg-side-btn{min-height:48px;padding:6px;border-radius:50%;width:48px;height:48px;justify-content:center}
 .dlg-side-label{display:none}
 .dlg-side-icon{width:34px;height:34px}
}
@media(max-width:580px){
 body.km-visual-refresh .dlg-global-nav{width:calc(100% - 20px)!important}
 body.km-visual-refresh .kinfo-logo-plate.dlg-logo-transparent{width:min(82vw,300px)!important}
 body.km-visual-refresh .kinfo-logo-plate.dlg-logo-transparent img{max-height:90px!important}
 .dlg-hero-brandline{display:grid;gap:5px;margin-bottom:12px}
 .dlg-career-open-grid,.dlg-career-points{grid-template-columns:1fr!important}
 .dlg-career-open-grid{gap:20px}
}


/* ===== DLG V3 responsive header, readable content and contact actions ===== */
:root{--dlg-header-h:92px}
body.km-visual-refresh .dlg-global-header{position:relative!important;z-index:5000!important}
body.km-visual-refresh .dlg-global-nav{position:relative!important;width:min(1420px,calc(100% - 34px))!important;min-height:var(--dlg-header-h)!important;height:var(--dlg-header-h)!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;flex-wrap:nowrap!important}
body.km-visual-refresh .dlg-global-brand{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important}
body.km-visual-refresh .kinfo-logo-plate.dlg-logo-transparent{width:clamp(330px,27vw,382px)!important;height:auto!important;max-height:82px!important;padding:0!important;margin:0!important}
body.km-visual-refresh .kinfo-logo-plate.dlg-logo-transparent img{width:100%!important;height:auto!important;max-height:82px!important;object-fit:contain!important;object-position:left center!important}
body.km-visual-refresh .dlg-global-menu{position:relative!important;margin:0 auto!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;overflow:visible!important}
body.km-visual-refresh .dlg-global-menu a,body.km-visual-refresh .dlg-global-menu .km-services-trigger{font-size:.81rem!important;padding:9px 12px!important;min-height:38px!important;white-space:nowrap!important}
body.km-visual-refresh .dlg-global-menu .km-chevron{display:inline-block!important;width:7px!important;height:7px!important;border-right:1.6px solid currentColor!important;border-bottom:1.6px solid currentColor!important;transform:rotate(45deg) translateY(-2px)!important;margin-left:5px!important}

/* Home hero video fills the right edge; no blank strip beside the playing video. */
body.km-theme-home .km-v11-video-layer{overflow:hidden!important;background:#00152a!important}
body.km-theme-home .km-v11-video{position:absolute!important;inset:-4%!important;width:108%!important;height:108%!important;object-fit:cover!important;object-position:center center!important;filter:saturate(1.16) blur(20px)!important;opacity:.55!important;transform:none!important}
body.km-theme-home .km-v11-video-focus{position:absolute!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;width:58%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;filter:drop-shadow(-18px 0 30px rgba(0,20,45,.18))!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 12%,#000 31%)!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 12%,#000 31%)!important}

/* No emoji-like decorative glyphs in careers. */
.dlg-career-icon{width:12px!important;height:12px!important;border-radius:50%!important;background:var(--dlg-final-gold)!important;padding:0!important;left:-7px!important;top:14px!important}
body.km-theme-careers .km-bubble-field{display:none!important}
body.km-theme-careers .dlg-career-values{background:linear-gradient(180deg,rgba(238,252,255,.96),rgba(219,246,250,.94))!important;padding-top:76px!important;padding-bottom:76px!important}
body.km-theme-careers .dlg-career-values .section-title h2,
body.km-theme-careers .dlg-career-values .section-title p,
body.km-theme-careers .dlg-career-values h3,
body.km-theme-careers .dlg-career-values article p{color:#07314d!important;opacity:1!important;text-shadow:none!important}
body.km-theme-careers .dlg-career-values .section-title p{max-width:860px!important;margin-left:auto!important;margin-right:auto!important}
body.km-theme-careers .dlg-career-open-grid article{background:rgba(255,255,255,.78)!important;border:1px solid rgba(20,120,150,.16)!important;border-left:3px solid #2ca7bd!important;border-radius:16px!important;padding:22px 20px 22px 28px!important;box-shadow:0 10px 28px rgba(6,77,102,.08)!important}
body.km-theme-careers .dlg-career-fit{background:rgba(248,254,255,.93)!important}
body.km-theme-careers .dlg-career-fit h2,body.km-theme-careers .dlg-career-fit p,body.km-theme-careers .dlg-career-points span{color:#07314d!important;opacity:1!important}
body.km-theme-careers .dlg-career-apply{background:linear-gradient(180deg,rgba(228,248,251,.92),rgba(245,253,255,.96))!important;padding:64px 0!important}
body.km-theme-careers .dlg-career-apply-inner h2,body.km-theme-careers .dlg-career-apply-inner p,body.km-theme-careers .dlg-career-apply-inner .section-kicker{color:#fff!important;opacity:1!important;text-shadow:none!important}
body.km-theme-careers .dlg-career-apply-inner .section-kicker{color:#ffd56b!important}

/* Compact circular quick-contact logos with pulse/wave rings. */
.dlg-side-contact{right:18px!important;top:54%!important;gap:18px!important;align-items:center!important}
.dlg-side-btn{position:relative!important;width:54px!important;height:54px!important;min-height:54px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;overflow:visible!important;box-shadow:0 12px 28px rgba(0,0,0,.22)!important}
.dlg-side-btn::before,.dlg-side-btn::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px solid currentColor;opacity:.42;animation:dlgPulseRing 2.4s ease-out infinite;pointer-events:none}
.dlg-side-btn::after{inset:-14px;animation-delay:.8s;opacity:.22}
.dlg-side-call{color:#4d9aff!important;background:linear-gradient(145deg,#1768d4,#2e8bff)!important}
.dlg-side-wa{color:#42df82!important;background:linear-gradient(145deg,#13a94f,#27d66d)!important}
.dlg-side-icon{width:24px!important;height:24px!important;background:transparent!important;display:grid!important;place-items:center!important;color:#fff!important}
.dlg-side-icon svg{width:24px!important;height:24px!important;fill:currentColor!important;display:block!important}
@keyframes dlgPulseRing{0%{transform:scale(.78);opacity:.52}70%,100%{transform:scale(1.22);opacity:0}}
@media(prefers-reduced-motion:reduce){.dlg-side-btn::before,.dlg-side-btn::after{animation:none!important}}

/* General responsive safeguards. */
body.km-visual-refresh img,body.km-visual-refresh video{max-width:100%}
body.km-visual-refresh .wrap{width:min(1180px,calc(100% - 36px))!important}
body.km-visual-refresh .section-title p{max-width:860px;margin-left:auto;margin-right:auto}

@media(max-width:1180px){
 :root{--dlg-header-h:auto}
 body.km-visual-refresh .dlg-global-nav{height:auto!important;min-height:0!important;padding:8px 0 10px!important;display:flex!important;flex-direction:column!important;gap:4px!important}
 body.km-visual-refresh .dlg-global-brand{position:static!important;transform:none!important;align-self:center!important}
 body.km-visual-refresh .kinfo-logo-plate.dlg-logo-transparent{width:350px!important;max-width:78vw!important;max-height:74px!important}
 body.km-visual-refresh .kinfo-logo-plate.dlg-logo-transparent img{max-height:74px!important}
 body.km-visual-refresh .dlg-global-menu{width:min(760px,100%)!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:2px!important;justify-content:center!important;overflow:visible!important}
 body.km-visual-refresh .dlg-global-menu>a,body.km-visual-refresh .dlg-global-menu>.km-services-dropdown{width:100%!important;min-width:0!important}
 body.km-visual-refresh .dlg-global-menu a,body.km-visual-refresh .dlg-global-menu .km-services-trigger{width:100%!important;justify-content:center!important;padding:8px 7px!important;font-size:.76rem!important}
}
@media(max-width:760px){
 body.km-visual-refresh .dlg-global-nav{width:calc(100% - 18px)!important;padding:6px 0 8px!important}
 body.km-visual-refresh .kinfo-logo-plate.dlg-logo-transparent{width:315px!important;max-width:92vw!important;max-height:66px!important}
 body.km-visual-refresh .kinfo-logo-plate.dlg-logo-transparent img{max-height:66px!important}
 body.km-visual-refresh .dlg-global-menu{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important}
 body.km-visual-refresh .dlg-global-menu a,body.km-visual-refresh .dlg-global-menu .km-services-trigger{font-size:.72rem!important;min-height:34px!important;padding:7px 5px!important}
 body.km-visual-refresh .km-services-submenu{min-width:210px!important;z-index:6000!important}
 body.km-theme-home .km-v11-video-focus{right:0!important;width:100%!important;height:48%!important;top:auto!important;bottom:0!important;object-fit:cover!important;-webkit-mask-image:linear-gradient(0deg,#000 0%,#000 68%,transparent 100%)!important;mask-image:linear-gradient(0deg,#000 0%,#000 68%,transparent 100%)!important}
 body.km-visual-refresh .km-v11-hero{min-height:720px!important;padding-top:42px!important;padding-bottom:190px!important}
 body.km-visual-refresh .km-v11-content{padding:0 16px!important}
 body.km-visual-refresh .km-v11-copy{max-width:100%!important}
 body.km-visual-refresh .km-v11-copy h1{font-size:clamp(2rem,10vw,3rem)!important}
 body.km-visual-refresh .hero-sub{font-size:.96rem!important;line-height:1.65!important}
 body.km-visual-refresh .km-v11-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;max-width:360px!important}
 body.km-visual-refresh .km-v11-actions .btn{width:100%!important;justify-content:center!important}
 .dlg-career-open-grid{grid-template-columns:1fr!important;gap:14px!important}
 .dlg-career-points{grid-template-columns:1fr!important}
 .dlg-side-contact{right:12px!important;top:auto!important;bottom:14px!important;transform:none!important;flex-direction:row!important;gap:12px!important}
 .dlg-side-btn{width:48px!important;height:48px!important;min-height:48px!important}
 .dlg-side-icon,.dlg-side-icon svg{width:22px!important;height:22px!important}
}
@media(max-width:430px){
 body.km-visual-refresh .wrap{width:calc(100% - 24px)!important}
 body.km-visual-refresh .kinfo-logo-plate.dlg-logo-transparent{width:285px!important}
 body.km-visual-refresh .dlg-global-menu a,body.km-visual-refresh .dlg-global-menu .km-services-trigger{font-size:.68rem!important;padding:6px 3px!important}
 body.km-visual-refresh .km-v11-hero{min-height:690px!important}
}