.wp-page {
  --wp-unit: min(1px, .0651041667vw);
  --wp-red: #ed1119;
  --wp-text: #12110f;
  --wp-cream: #faf4ee;
  color: var(--wp-text);
  background: #fdfcfb;
  max-width: 1800px;
  margin-inline: auto;
}
.wp-page :where(h1, h2, h3, p, ul, ol) { margin-block: 0; }
.wp-page :where(section, li)[id] { scroll-margin-top: 16px; }
.wp-page a { color: inherit; text-decoration: none; }
.wp-page a:focus-visible, .wp-page summary:focus-visible { outline: 3px solid #7d0920; outline-offset: 4px; }

.wp-header {
  display: flex;
  min-height: calc(67 * var(--wp-unit));
  align-items: center;
  gap: calc(40 * var(--wp-unit));
  padding-inline: calc(44 * var(--wp-unit)) calc(38 * var(--wp-unit));
  background: #fff;
}
.wp-brand {
  display: inline-flex;
  align-items: center;
  gap: calc(22 * var(--wp-unit));
  padding-right: calc(48 * var(--wp-unit));
  min-height: 44px;
  position: relative;
  font-size: calc(31.5 * var(--wp-unit));
  font-weight: 770;
  letter-spacing: -.015em;
}
.wp-brand::after {
  content: '';
  position: absolute;
  right: 0;
  inset-block: 6px;
  border-inline-end: 1px solid #9c9a9b;
}
.wp-brand-icon { display: block; flex: none; width: calc(48 * var(--wp-unit)); height: auto; }
.wp-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: calc(62 * var(--wp-unit));
  font-size: calc(22 * var(--wp-unit));
  font-weight: 720;
  letter-spacing: -.005em;
}
.wp-nav a { display: inline-flex; align-items: center; min-height: 44px; }
.wp-nav a:hover, .wp-footer a:hover { color: #b90f19; }
.wp-independent {
  margin-left: auto;
  white-space: nowrap;
  padding: calc(6 * var(--wp-unit)) calc(15 * var(--wp-unit));
  font-size: calc(19 * var(--wp-unit));
  font-weight: 700;
  letter-spacing: 0;
  border-radius: calc(13 * var(--wp-unit));
  background: #f8d6d8;
}

.wp-hero {
  min-height: calc(455 * var(--wp-unit));
  position: relative;
  display: grid;
  isolation: isolate;
  color: #fff;
  background:
    radial-gradient(ellipse at 48% 32%, #df171e 0%, transparent 40%),
    radial-gradient(ellipse at 43% 94%, #b90d10 0%, transparent 39%),
    linear-gradient(175deg, #c30b0c 1%, #d81015 53%, #d41618 100%);
}
.wp-hero-image {
  --wp-photo-unit: var(--wp-unit);
  position: absolute;
  inset: 0 0 auto auto;
  width: calc(996 * var(--wp-photo-unit));
  height: calc(455 * var(--wp-photo-unit));
  overflow: hidden;
}
.wp-hero-image img { display: block; width: 100%; height: 100%; }
.wp-quote {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(20 * var(--wp-photo-unit));
  font-weight: 720;
  line-height: 1.1;
  letter-spacing: -.005em;
  color: #151210;
  background: #faf8f7;
  white-space: nowrap;
}
.wp-quote-first { top: calc(99 * var(--wp-photo-unit)); left: calc(165 * var(--wp-photo-unit)); width: calc(69 * var(--wp-photo-unit)); height: calc(29 * var(--wp-photo-unit)); }
.wp-quote-second { top: calc(38 * var(--wp-photo-unit)); left: calc(450 * var(--wp-photo-unit)); width: calc(162 * var(--wp-photo-unit)); height: calc(27 * var(--wp-photo-unit)); }
.wp-quote-third { top: calc(154 * var(--wp-photo-unit)); left: calc(834 * var(--wp-photo-unit)); width: calc(135 * var(--wp-photo-unit)); height: calc(30 * var(--wp-photo-unit)); }
.wp-quote-team {
  top: calc(370 * var(--wp-photo-unit));
  left: calc(753 * var(--wp-photo-unit));
  width: calc(143 * var(--wp-photo-unit));
  height: calc(44 * var(--wp-photo-unit));
  padding-left: calc(2 * var(--wp-photo-unit));
  justify-content: flex-start;
  font-size: calc(19 * var(--wp-photo-unit));
  letter-spacing: 0;
  color: #fff;
  background: linear-gradient(120deg, #ee121b, #e40f17);
}
.wp-intro { position: relative; width: fit-content; padding: calc(40 * var(--wp-unit)) 0 calc(45 * var(--wp-unit)) calc(45 * var(--wp-unit)); }
.wp-intro h1 { font-size: calc(106 * var(--wp-unit)); font-weight: 900; letter-spacing: -.027em; line-height: .86; }
.wp-intro h1 span { letter-spacing: .001em; }
.wp-intro p {
  max-width: calc(545 * var(--wp-unit));
  margin-top: calc(8 * var(--wp-unit));
  margin-left: calc(4 * var(--wp-unit));
  font-size: calc(34 * var(--wp-unit));
  font-weight: 620;
  line-height: 1.145;
  letter-spacing: .005em;
}
.wp-page .wp-cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(16 * var(--wp-unit));
  min-height: max(44px, calc(61 * var(--wp-unit)));
  margin-top: calc(27 * var(--wp-unit));
  margin-left: calc(2 * var(--wp-unit));
  padding: calc(8 * var(--wp-unit)) calc(36 * var(--wp-unit)) calc(9 * var(--wp-unit)) calc(41 * var(--wp-unit));
  border-radius: calc(26 * var(--wp-unit));
  background: #fffdfa;
  color: #12110f;
  font-size: calc(27 * var(--wp-unit));
  font-weight: 790;
  letter-spacing: -.008em;
}
.wp-cta svg { display: block; width: calc(28 * var(--wp-unit)); height: auto; flex: none; }
.wp-cta:hover { background: #ffe0db; }
.wp-page .wp-cta:focus-visible { outline-color: #fff; }

.wp-steps {
  display: grid;
  grid-template-columns: calc(258 * var(--wp-unit)) minmax(0, 1fr);
  align-items: center;
  gap: calc(22 * var(--wp-unit));
  min-height: calc(224 * var(--wp-unit));
  padding: calc(24 * var(--wp-unit)) calc(22 * var(--wp-unit)) calc(22 * var(--wp-unit)) calc(38 * var(--wp-unit));
  background: linear-gradient(120deg, #fcf7f1, #f8f2ed 69%, #f9f3ee);
}
.wp-steps h2 {
  align-self: start;
  margin-top: calc(20 * var(--wp-unit));
  font-size: calc(40 * var(--wp-unit));
  line-height: 1.12;
  letter-spacing: -.018em;
  font-weight: 800;
}
.wp-steps h2::after {
  content: '';
  display: block;
  width: calc(63 * var(--wp-unit));
  height: calc(6 * var(--wp-unit));
  margin-top: calc(18 * var(--wp-unit));
  border-radius: 5px;
  background: #ef1e32;
}
.wp-steps-list {
  display: grid;
  grid-template-columns: 1.08fr .96fr 1fr;
  gap: calc(32 * var(--wp-unit));
  padding: 0;
  list-style: none;
}
.wp-step { min-width: 0; position: relative; }
.wp-step a {
  position: relative;
  display: block;
  min-height: calc(177 * var(--wp-unit));
  overflow: hidden;
  padding: calc(24 * var(--wp-unit)) calc(18 * var(--wp-unit)) calc(18 * var(--wp-unit)) calc(73 * var(--wp-unit));
  border-radius: calc(17 * var(--wp-unit));
  background: #fcf9f6;
  box-shadow: 0 calc(2 * var(--wp-unit)) calc(4 * var(--wp-unit)) #2c0b0017;
}
.wp-step a:hover { background: #fff2ee; }
.wp-step h3 {
  position: relative;
  z-index: 1;
  font-size: calc(25 * var(--wp-unit));
  font-weight: 780;
  line-height: 1.15;
  letter-spacing: -.012em;
}
.wp-step p {
  position: relative;
  z-index: 1;
  width: calc(178 * var(--wp-unit));
  max-width: 100%;
  margin-top: calc(17 * var(--wp-unit));
  margin-left: calc(-30 * var(--wp-unit));
  font-size: calc(19 * var(--wp-unit));
  font-weight: 480;
  line-height: 1.3;
  letter-spacing: -.008em;
}
.wp-step:nth-child(2) p { width: calc(150 * var(--wp-unit)); margin-left: calc(-42 * var(--wp-unit)); }
.wp-step:nth-child(3) p { width: calc(208 * var(--wp-unit)); margin-left: calc(-42 * var(--wp-unit)); }
.wp-step-number {
  position: absolute;
  z-index: 1;
  top: calc(19 * var(--wp-unit));
  left: calc(18 * var(--wp-unit));
  display: grid;
  place-items: center;
  width: calc(42 * var(--wp-unit));
  aspect-ratio: 1;
  border-radius: 50%;
  background: linear-gradient(130deg,#ee0f1b,#ec1119);
  color: #fff;
  font-size: calc(26 * var(--wp-unit));
  font-weight: 780;
  line-height: 1;
}
.wp-listing, .wp-faces, .wp-cart { position: absolute; bottom: 0; height: auto; }
.wp-listing { right: calc(26 * var(--wp-unit)); width: calc(146 * var(--wp-unit)); }
.wp-faces { right: calc(8 * var(--wp-unit)); bottom: calc(10 * var(--wp-unit)); width: calc(160 * var(--wp-unit)); }
.wp-cart { right: calc(15 * var(--wp-unit)); bottom: calc(13 * var(--wp-unit)); width: calc(118 * var(--wp-unit)); }
.wp-step-arrow {
  z-index: 2;
  position: absolute;
  right: calc(-26 * var(--wp-unit));
  top: calc(70 * var(--wp-unit));
  color: #ed1119;
  pointer-events: none;
}
.wp-step-arrow svg { width: calc(28 * var(--wp-unit)); height: auto; display: block; }

.wp-panels {
  display: grid;
  grid-template-columns: 740fr 750fr;
  gap: calc(15 * var(--wp-unit));
  padding: calc(10 * var(--wp-unit)) calc(15 * var(--wp-unit));
  background: #fff;
}
.wp-panel {
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: calc(257 * var(--wp-unit));
  border-radius: calc(17 * var(--wp-unit));
  border: 1px solid #f0ebe8;
  background: linear-gradient(135deg, #fffdfa, #faf7f4);
  box-shadow: 0 1px 3px #2c0b0014;
  overflow: hidden;
  padding: calc(7 * var(--wp-unit)) calc(24 * var(--wp-unit)) calc(12 * var(--wp-unit));
}
.wp-panel h2 {
  font-size: calc(34 * var(--wp-unit));
  line-height: 1.17;
  letter-spacing: -.012em;
  font-weight: 820;
}
.wp-panel p, .wp-panel li {
  margin-top: calc(6 * var(--wp-unit));
  font-size: calc(19 * var(--wp-unit));
  line-height: 1.3;
  letter-spacing: -.008em;
}
.wp-comparison table {
  width: calc(100% + 5 * var(--wp-unit));
  margin-top: calc(12 * var(--wp-unit));
  border-collapse: separate;
  border-spacing: 1px;
  table-layout: fixed;
  text-align: left;
  font-size: calc(18 * var(--wp-unit));
  letter-spacing: -.007em;
}
.wp-comparison p { text-wrap: pretty; }
.wp-comparison :is(td, th) { overflow-wrap: anywhere; padding: calc(14 * var(--wp-unit)) calc(10 * var(--wp-unit)) calc(14 * var(--wp-unit)) calc(28 * var(--wp-unit)); }
.wp-comparison thead td { width: 28.6%; }
.wp-comparison thead th { padding-block: calc(6 * var(--wp-unit)); border-radius: calc(9 * var(--wp-unit)) calc(9 * var(--wp-unit)) 0 0; font-weight: 800; font-size: calc(20 * var(--wp-unit)); }
.wp-comparison thead th:nth-child(2) { background: linear-gradient(110deg,#e5152b,#cf1020); color: #fff; }
.wp-comparison thead th:nth-child(3) { background: #ffa752; }
.wp-comparison tbody th { background: #eeebe9; font-weight: 800; }
.wp-comparison tbody td:nth-child(2) { background: #fbeeed; }
.wp-comparison tbody td:nth-child(3) { background: #fbf0e7; }
.wp-comparison tbody tr:first-child th { border-top-left-radius: calc(10 * var(--wp-unit)); }
.wp-comparison tbody tr:last-child th { border-bottom-left-radius: calc(10 * var(--wp-unit)); }
.wp-comparison tbody tr:last-child td:last-child { border-bottom-right-radius: calc(10 * var(--wp-unit)); }
.wp-reasons { padding-left: calc(33 * var(--wp-unit)); }
.wp-reasons p { position: relative; max-width: calc(530 * var(--wp-unit)); }
.wp-reasons ul { position: relative; padding: 0; list-style: none; margin-top: calc(21 * var(--wp-unit)); margin-left: calc(4 * var(--wp-unit)); }
.wp-reasons li { display: flex; align-items: flex-start; gap: calc(15 * var(--wp-unit)); margin: 0 0 calc(11 * var(--wp-unit)); }
.wp-reasons li svg { flex: none; width: calc(28 * var(--wp-unit)); height: auto; }
.wp-boxes { position: absolute; z-index: -1; right: 0; bottom: 0; width: calc(310 * var(--wp-unit)); aspect-ratio: 310 / 240; }
.wp-boxes img { display: block; width: 100%; height: 100%; }
.wp-boxes > span {
  position: absolute;
  top: calc(35 * var(--wp-unit));
  left: calc(140 * var(--wp-unit));
  width: calc(69 * var(--wp-unit));
  height: calc(47 * var(--wp-unit));
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(130deg,#ff4848,#ed141c);
  border-radius: calc(20 * var(--wp-unit));
}
.wp-boxes > span::after { content: ''; position: absolute; left: 42%; bottom: -8px; width: 16px; height: 13px; clip-path: polygon(0 0,100% 0,28% 100%); background: #ed141c; }
.wp-boxes svg { width: 61%; height: 75%; }

.wp-reading { width: min(1040px, 100%); margin-inline: auto; padding: 64px 28px; }
.wp-reading h2 { margin-bottom: 18px; font-size: clamp(1.8rem, 3.5vw, 2.7rem); letter-spacing: -.04em; line-height: 1.1; }
.wp-reading p { line-height: 1.65; max-width: 60ch; }
.wp-reading-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; padding: 0; margin-top: 30px; list-style-position: inside; }
.wp-reading-steps li { border-top: 1px solid #edc4bf; padding-top: 12px; }
.wp-reading-steps li::marker { color: #b90f19; font-weight: 800; }
.wp-reading-steps h3 { display: inline; font-size: 1.15rem; }
.wp-reading-steps p { margin-top: 6px; }
.wp-faq { border-top: 1px solid #f3dfd9; }
.wp-faq details { border-bottom: 1px solid #f3dfd9; }
.wp-faq summary { min-height: 44px; padding: 12px 0; cursor: pointer; font-weight: 760; }
.wp-faq details p { padding-bottom: 15px; }
.wp-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 24px; border-top: 1px solid #f3dfd9; padding: 28px max(26px, 5vw); background: #fcf6f2; }
.wp-footer p { margin-top: 4px; }
.wp-footer nav { display: flex; flex-wrap: wrap; gap: 4px 20px; }
.wp-footer a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; }

@media (max-width: 1080px) {
  .wp-header { gap: 6px 20px; padding: 8px 20px; flex-wrap: wrap; }
  .wp-brand { font-size: clamp(1rem, 3.2vw, 1.6rem); gap: 8px; padding: 0; }
  .wp-brand::after { content: none; }
  .wp-brand-icon { width: 34px; }
  .wp-nav { font-size: 1rem; gap: 0 18px; }
  .wp-independent { font-size: .85rem; padding: 6px 9px; }
  .wp-steps h2 { font-size: max(1.65rem, calc(39 * var(--wp-unit))); }
  .wp-step h3 { font-size: max(1rem, calc(24 * var(--wp-unit))); }
  .wp-step p, .wp-panel p, .wp-panel li, .wp-comparison table { font-size: max(.875rem, calc(18 * var(--wp-unit))); }
  .wp-panel h2 { font-size: max(1.3rem, calc(33 * var(--wp-unit))); }
}
@media (max-width: 820px) {
  .wp-header { gap: 0 12px; padding: 7px 16px 3px; }
  .wp-brand { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
  .wp-independent { white-space: normal; }
  .wp-nav { order: 3; width: 100%; justify-content: space-between; column-gap: 12px; font-size: .9rem; }
  .wp-hero { display: flex; flex-direction: column; min-height: auto; }
  .wp-intro { order: -1; padding: 28px 18px 17px; width: 100%; }
  .wp-intro h1 { font-size: clamp(2.8rem, 8.2vw, 4.65rem); line-height: .98; overflow-wrap: anywhere; }
  .wp-intro p { max-width: 28ch; margin: 12px 0 0; font-size: clamp(1.1rem,3vw,1.6rem); }
  .wp-page .wp-cta { margin: 18px 0 0; padding: 10px 14px; border-radius: 17px; gap: 8px; font-size: clamp(.9rem, 2.8vw, 1.15rem); }
  .wp-cta svg { width: 21px; }
  .wp-hero-image { --wp-photo-unit: .1004016064vw; position: relative; width: 100%; }
  .wp-steps { display: block; padding: 24px 16px; }
  .wp-steps h2 { margin: 0 0 17px; }
  .wp-desktop-break { display: none; }
  .wp-steps h2::after { margin-top: 10px; height: 4px; width: 46px; }
  .wp-steps-list { grid-template-columns: 1fr; gap: 12px; }
  .wp-step a { min-height: 115px; padding: 17px max(100px, 26%) 14px 62px; border-radius: 14px; }
  .wp-step h3 { font-size: 1.08rem; }
  .wp-step p, .wp-step:nth-child(n) p { width: auto; margin: 6px 0 0; }
  .wp-step-number { width: 36px; top: 15px; left: 14px; font-size: 1.2rem; }
  .wp-step-arrow { display: none; }
  .wp-listing { right: 9px; width: 88px; }
  .wp-faces { width: 95px; right: 6px; bottom: 10px; }
  .wp-cart { width: 73px; right: 9px; bottom: 10px; }
  .wp-panels { grid-template-columns: 1fr; gap: 14px; padding: 14px 16px; }
  .wp-panel { padding: 16px 12px; min-height: 0; border-radius: 14px; }
  .wp-panel h2 { font-size: clamp(1.3rem, 5vw, 1.8rem); }
  .wp-panel p, .wp-panel li { margin-top: 8px; }
  .wp-comparison table { width: 100%; margin-top: 12px; }
  .wp-comparison :is(td, th) { padding: 8px; }
  .wp-comparison thead th { font-size: .9rem; }
  .wp-boxes { display: none; }
  .wp-reasons ul { margin-top: 12px; }
  .wp-reasons li { gap: 9px; margin-bottom: 8px; }
  .wp-reasons li svg { width: 22px; }
  .wp-reading { padding: 34px 18px; }
  .wp-reading-steps { grid-template-columns: 1fr; gap: 18px; }
  .wp-footer { padding: 23px 18px; }
}
@media (max-width: 365px) {
  .wp-brand { font-size: .9rem; }
  .wp-brand-icon { width: 27px; }
  .wp-independent { margin: 0; max-width: 76px; font-size: .75rem; line-height: 1.15; }
  .wp-nav { font-size: .8rem; column-gap: 8px; }
  .wp-step a { padding-inline-end: 82px; }
  .wp-listing, .wp-faces { width: 71px; }
  .wp-cart { width: 59px; }
}
