/* The user's pricing example, adapted to illustrative cloud scenarios. */
.hh-cloud #offers .cloud-pricing-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:26px 0 16px}
.hh-cloud #offers .cloud-pricing-heading h3{margin:0;color:#192a2b;font-size:clamp(24px,2.5vw,34px);line-height:1.15}
.hh-cloud #offers .cloud-pricing-heading p{margin:7px 0 0;color:#5a6d69;font-size:13px}
.hh-cloud #offers .cloud-pricing-period{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border:1px solid #d3d7d2;border-radius:999px;background:#f0f1ee}
.hh-cloud #offers .cloud-pricing-period button{border:0;border-radius:999px;min-height:40px;padding:9px 14px;background:transparent;color:#4b5752;font:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.hh-cloud #offers .cloud-pricing-period button[aria-pressed="true"]{background:#fff;color:#172821;box-shadow:0 1px 6px #1b29251c}
.hh-cloud #offers .cloud-pricing-period button:focus-visible,.hh-cloud #offers .cloud-example-action:focus-visible{outline:3px solid #178568;outline-offset:3px}
.hh-cloud #offers .cloud-example-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;margin:0;padding:10px;background:#e9ece8;border-radius:18px}
.hh-cloud #offers .cloud-example-card{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:23px 20px 20px;background:#f8faf7;color:#182b29;border:1px solid #dce4dd;border-radius:14px}
.hh-cloud #offers .cloud-example-card.is-featured{background:#182c2d;border-color:#182c2d;color:#f8fbf9;box-shadow:0 9px 24px #17342d24}
.hh-cloud #offers .cloud-example-card-body{display:flex;flex-direction:column;gap:0}
.hh-cloud #offers .cloud-example-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;min-height:24px;font-size:10px;font-weight:750;letter-spacing:.06em;color:#627e70}
.hh-cloud #offers .cloud-example-featured-label{padding:5px 8px;border-radius:999px;background:#405958;color:#ecf7ef;letter-spacing:0;font-size:10px}
.hh-cloud #offers .cloud-example-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;margin-top:18px;padding:0;border:0}
.hh-cloud #offers .cloud-example-total strong{font-family:'Geologica',Arial,sans-serif;font-size:clamp(27px,2.6vw,37px);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:#162c29}
.hh-cloud #offers .cloud-example-total span{font-size:11px;line-height:1.3;color:#687b70}
.hh-cloud #offers .cloud-example-card h3{margin:15px 0 5px;color:#182b29;font-size:21px;line-height:1.2;letter-spacing:-.025em}
.hh-cloud #offers .cloud-example-card h3 small{font-size:14px;letter-spacing:0}
.hh-cloud #offers .cloud-example-card .cloud-example-description{margin:0;color:#667970;font-size:12px;line-height:1.4}
.hh-cloud #offers .cloud-example-details{margin-top:20px;padding-top:18px;border-top:1px solid #d4dfd7}
.hh-cloud #offers .cloud-example-details-title{font-size:12px;font-weight:700}
.hh-cloud #offers .cloud-example-details ul{display:grid;gap:11px;list-style:none;margin:12px 0 0;padding:0}
.hh-cloud #offers .cloud-example-details li{display:flex;align-items:start;gap:7px;color:#4b5f56;font-size:11px;line-height:1.45}
.hh-cloud #offers .cloud-example-details li .ph{flex:none;margin-top:1px;font-size:15px;color:#466f5c}
.hh-cloud #offers .cloud-example-details li strong{font-weight:650;color:inherit;white-space:nowrap}
.hh-cloud #offers .cloud-example-rate{margin-top:18px;padding-top:13px;border-top:1px solid #d4dfd7;color:#63756c;font-size:11px;line-height:1.4}
.hh-cloud #offers .cloud-example-rate strong{color:inherit;font-weight:650}
.hh-cloud #offers .cloud-example-action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:20px 0 0;padding:11px 14px;border:1px solid #263c34;border-radius:10px;background:#263c34;color:#fff;font-size:12px;font-weight:700;transition:background .25s,color .25s}
.hh-cloud #offers .cloud-example-action:hover{background:#34594a;color:#fff}
.hh-cloud #offers .cloud-example-card.is-featured :is(h3,.cloud-example-total strong){color:#f8fbf9}
.hh-cloud #offers .cloud-example-card.is-featured :is(.cloud-example-top,.cloud-example-total span,.cloud-example-description,.cloud-example-rate,.cloud-example-details li,.cloud-example-details li .ph){color:#cfdfd5}
.hh-cloud #offers .cloud-example-card.is-featured :is(.cloud-example-details,.cloud-example-rate){border-color:#526b60}
.hh-cloud #offers .cloud-example-card.is-featured .cloud-example-action{background:#eef3e9;color:#182c25;border-color:#eef3e9}
.hh-cloud #offers .cloud-example-card.is-featured .cloud-example-action:hover{background:#d8e9d9;color:#182c25}
.hh-cloud #offers .cloud-example-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1250px){.hh-cloud #offers .cloud-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hh-cloud #offers .cloud-pricing-heading{align-items:start;flex-direction:column}.hh-cloud #offers .cloud-pricing-period{border-radius:14px}.hh-cloud #offers .cloud-pricing-period button{padding:9px 11px}}
@media(max-width:520px){.hh-cloud #offers .cloud-example-grid{grid-template-columns:1fr}.hh-cloud #offers .cloud-example-card{padding:22px}.hh-cloud #offers .cloud-pricing-period{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.hh-cloud #offers .cloud-pricing-period button,.hh-cloud #offers .cloud-example-action{transition:none}}

/* Упрощённые подписи и предложения в общем стиле HashHome. */
.hh-cloud .cloud-sidebar .home-sidebar-status,
.hh-cloud .cloud-teaser-top,
.hh-cloud #trial .cloud-trial-intro .cloud-kicker,
.hh-cloud #cloudTrialDemo .trial-demo-tag,
.hh-cloud #process .cloud-section-head .cloud-kicker,
.hh-cloud #process .cloud-section-head > p,
.hh-cloud #process .cloud-explainer-label,
.hh-cloud #process .cloud-step-top > span,
.hh-cloud #formats .cloud-section-head .cloud-kicker,
.hh-cloud #formats .cloud-format-top > span,
.hh-cloud #offers .cloud-section-head .cloud-kicker,
.hh-cloud #offers .cloud-section-head > p,
.hh-cloud #offers .cloud-pricing-heading > div:first-child > p,
.hh-cloud #cloud-calculator .cloud-section-head .cloud-kicker,
.hh-cloud #cloudCalculator input[data-slider="pool"] + .cloud-hint { display: none; }
.hh-cloud .cloud-teaser-link {
  display: inline-flex; width: 100%; min-height: 48px; margin-top: 16px;
  padding: 12px 18px; border-radius: 999px; background: #101410; color: #fff;
  font-size: 14px; line-height: 20px; font-weight: 600; text-decoration: none;
  transition: background-color 200ms cubic-bezier(.22,1,.36,1);
}
.hh-cloud .cloud-teaser-link:hover { background: #315b43; color: #fff; text-decoration: none; }
.hh-cloud .cloud-teaser-link:focus-visible,
.hh-cloud #publicOffers .catalog-item .button:focus-visible { outline: 3px solid #4e9767; outline-offset: 3px; }
.hh-cloud #process .cloud-step-top, .hh-cloud #formats .cloud-format-top { justify-content: flex-end; }
.hh-cloud .cloud-offers-box { padding: 0; border: 0; background: transparent; }
.hh-cloud #publicOffers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.hh-cloud #publicOffers > p { grid-column: 1 / -1; }
.hh-cloud #publicOffers .catalog-item {
  display: flex; flex-direction: column; min-width: 0; padding: 24px;
  border: 1px solid #dde4dd; border-radius: 22px; background: #f7f8f6; color: #101610;
}
.hh-cloud #publicOffers .catalog-item strong { font-size: 18px; line-height: 1.3; color: #101610; }
.hh-cloud #publicOffers .catalog-item p { margin: 12px 0 0; color: #526157; font-size: 14px; line-height: 1.5; }
.hh-cloud #publicOffers .catalog-item .button {
  display: inline-flex; align-items: center; justify-content: center; align-self: flex-start;
  min-height: 44px; margin-top: auto; padding: 12px 16px; border: 0; border-radius: 999px;
  background: #101410; color: #fff; font-size: 14px; font-weight: 600;
  transition: background-color 200ms cubic-bezier(.22,1,.36,1);
}
.hh-cloud #publicOffers .catalog-item p:last-of-type { margin-bottom: 24px; }
.hh-cloud #publicOffers .catalog-item .button:hover { background: #315b43; color: #fff; }
@media (max-width: 1100px) { .hh-cloud #publicOffers { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .hh-cloud #publicOffers { grid-template-columns: 1fr; } .hh-cloud .cloud-teaser-link { width: 100%; white-space: normal; } }