/* Owner-approved 2026-10-16 focus: retain winning hero, remove excessive vertical gap,
   make chat reachable immediately, deepen dark charcoal by a touch. No custom fonts or trackers. */
body.winner-home.kc-home {
  background-color:#030706;
}
body.winner-home.kc-home .gw-stage {
  background:radial-gradient(ellipse at 50% 16%,#17351a0b,transparent 53%),#030706;
}
body.winner-home.kc-home .gw-header {
  background:linear-gradient(110deg,#060a0a,#090d0e 60%,#030707);
}
/* Desktop: the hero should follow its content, rather than consuming a whole viewport. */
@media (min-width:761px) {
  body.winner-home.kc-home .gw-hero:has(.gw-vision-headline) {
    display:block;
    min-height:0;
    padding-top:41px;
    padding-bottom:28px;
  }
  body.winner-home.kc-home .gw-hero-copy:has(.gw-vision-headline) {
    padding-top:0;
    margin-inline:auto;
  }
  body.winner-home.kc-home .gw-hero-actions {
    margin-top:19px;
  }
}
/* On mobile maintain the beautiful full hero; trim the redundant padding. */
@media (max-width:760px) {
  body.winner-home.kc-home .gw-hero:has(.gw-vision-headline) {
    display:block;
    min-height:0;
    padding-top:24px;
    padding-bottom:14px;
  }
  body.winner-home.kc-home .gw-hero-copy:has(.gw-vision-headline) {
    margin-inline:auto;
    padding-top:0;
  }
}
/* Chat starts directly beneath the hero, without a second splash introduction. */
body.kc-home #chat.kc-section {
  padding-top:0;
  margin-top:0;
  margin-bottom:27px;
  scroll-margin-top:12px;
  width:min(1380px,96%);
}
body.kc-home #chat .kc-section-intro {
  position:absolute;
  overflow:hidden;
  clip:rect(0,0,0,0);
  clip-path:inset(50%);
  width:1px;
  height:1px;
  padding:0;
  margin:0;
  border:0;
  white-space:nowrap;
}
body.kc-home #chat .kc-chat-shell {
  border-color:#293c29;
  border-radius:17px;
}
body.kc-home #chat .kc-chat-header {
  min-height:62px;
  padding-top:9px;
  padding-bottom:9px;
}
body.kc-home #chat .kc-scroller {
  height:clamp(162px,22svh,224px);
  padding-top:14px;
  padding-bottom:8px;
}
body.kc-home #chat .kc-welcome {
  padding-top:4px;
}
body.kc-home #chat .kc-compose-area {
  padding-bottom:17px;
}
@media (max-width:760px) {
  body.kc-home #chat.kc-section {width:calc(100% - 16px);margin-bottom:25px}
  body.kc-home #chat .kc-scroller {height:clamp(135px,21svh,192px);padding-inline:14px}
  body.kc-home #chat .kc-chat-header {min-height:58px}
}
/* Subtle darkening across marketing and the fullscreen work surface. */
body.kc-chat-page { --kc-bg:#060a09; background:#060a09 }
body :is(.kc-chat-shell) {
  background:radial-gradient(ellipse at 50% 25%,#94db2004,transparent 60%),#090e0c;
  border-color:#293a2d;
}
body .kc-chat-header {background:#0a0f0d}
body .kc-composer {background:#172018;border-color:#4b6040}
body .kc-user .kc-message-body {background:#1c2918}
body.kc-chat-page .kc-scroller {background:#060a09}
/* Darken surroundings only: keep the approved lime highlight and readable text. */
body :is(.kc-message-text) {color:#f1f5ef}
body :is(.kc-message-meta) {color:#c6d3c3}
body #kc-prompt {color:#f7faf3}
body #kc-prompt::placeholder {color:#bdc8b3}
body .kc-demo-banner {background:#0d170f}
@media (prefers-reduced-motion:reduce) {
  body.kc-home #chat,body.kc-chat-page .kc-chat-shell {scroll-behavior:auto}
}
/* Homepage is a front-door composer, not a second full transcript.
   Starting from the hero continues in the full chat page; no conversation loss. */
body.kc-home #chat .kc-scroller {display:none}
body.kc-home #chat .kc-context {display:none}
body.kc-home #chat .kc-compose-area {padding-top:17px;padding-bottom:20px;max-width:1030px}
body.kc-home #chat .kc-chat-shell {min-height:0}
body.kc-home #chat .kc-composer {max-width:900px;margin-inline:auto}
body.kc-home #chat .kc-composer-foot {justify-content:center;gap:20px}
body.kc-home #chat .kc-disclaimer {text-align:center;font-size:13px}
/* If tab storage is unavailable, keep the example reply visible inline. */
body.kc-home.kc-preview-inline #chat .kc-scroller {display:block;height:clamp(180px,27svh,270px)}
body.kc-home.kc-preview-inline #chat .kc-context {display:block}
@media(max-width:760px){
body.kc-home #chat .kc-compose-area {padding-top:12px;padding-bottom:15px}
body.kc-home #chat .kc-composer-foot {gap:7px}
}
/* Hide retry action until a saved AI request is actually pending. */
body #kc-ai-retry[hidden] {display:none!important}
