/*
  ═══════════════════════════════════════════════════════════════════════════════
  PRINT PAGE — Desktop 1440+ Fluid
  Figma 1440px эталон. clamp(min, calc(X * 100vw / 1440), max)
  Без фона в Hero, космонавт 556×556 at left:824 top:125
  ═══════════════════════════════════════════════════════════════════════════════
*/
@media (min-width: 1440px) {
  .demo-print {
    width: min(100%, clamp(1440px, 100vw, 2560px));
    margin-left: auto;
    margin-right: auto;
    background: #000000;
    overflow-x: hidden;
  }

  /* Hero — hero-with-figure (css_v2), без фона как Design */
  .demo-print .hero-with-figure__title-mobile {
    display: none;
  }
  .demo-print .hero-with-figure__title-desktop {
    display: block;
  }
  .demo-print .hero-with-figure__bg,
  .demo-print .hero-with-figure__bg-img,
  .demo-print .hero-with-figure__overlay {
    display: none;
  }

  .demo-print .hero-with-figure {
    min-height: 751px;
    overflow: visible;
  }

  .demo-print .hero-with-figure__content {
    position: absolute;
    left: clamp(178px, calc(178 * 100vw / 1440), 317px);
    top: 50%;
    transform: translateY(-50%);
    width: clamp(686px, calc(686 * 100vw / 1440), 1222px);
    z-index: 2;
  }

  .demo-print .hero-with-figure__title {
    margin: 0 0 clamp(24px, calc(24 * 100vw / 1440), 43px);
    font-size: clamp(65px, calc(65 * 100vw / 1440), 116px);
    font-weight: 800;
    line-height: clamp(84.5px, calc(84.5 * 100vw / 1440), 151px);
    letter-spacing: 0.48px;
  }

  .demo-print .hero-with-figure__subtitle {
    width: clamp(512px, calc(512 * 100vw / 1440), 911px);
    margin: 0 0 clamp(36px, calc(36 * 100vw / 1440), 64px);
    font-size: clamp(21px, calc(21 * 100vw / 1440), 37px);
    line-height: clamp(31.5px, calc(31.5 * 100vw / 1440), 56px);
    color: #c4c4c4;
  }

  .demo-print .hero-with-figure__actions {
    gap: clamp(14px, calc(14 * 100vw / 1440), 25px);
  }

  .demo-print .hero-with-figure__image-wrap {
    position: absolute;
    left: clamp(824px, calc(824 * 100vw / 1440), 1467px);
    top: clamp(125px, calc(125 * 100vw / 1440), 223px);
    width: clamp(556px, calc(556 * 100vw / 1440), 990px);
    height: clamp(556px, calc(556 * 100vw / 1440), 990px);
    z-index: 1;
  }

  .demo-print .hero-with-figure::before {
    display: none;
  }

  .demo-print .hero-with-figure__glow {
    display: none;
  }

  .demo-print .hero-with-figure::after {
    content: "";
    position: absolute;
    left: 68.68%;
    right: 12.78%;
    top: clamp(251px, calc(251 * 100vw / 1440), 447px);
    height: clamp(263px, calc(263 * 100vw / 1440), 468px);
    background: rgba(255, 123, 0, 0.6);
    filter: blur(110px);
    border-radius: 100px;
    pointer-events: none;
    z-index: 0;
  }

  .demo-print .hero-with-figure__img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
  }

  /* Section 2: Brand System — css_v2/content-media-rows.css */

  /* Section 3: Solutions — css_v2/components/feature-grid.css (Blok5) */
  .feature-grid--print {
    width: 100%;
    background: #000000;
    padding-top: clamp(100px, calc(100 * 100vw / 1440), 178px);
  }

  .feature-grid--print .container {
    width: clamp(1088px, calc(1088 * 100vw / 1440), 1938px);
    max-width: 100%;
    margin-left: clamp(176px, calc(176 * 100vw / 1440), 313px);
    margin-right: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(51px, calc(51 * 100vw / 1440), 91px);
  }

  .feature-grid--print .feature-grid__title {
    width: clamp(917px, calc(917 * 100vw / 1440), 1634px);
    max-width: 100%;
    margin: 0;
    font-size: clamp(48px, calc(48 * 100vw / 1440), 85px);
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.03em;
  }

  .feature-grid--print .feature-grid__grid {
    width: clamp(1088px, calc(1088 * 100vw / 1440), 1938px);
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    gap: clamp(22px, calc(22 * 100vw / 1440), 39px);
  }

  .feature-grid--print .feature-card {
    width: clamp(533px, calc(533 * 100vw / 1440), 949px);
    height: clamp(250px, calc(250 * 100vw / 1440), 445px);
    border-radius: 12px;
    background: #19161c;
    padding: 0 clamp(44px, calc(44 * 100vw / 1440), 78px);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(22px, calc(22 * 100vw / 1440), 39px);
  }

  .feature-grid--print .feature-card__icon {
    width: clamp(100px, calc(100 * 100vw / 1440), 178px);
    height: clamp(100px, calc(100 * 100vw / 1440), 178px);
    flex-shrink: 0;
    display: block;
    object-fit: contain;
  }

  .feature-grid--print .feature-card__body {
    width: clamp(337px, calc(337 * 100vw / 1440), 600px);
    gap: clamp(22px, calc(22 * 100vw / 1440), 39px);
  }

  .feature-grid--print .feature-card__title {
    font-size: clamp(24px, calc(24 * 100vw / 1440), 43px);
    line-height: 130%;
    letter-spacing: -0.03em;
  }

  .feature-grid--print .feature-card__text {
    font-size: clamp(22px, calc(22 * 100vw / 1440), 39px);
    line-height: 130%;
    letter-spacing: -0.03em;
    color: #c9cad6;
  }

  /* Section 4: How (140:5258) */
  .demo-print-how {
    position: relative;
    width: 100%;
    height: auto;
    min-height: clamp(712px, calc(712 * 100vw / 1440), 1267px);
    background: #000000;
    padding-top: clamp(100px, calc(100 * 100vw / 1440), 178px);
  }

  .demo-print-how__title {
    width: clamp(819px, calc(819 * 100vw / 1440), 1458px);
    max-width: 100%;
    margin: 0 0 clamp(68px, calc(68 * 100vw / 1440), 121px) clamp(177px, calc(177 * 100vw / 1440), 315px);
    font-family: var(--font-sans);
    font-size: clamp(48px, calc(48 * 100vw / 1440), 85px);
    font-weight: 600;
    line-height: clamp(62.4px, calc(62.4 * 100vw / 1440), 111px);
    letter-spacing: 0.48px;
    color: #ffffff;
  }

  .demo-print-how__grid {
    width: clamp(1088px, calc(1088 * 100vw / 1440), 1938px);
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    gap: clamp(30px, calc(30 * 100vw / 1440), 53px);
  }

  .demo-print-how__card {
    width: clamp(249px, calc(249 * 100vw / 1440), 443px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .demo-print-how__ring {
    width: clamp(163px, calc(163 * 100vw / 1440), 290px);
    height: clamp(163px, calc(163 * 100vw / 1440), 290px);
    border-radius: 50%;
    background: #19161c;
    border: 2px solid #ff7b00;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: clamp(17px, calc(17 * 100vw / 1440), 30px);
  }

  .demo-print-how__icon {
    width: clamp(80px, calc(80 * 100vw / 1440), 142px);
    height: clamp(80px, calc(80 * 100vw / 1440), 142px);
    display: block;
  }

  .demo-print-how__h3 {
    margin: 0 0 clamp(22px, calc(22 * 100vw / 1440), 39px);
    font-family: var(--font-sans);
    font-size: clamp(18px, calc(18 * 100vw / 1440), 32px);
    font-weight: 700;
    line-height: clamp(23.4px, calc(23.4 * 100vw / 1440), 42px);
    letter-spacing: -0.54px;
    color: #ffffff;
  }

  .demo-print-how__p {
    margin: 0;
    font-family: var(--font-sans);
    font-size: clamp(18px, calc(18 * 100vw / 1440), 32px);
    font-weight: 400;
    line-height: clamp(23.4px, calc(23.4 * 100vw / 1440), 42px);
    letter-spacing: -0.54px;
    color: #ffffff;
  }

  /* Section 5: Contact — как Telegram, стили из cta-form.css (forms-1) */
}

/* 1441px+: lock — не масштабируется, фиксированные 1440 значения */
@media (min-width: 1441px) {
  .feature-grid--print {
    padding-top: 100px;
  }
  .feature-grid--print .container {
    width: 1088px;
    margin-left: 176px;
    gap: 51px;
  }
  .feature-grid--print .feature-grid__title {
    width: 917px;
    font-size: 48px;
  }
  .feature-grid--print .feature-grid__grid {
    width: 1088px;
    gap: 22px;
  }
  .feature-grid--print .feature-card {
    width: 533px;
    height: 250px;
    padding: 0 44px;
    gap: 22px;
  }
  .feature-grid--print .feature-card__icon {
    width: 100px;
    height: 100px;
  }
  .feature-grid--print .feature-card__body {
    width: 337px;
    gap: 22px;
  }
  .feature-grid--print .feature-card__title {
    font-size: 24px;
  }
  .feature-grid--print .feature-card__text {
    font-size: 22px;
  }
  .demo-print-how {
    min-height: 712px;
    padding-top: 100px;
  }
  .demo-print-how__title {
    width: 819px;
    margin: 0 0 68px 177px;
    font-size: 48px;
    line-height: 62.4px;
  }
  .demo-print-how__grid {
    width: 1088px;
    gap: 30px;
  }
  .demo-print-how__card {
    width: 249px;
  }
  .demo-print-how__ring {
    width: 163px;
    height: 163px;
    margin-bottom: 17px;
  }
  .demo-print-how__icon {
    width: 80px;
    height: 80px;
  }
  .demo-print-how__h3 {
    margin: 0 0 22px;
    font-size: 18px;
    line-height: 23.4px;
  }
  .demo-print-how__p {
    font-size: 18px;
    line-height: 23.4px;
  }
}