@font-face { font-family:'Work Sans'; src:url('assets/fonts/work-sans-regular-v1.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
    @font-face { font-family:'Work Sans'; src:url('assets/fonts/work-sans-semibold-v1.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
    @font-face { font-family:'Work Sans'; src:url('assets/fonts/work-sans-bold-v1.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }
    @font-face { font-family:'Spectral'; src:url('assets/fonts/spectral-light-italic-v1.woff2') format('woff2'); font-weight:300; font-style:italic; font-display:swap; }
    * { box-sizing:border-box; }
    body { margin:0; background:#eeeeee; }
    a { color:#766c08; text-decoration:none; }
    a:hover { color:#302f2d; }
    .responsive-picture { display:block; width:100%; height:100%; }
    .nfold-more { max-height:0; opacity:0; overflow:hidden; margin-top:0; transition:max-height .55s ease, opacity .4s ease, margin-top .4s ease; }
    .nfold:hover .nfold-more, .nfold.revealed .nfold-more { max-height:240px; opacity:1; margin-top:clamp(8px,1vw,12px); }
    @media (max-width:760px) {
      .hero-title { font-size:clamp(40px,12.5vw,64px) !important; }
      .hero-left { text-align:center !important; align-items:center !important; }
      .hero-left p { max-width:none !important; }
      .hero-cta { align-self:center !important; }
      .mob-br { display:inline !important; }
      .result-grid { grid-template-columns:1fr !important; }
      .result-photo { order:-1 !important; min-height:clamp(200px,52vw,300px) !important; }
      .stg-head { white-space:normal !important; }
      .hero-photo { aspect-ratio:auto !important; height:clamp(300px,50vh,460px) !important; }
      .hero-row { grid-template-columns:1fr !important; grid-template-areas:'text' 'photo' 'stats' !important; }
      .pk-pricerow > a { margin-left: calc(clamp(112px,11vw,164px) + clamp(20px,2.4vw,32px)) !important; }
      .faq-cta-wrap { justify-content:center !important; }
      .contact-main { grid-template-columns:1fr !important; }
      .contact-photo { aspect-ratio:3/2 !important; min-height:0 !important; }
      .contact-links { grid-template-areas:'a b' 'c c' 'd d' !important; }
      .contact-copy { text-align:left !important; }
      .value-grid { grid-template-columns:1fr !important; gap:clamp(32px,7vw,48px) !important; }
      .change-cards { grid-template-columns:1fr 1fr !important; gap:clamp(12px,3vw,18px) !important; }
      .change-cards .flip-card { height:clamp(330px,62vw,420px) !important; }
      .change-cards .flip-face { padding:clamp(15px,3.6vw,22px) !important; }
      .change-cards .flip-face > svg { width:clamp(34px,8vw,46px) !important; }
      .change-cards .flip-face p:nth-of-type(1) { font-size:clamp(15px,3.6vw,18px) !important; line-height:1.08 !important; margin:clamp(10px,2.8vw,16px) 0 clamp(7px,1.8vw,11px) !important; }
      .change-cards .flip-face p:nth-of-type(2) { font-size:clamp(11px,2.7vw,13px) !important; line-height:1.34 !important; }
      .change-elev { margin:0 !important; }
      .start-grid { grid-template-columns:1fr !important; gap:clamp(24px,6vw,32px) !important; }
      .tl-line { left:clamp(14px,3.5vw,17px) !important; transform:none !important; }
      .tl-step { grid-template-columns:clamp(28px,7vw,34px) 1fr !important; column-gap:clamp(14px,4vw,20px) !important; align-items:start !important; }
      .tl-dot { grid-column:1 !important; grid-row:1 !important; margin-top:clamp(7px,2vw,12px) !important; }
      .tl-content { grid-column:2 !important; grid-row:1 !important; text-align:left !important; }
      .start-wrap { grid-template-columns:1fr !important; }
      .start-photo { min-height:clamp(320px,80vw,460px) !important; }
      .pk-row { align-items:flex-start !important; }
      .pk-img { height:auto !important; aspect-ratio:4/5 !important; }
    }
    @media (min-width:761px) and (max-width:1024px) {
      .change-cards { grid-template-columns:1fr 1fr !important; }
      .change-elev { margin:0 !important; }
    }
    .mob-br { display:none; }
    .result-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,1.4vw,22px); align-items:stretch; }
    .result-card { background:#f3f2f1; border-radius:clamp(14px,1.4vw,20px); box-shadow:0 16px 34px -22px rgba(48,47,45,0.45); padding:clamp(22px,2.2vw,32px); display:flex; flex-direction:column; }
    .result-photo { border-radius:clamp(14px,1.4vw,20px); overflow:hidden; background:#dcdbd5; box-shadow:0 16px 34px -22px rgba(48,47,45,0.45); min-height:clamp(190px,17vw,250px); }
    .result-photo img { width:100%; height:100%; object-fit:cover; display:block; }
    .result-cred { margin-top:clamp(16px,1.6vw,24px); background:#f3f2f1; border-radius:clamp(14px,1.4vw,20px); box-shadow:0 16px 34px -22px rgba(48,47,45,0.45); padding:clamp(18px,1.8vw,26px) clamp(22px,2.2vw,32px); }
    .prog-row { cursor:default; }
    .prog-summary, .prog-sample { cursor:pointer; }
    .flip-card { position:relative; perspective:1600px; cursor:pointer; }
    .flip-inner { position:relative; width:100%; height:100%; transform-style:preserve-3d; transition:transform .6s cubic-bezier(.4,0,.2,1); }
    .flip-face { position:absolute; inset:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; }
    .flip-back { transform:rotateY(180deg); }
    .prog-detail { max-height:0; opacity:0; overflow:hidden; transition:max-height .55s ease, opacity .4s ease; }
    .prog-row:hover .prog-detail, .prog-row:focus-within .prog-detail { max-height:640px; opacity:1; }
    .prog-num, .prog-title { transition:color .3s ease; }
    .prog-row:hover .prog-num, .prog-row:hover .prog-title { color:#766c08; }
    .stories-wrap { display:flex; flex-direction:column; gap:clamp(18px,2.2vw,30px); }
    .story-card { display:grid; grid-template-columns:minmax(200px,240px) 1fr minmax(280px,350px); gap:clamp(22px,2.6vw,44px); background:#f3f2f1; border:none; border-radius:clamp(16px,1.6vw,24px); padding:clamp(24px,2.6vw,40px); align-items:start; box-shadow:0 14px 30px -18px rgba(48,47,45,0.28); }
    .story-right { display:flex; flex-direction:column; gap:clamp(12px,1.3vw,18px); }
    .fold-sum { display:flex; align-items:center; gap:10px; }
    .story-chevron { display:none; margin-left:auto; flex:none; transition:transform .3s ease; }
    @media (max-width:900px){
      .story-card { grid-template-columns:1fr; gap:clamp(14px,4vw,22px); padding:clamp(22px,5vw,30px); }
      .story-fold .fold-body { display:none; }
      .fold-cb:checked ~ .fold-body { display:flex; flex-direction:column; }
      .fold-cb:checked ~ .fold-sum .story-chevron { transform:rotate(180deg); }
      .story-chevron { display:block; }
      .fold-always .fold-body { display:flex !important; flex-direction:column; }
      .fold-always .story-chevron { display:none; }
      .fold-always .fold-sum { cursor:default; }
    }
    @media (min-width:901px){
      .story-fold .fold-body { display:flex; flex-direction:column; }
      .story-desc > .fold-sum { display:none; }
      .story-desc { background:transparent !important; }
      .story-desc > .fold-body { padding:0 !important; }
    }
  
html { scroll-behavior: smooth; }
html, body { min-width: 320px; margin: 0; }
body { overflow-x: clip; }
[data-screen-label="Отзывы"] { overflow: hidden; }
.rev-stage { max-width: 100%; contain: layout paint; }
.scp0:hover { color: #766c08 !important; }
.scp1:hover { background: #5f5806 !important; }
.scp2:hover { background: #302f2d !important; }
.scp3:hover { background: #655d07 !important; }
.skip-link {
  position: fixed;
  left: 16px;
  top: 16px;
  z-index: 1000;
  transform: translateY(-180%);
  background: #201e1d;
  color: #f3f2f1;
  padding: 12px 16px;
  border-radius: 8px;
  font: 600 14px/1.2 'Work Sans', sans-serif;
}
.skip-link:focus { transform: translateY(0); color: #f3f2f1; }
button:focus-visible,
a:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #766c08;
  outline-offset: 4px;
}
.prog-row.is-open .prog-detail,
.prog-row:hover .prog-detail,
.prog-row:focus-within .prog-detail {
  max-height: 1200px;
  opacity: 1;
}
.prog-row.is-open .prog-num,
.prog-row.is-open .prog-title { color: #766c08; }
.flip-card.is-flipped .flip-inner { transform: rotateY(180deg) !important; }
@media (hover: hover) and (pointer: fine) {
  .flip-card:hover .flip-inner { transform: rotateY(180deg) !important; }
}
@media (max-width: 760px) {
  .pk-pricerow > a {
    margin-left: 0 !important;
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .prog-row:hover .prog-detail { max-height: 0; opacity: 0; }
  .prog-row.is-open .prog-detail,
  .prog-row:focus-within .prog-detail { max-height: 1200px; opacity: 1; }
}
@media (min-width: 361px) and (max-width: 389px) {
  .pk-pricerow > div:first-child {
    min-width: 0;
    gap: 16px !important;
  }
  .pk-pricerow > div:first-child > div:last-child { min-width: 0; }
  .pk-pricerow h2 { font-size: 22px !important; }
}
@media (max-width: 374px) {
  .hero-row,
  .hero-left,
  .hero-stats,
  .hero-photo-col { min-width: 0 !important; width: 100%; }
  .change-cards {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .change-cards .flip-card {
    height: clamp(320px, 92vw, 340px) !important;
  }
  .change-cards .flip-face {
    padding: 20px !important;
  }
  .change-cards .flip-face > svg {
    width: 42px !important;
  }
  .change-cards .flip-face p:nth-of-type(1) {
    font-size: 17px !important;
  }
  .change-cards .flip-face p:nth-of-type(2) {
    font-size: 13px !important;
  }
  .hero-sub br { display: none; }
  .hero-cta {
    width: 100%;
    justify-content: center;
    gap: 8px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 14px !important;
    text-align: center;
  }
  .hero-stats {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  .hero-stats > div {
    min-width: 0;
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 16px;
    align-items: start;
    padding: 16px 0;
    border-bottom: 1px solid rgba(48, 47, 45, 0.12);
  }
  .hero-stats > div:last-child { border-bottom: 0; }
  .hero-stats > div > p:first-child {
    grid-column: 1;
    grid-row: 1 / 3;
    min-height: 0 !important;
    margin: 0 !important;
    align-items: flex-start !important;
    font-size: 32px !important;
  }
  .hero-stats > div:last-child > p:first-child { font-size: 24px !important; }
  .hero-stats > div > p:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    margin: 0 0 6px !important;
    font-size: 12px !important;
    letter-spacing: 0.04em !important;
    overflow-wrap: normal;
  }
  .hero-stats > div > p:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    font-size: 13px !important;
    overflow-wrap: normal;
  }
  [data-screen-label="Из чего складывается результат"] h2 {
    font-size: clamp(30px, 10vw, 32px) !important;
    overflow-wrap: normal;
    word-break: normal;
  }
  .pk-pricerow > div:first-child {
    width: 100%;
    min-width: 0;
    gap: 12px !important;
  }
  .pk-pricerow > div:first-child > div:first-child {
    width: 80px !important;
    height: 80px !important;
  }
  .pk-pricerow > div:first-child > div:last-child { min-width: 0; }
  .pk-pricerow h2 { font-size: 21px !important; }
  .pk-pricerow h2 + div { font-size: 16px !important; }
  [data-screen-label="Контакты"] > div > div:first-child {
    gap: 10px !important;
  }
  [data-screen-label="Контакты"] > div > div:first-child h2 {
    font-size: 40px !important;
  }
  [data-screen-label="Контакты"] > div > div:first-child svg {
    width: 30px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}