/* KITZLABS BRAND SYSTEM V2 | 2026-10-11
   Palette measured from the ORIGINAL KitzLabs iridescent logo.
   Progressive enhancement: no replacement of business data or URLs. */
:root{
 --kl-navy:#090d20;--kl-navy-2:#111a37;--kl-cyan:#1ac8f4;--kl-blue:#1675fa;
 --kl-violet:#8f46ec;--kl-rose:#ed285a;--kl-frost:#f5f7fb;--kl-line:#e0e6ef;
 --kl-text:#101a34;--kl-muted:#56627a;--kl-gradient:linear-gradient(115deg,#11bef3 0%,#5275fa 40%,#a843e9 70%,#ed285a 100%);
 --kl-radius:22px;--kl-shadow:0 18px 50px rgba(9,13,32,.07);
 --accent:#35c5ee;--ink:#101a34;--surface:#f9fafc;--band:#f1f5fb;
}
html{scroll-padding-top:95px}
body.v7-home{background:var(--kl-frost);color:var(--kl-text);font-family:Inter,Sora,system-ui,-apple-system,sans-serif}
body.v7-home .kitz-global-header{font-family:Inter,Sora,system-ui,sans-serif}
body.v7-home .kitz-header-brand,body.v7-home .kitz-header-nav,body.v7-home .kitz-header-actions{border-color:rgba(20,36,64,.10)}
body.v7-home .kitz-header-cta{background:var(--kl-navy)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 7px 20px rgba(20,24,52,.13)}
body.v7-home .kitz-header-cta:hover{background:#243568!important}
body.v7-home .kitz-header-brand img{object-fit:contain}
body.v7-home section.hero-v6{background:radial-gradient(ellipse at 76% 35%,rgba(29,95,201,.18),transparent 45%),radial-gradient(ellipse at 5% 70%,rgba(150,39,184,.15),transparent 44%),var(--kl-navy);border-radius:0 0 36px 36px;position:relative;isolation:isolate;overflow:hidden}
body.v7-home section.hero-v6:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.10;background:linear-gradient(90deg,transparent 49.8%,rgba(126,151,196,.32) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(126,151,196,.24) 50%,transparent 50.2%);background-size:86px 86px;mask-image:linear-gradient(to right,transparent,black 40%,black 87%,transparent)}
body.v7-home section.hero-v6 .hero-v6-kicker{color:#a5dff3}
body.v7-home section.hero-v6 h1,body.v7-home section.hero-v6 .hero-v6-lead,body.v7-home section.hero-v6 .hero-v6-copy{color:#f6f8ff}
body.v7-home .v6-gradient-word{background:var(--kl-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.v7-home section.hero-v6 .hero-v6-lead{color:#b8c4df;max-width:680px}
body.v7-home section.hero-v6 .hero-v6-side,
body.v7-home section.hero-v6 .hero-v6-art,
body.v7-home section.hero-v6 .hero-v6-agent-panel{border-color:rgba(149,174,239,.2)}
body.v7-home section.hero-v6 .btn-dark,body.v7-home section.hero-v6 .btn-primary{background:linear-gradient(110deg,#12c8ef,#397bea)!important;color:#081229!important;border:none!important;box-shadow:0 9px 26px rgba(16,130,235,.23)}
body.v7-home section.hero-v6 .btn-dark:hover,body.v7-home section.hero-v6 .btn-primary:hover{filter:brightness(1.10);transform:translateY(-2px)}
body.v7-home section.hero-v6 .btn-outline{color:#f7f9ff!important;border-color:rgba(245,247,255,.48)!important}
body.v7-home .section-kicker{color:#3459c5;letter-spacing:.14em}
body.v7-home section.v6-consulting,body.v7-home section.v7-solutions,body.v7-home section.v8-insights{background:#f8faff}
body.v7-home section.v7-usecases,body.v7-home section.v8-proof{background:#f0f5fc}
body.v7-home .v6-bento-card,body.v7-home .v7-usecase-card,body.v7-home .v7-solution-group,body.v7-home .v8-case-card,body.v7-home .v8-insight-card,body.v7-home .v8-faq-item{
 border-radius:var(--kl-radius)!important;box-shadow:var(--kl-shadow);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.v7-home .v6-bento-card:hover,body.v7-home .v7-usecase-card:hover,body.v7-home .v7-solution-group:hover,body.v7-home .v8-case-card:hover,body.v7-home .v8-insight-card:hover{transform:translateY(-3px);box-shadow:0 25px 50px rgba(28,42,82,.10)}
body.v7-home .v7-solution-group--dark{background:var(--kl-navy)!important;color:#edf3ff!important}
body.v7-home .v7-solution-group--dark p,body.v7-home .v7-solution-group--dark li{color:#b5c2de}
body.v7-home .v8-faq-item:focus-within{outline:2px solid var(--kl-blue);outline-offset:3px}
body.v7-home .site-footer{background:var(--kl-navy);color:#f0f4ff}
body.v7-home a:focus-visible,body.v7-home button:focus-visible,body.v7-home input:focus-visible{outline:3px solid #159fe0;outline-offset:3px}
body.v7-home .v8-case-card img{object-fit:cover}
.kl-v2{position:relative;padding:clamp(70px,7vw,116px) max(24px,calc((100% - 1280px)/2));font-family:Inter,Sora,system-ui,sans-serif}
.kl-v2 *{box-sizing:border-box}
.kl-v2 h2{font-size:clamp(2.05rem,4.1vw,3.8rem);line-height:1.09;letter-spacing:-.055em;font-weight:690;margin:.45em 0 .32em;max-width:930px}
.kl-v2 h3{font-size:clamp(1.15rem,1.55vw,1.5rem);line-height:1.25;letter-spacing:-.025em;margin:0 0 14px}
.kl-v2 p{line-height:1.68}
.kl-v2 .kl-lead{font-size:clamp(1rem,1.5vw,1.2rem);max-width:760px;color:var(--kl-muted);margin-bottom:32px}
.kl-v2 .kl-eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#335bc5}
.kl-v2 .kl-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:22px;margin-bottom:35px}
.kl-v2 .kl-row .kl-lead{margin:0}
.kl-v2 .kl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.kl-v2 .kl-card{background:#fff;border:1px solid var(--kl-line);border-radius:var(--kl-radius);padding:clamp(24px,2.7vw,34px);min-width:0;box-shadow:var(--kl-shadow);transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}
.kl-v2 .kl-card:hover{transform:translateY(-4px);border-color:#9fc3ff;box-shadow:0 22px 52px rgba(20,39,87,.12)}
.kl-v2 .kl-card p{margin:0;color:#55617a;font-size:.96rem}
.kl-v2 .kl-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#eaf4ff;color:#284bb3;font-size:1.2rem;font-weight:900;margin-bottom:24px}
.kl-v2 .kl-dark{color:#fff;background:radial-gradient(circle at 88% 20%,rgba(135,58,215,.15),transparent 37%),var(--kl-navy)}
.kl-v2.kl-dark .kl-eyebrow{color:#88c8ff}
.kl-v2.kl-dark .kl-lead{color:#b6c6e1}
.kl-v2.kl-dark .kl-card{background:#121a35;border-color:#293857;color:#fff}
.kl-v2.kl-dark .kl-card p{color:#abb9d4}
.kl-v2.kl-dark .kl-icon{background:#223358;color:#6ad2fa}
.kl-v2 .kl-gradient{background:var(--kl-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.kl-v2 .kl-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border-radius:999px;background:var(--kl-navy);color:#fff!important;text-decoration:none;font-size:.91rem;font-weight:750;border:1px solid transparent;transition:transform .18s,background .18s}
.kl-v2 .kl-button:hover{transform:translateY(-2px);background:#24366c}
.kl-v2 .kl-button--light{background:#fff;color:#101a34!important}
.kl-v2 .kl-button--light:hover{background:#dceafb}
.kl-v2 .kl-arrow{font-weight:900;margin-left:3px}
.kl-v2.kl-pain{background:#f7f9fd}
.kl-v2.kl-pain .kl-card:first-child{grid-column:span 2;background:linear-gradient(145deg,#e6f4fc,#fff)}
.kl-v2.kl-pain .kl-card:first-child h3{font-size:clamp(1.4rem,2.1vw,2rem)}
.kl-v2.kl-industries{background:#f7faff}
.kl-v2 .kl-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.kl-v2 .kl-tab{cursor:pointer;min-height:45px;border-radius:999px;border:1px solid #dbe3ef;padding:10px 19px;background:#fff;color:#35415c;font-weight:740;font:inherit;transition:background .17s,border-color .17s}
.kl-v2 .kl-tab[aria-selected="true"]{background:var(--kl-navy);color:#fff;border-color:var(--kl-navy)}
.kl-v2 [hidden]{display:none!important}
.kl-v2 .kl-panel{border-radius:28px;border:1px solid #dce5f3;background:#fff;padding:clamp(23px,5vw,52px);box-shadow:var(--kl-shadow);display:grid;grid-template-columns:1.3fr 1fr;gap:38px;align-items:center}
.kl-v2 .kl-panel p{color:#596682;line-height:1.7}
.kl-v2 .kl-flow{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.kl-v2 .kl-flow span{padding:11px 14px;border:1px solid #d9e5fa;border-radius:12px;background:#f4f8ff;font-size:.8rem;font-weight:750;color:#274d8c}
.kl-v2.kl-roi{background:radial-gradient(circle at 88% 15%,rgba(39,117,255,.2),transparent 40%),var(--kl-navy);color:#fff}
.kl-v2.kl-roi .kl-lead{color:#bac7dd}
.kl-v2 .kl-roi-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:28px}
.kl-v2 .kl-roi-form,.kl-v2 .kl-roi-result{border-radius:26px;background:#111b39;border:1px solid #314163;padding:clamp(23px,3vw,39px)}
.kl-v2 .kl-roi-field{margin-bottom:24px}
.kl-v2 .kl-roi-field label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:12px;font-size:.93rem;color:#cbd7ed}
.kl-v2 .kl-roi-field output{font-weight:800;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.kl-v2 input[type=range]{display:block;width:100%;accent-color:#4ac7fa;cursor:pointer}
.kl-v2 .kl-roi-result .kl-number{font-size:clamp(3.4rem,6vw,6.1rem);font-weight:800;letter-spacing:-.07em;line-height:1;color:#7edbfb;font-variant-numeric:tabular-nums}
.kl-v2 .kl-roi-result .kl-euro{font-size:clamp(1.6rem,3vw,2.6rem);font-weight:700;color:#fff}
.kl-v2 .kl-roi-result .kl-note{font-size:.78rem;color:#aab8d3;line-height:1.6}
.kl-v2.kl-tools{background:#edf3fb}
.kl-v2.kl-tools .kl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.kl-v2.kl-tools .kl-card a{display:inline-flex;margin-top:18px;color:#16478c;font-weight:800;text-underline-offset:4px}
.kl-v2.kl-steps .kl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.kl-v2.kl-steps .kl-card{background:#f9fbff}
.kl-v2.kl-steps .kl-index{font-size:2rem;font-weight:850;letter-spacing:-.05em;color:#3a76d9;margin-bottom:18px}
.kl-v2.kl-contact{text-align:center;background:var(--kl-navy);color:#fff}
.kl-v2.kl-contact h2{margin-left:auto;margin-right:auto}
.kl-v2.kl-contact p{margin:0 auto 27px;max-width:670px;color:#b9c7e0}
.kl-v2.kl-contact .kl-button{background:var(--kl-gradient);color:#061126!important}
.kl-v2.kl-contact .kl-button:hover{filter:brightness(1.08)}
@media(max-width:1100px){.kl-v2{padding-left:26px;padding-right:26px}.kl-v2 .kl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kl-v2.kl-tools .kl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body.v7-home section.hero-v6{border-radius:0 0 24px 24px}.kl-v2{padding:65px 19px}.kl-v2 .kl-grid,.kl-v2.kl-tools .kl-grid,.kl-v2.kl-steps .kl-grid{grid-template-columns:1fr}.kl-v2.kl-pain .kl-card:first-child{grid-column:auto}.kl-v2 .kl-panel,.kl-v2 .kl-roi-layout{grid-template-columns:1fr}.kl-v2 .kl-panel{gap:15px;padding:25px}.kl-v2 .kl-card{padding:25px}.kl-v2 .kl-tab{font-size:.85rem}.kl-v2 .kl-flow span{font-size:.76rem}.kl-v2 .kl-row{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.kl-v2 *,.kl-v2 *::before,.kl-v2 *::after,body.v7-home .v7-usecase-card,body.v7-home .v6-bento-card{transition:none!important;animation:none!important}.kl-v2 .kl-card:hover{transform:none}}

/* V2 mobile typography and secondary CTA contrast audit */
body.v7-home section.hero-v6 .btn-light,
body.v7-home section.hero-v6 .btn-outline{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(235,244,255,.54)!important;
  color:#f6f8ff!important;
}
body.v7-home section.hero-v6 .btn-light:hover{background:rgba(255,255,255,.14)!important}
@media(max-width:700px){
  body.v7-home section.hero-v6 h1{font-size:clamp(2.5rem,10.6vw,3.65rem)!important;line-height:1.02!important;letter-spacing:-.065em!important}
  body.v7-home section.hero-v6 h1 span{white-space:normal!important;max-width:100%;display:block!important;overflow-wrap:normal}
  body.v7-home section.hero-v6 .hero-v6-kicker{white-space:normal;letter-spacing:.11em;line-height:1.55}
  body.v7-home section.hero-v6 .hero-v6-lead{font-size:1rem;line-height:1.6;max-width:100%}
}