/* KINFOMEDIA V11 — cohesive underwater-glass design, intentional foreground contrast */
:root{--v11-ink:#082b45;--v11-copy:#234c64;--v11-sea:#00adc5;--v11-gold:#c18428;--v11-light:rgba(244,253,255,.89)}
html{scroll-behavior:smooth}
body.km-visual-refresh{background:linear-gradient(160deg,#116a90 0%,#1c9dba 19%,#39c3cc 46%,#288dab 71%,#0b668a 100%)!important;color:var(--v11-ink)!important;position:relative;min-height:100vh;overflow-x:hidden}
body.km-visual-refresh::before{content:"";position:fixed;inset:-30%;pointer-events:none;z-index:0;opacity:.37;background:repeating-conic-gradient(from 36deg at 49% 44%,rgba(244,255,255,.28) 0deg 4deg,transparent 6deg 22deg,rgba(7,81,110,.15) 23deg 25deg,transparent 27deg 51deg);filter:blur(42px);animation:kmV11Caustics 27s ease-in-out infinite alternate}
body.km-visual-refresh::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.58;background:radial-gradient(ellipse at 72% 15%,rgba(170,248,255,.50),transparent 42%),radial-gradient(ellipse at 18% 78%,rgba(6,93,151,.25),transparent 43%);animation:kmV11WaterGlow 16s ease-in-out infinite alternate}
@keyframes kmV11Caustics{0%{transform:translate(-6%,0) rotate(-7deg) scale(.96)}100%{transform:translate(6%,3%) rotate(11deg) scale(1.08)}}
@keyframes kmV11WaterGlow{0%{transform:translateY(0) scale(1)}100%{transform:translateY(-28px) scale(1.05)}}
body.km-theme-home{--water-shadow:#1e6aab}body.km-theme-it{--water-shadow:#148a98}body.km-theme-digital{--water-shadow:#368bac}body.km-theme-ai{--water-shadow:#687eae}body.km-theme-blog{--water-shadow:#558dab}body.km-theme-industries,body.km-theme-industry-detail{--water-shadow:#168c9e}
.km-bubble-field{z-index:0!important;position:fixed;inset:0;pointer-events:none;overflow:hidden}
.km-bubble-field span{opacity:1!important;mix-blend-mode:normal!important;border-radius:50%!important;border:1.7px solid rgba(237,254,255,.7)!important;background:radial-gradient(circle at 26% 20%,rgba(255,255,255,.9) 0 4%,transparent 12%),radial-gradient(circle at 72% 84%,rgba(2,101,155,.12),transparent 36%),radial-gradient(circle at 48% 46%,rgba(239,254,255,0) 0 50%,rgba(208,250,255,.27) 72%,rgba(255,255,255,.52) 100%)!important;box-shadow:inset 3px 3px 8px rgba(255,255,255,.42),inset -4px -5px 10px rgba(0,106,152,.22),0 0 12px rgba(221,252,255,.08)!important;backdrop-filter:blur(.6px)!important;animation:kmV11Rise var(--dur,8s) linear infinite!important}
@keyframes kmV11Rise{0%{transform:translate3d(0,130px,0) scale(.82);opacity:0}10%{opacity:.63}70%{opacity:.75}100%{transform:translate3d(var(--drift,25px),-115vh,0) scale(1.15);opacity:0}}
@media(prefers-reduced-motion:reduce){body.km-visual-refresh::before,body.km-visual-refresh::after,.km-bubble-field span{animation:none!important}}
main,.dlg-footer,.dlg-global-header{position:relative;z-index:1}

/* 01 / NAVIGATION — clean equal-height translucent pills, selected label visible */
body.km-visual-refresh .dlg-global-header{background:rgba(7,51,78,.83)!important;backdrop-filter:blur(18px)!important;box-shadow:0 12px 36px rgba(0,44,70,.2)!important;position:sticky;top:0;z-index:9000;border:0!important}
body.km-visual-refresh .dlg-global-header::after{height:2px;background:linear-gradient(90deg,#91ecfb,#b8fff0,#e9c38a,#91ecfb)}
body.km-visual-refresh .dlg-global-nav{max-width:1380px;padding:10px 18px!important;gap:clamp(12px,1.4vw,20px)!important;display:flex;align-items:center;justify-content:space-between;overflow:visible!important}
body.km-visual-refresh .dlg-global-brand{flex:0 0 auto}
body.km-visual-refresh .kinfo-logo-plate{background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.3);width:192px;height:57px;box-shadow:0 5px 26px rgba(0,25,45,.18)}
body.km-visual-refresh .dlg-global-menu{display:flex;align-items:center;justify-content:center;gap:8px!important;flex:1 1 auto;flex-wrap:nowrap!important;width:auto!important;overflow:visible!important;padding:0!important;order:unset!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{flex:1 1 0;min-width:94px!important;max-width:140px;box-sizing:border-box}
body.km-visual-refresh .dlg-global-menu a,body.km-visual-refresh .dlg-global-menu .km-services-trigger,body.km-visual-refresh .dlg-global-team{display:flex;align-items:center;justify-content:center!important;min-height:44px!important;padding:10px 12px!important;width:100%;border:1px solid rgba(225,252,255,.18)!important;border-radius:999px!important;background:linear-gradient(170deg,rgba(224,251,255,.16),rgba(184,236,254,.065))!important;color:#f0fdff!important;text-align:center;font:700 .82rem/1.2 'DM Sans',sans-serif!important;text-decoration:none!important;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;opacity:1!important;transform:none;transition:background .2s ease,box-shadow .2s ease,border .2s ease!important}
body.km-visual-refresh .dlg-global-menu a:hover,body.km-visual-refresh .dlg-global-menu a.active,body.km-visual-refresh .dlg-global-menu .km-services-trigger:hover,body.km-visual-refresh .dlg-global-menu .km-services-dropdown.is-current .km-services-trigger,body.km-visual-refresh .dlg-global-menu .km-services-dropdown.is-open .km-services-trigger{background:linear-gradient(140deg,rgba(114,235,251,.36),rgba(221,248,255,.20))!important;color:#fff!important;border-color:rgba(238,254,255,.40)!important;box-shadow:0 0 0 1px rgba(213,248,255,.10),0 10px 23px rgba(0,20,40,.13)!important}
body.km-visual-refresh .dlg-global-menu .km-services-trigger::after{content:'●';color:#81ebf8;font-size:8px;line-height:1;margin-left:5px}
body.km-visual-refresh .dlg-global-menu .km-services-submenu{width:230px;min-width:220px;padding:10px;background:rgba(4,57,88,.96)!important;border:1px solid rgba(179,242,250,.35)!important;border-radius:17px;box-shadow:0 19px 45px rgba(0,25,50,.3)!important;z-index:9999}
body.km-visual-refresh .dlg-global-menu .km-services-submenu a{max-width:none!important;color:#f1fcff!important;background:transparent!important;justify-content:flex-start!important;text-align:left!important;min-height:42px!important}
body.km-visual-refresh .dlg-global-menu .km-services-submenu a:hover,body.km-visual-refresh .dlg-global-menu .km-services-submenu a.active{background:rgba(115,231,245,.22)!important;color:#fff!important}
body.km-visual-refresh .dlg-global-team{flex:0 0 auto;width:auto!important;min-width:164px!important;color:#fff!important;background:rgba(81,200,224,.27)!important}
@media(max-width:1250px){body.km-visual-refresh .dlg-global-nav{flex-wrap:wrap!important}body.km-visual-refresh .dlg-global-menu{flex-basis:100%;order:3!important;justify-content:center!important}body.km-visual-refresh .dlg-global-menu>a,body.km-visual-refresh .dlg-global-menu>.km-services-dropdown{flex:0 1 148px;max-width:158px}}
@media(max-width:740px){body.km-visual-refresh .dlg-global-nav{padding:10px 12px!important}body.km-visual-refresh .kinfo-logo-plate{width:158px;height:47px}body.km-visual-refresh .dlg-global-team{min-width:0!important;padding:9px 12px!important;font-size:.72rem!important}body.km-visual-refresh .dlg-global-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:6px!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;max-width:none!important;width:100%!important;justify-content:center!important;font-size:.74rem!important}body.km-visual-refresh .dlg-global-menu .km-services-submenu{left:0!important} }

/* 02 / FULL BLEED HERO — imagery spans entire header; readable text on its own shade */
body.km-visual-refresh .km-v11-hero{position:relative;isolation:isolate;overflow:hidden;margin:0;background:#031e38;color:#fff;min-height:clamp(680px,65vw,825px);display:flex;align-items:center;padding:clamp(60px,8vw,114px) 0 74px;border:0}
body.km-visual-refresh .km-v11-hero .km-v11-media,.km-v11-shade{position:absolute;inset:0;pointer-events:none}
.km-v11-media{z-index:0;background:#072742}
.km-v11-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;overflow:hidden;transform:translateZ(0)}
.km-v11-slide.is-active{opacity:1}
.km-v11-slide>img,.km-v11-slide>video{display:block;position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center center}
.km-v11-video-layer{background:#000e21}
.km-v11-video{filter:saturate(1.22) blur(22px);opacity:.45;transform:scale(1.28)}
.km-v11-video-focus{left:auto!important;right:6%!important;width:48%!important;height:100%;object-fit:cover!important;object-position:center;filter:drop-shadow(0 0 28px rgba(55,216,255,.20))}
.km-v11-shade{z-index:1;background:linear-gradient(90deg,rgba(0,19,39,.95) 0%,rgba(0,24,49,.9) 27%,rgba(0,26,49,.68) 44%,rgba(2,23,49,.12) 80%,rgba(0,16,37,.10) 100%),linear-gradient(0deg,rgba(0,13,32,.5),transparent 36%)}
.km-v11-content{position:relative;z-index:2;width:100%;max-width:1370px;display:flex;align-items:center}
.km-v11-copy{max-width:740px;padding:24px 0 0}
.km-v11-eyebrow{display:inline-flex;align-items:center;gap:12px;color:#aaf6fa!important;font-size:clamp(.73rem,1vw,.87rem);font-weight:800;letter-spacing:.13em;line-height:1.5}
.km-v11-eyebrow::before{content:'';display:inline-block;width:26px;height:2px;background:#ffcb7c}
body.km-visual-refresh .km-v11-hero h1{color:#fff!important;font:800 clamp(2.85rem,4.1vw,5rem)/1.09 'Plus Jakarta Sans',sans-serif!important;letter-spacing:-.04em!important;text-wrap:balance;max-width:790px;margin:21px 0 20px!important;text-shadow:0 6px 25px rgba(0,10,23,.24)}
body.km-visual-refresh .km-v11-hero h1 em,body.km-visual-refresh .km-v11-hero h1 span{font-style:normal;background:linear-gradient(100deg,#ffdf96,#94eff0);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.km-visual-refresh .km-v11-hero p{font-size:clamp(.99rem,1.25vw,1.14rem);line-height:1.78;color:#e1f1fa!important;max-width:650px;margin:0 0 25px!important}
.km-v11-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:21px!important}
.km-v11-actions .btn{min-height:54px;padding:12px 20px!important;border-radius:13px!important;box-shadow:0 15px 35px rgba(0,8,22,.18)!important}
.km-v11-actions .btn-primary-cta{background:linear-gradient(135deg,#f9ce82,#ffc16a)!important;border:1px solid #f5d69e!important;color:#06273b!important}
.km-v11-actions .btn-outline-premium{background:rgba(183,242,249,.11)!important;color:#f7ffff!important;border:1px solid rgba(188,246,251,.56)!important}
.km-v11-actions .btn-copy,.km-v11-actions .btn-copy b,.km-v11-actions .btn-copy small{color:inherit!important}
.km-v11-service-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.km-v11-service-chips a{text-decoration:none;padding:9px 15px;border-radius:999px;border:1px solid rgba(201,247,255,.32);background:rgba(20,95,127,.30);backdrop-filter:blur(9px);color:#dcfaff;font-weight:700;font-size:.78rem;transition:background .2s ease,transform .2s ease}
.km-v11-service-chips a:hover{background:rgba(68,196,222,.41);transform:translateY(-2px)}
.km-v11-controls{position:absolute;z-index:4;right:clamp(20px,4vw,72px);bottom:34px;display:flex;gap:12px;align-items:center}
.km-v11-arrow{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;cursor:pointer;background:rgba(2,28,50,.64);color:#fff;font-size:24px;border:1px solid rgba(219,252,255,.45);backdrop-filter:blur(12px)}
.km-v11-arrow:hover{background:rgba(56,167,193,.75)}
.km-v11-dots{display:flex;gap:9px;padding:12px 15px;background:rgba(0,31,53,.55);border-radius:100px;border:1px solid rgba(215,249,255,.2);backdrop-filter:blur(10px)}
.km-v11-dot{width:10px;height:10px;border-radius:50%;padding:0;cursor:pointer;border:0;background:rgba(255,255,255,.45);transition:background .3s ease,width .3s ease}
.km-v11-dot.is-active{width:28px;border-radius:15px;background:linear-gradient(90deg,#ffd17d,#8ee8f3)}
@media(max-width:1000px){body.km-visual-refresh .km-v11-hero{min-height:720px}.km-v11-shade{background:linear-gradient(90deg,rgba(0,19,38,.96),rgba(0,25,49,.77) 54%,rgba(0,21,43,.27))}.km-v11-copy{max-width:650px}}
@media(max-width:690px){body.km-visual-refresh .km-v11-hero{min-height:780px;align-items:flex-start;padding:54px 0 240px}.km-v11-content{padding:0 22px}.km-v11-copy{padding:0}.km-v11-shade{background:linear-gradient(180deg,rgba(0,16,34,.98),rgba(0,19,39,.89) 60%,rgba(0,20,42,.25) 86%,rgba(0,17,38,.22))}.km-v11-slide>img{object-fit:contain;object-position:center bottom}.km-v11-video-focus{right:0!important;width:100%!important;height:55%!important;top:auto!important;bottom:0!important;object-fit:contain!important}.km-v11-video{transform:scale(1.6)}body.km-visual-refresh .km-v11-hero h1{font-size:clamp(2.18rem,9.8vw,3.5rem)!important;line-height:1.14!important}.km-v11-controls{bottom:12px;right:14px}.km-v11-service-chips{gap:7px}.km-v11-service-chips a{font-size:.72rem;padding:8px 10px}.km-v11-actions .btn{min-height:46px}}

/* 03 / CONTENT — saturated water behind high-contrast ivory glass panels */
body.km-visual-refresh main>section:not(.km-v11-hero){position:relative;background:transparent!important;color:var(--v11-ink)!important}
body.km-visual-refresh main>section:not(.km-v11-hero) .wrap{position:relative;z-index:1}
body.km-visual-refresh .section-title h2,body.km-visual-refresh main>section:not(.km-v11-hero) h2,body.km-visual-refresh main>section:not(.km-v11-hero) h3{color:#052e4b!important}
body.km-visual-refresh .section-title p,body.km-visual-refresh main>section:not(.km-v11-hero) p{color:#244d66!important}
body.km-visual-refresh .section-kicker,body.km-visual-refresh .section-kicker.gold{color:#004b73!important}
body.km-visual-refresh main>section:not(.km-v11-hero) li{color:#174360!important}
body.km-visual-refresh .service-row,body.km-visual-refresh .km-catalog-card,body.km-visual-refresh .case-card,body.km-visual-refresh .km-method-card,body.km-visual-refresh .km-sector-card,body.km-visual-refresh .home-industry-card,body.km-visual-refresh .km-division-card,body.km-visual-refresh .km-detail-intro article,body.km-visual-refresh .km-industry-services article,body.km-visual-refresh .contact-panel,body.km-visual-refresh .km-faq,body.km-visual-refresh .channel-card,body.km-visual-refresh .contact-btn,body.km-visual-refresh .dlg-lead-form,body.km-visual-refresh .job-card,body.km-visual-refresh .blog-card,body.km-visual-refresh .km-world-visual{background:linear-gradient(145deg,rgba(246,254,255,.92),rgba(217,246,250,.82))!important;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 18px 46px rgba(5,76,100,.18),inset 0 1px 0 rgba(255,255,255,.75)!important;color:var(--v11-ink)!important}
body.km-visual-refresh .service-row:nth-child(3n+2),body.km-visual-refresh .km-catalog-card:nth-child(3n+2),body.km-visual-refresh .case-card:nth-child(3n+2){border-top:4px solid #18a6b6!important}
body.km-visual-refresh .service-row:nth-child(3n+3),body.km-visual-refresh .km-catalog-card:nth-child(3n+3),body.km-visual-refresh .case-card:nth-child(3n+3){border-top:4px solid #c89036!important}
body.km-visual-refresh .service-row .service-copy{background:transparent!important;color:#153c53!important}
body.km-visual-refresh .service-row .service-media{background:linear-gradient(145deg,#0b4d74,#137e97)!important}
body.km-visual-refresh .service-row .service-copy h3,body.km-visual-refresh .km-catalog-card h3,body.km-visual-refresh .case-card h3,body.km-visual-refresh .km-method-card h3{color:#0b3550!important}
body.km-visual-refresh .service-row .service-copy p,body.km-visual-refresh .km-catalog-card p,body.km-visual-refresh .case-card p,body.km-visual-refresh .km-method-card p,body.km-visual-refresh .km-sector-card p,body.km-visual-refresh .home-industry-card p{color:#315771!important}
body.km-visual-refresh .service-points span{color:#1a4963!important}
body.km-visual-refresh .km-catalog-card li:before{color:#098eaa!important}
body.km-visual-refresh .km-world-section{background:rgba(4,72,109,.22)!important}
body.km-visual-refresh .km-world-copy h2{color:#052d48!important}
body.km-visual-refresh .km-world-copy p{color:#244d66!important}
body.km-visual-refresh .km-world-layout{background:linear-gradient(130deg,rgba(242,253,255,.78),rgba(205,246,253,.70));border-radius:28px;padding:28px!important}
body.km-visual-refresh .km-world-visual{padding:7px!important}
body.km-visual-refresh .km-world-link,body.km-visual-refresh .btn-outline-premium{background:#d8f7fc!important;color:#0a3a57!important;border:1px solid #83bccc!important}
body.km-visual-refresh .km-method-card>span,body.km-visual-refresh .km-division-card>span{color:#0086a6!important}
body.km-visual-refresh .contact-copy h2,body.km-visual-refresh .contact-copy p{color:#083551!important;text-shadow:none!important}
body.km-visual-refresh .contact-trust span{color:#1f5069!important}
body.km-visual-refresh .contact-trust span:before{background:#15a0b7!important}
body.km-visual-refresh .dlg-form-title b{color:#0b3652!important}
body.km-visual-refresh .dlg-form-title span{color:#007b9b!important}
body.km-visual-refresh .dlg-form-field label{color:#124867!important;font-weight:800!important}
body.km-visual-refresh .dlg-form-field input,body.km-visual-refresh .dlg-form-field select,body.km-visual-refresh .dlg-form-field textarea,body.km-visual-refresh .dlg-lead-form input,body.km-visual-refresh .dlg-lead-form select,body.km-visual-refresh .dlg-lead-form textarea{background:rgba(255,255,255,.94)!important;border:1px solid #a7d1dc!important;color:#0c3450!important;box-shadow:none!important}
body.km-visual-refresh input::placeholder,body.km-visual-refresh textarea::placeholder{color:#5c7888!important;opacity:1!important}
body.km-visual-refresh .dlg-form-privacy,body.km-visual-refresh .km-contact-note{color:#305c71!important}
body.km-visual-refresh .dlg-form-submit,body.km-visual-refresh .btn-primary-cta{background:linear-gradient(135deg,#ffda8d,#ffc16e)!important;color:#082e4a!important;border:1px solid #dfa85f!important}
body.km-visual-refresh .channel-card .contact-text b,body.km-visual-refresh .channel-card .contact-text em,body.km-visual-refresh .channel-card .contact-text small{color:#164966!important}
body.km-visual-refresh .km-faq summary{color:#082f4f!important}
body.km-visual-refresh .km-faq p{color:#244e68!important}
body.km-visual-refresh .dlg-footer{background:rgba(5,50,76,.87)!important;border-top:1px solid rgba(213,250,255,.28)!important}
body.km-visual-refresh .dlg-footer *{color:#e9fdff!important}
body.km-visual-refresh .dlg-footer-contact a{color:#a6eff9!important}
/* Avoid forcing paragraph contrast on dark, otherwise-untouched micro-elements */
body.km-visual-refresh main>section:not(.km-v11-hero) .service-label,body.km-visual-refresh .service-index{color:#16819b!important}
@media(max-width:780px){body.km-visual-refresh .contact-panel{padding:24px!important}body.km-visual-refresh .km-world-layout{padding:18px!important}}
/* Final contrast safeguards: no white copy on pale glass controls */
body.km-visual-refresh .km-v11-actions .btn-outline-premium,
body.km-visual-refresh .km-v11-actions .btn-outline-premium:hover{background:rgba(5,45,70,.80)!important;border:1px solid rgba(194,247,255,.55)!important;color:#fff!important}
body.km-visual-refresh .km-v11-actions .btn-outline-premium .btn-copy,
body.km-visual-refresh .km-v11-actions .btn-outline-premium .btn-copy b,
body.km-visual-refresh .km-v11-actions .btn-outline-premium .btn-copy small{color:#f8feff!important}
body.km-visual-refresh .km-v11-actions .btn-primary-cta .btn-copy,
body.km-visual-refresh .km-v11-actions .btn-primary-cta .btn-copy b,
body.km-visual-refresh .km-v11-actions .btn-primary-cta .btn-copy small{color:#072e47!important}
@media(min-width:1251px){
 body.km-visual-refresh .dlg-global-menu>a,
 body.km-visual-refresh .dlg-global-menu>.km-services-dropdown{min-width:125px!important;flex:1 1 125px!important}
 body.km-visual-refresh .dlg-global-menu .km-services-trigger{max-width:none!important;min-width:0!important}
}
@media(max-width:740px){
 body.km-visual-refresh .dlg-global-menu>.km-services-dropdown{width:100%!important;min-width:0!important;max-width:none!important;display:flex!important}
 body.km-visual-refresh .dlg-global-menu .km-services-trigger{min-width:0!important;width:100%!important;max-width:none!important;background:rgba(216,251,255,.16)!important}
}
/* Video portrait-to-landscape blend: dissolve the join rather than showing a hard vertical seam */
.km-v11-video-focus{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 18%,#000 42%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 18%,#000 42%)}
@media(max-width:690px){.km-v11-video-focus{-webkit-mask-image:linear-gradient(0deg,#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(0deg,#000 0%,#000 72%,transparent 100%)}}