:root{
  --kd-blue:#21106f;
  --kd-blue-2:#080078;
  --kd-gold:#f7b500;
  --kd-cream:#fff4cf;
  --kd-ink:#08005c;
  --kd-muted:#5e6380;
  --kd-line:rgba(247,181,0,.72);
  --kd-bg:#fbfbff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{font-family:Arial, Helvetica, sans-serif;color:var(--kd-ink);background:var(--kd-bg);}
a{color:inherit}.text-gold{color:var(--kd-gold)}
.text-blue{color:var(--kd-blue)}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(33,16,111,.08)}
.navbar-brand img{width:min(260px,54vw);height:auto}
.nav-link{font-weight:700;color:var(--kd-blue)!important;font-size:.94rem}
.nav-link.active,.nav-link:hover{color:#00008c!important}
.kd-section{min-height:100svh;position:relative;display:flex;align-items:center;padding:clamp(5rem,8vw,7rem) 0;overflow:hidden;border-bottom:1px solid rgba(33,16,111,.07)}
.kd-section::before{content:"";position:absolute;inset:clamp(1rem,2vw,1.8rem);border:1.5px solid var(--kd-line);pointer-events:none}
.container{position:relative;z-index:2}
.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--kd-blue)}

.display-title{font-weight:500;line-height:1.1;color:var(--kd-blue);font-size:clamp(2.1rem,3.2vw,3rem)}

.section-title{font-size:clamp(1.65rem,3.2vw,3.2rem);font-weight:500;line-height:1.15;color:var(--kd-blue)}
.lead-kd{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.7;color:var(--kd-ink)}
.kd-card{background:#fff;border:1px solid rgba(33,16,111,.1);border-radius:28px;box-shadow:0 22px 70px rgba(28,14,111,.12);padding:clamp(1.25rem,2.4vw,2.25rem)}
.btn-kd{background:var(--kd-blue);color:#fff;border-radius:999px;padding:.9rem 1.25rem;font-weight:800;border:0}.btn-kd:hover{background:#11005f;color:#fff}.btn-outline-kd{border:1px solid var(--kd-blue);color:var(--kd-blue);border-radius:999px;padding:.9rem 1.25rem;font-weight:800}.btn-outline-kd:hover{background:var(--kd-blue);color:white}
.arrow-bg{position:absolute;left:0;top:50%;transform:translateY(-50%);width:clamp(180px,28vw,440px);height:clamp(300px,46vw,720px);background:var(--kd-blue);clip-path:polygon(0 0,100% 50%,0 100%);opacity:.96}.arrow-bg::before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;background:var(--kd-gold)}.arrow-bg.gold{background:var(--kd-gold)}.arrow-bg.gold::before{background:#fff}
.hero-visual{border-radius:1px;box-shadow:0 18px 46px rgba(33,16,111,.16);width:100%;max-width:560px}
.pill{display:inline-flex;align-items:center;gap:.6rem;border:1px solid rgba(33,16,111,.12);background:white;border-radius:999px;padding:.55rem .85rem;font-weight:700;color:var(--kd-blue);box-shadow:0 8px 24px rgba(33,16,111,.07)}.pill-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--kd-gold)}
.metric{border-left:5px solid var(--kd-gold);padding-left:1rem}
.metric strong{display:block;font-size:clamp(1.7rem,3vw,3rem);line-height:1;color:var(--kd-blue)}
.metric span{font-weight:700;color:var(--kd-muted)}
.value-panel{min-height:170px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:22px;border:1px solid rgba(33,16,111,.14);padding:1.4rem}.value-panel.blue{background:var(--kd-blue);color:#fff}.value-panel.cream{background:var(--kd-cream);color:var(--kd-blue)}
.tool-card{height:100%;border-radius:22px;background:linear-gradient(180deg,#fff,#f1f1f6);border:1px solid rgba(33,16,111,.08);box-shadow:0 12px 28px rgba(33,16,111,.10);padding:1.35rem}.tool-card h3{font-size:1rem;font-weight:900;color:var(--kd-blue)}.small-arrow{display:inline-block;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid var(--kd-blue);filter:drop-shadow(-4px 0 0 var(--kd-gold));margin-right:.55rem;vertical-align:middle}
.band{background:linear-gradient(135deg,rgba(33,16,111,.96),rgba(9,0,125,.92));color:white;border-radius:34px;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 26px 70px rgba(33,16,111,.22)}.band .lead-kd{color:white}.logos-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.logo-chip{background:white;border:1px solid rgba(33,16,111,.1);border-radius:18px;min-height:82px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;color:var(--kd-blue);box-shadow:0 10px 30px rgba(33,16,111,.08);padding:.8rem}.contact-photo{width:160px;height:160px;border-radius:28px;background:linear-gradient(135deg,#e7e8f4,#fff1bd);display:grid;place-items:center;font-size:4rem;font-weight:900;color:var(--kd-blue);box-shadow:0 16px 40px rgba(33,16,111,.16)}
.scroll-indicator{position:absolute;right:clamp(1rem,3vw,3rem);bottom:clamp(1rem,3vw,2rem);font-weight:800;color:rgba(33,16,111,.45);font-size:.8rem;letter-spacing:.08em}.footer{padding:1.5rem 0;background:#fff;border-top:1px solid rgba(33,16,111,.08);font-size:.9rem;color:var(--kd-muted)}
@media (max-width:991.98px){.kd-section{min-height:auto;padding:6rem 0}
.kd-section::before{inset:.75rem}
.arrow-bg{opacity:.08;width:75vw;height:75vw;top:28%}
.logos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.navbar-brand img{width:220px}
.display-title{font-weight:600}
.section-title{font-weight:600}}
@media (max-width:575.98px){.logos-grid{grid-template-columns:1fr}
.kd-card{border-radius:20px}
.band{border-radius:24px}.hero-visual{border-radius:16px}
.contact-photo{width:120px;height:120px}.nav-link{font-size:.88rem}}


.references-logos {
  padding: 1rem 0;
}

.reference-logo {
 
  max-width: 240px;
  object-fit: contain;
  filter: grayscale(0%);
}

.references-logos > div {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}



.hero-visual-full {
  display: block;
  width: 100%;
  max-width: 100%;
 
  object-fit: cover;
  border-radius:10px;
}

@media (max-width: 768px) {
  .hero-visual-full {
    height: 260px;
    border-radius: 1.25rem;
  }
}