/* KitzLabs V11 — transparent header navigation + one universal AI explanation.
   Design tokens from the existing KitzLabs dark navy / ice blue / violet system.
   Header backdrop is unchanged. Only the pill behind the navigation labels is removed. */

/* Desktop: no filled pill, gradients, blur layer or box behind NAVIGATION TEXT. */
@media(min-width:901px){
  body.kl9-site header.kitz-global-header .kitz-header-nav,
  body.kl9-site header.kitz-global-header nav.kitz-header-nav {
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-color:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    padding:0!important;
    border-radius:0!important;
  }
  body.kl9-site header.kitz-global-header .kitz-header-nav::before,
  body.kl9-site header.kitz-global-header .kitz-header-nav::after {
    content:none!important;
    display:none!important;
  }
  body.kl9-site header.kitz-global-header .kitz-header-nav>a,
  body.kl9-site header.kitz-global-header .kitz-header-nav>a:hover,
  body.kl9-site header.kitz-global-header .kitz-header-nav>a:focus-visible,
  body.kl9-site header.kitz-global-header .kitz-header-nav>a[aria-current="page"] {
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body.kl9-site header.kitz-global-header .kitz-header-nav>a {
    color:#d8e8fb!important;
    font-weight:650!important;
    letter-spacing:-.01em;
  }
  body.kl9-site header.kitz-global-header .kitz-header-nav>a:is(:hover,:focus-visible,[aria-current="page"]) {
    color:#9aeaff!important;
  }
}
/* The mobile dropdown deliberately retains its backdrop for readability. */

/* Universal business explainer (homepage DE, EN, HI). No invented performance numbers. */
.kl11-explain{
  --kl11-fg:#f6faff;
  --kl11-muted:#bbcee7;
  --kl11-cyan:#81e4ff;
  --kl11-blue:#5bafff;
  --kl11-purple:#ab8cff;
  --kl11-line:rgba(132,190,254,.25);
  --kl11-panel:rgba(13,32,62,.85);
  position:relative;isolation:isolate;box-sizing:border-box;
  width:100%;min-width:0;overflow:hidden;
  margin:clamp(20px,2.4vw,34px) auto!important;
  padding:clamp(24px,4.2vw,63px)!important;
  border-radius:25px;border:1px solid rgba(140,205,255,.27);
  color:var(--kl11-fg);
  background:
    radial-gradient(ellipse at 93% 9%,rgba(77,87,216,.17),transparent 43%),
    radial-gradient(ellipse at 4% 80%,rgba(23,138,190,.11),transparent 54%),
    linear-gradient(135deg,#07182d 0%,#101f3b 51%,#0b1b32 100%);
  box-shadow:0 26px 75px rgba(0,6,23,.21);
}
.kl11-explain *, .kl11-explain *::before,.kl11-explain *::after{box-sizing:border-box}
.kl11-explain :is(h2,h3,h4,p){margin:0}
.kl11-explain :is(h2,h3,h4,strong){color:#f7fbff;text-wrap:balance;hyphens:none;overflow-wrap:normal;word-break:normal}
.kl11-explain :is(p,small,li){color:var(--kl11-muted);line-height:1.67}
.kl11-top{display:flex;align-items:end;justify-content:space-between;gap:clamp(20px,4vw,70px);margin-bottom:25px}
.kl11-top-copy{max-width:820px;min-width:0}
.kl11-overline{display:inline-block;margin:0 0 13px;color:#8eddf9;font:770 .68rem/1.5 "Sora",system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.kl11-top h2{max-width:21ch;font:740 clamp(1.95rem,3.1vw,3.2rem)/1.12 "Sora",system-ui,sans-serif!important;letter-spacing:-.049em!important}
.kl11-top h2 em{font-style:normal;background:linear-gradient(100deg,#6ee0ff,#8f9aff 59%,#e08afa);background-clip:text;-webkit-background-clip:text;color:transparent}
.kl11-top-copy>p{font:400 clamp(.85rem,1vw,.98rem)/1.73 "Sora",system-ui,sans-serif!important;margin:16px 0 0!important;max-width:68ch}
.kl11-top-note{max-width:260px;flex:0 0 245px;display:grid;gap:7px;align-items:start;border-left:2px solid #72c9f0;padding:0 0 0 18px}
.kl11-top-note strong{font:740 .81rem/1.5 "Sora",system-ui,sans-serif}
.kl11-top-note span{font:450 .72rem/1.65 "Sora",system-ui,sans-serif;color:#9fb9d8}
.kl11-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:17px}
.kl11-tabs button{display:flex;align-items:center;gap:13px;text-align:left;min-width:0;min-height:79px;
  padding:9px 13px 9px 9px;cursor:pointer;color:#dbeafe;background:rgba(19,45,81,.62);
  border:1px solid var(--kl11-line);border-radius:13px;
  font:740 .84rem/1.35 "Sora",system-ui,sans-serif;transition:transform .23s,border-color .23s,background .23s,box-shadow .23s}
.kl11-tabs button:hover{transform:translateY(-2px);border-color:rgba(114,221,255,.65);background:rgba(28,60,104,.85)}
.kl11-tabs button[aria-selected="true"]{background:linear-gradient(130deg,rgba(42,92,139,.88),rgba(45,52,115,.8));border-color:#8adffe;box-shadow:0 8px 31px rgba(18,104,190,.13)}
.kl11-tabs button:focus-visible{outline:2px solid #7be2ff!important;outline-offset:3px!important}
.kl11-tabs button img{width:59px;height:56px;flex:none;object-fit:cover;object-position:center;border-radius:9px;border:1px solid rgba(162,204,250,.21)}
.kl11-tabs button .kl11-tab-copy{display:grid;gap:5px;min-width:0}
.kl11-tabs button strong{font-size:.84rem;font-weight:740;line-height:1.34}
.kl11-tabs button small{font-size:.66rem;line-height:1.4;color:#a7c1dd}
.kl11-demo-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(285px,.72fr);gap:15px;align-items:stretch}
.kl11-flow-panel{border:1px solid rgba(139,194,254,.30);border-radius:18px;min-width:0;min-height:465px;padding:clamp(20px,2.5vw,35px);
  background:radial-gradient(ellipse at 25% 80%,rgba(30,111,193,.12),transparent 58%),linear-gradient(150deg,#0d2442,#0a1930)}
.kl11-flow-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}
.kl11-flow-meta span,.kl11-flow-meta b{font:770 .61rem/1.5 "Sora",system-ui,sans-serif;letter-spacing:.1em;color:#89cde9}
.kl11-flow-meta b{letter-spacing:.04em;border:1px solid rgba(120,205,255,.27);border-radius:999px;padding:6px 10px;color:#b0deee}
.kl11-flow-panel h3{max-width:35ch;font:720 clamp(1.25rem,1.95vw,1.95rem)/1.25 "Sora",system-ui,sans-serif!important;letter-spacing:-.035em!important}
.kl11-flow-panel>p{font-size:.79rem!important;margin-top:11px!important;max-width:58ch}
.kl11-flow-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:32px 0 26px!important;padding:0!important}
.kl11-flow-step{position:relative;display:flex;flex-direction:column;gap:11px;padding:17px 10px 15px;border:1px solid rgba(132,193,244,.30);border-radius:14px;
  background:linear-gradient(145deg,#173554,#112542);min-height:187px;min-width:0}
.kl11-flow-step:not(:last-child)::after{content:"";position:absolute;z-index:2;top:45px;right:-14px;width:17px;height:2px;
  background:linear-gradient(90deg,#66dafa,#d284f9);box-shadow:0 0 9px rgba(92,204,255,.6);animation:kl11-data-flow 2.8s ease-in-out infinite alternate}
.kl11-flow-icon{width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:12px;color:#a4eaff;
  background:linear-gradient(145deg,rgba(40,106,180,.68),rgba(52,55,130,.75));border:1px solid rgba(138,209,255,.26)}
.kl11-flow-icon svg,.kl11-principle-icon svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;fill:none}
.kl11-flow-step:nth-child(2) .kl11-flow-icon{color:#d2b7ff}
.kl11-flow-step:nth-child(3) .kl11-flow-icon{color:#a8f3df}
.kl11-flow-step:nth-child(4) .kl11-flow-icon{color:#91d7ff}
.kl11-flow-step strong{font:730 .82rem/1.4 "Sora",system-ui,sans-serif}
.kl11-flow-step p{font-size:.65rem!important;line-height:1.56!important;overflow-wrap:break-word;margin:0!important}
.kl11-before-after{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:11px;align-items:stretch}
.kl11-before-after>div{padding:15px 16px;border-radius:12px;border:1px solid rgba(137,189,252,.22);background:rgba(5,19,41,.58);min-width:0}
.kl11-before-after>div:last-child{border-color:rgba(102,217,231,.36);background:rgba(13,53,72,.37)}
.kl11-before-after small{display:block;color:#8db8d6;font:780 .60rem/1.4 "Sora",system-ui,sans-serif;letter-spacing:.1em;margin-bottom:7px}
.kl11-before-after strong{font:640 .77rem/1.5 "Sora",system-ui,sans-serif;display:block}
.kl11-change-arrow{align-self:center;color:#75dff7;display:flex;align-items:center;font-size:1.4rem;font-weight:700}
.kl11-example{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(140,193,253,.28);border-radius:18px;
  background:linear-gradient(155deg,#142f51,#0b1d34)}
.kl11-example-photo{position:relative;flex:none;height:150px;overflow:hidden;background:#173450}
.kl11-example-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 45%;filter:saturate(.90)}
.kl11-example-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10243f 0%,transparent 67%)}
.kl11-example-photo>span{position:absolute;bottom:13px;left:17px;z-index:1;color:#ecf7ff;letter-spacing:.045em;font:740 .62rem/1.4 "Sora",system-ui,sans-serif}
.kl11-example-content{display:flex;flex-direction:column;gap:10px;padding:18px 21px 22px;flex:1}
.kl11-example-content .kl11-input-label{font:750 .61rem/1.4 "Sora",system-ui,sans-serif;letter-spacing:.12em;color:#95cff0}
.kl11-example-quote{padding:13px 14px;border-radius:13px 13px 13px 4px;background:rgba(21,48,85,.9);border:1px solid rgba(124,184,250,.24);font:580 .78rem/1.55 "Sora",system-ui,sans-serif;color:#e2f0ff}
.kl11-example-ai{display:grid;gap:5px;padding:10px 13px;border-left:2px solid #ae95ff;background:rgba(81,69,160,.13);border-radius:0 9px 9px 0}
.kl11-example-ai strong,.kl11-example-approval strong{font:730 .67rem/1.4 "Sora",system-ui,sans-serif;color:#d2c9ff}
.kl11-example-ai span,.kl11-example-approval span{font:.7rem/1.55 "Sora",system-ui,sans-serif;color:#c7d9ee}
.kl11-example-approval{display:grid;gap:5px;padding:9px 12px;border-radius:9px;border:1px solid rgba(117,207,185,.25);background:rgba(25,85,83,.16)}
.kl11-example-approval strong{color:#a2f2d7}
.kl11-example-outcome{display:grid;gap:5px;padding:13px;border-radius:12px;background:linear-gradient(120deg,rgba(19,103,139,.29),rgba(62,54,137,.27));border:1px solid rgba(109,214,239,.40)}
.kl11-example-outcome b{font:780 .60rem/1.5 "Sora",system-ui,sans-serif;letter-spacing:.1em;color:#8ee7f8}
.kl11-example-outcome span{font:690 .78rem/1.52 "Sora",system-ui,sans-serif;color:#f0f8ff}
.kl11-example-note{display:block;font:.60rem/1.5 "Sora",system-ui,sans-serif;color:#95b8d7;margin-top:auto}
.kl11-principles-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:32px 0 15px}
.kl11-principles-head h3{font:730 clamp(1.25rem,2vw,1.8rem)/1.29 "Sora",system-ui,sans-serif!important;letter-spacing:-.03em}
.kl11-principles-head p{font-size:.75rem!important;max-width:49ch}
.kl11-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kl11-principle{display:grid;grid-template-columns:42px 1fr;gap:13px;min-height:113px;padding:17px 14px;border-radius:13px;border:1px solid rgba(144,192,255,.24);background:rgba(13,36,67,.72);min-width:0}
.kl11-principle-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#96e5ff;background:rgba(41,92,165,.25);border:1px solid rgba(109,201,255,.25)}
.kl11-principle:nth-child(3n+2) .kl11-principle-icon{color:#d7bcff;background:rgba(92,60,165,.25)}
.kl11-principle:nth-child(3n) .kl11-principle-icon{color:#9ff0d8;background:rgba(39,123,110,.22)}
.kl11-principle h4{font:740 .82rem/1.42 "Sora",system-ui,sans-serif!important;margin:1px 0 7px!important}
.kl11-principle p{font:.70rem/1.55 "Sora",system-ui,sans-serif!important}
.kl11-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:25px;padding:18px 0 0;border-top:1px solid rgba(151,198,252,.18)}
.kl11-bottom-copy{max-width:650px}
.kl11-bottom-copy strong{font:710 .92rem/1.5 "Sora",system-ui,sans-serif}
.kl11-bottom-copy p{font:.73rem/1.6 "Sora",system-ui,sans-serif!important;margin-top:5px!important}
.kl11-bottom-actions{display:flex;gap:9px;flex-wrap:wrap}
.kl11-link{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 15px;border-radius:10px;border:1px solid rgba(144,198,255,.4);
  background:rgba(18,47,84,.65);color:#d9f2ff!important;text-decoration:none!important;font:740 .72rem/1.35 "Sora",system-ui,sans-serif;white-space:normal;transition:transform .2s,border-color .2s,background .2s}
.kl11-link-primary{color:#07192d!important;border-color:transparent;background:linear-gradient(105deg,#6be1ff,#8796fa 56%,#c98cff)}
.kl11-link:hover{transform:translateY(-2px);border-color:#95e8fc;background:rgba(39,81,120,.9)}
.kl11-link-primary:hover{background:linear-gradient(105deg,#b3f3ff,#bbbfff 56%,#ecb9f7);color:#061528!important}
@keyframes kl11-data-flow{from{opacity:.55;filter:brightness(.85)}to{opacity:1;filter:brightness(1.28)}}
@media(max-width:1100px){
  .kl11-flow-list{gap:8px}
  .kl11-flow-step{padding:14px 9px;min-height:184px}
  .kl11-flow-step strong{font-size:.73rem}
  .kl11-flow-step p{font-size:.62rem!important}
  .kl11-flow-step:not(:last-child)::after{right:-11px;width:12px}
}
@media(max-width:930px){
  .kl11-top{align-items:start}
  .kl11-top-note{flex-basis:180px}
  .kl11-demo-grid{grid-template-columns:minmax(0,1fr)}
  .kl11-example{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr)}
  .kl11-example-photo{height:auto;min-height:300px}
  .kl11-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kl11-principles-head{display:block}
  .kl11-principles-head p{margin-top:7px}
  .kl11-bottom{align-items:start;flex-direction:column}
}
@media(max-width:650px){
  .kl11-explain{border-radius:18px!important;padding:24px 15px 26px!important;margin:20px 0!important}
  .kl11-top{display:block}
  .kl11-top h2{font-size:clamp(1.76rem,7.2vw,2.3rem)!important}
  .kl11-top-copy>p{font-size:.83rem!important}
  .kl11-top-note{max-width:100%;display:flex;align-items:flex-start;gap:12px;border:0;border-top:1px solid rgba(130,190,248,.22);padding:15px 0 0;margin-top:17px}
  .kl11-top-note strong{max-width:40%}
  .kl11-tabs{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .kl11-tabs button{display:grid;justify-items:center;align-content:start;text-align:center;gap:7px;padding:8px 5px;min-height:127px}
  .kl11-tabs button img{width:100%;max-width:112px;height:57px}
  .kl11-tabs button strong{font-size:.66rem}
  .kl11-tabs button small{display:none}
  .kl11-flow-panel{padding:19px 13px;min-height:0}
  .kl11-flow-meta{align-items:start}
  .kl11-flow-panel h3{font-size:1.30rem!important}
  .kl11-flow-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0!important}
  .kl11-flow-step{min-height:139px;padding:12px}
  .kl11-flow-step:not(:last-child)::after{display:none}
  .kl11-flow-step p{font-size:.68rem!important}
  .kl11-before-after{gap:6px}
  .kl11-before-after>div{padding:11px 9px}
  .kl11-before-after strong{font-size:.69rem}
  .kl11-example{display:block}
  .kl11-example-photo{height:150px;min-height:0}
  .kl11-example-content{padding:19px 15px}
  .kl11-principles-head{margin-top:27px}
  .kl11-principles{grid-template-columns:1fr}
  .kl11-principle{min-height:0;padding:14px}
  .kl11-bottom-actions{width:100%;display:grid;grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .kl11-explain *, .kl11-explain *::before, .kl11-explain *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}