/*
 * Measured visual contract against 05-mockups/crops-concept-v2.
 * Desktop coordinates are locked to the 1360 px concept canvas while the
 * production copy, routes and all seven navigation actions remain intact.
 */

@media (min-width: 701px) {
  body {
    background:
      radial-gradient(ellipse 74% 44% at 50% 9%, rgba(253, 222, 180, .23), transparent 70%),
      linear-gradient(90deg, #fff 0%, #fffdfb 13%, #fff9f3 50%, #fffdfb 87%, #fff 100%);
  }

  .kv2-site {
    border: 0;
    border-radius: 0;
    box-shadow:
      0 0 120px 72px rgba(255, 249, 243, .82),
      0 30px 90px rgba(34, 43, 57, .045);
  }
}

@media (min-width: 1200px) {
  .kv2-site .kv2-nav-inner {
    transform: translateY(8px);
  }

  .kv2-site .kv2-navbar .kv2-brand-image {
    width: 263px;
    max-width: none;
    transform: translate(-3px, 1px) scaleY(.92);
    transform-origin: center;
  }

  .kv2-site .kv2-nav-links {
    justify-content: flex-end;
    gap: 20px;
  }

  .kv2-site .kv2-nav-links .kv2-nav-link {
    font-size: 12px !important;
  }

  .kv2-site .kv2-nav-actions .kv2-nav-cta {
    min-height: 40px;
    padding-inline: 18px;
    font-size: 13px;
    transform: translate(13px, -2px);
  }

  .kv2-site .kv2-hero-copy {
    transform: translate(8px, -49px);
  }

  .kv2-site .kv2-hero-copy > .kv2-eyebrow {
    visibility: hidden;
  }

  .kv2-site .kv2-hero-copy .kv2-lead {
    max-width: 405px;
  }

  .kv2-site .kv2-hero-copy .kv2-hero-actions {
    row-gap: 20px;
    column-gap: 14px;
    margin-top: 38px;
  }

  .kv2-site .kv2-hero-actions .kv2-button {
    min-height: 62px;
    padding-inline: 22px;
    font-size: 13px;
  }

  .kv2-site .kv2-hero-actions .kv2-button-secondary {
    width: 220px;
  }

  .kv2-site .kv2-hero-browser {
    transform: translate(-9px, -15px) scale(.888, .976);
    transform-origin: center;
  }

  .kv2-site .kv2-hero-tablet {
    transform: translate(-57px, -35.5px) scale(1, .927);
    transform-origin: center;
  }

  .kv2-site .kv2-hero-phone {
    transform: translate(-21.5px, -33.5px) scale(1.009, .952);
    transform-origin: center;
  }

  .kv2-site .kv2-hero-mascot {
    transform: translate(-6px, 12px) scale(.856, .852);
    transform-origin: center;
  }

  .kv2-site .kv2-hero > .kv2-proof-grid {
    width: calc(100% - 78px);
    max-width: 1280px;
    padding-top: 18px;
  }

  .kv2-site .kv2-proof-card {
    min-height: 120px;
  }
}

@media (max-width: 700px) {
  .kv2-site .kv2-navbar#navbar {
    background: #fff;
  }

  .kv2-site .kv2-navbar .kv2-brand-image {
    width: 155px;
    content: url("../images/kuzya-concept-v2/brand/brand-lockup-compact-dark.png");
    transform: translate(14px, 16px);
  }

  .kv2-site .kv2-menu-toggle {
    margin-right: 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .kv2-site .kv2-hero {
    background:
      radial-gradient(circle at 110% 38%, rgba(253, 222, 180, .34), transparent 43%),
      #fff;
  }

  .kv2-site .kv2-hero-layout {
    height: 629px;
    min-height: 629px;
  }

  .kv2-site .kv2-hero-mascot {
    inset: 14px auto auto calc(50% + 12px);
    width: 243px;
    height: 306px;
    content: url("../images/kuzya-brand-v2/mascot/kuzya-doctor-open-arms-768.png");
    object-fit: contain;
    transform: translateX(-50%);
  }

  .kv2-site .kv2-hero-copy {
    transform: translateY(-50px);
  }

  .kv2-site .kv2-hero .kv2-display {
    max-width: 230px;
    margin-right: auto;
    margin-left: 0;
  }

  .kv2-site .kv2-hero .kv2-lead {
    font-size: 12px;
    line-height: 1.4;
  }

  .kv2-site .kv2-hero-actions {
    max-width: 252px;
    margin-top: 8px;
  }

  .kv2-site .kv2-hero-actions .kv2-button-primary {
    min-height: 56px;
  }

  .kv2-site .kv2-hero-actions .kv2-button-secondary {
    min-height: 50px;
  }
}