.kr-page{overflow:hidden}

.kr-hero{position:relative;min-height:520px;display:flex;align-items:center}
.kr-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.5)}
.kr-hero-inner{position:relative}
.kr-hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-3)}

.kr-intro{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.kr-intro-highlight{font-weight:600}

.kr-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-5)}
.kr-card{min-width:0;transition:transform var(--transition-fast)}
.kr-card:hover{transform:translateY(-4px)}

.kr-experience{display:flex;flex-direction:column;gap:var(--space-5)}
.kr-experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);text-align:center}
.kr-experience-img{max-width:600px;margin-inline:auto;border-radius:var(--radius-md)}

.kr-types-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);max-width:900px;margin:var(--space-5) auto 0;text-align:center}

.kr-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-5)}
.kr-step{min-width:0}

.kr-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-5)}
.kr-card-dark{background:#111;color:#fff;border:1px solid var(--color-border-gold)}

.kr-cta{position:relative;text-align:center;background:var(--color-gold);color:#000}
.kr-cta-inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-3);align-items:center}
.kr-cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.15}

@media(max-width:1024px){
  .kr-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kr-experience-grid{grid-template-columns:1fr}
  .kr-process-grid{grid-template-columns:1fr}
  .kr-why-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
  .kr-services-grid{grid-template-columns:1fr}
  .kr-types-grid{grid-template-columns:1fr}
  .kr-hero{text-align:center}
  .kr-hero-text{margin-inline:auto}
}