.home-redesign .home-hero h1 {
  max-width: 100%;
  font-size: clamp(39px, 3.65vw, 64px);
  line-height: 1.02;
  letter-spacing: -.035em;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.home-redesign .home-hero h1 span,
.home-redesign .home-hero h1 strong {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.home-koos-section {
  padding: 58px clamp(18px, 3.4vw, 58px) 32px;
}

.home-koos-showcase {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  min-height: 350px;
  border: 1px solid rgba(91, 201, 255, .3);
  border-radius: 36px;
  color: #f7fbff;
  background: radial-gradient(circle at 80% 25%, rgba(41, 158, 255, .25), transparent 44%), linear-gradient(125deg, #071b35, #172951 80%);
  box-shadow: 0 28px 75px rgba(0, 0, 0, .23);
  text-decoration: none;
  isolation: isolate;
}

.home-koos-showcase:focus-visible { outline: 3px solid #77daff; outline-offset: 5px; }
.home-koos-message { position: relative; z-index: 2; min-width: 0; padding: 34px clamp(30px, 4.5vw, 70px); }
.home-koos-wordmark { display: block; width: 170px; height: 86px; object-fit: contain; object-position: left center; }
.home-koos-kicker { margin: 0 0 10px; color: #8fe6d9; font-size: 11px; font-weight: 900; letter-spacing: .15em; }
.home-koos-message h2 { max-width: 580px; margin: 0; font-size: clamp(38px, 4vw, 66px); line-height: .96; letter-spacing: -.05em; text-transform: none; overflow-wrap: normal; word-break: normal; hyphens: none; }
.home-koos-lead { max-width: none; width: max-content; margin: 18px 0 0; color: #c4d5e8; font-size: clamp(10px, .95vw, 16px); line-height: 1.45; white-space: nowrap; }
.home-koos-scene { position: relative; align-self: stretch; min-height: 350px; }
.home-koos-laptop { position: absolute; top: 38px; right: 5%; left: 8%; height: 265px; overflow: hidden; border: 1px solid rgba(255,255,255,.65); border-radius: 18px 18px 7px 7px; background: #f5f8fc; box-shadow: 0 22px 48px rgba(0,0,0,.32); transform: perspective(900px) rotateY(-5deg); }
.home-koos-laptop-bar { display: flex; align-items: center; gap: 5px; height: 42px; padding: 5px 13px; background: white; }
.home-koos-laptop-bar img { width: 72px; height: 32px; object-fit: contain; margin-right: auto; }
.home-koos-laptop-bar i { width: 6px; height: 6px; border-radius: 50%; background: #c9d4e3; }
.home-koos-laptop-content { display: flex; flex-direction: column; gap: 13px; height: 100%; padding: 29px; background: linear-gradient(115deg, #0b203b, #20528e); }
.home-koos-laptop-content small { color: #93eee2; font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.home-koos-laptop-content strong { max-width: 420px; font-size: clamp(21px, 2.3vw, 34px); line-height: 1.08; }
.home-koos-laptop-base { position: absolute; right: 2%; bottom: 27px; left: 5%; height: 15px; border-radius: 4px 4px 24px 24px; background: linear-gradient(#f6f9ff, #68798c); box-shadow: 0 14px 25px rgba(0,0,0,.35); transform: perspective(400px) rotateX(56deg); }
.home-koos-phone { position: absolute; z-index: 3; top: -78px; right: -5px; width: 263px; aspect-ratio: 638 / 960; filter: drop-shadow(-20px 25px 28px rgba(0,0,0,.55)); pointer-events: none; }
.home-koos-phone > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.home-koos-phone-screen { position: absolute; top: 14%; left: 24.8%; width: 44%; height: 76.7%; overflow: hidden; border-radius: 10px 10px 28px 20px; color: #f8fcff; background: linear-gradient(130deg, rgba(20,53,87,.8), rgba(5,24,48,.95) 56%, rgba(4,20,40,.98)); transform: skewY(-5deg); transform-origin: left top; clip-path: polygon(0 1%, 100% 0, 100% 98%, 0 100%); }
.home-koos-phone-page { display: flex; flex-direction: column; gap: 0; height: 100%; padding: 4px 8px 11px; text-shadow: 0 1px 2px rgba(0,0,0,.45); }
.home-koos-phone-header { display: flex; justify-content: space-between; align-items: center; min-height: 20px; padding: 0 3px 4px; border-bottom: 1px solid rgba(255,255,255,.15); }
.home-koos-phone-header b { font-size: 16px; line-height: 1; letter-spacing: -.08em; }
.home-koos-phone-header span { padding: 2px 3px; border: 1px solid rgba(255,255,255,.35); border-radius: 4px; font-size: 5px; font-weight: 800; }
.home-koos-phone-intro { display: flex; flex-direction: column; padding: 13px 2px 11px; }
.home-koos-phone-intro small { color: #7fe3e1; font-size: 5px; font-weight: 900; letter-spacing: .06em; line-height: 1.15; }
.home-koos-phone-intro strong { margin-top: 7px; font-size: 11px; line-height: 1.08; letter-spacing: -.035em; }
.home-koos-phone-intro span { margin-top: 5px; color: #c0d5e9; font-size: 5px; line-height: 1.2; }
.home-koos-phone-search { display: flex; align-items: center; gap: 3px; min-height: 20px; padding: 4px; border: 1px solid rgba(255,255,255,.55); border-radius: 5px; background: rgba(255,255,255,.92); color: #41516a; text-shadow: none; }
.home-koos-phone-search span:first-child { font-size: 11px; line-height: .6; }
.home-koos-phone-search span:last-child { font-size: 4.5px; line-height: 1.1; }
.home-koos-phone-results { display: flex; justify-content: space-between; align-items: center; margin: 12px 0 4px; }
.home-koos-phone-results small { font-size: 6px; font-weight: 800; line-height: 1.1; }
.home-koos-phone-results i { display: block; width: 9px; height: 3px; border-radius: 2px; background: #63bdfd; }
.home-koos-phone-job { display: flex; flex-direction: column; gap: 4px; padding: 7px 6px; border: 1px solid rgba(98,209,255,.38); border-radius: 7px; background: rgba(7,25,47,.9); }
.home-koos-phone-job small { width: max-content; padding: 2px 3px; border-radius: 3px; background: rgba(45,154,243,.25); color: #a5ecff; font-size: 4.5px; line-height: 1.1; }
.home-koos-phone-job b { font-size: 7px; line-height: 1.13; }
.home-koos-phone-job span { color: #b9cce2; font-size: 4.5px; line-height: 1.2; }
.home-koos-phone-job em { display: block; margin-top: 2px; padding: 4px 2px; border-radius: 3px; background: linear-gradient(105deg, #1b9cf0, #5150d9); color: white; font-size: 5px; font-style: normal; font-weight: 800; line-height: 1; text-align: center; }
.home-koos-phone-job-secondary { gap: 3px; margin-top: 5px; padding: 6px; background: rgba(7,25,47,.65); }
body.light .home-koos-showcase { color: #f7fbff; }

@media (max-width: 1050px) {
  .home-redesign .home-hero h1 { font-size: clamp(36px, 4.5vw, 53px); }
  .home-koos-phone { width: 230px; top: -55px; }
}

@media (max-width: 720px) {
  .home-redesign .home-hero h1 { font-size: clamp(29px, 7.5vw, 44px); line-height: 1.06; letter-spacing: -.035em; }
  .home-koos-section { padding: 32px 16px 20px; }
  .home-koos-showcase { display: block; min-height: 238px; overflow: hidden; border-radius: 26px; }
  .home-koos-message { position: absolute; inset: 0; padding: 17px 20px; pointer-events: none; }
  .home-koos-wordmark { width: 116px; height: 56px; }
  .home-koos-kicker, .home-koos-message h2, .home-koos-lead { display: none; }
  .home-koos-scene { min-height: 238px; }
  .home-koos-laptop { top: 82px; right: 9%; left: 9%; height: 132px; border-radius: 12px 12px 4px 4px; transform: perspective(600px) rotateX(-3deg); }
  .home-koos-laptop-bar { height: 24px; padding: 2px 9px; }
  .home-koos-laptop-bar img { width: 48px; height: 19px; }
  .home-koos-laptop-bar i { width: 5px; height: 5px; }
  .home-koos-laptop-content { gap: 6px; padding: 13px 15px; }
  .home-koos-laptop-content small { font-size: 8px; }
  .home-koos-laptop-content strong { font-size: 18px; }
  .home-koos-laptop-base { bottom: 17px; right: 6%; left: 6%; height: 14px; }
  .home-koos-phone { display: none; }
}