.hc {
  --hc-red: var(--colorMain, #E3000F);
  --hc-red-dark: #B8000C;
  --hc-ink: var(--colorBlack, #202020);
  --hc-text: #3C3B3A;
  --hc-muted: #858585;
  --hc-bg: var(--colorBg, #F2F5F8);
  --hc-line: #E3E7EC;
  --hc-water: #5B8DB8;
  --hc-water-soft: rgba(91, 141, 184, .18);
  --hc-ok: #1F8A3B;
  --hc-warn: #B86E00;
  --hc-r: 1rem;
  --hc-pill: 31.25rem;
  --hc-font: var(--fontMain, 'Manrope', system-ui, sans-serif);
  --hc-display: var(--fontSecondary, 'Manrope', system-ui, sans-serif);
  font-family: var(--hc-font);
  color: var(--hc-text);
  font-size: 1rem;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
}
.hc *, .hc *::before, .hc *::after { box-sizing: border-box; }
.hc svg { display: block; }
.hc button { font-family: inherit; cursor: pointer; }


.hc__top {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 1.5rem 3rem;
  align-items: start;
}
.hc__form { display: grid; gap: .75rem; }
.hc__aside { position: sticky; top: 10.5rem; max-height: calc(100vh - 11.5rem); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; border-radius: var(--hc-r); }


.hc-step {
  background: var(--hc-bg);
  border-radius: var(--hc-r);
  padding: 1.5rem 1.75rem 1.75rem;
}
.hc-step__head { display: flex; align-items: baseline; gap: .9rem; margin-bottom: 1.1rem; }
.hc-step__num {
  font-size: .8rem; font-weight: 700; letter-spacing: .08em;
  color: var(--hc-red);
}
.hc .hc-step__title {
  margin: 0; font-family: var(--hc-display); font-size: 1.2rem; font-weight: 400; text-transform: uppercase;
  color: var(--hc-ink); line-height: 1.2;
}
.hc-row { display: grid; gap: .9rem 1rem; grid-template-columns: 1fr 1fr; }
.hc-row + .hc-row, .hc-field + .hc-row, .hc-row + .hc-field { margin-top: 1rem; }
.hc-field { display: grid; gap: .4rem; min-width: 0; align-content: start; }
.hc-label { font-size: .85rem; font-weight: 600; color: var(--hc-ink); }
.hc-hint { font-size: .8rem; color: var(--hc-muted); line-height: 1.4; }
.hc-hint b { color: var(--hc-text); font-weight: 600; }


.hc input[type=text], .hc input[type=number], .hc input[type=tel], .hc input[type=email], .hc select, .hc textarea {
  width: 100%;
  height: 3.25rem;
  padding: 0 1.15rem;
  font: 500 1rem/1.2 var(--hc-font);
  color: var(--hc-ink);
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: var(--hc-pill);
  outline: 0;
  box-shadow: 0 0 0 2px transparent;
  transition: box-shadow .2s, border-color .2s;
  -moz-appearance: textfield;
}
.hc textarea { height: 6rem; padding: .9rem 1.15rem; border-radius: 1.25rem; resize: vertical; }
.hc input:focus, .hc select:focus, .hc textarea:focus { box-shadow: 0 0 0 2px var(--hc-red); }
.hc input::-webkit-outer-spin-button, .hc input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.hc select {
  -webkit-appearance: none; appearance: none; padding-right: 2.75rem; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23202020' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: calc(100% - 1rem) center; background-size: 1.2rem;
  text-overflow: ellipsis;
}
.hc-unit { position: relative; }
.hc-unit input { padding-right: 3.2rem; }
.hc-unit__u {
  position: absolute; right: 1.15rem; top: 50%; transform: translateY(-50%);
  font-size: .9rem; color: var(--hc-muted); pointer-events: none;
}


.hc-combo { position: relative; }
.hc-combo input { padding-right: 2.75rem; }
.hc-combo__icon { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); width: 1.2rem; height: 1.2rem; color: var(--hc-muted); pointer-events: none; }
.hc-combo__list {
  position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + .35rem);
  max-height: 17rem; overflow: auto; overscroll-behavior: contain;
  background: #fff; border-radius: 1.1rem; padding: .4rem;
  box-shadow: 0 .9rem 2.4rem rgba(32, 32, 32, .14);
  display: none;
}
.hc-combo.is-open .hc-combo__list { display: block; }
.hc-combo__opt {
  display: flex; justify-content: space-between; gap: 1rem; width: 100%;
  padding: .6rem .8rem; border: 0; background: none; border-radius: .7rem;
  font: 500 .95rem var(--hc-font); color: var(--hc-ink); text-align: left;
}
.hc-combo__opt span { color: var(--hc-muted); font-weight: 400; white-space: nowrap; }
.hc-combo__opt.is-active, .hc-combo__opt:hover { background: var(--hc-bg); }
.hc-combo__empty { padding: .7rem .8rem; font-size: .9rem; color: var(--hc-muted); }

.hc-facts { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .9rem; }
.hc-fact {
  display: inline-flex; gap: .35rem; align-items: baseline;
  padding: .35rem .75rem; border-radius: var(--hc-pill); background: #fff;
  font-size: .8rem; color: var(--hc-muted);
}
.hc-fact b { color: var(--hc-ink); font-weight: 600; }


.hc-surf { display: grid; gap: .5rem; }
.hc-surf__row { display: grid; grid-template-columns: minmax(0, 1fr) 9.5rem 3.25rem; gap: .5rem; align-items: center; }
.hc-surf__row:only-child { grid-template-columns: minmax(0, 1fr) 9.5rem; }
.hc-surf__row:only-child .hc-iconbtn { display: none; }
.hc-iconbtn {
  width: 3.25rem; height: 3.25rem; border-radius: 50%; border: 0; background: #fff; color: var(--hc-muted);
  display: grid; place-items: center; transition: color .2s, background .2s;
}
.hc-iconbtn:hover { color: var(--hc-red); }
.hc-iconbtn svg { width: 1.1rem; height: 1.1rem; }
.hc-add {
  justify-self: start; display: inline-flex; align-items: center; gap: .5rem;
  margin-top: .35rem; padding: .55rem 1rem .55rem .7rem; border: 1px dashed #C9CFD6; border-radius: var(--hc-pill);
  background: none; color: var(--hc-ink); font: 600 .85rem var(--hc-font); transition: border-color .2s, color .2s;
}
.hc-add:hover { border-color: var(--hc-red); color: var(--hc-red); }
.hc-add svg { width: 1rem; height: 1rem; }
.hc-total { margin-top: .9rem; font-size: .85rem; color: var(--hc-muted); }
.hc-total b { color: var(--hc-ink); font-weight: 600; }


.hc-seg { display: inline-flex; padding: .25rem; gap: .25rem; background: #fff; border-radius: var(--hc-pill); max-width: 100%; }
.hc-seg button {
  border: 0; background: none; padding: .6rem 1rem; border-radius: var(--hc-pill);
  font: 600 .85rem var(--hc-font); color: var(--hc-muted); white-space: nowrap; transition: background .2s, color .2s;
}
.hc-seg button[aria-pressed=true] { background: var(--hc-ink); color: #fff; }
.hc-quick { display: flex; flex-wrap: wrap; gap: .35rem; }
.hc-quick button {
  border: 1px solid #D5DBE1; background: none; border-radius: var(--hc-pill);
  padding: .3rem .7rem; font: 600 .78rem var(--hc-font); color: var(--hc-text); transition: border-color .2s, color .2s;
}
.hc-quick button:hover, .hc-quick button[aria-pressed=true] { border-color: var(--hc-red); color: var(--hc-red); }

.hc-stepper { display: inline-grid; grid-template-columns: 3.25rem 4rem 3.25rem; align-items: center; background: #fff; border-radius: var(--hc-pill); }
.hc-stepper button { height: 3.25rem; border: 0; background: none; color: var(--hc-ink); display: grid; place-items: center; }
.hc-stepper button:disabled { color: #C9CFD6; cursor: default; }
.hc-stepper button svg { width: 1.1rem; height: 1.1rem; }
.hc .hc-stepper input { height: 3.25rem; padding: 0; text-align: center; border-radius: 0; background: none; border: 0; }
.hc-points { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.hc-points.is-auto .hc-stepper { opacity: .45; pointer-events: none; }


.hc-classes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.hc-class {
  position: relative; text-align: left; border: 0; background: #fff; border-radius: .85rem;
  padding: .95rem 1rem 1rem; display: grid; gap: .3rem; align-content: start;
  box-shadow: inset 0 0 0 1.5px transparent; transition: box-shadow .2s;
}
.hc-class:hover { box-shadow: inset 0 0 0 1.5px #C9CFD6; }
.hc-class[aria-pressed=true] { box-shadow: inset 0 0 0 2px var(--hc-red); }
.hc-class__code { font-family: var(--hc-display); font-size: 1.25rem; font-weight: 400; color: var(--hc-ink); line-height: 1; }
.hc-class[aria-pressed=true] .hc-class__code { color: var(--hc-red); }
.hc-class__t { position: absolute; right: 1rem; top: 1.05rem; font-size: .75rem; font-weight: 700; color: var(--hc-muted); }
.hc-class__d { font-size: .78rem; line-height: 1.35; color: var(--hc-muted); }


.hc-more { background: none; padding: 0; }
.hc-more > summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 1.1rem 1.75rem; border-radius: var(--hc-r); border: 1px solid var(--hc-line);
  font-weight: 600; color: var(--hc-ink); transition: border-color .2s;
}
.hc-more > summary::-webkit-details-marker { display: none; }
.hc-more > summary:hover { border-color: #C9CFD6; }
.hc-more > summary svg { width: 1.2rem; height: 1.2rem; transition: transform .25s; flex: none; }
.hc-more[open] > summary svg { transform: rotate(180deg); }
.hc-more > summary small { font-weight: 400; color: var(--hc-muted); font-size: .8rem; }
.hc-more__body { padding: 1.25rem 1.75rem 1.5rem; }

.hc .hc-more input[type=number], .hc .hc-more input[type=text], .hc .hc-more select {
  background-color: var(--hc-bg); border-color: var(--hc-bg);
}


.hc-sum {
  position: relative; background: #fff; border: 1px solid var(--hc-line); border-radius: var(--hc-r);
  padding: 1.6rem 1.75rem 1.75rem;
}
.hc-sum__cap { font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--hc-red); }
.hc-sum__dn { display: flex; align-items: baseline; gap: .6rem; margin: .5rem 0 .25rem; color: var(--hc-ink); }
.hc-sum__dn { font-family: var(--hc-display); }
.hc-sum__dn small { font-size: 1.3rem; font-weight: 400; }
.hc-sum__dn strong { font-size: 4.2rem; font-weight: 400; line-height: .95; letter-spacing: -.02em; }
.hc-sum__lead { font-size: 1.05rem; color: var(--hc-ink); }
.hc-sum__lead b { font-weight: 600; }
.hc-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 1.1rem 0 0; border-top: 1px solid var(--hc-line); }
.hc-kpi { padding: .9rem .75rem 0 0; }
.hc-kpi + .hc-kpi { padding-left: .9rem; border-left: 1px solid var(--hc-line); }
.hc-kpi__v { font-size: 1.6rem; font-weight: 300; color: var(--hc-ink); line-height: 1.1; letter-spacing: -.02em; white-space: nowrap; }
.hc-kpi__v small { font-size: .85rem; font-weight: 500; color: var(--hc-muted); letter-spacing: 0; margin-left: .15rem; }
.hc-kpi__l { font-size: .75rem; color: var(--hc-muted); margin-top: .25rem; line-height: 1.3; }

.hc-scheme { margin-top: 1.1rem; }
.hc-scheme__cap { display: flex; justify-content: space-between; gap: 1rem; font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--hc-muted); margin-bottom: .5rem; }
.hc-scheme svg { width: 100%; height: auto; overflow: visible; }
.hc-scheme text { font-family: var(--hc-font); }
.hc-legend { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin-top: .6rem; font-size: .75rem; color: var(--hc-muted); }
.hc-legend i { display: inline-block; width: .7rem; height: .7rem; border-radius: .15rem; margin-right: .35rem; vertical-align: -.05rem; }

.hc-trade { margin-top: .9rem; }
.hc-trade__cap { font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--hc-muted); margin-bottom: .5rem; }
.hc-trade__row { display: flex; flex-wrap: wrap; gap: .35rem; }
.hc-dn {
  border: 1px solid var(--hc-line); background: #fff; border-radius: .7rem; padding: .45rem .65rem .5rem; min-width: 4.4rem;
  text-align: left; transition: border-color .2s, background .2s;
}
.hc-dn b { display: block; font-size: .85rem; font-weight: 700; color: var(--hc-ink); }
.hc-dn span { display: block; font-size: .72rem; color: var(--hc-muted); white-space: nowrap; }
.hc-dn:hover { border-color: #C9CFD6; }
.hc-dn.is-on { background: var(--hc-ink); border-color: var(--hc-ink); }
.hc-dn.is-on b, .hc-dn.is-on span { color: #fff; }
.hc-dn.is-dim { opacity: .5; }

.hc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.25rem; margin-top: 1.25rem; }
.hc-actions .hc-btn--red { flex: 1 1 100%; }
.hc-link {
  display: inline-flex; align-items: center; gap: .45rem; border: 0; background: none; padding: .2rem 0;
  font: 600 .85rem var(--hc-font); color: var(--hc-ink); transition: color .2s;
}
.hc-link:hover { color: var(--hc-red); }
.hc-link svg { width: 1.05rem; height: 1.05rem; }
.hc-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .6rem;
  min-height: 3.5rem; padding: .9rem 1.6rem; border: 0; border-radius: var(--hc-pill);
  font: 600 1rem var(--hc-font); text-decoration: none; text-align: center; transition: background .2s, color .2s, box-shadow .2s;
}
.hc-btn svg { width: 1.2rem; height: 1.2rem; flex: none; }
.hc-btn--red { background: var(--hc-red); color: #fff; }
.hc-btn--red:hover { background: var(--hc-red-dark); color: #fff; }
.hc-btn--line { background: none; color: var(--hc-ink); box-shadow: inset 0 0 0 1px #D5DBE1; }
.hc-btn--line:hover { box-shadow: inset 0 0 0 1px var(--hc-ink); }
.hc-btn:disabled { opacity: .55; cursor: default; }
.hc-note { font-size: .75rem; color: var(--hc-muted); line-height: 1.4; margin-top: .9rem; }

.hc-alert {
  display: flex; gap: .6rem; align-items: flex-start; margin-top: 1rem; padding: .75rem .9rem;
  border-radius: .8rem; background: #FFF6E8; color: #6B4300; font-size: .82rem; line-height: 1.4;
}
.hc-alert svg { width: 1.1rem; height: 1.1rem; flex: none; margin-top: .05rem; color: var(--hc-warn); }
.hc-alert--bad { background: #FDECEC; color: #7A0A0A; }
.hc-alert--bad svg { color: var(--hc-red); }


.hc-block { margin-top: 4rem; }
.hc-block__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1rem 2rem; margin-bottom: 1.5rem; }
.hc-block__kicker { font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--hc-red); margin-bottom: .5rem; }
.hc .hc-block__title { font-family: var(--hc-display); font-size: 2.25rem; font-weight: 400; text-transform: uppercase; line-height: 1.15; color: var(--hc-ink); margin: 0; }
.hc-block__aside { max-width: 30rem; font-size: .9rem; color: var(--hc-muted); }

.hc-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr)); gap: 1rem; }
.hc-card {
  position: relative; display: flex; flex-direction: column; gap: .9rem;
  background: var(--hc-bg); border-radius: var(--hc-r); padding: 1.4rem 1.4rem 1.3rem;
  color: inherit; text-decoration: none; transition: background .25s;
}
.hc-card:hover { background: #E9EEF3; }
.hc-card__go {
  position: absolute; top: -.35rem; right: -.35rem; width: 3rem; height: 3rem; border-radius: 50%;
  background: #fff; box-shadow: 0 0 0 .45rem #fff; display: grid; place-items: center; color: var(--hc-red);
  transition: background .25s, color .25s;
}
.hc-card:hover .hc-card__go { background: var(--hc-red); color: #fff; }
.hc-card__go svg { width: 1.05rem; height: 1.05rem; }
.hc-card__tag { display: flex; flex-wrap: wrap; gap: .35rem; padding-right: 2.5rem; }
.hc-tag { font-size: .7rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; padding: .28rem .55rem; border-radius: var(--hc-pill); background: #fff; color: var(--hc-muted); }
.hc-tag--best { background: var(--hc-red); color: #fff; }
.hc-card__title { font-family: var(--hc-display); font-size: 1.15rem; font-weight: 400; text-transform: uppercase; line-height: 1.3; color: var(--hc-ink); }
.hc-card__title b { font-weight: 400; color: var(--hc-red); }
.hc-card__kind { font-size: .82rem; color: var(--hc-muted); margin-top: -.55rem; }
.hc-specs { display: grid; gap: .45rem; margin: 0; padding: .9rem 0 0; border-top: 1px solid #DCE2E8; font-size: .85rem; }
.hc-specs div { display: flex; justify-content: space-between; gap: 1rem; }
.hc-specs dt { color: var(--hc-muted); }
.hc-specs dd { margin: 0; color: var(--hc-ink); font-weight: 600; text-align: right; }
.hc-fill { display: flex; align-items: center; gap: .5rem; }
.hc-fill__bar { width: 3.5rem; height: .35rem; border-radius: 1rem; background: #DCE2E8; overflow: hidden; }
.hc-fill__bar i { display: block; height: 100%; background: var(--hc-water); }
.hc-card__trap { font-size: .8rem; color: var(--hc-text); line-height: 1.4; }
.hc-card__trap span { color: var(--hc-muted); }
.hc-card__low { display: flex; gap: .35rem; margin-top: .3rem; color: var(--hc-warn); font-size: .76rem; line-height: 1.35; }
.hc-card__low svg { width: .95rem; height: .95rem; flex: none; margin-top: .05rem; }
.hc-card__hint { font-size: .78rem; line-height: 1.4; color: var(--hc-ok); display: flex; gap: .4rem; }
.hc-card__hint svg { width: 1rem; height: 1rem; flex: none; margin-top: .05rem; }
.hc-card__price { margin-top: auto; padding-top: .3rem; font-size: 1.15rem; font-weight: 600; color: var(--hc-ink); }
.hc-card__price span { font-size: .8rem; font-weight: 400; color: var(--hc-muted); }
.hc-empty { padding: 2rem; border-radius: var(--hc-r); background: var(--hc-bg); color: var(--hc-muted); }


.hc .hc-footnote { max-width: 52rem; margin: 2rem 0 0; font-size: .85rem; line-height: 1.5; color: var(--hc-muted); }
.hc-lead { max-width: 52rem; margin: -1rem 0 2.5rem; color: #3C3B3A; }
.hc-lead p { margin: 0; font-size: 1.05rem; line-height: 1.55; }
.hc-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }


.hc-modal { position: fixed; inset: 0; z-index: 1000; display: none; align-items: flex-start; justify-content: center; padding: 2rem 1rem; overflow: auto; background: rgba(20, 20, 20, .55); }
.hc-modal.is-open { display: flex; }
.hc-modal__win { position: relative; width: 100%; max-width: 44rem; background: #fff; border-radius: 1.25rem; padding: 2.25rem 2.25rem 2rem; margin: auto; }
.hc-modal__close {
  position: absolute; top: 1rem; right: 1rem; width: 2.75rem; height: 2.75rem; border-radius: 50%;
  border: 0; background: var(--hc-bg); color: var(--hc-ink); display: grid; place-items: center;
}
.hc-modal__close:hover { color: var(--hc-red); }
.hc-modal__close svg { width: 1.1rem; height: 1.1rem; }
.hc-modal__title { font-family: var(--hc-display); font-size: 1.6rem; font-weight: 400; text-transform: uppercase; line-height: 1.2; color: var(--hc-ink); padding-right: 3rem; }
.hc-modal__sub { margin-top: .6rem; font-size: .9rem; color: var(--hc-muted); }
.hc-brief { margin: 1.25rem 0 1.4rem; padding: 1rem 1.2rem; border-radius: var(--hc-r); background: var(--hc-bg); display: grid; grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr)); gap: .75rem 1rem; }
.hc-brief div { font-size: .75rem; color: var(--hc-muted); }
.hc-brief b { display: block; font-size: 1rem; font-weight: 600; color: var(--hc-ink); margin-top: .15rem; }
.hc-send .hc-row { grid-template-columns: 1fr 1fr; }
.hc-send input[type=text], .hc-send input[type=tel], .hc-send input[type=email], .hc-send textarea { background: var(--hc-bg); border-color: var(--hc-bg); }
.hc-file { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; margin-top: 1rem; }
.hc-file label {
  display: inline-flex; align-items: center; gap: .5rem; cursor: pointer; padding: .7rem 1.1rem;
  border-radius: var(--hc-pill); border: 1px dashed #C9CFD6; font: 600 .85rem var(--hc-font); color: var(--hc-ink);
}
.hc-file label:hover { border-color: var(--hc-red); color: var(--hc-red); }
.hc-file label svg { width: 1rem; height: 1rem; }
.hc-file input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.hc-file span { font-size: .8rem; color: var(--hc-muted); }
.hc-agree { display: grid; gap: .55rem; margin: 1.2rem 0 1.4rem; }
.hc-check { display: flex; gap: .65rem; align-items: flex-start; font-size: .8rem; line-height: 1.4; color: var(--hc-muted); cursor: pointer; }
.hc-check input { flex: none; width: 1.1rem; height: 1.1rem; margin: .05rem 0 0; accent-color: var(--hc-red); }
.hc-check a { color: var(--hc-red); }
.hc-send__err { margin-top: .8rem; font-size: .85rem; color: var(--hc-red); }
.hc-done { text-align: left; }
.hc-done__icon { width: 3.5rem; height: 3.5rem; border-radius: 50%; background: var(--hc-bg); color: var(--hc-ok); display: grid; place-items: center; margin-bottom: 1.2rem; }
.hc-done__icon svg { width: 1.6rem; height: 1.6rem; }
.hc .is-invalid { box-shadow: 0 0 0 2px var(--hc-red) !important; }


.hc-bar {
  position: fixed; z-index: 900; left: .75rem; right: .75rem; bottom: .75rem;
  display: none; align-items: center; justify-content: space-between; gap: .75rem;
  padding: .6rem .6rem .6rem 1.1rem; border-radius: var(--hc-pill); background: var(--hc-ink); color: #fff;
  box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .25);
  transform: translateY(150%); transition: transform .3s;
}
.hc-bar.is-shown { transform: none; }
.hc-bar__t { font-size: .85rem; line-height: 1.25; }
.hc-bar__t b { font-size: 1.05rem; font-weight: 700; }
.hc-bar .hc-btn { min-height: 2.75rem; padding: .6rem 1.1rem; font-size: .85rem; }

.hc-print { display: none; }


@media (max-width: 1100px) {
  .hc__top { grid-template-columns: 1fr; }
  .hc__aside { position: static; max-height: none; overflow: visible; }
  .hc-bar { display: flex; }
}
@media (max-width: 640px) {
  .hc-step { padding: 1.25rem 1.1rem 1.35rem; }
  .hc-row, .hc-send .hc-row { grid-template-columns: 1fr; }
  .hc-surf__row { grid-template-columns: minmax(0, 1fr) 7.5rem 3.25rem; }
  .hc-surf__row:only-child { grid-template-columns: minmax(0, 1fr) 7.5rem; }
  .hc-classes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hc-sum { padding: 1.3rem 1.1rem 1.4rem; }
  .hc-sum__dn strong { font-size: 3.6rem; }
  .hc-kpi__v { font-size: 1.3rem; }
  .hc-block { margin-top: 3rem; }
  .hc-block__title { font-size: 1.7rem; }
  .hc-more > summary { padding: 1rem 1.1rem; }
  .hc-more__body { padding: 1rem 1.1rem 1.25rem; }
  .hc-modal { padding: .75rem .5rem; }
  .hc-modal__win { padding: 1.6rem 1.2rem 1.4rem; }
  .hc-modal__title { font-size: 1.4rem; }
}


@media print {
  body.hc-printing > *:not(.hc-print-host) { display: none !important; }
  body.hc-printing .hc-print-host { display: block !important; }
  .hc-print { display: block; font: 10.5pt/1.45 var(--hc-font); color: #000; }
  .hc-print h1 { font-size: 17pt; font-weight: 600; margin: 0 0 2mm; }
  .hc-print h2 { font-size: 11pt; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin: 6mm 0 2mm; color: #E3000F; }
  .hc-print table { width: 100%; border-collapse: collapse; }
  .hc-print td, .hc-print th { border-bottom: .2mm solid #ccc; padding: 1.3mm 2mm 1.3mm 0; text-align: left; vertical-align: top; }
  .hc-print th { font-weight: 600; width: 45%; }
  .hc-print .hc-print__meta { color: #555; margin-bottom: 4mm; }
  .hc-print .hc-print__note { margin-top: 6mm; font-size: 9pt; color: #555; }
  @page { margin: 14mm 14mm 16mm; }
}