.kb-home-v380 {
  --kb380-navy: #0b2b43;
  --kb380-navy-2: #123d5b;
  --kb380-orange: #f4511e;
  --kb380-orange-dark: #c9360b;
  --kb380-cream: #fff8f1;
  --kb380-sand: #f3e7d8;
  --kb380-mint: #dff6ed;
  --kb380-teal: #087f74;
  --kb380-ink: #17283a;
  --kb380-muted: #5c6d7d;
  --kb380-line: #d9e1e7;
  --kb380-white: #fff;
  color: var(--kb380-ink);
  background: #fff;
  overflow: clip;
}

.kb-home-v380 [hidden] { display: none !important; }
.kb-home-v380 *, .kb-home-v380 *::before, .kb-home-v380 *::after { box-sizing: border-box; }
.kb-home-v380 h1, .kb-home-v380 h2, .kb-home-v380 h3, .kb-home-v380 p { margin-top: 0; }
.kb-home-v380 h1, .kb-home-v380 h2, .kb-home-v380 h3 { color: inherit; letter-spacing: -.035em; line-height: 1.06; }
.kb-home-v380 h1 { font-size: clamp(2.75rem, 6.2vw, 5.9rem); max-width: 12ch; }
.kb-home-v380 h2 { font-size: clamp(2rem, 4vw, 3.8rem); max-width: 17ch; }
.kb-home-v380 h3 { font-size: clamp(1.15rem, 2vw, 1.55rem); }
.kb-home-v380 p { line-height: 1.72; }
.kb380-eyebrow { color: var(--kb380-orange-dark); font-size: .74rem; font-weight: 800; letter-spacing: .12em; line-height: 1.5 !important; text-transform: uppercase; }
.kb380-lead { font-size: clamp(1.02rem, 1.8vw, 1.3rem); max-width: 62ch; }

.kb380-button {
  align-items: center;
  appearance: none;
  background: var(--kb380-orange);
  border: 2px solid var(--kb380-orange);
  border-radius: 14px;
  color: #fff !important;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-weight: 750;
  gap: .55rem;
  justify-content: center;
  min-height: 52px;
  padding: .8rem 1.25rem;
  text-decoration: none !important;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.kb380-button:hover { background: var(--kb380-orange-dark); border-color: var(--kb380-orange-dark); box-shadow: 0 12px 26px rgba(197, 54, 11, .18); transform: translateY(-2px); }
.kb380-button:disabled, .kb380-button.is-busy { cursor: wait; opacity: .72; transform: none; }
.kb380-button--secondary { background: #fff; border-color: #c7d3dd; color: var(--kb380-navy) !important; }
.kb380-button--secondary:hover { background: #edf5f8; border-color: var(--kb380-navy); }
.kb380-button--light { background: #fff; border-color: #fff; color: var(--kb380-navy) !important; }
.kb380-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; }
.kb380-text-link { color: var(--kb380-navy); font-weight: 750; text-underline-offset: 4px; }
.kb380-text-link--light { color: #fff; }

.kb380-notice { border-bottom: 1px solid #ace5c9; background: #eaf9f1; color: #07573e; padding: .9rem 0; }
.kb380-notice--error { background: #fff0ed; border-color: #ffc1b4; color: #8e2710; }

.kb380-hero {
  background:
    radial-gradient(circle at 78% 6%, rgba(56, 185, 216, .3), transparent 29%),
    radial-gradient(circle at 8% 94%, rgba(244, 81, 30, .24), transparent 32%),
    linear-gradient(130deg, #071e31 0%, var(--kb380-navy) 55%, #114c66 100%);
  color: #fff;
  min-height: min(820px, calc(100vh - 78px));
  padding: clamp(4rem, 8vw, 8.5rem) 0 clamp(3.2rem, 6vw, 6rem);
  position: relative;
}
.kb380-hero::before { background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 46px 46px; content: ""; inset: 0; mask-image: linear-gradient(to bottom, #000, transparent 90%); position: absolute; }
.kb380-hero__glow { background: var(--kb380-orange); border-radius: 999px; filter: blur(100px); height: 180px; opacity: .17; position: absolute; right: 7%; top: 34%; width: 180px; }
.kb380-hero__grid { align-items: center; display: grid; gap: clamp(2.5rem, 6vw, 6rem); grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr); position: relative; z-index: 1; }
.kb380-hero .kb380-eyebrow { color: #ffb18f; max-width: 62ch; }
.kb380-hero__copy h1 { color: #fff; margin-bottom: 1.35rem; }
.kb380-hero__copy .kb380-lead { color: #d9e6ee; }
.kb380-proofline { border-top: 1px solid rgba(255,255,255,.16); display: grid; gap: .75rem; grid-template-columns: repeat(3, 1fr); margin-top: 2.2rem; padding-top: 1.25rem; }
.kb380-proofline span { color: #bcd0dd; display: grid; font-size: .75rem; gap: .15rem; }
.kb380-proofline strong { color: #fff; font-size: 1.2rem; }
.kb380-hero__guide { background: rgba(255,255,255,.97); border: 1px solid rgba(255,255,255,.54); border-radius: 28px; box-shadow: 0 30px 80px rgba(0,0,0,.27); color: var(--kb380-ink); padding: clamp(1.5rem, 3vw, 2.6rem); }
.kb380-hero__guide h2 { color: var(--kb380-navy); font-size: clamp(1.65rem, 2.5vw, 2.5rem); margin: .6rem 0 .75rem; }
.kb380-hero__guide > p { color: var(--kb380-muted); }
.kb380-guide-label, .kb380-product-status { background: #ffede5; border-radius: 999px; color: var(--kb380-orange-dark); display: inline-flex; font-size: .69rem; font-weight: 800; letter-spacing: .1em; padding: .45rem .75rem; text-transform: uppercase; }
.kb380-journey-choices { display: grid; gap: .75rem; margin-top: 1.35rem; }
.kb380-journey-choices button { align-items: center; background: #fff; border: 1px solid #dce4e9; border-radius: 16px; color: var(--kb380-ink); cursor: pointer; display: grid; font: inherit; gap: .14rem .8rem; grid-template-columns: 42px 1fr; padding: .9rem 1rem; text-align: left; transition: border .2s ease, box-shadow .2s ease, transform .2s ease; }
.kb380-journey-choices button:hover, .kb380-journey-choices button.is-active { border-color: var(--kb380-orange); box-shadow: 0 12px 28px rgba(13, 44, 69, .09); transform: translateX(3px); }
.kb380-journey-choices button > span { align-items: center; background: #edf5f8; border-radius: 12px; color: var(--kb380-navy); display: flex; font-size: 1.2rem; grid-row: 1 / span 2; height: 42px; justify-content: center; width: 42px; }
.kb380-journey-choices strong { font-size: .98rem; }
.kb380-journey-choices small { color: var(--kb380-muted); }
.kb380-journey-status { align-items: center; background: #fff; border-radius: 999px; bottom: -24px; box-shadow: 0 12px 36px rgba(0,0,0,.15); color: var(--kb380-navy); display: flex; justify-content: space-between; left: 50%; max-width: 560px; padding: .75rem .9rem .75rem 1.2rem; position: absolute; transform: translateX(-50%); width: calc(100% - 2rem); z-index: 2; }
.kb380-journey-status span { font-weight: 750; }
.kb380-journey-status button { background: #edf5f8; border: 0; border-radius: 999px; color: var(--kb380-navy); cursor: pointer; font: inherit; font-size: .8rem; font-weight: 750; padding: .55rem .8rem; }

.kb380-journey { padding: clamp(5rem, 8vw, 8rem) 0; }
.kb380-journey--udyojak { background: linear-gradient(#fff, #fff8f1 30%, #fff 100%); }
.kb380-journey--customer { background: #eef7fb; }
.kb380-journey--collaborate { background: var(--kb380-cream); }
.kb380-story-intro { align-items: start; display: grid; gap: clamp(2rem, 8vw, 7rem); grid-template-columns: .9fr 1.1fr; margin-bottom: clamp(3rem, 7vw, 6rem); }
.kb380-story-intro h2 { color: var(--kb380-navy); }
.kb380-story-intro > div:last-child > p:first-child { color: var(--kb380-muted); font-size: clamp(1.05rem, 1.6vw, 1.25rem); }
.kb380-marathi-line { color: var(--kb380-orange-dark); font-size: 1.35rem; font-weight: 750; }

.kb380-growth-check { background: var(--kb380-navy); border-radius: 32px; box-shadow: 0 26px 70px rgba(13,44,69,.18); color: #fff; display: grid; gap: clamp(1.7rem, 4vw, 4rem); grid-template-columns: .78fr 1.22fr; padding: clamp(1.5rem, 4vw, 4rem); }
.kb380-growth-check > header > span { color: #ffb18f; font-size: .73rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.kb380-growth-check h2 { color: #fff; font-size: clamp(1.75rem, 3.4vw, 3rem); margin: .8rem 0 1rem; }
.kb380-growth-check header p { color: #bcd0dd; }
.kb380-growth-check form, .kb380-growth-result { align-self: start; background: #fff; border-radius: 22px; color: var(--kb380-ink); padding: clamp(1.1rem, 2.5vw, 2rem); }
.kb380-assessment-progress { background: #e8eef2; border-radius: 99px; height: 6px; margin-bottom: 1.5rem; overflow: hidden; }
.kb380-assessment-progress span { background: linear-gradient(90deg, var(--kb380-orange), #ff976d); display: block; height: 100%; transition: width .25s ease; width: 14.28%; }
.kb380-growth-check fieldset { border: 0; margin: 0; padding: 0; }
.kb380-growth-check legend { color: var(--kb380-navy); font-size: clamp(1.15rem, 2vw, 1.5rem); font-weight: 800; line-height: 1.3; margin-bottom: 1rem; }
.kb380-growth-check fieldset label { align-items: center; border: 1px solid #dce4e9; border-radius: 12px; cursor: pointer; display: flex; gap: .65rem; margin: .58rem 0; padding: .7rem .8rem; transition: background .15s ease, border .15s ease; }
.kb380-growth-check fieldset label:hover, .kb380-growth-check fieldset label:has(input:checked) { background: #fff2eb; border-color: var(--kb380-orange); }
.kb380-growth-check input[type="radio"] { accent-color: var(--kb380-orange); width: auto; }
.kb380-assessment-actions { display: flex; gap: .7rem; justify-content: flex-end; margin-top: 1.25rem; }
.kb380-form-status { color: #a12d0d; font-size: .82rem; margin: .65rem 0 0; min-height: 1.2em; }
.kb380-growth-result { grid-column: 2; }
.kb380-growth-result h3 { color: var(--kb380-navy); font-size: 1.8rem; }
.kb380-growth-result > div[data-kb-growth-recommendations] { display: grid; gap: .6rem; margin: 1.2rem 0; }
.kb380-growth-result article { background: #f2f7f9; border-left: 4px solid var(--kb380-orange); border-radius: 10px; padding: .8rem 1rem; }
.kb380-growth-result article strong, .kb380-growth-result article span { display: block; }
.kb380-growth-result article span { color: var(--kb380-muted); font-size: .82rem; margin-top: .2rem; }
.kb380-growth-result > small { color: var(--kb380-muted); display: block; margin-top: 1rem; }

.kb380-section, .kb380-system { padding: clamp(4.5rem, 8vw, 8rem) 0; }
.kb380-system { padding-bottom: 2rem; }
.kb380-section-heading { margin-bottom: clamp(2rem, 4vw, 3.4rem); }
.kb380-section-heading h2 { color: var(--kb380-navy); margin-bottom: 1rem; }
.kb380-section-heading > p, .kb380-section-heading > div > p:last-child { color: var(--kb380-muted); max-width: 70ch; }
.kb380-section-heading--split { align-items: end; display: flex; justify-content: space-between; }
.kb380-section-heading--split > a { color: var(--kb380-orange-dark); font-weight: 750; margin-bottom: 1rem; }
.kb380-system-grid { display: grid; gap: 1rem; grid-template-columns: repeat(4, 1fr); }
.kb380-system-grid article { background: #fff; border: 1px solid var(--kb380-line); border-radius: 20px; box-shadow: 0 16px 45px rgba(13,44,69,.06); display: flex; flex-direction: column; min-height: 280px; padding: 1.5rem; }
.kb380-system-grid article > span { color: var(--kb380-orange); font-size: .72rem; font-weight: 800; }
.kb380-system-grid h3 { color: var(--kb380-navy); margin: 1.2rem 0 .6rem; }
.kb380-system-grid p { color: var(--kb380-muted); font-size: .9rem; }
.kb380-system-grid a { color: var(--kb380-orange-dark); font-size: .85rem; font-weight: 750; margin-top: auto; }

.kb380-doopr { background: #f2f9fa; border: 1px solid #cce6e5; border-radius: 32px; display: grid; grid-template-columns: 1.08fr .92fr; margin: clamp(3rem, 7vw, 7rem) 0; overflow: hidden; }
.kb380-doopr__media { background: #06111e; min-height: 100%; }
.kb380-doopr__media img { height: 100%; object-fit: cover; width: 100%; }
.kb380-doopr__copy { align-self: center; padding: clamp(1.5rem, 4vw, 4rem); }
.kb380-doopr-logo { height: auto; margin: 1rem 0 .5rem; max-width: 190px; width: 100%; }
.kb380-doopr__copy h2 { color: #06192c; font-size: clamp(1.8rem, 3vw, 3rem); }
.kb380-doopr__copy > p, .kb380-doopr__copy > small { color: #4d6370; display: block; }
.kb380-doopr__copy ul { list-style: none; margin: 1rem 0; padding: 0; }
.kb380-doopr__copy li { margin: .5rem 0; padding-left: 1.6rem; position: relative; }
.kb380-doopr__copy li::before { color: #00a893; content: "✓"; font-weight: 900; left: 0; position: absolute; }
.kb380-doopr-offer { background: #dff6ed; border-radius: 14px; color: #07573e; display: grid; gap: .25rem; margin: 1.2rem 0; padding: .85rem 1rem; }
.kb380-doopr-offer span { font-size: .82rem; line-height: 1.5; }
.kb380-doopr__copy > small { font-size: .76rem; line-height: 1.5; margin-top: .8rem; }

.kb380-consultation { align-items: start; background: #fff; border: 1px solid var(--kb380-line); border-radius: 32px; box-shadow: 0 24px 70px rgba(13,44,69,.08); display: grid; gap: clamp(2rem, 5vw, 5rem); grid-template-columns: .9fr 1.1fr; margin-top: 4rem; padding: clamp(1.5rem, 4vw, 4rem); }
.kb380-consultation h2 { color: var(--kb380-navy); }
.kb380-consultation__intro > p:not(.kb380-eyebrow) { color: var(--kb380-muted); }
.kb380-consultation-facts { display: grid; gap: .55rem; grid-template-columns: repeat(2, 1fr); margin-top: 1.5rem; }
.kb380-consultation-facts span { background: #f3f7f9; border-radius: 12px; color: var(--kb380-muted); display: grid; font-size: .78rem; padding: .75rem; }
.kb380-consultation-facts strong { color: var(--kb380-navy); font-size: 1rem; }
.kb380-consultation__form { background: var(--kb380-cream); border-radius: 20px; padding: clamp(1.15rem, 2.5vw, 2rem); }
.kb380-consultation__form label, .kb380-collaboration form > label, .kb380-form-grid label { color: var(--kb380-navy); display: grid; font-size: .82rem; font-weight: 750; gap: .45rem; margin-bottom: 1rem; }
.kb380-consultation__form select, .kb380-consultation__form textarea, .kb380-collaboration input, .kb380-collaboration select, .kb380-collaboration textarea { background: #fff; border: 1px solid #cbd8e0; border-radius: 11px; color: var(--kb380-ink); font: inherit; padding: .75rem; width: 100%; }
.kb380-consultation__form small { color: var(--kb380-muted); font-weight: 400; }

.kb380-customer-paths, .kb380-app-grid { display: grid; gap: 1.2rem; grid-template-columns: repeat(2, 1fr); }
.kb380-customer-paths article { background: #fff; border: 1px solid #d6e7ed; border-radius: 26px; box-shadow: 0 20px 55px rgba(13,44,69,.08); padding: clamp(1.5rem, 4vw, 3rem); }
.kb380-customer-paths article > span { align-items: center; background: #eaf4f8; border-radius: 16px; color: var(--kb380-navy); display: flex; font-size: 1.6rem; height: 56px; justify-content: center; width: 56px; }
.kb380-customer-paths h3 { color: var(--kb380-navy); font-size: 1.65rem; margin: 1.4rem 0 .7rem; }
.kb380-customer-paths p { color: var(--kb380-muted); }

.kb380-collaboration { display: grid; gap: clamp(2.5rem, 7vw, 7rem); grid-template-columns: .9fr 1.1fr; }
.kb380-collaboration h2 { color: var(--kb380-navy); }
.kb380-collaboration > div > p:not(.kb380-eyebrow), .kb380-collaboration li { color: var(--kb380-muted); }
.kb380-collaboration ul { padding-left: 1.25rem; }
.kb380-direct-contact { display: grid; gap: .35rem; margin-top: 1.6rem; }
.kb380-direct-contact a { color: var(--kb380-navy); font-weight: 750; }
.kb380-collaboration form { background: #fff; border: 1px solid #ead8c6; border-radius: 24px; box-shadow: 0 20px 55px rgba(61,38,19,.08); padding: clamp(1.25rem, 3vw, 2.5rem); }
.kb380-form-grid { display: grid; gap: 0 1rem; grid-template-columns: repeat(2, 1fr); }
.kb380-honeypot { left: -10000px; position: absolute; }

.kb380-exhibitions { background: #fff; }
.kb380-origin { background: var(--kb380-navy); color: #fff; }
.kb380-origin .kb380-eyebrow { color: #ffb18f; }
.kb380-origin h2 { color: #fff; }
.kb380-origin__grid { display: grid; gap: clamp(3rem, 7vw, 7rem); grid-template-columns: 1.06fr .94fr; }
.kb380-origin__story > p { color: #c9d9e3; font-size: 1.02rem; }
.kb380-origin blockquote { border-left: 4px solid var(--kb380-orange); color: #fff; font-size: clamp(1.15rem, 2.2vw, 1.6rem); font-weight: 750; margin: 2rem 0 0; padding: .5rem 0 .5rem 1.2rem; }
.kb380-origin__principles { display: grid; gap: .8rem; }
.kb380-origin__principles article { background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.13); border-radius: 16px; padding: 1rem 1.15rem; }
.kb380-origin__principles span { color: #ffb18f; font-size: .7rem; font-weight: 800; }
.kb380-origin__principles h3 { color: #fff; margin: .5rem 0 .25rem; }
.kb380-origin__principles p { color: #bdd0dc; font-size: .84rem; margin: 0; }

.kb380-impact { background: var(--kb380-cream); }
.kb380-impact-grid { display: grid; gap: 1rem; grid-template-columns: repeat(4, 1fr); }
.kb380-impact-grid article { background: #fff; border: 1px solid #ecded0; border-radius: 20px; display: grid; min-height: 160px; padding: 1.4rem; }
.kb380-impact-grid strong { color: var(--kb380-navy); font-size: clamp(1.8rem, 3.2vw, 3rem); letter-spacing: -.04em; }
.kb380-impact-grid span { align-self: end; color: var(--kb380-muted); font-size: .86rem; }
.kb380-impact-note { color: #786b5e; font-size: .75rem; margin: 1rem 0 0; }

.kb380-videos { background: #f4f8fa; }
.kb380-video-grid { display: grid; gap: 1rem; grid-template-columns: repeat(4, 1fr); }
.kb380-video-card { background: #fff; border: 1px solid var(--kb380-line); border-radius: 18px; overflow: hidden; }
.kb380-video-card h3 { color: var(--kb380-navy); font-size: .95rem; margin: 0; padding: 1rem; }
.kb380-video-source { color: var(--kb380-orange-dark); display: inline-flex; font-size: .76rem; font-weight: 750; margin: -0.55rem 1rem 1rem; text-underline-offset: 3px; }
.kb380-video-facade { aspect-ratio: 4 / 5; background: radial-gradient(circle at 30% 20%, #255a73, #071d2e 70%); overflow: hidden; position: relative; }
.kb380-video-facade--instagram { background: radial-gradient(circle at 20% 100%, #f9ce34, #ee2a7b 47%, #6228d7 78%, #14213d); }
.kb380-video-facade--facebook { background: linear-gradient(145deg, #1877f2, #0d3c77); }
.kb380-video-facade--youtube { background: linear-gradient(145deg, #2b2525, #130909); }
.kb380-video-facade img, .kb380-video-facade iframe { border: 0; height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.kb380-video-facade::after { background: linear-gradient(transparent 45%, rgba(0,0,0,.65)); content: ""; inset: 0; pointer-events: none; position: absolute; }
.kb380-video-provider { background: rgba(0,0,0,.52); border: 1px solid rgba(255,255,255,.28); border-radius: 99px; color: #fff; font-size: .65rem; font-weight: 800; left: .8rem; letter-spacing: .08em; padding: .35rem .55rem; position: absolute; text-transform: uppercase; top: .8rem; z-index: 2; }
.kb380-video-facade button { align-items: center; background: transparent; border: 0; color: #fff; cursor: pointer; display: flex; flex-direction: column; font: inherit; inset: 0; justify-content: center; position: absolute; width: 100%; z-index: 3; }
.kb380-video-facade button i { align-items: center; background: #fff; border-radius: 50%; color: var(--kb380-orange); display: flex; font-style: normal; height: 58px; justify-content: center; padding-left: 4px; width: 58px; }
.kb380-video-facade button strong { margin-top: .6rem; }
.kb380-video-more { display: flex; margin: 2rem auto 0; }
.kb380-empty-proof { background: #fff; border: 1px dashed #b9cbd5; border-radius: 18px; padding: 2rem; text-align: center; }

.kb380-vendors { background: #fff; }
.kb380-apps { background: #eef7fb; }
.kb380-app-grid article { background: #fff; border-radius: 24px; box-shadow: 0 18px 50px rgba(13,44,69,.08); padding: clamp(1.5rem, 3vw, 2.6rem); }
.kb380-app-grid article > span { color: var(--kb380-orange-dark); font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.kb380-app-grid h3 { color: var(--kb380-navy); font-size: 1.65rem; margin: .8rem 0; }
.kb380-app-grid p { color: var(--kb380-muted); }

.kb380-team { background: #fff; }
.kb380-team-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); }
.kb380-team-grid article { border: 1px solid var(--kb380-line); border-radius: 22px; padding: 1.5rem; }
.kb380-team-grid article > span { align-items: center; background: var(--kb380-navy); border-radius: 50%; color: #fff; display: flex; font-size: .85rem; font-weight: 800; height: 52px; justify-content: center; width: 52px; }
.kb380-team-grid h3 { color: var(--kb380-navy); margin: 1.2rem 0 .35rem; }
.kb380-team-grid strong { color: var(--kb380-orange-dark); display: block; font-size: .78rem; line-height: 1.45; min-height: 2.3em; }
.kb380-team-grid p { color: var(--kb380-muted); font-size: .85rem; margin: .8rem 0 0; }

.kb380-final { background: linear-gradient(120deg, #081f32, #0d405c); color: #fff; padding: clamp(4rem, 8vw, 7rem) 0; }
.kb380-final .kb-shell { align-items: center; display: flex; gap: 2rem; justify-content: space-between; }
.kb380-final .kb380-eyebrow { color: #ffb18f; }
.kb380-final h2 { color: #fff; margin-bottom: .8rem; }
.kb380-final p:not(.kb380-eyebrow) { color: #c5d8e3; max-width: 60ch; }
.kb380-final .kb380-actions { flex-direction: column; min-width: 230px; }

.kb380-exhibitions .kb-exhibition-grid, .kb380-vendors .kb-vendor-grid { margin-top: 0; }

@media (max-width: 1080px) {
  .kb380-hero__grid, .kb380-doopr, .kb380-growth-check, .kb380-consultation, .kb380-collaboration, .kb380-origin__grid { grid-template-columns: 1fr; }
  .kb380-hero { min-height: auto; }
  .kb380-hero__copy h1 { max-width: 14ch; }
  .kb380-hero__guide { max-width: 720px; }
  .kb380-growth-result { grid-column: 1; }
  .kb380-system-grid, .kb380-impact-grid { grid-template-columns: repeat(2, 1fr); }
  .kb380-video-grid { grid-template-columns: repeat(3, 1fr); }
  .kb380-doopr__media { aspect-ratio: 2 / 1; }
}

@media (max-width: 760px) {
  .kb380-hero { padding-top: 3.4rem; }
  .kb380-hero__grid { gap: 2rem; }
  .kb380-proofline { grid-template-columns: 1fr; }
  .kb380-proofline span { align-items: center; grid-template-columns: 90px 1fr; }
  .kb380-journey-status { bottom: -30px; border-radius: 18px; }
  .kb380-story-intro, .kb380-customer-paths, .kb380-app-grid, .kb380-team-grid, .kb380-form-grid { grid-template-columns: 1fr; }
  .kb380-section-heading--split, .kb380-final .kb-shell { align-items: flex-start; flex-direction: column; }
  .kb380-section-heading--split > a { margin-top: .4rem; }
  .kb380-video-grid { grid-template-columns: repeat(2, 1fr); }
  .kb380-consultation-facts { grid-template-columns: 1fr 1fr; }
  .kb380-final .kb380-actions { align-items: flex-start; min-width: 0; }
}

@media (max-width: 520px) {
  .kb-home-v380 h1 { font-size: clamp(2.35rem, 13vw, 3.25rem); }
  .kb380-hero__guide, .kb380-growth-check, .kb380-doopr, .kb380-consultation { border-radius: 22px; }
  .kb380-hero__guide { padding: 1.15rem; }
  .kb380-system-grid, .kb380-impact-grid, .kb380-video-grid { grid-template-columns: 1fr; }
  .kb380-system-grid article { min-height: 230px; }
  .kb380-consultation-facts { grid-template-columns: 1fr; }
  .kb380-assessment-actions { align-items: stretch; flex-direction: column-reverse; }
  .kb380-assessment-actions .kb380-button { width: 100%; }
  .kb380-video-facade { aspect-ratio: 16 / 10; }
}

@media (prefers-reduced-motion: reduce) {
  .kb-home-v380 *, .kb-home-v380 *::before, .kb-home-v380 *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}