html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

:where(button.w-popover-trigger), :where(button.w-modal-trigger) {
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  background-color: #0000;
  border: 0;
  margin: 0;
  padding: 0;
}

:where(.w-popover) {
  position-anchor: auto;
  position-area: top;
}

:where(.w-popover[data-w-popover-backdrop-animated], .w-modal[data-w-popover-backdrop-animated])::backdrop {
  animation: var(--w-backdrop-animation, none);
}

:where(.w-popover, .w-modal) {
  --w-backdrop-animation: initial;
}

.w-popover-mask {
  opacity: 0 !important;
  clip-path: none !important;
  pointer-events: auto !important;
  border: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  inset: 0 !important;
  transform: none !important;
}

.w-popover-mask[popover] {
  translate: none !important;
  rotate: none !important;
  scale: none !important;
}

.w-popover-mask::backdrop {
  display: none !important;
}

.w-popover-mask:not(:popover-open) {
  display: none !important;
}

@supports not selector(:popover-open) {
  .w-popover-mask {
    display: none !important;
  }
}

.w-popover[popover]:not(:popover-open) {
  display: none;
}

.w-modal:not([open]):not([popover]) {
  display: none;
}

.w-modal[popover]:not(:popover-open) {
  display: none;
}

:where(.w-modal[data-w-modal-lock-scroll]) {
  overscroll-behavior: contain;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

pre.w-code-block code > span {
  display: block !important;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@font-face {
  font-family: IBM Plex Mono;
  src: url("https://webflow-files-prod.global.ssl.fastly.net/6aefc61028f6bef42a65518c/fonts/6aefe931c9e95dfb70eda44c-IBMPlexMono-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: IBM Plex Mono;
  src: url("https://webflow-files-prod.global.ssl.fastly.net/6aefc61028f6bef42a65518c/fonts/6aefe93191830df8970fdee8-IBMPlexMono-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: IBM Plex Sans;
  src: url("https://webflow-files-prod.global.ssl.fastly.net/6aefc61028f6bef42a65518c/fonts/6aefe93162e0b52a666d8a83-IBMPlexSans-VF.woff2") format("woff2");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Newsreader;
  src: url("https://webflow-files-prod.global.ssl.fastly.net/6aefc61028f6bef42a65518c/fonts/6aefe931c9e95dfb70eda49c-Newsreader-VF.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Newsreader;
  src: url("https://webflow-files-prod.global.ssl.fastly.net/6aefc61028f6bef42a65518c/fonts/6aefe9327258de8f8efc4de3-Newsreader-Italic-VF.woff2") format("woff2");
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url("https://webflow-files-prod.global.ssl.fastly.net/6aefc61028f6bef42a65518c/fonts/6af057ef89500e2a98e5a0ca-Archivo-VF.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Hanken Grotesk;
  src: url("https://webflow-files-prod.global.ssl.fastly.net/6aefc61028f6bef42a65518c/fonts/6af057ef7c197e3c64ed9728-HankenGrotesk-VF.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.lp-boot {
  display: none;
}

.hl-ad {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  height: 100%;
  padding: 52px 14px 18px;
  display: flex;
}

.hl-ad-apply {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 7px 14px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ad-avatar {
  background-image: linear-gradient(135deg, #ffd60a 0%, #ff7300 55%, #ff4a00 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  display: block;
}

.hl-ad-bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 14px;
  display: flex;
}

.hl-ad-bar-end {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border-radius: 14px;
  justify-content: flex-end;
  align-items: center;
  padding: 10px;
  display: flex;
}

.hl-ad-bar-text {
  color: #fff8f0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
}

.hl-ad-brand {
  color: #fff8f0;
  letter-spacing: .04em;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-ad-hook {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 14px;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .9;
  display: block;
  position: relative;
}

.hl-ad-id {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-ad-kicker {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Archivo, sans-serif;
  font-size: 64px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .84;
  display: block;
  position: relative;
}

.hl-ad-line {
  background-color: #26211e;
  border-radius: 4px;
  width: 100%;
  height: 8px;
  display: block;
}

.hl-ad-line-short {
  background-color: #26211e;
  border-radius: 4px;
  width: 58%;
  height: 8px;
  display: block;
}

.hl-ad-lines {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-direction: column;
  padding: 0 4px;
  display: flex;
}

.hl-ad-media {
  color: #0a0807;
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  padding: 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-ad-meta {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-ad-role {
  color: #0a0807;
  margin-top: 16px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.05;
  display: block;
  position: relative;
}

.hl-ad-shift {
  color: #ffd60a;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 999px;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  display: inline-block;
  position: relative;
}

.hl-ad-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.hl-arrow-void {
  color: #0a0807;
  transition: transform .2s;
  display: inline-block;
  position: relative;
}

.hl-band {
  text-align: center;
  background-color: #131110;
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative;
  overflow: hidden;
}

.hl-band-actions {
  grid-column-gap: 28px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 36px;
  display: flex;
}

.hl-band-inner {
  z-index: 2;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-beat {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.hl-beat-alt {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  text-align: right;
  flex-flow: row-reverse;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.hl-beat-line {
  color: #fff8f0;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 104px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-beat-pay {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 12px;
  display: flex;
}

.hl-beat-payoff {
  color: #ffd60a;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 168px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-beats {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-direction: column;
  display: flex;
}

.hl-bento {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.hl-bento-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
}

.hl-btn-ghost {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  padding: 0 26px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .2s;
  display: inline-flex;
}

.hl-btn-ghost:hover {
  border-color: #fff8f0;
}

.hl-btn-ghost:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-btn-nav-sm {
  color: #0a0807;
  white-space: nowrap;
  background-color: #ff4a00;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.hl-btn-nav-sm:hover {
  background-color: #ff7300;
}

.hl-btn-nav-sm:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-btn-void {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  padding: 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s;
  display: inline-flex;
}

.hl-btn-void:hover {
  background-color: #26211e;
}

.hl-btn-void:focus {
  outline-offset: 3px;
  outline: 3px solid #0a0807;
}

.hl-bubble {
  color: #fff8f0;
  text-align: left;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 24px;
  flex-shrink: 0;
  max-width: 400px;
  margin: 0;
  padding: 18px 26px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.35;
  position: relative;
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-bubble-from {
  color: #ff7300;
  letter-spacing: .01em;
  margin-bottom: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.hl-built {
  background-color: #0a0807;
  padding-top: 32px;
  padding-bottom: 72px;
  position: relative;
  overflow: hidden;
}

.hl-built-bar {
  max-width: 1100px;
  margin-top: 48px;
  margin-bottom: 48px;
  display: block;
}

.hl-built-more {
  margin: 32px 0 0;
}

.hl-cal {
  flex-direction: column;
  height: 100%;
  padding: 18px 14px;
  display: flex;
}

.hl-cal-day {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.hl-cal-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid;
}

.hl-cal-head {
  color: #fff8f0;
  margin: 0 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
}

.hl-cal-name {
  color: #958b80;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
}

.hl-cal-next {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 14px;
  align-items: center;
  margin: auto 0 0;
  padding: 10px 12px;
  display: flex;
}

.hl-cal-next-label {
  color: #0a0807;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 8px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
}

.hl-cal-next-text {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-cal-on {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #0a0807;
  text-align: center;
  background-color: #ffd60a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 54px;
  padding: 4px 2px;
  display: flex;
  overflow: hidden;
}

.hl-cal-slot {
  border: 1px dashed #3a322c;
  border-radius: 8px;
  min-height: 54px;
  display: block;
}

.hl-cal-time {
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  display: block;
}

.hl-cal-what {
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.1;
  display: block;
}

.hl-chat {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  height: 100%;
  padding: 20px 16px;
  display: flex;
}

.hl-chat-brief {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 16px;
  flex-direction: column;
  align-self: stretch;
  margin: 2px 0 0;
  padding: 12px;
  display: flex;
}

.hl-chat-brief-label {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-chat-chip {
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
}

.hl-chat-chips {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  display: flex;
}

.hl-chat-day {
  color: #958b80;
  text-align: center;
  margin: 8px 0 2px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: none;
}

.hl-chat-dot {
  background-color: #958b80;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-chat-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.hl-chat-input {
  color: #958b80;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  height: 44px;
  margin: 6px 0 0;
  padding: 0 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: none;
}

.hl-chat-mark {
  border-radius: 8px;
  width: 28px;
  height: 28px;
  display: block;
  overflow: hidden;
}

.hl-chat-mark-img {
  width: 28px;
  height: 28px;
  display: block;
}

.hl-chat-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
}

.hl-chat-status {
  color: #958b80;
  margin-left: auto;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.hl-chat-them {
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px 20px 20px 6px;
  align-self: flex-start;
  max-width: 84%;
  margin: 0;
  padding: 10px 15px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-chat-typing {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #1c1917;
  border-radius: 22px 22px 22px 6px;
  align-self: flex-start;
  margin: 2px 0 0;
  padding: 14px 16px;
  display: none;
}

.hl-chat-you {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 20px 20px 6px;
  align-self: flex-end;
  max-width: 84%;
  margin: 0;
  padding: 10px 15px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-control {
  background-color: #0a0807;
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
  overflow: hidden;
}

.hl-control-copy {
  z-index: 2;
  position: relative;
}

.hl-control-grid {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: center;
  display: grid;
}

.hl-control-line {
  margin-bottom: 10px;
  display: block;
}

.hl-control-lines {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 36px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-control-stage {
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.hl-credits {
  color: #bcb2a6;
  letter-spacing: .01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-stretch: 125%;
  line-height: 1.3;
}

.hl-cta-copy {
  padding-top: 12px;
  position: sticky;
  top: 112px;
}

.hl-cta-grid {
  z-index: 2;
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: start;
  display: grid;
  position: relative;
}

.hl-cta-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff4a001a 0%, #ff4a0000 100%);
  width: 1400px;
  height: 900px;
  margin-left: -700px;
  position: absolute;
  top: -200px;
  left: 50%;
}

.hl-cta-note {
  color: #bcb2a6;
  max-width: 520px;
  margin: 12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-cta-note-void {
  color: #0a0807;
  flex: 0 0 100%;
  margin: -6px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-cta-time {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  align-items: center;
  margin: 28px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
}

.hl-cta-time-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  display: block;
}

.hl-dash {
  z-index: 2;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  width: 100%;
  max-width: 580px;
  padding: 28px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-dash-chip {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #fff8f0;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 8px 15px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-dash-chip-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-dash-foot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.hl-dash-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 18px;
  display: flex;
}

.hl-dash-note {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.hl-dash-role {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-dash-row {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
  display: grid;
}

.hl-dash-site {
  color: #bcb2a6;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
}

.hl-dash-status {
  justify-items: end;
  display: grid;
  position: relative;
}

.hl-dash-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-display {
  color: #fff8f0;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 96px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .95;
}

.hl-display-void {
  z-index: 2;
  color: #0a0807;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 96px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .95;
  position: relative;
}

.hl-easy {
  color: #0a0807;
  background-color: #0a0807;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-easy-actions {
  grid-column-gap: 28px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-easy-foot {
  z-index: 2;
  grid-column-gap: 32px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
  display: flex;
  position: relative;
}

.hl-easy-line {
  color: #0a0807;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-event {
  background-color: #0a0807;
  padding-top: 104px;
  padding-bottom: 104px;
  position: relative;
  overflow: hidden;
}

.hl-event-copy {
  z-index: 2;
  max-width: 620px;
  position: relative;
}

.hl-event-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 480px;
  place-items: center stretch;
  display: grid;
}

.hl-event-lead {
  color: #bcb2a6;
  max-width: 560px;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-event-stage {
  justify-content: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 8px;
  display: flex;
  position: relative;
}

.hl-fan {
  z-index: 2;
  height: 280px;
  margin-top: 72px;
  position: relative;
}

.hl-fan-1 {
  z-index: 1;
  transform-origin: 50% 100%;
  width: 248px;
  margin-left: -124px;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translate(-468px, 48px)rotate(-12deg);
}

.hl-fan-2 {
  z-index: 2;
  transform-origin: 50% 100%;
  width: 248px;
  margin-left: -124px;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translate(-236px, 10px)rotate(-6deg);
}

.hl-fan-3 {
  z-index: 3;
  transform-origin: 50% 100%;
  width: 248px;
  margin-left: -124px;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translate(0)rotate(0);
}

.hl-fan-4 {
  z-index: 2;
  transform-origin: 50% 100%;
  width: 248px;
  margin-left: -124px;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translate(236px, 10px)rotate(6deg);
}

.hl-fan-5 {
  z-index: 1;
  transform-origin: 50% 100%;
  width: 248px;
  margin-left: -124px;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translate(468px, 48px)rotate(12deg);
}

.hl-faq-grid {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  align-items: start;
  padding-top: 64px;
  display: grid;
}

.hl-faq-section {
  background-color: #0a0807;
  padding-top: 24px;
  padding-bottom: 72px;
  position: relative;
}

.hl-faq-side {
  position: relative;
}

.hl-faq-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1;
}

.hl-field-pair {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.hl-flip-from {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: 0;
  color: #ffa800;
  white-space: nowrap;
  transform-style: preserve-3d;
  background-color: #ff730024;
  border-radius: 999px;
  grid-area: 1 / 1 / 2 / 2;
  align-items: center;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  transform: rotateX(90deg);
}

.hl-flood-heat {
  transform-origin: 50% 100%;
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  position: absolute;
  inset: 0;
}

.hl-flood-volt {
  transform-origin: 50% 100%;
  background-color: #ffd60a;
  background-image: radial-gradient(80% 60% at 50% 0, #ffeb5c 0%, #ffd60a 60%);
  position: absolute;
  inset: 0;
}

.hl-foot-spill {
  pointer-events: none;
  background-image: radial-gradient(140% 100% at 50% 0, #ff4a003d 0%, #ff730014 45%, #ff730000 75%);
  height: 220px;
  margin-bottom: -220px;
  display: block;
}

.hl-foot-trust {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-form-note-strong {
  color: #fff8f0;
  font-weight: 600;
}

.hl-grain {
  opacity: .07;
  pointer-events: none;
  mix-blend-mode: overlay;
  position: absolute;
  inset: 0;
}

.hl-h1 {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}

.hl-h1-lead {
  color: #ff4a00;
  letter-spacing: .01em;
  margin-bottom: 24px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.hl-handled {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1.5px solid #ff4a00;
  border-radius: 999px;
  align-items: center;
  margin: 0;
  padding: 18px 32px 18px 18px;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
  display: inline-flex;
}

.hl-handled-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: block;
}

.hl-head-light {
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730047 0%, #ff4a0017 50%, #ff4a0000 100%);
  width: 960px;
  height: 560px;
  margin-top: -300px;
  margin-left: -480px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.hl-heat {
  color: #ff7300;
  display: inline-block;
}

.hl-hero {
  background-color: #0a0807;
  align-items: center;
  min-height: 828px;
  padding-top: 32px;
  padding-bottom: 56px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-hero-actions {
  grid-column-gap: 28px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 28px;
  display: flex;
}

.hl-hero-copy {
  z-index: 3;
  position: relative;
}

.hl-hero-grid {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 34%;
  align-items: center;
  width: 100%;
  display: grid;
  position: relative;
}

.hl-hero-pass {
  z-index: 2;
  transform-origin: 50%;
  width: 404px;
  position: absolute;
  bottom: -84px;
  left: -212px;
  transform: rotate(-6deg);
}

.hl-hero-phone {
  z-index: 1;
  width: 290px;
  position: absolute;
  top: 0;
  right: 0;
}

.hl-hero-poster {
  color: #fff8f0;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 128px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  display: block;
}

.hl-hero-stage {
  height: 640px;
  position: relative;
}

.hl-hero-sub {
  color: #bcb2a6;
  max-width: 700px;
  margin: 28px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-hero-sub-lead {
  color: #fff8f0;
  font-weight: 600;
}

.hl-horizon {
  pointer-events: none;
  transform-origin: 50% 100%;
  background-image: radial-gradient(120% 60% at 50% 100%, #ff4a0080 0%, #ff73002e 40%, #ff730000 70%);
  height: 80%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hl-horizon-end {
  pointer-events: none;
  transform-origin: 50% 100%;
  background-image: radial-gradient(120% 64% at 50% 112%, #ff4a006b 0%, #ff730029 42%, #ff730000 72%);
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hl-how {
  background-color: #0a0807;
  padding-top: 96px;
  padding-bottom: 88px;
  position: relative;
}

.hl-how-copy {
  position: relative;
}

.hl-how-cta {
  margin-top: 32px;
}

.hl-how-device {
  z-index: 1;
  display: none;
  position: relative;
}

.hl-how-grid {
  position: relative;
}

.hl-how-light {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730057 0%, #ff4a001a 50%, #ff4a0000 100%);
  width: 700px;
  height: 380px;
  margin-left: -350px;
  display: none;
  position: absolute;
  bottom: -60px;
  left: 50%;
}

.hl-how-note {
  color: #bcb2a6;
  max-width: 720px;
  margin: 40px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-how-note-strong {
  color: #fff8f0;
  font-weight: 600;
}

.hl-how-stage {
  position: relative;
}

.hl-ind {
  color: #fff8f0;
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  min-height: 280px;
  padding: 32px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1), background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-ind:hover {
  background-color: #221e1b;
  transform: translateY(-4px);
}

.hl-ind:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-ind-arrow {
  color: #fff8f0;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  transition: transform .2s, background-color .2s, border-color .2s, color .2s;
  display: flex;
  position: absolute;
  bottom: 28px;
  right: 28px;
}

.hl-ind-chip {
  color: #fff8f0;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 7px 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ind-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 24px;
  padding-right: 60px;
  display: flex;
}

.hl-ind-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
}

.hl-ind-line {
  color: #bcb2a6;
  margin-top: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ind-title {
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.04;
}

.hl-ind-wide {
  color: #fff8f0;
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 3 / span 3;
  min-height: 280px;
  padding: 32px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1), background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-ind-wide:hover {
  background-color: #221e1b;
  transform: translateY(-4px);
}

.hl-ind-wide:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-keylight {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ffa80080 0%, #ff73001f 55%, #ff730000 100%);
  width: 760px;
  height: 460px;
  margin-left: -380px;
  position: absolute;
  bottom: -20px;
  left: 50%;
}

.hl-lb-brand {
  color: #0a0807;
  letter-spacing: .02em;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 900;
  font-stretch: 125%;
  line-height: 1.1;
}

.hl-lb-foot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 2px solid #0a0807;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 28px;
  padding-top: 18px;
  display: flex;
}

.hl-lb-foot-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  display: flex;
}

.hl-lb-kicker {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 112px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .84;
  display: block;
}

.hl-lb-note {
  color: #4a433d;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-lb-notes {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.hl-lb-qr {
  background-color: #fff;
  border-radius: 6px;
  flex-shrink: 0;
  width: 112px;
  height: 112px;
  padding: 6px;
  display: block;
  position: relative;
  overflow: hidden;
}

.hl-lb-qr-img {
  width: 100px;
  height: 100px;
  display: block;
}

.hl-lb-scan {
  transform-origin: 50% 100%;
  background-color: #fff;
  display: block;
  position: absolute;
  inset: 0;
  transform: scaleY(0);
}

.hl-lb-title {
  color: #e03c00;
  letter-spacing: .01em;
  text-transform: uppercase;
  margin-top: 22px;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  font-stretch: 125%;
  line-height: 1.05;
  display: block;
}

.hl-lb-when {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 8px;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 900;
  line-height: 1;
  display: block;
}

.hl-lead-center {
  color: #bcb2a6;
  text-align: center;
  max-width: 680px;
  margin: 24px auto 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-lead-void {
  z-index: 2;
  color: #0a0807;
  max-width: 640px;
  margin: 28px auto 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
  position: relative;
}

.hl-lightbox {
  text-align: left;
  width: 480px;
  max-width: 100%;
  position: relative;
}

.hl-lightbox-face {
  background-color: #fff8f0;
  background-image: radial-gradient(120% 90% at 50% 38%, #fff 0%, #fff8f0 48%, #fbe8cf 100%);
  border-radius: 10px;
  flex-direction: column;
  padding: 34px 32px 26px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-lightbox-frame {
  z-index: 2;
  color: #0a0807;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 22px;
  padding: 14px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1);
  display: block;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-lightbox-frame:hover {
  transform: translateY(-4px);
}

.hl-lightbox-frame:focus {
  outline-offset: 4px;
  outline: 3px solid #ffd60a;
}

.hl-lightbox-glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ffa8009e 0%, #ff73003d 40%, #ff4a0000 76%);
  width: 820px;
  height: 560px;
  margin-top: -280px;
  margin-left: -410px;
  position: absolute;
  top: 84%;
  left: 50%;
}

.hl-line {
  display: block;
}

.hl-link-void {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border-radius: 999px;
  align-items: center;
  min-height: 52px;
  padding: 0 26px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s;
  display: inline-flex;
}

.hl-link-void:hover {
  background-color: #26211e;
}

.hl-link-void:focus {
  outline-offset: 3px;
  outline: 3px solid #0a0807;
}

.hl-link-void-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  text-underline-offset: 4px;
  align-items: center;
  min-height: 44px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  display: inline-flex;
}

.hl-link-void-text:hover {
  text-decoration-color: #0a080773;
}

.hl-link-void-text:focus {
  outline-offset: 3px;
  border-radius: 6px;
  outline: 3px solid #0a0807;
}

.hl-links {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 32px;
  display: flex;
}

.hl-links-row {
  grid-column-gap: 36px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 28px;
  display: flex;
}

.hl-live {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffd60a;
  letter-spacing: .04em;
  background-color: #ffd60a1f;
  border-radius: 999px;
  align-items: center;
  margin-left: auto;
  padding: 6px 12px 6px 10px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-live-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-livead {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  height: 100%;
  padding: 18px 16px;
  display: flex;
}

.hl-livead-kicker {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  display: block;
  position: relative;
}

.hl-livead-media {
  color: #0a0807;
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 18px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  padding: 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-livead-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.hl-lockup {
  z-index: 2;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 2px solid #0a0807;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: baseline;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
  position: relative;
}

.hl-lockup-big {
  color: #0a0807;
  letter-spacing: -.01em;
  white-space: nowrap;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 64px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .92;
}

.hl-lockup-small {
  color: #0a0807;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-lockups {
  z-index: 2;
  grid-row-gap: 0;
  grid-column-gap: 0;
  border-bottom: 2px solid #0a0807;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 64px;
  display: grid;
  position: relative;
}

.hl-loud {
  color: #ff7300;
  font-stretch: 125%;
  display: inline-block;
}

.hl-mini-apply {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 5px 12px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.hl-mini-avatar {
  background-image: linear-gradient(135deg, #ffd60a 0%, #ff7300 55%, #ff4a00 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  display: block;
}

.hl-mini-bar-line {
  background-color: #26211e;
  border-radius: 4px;
  flex: 1;
  height: 8px;
  display: block;
}

.hl-mini-bar-short {
  background-color: #26211e;
  border-radius: 4px;
  width: 60%;
  height: 8px;
  display: block;
}

.hl-mini-beacon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: block;
  position: relative;
}

.hl-mini-beacon-dot {
  z-index: 2;
  background-color: #ffd60a;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: block;
  position: relative;
}

.hl-mini-beacon-ring {
  opacity: 0;
  border: 3px solid #ffd60a;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.hl-mini-beacon-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.hl-mini-beacon-word {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 64px;
  font-weight: 900;
  font-stretch: 125%;
  line-height: .9;
}

.hl-mini-board {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  padding: 30px 40px 28px;
  display: flex;
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-mini-brand {
  color: #fff8f0;
  letter-spacing: .05em;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
}

.hl-mini-event {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  width: 226px;
  padding: 12px;
  display: flex;
  transform: rotate(3deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-mini-event-bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.hl-mini-event-go {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 5px 12px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.hl-mini-event-kicker {
  color: #0a0807;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-mini-event-media {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0a0807;
  background-color: #ffd60a;
  background-image: radial-gradient(120% 90% at 30% 15%, #ffeb5c 0%, #ffd60a 62%);
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  height: 128px;
  margin-top: 10px;
  padding: 12px;
  display: flex;
}

.hl-mini-event-when {
  color: #0a0807;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 46px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .84;
}

.hl-mini-fan {
  width: 280px;
  height: 180px;
  display: block;
  position: relative;
}

.hl-mini-feed {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  width: 230px;
  padding: 12px;
  display: flex;
  transform: rotate(-3deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-mini-feed-bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.hl-mini-feed-kicker {
  color: #0a0807;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .84;
}

.hl-mini-feed-media {
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 12px;
  align-items: flex-end;
  height: 128px;
  margin-top: 10px;
  padding: 12px;
  display: flex;
}

.hl-mini-feed-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.hl-mini-ink-line {
  background-color: #0a080729;
  border-radius: 4px;
  width: 100%;
  height: 7px;
  display: block;
}

.hl-mini-ink-short {
  background-color: #0a080729;
  border-radius: 4px;
  width: 62%;
  height: 7px;
  display: block;
}

.hl-mini-job {
  z-index: 2;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #0a0807;
  background-color: #fff8f0;
  border-radius: 14px;
  flex-direction: column;
  width: 168px;
  margin-left: -84px;
  padding: 13px 14px 14px;
  display: flex;
  position: absolute;
  top: 66px;
  left: 50%;
  box-shadow: 0 24px 48px -16px #000000e6;
}

.hl-mini-job-site {
  color: #4a433d;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-mini-job-title {
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-mini-live {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffd60a;
  letter-spacing: .04em;
  background-color: #ffd60a1f;
  border-radius: 999px;
  align-items: center;
  padding: 5px 11px 5px 9px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  position: relative;
}

.hl-mini-live-dot {
  z-index: 2;
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
  position: relative;
}

.hl-mini-live-ring {
  opacity: 0;
  border: 2px solid #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  display: block;
  position: absolute;
  top: 50%;
  left: 9px;
}

.hl-mini-loc {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-items: center;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-mini-loc-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-mini-locs {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.hl-mini-qr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  background-color: #fff8f0;
  background-image: radial-gradient(120% 90% at 50% 30%, #fff 0%, #fff8f0 50%, #fbe8cf 100%);
  border-radius: 14px;
  flex-direction: column;
  align-items: center;
  width: 176px;
  padding: 16px 16px 14px;
  display: flex;
  transform: rotate(-3deg);
  box-shadow: 0 0 0 8px #26211e, 0 30px 70px -20px #000000e6;
}

.hl-mini-qr-img {
  width: 104px;
  height: 104px;
  display: block;
}

.hl-mini-qr-kicker {
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .9;
}

.hl-mini-qr-when {
  color: #4a433d;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
}

.hl-mini-result {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 16px;
  flex-direction: column;
  padding: 14px 16px;
  display: flex;
}

.hl-mini-result-tag {
  color: #958b80;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
}

.hl-mini-result-title {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-mini-search {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 310px;
  display: flex;
}

.hl-mini-search-bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0a0807;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  height: 50px;
  padding: 0 18px;
  display: flex;
}

.hl-mini-search-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  display: block;
}

.hl-mini-search-q {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  display: block;
  position: relative;
  overflow: hidden;
}

.hl-mini-site-1 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 140px;
  height: 100px;
  margin-left: -70px;
  padding: 10px 12px;
  transition: transform .7s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translate(-92px, 22px)rotate(-16deg);
}

.hl-mini-site-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 140px;
  height: 100px;
  margin-left: -70px;
  padding: 10px 12px;
  transition: transform .7s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translate(-52px, -28px)rotate(-7deg);
}

.hl-mini-site-3 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-end;
  width: 140px;
  height: 100px;
  margin-left: -70px;
  padding: 10px 12px;
  transition: transform .7s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translate(52px, -28px)rotate(7deg);
}

.hl-mini-site-4 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-end;
  width: 140px;
  height: 100px;
  margin-left: -70px;
  padding: 10px 12px;
  transition: transform .7s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translate(92px, 22px)rotate(16deg);
}

.hl-mini-site-name {
  color: #bcb2a6;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-mini-tag {
  color: #958b80;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-left: auto;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
}

.hl-mini-tick {
  color: #0a0807;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 3px 8px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.1;
  transition: opacity .3s, transform .4s cubic-bezier(.34, 1.56, .64, 1);
  display: inline-flex;
}

.hl-mpanel-trust {
  color: #958b80;
  margin: 28px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-nav-desc {
  color: #bcb2a6;
  letter-spacing: .14em;
  text-transform: uppercase;
  border-left: 1px solid #2e2824;
  flex-direction: column;
  padding-left: 12px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
  display: flex;
}

.hl-nav-desc-line {
  white-space: nowrap;
  display: block;
}

.hl-nav-mobile {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  margin-left: auto;
  display: none;
}

.hl-nav-wordmark {
  width: 81px;
  max-width: none;
  height: 48px;
  display: block;
}

.hl-offer {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 18px;
  width: 100%;
  max-width: 430px;
  height: 136px;
  margin-bottom: 48px;
  display: flex;
  position: relative;
  transform: rotate(-3deg);
  box-shadow: 0 40px 80px -30px #000000e6;
}

.hl-offer-kicker {
  color: #4a433d;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
}

.hl-offer-main {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
  padding: 18px 24px;
  display: flex;
}

.hl-offer-mark {
  width: 48px;
  height: 48px;
  display: block;
}

.hl-offer-stub {
  border-right: 2px dashed #0a080738;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 100px;
  display: flex;
}

.hl-offer-title {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 6px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .88;
}

.hl-paddle {
  color: #fff8f0;
  cursor: pointer;
  background-color: #26211e;
  border: 1.5px solid #6e655b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: border-color .2s;
  display: flex;
}

.hl-paddle:hover {
  border-color: #fff8f0;
}

.hl-paddle:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-paddles {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  padding: 16px 32px 0;
  display: flex;
  position: relative;
}

.hl-pass {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 18px;
  width: 100%;
  height: 176px;
  display: flex;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-pass-cell {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  display: flex;
}

.hl-pass-label {
  color: #4a433d;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pass-main {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
  padding: 18px 8px 18px 22px;
  display: flex;
}

.hl-pass-mark {
  width: 32px;
  height: 32px;
  margin-left: -16px;
  display: block;
  position: absolute;
  top: 16px;
  left: 50%;
}

.hl-pass-meta {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  margin-top: 18px;
  display: flex;
}

.hl-pass-qr {
  flex-shrink: 0;
  align-items: center;
  padding: 18px 20px 18px 4px;
  display: flex;
}

.hl-pass-qr-img {
  width: 84px;
  height: 84px;
  display: block;
}

.hl-pass-stub {
  border-right: 2px dashed #0a080738;
  flex-shrink: 0;
  width: 66px;
  display: block;
  position: relative;
}

.hl-pass-stub-text {
  color: #4a433d;
  text-align: center;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100px;
  margin-top: -8px;
  margin-left: -50px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 16px;
  display: block;
  position: absolute;
  top: 108px;
  left: 50%;
  transform: rotate(-90deg);
}

.hl-pass-title {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  display: block;
}

.hl-pass-value {
  color: #0a0807;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}

.hl-ph-copy {
  z-index: 2;
  position: relative;
}

.hl-ph-display {
  color: #fff8f0;
  letter-spacing: -.02em;
  margin: 18px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 96px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .95;
}

.hl-ph-grid {
  z-index: 2;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  display: grid;
  position: relative;
}

.hl-ph-object {
  justify-content: center;
  align-items: center;
  min-height: 420px;
  display: flex;
  position: relative;
}

.hl-phone {
  background-color: #26211e;
  background-image: linear-gradient(155deg, #3a322c 0%, #26211e 28%, #1c1917 100%);
  border: 1px solid #3a322c;
  border-radius: 50px;
  width: 290px;
  height: 592px;
  padding: 10px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-phone-island {
  z-index: 4;
  background-color: #000;
  border-radius: 999px;
  width: 92px;
  height: 26px;
  margin-left: -46px;
  position: absolute;
  top: 12px;
  left: 50%;
}

.hl-phone-lg {
  background-color: #26211e;
  background-image: linear-gradient(155deg, #3a322c 0%, #26211e 28%, #1c1917 100%);
  border: 1px solid #3a322c;
  border-radius: 54px;
  width: 320px;
  height: 640px;
  padding: 10px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-phone-screen {
  background-color: #0a0807;
  border-radius: 40px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.hl-plan-check {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  padding: 4px;
  display: block;
}

.hl-plan-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  align-items: flex-start;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.hl-plan-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-poster {
  color: #fff8f0;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 144px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-pressure {
  background-color: #0a0807;
  padding-top: 120px;
  padding-bottom: 48px;
  position: relative;
}

.hl-pressure-note {
  color: #fff8f0;
  max-width: 720px;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-promise {
  background-color: #0a0807;
  background-image: linear-gradient(#ff4a0000 0%, #ff4a001f 35%, #ff4a003d 100%);
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100vh;
  padding-top: 104px;
  padding-bottom: 96px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-promise-copy {
  z-index: 2;
  text-align: center;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-rail-1 {
  background-color: #ff4a00;
  border-radius: 2px;
  width: 72px;
  height: 4px;
  margin-bottom: 24px;
  display: block;
}

.hl-rail-2 {
  background-color: #ff7300;
  border-radius: 2px;
  width: 72px;
  height: 4px;
  margin-bottom: 24px;
  display: block;
}

.hl-rail-3 {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 72px;
  height: 4px;
  margin-bottom: 24px;
  display: block;
}

.hl-sad-amber {
  color: #fff8f0;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 24px;
  flex-direction: column;
  flex: 0 0 248px;
  min-height: 440px;
  padding: 22px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-sad-amber-hook {
  color: #ffa800;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Archivo, sans-serif;
  font-size: 76px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .84;
  position: relative;
}

.hl-sad-avatar {
  background-image: linear-gradient(135deg, #ffd60a 0%, #ff7300 55%, #ff4a00 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  display: block;
}

.hl-sad-bar {
  background-color: #0a08073d;
  border-radius: 2px;
  flex: 1;
  height: 3px;
  display: block;
}

.hl-sad-bar-on {
  background-color: #0a0807;
  border-radius: 2px;
  flex: 1;
  height: 3px;
  display: block;
}

.hl-sad-bars {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  margin-bottom: 14px;
  display: flex;
}

.hl-sad-chalk {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e7da 100%);
  border-radius: 24px;
  flex-direction: column;
  flex: 0 0 248px;
  min-height: 440px;
  padding: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-sad-cta {
  white-space: nowrap;
  border-style: solid;
  border-width: 1.5px;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 8px 14px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-sad-foot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 18px;
  display: flex;
  position: relative;
}

.hl-sad-foot-role {
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-sad-giant {
  letter-spacing: -.02em;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Archivo, sans-serif;
  font-size: 104px;
  font-weight: 900;
  font-stretch: 62%;
  line-height: .8;
}

.hl-sad-heat {
  color: #0a0807;
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 24px;
  flex-direction: column;
  flex: 0 0 248px;
  min-height: 440px;
  padding: 14px 16px 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-sad-hook {
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Archivo, sans-serif;
  font-size: 62px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-sad-lede {
  letter-spacing: -.015em;
  margin-top: 26px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-sad-post-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  padding: 2px 2px 0;
  display: flex;
}

.hl-sad-role {
  letter-spacing: -.01em;
  margin-top: 14px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-sad-spot {
  pointer-events: none;
  background-image: radial-gradient(48% 62% at 50% 0, #ff730080 0%, #ff4a0024 48%, #ff4a0000 78%);
  width: 340px;
  height: 380px;
  margin-left: -170px;
  position: absolute;
  top: -60px;
  left: 50%;
}

.hl-sad-square {
  background-color: #ffe9cc;
  background-image: radial-gradient(120% 95% at 25% 15%, #fff 0%, #fff1de 42%, #ffc97a 100%);
  border-radius: 14px;
  flex-direction: column;
  justify-content: flex-end;
  height: 220px;
  margin-top: 12px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-sad-square-hook {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-sad-sticker {
  color: #0a0807;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #ff4a00;
  border-radius: 999px;
  padding: 6px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  position: absolute;
  top: 14px;
  right: 12px;
  transform: rotate(6deg);
}

.hl-sad-swipe {
  color: #fff8f0;
  background-color: #0a0807;
  border-radius: 999px;
  align-self: center;
  margin-top: 22px;
  padding: 11px 26px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-sad-tag {
  z-index: 2;
  opacity: .8;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  position: relative;
}

.hl-sad-type {
  color: #fff8f0;
  letter-spacing: -.025em;
  margin-top: 30px;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: .98;
}

.hl-sad-type-hot {
  color: #ffd60a;
  margin-top: 6px;
  display: block;
}

.hl-sad-void {
  color: #fff8f0;
  background-color: #0a0807;
  background-image: radial-gradient(120% 60% at 50% 115%, #ff4a006b 0%, #ff4a001a 45%, #ff4a0000 75%);
  border: 1px solid #3a322c;
  border-radius: 24px;
  flex-direction: column;
  flex: 0 0 248px;
  min-height: 440px;
  padding: 22px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-sad-volt {
  color: #0a0807;
  background-color: #ffd60a;
  background-image: radial-gradient(90% 60% at 50% 0, #ffeb5c 0%, #ffd60a 70%);
  border-radius: 24px;
  flex-direction: column;
  flex: 0 0 248px;
  min-height: 440px;
  padding: 22px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-screen {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 24px;
  height: 380px;
  margin-top: 28px;
  position: relative;
  overflow: hidden;
}

.hl-sec-head {
  z-index: 2;
  max-width: 860px;
  margin-bottom: 56px;
  position: relative;
}

.hl-sec-head-center {
  z-index: 2;
  text-align: center;
  max-width: 1040px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-section {
  background-color: #0a0807;
  padding-top: 96px;
  padding-bottom: 88px;
  position: relative;
}

.hl-section-alt {
  background-color: #131110;
  padding-top: 160px;
  padding-bottom: 160px;
  position: relative;
}

.hl-set-health {
  background-color: #131110;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%), radial-gradient(56% 120%, #fff8f057 0%, #fff8f000 70%);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 46% 22px, 100% 100%;
  border-radius: 14px;
  height: 72px;
  margin-top: 26px;
  display: block;
}

.hl-set-retail {
  background-color: #131110;
  background-image: radial-gradient(circle, #ffeb5c 0 3px, #ffd60a80 4px, #ffa8001f 7px, #ffa80000 10px), radial-gradient(circle, #ffeb5c 0 3px, #ffd60a80 4px, #ffa8001f 7px, #ffa80000 10px), radial-gradient(90% 60%, #ffa80029 0%, #ffa80000 100%);
  background-position: 6px 2px, 6px 48px, 0 0;
  background-repeat: repeat-x, repeat-x, no-repeat;
  background-size: 22px 22px, 22px 22px, 100% 100%;
  border-radius: 14px;
  height: 72px;
  margin-top: 26px;
  display: block;
}

.hl-set-trades {
  background-color: #131110;
  background-image: linear-gradient(#fff8f0, #fff8f0), radial-gradient(46% 150% at 50% 0, #ffd60a9e 0%, #ffa80033 45%, #ffa80000 75%);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 72px 4px, 100% 100%;
  border-radius: 14px;
  height: 72px;
  margin-top: 26px;
  display: block;
}

.hl-set-volume {
  background-color: #131110;
  background-image: linear-gradient(90deg, #1c1917 0%, #1c191700 30% 70%, #1c1917 100%), radial-gradient(circle, #ffd60a 0 2px, #ffd60a00 3px), radial-gradient(circle, #ff7300 0 2px, #ff730000 2.6px);
  background-position: 0 0, 7px 7px, 0 0;
  background-size: 100% 100%, 42px 28px, 14px 14px;
  border-radius: 14px;
  height: 72px;
  margin-top: 26px;
  display: block;
}

.hl-set-warehouse {
  background-color: #131110;
  background-image: linear-gradient(#13111000 0%, #131110eb 100%), repeating-linear-gradient(90deg, #ffa80000 0 12px, #ffa800e6 12px, #ff7300e6 52px, #ffa80000 52px 64px);
  background-size: 100% 100%, 100% 100%;
  border-radius: 14px;
  height: 72px;
  margin-top: 26px;
  display: block;
}

.hl-signoff {
  text-align: center;
  background-color: #0a0807;
  padding: 120px 40px 140px;
  position: relative;
  overflow: hidden;
}

.hl-signoff-a, .hl-signoff-b {
  display: inline-block;
}

.hl-signoff-cta {
  z-index: 2;
  justify-content: center;
  margin-top: 44px;
  display: flex;
  position: relative;
}

.hl-signoff-line {
  z-index: 2;
  color: #fff8f0;
  letter-spacing: -.01em;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 122px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  position: relative;
}

.hl-signoff-trust {
  z-index: 2;
  color: #fff8f0;
  text-align: center;
  margin: 16px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.hl-status-closed {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  grid-area: 1 / 1 / 2 / 2;
  align-items: center;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-status-dot {
  background-color: #ffa800;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-status-dot-off {
  border: 1.5px solid #bcb2a6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-status-open {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffa800;
  white-space: nowrap;
  background-color: #ff730024;
  border-radius: 999px;
  grid-area: 1 / 1 / 2 / 2;
  align-items: center;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-step {
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  padding: 28px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-step-text {
  color: #bcb2a6;
  margin: 12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-step-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-steps {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-strip {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  margin-top: 28px;
  padding: 8px 32px 12px;
  display: flex;
  position: relative;
  overflow: auto hidden;
}

.hl-strip:focus {
  outline-offset: -3px;
  outline: 3px solid #ffd60a;
}

.hl-tc-card {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  width: 220px;
  padding: 16px 18px;
  display: flex;
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-tc-fix {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-tc-ok {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-tc-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-tf-flyer {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: radial-gradient(120% 90% at 50% 25%, #fff 0%, #fff8f0 55%, #fbe8cf 100%);
  border-radius: 6px;
  flex-direction: column;
  width: 138px;
  height: 176px;
  padding: 14px 12px 0;
  display: flex;
  transform: rotate(-4deg);
  box-shadow: 0 30px 60px -20px #000000e6;
}

.hl-tf-kicker {
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-tf-line {
  background-color: #0a080729;
  border-radius: 3px;
  width: 100%;
  height: 6px;
  margin-top: 10px;
  display: block;
}

.hl-tf-line-short {
  background-color: #0a080729;
  border-radius: 3px;
  width: 64%;
  height: 6px;
  margin-top: 6px;
  display: block;
}

.hl-tf-role {
  margin-top: 8px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-tf-tabs {
  background-image: repeating-linear-gradient(90deg, #0a080700 0 22px, #0a080747 22px 23px);
  border-top: 1.5px dashed #0a080759;
  height: 26px;
  margin: auto -12px 0;
  display: block;
}

.hl-ticker {
  padding-top: 8px;
  padding-bottom: 24px;
  position: relative;
  overflow: hidden;
}

.hl-ticker-alt {
  color: #fff8f0;
}

.hl-ticker-btn {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  width: max-content;
  min-height: 44px;
  margin: 12px 40px 0 auto;
  padding: 0 18px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  transition: border-color .2s;
  display: flex;
  position: relative;
  bottom: auto;
  right: auto;
}

.hl-ticker-btn:hover {
  border-color: #fff8f0;
}

.hl-ticker-btn:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-ticker-btn-icon {
  border-left: 3px solid #ffa800;
  border-right: 3px solid #ffa800;
  width: 10px;
  height: 12px;
  display: block;
}

.hl-ticker-btn-label {
  display: block;
}

.hl-ticker-group {
  color: #fff8f0e6;
  letter-spacing: -.02em;
  white-space: nowrap;
  flex-shrink: 0;
  padding-right: 32px;
  font-family: Archivo, sans-serif;
  font-size: 120px;
  font-weight: 900;
  font-stretch: 125%;
  line-height: 1.05;
  display: block;
}

.hl-ticker-sep {
  color: #ffd60a;
  padding-left: 16px;
  padding-right: 16px;
}

.hl-ticker-track {
  width: max-content;
  display: flex;
}

.hl-ticket {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 16px;
  height: 132px;
  display: flex;
  box-shadow: 0 30px 60px -24px #00000080;
}

.hl-ticket-kicker {
  color: #0a0807;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-ticket-main {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
  padding: 14px 16px;
  display: flex;
}

.hl-ticket-role {
  color: #0a0807;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1.15;
}

.hl-ticket-seat {
  color: #0a0807;
  margin-top: 2px;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: 1;
}

.hl-ticket-seat-label {
  color: #4a433d;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ticket-stub {
  border-right: 2px dashed #0a080738;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 62px;
  display: flex;
}

.hl-ticket-when {
  color: #4a433d;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-tile {
  color: #fff8f0;
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  min-height: 340px;
  padding: 28px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1), background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-tile:hover {
  background-color: #221e1b;
  transform: translateY(-4px);
}

.hl-tile:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-tile-arrow {
  color: #ffa800;
  flex-shrink: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
  transition: transform .2s;
}

.hl-tile-head {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.hl-tile-lg {
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  padding-top: 32px;
  padding-bottom: 28px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-tile-lg-link {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff8f0;
  justify-content: space-between;
  align-items: baseline;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.hl-tile-lg-link:hover {
  color: #ffd60a;
}

.hl-tile-lg-link:focus {
  outline-offset: 4px;
  border-radius: 8px;
  outline: 3px solid #ffd60a;
}

.hl-tile-lg-title {
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-tile-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73004d 0%, #ff4a0014 50%, #ff4a0000 100%);
  width: 460px;
  height: 340px;
  margin-left: -230px;
  position: absolute;
  bottom: -150px;
  left: 50%;
}

.hl-tile-obj {
  z-index: 1;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: 22px;
  transition: transform .4s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
}

.hl-tile-title {
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.12;
}

.hl-tile-wide {
  color: #fff8f0;
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 4 / span 4;
  min-height: 340px;
  padding: 28px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1), background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-tile-wide:hover {
  background-color: #221e1b;
  transform: translateY(-4px);
}

.hl-tile-wide:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-tool-cap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 18px 24px 22px;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.hl-tool-card {
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  flex: 1;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1), background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-tool-card:hover {
  background-color: #221e1b;
  transform: translateY(-4px);
}

.hl-tool-card:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-tool-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73004d 0%, #ff4a0014 50%, #ff4a0000 100%);
  width: 420px;
  height: 300px;
  margin-left: -210px;
  position: absolute;
  bottom: -140px;
  left: 50%;
}

.hl-tool-stage {
  justify-content: center;
  align-items: center;
  height: 210px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-tools-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-tools-head {
  grid-column-gap: 32px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 28px;
  display: flex;
}

.hl-tools-li {
  margin: 0;
  display: flex;
}

.hl-tools-rail {
  border-bottom: 1px solid #2e2824;
  padding-top: 72px;
  padding-bottom: 56px;
}

.hl-tools-sub {
  color: #bcb2a6;
  letter-spacing: 0;
  margin-top: 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  display: block;
}

.hl-tools-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-tq-cap {
  color: #0a0807;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
}

.hl-tq-card {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fff8f0;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  padding: 10px 10px 8px;
  display: flex;
  box-shadow: 0 24px 48px -16px #000000e6;
}

.hl-tq-frame {
  background-image: linear-gradient(#ffd60a, #ffd60a), linear-gradient(#ffd60a, #ffd60a), linear-gradient(#ffd60a, #ffd60a), linear-gradient(#ffd60a, #ffd60a), linear-gradient(#ffd60a, #ffd60a), linear-gradient(#ffd60a, #ffd60a), linear-gradient(#ffd60a, #ffd60a), linear-gradient(#ffd60a, #ffd60a);
  background-position: 0 0, 0 0, 100% 0, 100% 0, 0 100%, 0 100%, 100% 100%, 100% 100%;
  background-repeat: no-repeat;
  background-size: 22px 3px, 3px 22px, 22px 3px, 3px 22px, 22px 3px, 3px 22px, 22px 3px, 3px 22px;
  padding: 14px;
  position: relative;
}

.hl-tq-img {
  width: 104px;
  height: 104px;
  display: block;
}

.hl-trust-form {
  color: #bcb2a6;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-trust-hero {
  color: #fff8f0;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-trust-item {
  white-space: nowrap;
}

.hl-trust-sep {
  display: inline;
}

.hl-volt {
  color: #ffd60a;
}

.hl-volume {
  pointer-events: none;
  transform-origin: 0%;
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  transform: scaleX(0);
}

.lp-actions {
  grid-column-gap: 28px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.lp-arrow {
  color: #ffa800;
  transition: transform .2s;
  display: inline-block;
  position: relative;
}

.lp-axis-tick {
  display: block;
}

.lp-body {
  color: #fff8f0;
  max-width: 66ch;
  margin: 0 0 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.lp-body-sm {
  color: #bcb2a6;
  max-width: 66ch;
  margin: 0 0 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.lp-btn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  white-space: nowrap;
  cursor: pointer;
  background-color: #ff4a00;
  border-style: none;
  border-width: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  margin: 0;
  padding: 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s, box-shadow .2s, transform .2s;
  display: inline-flex;
}

.lp-btn:hover {
  background-color: #ff7300;
  box-shadow: 0 0 0 6px #ff4a002e;
}

.lp-btn:active {
  transform: scale(.98);
}

.lp-btn:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.lp-btn._w-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  white-space: nowrap;
  cursor: pointer;
  background-color: #ff4a00;
  border-style: none;
  border-width: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  margin: 0;
  padding: 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s, box-shadow .2s, transform .2s;
  display: inline-flex;
}

.lp-btn._w-button:hover {
  background-color: #ff7300;
  box-shadow: 0 0 0 6px #ff4a002e;
}

.lp-btn._w-button:active {
  transform: scale(.98);
}

.lp-btn._w-button:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.lp-btn-block {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 56px;
  margin-bottom: 12px;
  padding: 0 24px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.lp-btn-block:hover {
  background-color: #ff7300;
}

.lp-btn-block:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.lp-btn-busy {
  opacity: .75;
  color: #0a0807;
  cursor: progress;
  background-color: #ff7300;
  border-style: none;
  border-width: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 60px;
  margin: 0;
  padding: 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.lp-btn-nav {
  color: #0a0807;
  white-space: nowrap;
  background-color: #ff4a00;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  margin-left: 6px;
  padding: 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s, box-shadow .2s;
  display: inline-flex;
}

.lp-btn-nav:hover {
  background-color: #ff7300;
  box-shadow: 0 0 0 6px #ff4a002e;
}

.lp-btn-nav:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.lp-btn-secondary {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  align-items: center;
  min-height: 52px;
  padding: 0 4px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: color .2s;
  display: inline-flex;
}

.lp-btn-secondary:hover {
  color: #ffd60a;
}

.lp-btn-secondary:focus {
  outline-offset: 3px;
  border-radius: 8px;
  outline: 3px solid #ffd60a;
}

.lp-btn-sticky {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 52px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.lp-btn-sticky:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.lp-btn-submit {
  color: #0a0807;
  text-align: center;
  cursor: pointer;
  background-color: #ff4a00;
  border-style: none;
  border-width: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 60px;
  margin: 0;
  padding: 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  transition: background-color .2s, box-shadow .2s;
  display: flex;
}

.lp-btn-submit:hover {
  background-color: #ff7300;
  box-shadow: 0 0 0 6px #ff4a002e;
}

.lp-btn-submit:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.lp-btn-submit._w-button {
  color: #0a0807;
  text-align: center;
  cursor: pointer;
  background-color: #ff4a00;
  border-style: none;
  border-width: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 60px;
  margin: 0;
  padding: 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  transition: background-color .2s, box-shadow .2s;
  display: flex;
}

.lp-btn-submit._w-button:hover {
  background-color: #ff7300;
  box-shadow: 0 0 0 6px #ff4a002e;
}

.lp-btn-submit._w-button:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.lp-caption {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.lp-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  padding: 28px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1), background-color .3s;
  display: flex;
  position: relative;
}

.lp-card:hover {
  background-color: #221e1b;
  transform: translateY(-4px);
}

.lp-card:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.lp-card-cta {
  color: #ffa800;
  margin-top: auto;
  padding-top: 10px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.lp-card-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.lp-card-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.lp-card-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

.lp-channels {
  color: #bcb2a6;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.lp-channels-label {
  color: #fff8f0;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-right: 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
}

.lp-check {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
  align-items: flex-start;
  margin: 0;
  display: flex;
  position: relative;
}

.lp-check-help {
  color: #bcb2a6;
  font-size: 14px;
  font-weight: 500;
}

.lp-check-input {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin: 2px 0 0;
}

.lp-check-text {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #fff8f0;
  flex-direction: column;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
}

.lp-chip {
  color: #fff8f0;
  cursor: pointer;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  min-height: 46px;
  margin: 0;
  padding: 0 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  transition: border-color .15s, background-color .15s;
  display: inline-flex;
  position: relative;
}

.lp-chip:hover {
  border-color: #fff8f0;
}

.lp-chip-input, .lp-chip-input-js {
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.lp-chip-on {
  color: #0a0807;
  cursor: pointer;
  background-color: #ff4a00;
  border: 1.5px solid #ff4a00;
  border-radius: 999px;
  align-items: center;
  min-height: 46px;
  margin: 0;
  padding: 0 18px 0 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  transition: border-color .15s, background-color .15s;
  display: inline-flex;
  position: relative;
}

.lp-chip-on:hover {
  background-color: #ff7300;
  border-color: #ff7300;
}

.lp-chip-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: inline-flex;
}

.lp-chip-tick {
  display: none;
}

.lp-chip-tick-on {
  color: #ffd60a;
  background-color: #0a0807;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.lp-chips {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  display: flex;
}

.lp-cite {
  font-style: italic;
}

.lp-container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.lp-crumb-current {
  color: #fff8f0;
}

.lp-crumb-link {
  color: #bcb2a6;
  text-decoration: none;
}

.lp-crumb-link:hover {
  color: #fff8f0;
  text-decoration: underline;
}

.lp-crumb-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.lp-crumb-sep {
  color: #6e655b;
}

.lp-crumbs {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 48px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.lp-cta-form {
  background-color: #0a0807;
  padding-top: 112px;
  padding-bottom: 64px;
  position: relative;
  overflow: hidden;
}

.lp-cta-inline {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  padding: 36px;
}

.lp-cta-inline-h3 {
  color: #fff8f0;
  margin: 0 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.1;
}

.lp-dbl-draw {
  border-top: 1px solid #2e2824;
  width: 100%;
  height: 0;
  margin-top: 4px;
}

.lp-dd {
  position: relative;
}

.lp-dd-all {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  border-top: 1px solid #2e2824;
  align-items: center;
  margin-top: 6px;
  padding: 13px 14px 9px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.lp-dd-all:hover {
  color: #ffd60a;
}

.lp-dd-all:focus {
  outline-offset: -3px;
  border-radius: 10px;
  outline: 3px solid #ffd60a;
}

.lp-dd-chev {
  width: 16px;
  height: 16px;
  transition: transform .2s;
  display: block;
}

.lp-dd-chev-open {
  width: 16px;
  height: 16px;
  transition: transform .2s;
  display: block;
  transform: rotate(180deg);
}

.lp-dd-desc {
  color: #bcb2a6;
  margin-top: 2px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  display: block;
}

.lp-dd-item {
  color: #fff8f0;
  border-radius: 10px;
  padding: 11px 14px;
  text-decoration: none;
  transition: background-color .15s;
  display: block;
}

.lp-dd-item:hover {
  background-color: #26211e;
}

.lp-dd-item:focus {
  outline-offset: -3px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.lp-dd-label {
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.lp-dd-menu {
  z-index: 60;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 16px;
  width: 330px;
  margin-top: 14px;
  padding: 8px;
  display: none;
  position: absolute;
  top: 100%;
  left: -18px;
  box-shadow: 0 32px 64px -16px #000000d9;
}

.lp-dd-menu-open {
  z-index: 60;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 16px;
  width: 330px;
  margin-top: 14px;
  padding: 8px;
  display: block;
  position: absolute;
  top: 100%;
  left: -18px;
  box-shadow: 0 32px 64px -16px #000000d9;
}

.lp-dd-toggle {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff8f0;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  align-items: center;
  margin: 0;
  padding: 8px 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  display: flex;
}

.lp-dd-toggle:hover {
  color: #ffd60a;
}

.lp-dd-toggle:focus {
  outline-offset: 2px;
  border-radius: 6px;
  outline: 3px solid #ffd60a;
}

.lp-def {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: 8px 32px;
  padding: 22px 0 24px;
  display: grid;
}

.lp-def-body {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.lp-def-ref {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
  display: block;
}

.lp-def-term {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
}

.lp-def-text {
  color: #bcb2a6;
  max-width: 64ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.lp-define {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1c1917;
  border-left: 4px solid #ffa800;
  border-radius: 28px;
  flex-direction: column;
  padding: 44px 48px 40px;
  display: flex;
}

.lp-define-eyebrow {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.lp-define-term {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.lp-define-text {
  color: #fff8f0;
  letter-spacing: -.01em;
  max-width: 34em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.35;
}

.lp-deflist {
  border-top: 1px solid #6e655b;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-doc {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  align-items: start;
  gap: 40px 48px;
  display: grid;
}

.lp-doc-main {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.lp-doc-section {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  min-width: 0;
  padding-top: 40px;
  display: flex;
}

.lp-doc-side {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: sticky;
  top: 104px;
}

.lp-dtable {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  padding: 8px 28px 12px;
  display: block;
}

.lp-dtable-cell {
  color: #bcb2a6;
  flex: 1 1 0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.lp-dtable-head {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #6e655b;
  padding: 16px 0 12px;
  display: flex;
}

.lp-dtable-mlabel {
  display: none;
}

.lp-dtable-rh {
  color: #fff8f0;
  flex: 1 1 0;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
}

.lp-dtable-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #2e2824;
  padding: 16px 0 18px;
  display: flex;
}

.lp-dtable-th {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  flex: 1 1 0;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.lp-ex-check-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.lp-ex-check-title {
  color: #fff8f0;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 8px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.lp-ex-client-text {
  color: #fff8f0;
  max-width: 40em;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.lp-ex-eyebrow {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.lp-ex-fig-label {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.lp-ex-fig-value {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
  margin: 4px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.1;
}

.lp-ex-figs {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-self: stretch;
  display: grid;
}

.lp-ex-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
}

.lp-ex-title-meta {
  color: #bcb2a6;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 500;
}

.lp-eyebrow {
  color: #ff4a00;
  letter-spacing: .01em;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.lp-faq {
  border-top: 1px solid #2e2824;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-faq-a {
  padding: 0 56px 28px 0;
}

.lp-faq-h {
  margin: 0;
  font-size: 20px;
  line-height: 1.3;
}

.lp-faq-item {
  border-bottom: 1px solid #2e2824;
  margin: 0;
}

.lp-faq-p {
  color: #bcb2a6;
  max-width: 62ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.lp-faq-q {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #fff8f0;
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 80px;
  margin: 0;
  padding: 20px 0;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  transition: color .15s;
  display: flex;
}

.lp-faq-q:hover {
  color: #ffd60a;
}

.lp-faq-q:focus {
  outline-offset: 2px;
  border-radius: 6px;
  outline: 3px solid #ffd60a;
}

.lp-field {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin: 0;
  display: flex;
}

.lp-field-error {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  align-items: center;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  display: flex;
}

.lp-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.5em;
  padding: 2px 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.lp-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
  text-decoration: underline;
}

.lp-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.lp-fn-sup {
  vertical-align: baseline;
  margin-left: 2px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.lp-foot-bottom {
  grid-column-gap: 32px;
  grid-row-gap: 20px;
  border-top: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  display: flex;
}

.lp-foot-brand {
  display: block;
}

.lp-foot-brand:focus {
  outline-offset: 4px;
  outline: 3px solid #ffd60a;
}

.lp-foot-col {
  min-width: 0;
}

.lp-foot-cols {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding-top: 56px;
  padding-bottom: 56px;
  display: grid;
}

.lp-foot-copy {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.lp-foot-li {
  margin: 0 0 10px;
}

.lp-foot-link {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.lp-foot-link:hover {
  color: #fff8f0;
  -webkit-text-decoration: underline #ffd60a;
  text-decoration: underline #ffd60a;
}

.lp-foot-link:focus {
  outline-offset: 2px;
  border-radius: 4px;
  outline: 3px solid #ffd60a;
}

.lp-foot-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-foot-logo {
  width: 148px;
  height: 88px;
  display: block;
}

.lp-foot-sign {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 500;
  display: none;
}

.lp-foot-toggle {
  color: #fff8f0;
  text-align: left;
  letter-spacing: .02em;
  cursor: default;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 0 16px;
  padding: 0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
}

.lp-foot-toggle:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.lp-footer {
  color: #fff8f0;
  background-color: #131110;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.lp-form, .lp-form._w-form {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-direction: column;
  margin: 0;
  display: flex;
}

.lp-form-card {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  padding: 40px;
  position: relative;
}

.lp-form-foot {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  margin-top: 4px;
  display: flex;
}

.lp-form-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.lp-form-legend {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.lp-form-note {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.lp-form-sub {
  color: #bcb2a6;
  margin: 6px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.lp-form-summary {
  background-color: #ff4a0014;
  border: 1.5px solid #ff4a00;
  border-radius: 16px;
  padding: 18px 22px;
}

.lp-form-summary:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.lp-form-summary-link {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.lp-form-summary-link:hover {
  color: #ffd60a;
}

.lp-form-summary-list {
  margin: 0;
  padding-left: 20px;
}

.lp-form-summary-title {
  color: #fff8f0;
  margin: 0 0 8px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.lp-form-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}

.lp-get-item {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 44px minmax(0, 1fr);
  column-gap: 8px;
  padding: 18px 0;
  display: grid;
}

.lp-get-list {
  border-top: 1px solid #6e655b;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-get-num {
  color: #ffa800;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
}

.lp-get-strong {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  display: block;
}

.lp-get-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.lp-h1, .lp-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 64px;
  font-weight: 800;
  line-height: 1;
}

.lp-h3 {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
}

.lp-h4 {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.lp-help {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.lp-hero-actions {
  grid-column-gap: 28px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 4px;
  display: flex;
}

.lp-hero-eyebrow {
  color: #ff4a00;
  letter-spacing: .01em;
  margin: 0 0 -8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.lp-hero-note {
  color: #958b80;
  max-width: 60ch;
  margin: -12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.lp-hero-proof {
  width: 100%;
  max-width: 680px;
  margin-top: 8px;
}

.lp-hero-sub {
  color: #bcb2a6;
  max-width: 34em;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
}

.lp-hp {
  width: 1px;
  height: 1px;
  position: absolute;
  top: auto;
  left: -10000px;
  overflow: hidden;
}

.lp-input {
  width: 100%;
  height: 54px;
  box-shadow: none;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 16px;
  margin: 0;
  padding: 0 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.3;
  transition: border-color .15s;
  display: block;
}

.lp-input:hover {
  border-color: #958b80;
}

.lp-input:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.lp-input._w-input {
  width: 100%;
  height: 54px;
  box-shadow: none;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 16px;
  margin: 0;
  padding: 0 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.3;
  transition: border-color .15s;
  display: block;
}

.lp-input._w-input:hover {
  border-color: #958b80;
}

.lp-input._w-input:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.lp-input-error {
  width: 100%;
  height: 54px;
  box-shadow: none;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1.5px solid #ff4a00;
  border-radius: 16px;
  margin: 0;
  padding: 0 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.3;
  display: block;
}

.lp-input-error:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.lp-key-plan {
  border-top: 2px dashed #bcb2a6;
  width: 22px;
  height: 0;
  display: inline-block;
}

.lp-key-spend {
  border-top: 3px solid #ffa800;
  width: 22px;
  height: 0;
  display: inline-block;
}

.lp-label {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  display: block;
}

.lp-label-opt {
  color: #bcb2a6;
  font-weight: 500;
}

.lp-lead {
  color: #bcb2a6;
  max-width: 680px;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
}

.lp-legend {
  grid-column-gap: 20px;
  grid-row-gap: 6px;
  color: #bcb2a6;
  flex-wrap: wrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.lp-legend-plan, .lp-legend-spend {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: inline-flex;
}

.lp-line-tag {
  color: #ff7300;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.lp-link {
  color: #fff8f0;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.lp-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.lp-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.lp-link-arrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  align-items: center;
  min-height: 44px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  transition: color .2s;
  display: inline-flex;
}

.lp-link-arrow:hover {
  color: #ffd60a;
}

.lp-link-arrow:focus {
  outline-offset: 3px;
  border-radius: 6px;
  outline: 3px solid #ffd60a;
}

.lp-link-row {
  grid-column-gap: 32px;
  grid-row-gap: 0;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.lp-macc {
  border-bottom: 1px solid #2e2824;
}

.lp-macc-li {
  margin: 0;
}

.lp-macc-link {
  color: #bcb2a6;
  padding: 10px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  text-decoration: none;
  display: block;
}

.lp-macc-link:hover {
  color: #fff8f0;
}

.lp-macc-link:focus {
  outline-offset: 2px;
  border-radius: 6px;
  outline: 3px solid #ffd60a;
}

.lp-macc-list {
  margin: 0;
  padding: 0 0 16px;
  list-style: none;
}

.lp-macc-toggle {
  color: #fff8f0;
  text-align: left;
  letter-spacing: -.01em;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 68px;
  margin: 0;
  padding: 12px 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.1;
  display: flex;
}

.lp-macc-toggle:focus {
  outline-offset: -3px;
  border-radius: 8px;
  outline: 3px solid #ffd60a;
}

.lp-main {
  display: block;
  position: relative;
}

.lp-margin-note {
  color: #bcb2a6;
  max-width: 32ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.lp-menu-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  border: 1.5px solid #2e2824;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 44px;
  height: 44px;
  padding: 0 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.lp-menu-btn:hover {
  border-color: #6e655b;
}

.lp-menu-btn:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.lp-menu-icon {
  width: 22px;
  height: 22px;
  display: block;
}

.lp-menu-icon-x {
  width: 22px;
  height: 22px;
  display: none;
}

.lp-menu-label {
  display: block;
}

.lp-method {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.lp-method-cell {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 16px;
  flex-direction: column;
  padding: 18px 20px 20px;
  display: flex;
}

.lp-method-cond {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.lp-method-rule {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.lp-mini {
  border-top: 1px solid #6e655b;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-mini-figs {
  color: #bcb2a6;
  font-variant-numeric: tabular-nums;
  grid-row-start: 2;
  grid-column-start: 1;
  min-width: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}

.lp-mini-name {
  color: #fff8f0;
  grid-row-start: 1;
  grid-column-start: 1;
  min-width: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.lp-mini-row {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 96px;
  align-items: center;
  gap: 6px 16px;
  padding: 14px 0;
  display: grid;
}

.lp-mini-row-own {
  border-bottom: 1px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 96px;
  align-items: center;
  gap: 6px 16px;
  padding: 14px 0;
  display: grid;
}

.lp-mini-row-total {
  border-bottom: 4px double #6e655b;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 96px;
  align-items: center;
  gap: 6px 16px;
  padding: 16px 0;
  display: grid;
}

.lp-mlink {
  color: #fff8f0;
  letter-spacing: -.01em;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  min-height: 68px;
  padding: 12px 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.1;
  text-decoration: none;
  display: flex;
}

.lp-mlink:focus {
  outline-offset: -3px;
  border-radius: 8px;
  outline: 3px solid #ffd60a;
}

.lp-mlink-row {
  grid-column-gap: 28px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  padding-top: 24px;
  display: flex;
}

.lp-mlink-sm {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
}

.lp-mlink-sm:hover {
  color: #fff8f0;
}

.lp-mpanel {
  z-index: 49;
  background-color: #0a0807;
  display: none;
  position: fixed;
  inset: 60px 0 0;
  overflow-y: auto;
}

.lp-mpanel-inner {
  flex-direction: column;
  padding: 20px 20px 48px;
  display: flex;
}

.lp-mpanel-open {
  z-index: 49;
  background-color: #0a0807;
  display: block;
  position: fixed;
  inset: 60px 0 0;
  overflow-y: auto;
}

.lp-nav {
  z-index: 50;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #0a0807f5;
  border-bottom: 1px solid #2e2824;
  position: sticky;
  top: 0;
}

.lp-nav-brand {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  flex-shrink: 0;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.lp-nav-brand:focus {
  outline-offset: 4px;
  border-radius: 6px;
  outline: 3px solid #ffd60a;
}

.lp-nav-inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  max-width: 1280px;
  height: 72px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.lp-nav-link {
  color: #fff8f0;
  white-space: nowrap;
  padding: 8px 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
}

.lp-nav-link:hover {
  -webkit-text-decoration: underline #ffd60a;
  text-decoration: underline #ffd60a;
}

.lp-nav-link:focus {
  outline-offset: 2px;
  border-radius: 6px;
  outline: 3px solid #ffd60a;
}

.lp-nav-link-current {
  color: #fff8f0;
  white-space: nowrap;
  padding: 8px 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  -webkit-text-decoration: underline #ffd60a;
  text-decoration: underline #ffd60a;
}

.lp-nav-menu {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.lp-notes-body {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.lp-notes-inner {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: 12px 48px;
  padding-top: 24px;
  display: grid;
}

.lp-notes-item {
  color: #bcb2a6;
  overflow-wrap: anywhere;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 28px minmax(0, 1fr);
  margin-left: -8px;
  padding: 4px 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
  display: grid;
}

.lp-notes-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-notes-num {
  color: #ffa800;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.lp-notes-title {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.5;
}

.lp-notice {
  background-color: #1c1917;
  border-left: 4px solid #ffa800;
  border-radius: 16px;
  padding: 22px 26px;
}

.lp-notice-label {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 6px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
}

.lp-notice-text {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.lp-nowrap {
  white-space: nowrap;
}

.lp-pace {
  background-color: #2e2824;
  border-radius: 999px;
  width: 96px;
  height: 10px;
  display: block;
  position: relative;
}

.lp-pace-fill-43 {
  background-color: #fff8f0;
  border-radius: 999px;
  width: 43%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.lp-pace-fill-49 {
  background-color: #fff8f0;
  border-radius: 999px;
  width: 49%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.lp-pace-fill-50 {
  background-color: #fff8f0;
  border-radius: 999px;
  width: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.lp-pace-fill-53 {
  background-color: #fff8f0;
  border-radius: 999px;
  width: 53%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.lp-pace-over-3 {
  background-color: #ff4a00;
  width: 3%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}

.lp-pace-tick {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 2px;
  margin-left: -1px;
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 50%;
  box-shadow: 0 0 0 2px #1c1917;
}

.lp-pace-under-7 {
  background-color: #ffa80029;
  border: 1px dashed #ffa800;
  width: 7%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 43%;
}

.lp-pacing {
  border-bottom: 1px solid #6e655b;
  height: 180px;
  margin-top: -8px;
  position: relative;
  overflow: hidden;
}

.lp-pacing-axis {
  color: #958b80;
  justify-content: space-between;
  margin-top: -12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.lp-pacing-cap {
  color: #bcb2a6;
  background-color: #1c1917;
  padding: 0 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  position: absolute;
  top: 6px;
  left: 0;
}

.lp-pacing-dot {
  background-color: #ffa800;
  border: 3px solid #1c1917;
  border-radius: 999px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  left: -6px;
}

.lp-pacing-head {
  background-color: #fff8f0;
  width: 2px;
  margin-left: -1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}

.lp-pacing-img {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.lp-pacing-label {
  color: #fff8f0;
  text-align: center;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.lp-pacing-wipe {
  transform-origin: 100%;
  background-color: #1c1917;
  position: absolute;
  inset: 0;
  transform: scaleX(0);
}

.lp-page {
  color: #fff8f0;
  background-color: #0a0807;
  min-height: 100vh;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  position: relative;
}

.lp-page-head {
  background-color: #0a0807;
  padding-top: 48px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}

.lp-page-notes {
  padding-top: 48px;
  padding-bottom: 72px;
  position: relative;
}

.lp-ph-aside {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  min-width: 0;
  margin-top: 44px;
  padding-top: 20px;
  display: flex;
}

.lp-ph-bar {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.lp-ph-grid {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  align-items: start;
  gap: 40px 64px;
  display: grid;
  position: relative;
}

.lp-ph-meta {
  color: #958b80;
  margin: 0;
  padding-top: 1px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.lp-ph-text {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.lp-pill-ahead {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #ff7300;
  white-space: nowrap;
  background-color: #ff4a0024;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.lp-pill-behind {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #ffa800;
  white-space: nowrap;
  background-color: #ffa8001f;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.lp-pill-on {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #ffd60a;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.lp-pill-own {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0000;
  border: 1px dashed #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.lp-pill-paused {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #bcb2a6;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.lp-pill-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.lp-pill-updated {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.lp-portal {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  display: flex;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.lp-portal-bar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  padding: 22px 28px 18px;
  display: flex;
}

.lp-portal-body {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  padding: 24px 28px;
  display: flex;
}

.lp-portal-caption {
  color: #958b80;
  border-top: 1px solid #2e2824;
  margin: 0;
  padding: 16px 28px 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.lp-portal-mark {
  width: 28px;
  height: 28px;
  display: block;
}

.lp-portal-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.lp-portal-sub {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  display: block;
}

.lp-portal-tab {
  color: #bcb2a6;
  border-bottom: 2px solid #0000;
  padding: 14px 0 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.lp-portal-tab-on {
  color: #fff8f0;
  border-bottom: 2px solid #ff4a00;
  padding: 14px 0 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.lp-portal-tab-opt {
  color: #bcb2a6;
  border-bottom: 2px solid #0000;
  padding: 14px 0 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.lp-portal-tabs {
  grid-column-gap: 20px;
  grid-row-gap: 4px;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  padding: 0 28px;
  display: flex;
}

.lp-prose {
  max-width: 720px;
}

.lp-prose-h3 {
  color: #fff8f0;
  margin: 44px 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
}

.lp-prose-li {
  color: #fff8f0;
  margin: 0 0 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.lp-prose-ol {
  margin: 0 0 22px;
  padding-left: 24px;
}

.lp-prose-ul {
  margin: 0 0 22px;
  padding-left: 22px;
}

.lp-pull {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
}

.lp-q-answer {
  color: #ffa800;
  border-top: 1px solid #2e2824;
  margin: 6px 0 0;
  padding-top: 14px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

.lp-q-card {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  padding: 28px 28px 30px;
  display: flex;
}

.lp-q-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.lp-q-note {
  color: #bcb2a6;
  max-width: 36ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.lp-q-num {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.lp-q-text {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
}

.lp-related {
  border-top: 1px solid #2e2824;
  padding-top: 56px;
}

.lp-related-desc {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.lp-related-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.lp-related-label {
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

.lp-related-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff8f0;
  background-color: #1c1917;
  border-radius: 20px;
  flex-direction: column;
  padding: 22px 24px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.lp-related-link:hover {
  background-color: #26211e;
}

.lp-related-link:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.lp-related-title {
  color: #fff8f0;
  margin: 0 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
}

.lp-req {
  color: #ff7300;
  margin-left: 2px;
}

.lp-reviewed {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.lp-section {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.lp-section-card {
  background-color: #131110;
  border-top: 1px solid #2e2824;
  border-bottom: 1px solid #2e2824;
  padding-top: 128px;
  padding-bottom: 128px;
  position: relative;
}

.lp-section-follow {
  padding-top: 0;
  padding-bottom: 128px;
  position: relative;
}

.lp-section-head {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: 12px 48px;
  margin-bottom: 56px;
  padding-top: 32px;
  display: grid;
}

.lp-select {
  color: #fff8f0;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 16px;
  width: 100%;
  height: 54px;
  margin: 0;
  padding: 0 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  display: block;
}

.lp-select:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.lp-sh-main {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.lp-sh-margin {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  padding-top: 8px;
  display: flex;
}

.lp-sh-num {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.lp-sheet {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  padding: 32px 32px 28px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.lp-sheet-caption {
  color: #958b80;
  border-top: 1px solid #2e2824;
  align-self: stretch;
  margin: auto 0 0;
  padding-top: 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.lp-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #6e655b;
  flex-direction: column;
  padding-top: 16px;
  display: flex;
}

.lp-side-item {
  color: #fff8f0;
  text-indent: -24px;
  border-bottom: 1px solid #2e2824;
  padding: 10px 0 10px 24px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}

.lp-side-label {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.lp-side-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-side-tick {
  color: #ffa800;
  text-indent: 0;
  width: 24px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
}

.lp-sides {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  display: flex;
}

.lp-sides-grid {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: start;
  gap: 40px 56px;
  display: grid;
}

.lp-sign {
  color: #ffa800;
  text-align: center;
  flex-shrink: 0;
  width: 32px;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
}

.lp-skip {
  z-index: 80;
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  position: absolute;
  top: -120px;
  left: 16px;
}

.lp-skip:focus {
  outline-offset: 3px;
  outline: 3px solid #fff8f0;
  top: 12px;
}

.lp-small {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.lp-split {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: 24px 48px;
  display: grid;
}

.lp-split-main {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.lp-split-side {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  padding-top: 6px;
  display: flex;
}

.lp-sr {
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  border-style: none;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.lp-stamp {
  z-index: 2;
  color: #0a0807;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffa800;
  border-radius: 999px;
  padding: 7px 14px 6px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-block;
  position: absolute;
  top: -15px;
  right: 28px;
  transform: rotate(-3deg);
}

.lp-stat {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  padding: 28px 28px 26px;
  display: flex;
}

.lp-stat-figure {
  color: #fff8f0;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 800;
  font-stretch: 100%;
  line-height: 1;
}

.lp-stat-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.lp-stat-grid-fit {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  display: grid;
}

.lp-stat-label {
  color: #bcb2a6;
  max-width: 32ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.lp-stat-source {
  color: #958b80;
  margin: 4px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.lp-step {
  border-left: 4px solid #ff7300;
  margin: 0;
  padding: 22px 0 22px 32px;
  position: relative;
}

.lp-step-num {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  display: block;
}

.lp-step-text {
  color: #bcb2a6;
  max-width: 60ch;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.lp-step-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

.lp-steps {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-sticky, .lp-sticky-on {
  display: none;
}

.lp-strong {
  color: #fff8f0;
  font-weight: 600;
}

.lp-tab {
  color: #fff8f0;
  white-space: nowrap;
  cursor: pointer;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  transition: border-color .15s, background-color .15s;
  display: inline-flex;
}

.lp-tab:hover {
  border-color: #fff8f0;
}

.lp-tab:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.lp-tab-on {
  color: #0a0807;
  white-space: nowrap;
  cursor: pointer;
  background-color: #ff4a00;
  border: 1.5px solid #ff4a00;
  border-radius: 999px;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  transition: border-color .15s, background-color .15s;
  display: inline-flex;
}

.lp-tab-on:hover {
  background-color: #ff7300;
  border-color: #ff7300;
}

.lp-tab-on:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.lp-tabs {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.lp-textarea {
  color: #fff8f0;
  resize: vertical;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 16px;
  width: 100%;
  min-height: 140px;
  margin: 0;
  padding: 14px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  display: block;
}

.lp-textarea:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.lp-textarea._w-input {
  color: #fff8f0;
  resize: vertical;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 16px;
  width: 100%;
  min-height: 140px;
  margin: 0;
  padding: 14px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  display: block;
}

.lp-textarea._w-input:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.lp-textarea-error {
  color: #fff8f0;
  resize: vertical;
  background-color: #1c1917;
  border: 1.5px solid #ff4a00;
  border-radius: 16px;
  width: 100%;
  min-height: 140px;
  margin: 0;
  padding: 14px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  display: block;
}

.lp-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  padding: 24px;
}

.lp-toc-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  padding: 7px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.lp-toc-link:hover {
  color: #fff8f0;
}

.lp-toc-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.lp-toc-link-on {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ffd60a;
  padding: 7px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.lp-toc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-toc-num {
  color: #6e655b;
  flex-shrink: 0;
}

.lp-toc-title {
  color: #fff8f0;
  margin: 0 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.lp-trust-row {
  color: #bcb2a6;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.lp-why {
  margin-top: 96px;
}

.lp-why-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-404-bars {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px dashed #4a433d;
  justify-content: space-between;
  align-items: stretch;
  height: 168px;
  padding-top: 4px;
  display: flex;
}

.hl-404-eq {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: center;
  align-items: flex-end;
  height: 84px;
  margin-bottom: 32px;
  display: flex;
}

.hl-404-eq-a {
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 3px;
  width: 12px;
  height: 30px;
  display: block;
}

.hl-404-eq-b {
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 40%, #ffa800 80%, #ffd60a 100%);
  border-radius: 3px;
  width: 12px;
  height: 48px;
  display: block;
}

.hl-404-eq-c {
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 35%, #ffa800 70%, #ffd60a 100%);
  border-radius: 3px;
  width: 12px;
  height: 66px;
  display: block;
}

.hl-404-eq-d {
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 30%, #ffa800 62%, #ffd60a 88%, #ffeb5c 100%);
  border-radius: 3px;
  width: 12px;
  height: 84px;
  display: block;
}

.hl-404-fill {
  background-color: #4a433d;
  border-radius: 3px;
  width: 100%;
  height: 6px;
  display: block;
}

.hl-404-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 18px;
  display: flex;
}

.hl-404-job {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 760px;
  margin: 56px auto 0;
  display: flex;
}

.hl-404-knob {
  background-color: #fff8f0;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  display: block;
  position: absolute;
  top: 50%;
  left: -2px;
  box-shadow: 0 8px 18px #0009;
}

.hl-404-meter {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  padding: 26px 26px 30px;
  display: flex;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-404-muted {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  align-items: center;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-404-muted-dot {
  background-color: #6e655b;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-404-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-404-poster {
  color: #fff8f0;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin: 18px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 120px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-404-quick {
  display: none;
}

.hl-404-quick-link {
  color: #fff8f0;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  padding: 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
}

.hl-404-quick-link:hover {
  border-color: #ffd60a;
}

.hl-404-quick-link:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-404-quiet {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .01em;
  font-weight: 300;
  font-stretch: 62%;
  display: inline-block;
}

.hl-404-routes {
  background-color: #0a0807;
  padding-top: 24px;
  padding-bottom: 112px;
  position: relative;
}

.hl-404-scale {
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  justify-content: space-between;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: flex;
}

.hl-404-scale-l {
  color: #ffa800;
}

.hl-404-scale-q {
  color: #958b80;
}

.hl-404-slider {
  background-color: #26211e;
  border-radius: 999px;
  height: 8px;
  display: block;
  position: relative;
}

.hl-404-stage {
  z-index: 2;
  width: 100%;
  max-width: 420px;
  position: relative;
}

.hl-404-track {
  background-color: #131110;
  background-image: linear-gradient(0deg, #ff4a0029 0%, #ff730014 45%, #ffd60a08 100%);
  border-radius: 6px;
  flex: 1;
  align-items: flex-end;
  min-width: 0;
  display: flex;
}

.hl-acc-aa {
  color: #fff8f0;
  letter-spacing: -.02em;
  font-family: Archivo, sans-serif;
  font-size: 76px;
  font-weight: 800;
  line-height: 1;
}

.hl-acc-aa-dim {
  color: #958b80;
  letter-spacing: -.02em;
  font-family: Archivo, sans-serif;
  font-size: 76px;
  font-weight: 800;
  line-height: 1;
}

.hl-acc-bubble {
  color: #0a0807;
  background-color: #fff8f0;
  border-radius: 18px 18px 18px 6px;
  max-width: 230px;
  padding: 14px 18px;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.15;
  transform: rotate(-2deg);
}

.hl-acc-built {
  background-color: #0a0807;
  padding-top: 24px;
  padding-bottom: 72px;
  position: relative;
}

.hl-acc-cap {
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 11px;
  align-items: flex-end;
  min-width: 58px;
  height: 54px;
  padding: 0 11px 9px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  box-shadow: inset 0 -4px #131110, 0 0 0 1px #3a322c;
}

.hl-acc-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 20px 20px 28px;
  display: flex;
}

.hl-acc-card-text {
  color: #bcb2a6;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-acc-card-title {
  color: #fff8f0;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-acc-code {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.02em;
  font-family: Archivo, sans-serif;
  font-size: 60px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1;
}

.hl-acc-faq-grid {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  align-items: start;
  padding-top: 64px;
  display: grid;
}

.hl-acc-grid {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  position: relative;
}

.hl-acc-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  display: flex;
}

.hl-acc-key {
  z-index: 3;
  outline-offset: 5px;
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #eadfd1 100%);
  border-radius: 14px;
  outline: 3px solid #ffd60a;
  align-items: flex-end;
  width: 108px;
  height: 74px;
  padding: 0 0 13px 15px;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(-8deg);
  box-shadow: inset 0 -5px #cdbfae, 0 28px 44px -14px #000000d9;
}

.hl-acc-keys {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.hl-acc-name {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-acc-note {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-acc-obj {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #0a0807;
  background-image: radial-gradient(70% 80% at 50% 125%, #ff73004d 0%, #ff4a0012 50%, #ff4a0000 100%);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 168px;
  margin-bottom: 14px;
  display: flex;
  overflow: hidden;
}

.hl-acc-off {
  color: #bcb2a6;
  background-color: #26211e;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-acc-on {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 6px 12px 6px 6px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-acc-panel {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  padding: 26px 26px 8px;
  display: flex;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-acc-pause {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  min-height: 46px;
  padding: 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-acc-pause-icon {
  border-left: 3px solid #ffa800;
  border-right: 3px solid #ffa800;
  width: 10px;
  height: 12px;
  display: block;
}

.hl-acc-reviewed {
  color: #958b80;
  max-width: 560px;
  margin: 32px auto 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-acc-ring {
  outline-offset: 4px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  outline: 3px solid #ffd60a;
  align-items: center;
  min-height: 46px;
  padding: 0 22px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-acc-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
}

.hl-acc-row-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
}

.hl-acc-stage {
  z-index: 2;
  width: 100%;
  max-width: 440px;
  padding-bottom: 76px;
  padding-left: 36px;
  position: relative;
}

.hl-acc-sub {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-acc-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-acc-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ahe-ad-stage {
  justify-content: center;
  align-items: center;
  min-height: 640px;
  display: flex;
  position: relative;
}

.hl-ahe-ad-wrap {
  z-index: 2;
  position: relative;
}

.hl-ahe-after {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  max-width: 1080px;
  margin: 40px auto 8px;
  display: grid;
}

.hl-ahe-after-cap {
  z-index: 2;
  color: #bcb2a6;
  text-align: center;
  max-width: 420px;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  position: relative;
}

.hl-ahe-after-obj {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding: 48px 0;
  display: flex;
  position: relative;
}

.hl-ahe-answer {
  max-width: 640px;
  margin: 28px 0 0;
  position: relative;
}

.hl-ahe-article {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 120px;
  position: relative;
}

.hl-ahe-article-end {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 72px;
  position: relative;
}

.hl-ahe-bar {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border-radius: 14px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.hl-ahe-bar-google {
  color: #0a0807;
  background-color: #ff7300;
  flex: 25 1 0;
  align-items: center;
  min-width: 0;
  padding-left: 14px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-ahe-bar-hold {
  color: #fff8f0;
  background-color: #3a322c;
  flex: 10 1 0;
  align-items: center;
  min-width: 0;
  padding-left: 12px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-ahe-bar-meta {
  color: #0a0807;
  background-color: #ff4a00;
  flex: 45 1 0;
  align-items: center;
  min-width: 0;
  padding-left: 14px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-ahe-bar-print {
  color: #0a0807;
  background-color: #ffa800;
  flex: 20 1 0;
  align-items: center;
  min-width: 0;
  padding-left: 14px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-ahe-booth {
  flex-direction: column;
  align-items: center;
  width: 236px;
  display: flex;
}

.hl-ahe-booth-banner {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #ff7300;
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 12px 12px 4px 4px;
  flex-direction: column;
  align-items: center;
  width: 196px;
  padding: 14px 12px 12px;
  display: flex;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ahe-booth-brand {
  color: #0a0807;
  letter-spacing: .01em;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .95;
}

.hl-ahe-booth-no {
  color: #4a433d;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ahe-booth-sub {
  color: #0a0807;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ahe-booth-table {
  background-color: #fff8f0;
  border-radius: 6px 6px 14px 14px;
  justify-content: center;
  align-items: center;
  width: 236px;
  height: 58px;
  margin-top: 10px;
  display: flex;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ahe-box {
  color: #ffd60a;
  flex-shrink: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  line-height: 1.2;
}

.hl-ahe-budget {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 900px;
  margin: 32px auto 8px;
  padding: 32px 34px 24px;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-ahe-budget-head {
  margin-bottom: 24px;
}

.hl-ahe-budget-sub {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ahe-budget-tag {
  color: #0a0807;
  letter-spacing: .12em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  padding: 5px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-block;
}

.hl-ahe-budget-title {
  color: #fff8f0;
  margin: 14px 0 4px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ahe-callout {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-bottom: 1px solid #2e2824;
  align-items: flex-start;
  margin: 0;
  padding: 14px 0;
  display: flex;
}

.hl-ahe-callout-num {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.hl-ahe-callout-text {
  color: #bcb2a6;
  min-width: 0;
  padding-top: 1px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-ahe-callouts {
  border-top: 1px solid #2e2824;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-ahe-check {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-bottom: 1px solid #2e2824;
  align-items: flex-start;
  margin: 0;
  padding: 14px 0;
  display: flex;
}

.hl-ahe-check-text {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
  display: block;
}

.hl-ahe-checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-ahe-chip {
  color: #fff8f0;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  padding: 8px 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  transition: border-color .15s, color .15s;
  display: inline-flex;
}

.hl-ahe-chip:hover {
  color: #ffd60a;
  border-color: #ffd60a;
}

.hl-ahe-chip:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-ahe-chip-plain {
  color: #bcb2a6;
  border: 1px dashed #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 8px 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  display: inline-flex;
}

.hl-ahe-col {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-ahe-creative {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #131110;
  background-image: radial-gradient(40% 70% at 82% 100%, #ff730038 0%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: center;
  max-width: 1000px;
  margin: 40px auto 0;
  padding: 20px 48px 20px 56px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-ahe-creative-copy {
  min-width: 0;
  padding-bottom: 24px;
}

.hl-ahe-dot-1 {
  background-color: #0a0807;
  border: 4px solid #ff4a00;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 32px;
  left: 22px;
}

.hl-ahe-dot-2 {
  background-color: #0a0807;
  border: 4px solid #ff6000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 32px;
  left: 22px;
}

.hl-ahe-dot-3 {
  background-color: #0a0807;
  border: 4px solid #ff7300;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 32px;
  left: 22px;
}

.hl-ahe-dot-4 {
  background-color: #0a0807;
  border: 4px solid #ffa800;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 32px;
  left: 22px;
}

.hl-ahe-dot-6 {
  background-color: #0a0807;
  border: 4px solid #6e655b;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 32px;
  left: 22px;
}

.hl-ahe-dot-event {
  outline-offset: 0;
  background-color: #ffd60a;
  border: 6px solid #1c1917;
  border-radius: 50%;
  outline: 2px solid #ffd60a;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 28px;
  left: 15px;
}

.hl-ahe-end {
  background-color: #0a0807;
  padding-top: 24px;
  padding-bottom: 96px;
  position: relative;
}

.hl-ahe-fl-addr {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
}

.hl-ahe-fl-brand {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #4a433d;
  letter-spacing: .14em;
  text-transform: uppercase;
  align-items: center;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: flex;
}

.hl-ahe-fl-foot {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-top: 2px solid #0a0807;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 6px;
  padding-top: 16px;
  display: flex;
}

.hl-ahe-fl-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #4a433d;
  align-items: center;
  font-family: Menlo;
  font-size: 12px;
  line-height: 1.3;
  display: flex;
}

.hl-ahe-fl-pay {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
}

.hl-ahe-fl-pin {
  color: #0a0807;
  letter-spacing: 0;
  background-color: #ff4a00;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.hl-ahe-fl-qr {
  flex-shrink: 0;
  width: 92px;
  height: 92px;
  display: block;
}

.hl-ahe-fl-role {
  color: #0a0807;
  border: 2px solid #0a0807;
  border-radius: 8px;
  padding: 5px 12px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-ahe-fl-roles {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-ahe-fl-title {
  color: #0a0807;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 78px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .86;
}

.hl-ahe-fl-when {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffd60a;
  background-color: #0a0807;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  padding: 6px 14px 6px 6px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
  display: inline-flex;
}

.hl-ahe-fl-where {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-ahe-flood-foot {
  z-index: 2;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px 28px;
  max-width: 1040px;
  margin: 44px auto 0;
  display: flex;
  position: relative;
}

.hl-ahe-flood-line {
  display: block;
}

.hl-ahe-flyer {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff8f0;
  border-radius: 10px;
  flex-direction: column;
  width: 340px;
  padding: 28px 28px 24px;
  display: flex;
  position: relative;
  transform: rotate(-2deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ahe-flyer-fig {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  max-width: 1000px;
  margin: 44px auto 36px;
  display: grid;
}

.hl-ahe-flyer-stage {
  justify-content: center;
  align-items: center;
  min-height: 540px;
  display: flex;
  position: relative;
}

.hl-ahe-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.1em;
  padding: 2px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-ahe-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-ahe-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-ahe-format {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 0 0 26px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-ahe-format-label {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 4px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ahe-format-line {
  color: #fff8f0;
  margin: 8px 26px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-ahe-format-obj {
  background-color: #131110;
  background-image: radial-gradient(70% 80% at 50% 115%, #ff730057 0%, #ff4a001a 50%, #ff4a0000 100%);
  border-bottom: 1px solid #2e2824;
  justify-content: center;
  align-items: center;
  height: 210px;
  margin-bottom: 22px;
  display: flex;
  position: relative;
}

.hl-ahe-format-row {
  border-top: 1px solid #2e2824;
  margin-top: 12px;
  padding: 12px 0 0;
}

.hl-ahe-format-rows {
  margin: 16px 26px 0;
}

.hl-ahe-format-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-ahe-format-title {
  color: #fff8f0;
  margin: 0 26px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-ahe-formats {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 44px auto 40px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ahe-gap {
  color: #fff8f0;
  max-width: 66ch;
  margin: 24px 0 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-ahe-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 14px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-ahe-key {
  color: #fff8f0;
  font-weight: 600;
}

.hl-ahe-law {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 26px 26px 24px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-ahe-law-cap {
  color: #958b80;
  margin: 0 0 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ahe-law-chip {
  color: #bcb2a6;
  white-space: nowrap;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ahe-law-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-ahe-law-note {
  color: #bcb2a6;
  margin: auto 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-ahe-law-place {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-ahe-law-quote {
  color: #fff8f0;
  border-left: 3px solid #ffa800;
  margin: 0;
  padding: 2px 0 2px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ahe-laws {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 32px auto;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ahe-lead {
  background-color: #131110;
  background-image: radial-gradient(70% 140% at 0 100%, #ff4a0029 0%, #ff4a0000 70%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 16px auto 0;
  padding: 30px 32px 28px;
  scroll-margin-top: 88px;
}

.hl-ahe-lead-btn {
  padding-top: 30px;
  display: flex;
}

.hl-ahe-lead-done {
  color: #fff8f0;
  text-align: left;
  background-color: #0000;
  outline-style: none;
  margin: 0;
  padding: 4px 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
}

.hl-ahe-lead-fail {
  color: #fff8f0;
  text-align: left;
  background-color: #1c1917;
  border: 1.5px solid #ff4a00;
  border-radius: 16px;
  margin-top: 16px;
  padding: 14px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ahe-lead-head {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.hl-ahe-lead-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 280px;
  align-items: start;
  display: grid;
}

.hl-ahe-legend {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.hl-ahe-legend-amt {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-ahe-legend-name {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-ahe-legend-row {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 14px minmax(0, 1fr) 120px 180px;
  align-items: center;
  margin: 0;
  padding: 12px 0;
  display: grid;
}

.hl-ahe-legend-when {
  color: #bcb2a6;
  text-align: right;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-ahe-list-card {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 32px auto 0;
  padding: 28px 32px 18px;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-ahe-list-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #6e655b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 18px;
  display: flex;
}

.hl-ahe-list-title {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ahe-lockups {
  z-index: 2;
  border-bottom: 2px solid #0a0807;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  max-width: 1040px;
  margin: 56px auto 0;
  display: grid;
  position: relative;
}

.hl-ahe-map {
  background-color: #131110;
  background-image: radial-gradient(60% 90% at 50% 120%, #ff730038 0%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  justify-content: center;
  align-items: center;
  max-width: 860px;
  margin: 32px auto 0;
  padding: 36px;
  display: flex;
}

.hl-ahe-map-arrow {
  color: #ffd60a;
  margin-left: -2px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.hl-ahe-map-event {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #1c1917;
  border: 1.5px dashed #6e655b;
  border-radius: 18px;
  flex-direction: column;
  flex-shrink: 0;
  width: 240px;
  padding: 20px 22px;
  display: flex;
}

.hl-ahe-map-job {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #1c1917;
  border: 1px solid #ffd60a;
  border-radius: 18px;
  flex-direction: column;
  padding: 16px 20px;
  display: flex;
}

.hl-ahe-map-jobs {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  flex-shrink: 0;
  width: 250px;
  display: flex;
}

.hl-ahe-map-kicker {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ahe-map-line {
  background-image: linear-gradient(90deg, #6e655b 0%, #ffd60a 100%);
  flex: auto;
  height: 2px;
  display: block;
}

.hl-ahe-map-link {
  flex: auto;
  align-items: center;
  min-width: 56px;
  max-width: 160px;
  padding: 0 8px;
  display: flex;
}

.hl-ahe-map-no {
  color: #bcb2a6;
  border: 1px solid #6e655b;
  border-radius: 999px;
  align-self: flex-start;
  margin-top: 6px;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ahe-map-tick {
  width: 14px;
  height: 14px;
  display: block;
}

.hl-ahe-map-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ahe-map-yes {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  margin-top: 4px;
  padding: 4px 10px 4px 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  display: inline-flex;
}

.hl-ahe-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  align-items: flex-start;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-ahe-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 7px;
  display: block;
}

.hl-ahe-meta-text {
  min-width: 0;
}

.hl-ahe-pace {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  max-width: 900px;
  margin: 8px auto 0;
  padding: 24px 28px 22px;
}

.hl-ahe-pace-chip {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  background-color: #26211e;
  border: 1.5px solid #ff7300;
  border-radius: 999px;
  align-items: center;
  padding: 7px 14px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-ahe-pace-chip-dot {
  background-color: #ff7300;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-ahe-pace-day {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ahe-pace-fill {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  border-radius: 999px;
  width: 71.4%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-ahe-pace-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.hl-ahe-pace-key {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.3;
  display: inline-flex;
}

.hl-ahe-pace-key-plan {
  background-color: #fff8f0;
  border-radius: 2px;
  width: 3px;
  height: 14px;
  display: block;
}

.hl-ahe-pace-key-spent {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ffa800 100%);
  border-radius: 999px;
  width: 16px;
  height: 8px;
  display: block;
}

.hl-ahe-pace-keys {
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-top: 18px;
  display: flex;
}

.hl-ahe-pace-plan {
  background-color: #fff8f0;
  border-radius: 2px;
  width: 3px;
  margin-left: -1px;
  position: absolute;
  top: -7px;
  bottom: -7px;
  left: 50%;
}

.hl-ahe-pace-track {
  background-color: #26211e;
  border-radius: 999px;
  height: 16px;
  position: relative;
}

.hl-ahe-ph-object {
  justify-content: center;
  align-items: center;
  min-height: 420px;
  display: flex;
  position: relative;
}

.hl-ahe-pill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 10px 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-ahe-pill-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-ahe-pill-wrap {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
}

.hl-ahe-plan {
  max-width: 1080px;
  margin: 44px auto 36px;
  padding: 0;
  list-style: none;
}

.hl-ahe-qz {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: 340px minmax(0, 1fr);
  align-items: center;
  max-width: 940px;
  margin: 36px auto;
  padding: 36px;
  display: grid;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-ahe-qz-fig {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hl-ahe-qz-frame {
  border: 2px dashed #ff4a00;
  border-radius: 4px;
  padding: 24px;
  display: block;
}

.hl-ahe-qz-img {
  width: 198px;
  height: 198px;
  display: block;
}

.hl-ahe-qz-label {
  color: #ffd60a;
  text-align: center;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ahe-qz-paper {
  background-color: #fff8f0;
  border-radius: 12px;
  padding: 14px;
  display: block;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ahe-rail-1 {
  background-image: linear-gradient(#ff4a00 0%, #ff5a00 100%);
  width: 4px;
  position: absolute;
  top: 42px;
  bottom: 0;
  left: 30px;
}

.hl-ahe-rail-2 {
  background-image: linear-gradient(#ff5a00 0%, #ff6a00 100%);
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
}

.hl-ahe-rail-3 {
  background-image: linear-gradient(#ff6a00 0%, #ff8a00 100%);
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
}

.hl-ahe-rail-4 {
  background-image: linear-gradient(#ff8a00 0%, #ffa800 100%);
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
}

.hl-ahe-rail-5 {
  background-image: linear-gradient(#ffa800 0%, #ffd60a 40% 100%);
  width: 4px;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: 29px;
}

.hl-ahe-rail-6 {
  background-image: linear-gradient(#ffd60a 0%, #6e655b 100%);
  width: 4px;
  height: 42px;
  position: absolute;
  top: 0;
  left: 30px;
}

.hl-ahe-rule {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  min-width: 0;
  padding: 28px 28px 16px;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-ahe-rule-head {
  grid-column-gap: 12px;
  grid-row-gap: 6px;
  border-bottom: 1px solid #6e655b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 16px;
  display: flex;
}

.hl-ahe-rule-k {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-ahe-rule-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-ahe-rule-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ahe-rule-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) 116px;
  align-items: center;
  margin: 0;
  padding: 13px 0;
  display: grid;
}

.hl-ahe-rule-v {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
}

.hl-ahe-rule-where {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ahe-rules {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1080px;
  margin: 40px auto 16px;
  display: grid;
}

.hl-ahe-sec {
  padding-top: 128px;
  position: relative;
}

.hl-ahe-sec-first {
  padding-top: 104px;
  position: relative;
}

.hl-ahe-sign {
  background-color: #fff8f0;
  border-radius: 14px;
  flex-direction: column;
  align-items: center;
  width: 196px;
  padding: 16px 18px;
  display: flex;
  transform: rotate(-3deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ahe-sign-kicker {
  color: #4a433d;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ahe-sign-title {
  color: #0a0807;
  letter-spacing: -.01em;
  margin-top: 6px;
  font-family: Archivo, sans-serif;
  font-size: 50px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-ahe-sign-when {
  color: #ffd60a;
  background-color: #0a0807;
  border-radius: 999px;
  margin-top: 10px;
  padding: 5px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ahe-size {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 130px minmax(0, 1fr) 124px;
  align-items: center;
  padding-top: 16px;
  display: grid;
}

.hl-ahe-size-bar-lg {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  border-radius: 999px;
  width: 100%;
  height: 100%;
  display: block;
}

.hl-ahe-size-bar-sm {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  border-radius: 999px;
  width: 42%;
  height: 100%;
  display: block;
}

.hl-ahe-size-dist {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-ahe-size-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ahe-size-track {
  background-color: #26211e;
  border-radius: 999px;
  height: 14px;
  display: block;
  overflow: hidden;
}

.hl-ahe-size-val {
  color: #fff8f0;
  text-align: right;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-ahe-size-what {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-ahe-sizes {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-ahe-sizes-lead {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ahe-slot {
  color: #bcb2a6;
  text-align: center;
  border: 1px solid #6e655b;
  border-radius: 10px;
  flex: 1 1 0;
  padding: 10px 0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.1;
}

.hl-ahe-slot-on {
  color: #0a0807;
  text-align: center;
  background-color: #ffd60a;
  border: 1px solid #ffd60a;
  border-radius: 10px;
  flex: 1 1 0;
  padding: 10px 0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-ahe-slots {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 18px;
  flex-direction: column;
  width: 236px;
  padding: 16px;
  display: flex;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ahe-slots-go {
  color: #0a0807;
  text-align: center;
  background-color: #ff4a00;
  border-radius: 999px;
  padding: 10px 0;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ahe-slots-head {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-ahe-slots-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.hl-ahe-spec {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 40px auto 8px;
  padding: 30px 36px 14px;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-ahe-spec-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #6e655b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 18px;
  display: flex;
}

.hl-ahe-spec-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  align-items: flex-start;
  margin: 0;
  padding: 16px 0;
  display: flex;
}

.hl-ahe-spec-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-ahe-spec-text {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-ahe-spec-tick {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  padding: 5px;
  display: block;
}

.hl-ahe-spec-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-ahe-spec-url {
  color: #bcb2a6;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-ahe-src {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: 16px 48px;
  margin-top: 64px;
  padding-top: 32px;
  display: grid;
}

.hl-ahe-src-item {
  color: #bcb2a6;
  grid-template-rows: auto;
  grid-template-columns: 30px minmax(0, 1fr);
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-ahe-src-link {
  color: #fff8f0;
  overflow-wrap: anywhere;
  text-underline-offset: 3px;
  font-weight: 500;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
  text-decoration-thickness: 1px;
}

.hl-ahe-src-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-ahe-src-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-ahe-src-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-ahe-src-num {
  color: #ffa800;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.hl-ahe-src-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.hl-ahe-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-ahe-src-title {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 4px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ahe-st-fixed {
  color: #fff8f0;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #fff8f0;
  border-radius: 999px;
  justify-self: end;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ahe-st-min {
  color: #0a0807;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffa800;
  border: 1px solid #ffa800;
  border-radius: 999px;
  justify-self: end;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ahe-st-no {
  color: #bcb2a6;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #6e655b;
  border-radius: 999px;
  justify-self: end;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ahe-stage {
  z-index: 2;
  width: 100%;
  max-width: 540px;
  height: 640px;
  margin-left: auto;
  position: relative;
}

.hl-ahe-sup {
  vertical-align: baseline;
  margin-left: 1px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-ahe-sw-google {
  background-color: #ff7300;
  border-radius: 4px;
  width: 14px;
  height: 14px;
  display: block;
}

.hl-ahe-sw-hold {
  background-color: #3a322c;
  border: 1px solid #6e655b;
  border-radius: 4px;
  width: 14px;
  height: 14px;
  display: block;
}

.hl-ahe-sw-meta {
  background-color: #ff4a00;
  border-radius: 4px;
  width: 14px;
  height: 14px;
  display: block;
}

.hl-ahe-sw-print {
  background-color: #ffa800;
  border-radius: 4px;
  width: 14px;
  height: 14px;
  display: block;
}

.hl-ahe-system {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 26px 26px 24px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-ahe-system-k {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 14px 0 3px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ahe-system-tag {
  color: #ffd60a;
  letter-spacing: .12em;
  text-transform: uppercase;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-self: flex-start;
  margin-bottom: 16px;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ahe-system-title {
  color: #fff8f0;
  margin: 0 0 6px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-ahe-system-v {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-ahe-systems {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 40px auto 36px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ahe-tag-1 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #fff8f0;
  border-radius: 16px;
  align-items: center;
  width: 272px;
  padding: 12px 16px 12px 12px;
  display: flex;
  position: absolute;
  top: 0;
  left: 6px;
  transform: rotate(-7deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ahe-tag-2 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #fff8f0;
  border-radius: 16px;
  align-items: center;
  width: 272px;
  padding: 12px 16px 12px 12px;
  display: flex;
  position: absolute;
  top: 98px;
  left: 34px;
  transform: rotate(-2deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ahe-tag-3 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #fff8f0;
  border-radius: 16px;
  align-items: center;
  width: 272px;
  padding: 12px 16px 12px 12px;
  display: flex;
  position: absolute;
  top: 194px;
  left: 8px;
  transform: rotate(4deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ahe-tag-copy {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-ahe-tag-label {
  color: #4a433d;
  font-family: Menlo;
  font-size: 12px;
  line-height: 1.2;
}

.hl-ahe-tag-qr {
  flex-shrink: 0;
  width: 68px;
  height: 68px;
  display: block;
}

.hl-ahe-tag-value {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-ahe-tags {
  z-index: 2;
  width: 300px;
  height: 288px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hl-ahe-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin-top: 24px;
  padding: 24px 26px 20px;
}

.hl-ahe-toc-li {
  border-top: 1px solid #2e2824;
  margin: 0;
}

.hl-ahe-toc-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ahe-utm {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin: 8px 0;
  padding: 22px 24px;
}

.hl-ahe-utm-key {
  color: #bcb2a6;
}

.hl-ahe-utm-label {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ahe-utm-note {
  color: #958b80;
  margin: 12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ahe-utm-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  display: flex;
}

.hl-ahe-utm-tok {
  overflow-wrap: anywhere;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 10px;
  max-width: 100%;
  padding: 7px 12px;
  font-family: Menlo;
  font-size: 13.5px;
  line-height: 1.4;
  display: inline-flex;
}

.hl-ahe-utm-tok-hot {
  overflow-wrap: anywhere;
  background-color: #26211e;
  border: 1.5px solid #ffd60a;
  border-radius: 10px;
  max-width: 100%;
  padding: 7px 12px;
  font-family: Menlo;
  font-size: 13.5px;
  line-height: 1.4;
  display: inline-flex;
}

.hl-ahe-utm-val {
  color: #fff8f0;
  font-weight: 600;
}

.hl-ahe-win {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 22px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ahe-win-bar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #26211e;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.hl-ahe-win-body {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  padding: 26px 26px 28px;
  display: flex;
}

.hl-ahe-win-chip {
  color: #fff8f0;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ahe-win-chip-on {
  color: #0a0807;
  background-color: #ffd60a;
  border: 1px solid #ffd60a;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-ahe-win-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.hl-ahe-win-dot {
  background-color: #3a322c;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: block;
}

.hl-ahe-win-dots {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-shrink: 0;
  display: flex;
}

.hl-ahe-win-kicker {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ahe-win-live {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #bcb2a6;
  flex-shrink: 0;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-ahe-win-live-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-ahe-win-role {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  display: flex;
}

.hl-ahe-win-role-name {
  color: #fff8f0;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ahe-win-roles {
  border-top: 1px solid #2e2824;
  flex-direction: column;
  display: flex;
}

.hl-ahe-win-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
}

.hl-ahe-win-url {
  color: #bcb2a6;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #131110;
  border-radius: 999px;
  flex: auto;
  min-width: 0;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  display: block;
  overflow: hidden;
}

.hl-ahe-win-wrap {
  z-index: 1;
  width: 400px;
  position: absolute;
  top: 36px;
  right: 0;
}

.hl-ahe-wk {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 210px minmax(0, 1fr) 230px;
  align-items: start;
  margin: 0;
  padding: 28px 24px 30px 72px;
  display: grid;
  position: relative;
}

.hl-ahe-wk-event {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  background-color: #1c1917;
  border: 1px solid #ffd60a;
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: 210px minmax(0, 1fr) 230px;
  align-items: start;
  margin: 0;
  padding: 30px 24px 32px 72px;
  display: grid;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-ahe-wk-kicker {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ahe-wk-kicker-event {
  color: #ffd60a;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ahe-wk-last {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 210px minmax(0, 1fr) 230px;
  align-items: start;
  margin: 0;
  padding: 28px 24px 30px 72px;
  display: grid;
  position: relative;
}

.hl-ahe-wk-text {
  color: #fff8f0;
  min-width: 0;
  margin: 0;
  padding-top: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-ahe-wk-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-ahe-wk-tools {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding-top: 4px;
  display: flex;
}

.hl-ahe-wk-when {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-bp-actions {
  grid-column-gap: 22px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-bp-bridge {
  background-color: #131110;
  padding-top: 128px;
  padding-bottom: 136px;
  position: relative;
  overflow: hidden;
}

.hl-bp-bridge-actions {
  grid-column-gap: 24px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.hl-bp-bridge-copy {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-bp-bridge-grid {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  gap: 56px 64px;
  display: grid;
  position: relative;
}

.hl-bp-bridge-title {
  color: #fff8f0;
  font-variation-settings: "wdth" 106;
  letter-spacing: -.02em;
  margin: 10px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 68px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .95;
}

.hl-bp-btn {
  color: #fff8f0;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  margin: 0;
  padding: 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .15s, color .15s;
  display: inline-flex;
}

.hl-bp-btn:hover {
  color: #ffd60a;
  border-color: #ffd60a;
}

.hl-bp-btn:active {
  transform: scale(.98);
}

.hl-bp-btn:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-bp-caption {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-bp-cell {
  width: 100%;
  height: 48px;
  box-shadow: none;
  color: #fff8f0;
  text-align: right;
  font-variant-numeric: tabular-nums;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 12px;
  margin: 0;
  padding: 0 13px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  transition: border-color .15s;
  display: block;
}

.hl-bp-cell:hover {
  border-color: #958b80;
}

.hl-bp-cell:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.hl-bp-cell._w-input {
  width: 100%;
  height: 48px;
  box-shadow: none;
  color: #fff8f0;
  text-align: right;
  font-variant-numeric: tabular-nums;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 12px;
  margin: 0;
  padding: 0 13px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  transition: border-color .15s;
  display: block;
}

.hl-bp-cell._w-input:hover {
  border-color: #958b80;
}

.hl-bp-cell._w-input:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.hl-bp-cell-error {
  width: 100%;
  height: 48px;
  box-shadow: none;
  color: #fff8f0;
  text-align: right;
  font-variant-numeric: tabular-nums;
  background-color: #1c1917;
  border: 2px solid #ff4a00;
  border-radius: 12px;
  margin: 0;
  padding: 0 12.5px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  display: block;
}

.hl-bp-cell-error:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-bp-cell-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-bp-chart {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-bottom: 1.5px solid #6e655b;
  align-items: flex-end;
  width: 100%;
  height: 160px;
  margin-bottom: 8px;
  padding-top: 8px;
  display: flex;
  position: relative;
}

.hl-bp-col {
  flex: 1 1 0;
  height: 100%;
  position: relative;
}

.hl-bp-dash {
  background-color: #1c1917;
  background-image: linear-gradient(#24201c 0%, #171412 100%);
  border: 1px solid #3a322c;
  border-radius: 28px;
  flex-direction: column;
  padding: 26px 28px 24px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f012, 0 48px 96px -32px #000000e6;
}

.hl-bp-dash-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-bp-dash-dot-off {
  background-color: #6e655b;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-bp-dash-fill-1 {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 50%, #ffa800 100%);
  border-radius: 999px;
  width: 49%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-bp-dash-fill-2 {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 50%, #ffa800 100%);
  border-radius: 999px;
  width: 52%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-bp-dash-fill-3 {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 50%, #ffa800 100%);
  border-radius: 999px;
  width: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-bp-dash-fill-off {
  background-color: #4a433d;
  border-radius: 999px;
  width: 34%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-bp-dash-foot {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.hl-bp-dash-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  padding-bottom: 18px;
  display: flex;
}

.hl-bp-dash-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73006b 0%, #ff4a001f 55%, #ff4a0000 100%);
  width: 820px;
  height: 360px;
  margin-left: -410px;
  position: absolute;
  bottom: -120px;
  left: 50%;
}

.hl-bp-dash-mark {
  background-color: #fff8f0;
  border-radius: 2px;
  width: 2px;
  margin-left: -1px;
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 50%;
}

.hl-bp-dash-note {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-bp-dash-off {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  white-space: nowrap;
  border: 1px solid #4a433d;
  border-radius: 999px;
  justify-self: end;
  align-items: center;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-bp-dash-on {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffd60a;
  white-space: nowrap;
  background-color: #ffd60a1f;
  border-radius: 999px;
  justify-self: end;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-bp-dash-row {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 64px minmax(0, 1fr) 176px;
  align-items: center;
  column-gap: 16px;
  padding: 18px 0;
  display: grid;
}

.hl-bp-dash-site {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-bp-dash-stage {
  min-width: 0;
  position: relative;
}

.hl-bp-dash-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-bp-dash-track {
  background-color: #26211e;
  border-radius: 999px;
  height: 12px;
  display: block;
  position: relative;
}

.hl-bp-display {
  color: #fff8f0;
  font-variation-settings: "wdth" 106;
  letter-spacing: -.02em;
  margin: 14px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 72px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .95;
}

.hl-bp-done {
  color: #fff8f0;
  background-color: #ffd60a14;
  border: 1px solid #ffd60a80;
  border-radius: 16px;
  margin: 0;
  padding: 20px 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-bp-email {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 112px;
  position: relative;
}

.hl-bp-email-btn {
  flex: none;
}

.hl-bp-email-card {
  background-color: #131110;
  background-image: linear-gradient(115deg, #ff4a0029 0%, #ff4a0000 46%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  gap: 28px 56px;
  padding: 40px 44px;
  display: grid;
}

.hl-bp-email-copy {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-bp-email-field {
  flex: auto;
  min-width: 0;
}

.hl-bp-email-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: flex-end;
  display: flex;
}

.hl-bp-email-sub {
  color: #bcb2a6;
  margin: 14px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-bp-email-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 8px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1;
}

.hl-bp-eq {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 28px 30px 30px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f;
}

.hl-bp-eq-ex {
  color: #bcb2a6;
  font-variant-numeric: tabular-nums;
  border-top: 1px solid #2e2824;
  margin: 0;
  padding-top: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-bp-eq-f {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.18;
}

.hl-bp-eq-name {
  color: #ff4a00;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-bp-error {
  color: #fff8f0;
  text-indent: -26px;
  margin: 0;
  padding-left: 26px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-bp-error-icon {
  vertical-align: -3px;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  display: inline-block;
}

.hl-bp-fields {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 18px 16px;
  display: grid;
}

.hl-bp-fig {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 16px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-width: 0;
  padding: 14px 18px;
  display: flex;
}

.hl-bp-fig-hot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1d1a12;
  border: 1px solid #ffd60a80;
  border-radius: 16px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-width: 0;
  padding: 14px 18px;
  display: flex;
}

.hl-bp-fig-label {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-bp-fig-value {
  color: #fff8f0;
  text-align: right;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
}

.hl-bp-fig-value-hot {
  color: #ffd60a;
  text-align: right;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
}

.hl-bp-figs {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  display: grid;
}

.hl-bp-fill {
  background-color: #ff7300;
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 45%, #ffa800 80%, #ffd60a 100%);
  border-radius: 999px;
  width: 53%;
  transition: width .4s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-bp-fill-time {
  background-color: #958b80;
  border-radius: 999px;
  width: 50%;
  height: 100%;
  transition: width .4s cubic-bezier(.16, 1, .3, 1);
}

.hl-bp-flabel {
  color: #bcb2a6;
  white-space: nowrap;
  cursor: default;
  clip: rect(0, 0, 0, 0);
  border-style: none;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
  position: absolute;
  overflow: hidden;
}

.hl-bp-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.2em;
  padding: 2px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-bp-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
  text-decoration: underline;
}

.hl-bp-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-bp-form, .hl-bp-form._w-form {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  margin: 32px 0 0;
  padding: 26px 28px 28px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-bp-form-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-bp-form-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-bp-gap-ahead {
  background-color: #ff4a00;
  border-radius: 0 999px 999px 0;
  width: 3%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  box-shadow: inset 0 0 0 2px #ff4a00, inset 0 -6px 10px #0a080740;
}

.hl-bp-gap-behind {
  border: 2px dashed #ffa800;
  border-left-width: 0;
  border-radius: 0 999px 999px 0;
  width: 7%;
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 43%;
}

.hl-bp-glow {
  pointer-events: none;
  background-image: radial-gradient(42% 44% at 58% 52%, #ff4a004d 0%, #ff73001c 44%, #ff730000 72%);
  width: 1800px;
  height: 1100px;
  margin-left: -600px;
  position: absolute;
  top: 40px;
  left: 50%;
}

.hl-bp-hero {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 48px 56px;
  display: grid;
  position: relative;
}

.hl-bp-hero-copy {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-bp-key-plan {
  background-color: #fff8f014;
  border-top: 2px solid #6e655b;
  border-radius: 3px 3px 0 0;
  width: 14px;
  height: 12px;
  display: inline-block;
}

.hl-bp-key-spend {
  background-color: #ff7300;
  border-radius: 3px;
  width: 12px;
  height: 12px;
  display: inline-block;
}

.hl-bp-keylight {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73006b 0%, #ff4a001f 55%, #ff4a0000 100%);
  width: 900px;
  height: 380px;
  margin-left: -450px;
  position: absolute;
  bottom: -140px;
  left: 50%;
}

.hl-bp-lead {
  color: #bcb2a6;
  max-width: 520px;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-bp-legend {
  grid-column-gap: 22px;
  grid-row-gap: 6px;
  color: #958b80;
  flex-wrap: wrap;
  align-items: center;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-bp-legend-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  align-items: center;
  display: inline-flex;
}

.hl-bp-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  white-space: nowrap;
  align-items: center;
  min-height: 44px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: color .15s;
  display: inline-flex;
}

.hl-bp-link:hover {
  color: #ffd60a;
}

.hl-bp-link:focus {
  outline-offset: 3px;
  border-radius: 8px;
  outline: 3px solid #ffd60a;
}

.hl-bp-math {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hl-bp-meter {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.hl-bp-meter-label {
  grid-column-gap: 12px;
  grid-row-gap: 4px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  margin: 0;
  display: flex;
}

.hl-bp-meter-name {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-bp-meter-spend {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  padding-bottom: 30px;
  display: flex;
}

.hl-bp-meter-val {
  color: #bcb2a6;
  font-variant-numeric: tabular-nums;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-bp-meters {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  display: flex;
}

.hl-bp-mlabel {
  color: #bcb2a6;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  border-style: none;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
  position: absolute;
  overflow: hidden;
}

.hl-bp-more {
  background-color: #0a0807;
  padding-top: 96px;
  padding-bottom: 56px;
  position: relative;
}

.hl-bp-name {
  width: 100%;
  height: 48px;
  box-shadow: none;
  color: #fff8f0;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 12px;
  margin: 0;
  padding: 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  transition: border-color .15s;
  display: block;
}

.hl-bp-name:hover {
  border-color: #958b80;
}

.hl-bp-name:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.hl-bp-name._w-input {
  width: 100%;
  height: 48px;
  box-shadow: none;
  color: #fff8f0;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 12px;
  margin: 0;
  padding: 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  transition: border-color .15s;
  display: block;
}

.hl-bp-name._w-input:hover {
  border-color: #958b80;
}

.hl-bp-name._w-input:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.hl-bp-name-cell {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-bp-name-total {
  color: #fff8f0;
  min-width: 0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-bp-nlabel {
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  border-style: none;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  display: block;
  position: absolute;
  overflow: hidden;
}

.hl-bp-none {
  color: #958b80;
  text-align: right;
  white-space: nowrap;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-bp-note {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 30px 32px 32px;
  display: flex;
}

.hl-bp-note-label {
  color: #ff4a00;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-bp-note-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-bp-note-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-bp-notes {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 56px;
  display: grid;
}

.hl-bp-op {
  color: #ffd60a;
  padding: 0 2px;
  display: inline-block;
}

.hl-bp-out {
  color: #fff8f0;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-bp-own-help {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-bp-own-name {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #fff8f0;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
  display: flex;
}

.hl-bp-p10 {
  background-color: #fff8f00d;
  border-top: 2px solid #6e655b;
  border-radius: 3px 3px 0 0;
  height: 10%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hl-bp-p100 {
  background-color: #fff8f00d;
  border-top: 2px solid #6e655b;
  border-radius: 3px 3px 0 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hl-bp-p20 {
  background-color: #fff8f00d;
  border-top: 2px solid #6e655b;
  border-radius: 3px 3px 0 0;
  height: 20%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hl-bp-p30 {
  background-color: #fff8f00d;
  border-top: 2px solid #6e655b;
  border-radius: 3px 3px 0 0;
  height: 30%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hl-bp-p40 {
  background-color: #fff8f00d;
  border-top: 2px solid #6e655b;
  border-radius: 3px 3px 0 0;
  height: 40%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hl-bp-p50 {
  background-color: #fff8f00d;
  border-top: 2px solid #6e655b;
  border-radius: 3px 3px 0 0;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hl-bp-p60 {
  background-color: #fff8f00d;
  border-top: 2px solid #6e655b;
  border-radius: 3px 3px 0 0;
  height: 60%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hl-bp-p70 {
  background-color: #fff8f00d;
  border-top: 2px solid #6e655b;
  border-radius: 3px 3px 0 0;
  height: 70%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hl-bp-p80 {
  background-color: #fff8f00d;
  border-top: 2px solid #6e655b;
  border-radius: 3px 3px 0 0;
  height: 80%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hl-bp-p90 {
  background-color: #fff8f00d;
  border-top: 2px solid #6e655b;
  border-radius: 3px 3px 0 0;
  height: 90%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hl-bp-pct {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  display: block;
}

.hl-bp-peek {
  display: none;
}

.hl-bp-peek:hover {
  color: #fff8f0;
}

.hl-bp-peek:focus {
  outline-offset: 3px;
  border-radius: 8px;
  outline: 3px solid #ffd60a;
}

.hl-bp-period {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 220px) minmax(0, 220px) minmax(0, 1fr);
  align-items: end;
  gap: 14px 20px;
  display: grid;
}

.hl-bp-period-help {
  color: #bcb2a6;
  margin: 0 0 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-bp-pill-ahead {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #ff7300;
  white-space: nowrap;
  background-color: #ff4a0024;
  border: 1.5px solid #ff4a00;
  border-radius: 999px;
  align-items: center;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  display: inline-flex;
}

.hl-bp-pill-behind {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #ffa800;
  white-space: nowrap;
  background-color: #ffa8001a;
  border: 1.5px solid #ffa800;
  border-radius: 999px;
  align-items: center;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  display: inline-flex;
}

.hl-bp-pill-none {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #bcb2a6;
  white-space: nowrap;
  background-color: #26211e;
  border: 1.5px solid #2e2824;
  border-radius: 999px;
  align-items: center;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  display: inline-flex;
}

.hl-bp-pill-on {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #0a0807;
  white-space: nowrap;
  background-color: #ffd60a;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  display: inline-flex;
}

.hl-bp-pill-own {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  display: inline-flex;
}

.hl-bp-related {
  display: block;
}

.hl-bp-res-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-bp-res-meta {
  color: #bcb2a6;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-bp-res-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-bp-res-title {
  grid-column-gap: 12px;
  grid-row-gap: 2px;
  flex-wrap: wrap;
  align-items: baseline;
  min-width: 0;
  margin: 0;
  display: flex;
}

.hl-bp-reset {
  color: #fff8f0;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  margin: 0;
  padding: 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .15s, color .15s;
  display: inline-flex;
}

.hl-bp-reset:hover {
  color: #ffd60a;
  border-color: #ffd60a;
}

.hl-bp-reset:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-bp-result {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  background-color: #1c1917;
  background-image: linear-gradient(#24201c 0%, #171412 100%);
  border: 1px solid #3a322c;
  border-radius: 28px;
  flex-direction: column;
  padding: 30px 32px 28px;
  scroll-margin-top: 96px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f012, 0 48px 96px -32px #000000e6;
}

.hl-bp-rim {
  pointer-events: none;
  background-image: linear-gradient(90deg, #ffd60a00 0%, #ffd60a 50%, #ffd60a00 100%);
  height: 2px;
  position: absolute;
  top: -1px;
  left: 14%;
  right: 14%;
}

.hl-bp-row {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.5fr) 150px 150px minmax(96px, .8fr) minmax(108px, .85fr) 136px;
  align-items: center;
  gap: 10px 16px;
  padding: 12px 0;
  display: grid;
}

.hl-bp-row-own {
  border-bottom: 1px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.5fr) 150px 150px minmax(96px, .8fr) minmax(108px, .85fr) 136px;
  align-items: center;
  gap: 10px 16px;
  padding: 12px 0;
  display: grid;
}

.hl-bp-row-total {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.5fr) 150px 150px minmax(96px, .8fr) minmax(108px, .85fr) 136px;
  align-items: start;
  gap: 10px 16px;
  padding: 18px 0 4px;
  display: grid;
}

.hl-bp-s10 {
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 4px 4px 0 0;
  height: 10%;
  position: absolute;
  bottom: 0;
  left: 22%;
  right: 22%;
}

.hl-bp-s100 {
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 4px 4px 0 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 22%;
  right: 22%;
}

.hl-bp-s20 {
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 4px 4px 0 0;
  height: 20%;
  position: absolute;
  bottom: 0;
  left: 22%;
  right: 22%;
}

.hl-bp-s30 {
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 4px 4px 0 0;
  height: 30%;
  position: absolute;
  bottom: 0;
  left: 22%;
  right: 22%;
}

.hl-bp-s40 {
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 4px 4px 0 0;
  height: 40%;
  position: absolute;
  bottom: 0;
  left: 22%;
  right: 22%;
}

.hl-bp-s50 {
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 4px 4px 0 0;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 22%;
  right: 22%;
}

.hl-bp-s60 {
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 4px 4px 0 0;
  height: 60%;
  position: absolute;
  bottom: 0;
  left: 22%;
  right: 22%;
}

.hl-bp-s70 {
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 4px 4px 0 0;
  height: 70%;
  position: absolute;
  bottom: 0;
  left: 22%;
  right: 22%;
}

.hl-bp-s80 {
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 4px 4px 0 0;
  height: 80%;
  position: absolute;
  bottom: 0;
  left: 22%;
  right: 22%;
}

.hl-bp-s90 {
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 4px 4px 0 0;
  height: 90%;
  position: absolute;
  bottom: 0;
  left: 22%;
  right: 22%;
}

.hl-bp-scen {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 28px 28px 30px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f;
}

.hl-bp-scen-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-bp-scen-title {
  color: #fff8f0;
  margin: 4px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-bp-scens {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.hl-bp-sec {
  background-color: #0a0807;
  padding-top: 112px;
  padding-bottom: 112px;
  position: relative;
}

.hl-bp-sec-alt {
  background-color: #131110;
  padding-top: 112px;
  padding-bottom: 112px;
  position: relative;
}

.hl-bp-sheet {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  padding: 30px 32px 32px;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-bp-sheet-foot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  margin-top: 26px;
  display: flex;
}

.hl-bp-sheet-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
  padding-bottom: 22px;
  display: flex;
}

.hl-bp-sheet-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-bp-sheet-titles {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-bp-sources {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 20px 48px;
  margin-top: 72px;
  padding-top: 36px;
  display: grid;
}

.hl-bp-sources-body {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-bp-sources-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-bp-spec {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  margin: 0;
  padding: 6px 14px 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-bp-spec-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-bp-specs {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-bp-split-form, .hl-bp-split-form._w-form {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  margin: 0;
  display: flex;
}

.hl-bp-src {
  grid-template-rows: auto;
  grid-template-columns: 24px minmax(0, 1fr);
  column-gap: 12px;
  margin: 0;
  scroll-margin-top: 96px;
  display: grid;
}

.hl-bp-src-list {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-bp-src-num {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.55;
}

.hl-bp-src-text {
  color: #bcb2a6;
  overflow-wrap: anywhere;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-bp-stage {
  min-width: 0;
  padding-top: 6px;
  position: relative;
}

.hl-bp-stamp {
  color: #ffd60a;
  white-space: nowrap;
  background-color: #ffd60a1f;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-bp-stat {
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  display: flex;
}

.hl-bp-state {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-bp-state-ahead {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #ff7300;
  letter-spacing: -.01em;
  white-space: normal;
  background-color: #ff4a0024;
  border: 2px solid #ff4a00;
  border-radius: 999px;
  align-items: center;
  max-width: 100%;
  padding: 10px 24px 10px 20px;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
}

.hl-bp-state-behind {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #ffa800;
  letter-spacing: -.01em;
  white-space: normal;
  background-color: #ffa8001a;
  border: 2px solid #ffa800;
  border-radius: 999px;
  align-items: center;
  max-width: 100%;
  padding: 10px 24px 10px 20px;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
}

.hl-bp-state-none {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #bcb2a6;
  white-space: normal;
  background-color: #26211e;
  border: 2px solid #2e2824;
  border-radius: 999px;
  align-items: center;
  max-width: 100%;
  padding: 12px 22px 12px 18px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.hl-bp-state-on {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #0a0807;
  letter-spacing: -.01em;
  white-space: normal;
  background-color: #ffd60a;
  border: 2px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  max-width: 100%;
  padding: 10px 24px 10px 20px;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
}

.hl-bp-state-text {
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-bp-sum {
  color: #fff8f0;
  font-variation-settings: "wdth" 87;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  margin: 0;
  padding-right: 0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  font-stretch: 87%;
  line-height: 1.2;
}

.hl-bp-summary {
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  background-color: #fff8f00a;
  border-left: 3px solid #ff7300;
  border-radius: 0 16px 16px 0;
  margin: 0;
  padding: 16px 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-bp-sup {
  vertical-align: baseline;
  margin-left: 2px;
  font-size: .7em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-bp-table {
  border-top: 1px solid #2e2824;
  flex-direction: column;
  margin-top: 8px;
  display: flex;
}

.hl-bp-th {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-bp-th-num {
  color: #bcb2a6;
  text-align: right;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-bp-thead {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.5fr) 150px 150px minmax(96px, .8fr) minmax(108px, .85fr) 136px;
  align-items: end;
  column-gap: 16px;
  padding: 14px 0 12px;
  display: grid;
}

.hl-bp-tick {
  background-color: #fff8f0;
  border-radius: 2px;
  width: 3px;
  margin-left: -1.5px;
  position: absolute;
  top: -9px;
  bottom: -9px;
  left: 50%;
  box-shadow: 0 0 0 2px #1c1917;
}

.hl-bp-tick-label {
  color: #0a0807;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  background-color: #fff8f0;
  border-radius: 999px;
  margin-top: 6px;
  padding: 3px 10px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateX(-50%);
}

.hl-bp-top {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 48px;
  position: relative;
  overflow: hidden;
}

.hl-bp-track {
  background-color: #26211e;
  border-radius: 999px;
  height: 28px;
  position: relative;
  box-shadow: inset 0 0 0 1px #2e2824;
}

.hl-bp-track-time {
  background-color: #26211e;
  border-radius: 999px;
  height: 10px;
  position: relative;
  overflow: hidden;
}

.hl-bp-var {
  color: #fff8f0;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-bp-var-ahead {
  color: #ff7300;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-bp-var-behind {
  color: #ffa800;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-ca-ad {
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 22px;
  flex-direction: column;
  width: 232px;
  padding: 12px;
  display: flex;
  transform: rotate(3deg);
  box-shadow: 0 40px 80px -28px #000000e6;
}

.hl-ca-ad-apply {
  color: #fff8f0;
  background-color: #0a0807;
  border-radius: 999px;
  padding: 7px 14px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ca-ad-avatar {
  background-image: linear-gradient(135deg, #ffd60a 0%, #ff7300 60%, #ff4a00 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}

.hl-ca-ad-bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.hl-ca-ad-bar-text {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ca-ad-brand {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-ca-ad-hook {
  color: #0a0807;
  letter-spacing: -.01em;
  margin-bottom: auto;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  position: relative;
}

.hl-ca-ad-id {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  display: flex;
}

.hl-ca-ad-kicker {
  color: #0a0807;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  position: relative;
}

.hl-ca-ad-media {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #ff7300;
  background-image: radial-gradient(90% 70% at 80% 0, #ffd60a 0%, #ffd60a00 70%), linear-gradient(160deg, #ffa800 0%, #ff7300 45%, #ff4a00 100%);
  border-radius: 14px;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 180px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-ca-ad-meta {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-ca-ad-role {
  color: #0a0807;
  letter-spacing: -.02em;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: .92;
  position: relative;
}

.hl-ca-ad-top {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.hl-ca-answer {
  z-index: 3;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #131110;
  background-image: linear-gradient(90deg, #ffa80014 0%, #ffa80000 32%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: 220px minmax(0, 1fr);
  margin-top: -48px;
  padding: 32px 40px;
  display: grid;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-ca-answer-label {
  color: #ffa800;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-ca-answer-note {
  color: #958b80;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ca-answer-rows {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-ca-answer-side {
  padding-top: 14px;
}

.hl-ca-arow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: baseline;
  margin: 0;
  padding: 14px 0;
  display: grid;
}

.hl-ca-arow-k {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ca-arow-k-volt {
  color: #ffd60a;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ca-arow-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: baseline;
  margin: 0;
  padding: 14px 0 6px;
  display: grid;
}

.hl-ca-arow-t {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-ca-aside {
  color: #958b80;
  border-left: 2px solid #2e2824;
  max-width: 66ch;
  margin: 8px 0 0;
  padding-left: 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-ca-ask {
  color: #ff7300;
  border: 2px solid #ff4a00;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-ca-bar-a {
  background-color: #0a0807c7;
  border-radius: 999px;
  flex-shrink: 0;
  width: 72px;
  height: 9px;
}

.hl-ca-bar-b {
  background-color: #0a0807c7;
  border-radius: 999px;
  flex-shrink: 0;
  width: 36px;
  height: 9px;
}

.hl-ca-bar-c {
  background-color: #0a0807c7;
  border-radius: 999px;
  flex-shrink: 0;
  width: 22px;
  height: 9px;
}

.hl-ca-body {
  background-color: #0a0807;
  padding-top: 0;
  padding-bottom: 72px;
  position: relative;
}

.hl-ca-box {
  background-color: #131110;
  border: 2px solid #ffa800;
  border-radius: 5px;
  width: 18px;
  height: 18px;
  margin-top: 4px;
  display: block;
}

.hl-ca-caption {
  color: #958b80;
  margin: 0 0 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-ca-card {
  background-color: #1c1917;
  background-image: linear-gradient(#221e1b 0%, #1c1917 45%);
  border: 1px solid #2e2824;
  border-radius: 26px;
  padding: 20px 22px 10px;
  transform: rotate(3deg);
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-ca-card-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.hl-ca-card-tag {
  color: #ffa800;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffa8001f;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ca-card-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-ca-card-wrap {
  z-index: 2;
  width: 318px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.hl-ca-check {
  border-top: 1px solid #2e2824;
  margin: 4px 0 24px;
  padding: 0;
  list-style: none;
}

.hl-ca-check-item {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 6px;
  margin: 0;
  padding: 14px 0 15px;
  display: grid;
}

.hl-ca-check-text {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
  display: block;
}

.hl-ca-chip-blur {
  color: #4a433d;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1.5px solid #4a433d;
  border-radius: 999px;
  padding: 3px 9px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ca-chip-done {
  color: #ffa800;
  white-space: nowrap;
  background-color: #ffa8001f;
  border-radius: 999px;
  align-self: flex-start;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ca-chip-ok {
  color: #ffd60a;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0a0807;
  border-radius: 999px;
  padding: 4px 9px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ca-chip-you {
  color: #bcb2a6;
  white-space: nowrap;
  border: 1px solid #6e655b;
  border-radius: 999px;
  align-self: flex-start;
  padding: 3px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ca-close {
  color: #fff8f0;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin: 72px 0 0;
  padding: 32px 36px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  box-shadow: inset 0 1px #fff8f00f;
}

.hl-ca-compare {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin: 8px 0 28px;
  padding: 24px 24px 22px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-ca-compare-cap {
  color: #bcb2a6;
  max-width: 66ch;
  margin: 16px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-ca-compare-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  display: flex;
}

.hl-ca-compare-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-ca-copy-row {
  grid-column-gap: 24px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 28px;
  display: flex;
}

.hl-ca-dash-cap {
  z-index: 2;
  color: #958b80;
  text-align: center;
  max-width: 640px;
  margin: 22px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.hl-ca-dash-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73005c 0%, #ff4a001f 55%, #ff4a0000 100%);
  width: 640px;
  height: 360px;
  margin-left: -320px;
  position: absolute;
  bottom: -200px;
  left: 50%;
}

.hl-ca-dash-wrap {
  background-color: #131110;
  border-radius: 28px;
  flex-direction: column;
  align-items: center;
  margin: 12px 0 32px;
  padding: 40px 24px 28px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-ca-display {
  color: #fff8f0;
  letter-spacing: -.025em;
  margin: 18px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 84px;
  font-weight: 800;
  line-height: .96;
}

.hl-ca-doc {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 248px minmax(0, 1fr);
  align-items: start;
  margin-top: 88px;
  display: grid;
}

.hl-ca-fig {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  margin: 8px 0 24px;
  padding: 26px 28px 22px;
}

.hl-ca-fig-bar-42 {
  background-color: #ffa800;
  border-radius: 0 4px 4px 0;
  width: 42%;
  height: 14px;
  display: block;
}

.hl-ca-fig-bar-50 {
  background-color: #ffa800;
  border-radius: 0 4px 4px 0;
  width: 50%;
  height: 14px;
  display: block;
}

.hl-ca-fig-bar-52 {
  background-color: #ffa800;
  border-radius: 0 4px 4px 0;
  width: 52%;
  height: 14px;
  display: block;
}

.hl-ca-fig-cap {
  color: #958b80;
  border-top: 1px solid #2e2824;
  margin: 16px 0 0;
  padding-top: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-ca-fig-label {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ca-fig-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-ca-fig-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 170px minmax(0, 1fr) 64px;
  align-items: center;
  margin: 0;
  padding: 10px 0;
  display: grid;
}

.hl-ca-fig-title {
  color: #fff8f0;
  margin: 0 0 18px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
}

.hl-ca-fig-track {
  background-color: #26211e;
  border-left: 2px solid #6e655b;
  border-radius: 0 4px 4px 0;
  height: 14px;
  display: block;
  position: relative;
}

.hl-ca-fig-val {
  color: #fff8f0;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.hl-ca-fn {
  color: #ffa800;
  text-align: center;
  background-color: #ffa8001f;
  border-radius: 999px;
  min-width: 1.7em;
  padding: 2px 5px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-ca-fn:hover {
  color: #0a0807;
  background-color: #ffd60a;
}

.hl-ca-fn:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-ca-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 12px 0 24px;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-ca-h2-sub {
  color: #958b80;
  display: block;
}

.hl-ca-hypo-tag {
  color: #ffa800;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffa8001f;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ca-key-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: inline-flex;
}

.hl-ca-key-lock {
  background-color: #ffd60a2e;
  border: 1px solid #ffd60a;
  border-radius: 999px;
  flex-shrink: 0;
  width: 22px;
  height: 12px;
}

.hl-ca-key-out {
  border: 1px solid #6e655b;
  border-radius: 999px;
  flex-shrink: 0;
  width: 22px;
  height: 12px;
}

.hl-ca-lump {
  color: #0a0807;
  text-align: center;
  background-color: #0a080714;
  background-image: repeating-linear-gradient(135deg, #0a080729 0 2px, #0a080700 2px 10px);
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 92px;
  margin: 10px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-ca-main {
  min-width: 0;
  max-width: 800px;
}

.hl-ca-meta {
  color: #958b80;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-ca-model {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  margin: 0;
  padding: 22px 24px 18px;
  transition: background-color .2s;
  display: flex;
}

.hl-ca-model:hover {
  background-color: #221e1b;
}

.hl-ca-model-k {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ca-model-k-volt {
  color: #ffd60a;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ca-model-name {
  color: #fff8f0;
  margin: 0 0 6px;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ca-model-row {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  margin: 0;
  padding: 10px 0;
  display: flex;
}

.hl-ca-model-v {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-ca-model-v-strong {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-ca-models {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ca-note {
  color: #958b80;
  margin: 16px 0 28px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-ca-offer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 248px;
  align-items: center;
  margin-top: 56px;
  padding: 40px 40px 44px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-ca-offer-copy {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.hl-ca-offer-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730070 0%, #ff4a0024 55%, #ff4a0000 100%);
  width: 580px;
  height: 440px;
  position: absolute;
  bottom: -170px;
  right: -120px;
}

.hl-ca-offer-note {
  color: #fff8f0;
  margin: 12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-ca-offer-obj {
  z-index: 2;
  justify-content: center;
  display: flex;
  position: relative;
}

.hl-ca-offer-text {
  color: #bcb2a6;
  max-width: 52ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-ca-offer-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 10px 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-ca-pair {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 4px 0 24px;
  display: grid;
}

.hl-ca-part {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  padding: 22px 22px 24px;
  display: flex;
}

.hl-ca-part-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ca-part-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-ca-part-wide {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  grid-column: span 3 / span 3;
  padding: 22px 22px 24px;
  display: flex;
}

.hl-ca-part-you {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  border: 1px dashed #6e655b;
  border-radius: 20px;
  flex-direction: column;
  grid-column: span 3 / span 3;
  padding: 22px 22px 24px;
  display: flex;
}

.hl-ca-parts {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 8px 0 28px;
  display: grid;
}

.hl-ca-prop {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e8da 100%);
  border-radius: 16px;
  flex-direction: column;
  padding: 18px 18px 16px;
  display: flex;
}

.hl-ca-prop-foot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 12px;
  display: flex;
}

.hl-ca-prop-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 2px solid #0a0807;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.hl-ca-prop-label {
  color: #0a0807;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ca-prop-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #0a080724;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  display: flex;
}

.hl-ca-prop-sub {
  color: #4a433d;
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.hl-ca-prop-title {
  color: #0a0807;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: 1;
}

.hl-ca-prop-total {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-ca-prop-total-bar {
  background-color: #0a0807;
  border-radius: 999px;
  width: 96px;
  height: 11px;
}

.hl-ca-props {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hl-ca-q {
  color: #fff8f0;
  text-indent: -44px;
  border-bottom: 1px solid #2e2824;
  margin: 0;
  padding: 14px 0 15px 44px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
  display: block;
}

.hl-ca-q-last {
  color: #fff8f0;
  text-indent: -44px;
  margin: 0;
  padding: 14px 0 15px 44px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
  display: block;
}

.hl-ca-q-num {
  color: #ffa800;
  text-indent: 0;
  font-variant-numeric: tabular-nums;
  width: 40px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.55;
  display: inline-block;
}

.hl-ca-qs {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-ca-qs-card {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  margin: 8px 0 20px;
  padding: 10px 28px;
}

.hl-ca-related {
  margin-top: 72px;
}

.hl-ca-role {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  padding: 22px 24px;
  display: flex;
}

.hl-ca-role-hot {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #1c1917;
  background-image: linear-gradient(160deg, #ff73001f 0%, #ff730000 60%);
  border: 1px solid #ff7300;
  border-radius: 20px;
  flex-direction: column;
  padding: 22px 24px;
  display: flex;
}

.hl-ca-role-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-ca-role-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-ca-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  padding: 11px 0;
  display: flex;
}

.hl-ca-row-chip {
  color: #ff7300;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #ff4a00;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 9px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ca-row-last {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  padding: 11px 0 12px;
  display: flex;
}

.hl-ca-row-text {
  color: #fff8f0;
  flex: 1;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ca-rule-chip {
  color: #fff8f0;
  border: 1px solid #6e655b;
  border-radius: 999px;
  margin: 0;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ca-rule-chip-lock {
  color: #ffd60a;
  background-color: #ffd60a14;
  border: 1px solid #ffd60a;
  border-radius: 999px;
  margin: 0;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ca-rules {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin: 4px 0 24px;
  overflow: hidden;
}

.hl-ca-rules-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-ca-rules-k {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #fff8f0;
  flex-direction: column;
  padding-top: 4px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.hl-ca-rules-k-sub {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-ca-rules-key {
  grid-column-gap: 22px;
  grid-row-gap: 8px;
  color: #958b80;
  background-color: #131110;
  border-top: 1px solid #2e2824;
  flex-wrap: wrap;
  margin: 0;
  padding: 12px 24px 13px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.hl-ca-rules-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: start;
  padding: 20px 24px;
  display: grid;
}

.hl-ca-rules-row-last {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: start;
  padding: 20px 24px;
  display: grid;
}

.hl-ca-sec {
  padding-top: 96px;
}

.hl-ca-sec-first {
  scroll-margin-top: 96px;
}

.hl-ca-sheet {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e8da 100%);
  border-radius: 18px;
  flex-direction: column;
  padding: 22px 22px 26px;
  display: flex;
  position: relative;
  transform: rotate(-4deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ca-sheet-amt {
  background-color: #0a0807c7;
  border-radius: 999px;
  flex-shrink: 0;
  width: 58px;
  height: 9px;
}

.hl-ca-sheet-amt-m {
  background-color: #0a0807c7;
  border-radius: 999px;
  flex-shrink: 0;
  width: 46px;
  height: 9px;
}

.hl-ca-sheet-amt-s {
  background-color: #0a0807c7;
  border-radius: 999px;
  flex-shrink: 0;
  width: 34px;
  height: 9px;
}

.hl-ca-sheet-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 2px solid #0a0807;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 12px;
  display: flex;
}

.hl-ca-sheet-label {
  color: #0a0807;
  flex-shrink: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-ca-sheet-lead {
  border-bottom: 2px dotted #0a080747;
  flex: 1;
  min-width: 12px;
  height: 1px;
  margin-top: 6px;
}

.hl-ca-sheet-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #0a080724;
  align-items: center;
  padding: 12px 0;
  display: flex;
}

.hl-ca-sheet-tag {
  color: #4a433d;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ca-sheet-title {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: 1;
}

.hl-ca-sheet-total {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  display: flex;
}

.hl-ca-sheet-total-amt {
  background-color: #0a0807;
  border-radius: 999px;
  width: 76px;
  height: 11px;
}

.hl-ca-sheet-total-label {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-ca-sheet-wrap {
  z-index: 1;
  width: 300px;
  position: absolute;
  top: 0;
  left: 0;
}

.hl-ca-side {
  position: sticky;
  top: 104px;
}

.hl-ca-sources {
  background-color: #0a0807;
  border-top: 1px solid #2e2824;
  padding-top: 72px;
  padding-bottom: 72px;
  position: relative;
}

.hl-ca-sources-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  align-items: start;
  display: grid;
}

.hl-ca-sources-side {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.hl-ca-sources-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-ca-src {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #bcb2a6;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  margin: 0 -10px;
  padding: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  transition: background-color .3s;
  display: grid;
}

.hl-ca-src-host {
  color: #958b80;
  margin-top: 2px;
  font-size: 13px;
  display: block;
}

.hl-ca-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-ca-src-num {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
}

.hl-ca-src-on {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  margin: 0 -10px;
  padding: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  transition: background-color .3s;
  display: grid;
}

.hl-ca-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-ca-stage {
  z-index: 2;
  width: 100%;
  max-width: 500px;
  height: 480px;
  position: relative;
}

.hl-ca-stamp {
  color: #e03c00;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #fff8f0;
  border: 3px solid #e03c00;
  border-radius: 10px;
  padding: 6px 14px 5px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: 1;
  position: absolute;
  bottom: -24px;
  left: 10px;
  transform: rotate(-9deg);
}

.hl-ca-statement {
  color: #fff8f0;
  letter-spacing: -.02em;
  max-width: 760px;
  margin: 40px 0 36px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-ca-sup {
  vertical-align: baseline;
  margin-left: 3px;
  font-size: .62em;
  line-height: 0;
  position: relative;
  top: -.45em;
}

.hl-ca-toc-li {
  margin: 0;
}

.hl-ca-toc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-ca-yes {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-cb-answer {
  z-index: 3;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #131110;
  background-image: linear-gradient(90deg, #ffa80014 0%, #ffa80000 32%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: 220px minmax(0, 1fr);
  margin-top: -48px;
  padding: 32px 40px;
  display: grid;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-cb-answer-label {
  color: #ffa800;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-cb-answer-note {
  color: #958b80;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-cb-answer-rows {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-cb-answer-side {
  padding-top: 14px;
}

.hl-cb-arow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff8f0;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 112px minmax(0, 1fr);
  margin: 0;
  padding: 14px 0 15px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
  display: grid;
}

.hl-cb-arow-k {
  color: #bcb2a6;
  font-variation-settings: "wdth" 75;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding-top: 5px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.3;
}

.hl-cb-arow-k-volt {
  color: #ffd60a;
  font-variation-settings: "wdth" 75;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding-top: 5px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.3;
}

.hl-cb-arow-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff8f0;
  grid-template-rows: auto;
  grid-template-columns: 112px minmax(0, 1fr);
  margin: 0;
  padding: 14px 0 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
  display: grid;
}

.hl-cb-arow-t {
  min-width: 0;
}

.hl-cb-bar-jb-20 {
  background-color: #bcb2a6;
  border-radius: 999px;
  width: 20%;
  height: 14px;
  display: block;
}

.hl-cb-bar-jb-21 {
  background-color: #bcb2a6;
  border-radius: 999px;
  width: 21%;
  height: 14px;
  display: block;
}

.hl-cb-bar-jb-28 {
  background-color: #bcb2a6;
  border-radius: 999px;
  width: 28%;
  height: 14px;
  display: block;
}

.hl-cb-bar-se-53 {
  background-color: #ff7300;
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 999px;
  width: 53%;
  height: 14px;
  display: block;
}

.hl-cb-bar-se-64 {
  background-color: #ff7300;
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 50%, #ffa800 100%);
  border-radius: 999px;
  width: 64%;
  height: 14px;
  display: block;
}

.hl-cb-bar-se-98 {
  background-color: #ff7300;
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 38%, #ffa800 72%, #ffd60a 100%);
  border-radius: 999px;
  width: 98%;
  height: 14px;
  display: block;
}

.hl-cb-bar-se-99 {
  background-color: #ff7300;
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 38%, #ffa800 72%, #ffd60a 100%);
  border-radius: 999px;
  width: 99%;
  height: 14px;
  display: block;
}

.hl-cb-body {
  background-color: #0a0807;
  padding-top: 0;
  padding-bottom: 72px;
  position: relative;
}

.hl-cb-cap {
  color: #958b80;
  max-width: 72ch;
  margin: 16px 0 28px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-cb-chart {
  background-color: #131110;
  background-image: radial-gradient(70% 60% at 100% 100%, #ff730029 0%, #ff730000 70%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  margin-top: 32px;
  padding: 26px 32px 14px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-cb-chart-cell {
  grid-template-rows: auto;
  grid-template-columns: 76px minmax(0, 1fr) 60px;
  align-items: center;
  column-gap: 12px;
  display: grid;
}

.hl-cb-chart-cells {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-cb-chart-head {
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 18px;
  display: flex;
}

.hl-cb-chart-label {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-cb-chart-name {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-cb-chart-row {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 196px minmax(0, 1fr);
  align-items: center;
  gap: 10px 24px;
  padding: 18px 0;
  display: grid;
}

.hl-cb-chart-row-last {
  grid-template-rows: auto;
  grid-template-columns: 196px minmax(0, 1fr);
  align-items: center;
  gap: 10px 24px;
  padding: 18px 0 8px;
  display: grid;
}

.hl-cb-chart-title {
  color: #fff8f0;
  margin-right: auto;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-cb-chart-track {
  background-color: #1c1917;
  border-radius: 999px;
  min-width: 0;
  height: 14px;
  display: block;
}

.hl-cb-chart-val {
  color: #fff8f0;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-cb-chart-val-hot {
  color: #ffa800;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-cb-check {
  color: #bcb2a6;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  padding: 16px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  display: grid;
}

.hl-cb-check-box {
  color: #ffd60a;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.05;
}

.hl-cb-check-last {
  color: #bcb2a6;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  padding: 16px 0 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  display: grid;
}

.hl-cb-check-text {
  min-width: 0;
}

.hl-cb-checkcard {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin-top: 4px;
  padding: 10px 28px 24px;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-cb-checkcard-foot {
  padding-top: 4px;
  display: flex;
}

.hl-cb-checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-cb-close {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  max-width: 66ch;
  margin: 72px 0 0;
  padding-top: 32px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-cb-doc {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 248px minmax(0, 1fr);
  align-items: start;
  margin-top: 88px;
  display: grid;
}

.hl-cb-dot-elec {
  box-sizing: border-box;
  background-color: #ffd60a;
  border: 4px solid #131110;
  border-radius: 999px;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  position: absolute;
  top: -6px;
  left: 14%;
}

.hl-cb-dot-retail {
  box-sizing: border-box;
  background-color: #ffd60a;
  border: 4px solid #131110;
  border-radius: 999px;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  position: absolute;
  top: -6px;
  left: 19.3%;
}

.hl-cb-dot-rn {
  box-sizing: border-box;
  background-color: #ffd60a;
  border: 4px solid #131110;
  border-radius: 999px;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  position: absolute;
  top: -6px;
  left: 39%;
}

.hl-cb-dot-warehouse {
  box-sizing: border-box;
  background-color: #ffd60a;
  border: 4px solid #131110;
  border-radius: 999px;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  position: absolute;
  top: -6px;
  left: 17.3%;
}

.hl-cb-example {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  grid-template-rows: auto;
  grid-template-columns: 300px minmax(0, 1fr);
  align-items: start;
  margin-top: 28px;
  display: grid;
}

.hl-cb-fconv {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  font-variant-numeric: tabular-nums;
  background-color: #1c1917;
  border-radius: 999px;
  grid-area: 1 / 2 / 2 / 3;
  justify-self: start;
  align-items: center;
  margin-top: 0;
  padding: 5px 14px 5px 5px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  display: inline-flex;
}

.hl-cb-fconv-arrow {
  color: #0a0807;
  background-color: #ff7300;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.hl-cb-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 4px;
  margin-left: 1px;
  padding: 0 2px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline;
}

.hl-cb-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-cb-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-cb-fstage {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 150px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 16px;
  padding: 16px 0;
  display: grid;
}

.hl-cb-fstage-cost {
  color: #fff8f0;
  text-align: right;
  letter-spacing: -.015em;
  font-variant-numeric: tabular-nums;
  grid-area: 1 / 3 / 2 / 4;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
}

.hl-cb-fstage-cost-volt {
  color: #ffd60a;
  text-align: right;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  grid-column: 3 / 4;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1;
}

.hl-cb-fstage-last {
  grid-template-rows: auto;
  grid-template-columns: 150px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 16px;
  padding: 18px 0 20px;
  display: grid;
}

.hl-cb-fstage-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-cb-funnel {
  background-color: #131110;
  background-image: linear-gradient(#ff730000 40%, #ff73001a 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin: 32px 0 0;
  padding: 6px 32px;
  list-style: none;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-cb-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 12px 0 24px;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-cb-hole {
  background-color: #0a0807;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  margin: 0 0 16px;
  display: block;
  box-shadow: inset 0 2px 4px #000000b3;
}

.hl-cb-key-dot {
  background-color: #ffd60a;
  border-radius: 999px;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-cb-key-jb {
  background-color: #bcb2a6;
  border-radius: 4px;
  width: 14px;
  height: 14px;
  display: block;
}

.hl-cb-key-se {
  background-color: #ff7300;
  background-image: linear-gradient(90deg, #ff4a00 0%, #ffa800 100%);
  border-radius: 4px;
  width: 14px;
  height: 14px;
  display: block;
}

.hl-cb-lead {
  color: #fff8f0;
  font-weight: 600;
}

.hl-cb-legend-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  display: inline-flex;
}

.hl-cb-main {
  min-width: 0;
  max-width: 800px;
}

.hl-cb-meta {
  color: #958b80;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-cb-month {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #1c1917;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 104px;
  padding: 10px 2px;
  display: flex;
}

.hl-cb-month-drop {
  box-sizing: border-box;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #131110;
  border: 1.5px dashed #6e655b;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 104px;
  padding: 10px 2px;
  display: flex;
}

.hl-cb-month-hot {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 104px;
  padding: 10px 2px;
  display: flex;
}

.hl-cb-month-name {
  color: #bcb2a6;
  font-variation-settings: "wdth" 75;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-cb-month-name-void {
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-cb-month-tag {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-cb-month-tag-void {
  color: #0a0807;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-cb-month-warm {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #26211e;
  background-image: linear-gradient(0deg, #ff730057 0%, #ff730000 100%);
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 104px;
  padding: 10px 2px;
  display: flex;
}

.hl-cb-months {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-cb-not {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 22px;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px 24px 24px;
  display: flex;
}

.hl-cb-not-chip {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  font-variation-settings: "wdth" 75;
  letter-spacing: .1em;
  text-transform: uppercase;
  border: 1px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 4px 12px 4px 4px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-cb-not-text {
  color: #bcb2a6;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-cb-not-title {
  color: #fff8f0;
  margin: 14px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-cb-not-wide {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 22px;
  flex-direction: column;
  grid-column: 1 / 3;
  align-items: flex-start;
  padding: 22px 24px 24px;
  display: flex;
}

.hl-cb-not-x {
  color: #0a0807;
  letter-spacing: 0;
  background-color: #ff4a00;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.hl-cb-nots {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 4px 0 28px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-cb-offer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 264px;
  align-items: center;
  margin-top: 80px;
  padding: 40px 40px 44px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-cb-offer-copy {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.hl-cb-offer-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730070 0%, #ff4a0024 55%, #ff4a0000 100%);
  width: 580px;
  height: 440px;
  position: absolute;
  bottom: -170px;
  right: -120px;
}

.hl-cb-offer-obj {
  z-index: 2;
  justify-content: center;
  display: flex;
  position: relative;
}

.hl-cb-offer-text {
  color: #bcb2a6;
  max-width: 52ch;
  margin: 0 0 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-cb-offer-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 10px 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-cb-pill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-items: center;
  padding: 11px 20px 11px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-cb-pill-dot {
  background-color: #ffd60a;
  border-radius: 999px;
  width: 10px;
  height: 10px;
  display: block;
}

.hl-cb-pill-row {
  z-index: 4;
  justify-content: center;
  display: flex;
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
}

.hl-cb-plan {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e8da 100%);
  border-radius: 20px;
  flex-direction: column;
  width: 250px;
  padding: 18px 18px 16px;
  display: flex;
  transform: rotate(3deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-cb-plan-dot {
  background-color: #ffd60a;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-cb-plan-foot {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  margin-top: 10px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-cb-plan-free {
  color: #ffd60a;
  font-variation-settings: "wdth" 75;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 999px;
  padding: 3px 9px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.3;
}

.hl-cb-plan-head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 2px solid #0a0807;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.hl-cb-plan-role {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-bottom: 1.5px dashed #0a080740;
  flex-direction: column;
  padding: 10px 0;
  display: flex;
}

.hl-cb-plan-role-k {
  color: #4a433d;
  font-variation-settings: "wdth" 75;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.3;
}

.hl-cb-plan-role-v {
  color: #0a0807;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-cb-plan-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  border-bottom: 1px solid #0a08071f;
  align-items: center;
  padding: 8px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-cb-plan-row-last {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  align-items: center;
  padding: 8px 0 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-cb-plan-tick {
  color: #ffd60a;
  background-color: #0a0807;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.hl-cb-plan-title {
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: 1;
}

.hl-cb-rail {
  background-color: #26211e;
  background-image: linear-gradient(#3a322c 0%, #1c1917 100%);
  border-radius: 999px;
  height: 12px;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  box-shadow: inset 0 1px #fff8f01f, 0 24px 48px -24px #000c;
}

.hl-cb-range {
  border-bottom: 1px solid #2e2824;
  padding: 20px 0 18px;
}

.hl-cb-range-last {
  padding: 20px 0 6px;
}

.hl-cb-range-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-cb-range-name {
  color: #fff8f0;
  margin: 0 0 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-cb-range-stats {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 16px 0 0;
  display: grid;
}

.hl-cb-range-track {
  background-color: #26211e;
  border-radius: 999px;
  height: 10px;
  display: block;
  position: relative;
}

.hl-cb-ranges {
  background-color: #131110;
  background-image: radial-gradient(60% 50% at 0 100%, #ff73001f 0%, #ff730000 70%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin-top: 32px;
  padding: 26px 32px 22px;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-cb-ranges-head {
  grid-column-gap: 20px;
  grid-row-gap: 8px;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 18px;
  display: flex;
}

.hl-cb-ranges-key {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  align-items: center;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  display: inline-flex;
}

.hl-cb-ranges-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-cb-receipt {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e8da 100%);
  border-radius: 18px;
  flex-direction: column;
  padding: 24px 22px 20px;
  display: flex;
  position: relative;
  transform: rotate(-2deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-cb-receipt-blend {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0;
  padding: 12px 0 6px;
  display: flex;
}

.hl-cb-receipt-calc {
  color: #4a433d;
  font-variant-numeric: tabular-nums;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-cb-receipt-foot {
  color: #4a433d;
  font-variation-settings: "wdth" 75;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-top: 2px solid #0a0807;
  margin: 14px 0 0;
  padding-top: 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.3;
}

.hl-cb-receipt-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 2px solid #0a0807;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding-bottom: 10px;
  display: flex;
}

.hl-cb-receipt-k {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-cb-receipt-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1.5px dashed #0a080740;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0;
  padding: 12px 0;
  display: flex;
}

.hl-cb-receipt-stamp {
  color: #e03c00;
  font-variation-settings: "wdth" 75;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 2px solid #e03c00;
  border-radius: 8px;
  align-self: flex-end;
  margin: 10px 0 0;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1.1;
  transform: rotate(-4deg);
}

.hl-cb-receipt-sub {
  color: #4a433d;
  margin: 10px 0 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-cb-receipt-tag {
  color: #ffd60a;
  font-variation-settings: "wdth" 75;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 6px;
  padding: 4px 8px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-cb-receipt-title {
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: 1;
}

.hl-cb-receipt-v {
  color: #0a0807;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.hl-cb-receipt-v-off {
  color: #4a433d;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  -webkit-text-decoration: line-through #e03c00;
  text-decoration: line-through #e03c00;
  text-decoration-thickness: 3px;
}

.hl-cb-receipt-what {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-cb-receipt-wrap {
  padding: 8px 6px 0;
  position: sticky;
  top: 120px;
}

.hl-cb-related {
  margin-top: 72px;
}

.hl-cb-scale {
  height: 18px;
  margin: 14px 0 0;
  position: relative;
}

.hl-cb-sec {
  padding-top: 112px;
}

.hl-cb-sec-first {
  scroll-margin-top: 96px;
}

.hl-cb-side {
  position: sticky;
  top: 104px;
}

.hl-cb-sources {
  background-color: #0a0807;
  border-top: 1px solid #2e2824;
  padding-top: 72px;
  padding-bottom: 72px;
  position: relative;
}

.hl-cb-sources-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  align-items: start;
  display: grid;
}

.hl-cb-sources-note {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-cb-sources-side {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.hl-cb-sources-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-cb-span-elec {
  background-color: #ff7300;
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 50%, #ffa800 100%);
  border-radius: 999px;
  width: 31%;
  height: 10px;
  position: absolute;
  top: 0;
  left: 3.3%;
}

.hl-cb-span-retail {
  background-color: #ff7300;
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 50%, #ffa800 100%);
  border-radius: 999px;
  width: 20%;
  height: 10px;
  position: absolute;
  top: 0;
  left: 14.7%;
}

.hl-cb-span-rn {
  background-color: #ff7300;
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 38%, #ffa800 72%, #ffd60a 100%);
  border-radius: 999px;
  width: 72.3%;
  height: 10px;
  position: absolute;
  top: 0;
  left: 23%;
}

.hl-cb-span-warehouse {
  background-color: #ff7300;
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 50%, #ffa800 100%);
  border-radius: 999px;
  width: 34%;
  height: 10px;
  position: absolute;
  top: 0;
  left: 4%;
}

.hl-cb-src {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #bcb2a6;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  margin: 0 -10px;
  padding: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  transition: background-color .3s;
  display: grid;
}

.hl-cb-src-host {
  color: #958b80;
  margin-top: 2px;
  font-size: 13px;
  display: block;
}

.hl-cb-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-cb-src-num {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
}

.hl-cb-src-on {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  margin: 0 -10px;
  padding: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  transition: background-color .3s;
  display: grid;
}

.hl-cb-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-cb-stage {
  z-index: 2;
  width: 100%;
  max-width: 480px;
  height: 576px;
  position: relative;
}

.hl-cb-stage-push {
  position: absolute;
  inset: 0 0 64px;
}

.hl-cb-stat {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-cb-stat-k {
  color: #958b80;
  font-variation-settings: "wdth" 75;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.3;
}

.hl-cb-stat-v {
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-cb-stat-v-volt {
  color: #ffd60a;
  font-variant-numeric: tabular-nums;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-cb-string-l {
  z-index: 2;
  background-color: #bcb2a6;
  width: 2px;
  height: 249px;
  margin-left: -1px;
  position: absolute;
  top: 0;
  left: 50%;
}

.hl-cb-string-m {
  z-index: 2;
  background-color: #958b80;
  width: 2px;
  height: 49px;
  margin-left: -1px;
  position: absolute;
  top: 0;
  left: 50%;
}

.hl-cb-string-s {
  z-index: 2;
  background-color: #958b80;
  width: 2px;
  height: 69px;
  margin-left: -1px;
  position: absolute;
  top: 0;
  left: 50%;
}

.hl-cb-sup {
  vertical-align: super;
  font-size: .7em;
  line-height: 0;
}

.hl-cb-tag-app {
  z-index: 2;
  transform-origin: 50% 0;
  width: 188px;
  position: absolute;
  top: 16px;
  right: 1%;
  transform: rotate(-7deg);
}

.hl-cb-tag-chalk {
  text-align: center;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e8da 100%);
  border-radius: 22px;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  padding: 20px 16px 18px;
  display: flex;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-cb-tag-click {
  z-index: 3;
  transform-origin: 50% 0;
  width: 212px;
  margin-left: -106px;
  position: absolute;
  top: 16px;
  left: 50%;
  transform: rotate(-2deg);
}

.hl-cb-tag-dark {
  text-align: center;
  background-color: #26211e;
  background-image: linear-gradient(#2e2824 0%, #1c1917 100%);
  border: 1px solid #2e2824;
  border-radius: 22px;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  padding: 20px 18px 18px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f014, 0 48px 96px -32px #000000e6;
}

.hl-cb-tag-foot {
  color: #4a433d;
  font-variation-settings: "wdth" 75;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-top: 1.5px dashed #0a080759;
  width: 100%;
  margin-top: 16px;
  padding-top: 12px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.3;
}

.hl-cb-tag-hire {
  z-index: 1;
  transform-origin: 50% 0;
  width: 176px;
  position: absolute;
  top: 16px;
  left: 2%;
  transform: rotate(8deg);
}

.hl-cb-tag-k {
  color: #4a433d;
  font-variation-settings: "wdth" 75;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-cb-tag-k-chalk {
  color: #bcb2a6;
  font-variation-settings: "wdth" 75;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-cb-tag-note {
  color: #26211e;
  margin-top: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-cb-tag-note-chalk {
  color: #bcb2a6;
  margin-top: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-cb-tag-volt {
  text-align: center;
  background-color: #ffd60a;
  background-image: linear-gradient(#ffeb5c 0%, #ffd60a 58%, #ffc400 100%);
  border: 1px solid #ffeb5c99;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  margin-top: 220px;
  padding: 19px 17px;
  display: flex;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-cb-tag-word {
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 6px;
  font-family: Archivo, sans-serif;
  font-size: 64px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-cb-tag-word-chalk {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 6px;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-cb-tag-word-sm {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 900;
  font-stretch: 62%;
  line-height: 1;
}

.hl-cb-tick-0 {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  position: absolute;
  top: 0;
  left: 0;
}

.hl-cb-tick-1 {
  color: #958b80;
  margin-left: -7px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  position: absolute;
  top: 0;
  left: 33.33%;
}

.hl-cb-tick-2 {
  color: #958b80;
  margin-left: -7px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  position: absolute;
  top: 0;
  left: 66.67%;
}

.hl-cb-tick-3 {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  position: absolute;
  top: 0;
  right: 0;
}

.hl-cb-toc-li {
  margin: 0;
}

.hl-cb-toc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-cb-unit {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding: 26px 26px 24px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-cb-unit-calc {
  color: #bcb2a6;
  flex-grow: 1;
  margin: 6px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-cb-unit-chip {
  color: #bcb2a6;
  font-variation-settings: "wdth" 75;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-cb-unit-chip-ad {
  color: #ffd60a;
  font-variation-settings: "wdth" 75;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a24;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-cb-unit-fig {
  color: #fff8f0;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  margin: 22px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 800;
  line-height: 1;
}

.hl-cb-unit-fig-volt {
  color: #ffd60a;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  margin: 22px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 800;
  line-height: 1;
}

.hl-cb-unit-key {
  background-color: #1c1917;
  background-image: radial-gradient(120% 80% at 100% 0, #ffd60a24 0%, #ffd60a00 60%);
  border: 1px solid #ffd60a8c;
  border-radius: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding: 26px 26px 24px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-cb-unit-name {
  color: #fff8f0;
  margin: 16px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-cb-unit-src {
  color: #958b80;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-cb-units {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 32px 0 8px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-cb-why {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 4px 0 28px;
  display: grid;
}

.hl-cb-why-card {
  background-color: #1c1917;
  border-left: 4px solid #ff7300;
  border-radius: 20px;
  padding: 22px 24px 24px;
}

.hl-cb-why-k {
  color: #ffa800;
  font-variation-settings: "wdth" 75;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.3;
}

.hl-cb-why-t {
  color: #fff8f0;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-cb-year {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin-top: 28px;
  margin-bottom: 28px;
  padding: 24px 28px 26px;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-cb-year-title {
  color: #fff8f0;
  margin: 0 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-chk-acts {
  margin: 0;
}

.hl-chk-acts-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.hl-chk-alert {
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-left: 3px solid #ffa800;
  border-radius: 14px;
  margin: 0 0 8px;
  padding: 12px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-chk-alerts {
  margin: 0;
}

.hl-chk-bar {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.hl-chk-bridge {
  color: #0a0807;
  background-color: #0a0807;
  padding-top: 128px;
  padding-bottom: 128px;
  position: relative;
  overflow: hidden;
}

.hl-chk-bridge-actions {
  grid-column-gap: 28px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 34px;
  display: flex;
}

.hl-chk-bridge-copy {
  min-width: 0;
}

.hl-chk-bridge-grid {
  z-index: 2;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  display: grid;
  position: relative;
}

.hl-chk-bridge-kicker {
  color: #0a0807;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-chk-bridge-lead {
  color: #0a0807;
  max-width: 600px;
  margin: 26px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-chk-bridge-note {
  color: #0a0807;
  margin: 16px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-chk-bridge-phone {
  transform: rotate(4deg);
}

.hl-chk-bridge-stage {
  justify-content: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.hl-chk-bridge-title {
  color: #0a0807;
  font-variation-settings: "wdth" 106;
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 14px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 88px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .95;
}

.hl-chk-bridge-trust {
  color: #0a0807;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
}

.hl-chk-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 18px 18px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-chk-card-link {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-chk-card-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-chk-card-wide {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  min-width: 0;
  margin: 0;
  padding: 18px 18px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-chk-checks-head {
  grid-column-gap: 20px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  display: flex;
}

.hl-chk-checks-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-chk-count {
  color: #bcb2a6;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-chk-count-row {
  grid-column-gap: 16px;
  grid-row-gap: 4px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.hl-chk-cta-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  white-space: nowrap;
  background-color: #ff4a00;
  border-radius: 999px;
  align-items: center;
  min-height: 52px;
  margin-top: 8px;
  padding: 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  position: relative;
}

.hl-chk-cta-kicker {
  color: #ff7300;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  position: relative;
}

.hl-chk-cta-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff4a006b 0%, #ff73001f 55%, #ff730000 100%);
  width: 560px;
  height: 420px;
  position: absolute;
  bottom: -220px;
  right: -160px;
}

.hl-chk-cta-text {
  color: #bcb2a6;
  max-width: 440px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.hl-chk-cta-title {
  color: #fff8f0;
  font-variation-settings: "wdth" 106;
  letter-spacing: -.02em;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: 1;
  position: relative;
}

.hl-chk-display {
  color: #fff8f0;
  font-variation-settings: "wdth" 106;
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 14px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 84px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .95;
}

.hl-chk-done {
  color: #ffd60a;
  margin: 0;
  padding: 4px 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-chk-done-link {
  color: #fff8f0;
  width: fit-content;
  margin-top: 12px;
  padding: 4px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
  display: block;
}

.hl-chk-done-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-chk-done-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-chk-edge-info {
  background-color: #6e655b;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hl-chk-edge-met {
  background-color: #ffd60a;
  background-image: linear-gradient(100deg, #ff7300 0%, #ffa800 45%, #ffd60a 100%);
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hl-chk-edge-missing {
  background-color: #ff4a00;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hl-chk-edge-review {
  background-color: #ffa800;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hl-chk-edge-wait {
  background-color: #2e2824;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hl-chk-email {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  padding: 24px 24px 26px;
}

.hl-chk-email-foot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.hl-chk-email-head {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.hl-chk-email-sub {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-chk-email-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-chk-err {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-chk-find, .hl-chk-find-wait {
  color: #bcb2a6;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-chk-fix {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-chk-fix-item {
  color: #fff8f0;
  border-left: 3px solid #ff7300;
  margin: 0;
  padding: 2px 0 2px 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-chk-fix-title {
  color: #fff8f0;
  margin: 0 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-chk-fixwrap {
  border-top: 1px solid #2e2824;
  padding-top: 18px;
  position: relative;
}

.hl-chk-flag {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #ffa80014;
  border-left: 3px solid #ffa800;
  border-radius: 12px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 12px 14px;
  display: flex;
}

.hl-chk-flag-alt {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-chk-flag-cat {
  color: #ffa800;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-chk-flag-term {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-chk-flagbox {
  margin: 2px 0 0;
}

.hl-chk-flags {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-chk-fn {
  color: #ffa800;
  border-radius: 4px;
  padding: 0 2px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.hl-chk-fn:hover {
  color: #ffd60a;
  text-decoration: underline;
}

.hl-chk-fn:focus {
  outline-offset: 2px;
  outline: 2px solid #ffd60a;
}

.hl-chk-glow {
  background-image: radial-gradient(40% 40% at 64% 30%, #ff4a004d 0%, #ff73001c 45%, #ff730000 72%);
  width: 2000px;
  height: 1300px;
  margin-left: -1000px;
  position: absolute;
  top: 0;
  left: 50%;
}

.hl-chk-glow-wrap {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hl-chk-head {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  column-gap: 48px;
  margin-bottom: 44px;
  display: grid;
  position: relative;
}

.hl-chk-head-copy {
  min-width: 0;
}

.hl-chk-head-obj {
  justify-content: center;
  align-items: center;
  min-height: 300px;
  display: flex;
  position: relative;
}

.hl-chk-hi {
  background-color: #ffd60a;
  border-radius: 3px;
  padding: 1px 3px;
}

.hl-chk-how {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  align-items: center;
  display: grid;
}

.hl-chk-how-copy {
  min-width: 0;
}

.hl-chk-in {
  border-bottom: 1px solid #2e2824;
  padding-bottom: 36px;
}

.hl-chk-in-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: start;
  display: grid;
}

.hl-chk-in-opts {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-chk-in-text {
  min-width: 0;
}

.hl-chk-lead {
  color: #bcb2a6;
  max-width: 620px;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-chk-legend {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  display: flex;
}

.hl-chk-legend-label {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-right: 4px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
}

.hl-chk-list, .hl-chk-list-wait {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-chk-mark-review {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #ffa800;
  background-color: #0a0807;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  margin: -2px 0 2px 12px;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-chk-meter {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  height: 44px;
  display: flex;
  position: relative;
}

.hl-chk-mini {
  color: #fff8f0;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .15s, background-color .15s;
  display: inline-flex;
}

.hl-chk-mini:hover {
  background-color: #26211e;
  border-color: #fff8f0;
}

.hl-chk-mini:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-chk-mlabel {
  color: #ffd60a;
  font-weight: 700;
  display: none;
}

.hl-chk-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-chk-next {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  margin: 8px 0 0;
  display: flex;
}

.hl-chk-next-text {
  color: #fff8f0;
  max-width: 66ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-chk-notices {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 16px;
  display: grid;
}

.hl-chk-num {
  color: #958b80;
  font-variation-settings: "wdth" 75;
  letter-spacing: .06em;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-chk-obj {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  background-color: #1c1917;
  background-image: linear-gradient(160deg, #2c2622 0%, #1c1917 58%);
  border: 1px solid #3a322c;
  border-bottom: 2px solid #ffa800;
  border-radius: 28px;
  flex-direction: column;
  width: 390px;
  padding: 22px 22px 20px;
  display: flex;
  position: relative;
  transform: rotate(-3deg);
  box-shadow: inset 0 1px #fff8f014, 0 48px 96px -32px #000000e6;
}

.hl-chk-obj-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  padding-bottom: 14px;
  display: flex;
}

.hl-chk-obj-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ffa8006b 0%, #ff73001f 55%, #ff730000 100%);
  width: 600px;
  height: 320px;
  margin-left: -300px;
  position: absolute;
  bottom: -24px;
  left: 50%;
}

.hl-chk-obj-meter {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  height: 26px;
  margin-top: 8px;
  display: flex;
}

.hl-chk-obj-name {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-chk-obj-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #131110;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 14px;
  display: flex;
}

.hl-chk-obj-tag {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 4px 9px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
}

.hl-chk-obj-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-chk-out {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: stretch;
  padding-top: 36px;
  display: grid;
}

.hl-chk-out-main {
  min-width: 0;
}

.hl-chk-out-note {
  color: #958b80;
  margin: 16px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-chk-out-side {
  min-width: 0;
}

.hl-chk-palt {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-chk-paper {
  background-color: #fff8f0;
  border-bottom: 2px solid #ffd60a;
  border-radius: 20px;
  width: 100%;
  max-width: 500px;
  padding: 26px 28px 30px;
  position: relative;
  transform: rotate(1.5deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-chk-paper-body {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.hl-chk-paper-hint {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-chk-paper-li {
  color: #0a0807;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-chk-paper-line {
  color: #0a0807;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-chk-paper-sub {
  color: #0a0807;
  margin: 6px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
}

.hl-chk-paper-tag {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #0a0807;
  border-radius: 999px;
  padding: 4px 9px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-chk-paper-title {
  color: #0a0807;
  letter-spacing: -.015em;
  margin: 0 0 4px;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-chk-paper-top {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  border-bottom: 1px solid #e5dacb;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  padding-bottom: 14px;
  display: flex;
}

.hl-chk-pcat {
  color: #fff8f0;
  font-weight: 600;
}

.hl-chk-pcell {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-chk-phone {
  background-color: #26211e;
  background-image: linear-gradient(155deg, #3a322c 0%, #26211e 28%, #1c1917 100%);
  border: 1px solid #3a322c;
  border-radius: 50px;
  width: 290px;
  height: 592px;
  padding: 10px;
  position: relative;
  box-shadow: 0 40px 64px -36px #0a080799;
}

.hl-chk-pill-info {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0000;
  border: 1px dashed #6e655b;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-chk-pill-met {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #ffd60a;
  white-space: nowrap;
  background-color: #ffd60a1f;
  border: 1px solid #ffd60a80;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-chk-pill-missing {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #ff7300;
  white-space: nowrap;
  background-color: #ff4a0029;
  border: 1px solid #ff4a00;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-chk-pill-review {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #ffa800;
  white-space: nowrap;
  background-color: #ffa8001f;
  border: 1px solid #ffa8008c;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-chk-pill-wait {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #958b80;
  white-space: nowrap;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-chk-pphrase {
  color: #fff8f0;
  border-left: 3px solid #ffa800;
  padding-left: 14px;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-chk-privacy {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-chk-prow {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 4fr);
  align-items: start;
  padding: 22px 0;
  display: grid;
}

.hl-chk-prow-head {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 4fr);
  padding: 14px 0;
  display: grid;
}

.hl-chk-prow-last {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 4fr);
  align-items: start;
  padding: 22px 0 0;
  display: grid;
}

.hl-chk-ptable {
  border-top: 1px solid #6e655b;
}

.hl-chk-pth {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-chk-related {
  margin-bottom: 80px;
}

.hl-chk-rule {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  min-width: 0;
  padding: 24px 24px 22px;
  display: flex;
}

.hl-chk-rule-cta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 20px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  padding: 32px 32px 34px;
  text-decoration: none;
  transition: border-color .2s, transform .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-chk-rule-cta:hover {
  border-color: #ff4a00;
  transform: translateY(-4px);
}

.hl-chk-rule-cta:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-chk-rule-key {
  color: #ffd60a;
  font-weight: 600;
}

.hl-chk-rule-num {
  color: #ff7300;
  font-variation-settings: "wdth" 75;
  letter-spacing: .06em;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  font-stretch: 75%;
}

.hl-chk-rule-src {
  color: #958b80;
  border-top: 1px solid #2e2824;
  margin: auto 0 0;
  padding-top: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-chk-rule-text {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-chk-rule-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  align-items: baseline;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.hl-chk-rule-why {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-chk-rules {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.hl-chk-run {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 6px;
  display: flex;
}

.hl-chk-run-note {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-chk-sec {
  background-color: #0a0807;
  padding-top: 112px;
  padding-bottom: 112px;
  position: relative;
}

.hl-chk-sec-alt {
  background-color: #131110;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.hl-chk-seg-info {
  background-color: #1c1917;
  border: 2px dashed #6e655b;
  border-radius: 6px;
  flex: 1 1 0;
  height: 100%;
  display: block;
}

.hl-chk-seg-met {
  background-color: #ffd60a;
  background-image: linear-gradient(0deg, #ff7300 0%, #ffa800 45%, #ffd60a 100%);
  border-radius: 6px;
  flex: 1 1 0;
  height: 100%;
  display: block;
}

.hl-chk-seg-missing {
  background-color: #ff4a0029;
  border: 2px solid #ff4a00;
  border-radius: 6px;
  flex: 1 1 0;
  height: 100%;
  display: block;
}

.hl-chk-seg-review {
  background-color: #ffa80029;
  border: 2px solid #ffa800;
  border-radius: 6px;
  flex: 1 1 0;
  height: 100%;
  display: block;
}

.hl-chk-seg-wait {
  background-color: #2e2824;
  border-radius: 6px;
  flex: 1 1 0;
  height: 100%;
  transition: background-color .3s;
  display: block;
}

.hl-chk-sources {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  padding-top: 40px;
  display: grid;
}

.hl-chk-sources-body {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-chk-sources-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-chk-spec {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  margin: 0;
  padding: 6px 14px 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-chk-spec-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-chk-specs {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-chk-src {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  grid-template-rows: auto;
  grid-template-columns: 28px minmax(0, 1fr);
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
  display: grid;
}

.hl-chk-src-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-chk-src-num {
  color: #ffa800;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.55;
}

.hl-chk-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-chk-stage {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding: 24px 0 8px;
  display: flex;
  position: relative;
}

.hl-chk-stage-cap {
  color: #bcb2a6;
  text-align: center;
  max-width: 440px;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.hl-chk-stage-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ffa8005c 0%, #ff73001a 55%, #ff730000 100%);
  width: 720px;
  height: 380px;
  margin-left: -360px;
  position: absolute;
  bottom: 40px;
  left: 50%;
}

.hl-chk-status {
  color: #ffd60a;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-chk-stick {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 96px;
}

.hl-chk-sum-chip {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffd60a;
  white-space: nowrap;
  background-color: #ffd60a1a;
  border-radius: 999px;
  align-items: center;
  padding: 5px 12px 5px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-chk-sum-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-chk-sum-eyebrow {
  color: #ff7300;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-chk-sum-figure {
  color: #fff8f0;
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-chk-sum-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730042 0%, #ff4a0014 55%, #ff4a0000 100%);
  width: 560px;
  height: 320px;
  margin-left: -280px;
  position: absolute;
  bottom: -190px;
  left: 50%;
}

.hl-chk-sum-live {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.hl-chk-sum-meta {
  color: #bcb2a6;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-chk-sum-top {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.hl-chk-summary {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #1c1917;
  background-image: linear-gradient(165deg, #2a2420 0%, #1c1917 60%);
  border: 1px solid #3a322c;
  border-radius: 24px;
  flex-direction: column;
  padding: 24px 24px 26px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #fff8f012, 0 24px 48px -24px #000c;
}

.hl-chk-summary:focus {
  border-color: #6e655b;
  outline-width: 0;
  outline-style: none;
}

.hl-chk-sup {
  vertical-align: super;
  margin-left: 2px;
  font-size: 11px;
  line-height: 0;
}

.hl-chk-textarea {
  width: 100%;
  min-height: 340px;
  box-shadow: none;
  color: #fff8f0;
  resize: vertical;
  background-color: #0a0807;
  border: 1.5px solid #6e655b;
  border-radius: 16px;
  margin: 0;
  padding: 16px 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.55;
  transition: border-color .15s;
  display: block;
}

.hl-chk-textarea:hover {
  border-color: #bcb2a6;
}

.hl-chk-textarea:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.hl-chk-textarea-error {
  width: 100%;
  min-height: 340px;
  box-shadow: none;
  color: #fff8f0;
  resize: vertical;
  background-color: #0a0807;
  border: 2px solid #ff4a00;
  border-radius: 16px;
  margin: 0;
  padding: 16px 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.55;
  display: block;
}

.hl-chk-textarea-error:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-chk-tool {
  z-index: 2;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  padding: 36px 36px 40px;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-chk-tool-head {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 26px;
  display: flex;
}

.hl-chk-tool-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-chk-tool-titles {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-chk-top {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 72px;
  position: relative;
}

.hl-ct-aside {
  z-index: 1;
  grid-area: 2 / 1 / 3 / 2;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 56px;
  display: flex;
  position: relative;
}

.hl-ct-cal {
  background-color: #0a0807;
  background-image: linear-gradient(#171412 0%, #0a0807 100%);
  border: 1px solid #3a322c;
  border-radius: 28px;
  width: 100%;
  height: 316px;
  position: relative;
  overflow: hidden;
  transform: rotate(2deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ct-cal-wrap {
  z-index: 1;
  width: 100%;
  max-width: 520px;
  position: relative;
}

.hl-ct-copy {
  z-index: 2;
  grid-area: 1 / 1 / 2 / 2;
  padding-top: 12px;
  position: relative;
}

.hl-ct-doc {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 12px;
  flex-direction: column;
  width: 196px;
  height: 236px;
  padding: 20px 20px 18px;
  display: flex;
  position: relative;
  transform: rotate(4deg);
  box-shadow: 0 40px 80px -28px #000000f2;
}

.hl-ct-doc-big {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 6px;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 64px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  display: block;
}

.hl-ct-done {
  text-align: left;
  background-color: #0000;
  outline-style: none;
  padding: 8px 0;
}

.hl-ct-done-check {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  margin-bottom: 20px;
  padding: 10px;
  display: block;
}

.hl-ct-done-text {
  color: #bcb2a6;
  margin: 12px 0 24px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ct-done-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-ct-dot {
  background-color: #3a322c;
  border-radius: 50%;
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  display: block;
}

.hl-ct-fail {
  color: #fff8f0;
  text-align: left;
  background-color: #1c1917;
  border: 1.5px solid #ff4a00;
  border-radius: 16px;
  margin-top: 16px;
  padding: 14px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ct-fast {
  grid-column-gap: 14px;
  vertical-align: top;
  grid-row-gap: 0;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 999px;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin-top: 32px;
  padding: 6px 8px 6px 22px;
  display: inline-flex;
}

.hl-ct-fast-q {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-ct-form-light {
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730033 0%, #ff4a000f 55%, #ff4a0000 100%);
  width: 760px;
  height: 520px;
  margin-left: -380px;
  position: absolute;
  top: -140px;
  left: 50%;
}

.hl-ct-formcol {
  z-index: 2;
  grid-area: 1 / 2 / 3 / 3;
  position: relative;
}

.hl-ct-grid {
  z-index: 2;
  grid-template-rows: auto 1fr;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 48px 72px;
  display: grid;
  position: relative;
}

.hl-ct-ink {
  background-color: #0a08071f;
  border-radius: 3px;
  flex-shrink: 0;
  height: 6px;
  margin-top: 9px;
  display: block;
}

.hl-ct-ink-short {
  background-color: #0a08071f;
  border-radius: 3px;
  flex-shrink: 0;
  width: 62%;
  height: 6px;
  margin-top: 9px;
  display: block;
}

.hl-ct-mini-a {
  color: #0a0807;
  background-color: #f2e8db;
  background-image: linear-gradient(#fbf3e9 0%, #eadccb 100%);
  border-radius: 12px;
  flex-direction: column;
  width: 152px;
  height: 200px;
  padding: 16px 16px 14px;
  display: flex;
  position: absolute;
  top: 26px;
  left: 0;
  transform: rotate(-9deg);
  box-shadow: 0 30px 60px -24px #000000d9;
}

.hl-ct-mini-b {
  z-index: 2;
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 12px;
  flex-direction: column;
  width: 152px;
  height: 200px;
  padding: 16px 16px 14px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(6deg);
  box-shadow: 0 40px 80px -28px #000000f2;
}

.hl-ct-mini-name {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  text-transform: uppercase;
  margin-top: 4px;
  margin-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  display: block;
}

.hl-ct-mini-sub {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-ct-more {
  justify-content: center;
  margin-top: 36px;
  display: flex;
}

.hl-ct-now {
  background-color: #131110;
  padding-top: 40px;
  padding-bottom: 136px;
  position: relative;
  overflow: hidden;
}

.hl-ct-now-copy {
  z-index: 2;
  position: relative;
}

.hl-ct-now-grid {
  z-index: 2;
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: center;
  margin-top: 56px;
  display: grid;
  position: relative;
}

.hl-ct-now-pass {
  z-index: 2;
  filter: drop-shadow(0 34px 34px #0009);
  width: 420px;
  position: absolute;
  bottom: 0;
  left: -8px;
  transform: rotate(-6deg);
}

.hl-ct-now-stage {
  justify-content: flex-end;
  align-items: flex-start;
  height: 500px;
  padding-top: 16px;
  display: flex;
  position: relative;
}

.hl-ct-pair {
  width: 264px;
  height: 240px;
  display: block;
  position: relative;
}

.hl-ct-paper {
  background-color: #0a0807;
  padding-top: 24px;
  padding-bottom: 104px;
  position: relative;
}

.hl-ct-pill {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 10px 16px 10px 12px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.1;
  display: flex;
  position: absolute;
  bottom: 30px;
  left: -34px;
  transform: rotate(-8deg);
  box-shadow: 0 18px 36px -12px #000000d9;
}

.hl-ct-pill-dot {
  background-color: #0a0807;
  border-radius: 50%;
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  display: block;
}

.hl-ct-plan-tip {
  margin: 10px 0 0;
  display: none;
}

.hl-ct-portal {
  background-color: #0a0807;
  border: 1px solid #3a322c;
  border-radius: 18px;
  flex-direction: column;
  width: 100%;
  max-width: 470px;
  display: flex;
  overflow: hidden;
  transform: rotate(-1.5deg);
  box-shadow: 0 40px 80px -28px #000000f2;
}

.hl-ct-portal-bar {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: #131110;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.hl-ct-portal-mark {
  border-radius: 5px;
  width: 20px;
  height: 20px;
  display: block;
}

.hl-ct-portal-title {
  color: #bcb2a6;
  white-space: nowrap;
  margin-left: 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-ct-portal-who {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  white-space: nowrap;
  align-items: center;
  margin-left: auto;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  display: flex;
}

.hl-ct-prow {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #221e1b;
  justify-content: space-between;
  align-items: center;
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.hl-ct-prow-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-ct-prow-last {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 12px;
  padding-bottom: 14px;
  display: flex;
}

.hl-ct-prow-name {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ct-prow-ok {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 5px 11px 5px 9px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-ct-ready {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  margin-top: auto;
  padding: 5px 10px 5px 7px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-ct-ready-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-ct-replied {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #1c1917;
  border-radius: 999px;
  align-items: center;
  margin-left: auto;
  padding: 5px 11px 5px 9px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-ct-replied-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-ct-reply {
  z-index: 2;
  background-color: #0a0807;
  background-image: linear-gradient(#171412 0%, #0a0807 100%);
  border: 1px solid #3a322c;
  border-radius: 28px;
  width: 100%;
  max-width: 440px;
  position: relative;
  transform: rotate(-2deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ct-rim {
  pointer-events: none;
  background-image: linear-gradient(90deg, #ffd60a00 0%, #ffd60a 50%, #ffd60a00 100%);
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 40px;
  right: 40px;
}

.hl-ct-sheet {
  z-index: 2;
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 12px;
  flex-direction: column;
  width: 220px;
  height: 252px;
  padding: 20px 20px 18px;
  display: flex;
  position: absolute;
  top: 0;
  left: 20px;
  transform: rotate(-4deg);
  box-shadow: 0 40px 80px -28px #000000f2;
}

.hl-ct-sheet-back {
  background-color: #e9ddcd;
  background-image: linear-gradient(#f2e8db 0%, #dfd1bf 100%);
  border-radius: 12px;
  flex-direction: column;
  width: 216px;
  height: 240px;
  padding: 64px 20px 20px;
  display: flex;
  position: absolute;
  top: 10px;
  left: 84px;
  transform: rotate(8deg);
  box-shadow: 0 30px 60px -24px #000000d9;
}

.hl-ct-sheet-kicker {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-ct-sheet-title {
  color: #0a0807;
  letter-spacing: -.01em;
  margin-top: 4px;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.08;
  display: block;
}

.hl-ct-sign {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin-top: auto;
  display: grid;
}

.hl-ct-sign-cell {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-ct-sign-label {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-ct-sign-line {
  border-bottom: 1.5px solid #0a0807;
  height: 24px;
  display: block;
  position: relative;
}

.hl-ct-stack {
  width: 320px;
  height: 262px;
  display: block;
  position: relative;
}

.hl-ct-stamp {
  z-index: 3;
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #fff8f0;
  border: 3px solid #ff4a00;
  border-radius: 10px;
  padding: 8px 14px 7px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: 1;
  display: block;
  position: absolute;
  top: 104px;
  left: 168px;
  transform: rotate(-12deg);
  box-shadow: 0 18px 36px -14px #000000b3;
}

.hl-ct-stroke {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 4px;
  width: 74%;
  height: 4px;
  display: block;
  position: absolute;
  bottom: 7px;
  left: 4px;
  transform: rotate(-9deg);
}

.hl-dja-ad {
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 24px;
  flex-direction: column;
  padding: 16px 16px 14px;
  display: flex;
  transform: rotate(-3deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-dja-ad-apply {
  color: #fff8f0;
  background-color: #0a0807;
  border-radius: 999px;
  padding: 8px 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-dja-ad-avatar {
  background-image: linear-gradient(135deg, #ffd60a 0%, #ff7300 60%, #ff4a00 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: block;
}

.hl-dja-ad-bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.hl-dja-ad-bar-text {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-dja-ad-brand {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-dja-ad-id {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  display: flex;
}

.hl-dja-ad-meta {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-dja-ad-role {
  color: #0a0807;
  letter-spacing: -.02em;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: .95;
}

.hl-dja-ad-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.hl-dja-ad-wrap {
  z-index: 2;
  width: 288px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hl-dja-answer {
  z-index: 3;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #131110;
  background-image: linear-gradient(90deg, #ffa80014 0%, #ffa80000 32%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: 220px minmax(0, 1fr);
  margin-top: -48px;
  padding: 32px 40px;
  display: grid;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-dja-answer-label {
  color: #ffa800;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-dja-answer-note {
  color: #958b80;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-dja-answer-rows {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-dja-answer-side {
  padding-top: 14px;
}

.hl-dja-arow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 104px minmax(0, 1fr);
  align-items: baseline;
  margin: 0;
  padding: 14px 0;
  display: grid;
}

.hl-dja-arow-k {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-dja-arow-k-volt {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-dja-arow-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 104px minmax(0, 1fr);
  align-items: baseline;
  margin: 0;
  padding: 14px 0 6px;
  display: grid;
}

.hl-dja-arow-t {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-dja-ba {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin: 8px 0 0;
  padding: 36px 32px 28px;
  position: relative;
  overflow: hidden;
}

.hl-dja-ba-after {
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 22px;
  padding: 16px 18px 18px;
  transform: rotate(-1.5deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-dja-ba-arrow {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 50%;
  justify-content: center;
  justify-self: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-dja-ba-before {
  background-color: #1c1917;
  border: 1px dashed #6e655b;
  border-radius: 20px;
  padding: 22px 22px 20px;
}

.hl-dja-ba-cap {
  z-index: 2;
  color: #fff8f0;
  text-align: center;
  margin: 28px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
}

.hl-dja-ba-grid {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 60px minmax(0, 1.1fr);
  align-items: center;
  display: grid;
  position: relative;
}

.hl-dja-ba-label {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-dja-ba-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73005c 0%, #ff4a001a 55%, #ff4a0000 100%);
  width: 820px;
  height: 420px;
  margin-left: -410px;
  position: absolute;
  bottom: -220px;
  left: 50%;
}

.hl-dja-ba-meta {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ff7300;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  margin: 16px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: flex;
}

.hl-dja-ba-meta-after {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 12px;
  align-items: center;
  margin: 14px 0 0;
  padding: 8px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
}

.hl-dja-ba-role {
  color: #0a0807;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 900;
  line-height: .95;
}

.hl-dja-ba-text {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.65;
}

.hl-dja-ba-text-after {
  color: #0a0807;
  margin: 10px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-dja-ba-tick {
  color: #ffd60a;
  background-color: #0a0807;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-dja-ba-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin: 0 0 12px;
  display: flex;
}

.hl-dja-body {
  background-color: #0a0807;
  padding-top: 0;
  padding-bottom: 72px;
  position: relative;
}

.hl-dja-box {
  background-color: #131110;
  border: 2px solid #ffa800;
  border-radius: 5px;
  width: 18px;
  height: 18px;
  margin-top: 4px;
  display: block;
}

.hl-dja-cap {
  color: #958b80;
  margin: 14px 0 32px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-dja-cat {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #ff7300;
  border-radius: 999px;
  align-items: center;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-dja-cat-link {
  color: #fff8f0;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .15s, color .15s;
  display: inline-flex;
}

.hl-dja-cat-link:hover {
  color: #ffd60a;
  border-color: #ffd60a;
}

.hl-dja-cat-link:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-dja-cats {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 4px 0 20px;
  display: flex;
}

.hl-dja-check {
  border-top: 1px solid #2e2824;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

.hl-dja-check-item {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 6px;
  padding: 14px 0 15px;
  display: grid;
}

.hl-dja-check-key {
  color: #fff8f0;
  font-weight: 700;
}

.hl-dja-check-text {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
  display: block;
}

.hl-dja-chk {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  padding: 18px 22px 16px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-dja-chk-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.hl-dja-chk-q {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-dja-chk-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  padding: 13px 0;
  display: grid;
}

.hl-dja-chk-row-last {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  padding: 13px 0 4px;
  display: grid;
}

.hl-dja-chk-tag {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px dashed #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-dja-chk-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-dja-chk-why {
  color: #ff7300;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ff4a0029;
  border-radius: 999px;
  align-items: center;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-dja-chk-why-ok {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 3px 9px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-dja-chk-wrap {
  z-index: 1;
  width: 380px;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(2deg);
}

.hl-dja-close {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  max-width: 66ch;
  margin: 72px 0 0;
  padding-top: 32px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-dja-copy-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  margin: 20px 0 0;
  display: flex;
}

.hl-dja-cov {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  padding: 22px 22px 24px;
  display: flex;
}

.hl-dja-cov-big {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 72px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-dja-cov-big-hot {
  color: #ffa800;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 72px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-dja-cov-hot {
  background-color: #1c1917;
  background-image: linear-gradient(160deg, #ff730029 0%, #ff730000 65%);
  border: 1px solid #ff7300;
  border-radius: 20px;
  flex-direction: column;
  padding: 22px 22px 24px;
  display: flex;
}

.hl-dja-cov-text {
  color: #bcb2a6;
  margin: 14px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-dja-cov-unit {
  color: #bcb2a6;
  text-transform: none;
  letter-spacing: 0;
  margin: 6px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-dja-cover {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 4px 0 32px;
  display: grid;
}

.hl-dja-display {
  color: #fff8f0;
  letter-spacing: -.025em;
  margin: 18px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 84px;
  font-weight: 800;
  line-height: .98;
}

.hl-dja-doc {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 248px minmax(0, 1fr);
  align-items: start;
  margin-top: 88px;
  display: grid;
}

.hl-dja-dot {
  box-sizing: border-box;
  border: 2px solid #6e655b;
  border-radius: 50%;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: block;
}

.hl-dja-flag {
  text-underline-offset: 5px;
  background-color: #ff4a0024;
  border-radius: 4px;
  padding: 0 2px;
  -webkit-text-decoration: underline wavy #ff4a00;
  text-decoration: underline wavy #ff4a00;
  text-decoration-thickness: 1.5px;
}

.hl-dja-fn {
  color: #ffa800;
  text-align: center;
  background-color: #ffa8001f;
  border-radius: 999px;
  min-width: 1.7em;
  padding: 2px 5px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-dja-fn:hover {
  color: #0a0807;
  background-color: #ffd60a;
}

.hl-dja-fn:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-dja-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 12px 0 24px;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-dja-law {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  padding: 22px 24px 24px;
  display: flex;
}

.hl-dja-law-head {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-dja-law-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-dja-law-note {
  color: #958b80;
  border-top: 1px dashed #6e655b;
  margin: 0;
  padding-top: 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-dja-law-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-dja-laws {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 4px 0 8px;
  display: grid;
}

.hl-dja-line {
  display: block;
}

.hl-dja-main {
  min-width: 0;
  max-width: 820px;
}

.hl-dja-mark {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 5px;
  padding: 0 5px;
  font-weight: 700;
}

.hl-dja-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #958b80;
  align-items: flex-start;
  max-width: 560px;
  margin: 28px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.hl-dja-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 6px;
}

.hl-dja-mlabel, .hl-dja-mlabel-volt {
  display: none;
}

.hl-dja-offer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 250px;
  align-items: center;
  margin-top: 56px;
  padding: 40px 40px 44px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-dja-offer-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 20px;
  flex-direction: column;
  width: 244px;
  padding: 16px 18px 18px;
  display: flex;
  transform: rotate(3deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-dja-offer-card-role {
  color: #0a0807;
  letter-spacing: -.02em;
  margin: 2px 0 4px;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 900;
  line-height: .95;
}

.hl-dja-offer-card-row {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #0a0807;
  border-top: 1px solid #0a08071f;
  align-items: center;
  padding-top: 9px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
}

.hl-dja-offer-card-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.hl-dja-offer-copy {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.hl-dja-offer-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73006b 0%, #ff4a0024 55%, #ff4a0000 100%);
  width: 560px;
  height: 420px;
  position: absolute;
  bottom: -160px;
  right: -120px;
}

.hl-dja-offer-obj {
  z-index: 2;
  justify-content: center;
  display: flex;
  position: relative;
}

.hl-dja-offer-text {
  color: #bcb2a6;
  max-width: 52ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-dja-offer-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 10px 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-dja-old {
  color: #fff8f0;
  text-underline-offset: 5px;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.45;
  -webkit-text-decoration: underline wavy #ff4a00;
  text-decoration: underline wavy #ff4a00;
  text-decoration-thickness: 1.5px;
}

.hl-dja-ours {
  background-color: #1c1917;
  background-image: linear-gradient(90deg, #ffd60a12 0%, #ffd60a00 45%);
  border: 1px solid #2e2824;
  border-left: 4px solid #ffd60a;
  border-radius: 24px;
  margin: 32px 0 0;
  padding: 28px 32px 30px;
  position: relative;
}

.hl-dja-ours-big {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 10px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-dja-ours-text {
  color: #bcb2a6;
  max-width: 62ch;
  margin: 12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-dja-plat {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-dja-plat-head {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #1c1917;
  border-bottom: 1px solid #6e655b;
  flex-direction: column;
  padding: 18px 22px;
  display: flex;
}

.hl-dja-plat-li {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  align-items: flex-start;
  padding: 12px 0;
  display: flex;
}

.hl-dja-plat-li-last {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: flex-start;
  padding: 12px 0 8px;
  display: flex;
}

.hl-dja-plat-list {
  margin: 0;
  padding: 6px 22px 10px;
  list-style: none;
}

.hl-dja-plat-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-dja-plat-sub {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-dja-plat-t {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-dja-plats {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 8px 0 28px;
  display: grid;
}

.hl-dja-pt {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  overflow: hidden;
}

.hl-dja-pt-head {
  background-color: #1c1917;
  border-bottom: 1px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1.12fr);
  column-gap: 24px;
  padding: 16px 24px;
  display: grid;
}

.hl-dja-pt-new {
  color: #fff8f0;
  background-color: #ffd60a0f;
  border-left: 3px solid #ffd60a;
  border-radius: 0 14px 14px 0;
  min-width: 0;
  padding: 12px 14px 14px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-dja-pt-rh {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.hl-dja-pt-row {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1.12fr);
  align-items: start;
  column-gap: 24px;
  padding: 22px 24px;
  scroll-margin-top: 96px;
  transition: background-color .15s;
  display: grid;
}

.hl-dja-pt-row:hover {
  background-color: #1a1715;
}

.hl-dja-pt-row-last {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1.12fr);
  align-items: start;
  column-gap: 24px;
  padding: 22px 24px 24px;
  scroll-margin-top: 96px;
  transition: background-color .15s;
  display: grid;
}

.hl-dja-pt-row-last:hover {
  background-color: #1a1715;
}

.hl-dja-pt-th {
  color: #bcb2a6;
  text-transform: none;
  letter-spacing: 0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-dja-pt-th-volt {
  color: #ffd60a;
  text-transform: none;
  letter-spacing: 0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-dja-pt-why {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-dja-quote {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin: 8px 0 32px;
  padding: 40px 40px 30px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-dja-quote-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73004d 0%, #ff4a0014 55%, #ff4a0000 100%);
  width: 600px;
  height: 440px;
  display: block;
  position: absolute;
  top: -220px;
  right: -180px;
}

.hl-dja-quote-mark {
  color: #ff4a00;
  font-family: Archivo, sans-serif;
  font-size: 120px;
  font-weight: 900;
  line-height: 1;
  display: block;
  position: absolute;
  top: 8px;
  left: 30px;
}

.hl-dja-quote-src {
  z-index: 2;
  color: #958b80;
  border-top: 1px solid #2e2824;
  margin: 20px 0 0;
  padding-top: 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.hl-dja-quote-text {
  z-index: 2;
  color: #fff8f0;
  margin: 0;
  padding-top: 40px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.55;
  position: relative;
}

.hl-dja-red {
  border-top: 1px solid #0a08071f;
  flex-direction: column;
  margin-top: 12px;
  display: flex;
}

.hl-dja-red-new {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 6px;
  padding: 2px 7px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
}

.hl-dja-red-old {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  -webkit-text-decoration: line-through #ff4a00;
  text-decoration: line-through #ff4a00;
  text-decoration-thickness: 2px;
}

.hl-dja-red-row {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-bottom: 1px solid #0a08071f;
  flex-direction: column;
  align-items: flex-start;
  padding: 9px 0;
  display: flex;
}

.hl-dja-red-row-last {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  padding: 9px 0 10px;
  display: flex;
}

.hl-dja-related {
  margin-top: 72px;
}

.hl-dja-sec {
  padding-top: 96px;
  scroll-margin-top: 0;
}

.hl-dja-sec-first {
  scroll-margin-top: 96px;
}

.hl-dja-sheet {
  z-index: 2;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e8db 100%);
  border-radius: 20px;
  max-width: 680px;
  padding: 24px 32px 18px;
  position: relative;
  transform: rotate(-1deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-dja-sheet-a {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-dja-sheet-b {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-dja-sheet-head {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  border-bottom: 2px solid #0a0807;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  margin: 0;
  padding-bottom: 14px;
  display: flex;
}

.hl-dja-sheet-item {
  border-bottom: 1px solid #0a080724;
  padding: 16px 0;
}

.hl-dja-sheet-item-last {
  padding: 16px 0 6px;
}

.hl-dja-sheet-label {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 999px;
  margin: 0 0 8px;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-block;
}

.hl-dja-sheet-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ffa80057 0%, #ff73001a 55%, #ff730000 100%);
  width: 720px;
  height: 320px;
  margin-left: -360px;
  position: absolute;
  bottom: -40px;
  left: 50%;
}

.hl-dja-sheet-text {
  color: #0a0807;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-dja-sheet-wrap {
  margin: 8px 0 32px;
  padding: 12px 0 28px;
  position: relative;
}

.hl-dja-side {
  position: sticky;
  top: 104px;
}

.hl-dja-side-note {
  color: #958b80;
  border-top: 1px solid #2e2824;
  margin: 16px 0 0;
  padding-top: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-dja-sources {
  background-color: #0a0807;
  border-top: 1px solid #2e2824;
  padding-top: 72px;
  padding-bottom: 72px;
  position: relative;
}

.hl-dja-sources-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  align-items: start;
  display: grid;
}

.hl-dja-sources-note {
  color: #958b80;
  max-width: 40ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-dja-sources-side {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.hl-dja-sources-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-dja-src {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #bcb2a6;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  margin: 0 -10px;
  padding: 10px;
  scroll-margin-top: 96px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  transition: background-color .3s;
  display: grid;
}

.hl-dja-src-bar {
  border-top: 1px solid #2e2824;
  border-bottom: 1px solid #2e2824;
}

.hl-dja-src-chip {
  color: #958b80;
  white-space: nowrap;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-items: center;
  padding: 3px 5px 3px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  display: inline-flex;
}

.hl-dja-src-col {
  min-width: 0;
}

.hl-dja-src-from {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 18px 0 0;
  display: flex;
}

.hl-dja-src-host {
  color: #958b80;
  margin-top: 2px;
  font-size: 13px;
  display: block;
}

.hl-dja-src-list {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.hl-dja-src-num {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
}

.hl-dja-src-on {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  margin: 0 -10px;
  padding: 10px;
  scroll-margin-top: 96px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  transition: background-color .3s;
  display: grid;
}

.hl-dja-src-pill {
  color: #bcb2a6;
  white-space: nowrap;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-items: center;
  padding: 5px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-dja-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-dja-srcs {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  margin-top: 12px;
  display: flex;
}

.hl-dja-stage {
  z-index: 2;
  width: 100%;
  max-width: 520px;
  height: 596px;
  position: relative;
}

.hl-dja-statement {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 64px 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.06;
}

.hl-dja-step, .hl-dja-step-last {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: start;
  padding: 16px 0;
  display: grid;
}

.hl-dja-step-n {
  box-sizing: border-box;
  color: #ffa800;
  background-color: #26211e;
  border: 1.5px solid #ff7300;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-dja-step-t {
  color: #fff8f0;
  padding-top: 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-dja-steps {
  border-top: 1px solid #2e2824;
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
}

.hl-dja-sup {
  vertical-align: baseline;
  margin-left: 3px;
  font-size: .62em;
  line-height: 0;
  position: relative;
  top: -.45em;
}

.hl-dja-swap {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  padding: 20px 20px 22px;
  display: flex;
}

.hl-dja-swap-k {
  color: #958b80;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-dja-swap-k-volt {
  color: #ffd60a;
  text-transform: none;
  letter-spacing: 0;
  border-top: 1px dashed #6e655b;
  margin: 18px 0 0;
  padding-top: 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-dja-swap-new {
  color: #fff8f0;
  margin: 8px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-dja-swap-old {
  color: #958b80;
  min-height: 46px;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  -webkit-text-decoration: line-through #ff4a00;
  text-decoration: line-through #ff4a00;
  text-decoration-thickness: 2px;
}

.hl-dja-swaps {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 8px 0 0;
  display: grid;
}

.hl-dja-tag-in {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0a0807;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 5px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-dja-toc-li {
  margin: 0;
}

.hl-dja-toc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-dja-tool {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  color: #fff8f0;
  background-color: #1c1917;
  background-image: radial-gradient(50% 90% at 100% 100%, #ff730038 0%, #ff730000 70%);
  border: 1px solid #2e2824;
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 240px;
  align-items: center;
  margin: 28px 0 0;
  padding: 30px 32px;
  text-decoration: none;
  transition: border-color .2s, transform .2s;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-dja-tool:hover {
  border-color: #ff7300;
  transform: translateY(-4px);
}

.hl-dja-tool:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-dja-tool-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.hl-dja-tool-go {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffd60a;
  align-items: center;
  margin-top: 6px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-dja-tool-k {
  color: #ff4a00;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-dja-tool-obj {
  justify-content: center;
  display: flex;
  transform: rotate(3deg);
}

.hl-dja-tool-text {
  color: #bcb2a6;
  max-width: 52ch;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-dja-tool-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-fb-dim {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  opacity: .42;
  flex-direction: column;
  display: flex;
}

.hl-fb-dim-avatar {
  background-color: #3a322c;
  border-radius: 50%;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: block;
}

.hl-fb-dim-cap {
  background-color: #3a322c;
  border-radius: 0 0 14px 14px;
  height: 52px;
  display: block;
}

.hl-fb-dim-media {
  background-color: #3a322c;
  border-radius: 14px;
  height: 200px;
  display: block;
}

.hl-fb-dim-name {
  background-color: #3a322c;
  border-radius: 5px;
  width: 96px;
  height: 9px;
  display: block;
}

.hl-fb-dim-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  padding: 0 4px;
  display: flex;
}

.hl-fb-feed {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  padding: 46px 10px 0;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hl-fb-flood {
  background-color: #0a0807;
  background-image: linear-gradient(#ff4a0000 0%, #ff4a001f 35%, #ff4a003d 100%);
  flex-direction: column;
  justify-content: center;
  padding-top: 136px;
  padding-bottom: 128px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-fb-flood-foot {
  z-index: 2;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 48px;
  display: flex;
  position: relative;
}

.hl-fb-fmt-feed {
  z-index: 2;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 16px;
  flex-direction: column;
  width: 55%;
  padding: 10px;
  display: flex;
  position: absolute;
  top: 22px;
  right: 0;
  transform: rotate(4deg);
  box-shadow: 0 30px 60px -24px #000000e6;
}

.hl-fb-fmt-hook {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  display: block;
}

.hl-fb-fmt-square {
  background-color: #ffe9cc;
  background-image: radial-gradient(120% 95% at 25% 15%, #fff 0%, #fff1de 42%, #ffc97a 100%);
  border-radius: 10px;
  align-items: flex-end;
  height: 118px;
  margin-top: 8px;
  padding: 10px;
  display: flex;
}

.hl-fb-fmt-square-hook {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-fb-fmt-story {
  z-index: 1;
  color: #0a0807;
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 16px;
  flex-direction: column;
  width: 42%;
  height: 222px;
  padding: 10px 10px 14px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 0;
  transform: rotate(-6deg);
  box-shadow: 0 30px 60px -24px #000000e6;
}

.hl-fb-fmt-tag {
  opacity: .8;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: -4px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
  display: block;
}

.hl-fb-formats {
  width: 296px;
  height: 236px;
  display: block;
  position: relative;
}

.hl-fb-hero-ticket {
  z-index: 3;
  filter: drop-shadow(0 30px 30px #0009);
  width: 300px;
  position: absolute;
  bottom: -36px;
  left: -100px;
  transform: rotate(-7deg);
}

.hl-fb-inc {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  border: 2px solid #0a0807;
  border-radius: 999px;
  align-items: center;
  margin: 0;
  padding: 10px 20px 10px 10px;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-fb-inc-icon {
  background-color: #fff8f0;
  border-radius: 50%;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 6px;
  display: block;
}

.hl-fb-incs {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 980px;
  margin: 48px auto 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
}

.hl-fb-job {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  row-gap: 8px;
  padding: 13px 0;
  display: flex;
}

.hl-fb-job-id {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
}

.hl-fb-job-role {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
}

.hl-fb-job-site {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
}

.hl-fb-jobs {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  width: 100%;
  max-width: 310px;
  padding: 16px 16px 4px;
  display: flex;
  transform: rotate(-2deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-fb-jobs-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  display: flex;
}

.hl-fb-jobs-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-fb-knob-off {
  background-color: #6e655b;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: block;
}

.hl-fb-knob-on {
  background-color: #0a0807;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: block;
}

.hl-fb-map {
  z-index: 2;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  width: 100%;
  max-width: 580px;
  padding: 24px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-fb-map-field {
  background-color: #0a0807;
  background-image: radial-gradient(circle, #3a322c 0 1.4px, #3a322c00 1.9px);
  background-size: 22px 22px;
  border-radius: 18px;
  height: 360px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.hl-fb-map-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  display: flex;
}

.hl-fb-map-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-fb-more {
  margin-top: 56px;
  display: block;
}

.hl-fb-more-link {
  margin: 20px 0 0;
}

.hl-fb-near {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: center;
  display: grid;
}

.hl-fb-near-copy {
  z-index: 2;
  position: relative;
}

.hl-fb-near-list {
  margin-top: 32px;
  display: block;
}

.hl-fb-near-sec {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 88px;
  position: relative;
}

.hl-fb-near-stage {
  justify-content: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: relative;
}

.hl-fb-note-void {
  color: #0a0807;
  text-align: center;
  max-width: 640px;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-fb-path {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-fb-pin {
  background-color: #ffd60a;
  border: 4px solid #0a0807;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: block;
}

.hl-fb-post {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  border: 2px solid #ffd60a;
  border-radius: 22px;
  flex-direction: column;
  padding: 10px;
  display: flex;
  position: relative;
}

.hl-fb-post-hook {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  display: block;
}

.hl-fb-post-media {
  color: #0a0807;
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 14px;
  flex-direction: column;
  align-items: flex-start;
  height: 220px;
  padding: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-fb-post-role {
  color: #0a0807;
  margin-top: 10px;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.1;
  display: block;
}

.hl-fb-roles-bar {
  margin-bottom: 4px;
  display: block;
}

.hl-fb-rule {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 13px 0;
  display: flex;
}

.hl-fb-rule-line {
  color: #958b80;
  max-width: 500px;
  margin: 28px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-fb-rule-name {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-fb-rule-off {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  -webkit-text-decoration: line-through #6e655b;
  text-decoration: line-through #6e655b;
}

.hl-fb-rules {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  width: 100%;
  max-width: 290px;
  padding: 16px 18px 6px;
  display: flex;
  transform: rotate(2deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-fb-rules-head {
  color: #fff8f0;
  padding-bottom: 12px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  display: block;
}

.hl-fb-stage {
  z-index: 2;
  width: 290px;
  position: relative;
}

.hl-fb-statement {
  color: #fff8f0;
  letter-spacing: -.02em;
  margin: 20px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 60px;
  font-weight: 800;
  line-height: 1.04;
}

.hl-fb-step {
  text-align: center;
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  align-items: center;
  min-height: 380px;
  margin: 0;
  padding: 28px 24px 32px;
  display: flex;
  position: relative;
}

.hl-fb-step-arrow {
  z-index: 3;
  color: #ffd60a;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 50%;
  right: -34px;
}

.hl-fb-step-cap {
  z-index: 1;
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 20px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
  position: relative;
}

.hl-fb-step-light {
  pointer-events: none;
  background-image: radial-gradient(60% 75% at 50% 100%, #ff730047 0%, #ff4a0012 55%, #ff4a0000 100%);
  border-radius: 0 0 28px 28px;
  height: 80%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hl-fb-step-obj {
  z-index: 1;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 240px;
  display: flex;
  position: relative;
}

.hl-fb-step-scale {
  display: block;
}

.hl-fb-step-ticket {
  filter: drop-shadow(0 24px 24px #0000008c);
  width: 236px;
  display: block;
  transform: rotate(-5deg);
}

.hl-fb-tap {
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 180px;
  display: flex;
  position: relative;
}

.hl-fb-tap-dot {
  z-index: 3;
  background-color: #fff8f0;
  border: 4px solid #0a0807;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  bottom: 36px;
  right: 52px;
}

.hl-fb-tap-pill {
  z-index: 2;
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  padding: 22px 50px;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
  position: relative;
}

.hl-fb-tap-ring {
  border: 2px solid #ffd60a8c;
  border-radius: 999px;
  width: 212px;
  height: 108px;
  margin-top: -54px;
  margin-left: -106px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.hl-fb-tap-ring-2 {
  border: 1.5px solid #ffd60a33;
  border-radius: 999px;
  width: 248px;
  height: 148px;
  margin-top: -74px;
  margin-left: -124px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.hl-fb-tile-cta {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  background-color: #131110;
  background-image: radial-gradient(90% 70% at 50% 110%, #ff4a0061 0%, #ff4a0014 55%, #ff4a0000 80%);
  border: 1.5px solid #ff4a00;
  border-radius: 28px;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 340px;
  padding: 28px;
  text-decoration: none;
  transition: background-color .3s;
  display: none;
  position: relative;
  overflow: hidden;
}

.hl-fb-tile-cta:hover {
  background-color: #1c1917;
}

.hl-fb-tile-cta-btn {
  color: #0a0807;
  white-space: nowrap;
  background-color: #ff4a00;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  min-height: 48px;
  margin-top: 8px;
  padding: 0 22px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-fb-tile-cta-mark {
  border-radius: 14px;
  width: 56px;
  height: 56px;
  margin-bottom: auto;
  display: block;
}

.hl-fb-tile-cta-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-fb-tile-cta-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-fb-toggle-off {
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: flex-start;
  width: 44px;
  height: 26px;
  padding: 3px;
  display: flex;
}

.hl-fb-toggle-on {
  background-color: #ffd60a;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 44px;
  height: 26px;
  padding: 4px;
  display: flex;
}

.hl-fb-trust-item {
  white-space: nowrap;
}

.hl-fb-trust-sep {
  display: inline;
}

.hl-fb-trust-void {
  color: #0a0807;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-fb-why {
  z-index: 2;
  max-width: 1100px;
  margin-bottom: 64px;
  position: relative;
}

.hl-fb-zone-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: radial-gradient(closest-side, #ff73005c 0%, #ff4a001a 62%, #ff4a0000 100%);
  border: 1.5px solid #ffd60a80;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  display: flex;
  position: absolute;
  top: 6%;
  left: 4%;
}

.hl-fb-zone-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: radial-gradient(closest-side, #ff73005c 0%, #ff4a001a 62%, #ff4a0000 100%);
  border: 1.5px solid #ffd60a80;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 228px;
  height: 228px;
  display: flex;
  position: absolute;
  top: 14%;
  right: 3%;
}

.hl-fb-zone-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: radial-gradient(closest-side, #ff73005c 0%, #ff4a001a 62%, #ff4a0000 100%);
  border: 1.5px solid #ffd60a80;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 176px;
  height: 176px;
  display: flex;
  position: absolute;
  bottom: 4%;
  left: 30%;
}

.hl-fb-zone-label {
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-fbj-after {
  color: #fff8f0;
  max-width: 66ch;
  margin: 40px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-fbj-app {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  height: 100%;
  padding: 52px 14px 16px;
  display: flex;
}

.hl-fbj-app-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.hl-fbj-app-icon {
  width: 16px;
  height: 16px;
  display: block;
}

.hl-fbj-app-search {
  background-color: #26211e;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.hl-fbj-app-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-fbj-article {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 120px;
  position: relative;
}

.hl-fbj-article-end {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 104px;
  position: relative;
}

.hl-fbj-avatar {
  background-image: linear-gradient(135deg, #ffd60a 0%, #ff7300 55%, #ff4a00 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: block;
}

.hl-fbj-box {
  color: #ffd60a;
  width: 34px;
  margin-left: -34px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.4;
  display: inline-block;
}

.hl-fbj-c-k {
  color: #ffa800;
}

.hl-fbj-c-p {
  color: #958b80;
}

.hl-fbj-c-v {
  color: #ffd60a;
}

.hl-fbj-cap {
  color: #958b80;
  text-align: center;
  margin: 0 0 32px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-fbj-card {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.hl-fbj-card-body {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  padding: 12px 14px 14px;
  display: flex;
}

.hl-fbj-card-brand {
  color: #fff8f0;
  letter-spacing: .04em;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-fbj-card-chips {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  display: flex;
}

.hl-fbj-card-id {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.hl-fbj-card-media {
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 150px;
  padding: 12px 14px 14px;
  display: flex;
  position: relative;
}

.hl-fbj-card-msg {
  color: #0a0807;
  text-align: center;
  background-color: #ff4a00;
  border-radius: 999px;
  margin-top: 2px;
  padding: 9px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

.hl-fbj-card-role {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 58px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .84;
}

.hl-fbj-card-shift {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-fbj-card-tag {
  color: #958b80;
  white-space: nowrap;
  margin-left: auto;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.hl-fbj-card-title {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-fbj-chat {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 22px;
  flex-direction: column;
  padding: 16px 16px 18px;
  display: flex;
  transform: rotate(-3deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-fbj-chat-head {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-bottom: 1px solid #2e2824;
  padding-bottom: 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-fbj-chat-link {
  color: #0a0807;
  overflow-wrap: anywhere;
  margin-top: 2px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: underline;
  display: block;
}

.hl-fbj-chat-them {
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 18px 18px 18px 6px;
  align-self: flex-start;
  max-width: 86%;
  padding: 10px 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-fbj-chat-wrap {
  z-index: 2;
  width: 262px;
  position: absolute;
  bottom: 12px;
  left: 0;
}

.hl-fbj-chat-you {
  color: #0a0807;
  background-color: #ff7300;
  border-radius: 18px 18px 6px;
  align-self: flex-end;
  max-width: 94%;
  padding: 10px 14px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-fbj-chip {
  color: #fff8f0;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 4px 9px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-fbj-chip-volt {
  color: #ffd60a;
  border: 1px solid #ffd60a;
  border-radius: 999px;
  padding: 4px 9px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-fbj-code {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  max-width: 860px;
  margin: 24px auto 40px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-fbj-code-bar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 14px 24px;
  display: flex;
}

.hl-fbj-code-body {
  color: #fff8f0;
  flex-direction: column;
  min-width: 0;
  padding: 22px 28px 24px;
  font-family: Menlo;
  font-size: 15px;
  line-height: 1.75;
  display: flex;
  position: relative;
}

.hl-fbj-code-cap {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  margin: 0;
  padding: 14px 28px 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-fbj-code-l0 {
  color: #fff8f0;
  overflow-wrap: anywhere;
  display: block;
}

.hl-fbj-code-l1 {
  color: #fff8f0;
  overflow-wrap: anywhere;
  padding-left: 22px;
  display: block;
}

.hl-fbj-code-label {
  color: #bcb2a6;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-fbj-code-rim {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hl-fbj-col {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-fbj-end {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 112px;
  position: relative;
}

.hl-fbj-flow {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #131110;
  background-image: radial-gradient(70% 50% at 50% 118%, #ff73002e 0%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 32px 32px 28px;
  display: flex;
  position: relative;
}

.hl-fbj-flow-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 7px;
  display: block;
}

.hl-fbj-flow-foot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  border-top: 1px solid #2e2824;
  align-items: flex-start;
  margin: auto 0 0;
  padding-top: 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  display: flex;
}

.hl-fbj-flow-tag {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-fbj-flow-text {
  min-width: 0;
}

.hl-fbj-flow-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0 0 4px;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-fbj-flows {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1080px;
  margin: 44px auto 48px;
  display: grid;
}

.hl-fbj-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.1em;
  padding: 2px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-fbj-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-fbj-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-fbj-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 14px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-fbj-legal {
  color: #bcb2a6;
  border-left: 2px solid #6e655b;
  margin: -4px 0 20px;
  padding-left: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-fbj-match {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 900px;
  margin: 40px auto 14px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-fbj-match-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 22px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 22px 24px;
  display: flex;
}

.hl-fbj-match-ok {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffd60a;
  background-color: #26211e;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  padding: 5px 11px 5px 5px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-fbj-match-pay {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-fbj-match-src {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-fbj-match-tick {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  padding: 2px;
  display: block;
}

.hl-fbj-match-where {
  color: #ffa800;
  text-transform: none;
  letter-spacing: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-fbj-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  align-items: flex-start;
  max-width: 560px;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-fbj-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 7px;
  display: block;
}

.hl-fbj-no {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: start;
  margin: 0;
  padding: 20px 22px;
  display: grid;
}

.hl-fbj-no-body {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  min-width: 0;
  padding-top: 5px;
  display: flex;
}

.hl-fbj-no-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-fbj-no-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-fbj-no-x {
  color: #ff7300;
  border: 1.5px solid #ff4a00;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.hl-fbj-nos {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 28px auto 32px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-fbj-one {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  min-width: 0;
  margin: 0;
  padding: 26px 26px 28px;
  display: flex;
}

.hl-fbj-one-big {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-fbj-one-last {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 3 / span 3;
  min-width: 0;
  margin: 0;
  padding: 26px 26px 28px;
  display: flex;
}

.hl-fbj-one-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-fbj-one-wide {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 3 / span 3;
  min-width: 0;
  margin: 0;
  padding: 26px 26px 28px;
  display: flex;
}

.hl-fbj-ones {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  max-width: 1080px;
  margin: 40px auto 24px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-fbj-peek {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .7;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 16px;
  align-items: center;
  padding: 10px;
  display: flex;
}

.hl-fbj-peek-line {
  background-color: #2e2824;
  border-radius: 4px;
  width: 70%;
  height: 7px;
  display: block;
}

.hl-fbj-peek-lines {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: auto;
  min-width: 0;
  display: flex;
}

.hl-fbj-peek-thumb {
  background-image: linear-gradient(135deg, #ffd60a 0%, #ffa800 100%);
  border-radius: 10px;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: block;
}

.hl-fbj-peek-title {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-fbj-phone-wrap {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 20px;
}

.hl-fbj-pill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 10px 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-fbj-pill-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-fbj-pill-wrap {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 12px;
}

.hl-fbj-rail-1 {
  background-color: #ff4a00;
  border-radius: 2px;
  width: 56px;
  height: 4px;
  margin-bottom: 8px;
  display: block;
}

.hl-fbj-rail-2 {
  background-color: #ff7300;
  border-radius: 2px;
  width: 56px;
  height: 4px;
  margin-bottom: 8px;
  display: block;
}

.hl-fbj-rail-3 {
  background-color: #ffa800;
  border-radius: 2px;
  width: 56px;
  height: 4px;
  margin-bottom: 8px;
  display: block;
}

.hl-fbj-rail-4 {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 56px;
  height: 4px;
  margin-bottom: 8px;
  display: block;
}

.hl-fbj-rail-5 {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  border-radius: 2px;
  width: 100%;
  height: 4px;
  margin-bottom: 8px;
  display: block;
}

.hl-fbj-ready {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 40px auto 36px;
  padding: 12px 36px 26px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-fbj-ready-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #6e655b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0 20px;
  display: flex;
}

.hl-fbj-ready-item {
  color: #fff8f0;
  overflow-wrap: anywhere;
  border-bottom: 1px solid #2e2824;
  margin: 0;
  padding: 14px 0 15px 34px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.hl-fbj-ready-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-fbj-ready-note {
  color: #bcb2a6;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-fbj-ready-title {
  color: #ffa800;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-fbj-rule {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 28px 26px 26px;
  display: flex;
}

.hl-fbj-rule-big {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-fbj-rule-big-volt {
  color: #ffd60a;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-fbj-rule-small {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-fbj-rules {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #2e2824;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 1080px;
  margin: 36px auto 8px;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: hidden;
}

.hl-fbj-sec {
  padding-top: 120px;
  position: relative;
}

.hl-fbj-sheet {
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 28px;
  flex-direction: column;
  width: 100%;
  max-width: 420px;
  padding: 10px 24px 24px;
  display: flex;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-fbj-sheet-btn {
  color: #0a0807;
  text-align: center;
  background-color: #ff4a00;
  border-radius: 999px;
  padding: 13px 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

.hl-fbj-sheet-chip {
  color: #0a0807;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-fbj-sheet-chip-calm {
  color: #fff8f0;
  white-space: nowrap;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-fbj-sheet-grab {
  background-color: #3a322c;
  border-radius: 999px;
  align-self: center;
  width: 44px;
  height: 5px;
  margin: 0 0 14px;
  display: block;
}

.hl-fbj-sheet-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.hl-fbj-sheet-id {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-fbj-sheet-name {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-fbj-sheet-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  display: flex;
}

.hl-fbj-sheet-row-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 20px;
  display: flex;
}

.hl-fbj-sheet-tag {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-fbj-sheet-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-fbj-sheet-val {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-fbj-sheet-wrap {
  justify-content: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.hl-fbj-sources {
  background-color: #0a0807;
  padding-top: 72px;
  padding-bottom: 88px;
  position: relative;
}

.hl-fbj-spec {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 1080px;
  margin: 44px auto 8px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-fbj-spec-a {
  color: #bcb2a6;
  max-width: 56ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-fbj-spec-big {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-fbj-spec-big-volt {
  color: #ffd60a;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 72px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-fbj-spec-cell {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 28px 30px 30px;
  display: flex;
}

.hl-fbj-spec-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #2e2824;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-fbj-spec-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 18px 30px 16px;
  display: flex;
}

.hl-fbj-spec-q {
  color: #ffa800;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-fbj-spec-tag {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border-radius: 999px;
  margin: 0;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-fbj-spec-title {
  color: #bcb2a6;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-fbj-spec-wide {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  background-color: #131110;
  background-image: radial-gradient(60% 140% at 50% 130%, #ff730042 0%, #ff4a0014 50%, #ff4a0000 100%);
  flex-direction: column;
  grid-column: span 2 / span 2;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 36px 30px 38px;
  display: flex;
}

.hl-fbj-src {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  padding-top: 40px;
  display: grid;
}

.hl-fbj-src-item {
  color: #bcb2a6;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin: 0;
  padding: 12px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-fbj-src-link {
  color: #fff8f0;
  overflow-wrap: anywhere;
  font-weight: 500;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-fbj-src-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-fbj-src-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-fbj-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-fbj-src-note {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-fbj-src-num {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
}

.hl-fbj-src-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-self: start;
  display: flex;
  position: sticky;
  top: 112px;
}

.hl-fbj-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-fbj-src-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-fbj-stage {
  z-index: 2;
  width: 100%;
  max-width: 520px;
  height: 660px;
  margin-left: auto;
  position: relative;
}

.hl-fbj-sup {
  vertical-align: baseline;
  margin-left: 1px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-fbj-tab {
  color: #bcb2a6;
  white-space: nowrap;
  background-color: #1c1917;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-fbj-tab-on {
  color: #0a0807;
  white-space: nowrap;
  background-color: #fff8f0;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-fbj-tabs {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.hl-fbj-tie {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #131110;
  background-image: radial-gradient(60% 90% at 75% 115%, #ff730038 0%, #ff4a000f 50%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  max-width: 1080px;
  margin: 40px auto 0;
  padding: 44px;
  display: grid;
}

.hl-fbj-tie-copy {
  min-width: 0;
}

.hl-fbj-tie-text {
  color: #fff8f0;
  margin: 0 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-fbj-tie-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-fbj-tips {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: center;
  max-width: 1080px;
  margin: 72px auto 0;
  padding: 0 0 0 40px;
  display: grid;
}

.hl-fbj-tips-copy {
  min-width: 0;
}

.hl-fbj-tips-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730057 0%, #ff4a001a 50%, #ff4a0000 100%);
  width: 420px;
  height: 300px;
  margin-left: -210px;
  position: absolute;
  bottom: -40px;
  left: 50%;
}

.hl-fbj-tips-pay {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  background-color: #0a0807;
  border-radius: 14px;
  align-self: stretch;
  align-items: baseline;
  margin-top: 12px;
  padding: 12px 14px 11px;
  display: flex;
  position: relative;
}

.hl-fbj-tips-pay-big {
  color: #ffd60a;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .9;
}

.hl-fbj-tips-pay-unit {
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-fbj-tips-stage {
  justify-content: center;
  padding: 24px 0;
  display: flex;
  position: relative;
}

.hl-fbj-tips-title {
  color: #fff8f0;
  margin: 0 0 18px;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-fbj-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin-top: 24px;
  padding: 24px 26px 20px;
}

.hl-fbj-toc-li {
  border-top: 1px solid #2e2824;
  margin: 0;
}

.hl-fbj-toc-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-fbj-toggle {
  background-color: #ffd60a;
  border-radius: 999px;
  flex-shrink: 0;
  width: 52px;
  height: 30px;
  display: block;
  position: relative;
}

.hl-fbj-toggle-knob {
  background-color: #0a0807;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 3px;
  right: 3px;
}

.hl-fbj-utm {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  max-width: 1000px;
  margin: 40px auto 24px;
  overflow: hidden;
}

.hl-fbj-utm-cell {
  color: #fff8f0;
  overflow-wrap: anywhere;
  min-width: 0;
  font-family: Menlo;
  font-size: 14px;
  line-height: 1.4;
}

.hl-fbj-utm-cell-volt {
  color: #ffd60a;
  overflow-wrap: anywhere;
  min-width: 0;
  font-family: Menlo;
  font-size: 14px;
  line-height: 1.4;
}

.hl-fbj-utm-head {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #1c1917;
  border-bottom: 1px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  padding: 16px 28px 14px;
  display: grid;
}

.hl-fbj-utm-ml {
  display: none;
}

.hl-fbj-utm-rh {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #fff8f0;
  flex-direction: column;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
}

.hl-fbj-utm-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  padding: 18px 28px;
  display: grid;
}

.hl-fbj-utm-row-last {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  padding: 18px 28px 20px;
  display: grid;
}

.hl-fbj-utm-sub {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-fbj-utm-th {
  color: #bcb2a6;
  text-transform: none;
  letter-spacing: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-fbj-utm-th-code {
  color: #bcb2a6;
  letter-spacing: 0;
  font-family: Menlo;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-fbj-vs {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1080px;
  margin: 40px auto 0;
  display: grid;
}

.hl-fbj-vs-calm {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 32px 32px 30px;
  display: flex;
}

.hl-fbj-vs-dot {
  background-color: #6e655b;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 8px;
  display: block;
}

.hl-fbj-vs-dot-hot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 8px;
  display: block;
}

.hl-fbj-vs-hot {
  background-color: #1c1917;
  background-image: radial-gradient(80% 70% at 50% 120%, #ff73003d 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #ff7300;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 32px 32px 30px;
  display: flex;
}

.hl-fbj-vs-li {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  border-bottom: 1px solid #2e2824;
  align-items: flex-start;
  margin: 0;
  padding: 13px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.hl-fbj-vs-line {
  color: #bcb2a6;
  margin: 12px 0 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-fbj-vs-list {
  border-top: 1px solid #2e2824;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-fbj-vs-tag {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0 0 18px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-fbj-vs-tag-hot {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border: 1px solid #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0 0 18px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-fbj-vs-title {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 64px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .92;
}

.hl-fly-after {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: start;
  gap: 24px 40px;
  margin-top: 40px;
  display: grid;
}

.hl-fly-anat {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  gap: 48px 72px;
  display: grid;
}

.hl-fly-anat-copy {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.hl-fly-anat-sec {
  background-color: #131110;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}

.hl-fly-anat-stage {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 560px;
  display: flex;
  position: relative;
}

.hl-fly-bridge-kicker {
  color: #ff4a00;
  margin: 0 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-fly-bridge-lead {
  color: #bcb2a6;
  max-width: 640px;
  margin: 20px auto 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-fly-btn {
  color: #0a0807;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background-color: #ff4a00;
  border-style: none;
  border-width: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s, box-shadow .2s;
  display: flex;
}

.hl-fly-btn:hover {
  background-color: #ff7300;
  box-shadow: 0 0 0 6px #ff4a002e;
}

.hl-fly-btn:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-fly-btn-off {
  color: #958b80;
  text-align: center;
  white-space: nowrap;
  cursor: not-allowed;
  background-color: #1c1917;
  border: 1.5px solid #2e2824;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
}

.hl-fly-btn-off:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-fly-btn2 {
  color: #fff8f0;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .2s, color .2s;
  display: flex;
}

.hl-fly-btn2:hover {
  border-color: #fff8f0;
}

.hl-fly-btn2:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-fly-btn2-off {
  color: #958b80;
  text-align: center;
  white-space: nowrap;
  cursor: not-allowed;
  background-color: #0000;
  border: 1.5px dashed #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
}

.hl-fly-btn2-off:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-fly-btns {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-fly-canvas {
  width: 100%;
  height: auto;
  display: block;
}

.hl-fly-card {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  min-width: 0;
  padding: 28px;
  display: flex;
}

.hl-fly-card-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-fly-check {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #fff8f0;
  border-bottom: 1px solid #2e2824;
  align-items: flex-start;
  margin: 0;
  padding: 14px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-fly-checks {
  border-top: 1px solid #2e2824;
  flex-direction: column;
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-fly-color {
  cursor: pointer;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 16px;
  width: 60px;
  height: 54px;
  margin: 0;
  padding: 4px;
  display: block;
}

.hl-fly-color:hover {
  border-color: #fff8f0;
}

.hl-fly-color:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.hl-fly-color._w-input {
  cursor: pointer;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 16px;
  width: 60px;
  height: 54px;
  margin: 0;
  padding: 4px;
  display: block;
}

.hl-fly-color._w-input:hover {
  border-color: #fff8f0;
}

.hl-fly-color._w-input:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.hl-fly-controls {
  min-width: 0;
}

.hl-fly-count {
  color: #bcb2a6;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-fly-crumbs {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 28px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.hl-fly-demo-tag {
  z-index: 2;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #131110;
  border: 1px solid #6e655b;
  border-radius: 999px;
  margin: 0;
  padding: 5px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
}

.hl-fly-display {
  color: #fff8f0;
  font-variation-settings: "wdth" 106;
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 14px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 80px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .95;
}

.hl-fly-dl {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.hl-fly-doc {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  align-items: start;
  gap: 40px 72px;
  display: grid;
}

.hl-fly-doc-h2 {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.08;
}

.hl-fly-doc-main {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  min-width: 0;
  max-width: 760px;
  display: flex;
}

.hl-fly-doc-notice {
  margin: 0 0 24px;
}

.hl-fly-doc-sec {
  grid-row-gap: 0;
  grid-column-gap: 0;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  min-width: 0;
  padding-top: 36px;
  display: flex;
}

.hl-fly-doc-side {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: sticky;
  top: 104px;
}

.hl-fly-doc-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0 0 8px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-fly-dot-black {
  background-color: #171614;
  border: 2px solid #fff8f0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: inline-block;
  box-shadow: 0 0 0 1px #6e655b;
}

.hl-fly-dot-custom {
  background-image: linear-gradient(135deg, #ff4a00 0%, #ffd60a 50%, #1b365d 100%);
  border: 2px dashed #bcb2a6;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.hl-fly-dot-green {
  background-color: #0f5c46;
  border: 2px solid #fff8f0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: inline-block;
  box-shadow: 0 0 0 1px #6e655b;
}

.hl-fly-dot-navy {
  background-color: #1b365d;
  border: 2px solid #fff8f0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: inline-block;
  box-shadow: 0 0 0 1px #6e655b;
}

.hl-fly-dot-orange {
  background-color: #ff4a00;
  border: 2px solid #fff8f0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: inline-block;
  box-shadow: 0 0 0 1px #6e655b;
}

.hl-fly-dot-yellow {
  background-color: #ffd60a;
  border: 2px solid #fff8f0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: inline-block;
  box-shadow: 0 0 0 1px #6e655b;
}

.hl-fly-email {
  min-width: 0;
}

.hl-fly-err {
  color: #fff8f0;
  border-left: 3px solid #ff4a00;
  margin: 0;
  padding: 2px 0 2px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-fly-evsub {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-direction: column;
  display: flex;
}

.hl-fly-field {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.hl-fly-file {
  color: #fff8f0;
  cursor: pointer;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  background-color: #1c1917;
  border: 1.5px dashed #6e655b;
  border-radius: 16px;
  width: 100%;
  max-width: 380px;
  margin: 0;
  padding: 12px 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  display: block;
}

.hl-fly-file:hover {
  border-color: #fff8f0;
}

.hl-fly-file:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.hl-fly-final {
  color: #fff8f0;
  word-break: break-all;
  overflow-wrap: anywhere;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 14px;
  margin: 0;
  padding: 12px 14px;
  font-family: Menlo;
  font-size: 13px;
  line-height: 1.5;
}

.hl-fly-grid, .hl-fly-grid._w-form {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: start;
  gap: 32px 40px;
  margin: 0;
  display: grid;
}

.hl-fly-head {
  background-color: #0a0807;
  padding-top: 36px;
  padding-bottom: 44px;
  position: relative;
  overflow: hidden;
}

.hl-fly-head-copy {
  min-width: 0;
}

.hl-fly-head-grid {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: end;
  gap: 24px 48px;
  display: grid;
  position: relative;
}

.hl-fly-head-side {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding-bottom: 6px;
  display: flex;
}

.hl-fly-hexwrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  width: 170px;
  display: flex;
}

.hl-fly-jump {
  z-index: 5;
  color: #fff8f0;
  background-color: #26211e;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-self: center;
  align-items: center;
  min-height: 48px;
  padding: 0 22px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: none;
  position: sticky;
  bottom: 16px;
  box-shadow: 0 2px 4px #0009, 0 12px 32px #000c;
}

.hl-fly-jump:hover {
  border-color: #ffd60a;
}

.hl-fly-jump:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-fly-lead {
  color: #bcb2a6;
  max-width: 520px;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-fly-lead-head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.hl-fly-leaveoff {
  background-color: #1c1917;
  border-left: 4px solid #ff4a00;
  border-radius: 16px;
  margin-top: 28px;
  padding: 22px 26px;
}

.hl-fly-leaveoff-text {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-fly-leaveoff-title {
  color: #fff8f0;
  margin: 0 0 8px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-fly-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ffa8006b 0%, #ff73001f 55%, #ff730000 100%);
  width: 560px;
  height: 340px;
  margin-left: -280px;
  position: absolute;
  bottom: -150px;
  left: 50%;
}

.hl-fly-meta {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-fly-mini {
  color: #fff8f0;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 18px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .2s, color .2s;
  display: inline-flex;
}

.hl-fly-mini:hover {
  color: #ffd60a;
  border-color: #ffd60a;
}

.hl-fly-mini:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-fly-more {
  background-color: #0a0807;
  padding-top: 96px;
  padding-bottom: 8px;
  position: relative;
}

.hl-fly-nojs {
  color: #0a0807;
  margin: 0;
  padding: 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-fly-pair {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px 16px;
  display: grid;
}

.hl-fly-pedestal {
  background-color: #0a0807;
  border-radius: 20px;
  grid-row: 2 / span 4;
  justify-content: center;
  align-items: center;
  min-width: 0;
  min-height: 460px;
  padding: 22px 20px 54px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-fly-prev-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  align-items: center;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-fly-prevhead {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  grid-column: span 2 / span 2;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-fly-preview {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 232px;
  align-items: start;
  gap: 14px 24px;
  min-width: 0;
  padding: 24px;
  display: grid;
  position: sticky;
  top: 96px;
}

.hl-fly-reveal {
  min-width: 0;
}

.hl-fly-row {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: flex-end;
  display: flex;
}

.hl-fly-s-bar {
  background-color: #ff4a00;
  flex-shrink: 0;
  align-items: center;
  height: 86px;
  padding: 0 14px;
  display: flex;
  overflow: hidden;
}

.hl-fly-s-bar-volt {
  background-color: #ffd60a;
  flex-shrink: 0;
  align-items: center;
  height: 86px;
  padding: 0 14px;
  display: flex;
  overflow: hidden;
}

.hl-fly-s-body {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  display: flex;
}

.hl-fly-s-brand {
  color: #171614;
  margin-top: 14px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
  display: block;
}

.hl-fly-s-bullet {
  background-color: #171614;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-fly-s-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-fly-s-extra {
  color: #171614;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  display: block;
}

.hl-fly-s-head {
  color: #171614;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.005em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-fly-s-pay {
  color: #171614;
  margin-top: 10px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  display: block;
}

.hl-fly-s-qr {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  width: 104px;
  display: flex;
}

.hl-fly-s-qr-img {
  width: 104px;
  height: 104px;
  display: block;
}

.hl-fly-s-role {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #171614;
  align-items: center;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.15;
  display: flex;
}

.hl-fly-s-rule {
  background-color: #171614;
  height: 2px;
  margin-top: 10px;
  display: block;
}

.hl-fly-s-scan {
  color: #171614;
  text-align: center;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-fly-s-tag {
  z-index: 1;
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
}

.hl-fly-s-when {
  color: #171614;
  margin-top: 10px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

.hl-fly-sample {
  z-index: 1;
  color: #171614;
  background-color: #fff;
  flex-direction: column;
  width: 340px;
  height: 440px;
  padding: 20px;
  display: flex;
  position: relative;
  transform: rotate(-3deg);
  box-shadow: 0 2px 6px #0006, 0 48px 96px -32px #000000e6;
}

.hl-fly-says-card {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  min-width: 0;
  padding: 28px;
  display: flex;
}

.hl-fly-says-item {
  color: #fff8f0;
  overflow-wrap: anywhere;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 116px minmax(0, 1fr);
  column-gap: 14px;
  padding: 9px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: grid;
}

.hl-fly-says-key {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
}

.hl-fly-says-list {
  border-top: 1px solid #2e2824;
  min-width: 0;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

.hl-fly-spec {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-items: center;
  min-height: 36px;
  margin: 0;
  padding: 0 14px 0 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-fly-spec-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-fly-specs {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-fly-stage {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  max-width: 320px;
  position: relative;
  box-shadow: 0 2px 6px #0006, 0 40px 80px -24px #000000f2;
}

.hl-fly-status {
  color: #fff8f0;
  min-height: 22px;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-fly-steps {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-fly-sub {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.hl-fly-sub-title {
  color: #ff4a00;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-fly-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-fly-tool {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  accent-color: #ff4a00;
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 64px;
  position: relative;
}

.hl-fly-toolbar {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.hl-fly-toolnote {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-fly-warn {
  color: #fff8f0;
  border-left: 3px solid #ffd60a;
  margin: 0;
  padding: 2px 0 2px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-gads-ads-cta {
  justify-content: center;
  margin: 28px 0 0;
  display: flex;
}

.hl-gads-bar {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  height: 42px;
  padding: 0 14px;
  display: flex;
}

.hl-gads-bar-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: block;
}

.hl-gads-btn-wrap {
  display: block;
}

.hl-gads-cal {
  z-index: 2;
  width: 100%;
  max-width: 560px;
  margin: 32px auto 0;
  position: relative;
}

.hl-gads-cap {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #fff8f0;
  align-items: center;
  margin: 0;
  padding-left: 6px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.hl-gads-cap-dot {
  background-color: #ff7300;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-gads-chip-check {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 4px;
  display: block;
}

.hl-gads-chip-off {
  color: #958b80;
  border: 1px solid #3a322c;
  border-radius: 999px;
  margin: 0;
  padding: 8px 15px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  -webkit-text-decoration: line-through #ff4a00;
  text-decoration: line-through #ff4a00;
  text-decoration-thickness: 2px;
  display: block;
}

.hl-gads-chip-on {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 999px;
  align-items: center;
  margin: 0;
  padding: 6px 15px 6px 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-gads-chips {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
}

.hl-gads-code {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  width: 240px;
  padding: 16px 18px 18px;
  display: flex;
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-gads-code-key {
  color: #ffa800;
  font-family: Menlo;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.hl-gads-code-line {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-gads-code-type {
  color: #ff7300;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom: 1px solid #2e2824;
  padding-bottom: 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

.hl-gads-flood-foot {
  z-index: 2;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.hl-gads-found {
  z-index: 1;
  margin-top: -40px;
  padding-top: 0;
  padding-bottom: 88px;
  position: relative;
  overflow: hidden;
}

.hl-gads-frame {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  flex: 0 0 248px;
  display: flex;
}

.hl-gads-inc {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  padding: 44px 40px;
  position: relative;
  overflow: hidden;
}

.hl-gads-inc-chip {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  margin: 0;
  padding: 8px 18px 8px 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-gads-inc-copy {
  z-index: 2;
  position: relative;
}

.hl-gads-inc-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  display: grid;
}

.hl-gads-inc-list {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  position: relative;
}

.hl-gads-inc-text {
  min-width: 0;
}

.hl-gads-job {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-gads-job-title {
  color: #fff8f0;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  overflow: hidden;
}

.hl-gads-jobs {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 14px;
  flex-direction: column;
  flex-shrink: 0;
  padding: 11px 12px 12px;
  display: flex;
}

.hl-gads-line {
  background-color: #26211e;
  border-radius: 4px;
  width: 100%;
  height: 8px;
  display: block;
}

.hl-gads-line-short {
  background-color: #26211e;
  border-radius: 4px;
  width: 62%;
  height: 8px;
  display: block;
}

.hl-gads-mail-ad {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  background-color: #fff8f0;
  border-radius: 16px;
  flex-direction: column;
  margin-top: 14px;
  padding: 14px 14px 16px;
  display: flex;
}

.hl-gads-mail-dot {
  background-color: #26211e;
  border-radius: 50%;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: block;
}

.hl-gads-mail-from {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.hl-gads-mail-head {
  color: #fff8f0;
  margin-top: 18px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-gads-mail-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  padding: 10px 4px;
  display: flex;
}

.hl-gads-mail-subject {
  color: #0a0807;
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.04;
}

.hl-gads-mail-tag {
  color: #4a433d;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid #4a433d;
  border-radius: 6px;
  margin-left: auto;
  padding: 2px 7px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-gads-map {
  background-color: #1c1917;
  border-radius: 16px;
  height: 184px;
  margin-top: 16px;
  display: block;
  position: relative;
  overflow: hidden;
}

.hl-gads-map-card {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0a0807;
  background-color: #fff8f0;
  border-radius: 16px;
  flex-direction: column;
  margin-top: 14px;
  padding: 14px 16px;
  display: flex;
}

.hl-gads-map-site {
  color: #4a433d;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-gads-nowrap {
  white-space: nowrap;
}

.hl-gads-other {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #2e2824;
  border-radius: 14px;
  flex-direction: column;
  flex-shrink: 0;
  padding: 12px 12px 14px;
  display: flex;
}

.hl-gads-other-tag {
  color: #6e655b;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-gads-phone-wrap {
  z-index: 1;
  width: 290px;
  position: absolute;
  top: 0;
  right: 16px;
}

.hl-gads-pin {
  background-color: #ffd60a;
  border-radius: 50% 50% 50% 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: -34px;
  margin-left: -20px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(-45deg);
}

.hl-gads-pin-dot {
  background-color: #0a0807;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: block;
}

.hl-gads-pin-glow {
  background-image: radial-gradient(closest-side, #ffa80080 0%, #ff730024 55%, #ff730000 100%);
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.hl-gads-q {
  color: #fff8f0;
  white-space: nowrap;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  display: block;
  position: relative;
  overflow: hidden;
}

.hl-gads-related {
  margin-top: 72px;
}

.hl-gads-res-avatar {
  background-image: linear-gradient(135deg, #ffd60a 0%, #ff7300 55%, #ff4a00 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: block;
}

.hl-gads-res-brand {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-gads-res-id {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  display: flex;
}

.hl-gads-res-link {
  color: #fff8f0;
  border: 1px solid #6e655b;
  border-radius: 999px;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  display: block;
}

.hl-gads-res-links {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  display: flex;
}

.hl-gads-res-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-gads-res-title {
  color: #ffa800;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-gads-res-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.hl-gads-result {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: #1c1917;
  border: 1.5px solid #ff7300;
  border-radius: 16px;
  flex-direction: column;
  flex-shrink: 0;
  padding: 13px 14px 14px;
  display: flex;
}

.hl-gads-road-1 {
  background-color: #2e2824;
  height: 10px;
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
}

.hl-gads-road-2 {
  background-color: #2e2824;
  height: 6px;
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
}

.hl-gads-road-3 {
  background-color: #2e2824;
  width: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 48px;
}

.hl-gads-road-4 {
  transform-origin: 50%;
  background-color: #26211e;
  width: 340px;
  height: 6px;
  position: absolute;
  top: 96px;
  left: -40px;
  transform: rotate(-28deg);
}

.hl-gads-rules {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  padding: 40px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-gads-rules-foot {
  z-index: 2;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 12px;
  display: flex;
  position: relative;
}

.hl-gads-rules-label {
  z-index: 2;
  color: #958b80;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 28px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
}

.hl-gads-rules-text {
  z-index: 2;
  color: #bcb2a6;
  margin: 28px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.hl-gads-rules-title {
  z-index: 2;
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.05;
  position: relative;
}

.hl-gads-run-copy {
  z-index: 2;
  position: relative;
}

.hl-gads-run-grid {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
  display: grid;
}

.hl-gads-run-item {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-bottom: 1px solid #2e2824;
  border-left: 4px solid #ff7300;
  flex-direction: column;
  margin: 0;
  padding: 22px 0 22px 28px;
  display: flex;
}

.hl-gads-run-list {
  border-top: 1px solid #2e2824;
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
}

.hl-gads-run-text {
  color: #bcb2a6;
  max-width: 520px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-gads-run-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-gads-sad-bar {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #0a0807;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  height: 40px;
  margin-top: 18px;
  padding: 0 12px;
  display: flex;
}

.hl-gads-sad-lines {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin-top: 18px;
  padding: 0 4px;
  display: flex;
}

.hl-gads-sad-mail {
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 24px;
  flex-direction: column;
  height: 440px;
  padding: 22px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-gads-sad-map {
  color: #fff8f0;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 24px;
  flex-direction: column;
  height: 440px;
  padding: 22px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-gads-sad-q {
  color: #fff8f0;
  white-space: nowrap;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  overflow: hidden;
}

.hl-gads-sad-result {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #0a0807;
  border: 1.5px solid #ff7300;
  border-radius: 16px;
  flex-direction: column;
  margin-top: 14px;
  padding: 16px;
  display: flex;
}

.hl-gads-sad-search {
  color: #fff8f0;
  background-color: #131110;
  background-image: radial-gradient(120% 60% at 50% 115%, #ff4a0052 0%, #ff4a0014 45%, #ff4a0000 75%);
  border: 1px solid #3a322c;
  border-radius: 24px;
  flex-direction: column;
  height: 440px;
  padding: 22px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-gads-sad-title {
  color: #ffa800;
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-gads-screen {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 24px;
  height: 336px;
  margin-top: 28px;
  position: relative;
  overflow: hidden;
}

.hl-gads-serp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  padding: 52px 12px 14px;
  display: flex;
  position: absolute;
  inset: 0;
}

.hl-gads-source {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-gads-stage {
  width: 100%;
  max-width: 500px;
  height: 640px;
  margin-left: auto;
  position: relative;
}

.hl-gads-tab {
  color: #958b80;
  border-bottom: 2px solid #0a0807;
  padding-bottom: 7px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  display: block;
}

.hl-gads-tab-on {
  color: #fff8f0;
  border-bottom: 2px solid #ffd60a;
  padding-bottom: 7px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  display: block;
}

.hl-gads-tabs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  flex-shrink: 0;
  padding: 0 6px;
  display: flex;
}

.hl-gads-ticket-wrap {
  z-index: 2;
  transform-origin: 50%;
  width: 300px;
  position: absolute;
  bottom: 6px;
  left: -24px;
  transform: rotate(-6deg);
}

.hl-gh-cluster {
  background-color: #0a0807;
  padding-top: 112px;
  padding-bottom: 112px;
  position: relative;
}

.hl-gh-cluster-alt {
  background-color: #131110;
  padding-top: 112px;
  padding-bottom: 112px;
  position: relative;
}

.hl-gh-cover-chalk {
  z-index: 2;
  transform-origin: 50% 100%;
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 20px;
  flex-direction: column;
  width: 236px;
  height: 300px;
  padding: 22px 20px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(8deg);
  box-shadow: 0 40px 80px -28px #000000e6;
}

.hl-gh-cover-chalk:hover {
  transform: translateY(-8px)rotate(9deg);
}

.hl-gh-cover-chalk:focus {
  outline-offset: 4px;
  outline: 3px solid #ffd60a;
}

.hl-gh-cover-heat {
  z-index: 1;
  transform-origin: 50% 100%;
  color: #0a0807;
  background-color: #ff7300;
  background-image: linear-gradient(160deg, #ffa800 0%, #ff7300 45%, #ff4a00 100%);
  border-radius: 20px;
  flex-direction: column;
  width: 236px;
  height: 300px;
  padding: 22px 20px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: absolute;
  top: 22px;
  left: 0;
  transform: rotate(-9deg);
  box-shadow: 0 40px 80px -28px #000000e6;
}

.hl-gh-cover-heat:hover {
  transform: translateY(-8px)rotate(-10deg);
}

.hl-gh-cover-heat:focus {
  outline-offset: 4px;
  outline: 3px solid #ffd60a;
}

.hl-gh-cover-kicker {
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-gh-cover-title {
  font-variation-settings: "wdth" 70;
  letter-spacing: -.005em;
  text-transform: uppercase;
  margin-top: 12px;
  font-family: Archivo, sans-serif;
  font-size: 42px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  display: block;
}

.hl-gh-covers {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-gh-covers-li {
  min-width: 0;
  margin: 0;
  display: flex;
}

.hl-gh-deck {
  z-index: 2;
  width: 460px;
  height: 520px;
  position: relative;
}

.hl-gh-duo {
  z-index: 1;
  width: 440px;
  height: 236px;
  display: block;
  position: relative;
}

.hl-gh-duo-a {
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 6px;
}

.hl-gh-duo-b {
  z-index: 2;
  width: 260px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.hl-gh-flood-foot {
  z-index: 2;
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 64px;
  display: flex;
  position: relative;
}

.hl-gh-go {
  color: #ffa800;
  border: 1.5px solid #6e655b;
  border-radius: 50%;
  grid-area: 1 / 2 / 4 / 3;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.hl-gh-jump {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-gh-jump-arrow {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.hl-gh-jump-li {
  min-width: 0;
  margin: 0;
  display: flex;
}

.hl-gh-jump-link {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 22px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-width: 0;
  min-height: 128px;
  padding: 22px 22px 18px;
  text-decoration: none;
  transition: background-color .2s, border-color .2s, transform .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
}

.hl-gh-jump-link:hover {
  background-color: #26211e;
  border-color: #6e655b;
  transform: translateY(-3px);
}

.hl-gh-jump-link:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-gh-jump-meta {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #bcb2a6;
  justify-content: space-between;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-gh-jump-name {
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.12;
  display: block;
}

.hl-gh-lead {
  color: #bcb2a6;
  max-width: 460px;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-gh-legal {
  color: #958b80;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-gh-li {
  margin: 0;
  display: flex;
}

.hl-gh-link {
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 22px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 24px;
  min-width: 0;
  min-height: 124px;
  padding: 22px 24px 22px 28px;
  text-decoration: none;
  transition: background-color .2s, border-color .2s, transform .3s cubic-bezier(.16, 1, .3, 1);
  display: grid;
}

.hl-gh-link:hover {
  background-color: #26211e;
  border-color: #6e655b;
  transform: translateX(6px);
}

.hl-gh-link:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-gh-link-desc {
  color: #bcb2a6;
  grid-column: 1 / 2;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  display: block;
}

.hl-gh-link-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  grid-column: 1 / 2;
  margin-top: 4px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
  display: block;
}

.hl-gh-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-gh-listwrap {
  min-width: 0;
}

.hl-gh-new-chalk {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 28px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 480px;
  padding: 30px 28px 26px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  box-shadow: 0 48px 96px -40px #000000e6;
}

.hl-gh-new-chalk:hover {
  transform: translateY(-6px)rotate(1deg);
}

.hl-gh-new-chalk:focus {
  outline-offset: 4px;
  outline: 3px solid #ffd60a;
}

.hl-gh-new-dark {
  color: #fff8f0;
  background-color: #1c1917;
  background-image: radial-gradient(120% 70% at 50% 110%, #ff730052 0%, #ff4a0014 50%, #ff4a0000 100%);
  border: 1px solid #3a322c;
  border-radius: 28px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 480px;
  padding: 30px 28px 26px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  box-shadow: 0 48px 96px -40px #000000e6;
}

.hl-gh-new-dark:hover {
  transform: translateY(-6px);
}

.hl-gh-new-dark:focus {
  outline-offset: 4px;
  outline: 3px solid #ffd60a;
}

.hl-gh-new-foot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 16px;
  display: flex;
}

.hl-gh-new-go {
  white-space: nowrap;
  flex-shrink: 0;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  display: block;
}

.hl-gh-new-heat {
  color: #0a0807;
  background-color: #ff7300;
  background-image: linear-gradient(160deg, #ffa800 0%, #ff7300 45%, #ff4a00 100%);
  border-radius: 28px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 480px;
  padding: 30px 28px 26px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  box-shadow: 0 48px 96px -40px #000000e6;
}

.hl-gh-new-heat:hover {
  transform: translateY(-6px)rotate(-1deg);
}

.hl-gh-new-heat:focus {
  outline-offset: 4px;
  outline: 3px solid #ffd60a;
}

.hl-gh-new-kicker {
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-gh-new-name {
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  display: block;
}

.hl-gh-new-rule {
  background-color: #0a080738;
  height: 2px;
  margin-top: 26px;
  display: block;
}

.hl-gh-new-rule-light {
  background-color: #fff8f02e;
  height: 2px;
  margin-top: 26px;
  display: block;
}

.hl-gh-new-sec {
  background-color: #0a0807;
  padding-top: 128px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}

.hl-gh-new-title {
  font-variation-settings: "wdth" 62;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: auto;
  padding-top: 40px;
  font-family: Archivo, sans-serif;
  font-size: 64px;
  font-weight: 900;
  font-stretch: 62%;
  line-height: .86;
  display: block;
}

.hl-gh-new-title-volt {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: auto;
  padding-top: 40px;
  font-family: Archivo, sans-serif;
  font-size: 64px;
  font-weight: 900;
  font-stretch: 62%;
  line-height: .86;
  display: block;
}

.hl-gh-page {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  transform-origin: 50% 100%;
  color: #fff8f0;
  background-color: #1c1917;
  background-image: linear-gradient(90deg, #ffd60a00 0%, #ffd60a 50%, #ffd60a00 100%);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 70% 2px;
  border: 1px solid #3a322c;
  border-radius: 24px;
  flex-direction: column;
  width: 372px;
  margin-left: -186px;
  padding: 26px 26px 22px;
  text-decoration: none;
  transition: border-color .2s, transform .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: rotate(-2deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-gh-page:hover {
  border-color: #6e655b;
  transform: translateY(-4px)rotate(-2deg);
}

.hl-gh-page:focus {
  outline-offset: 4px;
  outline: 3px solid #ffd60a;
}

.hl-gh-page-chip {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #bcb2a6;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  padding: 5px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-gh-page-date {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  align-items: center;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-gh-page-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-gh-page-foot {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.hl-gh-page-go {
  color: #ffa800;
  white-space: nowrap;
  margin-left: auto;
  padding: 5px 0;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  display: block;
}

.hl-gh-page-tag {
  color: #fff8f0;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  padding: 5px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.hl-gh-page-tick {
  color: #ffd60a;
  font-weight: 800;
}

.hl-gh-page-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.05;
  display: block;
}

.hl-gh-page-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-gh-role {
  color: #fff8f0;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.005em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 46px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .92;
  display: block;
}

.hl-gh-role-dim {
  color: #4a433d;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.005em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 46px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .92;
  display: block;
}

.hl-gh-role-hot {
  color: #ffd60a;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.005em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 46px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .92;
  display: block;
}

.hl-gh-roles {
  z-index: 1;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.hl-gh-row {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: start;
  display: grid;
}

.hl-gh-row-flip {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: start;
  display: grid;
}

.hl-gh-sheet {
  z-index: 1;
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  width: 340px;
  padding: 18px 20px 16px;
  display: flex;
  position: relative;
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-gh-sheet-fill-a {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 6px;
  width: 47%;
  height: 100%;
  display: block;
}

.hl-gh-sheet-fill-b {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 6px;
  width: 50%;
  height: 100%;
  display: block;
}

.hl-gh-sheet-fill-c {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 6px;
  width: 45%;
  height: 100%;
  display: block;
}

.hl-gh-sheet-fill-d {
  background-color: #6e655b;
  border-radius: 6px;
  width: 14%;
  height: 100%;
  display: block;
}

.hl-gh-sheet-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  display: flex;
}

.hl-gh-sheet-key {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #958b80;
  justify-content: flex-end;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-gh-sheet-key-mark {
  background-color: #ffd60a;
  border-radius: 1px;
  width: 2px;
  height: 14px;
  display: block;
}

.hl-gh-sheet-mark {
  background-color: #ffd60a;
  border-radius: 1px;
  width: 2px;
  display: block;
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 48%;
}

.hl-gh-sheet-name {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-gh-sheet-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: center;
  display: grid;
}

.hl-gh-sheet-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
  display: block;
}

.hl-gh-sheet-track {
  background-color: #26211e;
  border-radius: 6px;
  height: 12px;
  display: block;
  position: relative;
}

.hl-gh-short {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #26211e;
  border-left: 4px solid #ffa800;
  border-radius: 12px;
  flex-direction: column;
  padding: 14px 16px;
  display: flex;
}

.hl-gh-short-label {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-gh-short-text {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: block;
}

.hl-gh-side {
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  display: flex;
  position: sticky;
  top: 104px;
}

.hl-gh-side-flip {
  flex-direction: column;
  order: 2;
  align-items: flex-start;
  min-width: 0;
  display: flex;
  position: sticky;
  top: 104px;
}

.hl-gh-stage {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 28px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
  margin-top: 32px;
  margin-bottom: 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-gh-stage-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73005c 0%, #ff4a001a 50%, #ff4a0000 100%);
  width: 560px;
  height: 360px;
  margin-left: -280px;
  position: absolute;
  bottom: -180px;
  left: 50%;
}

.hl-gh-tag {
  color: #ffa800;
  font-variation-settings: "wdth" 100;
  text-transform: none;
  letter-spacing: 0;
  background-color: #ff730024;
  border-radius: 999px;
  grid-column: 1 / 2;
  justify-self: start;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.3;
  display: block;
}

.hl-gh-title {
  color: #fff8f0;
  font-variation-settings: "wdth" 106;
  letter-spacing: -.02em;
  margin: 14px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .98;
}

.hl-gh-zoom {
  z-index: 1;
  display: block;
  position: relative;
  transform: scale(1.18);
}

.hl-gj-article {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 120px;
  position: relative;
}

.hl-gj-article-end {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 56px;
  position: relative;
}

.hl-gj-box {
  color: #ffd60a;
  width: 34px;
  margin-left: -34px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.4;
  display: inline-block;
}

.hl-gj-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  flex: 290px;
  min-width: 0;
  margin: 0;
  padding: 28px 28px 30px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-gj-card-code {
  color: #ffd60a;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Menlo;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-gj-card-tag {
  color: #ffa800;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-gj-card-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-gj-card-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-gj-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  max-width: 1080px;
  margin: 44px auto 48px;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-gj-check {
  color: #fff8f0;
  overflow-wrap: anywhere;
  border-bottom: 1px solid #2e2824;
  margin: 0;
  padding: 14px 0 15px 34px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.hl-gj-checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-gj-code {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  max-width: 800px;
  margin: 44px auto 16px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-gj-code-bar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px 14px;
  display: flex;
}

.hl-gj-code-body {
  color: #fff8f0;
  flex-direction: column;
  min-width: 0;
  padding: 22px 28px 24px;
  font-family: Menlo;
  font-size: 14px;
  line-height: 1.7;
  display: flex;
}

.hl-gj-code-cap {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  margin: 0;
  padding: 16px 28px 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-gj-code-label {
  color: #ffa800;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-gj-code-rim {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hl-gj-code-tag {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border-radius: 999px;
  flex-shrink: 0;
  margin: 0;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-gj-col {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-gj-end {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 112px;
  position: relative;
}

.hl-gj-fix {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #131110;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr);
  align-items: center;
  margin: 0;
  padding: 22px 32px;
  display: grid;
}

.hl-gj-fix-a {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-gj-fix-arrow {
  color: #ffa800;
  border: 1px solid #3a322c;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.hl-gj-fix-q {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}

.hl-gj-fixes {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #2e2824;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  max-width: 1080px;
  margin: 36px auto 48px;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: hidden;
}

.hl-gj-flood-foot {
  z-index: 2;
  grid-column-gap: 28px;
  grid-row-gap: 14px;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 760px;
  margin: 48px auto 0;
  display: flex;
  position: relative;
}

.hl-gj-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.1em;
  padding: 2px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-gj-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-gj-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-gj-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 14px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-gj-k {
  color: #ffa800;
}

.hl-gj-list-card {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 40px auto 0;
  padding: 12px 36px 28px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-gj-list-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #6e655b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0 20px;
  display: flex;
}

.hl-gj-list-title {
  color: #ffa800;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-gj-ln0 {
  overflow-wrap: anywhere;
  padding-left: 0;
  display: block;
}

.hl-gj-ln1 {
  overflow-wrap: anywhere;
  padding-left: 22px;
  display: block;
}

.hl-gj-ln2 {
  overflow-wrap: anywhere;
  padding-left: 44px;
  display: block;
}

.hl-gj-ln3 {
  overflow-wrap: anywhere;
  padding-left: 66px;
  display: block;
}

.hl-gj-lockups {
  z-index: 2;
  border-bottom: 2px solid #0a0807;
  max-width: 1040px;
  margin: 64px auto 0;
  position: relative;
}

.hl-gj-meta {
  color: #958b80;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-gj-n {
  color: #ffd60a;
}

.hl-gj-p {
  color: #958b80;
}

.hl-gj-pill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 10px 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-gj-pill-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-gj-pill-wrap {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 18px;
}

.hl-gj-prop {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  flex: 300px;
  min-width: 0;
  margin: 0;
  padding: 26px 26px 24px;
  display: flex;
}

.hl-gj-prop-holds {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-gj-prop-label {
  color: #ffa800;
  letter-spacing: 0;
  margin-bottom: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.hl-gj-prop-name {
  color: #ffd60a;
  overflow-wrap: anywhere;
  margin: 0 0 4px;
  font-family: Menlo;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-gj-prop-rule {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  margin: auto 0 0;
  padding-top: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-gj-props {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  max-width: 1080px;
  margin: 44px auto 48px;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-gj-pull {
  color: #fff8f0;
  letter-spacing: -.015em;
  border-top: 1px solid #2e2824;
  margin: 36px 0 0;
  padding-top: 28px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-gj-pull-sup {
  vertical-align: baseline;
  margin-left: 3px;
  font-size: .42em;
  line-height: 0;
  position: relative;
  top: -.95em;
}

.hl-gj-pull-volt {
  color: #ffd60a;
  display: block;
}

.hl-gj-rail-1 {
  background-color: #ff4a00;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-gj-rail-2 {
  background-color: #ff7300;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-gj-rail-3 {
  background-color: #ffa800;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-gj-rail-4 {
  background-color: #ffd60a;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-gj-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.hl-gj-row-id {
  grid-column-gap: 16px;
  grid-row-gap: 4px;
  flex-wrap: wrap;
  align-items: baseline;
  min-width: 0;
  display: flex;
}

.hl-gj-row-static {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
  display: grid;
}

.hl-gj-sec {
  padding-top: 120px;
  position: relative;
}

.hl-gj-sec-first {
  padding-top: 96px;
  position: relative;
}

.hl-gj-src {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  margin-top: 72px;
  padding-top: 40px;
  display: grid;
}

.hl-gj-src-item {
  color: #bcb2a6;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin: 0;
  padding: 12px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-gj-src-link {
  color: #fff8f0;
  overflow-wrap: anywhere;
  font-weight: 500;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-gj-src-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-gj-src-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-gj-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-gj-src-num {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
}

.hl-gj-src-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.hl-gj-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-gj-src-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-gj-stage {
  z-index: 2;
  width: 100%;
  max-width: 520px;
  height: 590px;
  margin-left: auto;
  position: relative;
}

.hl-gj-state {
  color: #ffd60a;
  overflow-wrap: anywhere;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 10px;
  align-self: flex-start;
  margin-bottom: 6px;
  padding: 8px 12px;
  font-family: Menlo;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-gj-step {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 0 0 4px;
  display: flex;
  position: relative;
}

.hl-gj-step-text {
  color: #bcb2a6;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-gj-step-time {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 60px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-gj-step-title {
  color: #fff8f0;
  margin: 4px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-gj-steps {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 1080px;
  margin: 44px auto 48px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-gj-sup {
  vertical-align: baseline;
  margin-left: 1px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-gj-tag {
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 18px;
  flex-direction: column;
  padding: 18px 20px 14px;
  display: flex;
  transform: rotate(-4deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-gj-tag-head {
  color: #ffa800;
  border-bottom: 1px solid #2e2824;
  margin-bottom: 4px;
  padding-bottom: 10px;
  font-family: Menlo;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.hl-gj-tag-prop {
  color: #fff8f0;
  min-width: 0;
  font-family: Menlo;
  font-size: 13px;
  line-height: 1.3;
}

.hl-gj-tag-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0;
  display: flex;
}

.hl-gj-tag-tick {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  padding: 3px;
  display: block;
}

.hl-gj-tag-wrap {
  z-index: 2;
  width: 290px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hl-gj-tie {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #131110;
  background-image: radial-gradient(60% 90% at 25% 110%, #ff730038 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  max-width: 1080px;
  margin: 48px auto 0;
  padding: 40px;
  display: grid;
}

.hl-gj-tie-copy {
  min-width: 0;
}

.hl-gj-tie-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.hl-gj-tie-head-title {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-gj-tie-live {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-gj-tie-live-dot {
  background-color: #0a0807;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: block;
}

.hl-gj-tie-obj {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 22px;
  padding: 22px 24px 8px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-gj-tie-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-gj-tie-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-gj-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin-top: 24px;
  padding: 24px 26px 20px;
}

.hl-gj-toc-li {
  border-top: 1px solid #2e2824;
  margin: 0;
}

.hl-gj-toc-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-gj-url {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 8px;
  padding: 7px 14px 7px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-gj-url-dot {
  background-color: #ffa800;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-gj-vs {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  max-width: 1080px;
  margin: 44px auto 24px;
  display: grid;
}

.hl-gj-vs-calm {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 32px 32px 30px;
  display: flex;
  position: relative;
}

.hl-gj-vs-hot {
  background-color: #1c1917;
  background-image: radial-gradient(80% 70% at 50% 120%, #ff73003d 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #ff7300;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 32px 32px 30px;
  display: flex;
  position: relative;
}

.hl-gj-vs-label {
  color: #ffa800;
  letter-spacing: 0;
  border-top: 1px solid #2e2824;
  margin: 0;
  padding-top: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-gj-vs-tag {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border: 1px solid #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0 0 18px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gj-vs-tag-calm {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0 0 18px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gj-vs-text {
  color: #fff8f0;
  margin: 6px 0 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-gj-vs-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
}

.hl-gj-win {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 22px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-gj-win-apply {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  align-self: flex-start;
  margin: 2px 0 6px;
  padding: 11px 26px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-gj-win-bar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #26211e;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.hl-gj-win-body {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  padding: 28px 28px 30px;
  display: flex;
}

.hl-gj-win-chip {
  color: #fff8f0;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-gj-win-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 4px;
  display: flex;
}

.hl-gj-win-dot {
  background-color: #3a322c;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: block;
}

.hl-gj-win-dots {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-shrink: 0;
  display: flex;
}

.hl-gj-win-kicker {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gj-win-line {
  background-color: #2e2824;
  border-radius: 4px;
  width: 100%;
  height: 8px;
  display: block;
}

.hl-gj-win-line-short {
  background-color: #2e2824;
  border-radius: 4px;
  width: 62%;
  height: 8px;
  display: block;
}

.hl-gj-win-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
}

.hl-gj-win-url {
  color: #bcb2a6;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #131110;
  border-radius: 999px;
  flex: auto;
  min-width: 0;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  display: block;
  overflow: hidden;
}

.hl-gj-win-wrap {
  z-index: 1;
  width: 420px;
  position: absolute;
  top: 40px;
  right: 0;
}

.hl-gjl-answer {
  z-index: 3;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #131110;
  background-image: linear-gradient(90deg, #ffa80014 0%, #ffa80000 32%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: 220px minmax(0, 1fr);
  margin-top: -48px;
  padding: 32px 40px;
  display: grid;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-gjl-answer-label {
  color: #ffa800;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-gjl-answer-note {
  color: #958b80;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-gjl-answer-rows {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-gjl-answer-side {
  padding-top: 14px;
}

.hl-gjl-arow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: baseline;
  margin: 0;
  padding: 14px 0;
  display: grid;
}

.hl-gjl-arow-k {
  color: #bcb2a6;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gjl-arow-k-volt {
  color: #ffd60a;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gjl-arow-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: baseline;
  margin: 0;
  padding: 14px 0 6px;
  display: grid;
}

.hl-gjl-arow-t {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-gjl-body {
  background-color: #0a0807;
  padding-top: 0;
  padding-bottom: 72px;
  position: relative;
}

.hl-gjl-box {
  background-color: #131110;
  border: 2px solid #ffa800;
  border-radius: 5px;
  width: 18px;
  height: 18px;
  margin-top: 4px;
  display: block;
}

.hl-gjl-cap {
  color: #958b80;
  margin: 16px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-gjl-check {
  border-top: 1px solid #2e2824;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

.hl-gjl-check-item {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 6px;
  padding: 14px 0 15px;
  display: grid;
}

.hl-gjl-check-key {
  color: #fff8f0;
  font-weight: 700;
}

.hl-gjl-check-text {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
  display: block;
}

.hl-gjl-chip {
  color: #bcb2a6;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px dashed #6e655b;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-gjl-chip-heat {
  color: #0a0807;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ff4a00;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-gjl-close {
  color: #fff8f0;
  border-left: 4px solid #ff7300;
  max-width: 62ch;
  margin: 72px 0 0;
  padding: 4px 0 6px 28px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-gjl-close-lead {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin-bottom: 10px;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.08;
  display: block;
}

.hl-gjl-code {
  color: #ffd60a;
  overflow-wrap: anywhere;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 10px;
  padding: 10px 12px;
  font-family: Menlo;
  font-size: 13px;
  line-height: 1.45;
  display: block;
}

.hl-gjl-code-strike {
  color: #958b80;
  overflow-wrap: anywhere;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 10px;
  padding: 10px 12px;
  font-family: Menlo;
  font-size: 13px;
  line-height: 1.45;
  -webkit-text-decoration: line-through #ff4a00;
  text-decoration: line-through #ff4a00;
  text-decoration-thickness: 2px;
  display: block;
}

.hl-gjl-copy-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  margin: 20px 0 28px;
  display: flex;
}

.hl-gjl-dash-wrap {
  z-index: 1;
  width: 440px;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(2deg);
}

.hl-gjl-display {
  color: #fff8f0;
  letter-spacing: -.025em;
  margin: 18px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 88px;
  font-weight: 800;
  line-height: .96;
}

.hl-gjl-doc {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 248px minmax(0, 1fr);
  align-items: start;
  margin-top: 88px;
  display: grid;
}

.hl-gjl-fine {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffa800;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1.5px solid #ff7300;
  border-radius: 999px;
  align-items: center;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-gjl-fine-dot {
  background-color: #ff4a00;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-gjl-fines {
  background-color: #1c1917;
  background-image: radial-gradient(60% 120% at 100% 100%, #ff4a002e 0%, #ff4a0000 70%);
  border: 1px solid #2e2824;
  border-radius: 24px;
  margin: 8px 0 32px;
  padding: 28px 32px 30px;
}

.hl-gjl-fines-big {
  color: #fff8f0;
  letter-spacing: -.015em;
  max-width: 22ch;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.04;
}

.hl-gjl-fines-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 20px 0 0;
  display: flex;
}

.hl-gjl-fines-text {
  color: #bcb2a6;
  max-width: 62ch;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-gjl-fn {
  color: #ffa800;
  text-align: center;
  background-color: #ffa8001f;
  border-radius: 999px;
  min-width: 1.7em;
  padding: 2px 5px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-gjl-fn:hover {
  color: #0a0807;
  background-color: #ffd60a;
}

.hl-gjl-fn:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-gjl-gap {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin: 8px 0 28px;
  padding: 36px 32px 28px;
  position: relative;
  overflow: hidden;
}

.hl-gjl-gap-ad {
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 22px;
  flex-direction: column;
  padding: 14px;
  display: flex;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-gjl-gap-ad-avatar {
  background-image: linear-gradient(135deg, #ffd60a 0%, #ff7300 60%, #ff4a00 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}

.hl-gjl-gap-ad-brand {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-gjl-gap-ad-id {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  display: flex;
}

.hl-gjl-gap-ad-kicker {
  color: #0a0807;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gjl-gap-ad-media {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #ff7300;
  background-image: radial-gradient(90% 70% at 80% 0, #ffd60a 0%, #ffd60a00 70%), linear-gradient(160deg, #ffa800 0%, #ff7300 45%, #ff4a00 100%);
  border-radius: 14px;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 112px;
  padding: 14px;
  display: flex;
}

.hl-gjl-gap-ad-meta {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-gjl-gap-ad-role {
  color: #0a0807;
  letter-spacing: -.02em;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 900;
  line-height: .95;
}

.hl-gjl-gap-ad-status {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffa800;
  background-color: #0a0807;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  margin-top: 12px;
  padding: 7px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-gjl-gap-ad-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.hl-gjl-gap-arrow {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 50%;
  justify-content: center;
  justify-self: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-gjl-gap-bar {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #26211e;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  padding: 11px 14px;
  display: flex;
}

.hl-gjl-gap-bar-dot {
  background-color: #6e655b;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-gjl-gap-cap {
  z-index: 2;
  color: #fff8f0;
  text-align: center;
  margin: 24px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
}

.hl-gjl-gap-dot {
  box-sizing: content-box;
  background-color: #ff4a00;
  border: 3px solid #4a1b06;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-gjl-gap-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73005c 0%, #ff4a001a 55%, #ff4a0000 100%);
  width: 760px;
  height: 400px;
  margin-left: -380px;
  position: absolute;
  bottom: -200px;
  left: 50%;
}

.hl-gjl-gap-ok {
  color: #ffd60a;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  margin: 4px 18px 0;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-gjl-gap-page {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  padding: 0 0 18px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-gjl-gap-page-k {
  color: #958b80;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 6px 18px 0;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gjl-gap-page-msg {
  color: #fff8f0;
  padding: 0 18px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.12;
}

.hl-gjl-gap-row {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1.15fr);
  align-items: center;
  display: grid;
  position: relative;
}

.hl-gjl-gap-url {
  color: #958b80;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0a0807;
  border-radius: 999px;
  min-width: 0;
  margin-left: 8px;
  padding: 4px 10px;
  font-family: Menlo;
  font-size: 12px;
  line-height: 1.3;
  overflow: hidden;
}

.hl-gjl-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 12px 0 24px;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-gjl-line {
  display: block;
}

.hl-gjl-main {
  min-width: 0;
  max-width: 800px;
}

.hl-gjl-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #958b80;
  align-items: flex-start;
  max-width: 560px;
  margin: 28px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.hl-gjl-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 6px;
}

.hl-gjl-offer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 240px;
  align-items: center;
  margin-top: 56px;
  padding: 40px 40px 44px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-gjl-offer-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  width: 236px;
  padding: 16px 18px 18px;
  display: flex;
  transform: rotate(3deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-gjl-offer-card-head {
  color: #bcb2a6;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-bottom: 1px solid #2e2824;
  padding-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gjl-offer-copy {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.hl-gjl-offer-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73006b 0%, #ff4a0024 55%, #ff4a0000 100%);
  width: 560px;
  height: 420px;
  position: absolute;
  bottom: -160px;
  right: -120px;
}

.hl-gjl-offer-obj {
  z-index: 2;
  justify-content: center;
  display: flex;
  position: relative;
}

.hl-gjl-offer-text {
  color: #bcb2a6;
  max-width: 52ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-gjl-offer-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 10px 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-gjl-opt {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  padding: 20px 20px 22px;
  display: flex;
}

.hl-gjl-opt-k {
  color: #ffa800;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gjl-opt-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-gjl-opt-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-gjl-opts {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 4px 0 32px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-gjl-ours {
  background-color: #1c1917;
  background-image: linear-gradient(90deg, #ffd60a12 0%, #ffd60a00 45%);
  border: 1px solid #2e2824;
  border-left: 4px solid #ffd60a;
  border-radius: 24px;
  margin: 36px 0 0;
  padding: 28px 32px 30px;
  position: relative;
}

.hl-gjl-ours-big {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 10px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-gjl-ours-k {
  color: #ffd60a;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gjl-ours-text {
  color: #bcb2a6;
  max-width: 60ch;
  margin: 12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-gjl-post {
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 24px;
  flex-direction: column;
  padding: 16px;
  display: flex;
  transform: rotate(-3deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-gjl-post-apply {
  color: #fff8f0;
  background-color: #0a0807;
  border-radius: 999px;
  padding: 8px 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-gjl-post-avatar {
  background-image: linear-gradient(135deg, #ffd60a 0%, #ff7300 60%, #ff4a00 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.hl-gjl-post-bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.hl-gjl-post-bar-text {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-gjl-post-brand {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-gjl-post-check {
  color: #ffd60a;
  background-color: #0a0807;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-gjl-post-flag {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 12px;
  align-items: flex-start;
  margin-top: 14px;
  padding: 11px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  display: flex;
}

.hl-gjl-post-id {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  display: flex;
}

.hl-gjl-post-k {
  color: #4a433d;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gjl-post-meta {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-gjl-post-role {
  color: #0a0807;
  letter-spacing: -.02em;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: .95;
}

.hl-gjl-post-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #0a08071f;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.hl-gjl-post-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.hl-gjl-post-v {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-gjl-post-where {
  color: #4a433d;
  margin-top: 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-gjl-post-wrap {
  z-index: 2;
  width: 272px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hl-gjl-print {
  z-index: 2;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e8db 100%);
  border-radius: 20px;
  max-width: 680px;
  padding: 24px 32px 18px;
  position: relative;
  transform: rotate(-1deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-gjl-print-head {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  border-bottom: 2px solid #0a0807;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  margin: 0;
  padding-bottom: 14px;
  display: flex;
}

.hl-gjl-print-head-a {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-gjl-print-head-b {
  color: #4a433d;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gjl-print-item {
  border-bottom: 1px solid #0a080724;
  padding: 16px 0;
}

.hl-gjl-print-item-last {
  padding: 16px 0 6px;
}

.hl-gjl-print-label {
  color: #ffd60a;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 999px;
  margin: 0 0 8px;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-block;
}

.hl-gjl-print-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ffa80057 0%, #ff73001a 55%, #ff730000 100%);
  width: 720px;
  height: 320px;
  margin-left: -360px;
  position: absolute;
  bottom: -40px;
  left: 50%;
}

.hl-gjl-print-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-gjl-print-text {
  color: #0a0807;
  letter-spacing: .02em;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.45;
}

.hl-gjl-print-wrap {
  margin: 12px 0 36px;
  padding: 16px 0 24px;
  position: relative;
}

.hl-gjl-quote {
  color: #fff8f0;
  background-color: #1c1917;
  border-left: 3px solid #ffa800;
  border-radius: 16px;
  margin: 0;
  padding: 20px 22px 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-gjl-quotes {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 4px 0 28px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-gjl-related {
  margin-top: 72px;
}

.hl-gjl-sec {
  padding-top: 96px;
}

.hl-gjl-sec-first {
  scroll-margin-top: 96px;
}

.hl-gjl-side {
  position: sticky;
  top: 104px;
}

.hl-gjl-sources {
  background-color: #0a0807;
  border-top: 1px solid #2e2824;
  padding-top: 72px;
  padding-bottom: 72px;
  position: relative;
}

.hl-gjl-sources-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  align-items: start;
  display: grid;
}

.hl-gjl-sources-note {
  color: #958b80;
  max-width: 40ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-gjl-sources-side {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.hl-gjl-sources-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-gjl-spec {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  margin: 8px 0;
  overflow: hidden;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-gjl-spec-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border-bottom: 1px solid #6e655b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px 28px;
  display: flex;
}

.hl-gjl-spec-id {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.hl-gjl-spec-k {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
}

.hl-gjl-spec-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 160px minmax(0, 1fr);
  padding: 18px 28px;
  display: grid;
}

.hl-gjl-spec-row-last {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 160px minmax(0, 1fr);
  padding: 18px 28px 22px;
  display: grid;
}

.hl-gjl-spec-sub {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-gjl-spec-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-gjl-spec-v {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-gjl-src {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #bcb2a6;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  margin: 0 -10px;
  padding: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  transition: background-color .3s;
  display: grid;
}

.hl-gjl-src-host {
  color: #958b80;
  margin-top: 2px;
  font-size: 13px;
  display: block;
}

.hl-gjl-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-gjl-src-num {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
}

.hl-gjl-src-on {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  margin: 0 -10px;
  padding: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  transition: background-color .3s;
  display: grid;
}

.hl-gjl-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-gjl-st {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  margin-top: 8px;
  overflow: hidden;
}

.hl-gjl-st-bill {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-gjl-st-cell {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-gjl-st-date {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  display: block;
}

.hl-gjl-st-head {
  background-color: #1c1917;
  border-bottom: 1px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.7fr);
  column-gap: 20px;
  padding: 16px 24px;
  display: grid;
}

.hl-gjl-st-mlabel {
  display: none;
}

.hl-gjl-st-rh {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #fff8f0;
  flex-direction: column;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
}

.hl-gjl-st-row {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.7fr);
  column-gap: 20px;
  padding: 18px 24px;
  transition: background-color .15s;
  display: grid;
}

.hl-gjl-st-row:hover {
  background-color: #1a1715;
}

.hl-gjl-st-row-last {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.7fr);
  column-gap: 20px;
  padding: 18px 24px 20px;
  transition: background-color .15s;
  display: grid;
}

.hl-gjl-st-row-last:hover {
  background-color: #1a1715;
}

.hl-gjl-st-status {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.hl-gjl-st-th {
  color: #bcb2a6;
  letter-spacing: .1em;
  text-transform: uppercase;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-gjl-stage {
  z-index: 2;
  width: 100%;
  max-width: 520px;
  height: 540px;
  position: relative;
}

.hl-gjl-statement {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 8px 0 40px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.08;
}

.hl-gjl-sup {
  vertical-align: baseline;
  margin-left: 3px;
  font-size: .62em;
  line-height: 0;
  position: relative;
  top: -.45em;
}

.hl-gjl-tag-cmte {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #1c1917;
  border: 1px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
}

.hl-gjl-tag-dead {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #958b80;
  white-space: nowrap;
  background-color: #0000;
  border: 1px dashed #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
}

.hl-gjl-tag-in {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0a0807;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 5px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-gjl-tag-passed {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #ffa800;
  white-space: nowrap;
  background-color: #ffa8001f;
  border: 1px solid #ffa800;
  border-radius: 999px;
  align-items: center;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-gjl-toc-li {
  margin: 0;
}

.hl-gjl-toc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-gjl-tpl {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  margin: 4px 0 0;
  overflow: hidden;
}

.hl-gjl-tpl-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 148px minmax(0, 1fr);
  padding: 18px 24px;
  display: grid;
}

.hl-gjl-tpl-item-last {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 148px minmax(0, 1fr);
  padding: 18px 24px 20px;
  display: grid;
}

.hl-gjl-tpl-label {
  color: #ffa800;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0;
  padding-top: 4px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-gjl-tpl-text {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-gjl-way {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  padding: 22px 24px 24px;
  display: flex;
}

.hl-gjl-way-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-gjl-way-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-gjl-way-top {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  display: flex;
}

.hl-gjl-way-wide {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  background-image: linear-gradient(90deg, #ff730024 0%, #ff730000 60%);
  border: 1px solid #ff7300;
  border-radius: 20px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  padding: 22px 24px 24px;
  display: flex;
}

.hl-gjl-ways {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 4px 0 32px;
  display: grid;
}

.hl-gs-ad-back {
  z-index: 1;
  width: 248px;
  margin-top: -220px;
  margin-left: -124px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-104px)rotate(-7deg)scale(.84);
}

.hl-gs-ad-front {
  z-index: 2;
  width: 248px;
  margin-top: -220px;
  margin-left: -124px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(104px)rotate(5deg)scale(.88);
}

.hl-gs-ads {
  width: 100%;
  height: 400px;
  position: relative;
}

.hl-gs-anchor {
  padding-top: 56px;
  padding-bottom: 96px;
  scroll-margin-top: 32px;
  position: relative;
}

.hl-gs-approve {
  flex-direction: column;
  height: 100%;
  padding: 20px 16px 18px;
  display: flex;
}

.hl-gs-approve-btns {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 20px;
  display: flex;
}

.hl-gs-approve-check {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  padding: 3px;
  display: block;
}

.hl-gs-approve-foot {
  color: #958b80;
  margin: 16px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-gs-approve-no {
  color: #bcb2a6;
  white-space: nowrap;
  background-color: #1c1917;
  border: 1px solid #6e655b;
  border-radius: 10px;
  align-items: center;
  min-height: 32px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-gs-approve-q {
  color: #fff8f0;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin: auto 0 0;
  font-family: Archivo, sans-serif;
  font-size: 64px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-gs-approve-yes {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #1c1917;
  border: 1px solid #6e655b;
  border-radius: 10px;
  align-items: center;
  min-height: 32px;
  padding-left: 8px;
  padding-right: 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-gs-bento {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-gs-card {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 22px;
  width: 100%;
  max-width: 380px;
  padding: 22px 22px 6px;
  position: relative;
  box-shadow: 0 40px 80px -30px #000000e6;
}

.hl-gs-card-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.hl-gs-card-tag {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gs-card-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-gs-chan-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 16px;
  display: flex;
}

.hl-gs-chan-name {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-gs-chan-off {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-gs-chan-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.hl-gs-chat-gap {
  flex: 1;
  display: block;
}

.hl-gs-cta {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 56px;
  display: flex;
}

.hl-gs-cta-note {
  color: #bcb2a6;
  margin: 14px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-gs-form-light {
  pointer-events: none;
  background-image: radial-gradient(60% 50% at 50% 40%, #ff4a001a 0%, #ff4a0000 100%);
  height: 1000px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hl-gs-form-sec {
  background-color: #0a0807;
  padding-top: 0;
  padding-bottom: 24px;
  position: relative;
}

.hl-gs-inbox {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  height: 100%;
  padding: 20px 16px;
  display: flex;
}

.hl-gs-inbox-day {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-gs-inbox-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.hl-gs-inbox-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-gs-key {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #958b80;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  display: inline-flex;
}

.hl-gs-key-fill {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ffa800 100%);
  border-radius: 4px;
  width: 18px;
  height: 8px;
  display: block;
}

.hl-gs-key-mark {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 3px;
  height: 14px;
  display: block;
}

.hl-gs-knob-off {
  background-color: #6e655b;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: block;
}

.hl-gs-knob-on {
  background-color: #0a0807;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: block;
}

.hl-gs-mail {
  background-color: #131110;
  border: 1px solid #3a322c;
  border-left: 3px solid #ffd60a;
  border-radius: 16px;
  flex-direction: column;
  margin-top: 4px;
  padding: 14px;
  display: flex;
}

.hl-gs-mail-file {
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 8px;
  padding: 5px 9px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
}

.hl-gs-mail-files {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  margin-top: 12px;
  display: flex;
}

.hl-gs-mail-from {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-gs-mail-new {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  margin-left: auto;
  padding: 3px 9px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-gs-mail-old {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-bottom: 1px solid #2e2824;
  flex-direction: column;
  padding: 12px 4px;
  display: flex;
}

.hl-gs-mail-preview {
  color: #bcb2a6;
  margin: 4px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-gs-mail-subject {
  color: #fff8f0;
  margin: 12px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-gs-mail-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.hl-gs-nda {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  max-width: 460px;
  margin: 28px 0 0;
  padding-top: 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-gs-next {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-gs-notch-bottom {
  background-color: #0a0807;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  bottom: -11px;
  left: 89px;
}

.hl-gs-notch-top {
  background-color: #0a0807;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  top: -11px;
  left: 89px;
}

.hl-gs-pace-fill-1 {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 6px;
  width: 55%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-gs-pace-fill-2 {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 6px;
  width: 51%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-gs-pace-fill-3 {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 6px;
  width: 57%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-gs-pace-key {
  grid-column-gap: 20px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
}

.hl-gs-pace-mark {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 3px;
  margin-left: -1px;
  display: block;
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: 56%;
}

.hl-gs-pace-row {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 62px minmax(0, 1fr);
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
  display: grid;
}

.hl-gs-pace-site {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gs-pace-track {
  background-color: #26211e;
  border-radius: 6px;
  height: 12px;
  display: block;
  position: relative;
}

.hl-gs-plan-wrap {
  display: block;
}

.hl-gs-ready {
  color: #ffd60a;
  background-color: #ffd60a1f;
  border-radius: 999px;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-gs-stage {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 56px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.hl-gs-stamp {
  z-index: 3;
  color: #0a0807;
  text-align: center;
  background-color: #ffd60a;
  background-image: radial-gradient(90% 90% at 35% 25%, #ffeb5c 0%, #ffd60a 60%);
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 128px;
  height: 128px;
  display: flex;
  position: absolute;
  top: -50px;
  right: -34px;
  transform: rotate(16deg);
}

.hl-gs-stamp-big {
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  display: block;
  position: relative;
}

.hl-gs-stamp-ring {
  border: 2px dashed #0a080773;
  border-radius: 50%;
  position: absolute;
  inset: 7px;
}

.hl-gs-stamp-small {
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 6px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.1;
  display: block;
  position: relative;
}

.hl-gs-switch-off {
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 50px;
  height: 28px;
  padding: 3px;
  display: flex;
}

.hl-gs-switch-on {
  background-color: #ffd60a;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  width: 50px;
  height: 28px;
  padding: 3px;
  display: flex;
}

.hl-gs-ticket {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 22px;
  width: 100%;
  height: 240px;
  display: flex;
  position: relative;
}

.hl-gs-ticket-cell {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  display: flex;
}

.hl-gs-ticket-drift {
  filter: drop-shadow(0 36px 40px #000000d9);
  transform-origin: 50%;
  width: 480px;
  max-width: 100%;
  position: relative;
  transform: rotate(-6deg);
}

.hl-gs-ticket-kicker {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-gs-ticket-label {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gs-ticket-main {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 22px 24px 20px;
  display: flex;
}

.hl-gs-ticket-mark {
  width: 52px;
  height: 52px;
  margin-left: -26px;
  display: block;
  position: absolute;
  top: 22px;
  left: 50%;
}

.hl-gs-ticket-meta {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  border-top: 2px dashed #0a080729;
  margin-top: auto;
  padding-top: 14px;
  display: flex;
}

.hl-gs-ticket-stub {
  border-right: 2px dashed #0a080738;
  flex-shrink: 0;
  width: 100px;
  display: block;
  position: relative;
}

.hl-gs-ticket-stub-text {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  text-align: center;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
  width: 120px;
  margin-top: -9px;
  margin-left: -60px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 18px;
  display: block;
  position: absolute;
  top: 150px;
  left: 50%;
  transform: rotate(-90deg);
}

.hl-gs-ticket-title {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Archivo, sans-serif;
  font-size: 58px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  display: block;
}

.hl-gs-ticket-value {
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1;
}

.hl-gs-tile-5 {
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 5 / span 5;
  min-height: 540px;
  margin: 0;
  padding: 36px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-gs-tile-7 {
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 7 / span 7;
  min-height: 540px;
  margin: 0;
  padding: 36px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-gs-tile-head {
  z-index: 2;
  position: relative;
}

.hl-gs-tile-line {
  color: #bcb2a6;
  max-width: 40ch;
  margin: 10px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-gs-tile-obj {
  z-index: 1;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: 28px;
  display: flex;
  position: relative;
}

.hl-gs-tile-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.08;
}

.hl-gs-week {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 22px;
  width: 100%;
  max-width: 560px;
  padding: 22px;
  position: relative;
  box-shadow: 0 40px 80px -30px #000000e6;
}

.hl-gs-week-approve {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  text-align: center;
  border: 1.5px solid #6e655b;
  border-radius: 14px;
  flex-direction: column;
  grid-column: 1 / 2;
  justify-content: center;
  align-items: center;
  min-height: 104px;
  padding: 10px 6px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.15;
  display: flex;
}

.hl-gs-week-check {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  padding: 5px;
  display: block;
}

.hl-gs-week-day {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-gs-week-dot {
  background-color: #0a0807;
  border-radius: 50%;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-gs-week-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 18px;
  display: grid;
}

.hl-gs-week-live {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  background-color: #ff7300;
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  border-radius: 14px;
  grid-column: 2 / 6;
  align-items: center;
  min-height: 104px;
  padding-left: 22px;
  padding-right: 22px;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .9;
  display: flex;
}

.hl-gs-week-note {
  color: #958b80;
  margin: 16px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-hc-ad {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  height: 100%;
  padding: 50px 14px 16px;
  display: flex;
}

.hl-hc-ad-hook {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 50px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  display: block;
  position: relative;
}

.hl-hc-ad-key {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  flex-shrink: 0;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hc-ad-media {
  color: #0a0807;
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 214px;
  padding: 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-hc-ad-role {
  color: #0a0807;
  margin-top: 12px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.05;
  display: block;
  position: relative;
}

.hl-hc-ad-spec {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 11px;
  padding-bottom: 11px;
  display: flex;
}

.hl-hc-ad-spec-end {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 11px;
  padding-bottom: 11px;
  display: flex;
}

.hl-hc-ad-specs {
  background-color: #1c1917;
  border-radius: 16px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 2px 14px;
  display: flex;
}

.hl-hc-ad-val {
  color: #fff8f0;
  text-align: right;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-hc-ad-val-hot {
  color: #ffd60a;
  text-align: right;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-hc-call {
  flex-shrink: 0;
  width: 38px;
  height: 22px;
  display: block;
  position: relative;
}

.hl-hc-call-dome {
  background-color: #ffa800;
  background-image: radial-gradient(90% 110% at 50% 100%, #fff6d6 0%, #ffd60a 32%, #ffa800 66%, #ff7300 100%);
  border-bottom: 4px solid #4a433d;
  border-radius: 19px 19px 2px 2px;
  width: 38px;
  height: 22px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hl-hc-call-glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ffa8006b 0%, #ff730024 50%, #ff730000 100%);
  border-radius: 50%;
  width: 150px;
  height: 120px;
  margin-top: -66px;
  margin-left: -75px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}

.hl-hc-ceiling {
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(90deg, #6e655b00 0%, #6e655b 50%, #6e655b00 100%);
  height: 1px;
  position: absolute;
  top: 22px;
  left: -60px;
  right: -60px;
}

.hl-hc-chip {
  color: #fff8f0;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 9px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-hc-chip-hot {
  color: #ffa800;
  background-color: #ff73001f;
  border: 1px solid #ff73008c;
  border-radius: 999px;
  padding: 9px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-hc-chips {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin: 0;
  display: flex;
}

.hl-hc-chipset {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  display: flex;
}

.hl-hc-chipset-label {
  color: #ff4a00;
  letter-spacing: .01em;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-hc-chipsets {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.hl-hc-dash {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 24px;
  width: 100%;
  max-width: 560px;
  padding: 22px 24px 18px;
  display: block;
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-hc-easy {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  display: grid;
}

.hl-hc-easy-copy {
  z-index: 2;
  position: relative;
}

.hl-hc-easy-sec {
  background-color: #0a0807;
  padding-top: 104px;
  padding-bottom: 24px;
  position: relative;
}

.hl-hc-easy-stage {
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 56px;
  display: flex;
  position: relative;
}

.hl-hc-flood-cta {
  z-index: 2;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  align-items: center;
  margin-top: 8px;
  display: flex;
  position: relative;
}

.hl-hc-flood-note {
  color: #0a0807;
  text-align: center;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-hc-front {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 360px minmax(0, 1fr);
  align-items: center;
  display: grid;
  position: relative;
}

.hl-hc-front-link {
  z-index: 2;
  text-align: center;
  margin: 24px 0 0;
  position: relative;
}

.hl-hc-front-phone {
  z-index: 2;
  position: relative;
}

.hl-hc-front-sec {
  background-color: #0a0807;
  padding-top: 104px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.hl-hc-front-stage {
  justify-content: center;
  padding-top: 16px;
  padding-bottom: 48px;
  display: flex;
  position: relative;
}

.hl-hc-guide {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hl-hc-guide-ad {
  z-index: 2;
  margin-top: 56px;
  margin-left: -40px;
  display: block;
  position: relative;
}

.hl-hc-note {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  margin: 0;
  display: flex;
  position: relative;
}

.hl-hc-note-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: -4px;
  right: -5px;
}

.hl-hc-note-dot-r {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: -4px;
  left: -5px;
}

.hl-hc-note-key {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.08;
  display: block;
}

.hl-hc-note-r {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  display: flex;
  position: relative;
}

.hl-hc-note-rule {
  background-image: linear-gradient(90deg, #ff730000 0%, #ff730080 40%, #ffa800 100%);
  width: 100%;
  height: 2px;
  margin-bottom: 18px;
  display: block;
  position: relative;
}

.hl-hc-note-rule-r {
  background-image: linear-gradient(270deg, #ff730000 0%, #ff730080 40%, #ffa800 100%);
  width: 100%;
  height: 2px;
  margin-bottom: 18px;
  display: block;
  position: relative;
}

.hl-hc-note-text {
  color: #bcb2a6;
  max-width: 300px;
  margin-top: 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  display: block;
}

.hl-hc-notes, .hl-hc-notes-r {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-hc-pain {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-height: 290px;
  margin: 0;
  padding: 22px 28px 30px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-hc-pain-chip {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hc-pain-from {
  color: #ff7300;
  letter-spacing: .01em;
  margin-top: 28px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.hl-hc-pain-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-hc-pain-label {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  flex: 1;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hc-pain-line {
  color: #bcb2a6;
  margin-top: auto;
  padding-top: 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  display: block;
}

.hl-hc-pain-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin-top: 10px;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.02;
  display: block;
}

.hl-hc-pain-top {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  padding-bottom: 18px;
  display: flex;
  position: relative;
}

.hl-hc-pains {
  background-color: #0a0807;
  padding-top: 16px;
  padding-bottom: 96px;
  position: relative;
}

.hl-hc-panel {
  z-index: 3;
  background-color: #26211e;
  background-image: linear-gradient(#131110 0%, #26211e 55%, #3a322c 100%);
  border: 1px solid #3a322c;
  border-top-width: 0;
  border-radius: 0 0 14px 14px;
  width: 400px;
  height: 26px;
  margin-left: -200px;
  position: absolute;
  top: 22px;
  left: 50%;
  box-shadow: 0 18px 36px -18px #000000e6;
}

.hl-hc-panel-lens {
  background-color: #fff8f0;
  background-image: linear-gradient(90deg, #ffe4c2 0%, #fff 10% 32.6%, #ebd9c3 32.6% 33.4%, #fff 33.4% 66.6%, #ebd9c3 66.6% 67.4%, #fff 67.4% 90%, #ffe4c2 100%);
  border-radius: 6px;
  height: 12px;
  display: block;
  position: absolute;
  bottom: -7px;
  left: 14px;
  right: 14px;
}

.hl-hc-pass {
  z-index: 5;
  filter: drop-shadow(0 30px 40px #000000bf);
  transform-origin: 50%;
  width: 400px;
  position: absolute;
  bottom: -40px;
  left: -64px;
  transform: rotate(-6deg);
}

.hl-hc-pay {
  grid-column-gap: 56px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: end;
  margin-top: 80px;
  display: grid;
}

.hl-hc-pay-side {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.hl-hc-ph-display {
  color: #fff8f0;
  font-variation-settings: "wdth" 100;
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 18px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 84px;
  font-weight: 800;
  font-stretch: 100%;
  line-height: .95;
}

.hl-hc-phone {
  z-index: 2;
  transform-origin: 50% 0;
  width: 290px;
  margin-left: -60px;
  position: absolute;
  top: 96px;
  left: 50%;
  transform: scale(.9);
}

.hl-hc-phone-in {
  display: block;
  position: relative;
}

.hl-hc-pool {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ffa8005c 0%, #ff73001f 55%, #ff730000 100%);
  width: 620px;
  height: 220px;
  margin-left: -310px;
  position: absolute;
  bottom: -40px;
  left: 50%;
}

.hl-hc-related-sec {
  background-color: #0a0807;
  padding-top: 56px;
  padding-bottom: 96px;
  position: relative;
}

.hl-hc-rim {
  pointer-events: none;
  background-image: linear-gradient(90deg, #ffd60a00 0%, #ffd60a 50%, #ffd60a00 100%);
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 12%;
  right: 12%;
}

.hl-hc-roles {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: end;
  margin-top: 56px;
  margin-bottom: 64px;
  display: grid;
}

.hl-hc-roles-copy {
  z-index: 2;
  position: relative;
}

.hl-hc-rule {
  color: #bcb2a6;
  text-align: center;
  max-width: 760px;
  margin: 36px auto 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-hc-screen {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 24px;
  height: 352px;
  position: relative;
  overflow: hidden;
}

.hl-hc-stage {
  width: 100%;
  max-width: 480px;
  height: 660px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-hc-steps {
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
}

.hl-hc-tablet {
  z-index: 2;
  background-color: #26211e;
  background-image: linear-gradient(155deg, #3a322c 0%, #26211e 28%, #1c1917 100%);
  border: 1px solid #3a322c;
  border-radius: 36px;
  width: 100%;
  max-width: 500px;
  padding: 14px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hc-tag-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  margin: 0 0 0 30px;
  padding: 9px 20px 9px 9px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.1;
  display: inline-flex;
  transform: rotate(-4deg);
  box-shadow: inset 0 1px #fff8f014, 0 24px 40px -18px #000000f2;
}

.hl-hc-tag-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  margin: 0;
  padding: 9px 20px 9px 9px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.1;
  display: inline-flex;
  transform: rotate(3deg);
  box-shadow: inset 0 1px #fff8f014, 0 24px 40px -18px #000000f2;
}

.hl-hc-tag-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  margin: 0 0 0 44px;
  padding: 9px 20px 9px 9px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.1;
  display: inline-flex;
  transform: rotate(-2deg);
  box-shadow: inset 0 1px #fff8f014, 0 24px 40px -18px #000000f2;
}

.hl-hc-tag-tick {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  display: flex;
}

.hl-hc-tags {
  z-index: 4;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: absolute;
  top: 168px;
  left: 22px;
}

.hl-hc-toc {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 22px;
  flex-direction: column;
  width: 300px;
  padding: 18px 18px 20px;
  display: flex;
  position: relative;
  transform: rotate(2deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-hc-toc-label {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 4px 4px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-hc-toc-num {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  flex-shrink: 0;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hc-toc-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #26211e;
  border-radius: 12px;
  align-items: center;
  padding: 10px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-hc-toc-row-on {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  background-color: #ff730024;
  border: 1px solid #ff73008c;
  border-radius: 12px;
  align-items: center;
  padding: 10px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-hc-tool-tile {
  color: #fff8f0;
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  min-height: 340px;
  padding: 28px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1), background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-hc-tool-tile:hover {
  background-color: #221e1b;
  transform: translateY(-4px);
}

.hl-hc-tool-tile:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-hc-wash {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(58% 78% at 50% 0, #fff6e880 0%, #ffce8c3d 24%, #ff73001c 50%, #ff4a0000 78%);
  width: 760px;
  height: 640px;
  margin-left: -380px;
  position: absolute;
  top: 38px;
  left: 50%;
}

.hl-hem-cta {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 56px;
  display: flex;
}

.hl-hem-dash {
  flex-direction: column;
  height: 100%;
  padding: 18px 16px 16px;
  display: flex;
}

.hl-hem-dash-role {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
}

.hl-hem-dash-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding-top: 13px;
  padding-bottom: 13px;
  display: grid;
}

.hl-hem-dash-what {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-hem-flood-cta {
  z-index: 2;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 56px;
  display: flex;
  position: relative;
}

.hl-hem-for {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  margin: 64px 0 0;
  padding-top: 28px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-hem-incl {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-area: 1 / 2 / 3 / 3;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 8px 0 0;
  list-style: none;
  display: grid;
}

.hl-hem-incl-chip {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 16px;
  align-items: center;
  min-height: 64px;
  margin: 0;
  padding: 14px 20px 14px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-hem-incl-copy {
  z-index: 2;
  grid-area: 1 / 1 / 2 / 2;
  position: relative;
}

.hl-hem-incl-foot {
  z-index: 2;
  grid-area: 2 / 1 / 3 / 2;
  position: relative;
}

.hl-hem-incl-grid {
  grid-template-rows: auto 1fr;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: start;
  gap: 0 72px;
  margin-top: 56px;
  display: grid;
}

.hl-hem-incl-sec {
  background-color: #131110;
  padding-top: 72px;
  padding-bottom: 112px;
  position: relative;
  overflow: hidden;
}

.hl-hem-rule {
  color: #bcb2a6;
  border-left: 3px solid #ff7300;
  max-width: 54ch;
  margin: 28px 0 0;
  padding-left: 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-hre-ad {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  padding: 16px 18px 18px;
  display: flex;
}

.hl-hre-ad-badge {
  color: #fff8f0;
  flex-shrink: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-hre-ad-desc {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-hre-ad-title {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.25;
}

.hl-hre-ad-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  min-width: 0;
  display: flex;
}

.hl-hre-ad-url {
  color: #958b80;
  white-space: nowrap;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  overflow: hidden;
}

.hl-hre-after {
  color: #fff8f0;
  background-color: #131110;
  border-radius: 16px;
  max-width: 66ch;
  margin: 8px 0 0;
  padding: 22px 24px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-hre-app {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  height: 100%;
  padding: 50px 14px 16px;
  display: flex;
}

.hl-hre-apply {
  color: #0a0807;
  text-align: center;
  background-color: #ff4a00;
  border-radius: 999px;
  margin-top: auto;
  padding: 12px 14px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

.hl-hre-article {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 120px;
  position: relative;
}

.hl-hre-article-end {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 104px;
  position: relative;
}

.hl-hre-avatar {
  background-image: linear-gradient(135deg, #ffd60a 0%, #ff7300 55%, #ff4a00 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: block;
}

.hl-hre-brand {
  color: #fff8f0;
  letter-spacing: .04em;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-hre-c-k {
  color: #ffa800;
}

.hl-hre-c-p {
  color: #958b80;
}

.hl-hre-c-v {
  color: #ffd60a;
}

.hl-hre-cal {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #1c1917;
  background-image: radial-gradient(70% 60% at 80% 118%, #ff730033 0%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  width: 100%;
  padding: 24px 26px 26px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-hre-cal-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.hl-hre-cal-tag {
  color: #ffa800;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-hre-cal-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-hre-cap {
  color: #958b80;
  text-align: center;
  margin: 0 0 24px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-hre-chat {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 22px;
  flex-direction: column;
  width: 100%;
  max-width: 280px;
  padding: 16px 16px 18px;
  display: flex;
  position: relative;
  transform: rotate(-2deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hre-chat-head {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-bottom: 1px solid #2e2824;
  padding-bottom: 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-hre-chat-link {
  color: #0a0807;
  overflow-wrap: anywhere;
  margin-top: 2px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: underline;
  display: block;
}

.hl-hre-chat-them {
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 18px 18px 18px 6px;
  align-self: flex-start;
  max-width: 86%;
  padding: 10px 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-hre-chat-you {
  color: #0a0807;
  background-color: #ff7300;
  border-radius: 18px 18px 6px;
  align-self: flex-end;
  max-width: 94%;
  padding: 10px 14px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-hre-check {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-hre-check-item {
  color: #fff8f0;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: start;
  margin: 0;
  padding: 14px 0 15px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  display: grid;
}

.hl-hre-check-item-last {
  color: #fff8f0;
  grid-template-rows: auto;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: start;
  margin: 0;
  padding: 14px 0 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  display: grid;
}

.hl-hre-checks {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 8px auto 0;
  padding: 12px 36px 22px;
}

.hl-hre-checks-title {
  color: #ffa800;
  text-transform: none;
  letter-spacing: 0;
  border-bottom: 1px solid #6e655b;
  margin: 0;
  padding: 18px 0 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-hre-close {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
  align-items: center;
  max-width: 1080px;
  margin: 40px auto;
  display: grid;
}

.hl-hre-close-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730057 0%, #ff4a001a 55%, #ff4a0000 100%);
  width: 560px;
  height: 320px;
  margin-left: -280px;
  position: absolute;
  bottom: -60px;
  left: 50%;
}

.hl-hre-close-obj {
  justify-content: center;
  min-width: 0;
  padding: 24px 0;
  display: flex;
  position: relative;
}

.hl-hre-code {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  max-width: 860px;
  margin: 32px auto 36px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hre-code-bar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 14px 24px;
  display: flex;
}

.hl-hre-code-body {
  color: #fff8f0;
  flex-direction: column;
  min-width: 0;
  padding: 22px 28px 24px;
  font-family: Menlo;
  font-size: 15px;
  line-height: 1.75;
  display: flex;
  position: relative;
}

.hl-hre-code-cap {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  margin: 0;
  padding: 14px 28px 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-hre-code-l0 {
  color: #fff8f0;
  overflow-wrap: anywhere;
  display: block;
}

.hl-hre-code-l1 {
  color: #fff8f0;
  overflow-wrap: anywhere;
  padding-left: 22px;
  display: block;
}

.hl-hre-code-label {
  color: #bcb2a6;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-hre-code-rim {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hl-hre-col {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-hre-cost {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 30px 32px;
  display: flex;
}

.hl-hre-cost-big {
  color: #fff8f0;
  letter-spacing: -.02em;
  margin-top: 6px;
  font-family: Archivo, sans-serif;
  font-size: 88px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .84;
}

.hl-hre-cost-big-volt {
  color: #ffd60a;
  letter-spacing: -.02em;
  margin-top: 6px;
  font-family: Archivo, sans-serif;
  font-size: 88px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .84;
}

.hl-hre-cost-for {
  color: #fff8f0;
  border-top: 1px solid #2e2824;
  margin-top: auto;
  padding-top: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-hre-cost-hot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  background-image: radial-gradient(80% 70% at 50% 120%, #ff730042 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #ff7300;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 30px 32px;
  display: flex;
}

.hl-hre-cost-what {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-hre-cost-where {
  color: #fff8f0;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-self: flex-start;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hre-costs {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 900px;
  margin: 40px auto 16px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-hre-end {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 72px;
  position: relative;
}

.hl-hre-fact {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 9px 12px;
  display: flex;
}

.hl-hre-fact-k {
  color: #958b80;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hre-fact-last {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 9px 12px;
  display: flex;
}

.hl-hre-fact-v {
  color: #fff8f0;
  text-align: right;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-hre-fact-volt {
  color: #ffd60a;
  text-align: right;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-hre-facts {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 16px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.hl-hre-five {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  max-width: 1080px;
  margin: 32px auto 24px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-hre-five-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  min-width: 0;
  margin: 0;
  padding: 26px 26px 28px;
  display: flex;
}

.hl-hre-five-key {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-hre-five-last {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  background-image: radial-gradient(70% 90% at 85% 120%, #ff730033 0%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 3 / span 3;
  min-width: 0;
  margin: 0;
  padding: 26px 26px 28px;
  display: flex;
}

.hl-hre-five-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-hre-five-wide {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 3 / span 3;
  min-width: 0;
  margin: 0;
  padding: 26px 26px 28px;
  display: flex;
}

.hl-hre-flood-lead {
  z-index: 2;
  max-width: 640px;
  position: relative;
}

.hl-hre-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.1em;
  padding: 2px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-hre-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-hre-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-hre-free {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 40px auto 32px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-hre-free-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 0 0 30px;
  display: flex;
  overflow: hidden;
}

.hl-hre-free-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73005c 0%, #ff4a001a 55%, #ff4a0000 100%);
  width: 420px;
  height: 260px;
  margin-left: -210px;
  position: absolute;
  bottom: -120px;
  left: 50%;
}

.hl-hre-free-more {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  min-height: 86px;
  margin: auto 26px 0;
  padding-top: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-hre-free-stage {
  background-color: #0a0807;
  border-bottom: 1px solid #2e2824;
  justify-content: center;
  align-items: center;
  height: 276px;
  margin-bottom: 10px;
  padding: 24px 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-hre-free-tag {
  color: #0a0807;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0 26px;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hre-free-text {
  color: #fff8f0;
  margin: 0 26px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-hre-free-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0 26px;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-hre-gap {
  width: 80px;
  height: 0;
  margin-left: -40px;
  position: absolute;
  top: 150px;
  left: 50%;
}

.hl-hre-gap-line {
  border-top: 2px dashed #fff8f0;
  height: 0;
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
}

.hl-hre-gap-text {
  color: #fff8f0;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  width: 60px;
  margin-left: -30px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  position: absolute;
  bottom: 8px;
  left: 50%;
}

.hl-hre-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 28px;
  flex-direction: column;
  width: 100%;
  padding: 22px 24px 24px;
  display: flex;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hre-group-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.hl-hre-group-kws {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.hl-hre-group-tag {
  color: #ffa800;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-hre-group-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-hre-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 14px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-hre-hero {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 18px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 164px;
  padding: 12px 14px 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-hre-hero-live {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #ffd60a;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 999px;
  align-items: center;
  padding: 5px 10px 5px 8px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-hre-hero-live-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-hre-hero-role {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-hre-hero-tag {
  color: #fff8f0;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hre-hero-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-hre-id {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.hl-hre-id-tag {
  color: #958b80;
  white-space: nowrap;
  margin-left: auto;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.hl-hre-kw {
  color: #fff8f0;
  white-space: nowrap;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Menlo;
  font-size: 12px;
  line-height: 1.3;
}

.hl-hre-legal {
  color: #bcb2a6;
  border-left: 2px solid #6e655b;
  margin: -4px 0 20px;
  padding-left: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-hre-map {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 24px;
  width: 100%;
  max-width: 460px;
  height: 320px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.hl-hre-map-grid {
  background-image: linear-gradient(0deg, #fff8f00d 1px, #fff8f000 1px), linear-gradient(90deg, #fff8f00d 1px, #fff8f000 1px);
  background-size: 32px 32px;
  position: absolute;
  inset: 0;
}

.hl-hre-map-tag {
  color: #bcb2a6;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #1c1917;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  position: absolute;
  bottom: 12px;
  left: 14px;
}

.hl-hre-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  align-items: flex-start;
  max-width: 560px;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-hre-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 7px;
  display: block;
}

.hl-hre-meter {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  padding-top: 18px;
  display: flex;
}

.hl-hre-meter-fill {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  border-radius: 999px;
  width: 50%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-hre-meter-foot {
  display: flex;
}

.hl-hre-meter-label {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-hre-meter-mark {
  background-color: #fff8f0;
  border-radius: 2px;
  width: 3px;
  height: 26px;
  margin-left: -1px;
  display: block;
  position: absolute;
  top: -6px;
  left: 50%;
}

.hl-hre-meter-row {
  grid-column-gap: 12px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.hl-hre-meter-track {
  background-color: #26211e;
  border-radius: 999px;
  height: 14px;
  display: block;
  position: relative;
}

.hl-hre-meter-value {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-hre-month {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 12px;
  flex-direction: column;
  min-width: 0;
  padding: 12px 8px;
  display: flex;
}

.hl-hre-month-amt {
  color: #fff8f0;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
}

.hl-hre-month-amt-peak {
  color: #0a0807;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 900;
  line-height: 1;
}

.hl-hre-month-name {
  color: #958b80;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hre-month-name-peak {
  color: #4a433d;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hre-month-peak {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #ffd60a;
  border: 1px solid #ffd60a;
  border-radius: 12px;
  flex-direction: column;
  min-width: 0;
  padding: 12px 8px;
  display: flex;
}

.hl-hre-months {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
}

.hl-hre-own {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  max-width: 1000px;
  margin: 8px auto 32px;
  overflow: hidden;
}

.hl-hre-own-cell {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-hre-own-head {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #1c1917;
  border-bottom: 1px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr) minmax(0, 1.4fr);
  padding: 16px 28px 14px;
  display: grid;
}

.hl-hre-own-ml {
  display: none;
}

.hl-hre-own-rh {
  color: #fff8f0;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-hre-own-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr) minmax(0, 1.4fr);
  align-items: start;
  padding: 18px 28px;
  display: grid;
}

.hl-hre-own-row-last {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr) minmax(0, 1.4fr);
  align-items: start;
  padding: 18px 28px 20px;
  display: grid;
}

.hl-hre-own-th {
  color: #bcb2a6;
  text-transform: none;
  letter-spacing: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-hre-phone-wrap {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
}

.hl-hre-pill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 10px 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-hre-pill-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-hre-pill-wrap {
  z-index: 3;
  position: absolute;
  top: 34px;
  left: 0;
}

.hl-hre-pin-a {
  width: 0;
  height: 0;
  margin-left: -40px;
  position: absolute;
  top: 150px;
  left: 50%;
}

.hl-hre-pin-b {
  width: 0;
  height: 0;
  margin-left: 40px;
  position: absolute;
  top: 150px;
  left: 50%;
}

.hl-hre-pin-dot {
  background-color: #ff4a00;
  border: 3px solid #0a0807;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: -8px;
  left: -8px;
}

.hl-hre-pin-dot-b {
  background-color: #ffd60a;
  border: 3px solid #0a0807;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: -8px;
  left: -8px;
}

.hl-hre-pin-name {
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  position: absolute;
  top: -13px;
  right: 16px;
}

.hl-hre-pin-name-b {
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  position: absolute;
  top: -13px;
  left: 16px;
}

.hl-hre-plan {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 500px);
  align-items: center;
  max-width: 1080px;
  margin: 40px auto;
  display: grid;
}

.hl-hre-rail-1 {
  background-color: #ff4a00;
  border-radius: 2px;
  width: 56px;
  height: 4px;
  margin-bottom: 8px;
  display: block;
}

.hl-hre-rail-2 {
  background-color: #ff7300;
  border-radius: 2px;
  width: 56px;
  height: 4px;
  margin-bottom: 8px;
  display: block;
}

.hl-hre-rail-3 {
  background-color: #ffa800;
  border-radius: 2px;
  width: 56px;
  height: 4px;
  margin-bottom: 8px;
  display: block;
}

.hl-hre-rail-4 {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 56px;
  height: 4px;
  margin-bottom: 8px;
  display: block;
}

.hl-hre-rail-5 {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  border-radius: 2px;
  width: 100%;
  height: 4px;
  margin-bottom: 8px;
  display: block;
}

.hl-hre-rate {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  max-width: 900px;
  margin: 0 auto 20px;
  padding: 24px 32px;
  display: grid;
}

.hl-hre-rate-big {
  color: #ffa800;
  letter-spacing: -.02em;
  font-family: Archivo, sans-serif;
  font-size: 64px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .86;
}

.hl-hre-rate-copy {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-hre-rate-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-hre-rate-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-hre-result-pay {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-hre-ring-a {
  background-color: #ff4a0029;
  border: 1.5px solid #ff4a00;
  border-radius: 50%;
  width: 240px;
  height: 240px;
  margin-left: -160px;
  position: absolute;
  top: 30px;
  left: 50%;
}

.hl-hre-ring-b {
  background-color: #ffa80024;
  border: 1.5px solid #ffd60a;
  border-radius: 50%;
  width: 240px;
  height: 240px;
  margin-left: -80px;
  position: absolute;
  top: 30px;
  left: 50%;
}

.hl-hre-rule {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 28px 26px 26px;
  display: flex;
}

.hl-hre-rule-big {
  color: #fff8f0;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-hre-rule-big-volt {
  color: #ffd60a;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-hre-rule-small {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-hre-rules {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #2e2824;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 1080px;
  margin: 36px auto 40px;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: hidden;
}

.hl-hre-sample {
  background-color: #1c1917;
  border-left: 4px solid #ffd60a;
  border-radius: 16px;
  margin: 0 0 28px;
  padding: 20px 24px;
}

.hl-hre-sample-label {
  color: #ffd60a;
  text-transform: none;
  letter-spacing: 0;
  margin: 0 0 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-hre-sample-text {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-hre-search {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 440px);
  align-items: center;
  max-width: 1080px;
  margin: 24px auto 0;
  display: grid;
}

.hl-hre-search-copy {
  min-width: 0;
}

.hl-hre-sec {
  padding-top: 120px;
  position: relative;
}

.hl-hre-sign {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff8f0;
  background-image: radial-gradient(120% 90% at 50% 20%, #fff 0%, #fff8f0 55%, #f6e9d8 100%);
  border-radius: 6px;
  flex-direction: column;
  padding: 22px 18px 16px;
  display: flex;
  position: relative;
  transform: rotate(-5deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hre-sign-foot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.hl-hre-sign-kicker {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  border-bottom: 3px solid #ff4a00;
  padding-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-hre-sign-pay {
  color: #ffd60a;
  background-color: #0a0807;
  border-radius: 999px;
  align-self: flex-start;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-hre-sign-qr {
  flex-shrink: 0;
  width: 84px;
  height: 84px;
  display: block;
}

.hl-hre-sign-role {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-hre-sign-scan {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-hre-sign-scan-big {
  color: #0a0807;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .92;
}

.hl-hre-sign-scan-small {
  color: #4a433d;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hre-sign-wrap {
  z-index: 2;
  width: 220px;
  position: absolute;
  bottom: 26px;
  left: -34px;
}

.hl-hre-sources {
  background-color: #0a0807;
  padding-top: 0;
  padding-bottom: 56px;
  position: relative;
}

.hl-hre-src {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  padding-top: 40px;
  display: grid;
}

.hl-hre-src-item {
  color: #bcb2a6;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin: 0;
  padding: 12px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-hre-src-link {
  color: #fff8f0;
  overflow-wrap: anywhere;
  font-weight: 500;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-hre-src-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-hre-src-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-hre-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-hre-src-note {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-hre-src-num {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
}

.hl-hre-src-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-self: start;
  display: flex;
  position: sticky;
  top: 96px;
}

.hl-hre-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-hre-src-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-hre-stage {
  z-index: 2;
  width: 100%;
  max-width: 520px;
  height: 612px;
  margin-left: auto;
  position: relative;
}

.hl-hre-stat {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #131110;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 34px 30px 30px;
  display: flex;
}

.hl-hre-stat-big {
  color: #fff8f0;
  letter-spacing: -.02em;
  font-family: Archivo, sans-serif;
  font-size: 112px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .86;
}

.hl-hre-stat-big-volt {
  color: #ffd60a;
  letter-spacing: -.02em;
  font-family: Archivo, sans-serif;
  font-size: 112px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .86;
}

.hl-hre-stat-hot {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  background-image: radial-gradient(90% 80% at 50% 120%, #ff73004d 0%, #ff4a0014 55%, #ff4a0000 100%);
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 34px 30px 30px;
  display: flex;
}

.hl-hre-stat-src {
  color: #958b80;
  text-transform: none;
  letter-spacing: 0;
  margin-top: auto;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-hre-stat-text {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-hre-stats {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #2e2824;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 40px auto 48px;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: hidden;
}

.hl-hre-sup {
  vertical-align: baseline;
  margin-left: 1px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-hre-tape-l {
  background-color: #fff8f08c;
  width: 62px;
  height: 22px;
  display: block;
  position: absolute;
  top: -10px;
  left: 14px;
  transform: rotate(-9deg);
}

.hl-hre-tape-r {
  background-color: #fff8f08c;
  width: 62px;
  height: 22px;
  display: block;
  position: absolute;
  top: -9px;
  right: 14px;
  transform: rotate(7deg);
}

.hl-hre-tick {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  padding: 3px;
  display: block;
}

.hl-hre-tie {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #131110;
  background-image: radial-gradient(60% 90% at 75% 115%, #ff730038 0%, #ff4a000f 50%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  max-width: 1080px;
  margin: 0 auto 32px;
  padding: 44px;
  display: grid;
}

.hl-hre-tie-copy {
  min-width: 0;
}

.hl-hre-tie-text {
  color: #fff8f0;
  margin: 0 0 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-hre-tie-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-hre-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin-top: 24px;
  padding: 24px 26px 20px;
}

.hl-hre-toc-li {
  border-top: 1px solid #2e2824;
  margin: 0;
}

.hl-hre-toc-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-hre-tpl {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 24px auto 16px;
  padding: 12px 36px 28px;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-hre-tpl-body {
  flex-direction: column;
  padding-top: 6px;
  display: flex;
}

.hl-hre-tpl-fill {
  color: #bcb2a6;
}

.hl-hre-tpl-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #6e655b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0 20px;
  display: flex;
}

.hl-hre-tpl-key {
  color: #ffd60a;
  min-width: 108px;
  font-family: Archivo, sans-serif;
  font-weight: 700;
  display: inline-block;
}

.hl-hre-tpl-line {
  color: #fff8f0;
  overflow-wrap: anywhere;
  border-bottom: 1px solid #2e2824;
  margin: 0;
  padding: 12px 0 13px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-hre-tpl-line-last {
  color: #bcb2a6;
  margin: 0;
  padding: 14px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-hre-tpl-title {
  color: #ffa800;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-hre-url {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  white-space: nowrap;
  background-color: #1c1917;
  border-radius: 999px;
  align-self: center;
  align-items: center;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
}

.hl-hre-url-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: block;
}

.hl-hsw-after {
  color: #fff8f0;
  max-width: 66ch;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-hsw-article {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 120px;
  position: relative;
}

.hl-hsw-article-end {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 40px;
  position: relative;
}

.hl-hsw-ask {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff8f0;
  border-radius: 22px;
  flex-direction: column;
  width: 360px;
  max-width: 100%;
  padding: 26px 26px 22px;
  display: flex;
  position: relative;
  transform: rotate(-2deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hsw-ask-dot {
  background-color: #e03c00;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-hsw-ask-foot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 2px solid #0a0807;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  display: flex;
}

.hl-hsw-ask-kicker {
  color: #4a433d;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hsw-ask-on {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ffd60a;
  background-color: #0a0807;
  border-radius: 14px;
  align-items: center;
  padding: 12px 16px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.hl-hsw-ask-opt {
  color: #4a433d;
  border: 2px solid #d9cfc2;
  border-radius: 14px;
  align-items: center;
  padding: 10px 16px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.hl-hsw-ask-opts {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.hl-hsw-ask-saved {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-hsw-ask-site {
  color: #4a433d;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hsw-ask-tick {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-hsw-ask-title {
  color: #0a0807;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-hsw-axis {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: repeat(13, minmax(0, 1fr));
  margin-top: 10px;
  display: grid;
}

.hl-hsw-axis-a {
  color: #bcb2a6;
  grid-column: 1 / 4;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-hsw-axis-b {
  color: #ff7300;
  grid-column: 7 / 10;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-hsw-axis-c {
  color: #ffd60a;
  text-align: center;
  grid-column: 13 / 14;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-hsw-bar-day0 {
  background-color: #ffd60a;
  border-radius: 5px;
  height: 112px;
  display: block;
}

.hl-hsw-bar-live {
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 5px;
  height: 72px;
  display: block;
}

.hl-hsw-bar-mile {
  background-color: #6e655b;
  border-radius: 4px;
  height: 34px;
  display: block;
}

.hl-hsw-bar-prep {
  background-color: #3a322c;
  border-radius: 4px;
  height: 18px;
  display: block;
}

.hl-hsw-chip {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 10px 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-hsw-chip-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-hsw-chip-wrap {
  z-index: 3;
  position: absolute;
  bottom: 0;
  right: 12px;
}

.hl-hsw-cite {
  font-style: italic;
}

.hl-hsw-col {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-hsw-dash-stage {
  justify-content: center;
  align-items: center;
  min-height: 420px;
  display: flex;
  position: relative;
}

.hl-hsw-dot-amber {
  background-color: #0a0807;
  border: 4px solid #ffa800;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  position: absolute;
  top: 28px;
  left: 50%;
}

.hl-hsw-dot-blaze {
  background-color: #0a0807;
  border: 4px solid #ff4a00;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  position: absolute;
  top: 28px;
  left: 50%;
}

.hl-hsw-dot-heat {
  background-color: #0a0807;
  border: 4px solid #ff7300;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  position: absolute;
  top: 28px;
  left: 50%;
}

.hl-hsw-dot-off {
  background-color: #0a0807;
  border: 4px solid #6e655b;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  position: absolute;
  top: 28px;
  left: 50%;
}

.hl-hsw-dot-volt {
  outline-offset: 0px;
  background-color: #ffd60a;
  border: 7px solid #0a0807;
  border-radius: 50%;
  outline: 2px solid #ffd60a;
  width: 34px;
  height: 34px;
  margin-left: -17px;
  position: absolute;
  top: 34px;
  left: 50%;
}

.hl-hsw-duo {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  max-width: 1080px;
  margin: 40px auto 44px;
  display: grid;
}

.hl-hsw-duo-copy {
  min-width: 0;
}

.hl-hsw-duo-h3 {
  color: #fff8f0;
  margin: 0 0 18px;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-hsw-duo-stage {
  justify-content: center;
  align-items: center;
  min-height: 440px;
  display: flex;
  position: relative;
}

.hl-hsw-end {
  background-color: #0a0807;
  padding-top: 24px;
  padding-bottom: 96px;
  position: relative;
}

.hl-hsw-fl-addr {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-hsw-fl-brand {
  color: #4a433d;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hsw-fl-foot {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-top: 2px solid #0a0807;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 6px;
  padding-top: 16px;
  display: flex;
}

.hl-hsw-fl-pay {
  color: #0a0807;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-hsw-fl-qr {
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  display: block;
}

.hl-hsw-fl-role {
  color: #0a0807;
  border: 2px solid #0a0807;
  border-radius: 8px;
  padding: 5px 12px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-hsw-fl-roles {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-hsw-fl-scan {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-hsw-fl-title {
  color: #0a0807;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 76px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .86;
}

.hl-hsw-fl-when {
  color: #ffd60a;
  background-color: #0a0807;
  border-radius: 999px;
  align-self: flex-start;
  padding: 6px 14px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-hsw-fl-where {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-hsw-flood-foot {
  z-index: 2;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px 28px;
  max-width: 1040px;
  margin: 44px auto 0;
  display: flex;
  position: relative;
}

.hl-hsw-flyer {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff8f0;
  border-radius: 10px;
  flex-direction: column;
  width: 340px;
  max-width: 100%;
  padding: 28px 28px 24px;
  display: flex;
  position: relative;
  transform: rotate(2deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hsw-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.1em;
  padding: 2px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-hsw-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-hsw-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-hsw-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 14px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-hsw-key {
  color: #fff8f0;
  font-weight: 600;
}

.hl-hsw-legend {
  grid-column-gap: 24px;
  grid-row-gap: 12px;
  border-top: 1px solid #2e2824;
  flex-wrap: wrap;
  margin-top: 20px;
  padding-top: 18px;
  display: flex;
}

.hl-hsw-legend-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 150px;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.hl-hsw-legend-live {
  background-image: linear-gradient(0deg, #ff4a00 0%, #ffa800 100%);
  border-radius: 3px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-top: 3px;
  display: block;
}

.hl-hsw-legend-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-hsw-legend-prep {
  background-color: #6e655b;
  border-radius: 3px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-top: 3px;
  display: block;
}

.hl-hsw-legend-text {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #bcb2a6;
  flex-direction: column;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  display: flex;
}

.hl-hsw-li {
  color: #bcb2a6;
  border-bottom: 1px solid #2e2824;
  margin: 0;
  padding: 16px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-hsw-list {
  border-top: 1px solid #2e2824;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-hsw-lockups {
  z-index: 2;
  border-bottom: 2px solid #0a0807;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  max-width: 1040px;
  margin: 56px auto 0;
  display: grid;
  position: relative;
}

.hl-hsw-m {
  color: #958b80;
  background-color: #26211e;
  border-radius: 7px;
  justify-content: center;
  align-items: flex-end;
  height: 34px;
  padding-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1;
  display: flex;
}

.hl-hsw-m-on {
  color: #0a0807;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 50%, #ffa800 100%);
  border-radius: 7px;
  justify-content: center;
  align-items: flex-end;
  height: 56px;
  padding-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1;
  display: flex;
}

.hl-hsw-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  align-items: flex-start;
  margin: 12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-hsw-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 7px;
  display: block;
}

.hl-hsw-meta-text {
  min-width: 0;
  display: block;
}

.hl-hsw-meter {
  margin-top: 36px;
  display: block;
}

.hl-hsw-meter-fill {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 999px;
  width: 62.5%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-hsw-meter-label {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-hsw-meter-labels {
  grid-column-gap: 24px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-top: 18px;
  display: flex;
}

.hl-hsw-meter-mark {
  background-color: #fff8f0;
  border-radius: 2px;
  width: 4px;
  margin-left: -2px;
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: 50%;
}

.hl-hsw-meter-track {
  background-color: #26211e;
  border-radius: 999px;
  height: 18px;
  display: block;
  position: relative;
}

.hl-hsw-months {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  height: 56px;
  display: grid;
}

.hl-hsw-pace {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 720px;
  margin: 36px auto 40px;
  padding: 30px 32px 28px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hsw-pace-head {
  grid-column-gap: 14px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-hsw-pace-specs {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 22px;
  display: grid;
}

.hl-hsw-pace-text {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  margin: 20px 0 0;
  padding-top: 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-hsw-pace-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-hsw-page {
  background-color: #fff8f0;
  border-radius: 14px;
  flex-direction: column;
  padding: 0 20px 18px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: rotate(7deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hsw-page-day {
  color: #0a0807;
  letter-spacing: -.01em;
  white-space: nowrap;
  margin-top: 6px;
  font-family: Archivo, sans-serif;
  font-size: 72px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .86;
}

.hl-hsw-page-foot {
  color: #4a433d;
  border-top: 2px solid #0a0807;
  margin-top: 12px;
  padding-top: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-hsw-page-kicker {
  color: #4a433d;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hsw-page-ring {
  background-color: #0a0807;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-hsw-page-top {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  justify-content: center;
  height: 30px;
  margin: 0 -20px 14px;
  padding-top: 9px;
  display: flex;
}

.hl-hsw-page-wrap {
  z-index: 3;
  width: 184px;
  position: absolute;
  top: 0;
  right: 0;
}

.hl-hsw-peak, .hl-hsw-peak-end {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  min-width: 0;
  margin: 0;
  padding: 28px 26px 24px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-hsw-peak-label {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-hsw-peak-row {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  padding-top: 14px;
  display: flex;
}

.hl-hsw-peak-text {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-hsw-peak-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-hsw-peak-wide {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 3 / span 3;
  min-width: 0;
  margin: 0;
  padding: 28px 28px 24px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-hsw-peaks {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  max-width: 1080px;
  margin: 48px auto 52px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-hsw-phase {
  color: #958b80;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 8px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-hsw-phase-live {
  color: #ff7300;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 8px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-hsw-phase-peak {
  color: #ffd60a;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 8px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-hsw-plan {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  padding: 26px 28px 24px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hsw-plan-big {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: flex-end;
  margin-top: 22px;
  display: flex;
}

.hl-hsw-plan-head {
  border-bottom: 1px solid #2e2824;
  align-items: center;
  min-height: 28px;
  padding-bottom: 16px;
  display: flex;
}

.hl-hsw-plan-kicker {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hsw-plan-num {
  color: #fff8f0;
  letter-spacing: -.02em;
  font-family: Archivo, sans-serif;
  font-size: 168px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .8;
  display: block;
}

.hl-hsw-plan-unit {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  padding-bottom: 8px;
  display: flex;
}

.hl-hsw-plan-unit-a {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
}

.hl-hsw-plan-unit-b {
  color: #bcb2a6;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
}

.hl-hsw-plan-wrap {
  z-index: 1;
  width: 440px;
  position: absolute;
  top: 92px;
  left: 0;
}

.hl-hsw-rail-amber {
  background-image: linear-gradient(#ff7300 0%, #ffa800 40% 100%);
  justify-self: center;
  width: 4px;
  display: block;
  position: relative;
}

.hl-hsw-rail-blaze {
  background-color: #ff4a00;
  justify-self: center;
  width: 4px;
  display: block;
  position: relative;
}

.hl-hsw-rail-end {
  background-image: linear-gradient(#6e655b 0 40px, #6e655b00 40px);
  justify-self: center;
  width: 4px;
  display: block;
  position: relative;
}

.hl-hsw-rail-heat {
  background-image: linear-gradient(#ff4a00 0%, #ff7300 40% 100%);
  justify-self: center;
  width: 4px;
  display: block;
  position: relative;
}

.hl-hsw-rail-off {
  background-color: #6e655b;
  justify-self: center;
  width: 4px;
  display: block;
  position: relative;
}

.hl-hsw-rail-start {
  background-image: linear-gradient(#ff4a0000 0 36px, #ff4a00 36px 100%);
  justify-self: center;
  width: 4px;
  display: block;
  position: relative;
}

.hl-hsw-rail-volt {
  background-image: linear-gradient(#ffa800 0%, #ffd60a 18% 55%, #6e655b 100%);
  justify-self: center;
  width: 4px;
  display: block;
  position: relative;
}

.hl-hsw-role {
  color: #fff8f0;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 5px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-hsw-roles {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  margin: 0;
  display: flex;
}

.hl-hsw-sec {
  padding-top: 128px;
  position: relative;
}

.hl-hsw-sec-first {
  padding-top: 104px;
  position: relative;
}

.hl-hsw-shift {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  margin: 8px 0 0;
  padding: 26px 28px 22px;
  display: flex;
}

.hl-hsw-shift-fill-a {
  background-color: #6e655b;
  border-radius: 6px;
  width: 60%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-hsw-shift-fill-b {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 100%);
  border-radius: 6px;
  width: 29%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-hsw-shift-fill-c {
  background-image: linear-gradient(90deg, #ffa800 0%, #ffd60a 100%);
  border-radius: 6px;
  width: 17%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-hsw-shift-label {
  color: #bcb2a6;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-hsw-shift-label-now {
  color: #ffd60a;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-hsw-shift-row {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 96px minmax(0, 1fr) 56px;
  align-items: center;
  display: grid;
}

.hl-hsw-shift-src {
  color: #958b80;
  margin: 4px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-hsw-shift-title {
  color: #fff8f0;
  margin: 0 0 4px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-hsw-shift-track {
  background-color: #26211e;
  border-radius: 6px;
  height: 22px;
  display: block;
  position: relative;
}

.hl-hsw-shift-val {
  color: #fff8f0;
  text-align: right;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.hl-hsw-shift-val-now {
  color: #ffd60a;
  text-align: right;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.hl-hsw-spec {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #26211e;
  border-radius: 16px;
  flex-direction: column;
  margin: 0;
  padding: 14px 16px;
  display: flex;
}

.hl-hsw-spec-label {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hsw-spec-value {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-hsw-src {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: 16px 48px;
  margin-top: 64px;
  padding-top: 32px;
  display: grid;
}

.hl-hsw-src-item {
  color: #bcb2a6;
  grid-template-rows: auto;
  grid-template-columns: 30px minmax(0, 1fr);
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-hsw-src-link {
  color: #fff8f0;
  overflow-wrap: anywhere;
  text-underline-offset: 3px;
  font-weight: 500;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
  text-decoration-thickness: 1px;
}

.hl-hsw-src-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-hsw-src-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-hsw-src-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-hsw-src-num {
  color: #ffa800;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.hl-hsw-src-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.hl-hsw-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-hsw-src-title {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 4px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-hsw-stage {
  z-index: 2;
  width: 100%;
  max-width: 520px;
  height: 640px;
  margin-left: auto;
  position: relative;
}

.hl-hsw-sup {
  vertical-align: baseline;
  margin-left: 1px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-hsw-sw-plan {
  background-color: #fff8f0;
  border-radius: 2px;
  flex-shrink: 0;
  width: 4px;
  height: 16px;
  display: block;
}

.hl-hsw-sw-spent {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ffa800 100%);
  border-radius: 999px;
  flex-shrink: 0;
  width: 20px;
  height: 10px;
  display: block;
}

.hl-hsw-tag {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  border: 1px solid #ffa800;
  border-radius: 999px;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-hsw-tl {
  max-width: 1000px;
  margin: 48px auto 44px;
  padding: 0;
  list-style: none;
}

.hl-hsw-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin-top: 24px;
  padding: 24px 26px 20px;
}

.hl-hsw-toc-li {
  border-top: 1px solid #2e2824;
  margin: 0;
}

.hl-hsw-toc-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-hsw-tool {
  color: #fff8f0;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  min-height: 36px;
  padding: 6px 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  transition: border-color .15s, color .15s;
  display: inline-flex;
}

.hl-hsw-tool:hover {
  color: #ffd60a;
  border-color: #ffd60a;
}

.hl-hsw-tool:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-hsw-tool-plain {
  color: #bcb2a6;
  border: 1px dashed #6e655b;
  border-radius: 999px;
  align-items: center;
  min-height: 36px;
  padding: 6px 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  display: inline-flex;
}

.hl-hsw-tools {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 16px 0 0;
  display: flex;
}

.hl-hsw-track {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: repeat(13, minmax(0, 1fr));
  align-items: end;
  height: 112px;
  margin-top: 26px;
  display: grid;
}

.hl-hsw-when {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  margin: 0;
  padding-top: 24px;
  display: flex;
}

.hl-hsw-wk {
  grid-template-rows: auto;
  grid-template-columns: 168px 40px minmax(0, 1fr);
  column-gap: 28px;
  margin: 0;
  display: grid;
}

.hl-hsw-wk-body {
  min-width: 0;
  padding: 24px 0 44px;
}

.hl-hsw-wk-body-peak {
  background-color: #1c1917;
  border: 1.5px solid #ffd60a;
  border-radius: 24px;
  min-width: 0;
  margin: 10px 0 44px;
  padding: 26px 30px 28px;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hsw-wk-last {
  grid-template-rows: auto;
  grid-template-columns: 168px 40px minmax(0, 1fr);
  column-gap: 28px;
  margin: 0;
  display: grid;
}

.hl-hsw-wk-num {
  color: #fff8f0;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 72px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .82;
  display: block;
}

.hl-hsw-wk-num-peak {
  color: #ffd60a;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 112px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .8;
  display: block;
}

.hl-hsw-wk-peak {
  grid-template-rows: auto;
  grid-template-columns: 168px 40px minmax(0, 1fr);
  column-gap: 28px;
  margin: 0;
  display: grid;
}

.hl-hsw-wk-text {
  color: #fff8f0;
  max-width: 60ch;
  margin: 10px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-hsw-wk-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-hsw-wk-unit {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.hl-hsw-wk-unit-peak {
  color: #ffd60a;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  display: block;
}

.hl-hv-cal {
  flex: 0 0 330px;
  width: 330px;
  margin-top: -28px;
  display: block;
  position: relative;
}

.hl-hv-closed {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #fff8f0;
  border-radius: 999px;
  align-items: center;
  padding: 11px 18px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  display: inline-flex;
  position: absolute;
  top: 31%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(-4deg);
  box-shadow: 0 18px 36px -12px #000000e6;
}

.hl-hv-core {
  z-index: 3;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: center;
  width: 160px;
  margin-top: -40px;
  margin-left: -80px;
  display: flex;
  position: absolute;
  top: 58%;
  left: 50%;
}

.hl-hv-core-label {
  color: #0a0807;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  padding: 8px 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  display: block;
}

.hl-hv-dash-stage {
  z-index: 2;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: center;
  align-items: center;
  padding: 36px 32px 12px;
  display: flex;
  position: relative;
}

.hl-hv-event {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #1c1917;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
  margin-top: 40px;
  padding: 56px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-hv-event-ad {
  z-index: 1;
  display: block;
  position: absolute;
  top: 4px;
  left: 4%;
}

.hl-hv-event-copy {
  z-index: 2;
  position: relative;
}

.hl-hv-event-objs {
  z-index: 1;
  height: 330px;
  display: block;
  position: relative;
}

.hl-hv-event-qr {
  z-index: 2;
  display: block;
  position: absolute;
  bottom: 0;
  right: 4%;
  transform: rotate(-5deg);
}

.hl-hv-event-title {
  color: #fff8f0;
  letter-spacing: -.02em;
  margin: 12px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1;
}

.hl-hv-flood-actions {
  z-index: 2;
  grid-column-gap: 28px;
  grid-row-gap: 18px;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 64px;
  display: flex;
  position: relative;
}

.hl-hv-meter {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  width: 250px;
  padding: 20px 20px 18px;
  display: flex;
  transform: rotate(-2deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-hv-meter-fill-1 {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 999px;
  width: 47%;
  height: 12px;
  display: block;
}

.hl-hv-meter-fill-2 {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 999px;
  width: 52%;
  height: 12px;
  display: block;
}

.hl-hv-meter-fill-3 {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 999px;
  width: 49%;
  height: 12px;
  display: block;
}

.hl-hv-meter-foot {
  padding-top: 6px;
  display: flex;
}

.hl-hv-meter-mark {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 3px;
  height: 22px;
  margin-left: -1px;
  display: block;
  position: absolute;
  top: -5px;
  left: 50%;
}

.hl-hv-meter-row {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-direction: column;
  display: flex;
}

.hl-hv-meter-track {
  background-color: #26211e;
  border-radius: 999px;
  height: 12px;
  display: block;
  position: relative;
}

.hl-hv-pain {
  color: #fff8f0;
  letter-spacing: -.025em;
  margin: 0 0 10px;
  font-family: Archivo, sans-serif;
  font-size: 72px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-hv-pains {
  margin-top: 24px;
}

.hl-hv-paused {
  display: block;
  position: relative;
}

.hl-hv-paused-ad {
  opacity: .42;
  display: block;
}

.hl-hv-payoff {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: end;
  margin-top: 72px;
  padding-top: 56px;
  display: grid;
}

.hl-hv-payoff-lead {
  color: #bcb2a6;
  max-width: 440px;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-hv-payoff-side {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 8px;
  display: flex;
}

.hl-hv-pressure {
  z-index: 2;
  max-width: 1120px;
  position: relative;
}

.hl-hv-radar {
  background-color: #0a0807;
  background-image: radial-gradient(70% 62% at 50% 58%, #0a080700 0% 52%, #0a0807eb 100%), radial-gradient(closest-side, #ff73004d 0%, #ff4a0017 55%, #ff4a0000 100%), radial-gradient(circle, #ffd60af2 0 2px, #ffd60a00 2.8px), radial-gradient(circle, #ff7300e6 0 1.8px, #ff730000 2.6px), radial-gradient(circle, #fff8f02b 0 1.2px, #fff8f000 1.9px);
  background-position: 0 0, 50% 60%, 33px 55px, 77px 11px, 0 0;
  background-repeat: no-repeat, no-repeat, repeat, repeat, repeat;
  background-size: 100% 100%, 560px 460px, 132px 110px, 88px 154px, 22px 22px;
  border: 1px solid #2e2824;
  border-radius: 28px;
  height: 460px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hv-radar-head {
  z-index: 4;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #131110;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 18px 22px 16px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hl-hv-radar-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-hv-related {
  margin-top: 88px;
}

.hl-hv-rim {
  z-index: 4;
  background-image: linear-gradient(90deg, #ffd60a00 0%, #ffd60a 50%, #ffd60a00 100%);
  height: 2px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 12%;
  right: 12%;
}

.hl-hv-ring-1 {
  z-index: 1;
  pointer-events: none;
  border: 1px solid #ffa8008c;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin-top: -75px;
  margin-left: -75px;
  display: block;
  position: absolute;
  top: 58%;
  left: 50%;
}

.hl-hv-ring-2 {
  z-index: 1;
  pointer-events: none;
  border: 1px dashed #ffa80057;
  border-radius: 50%;
  width: 290px;
  height: 290px;
  margin-top: -145px;
  margin-left: -145px;
  display: block;
  position: absolute;
  top: 58%;
  left: 50%;
}

.hl-hv-ring-3 {
  z-index: 1;
  pointer-events: none;
  border: 1px dashed #fff8f024;
  border-radius: 50%;
  width: 440px;
  height: 440px;
  margin-top: -220px;
  margin-left: -220px;
  display: block;
  position: absolute;
  top: 58%;
  left: 50%;
}

.hl-hv-rule {
  color: #958b80;
  max-width: 760px;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-hv-runs {
  margin-top: 56px;
}

.hl-hv-spot-1 {
  z-index: 3;
  display: block;
  position: absolute;
  top: 25%;
  left: 7%;
}

.hl-hv-spot-2 {
  z-index: 3;
  display: block;
  position: absolute;
  top: 22%;
  left: 62%;
}

.hl-hv-spot-3 {
  z-index: 3;
  display: block;
  position: absolute;
  top: 47%;
  left: 73%;
}

.hl-hv-spot-4 {
  z-index: 3;
  display: block;
  position: absolute;
  top: 79%;
  left: 64%;
}

.hl-hv-spot-5 {
  z-index: 3;
  display: block;
  position: absolute;
  top: 83%;
  left: 13%;
}

.hl-hv-spot-6 {
  z-index: 3;
  display: block;
  position: absolute;
  top: 52%;
  left: 4%;
}

.hl-hv-stage {
  z-index: 1;
  width: 100%;
  max-width: 520px;
  position: relative;
}

.hl-hww-ad {
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 26px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hww-ad-apply {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  padding: 9px 20px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-hww-ad-avatar {
  background-image: linear-gradient(135deg, #ff4a00 0%, #ffa800 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: block;
}

.hl-hww-ad-bar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px 14px 16px;
  display: flex;
}

.hl-hww-ad-bar-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-hww-ad-brand {
  color: #fff8f0;
  letter-spacing: .04em;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-hww-ad-check {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 12px;
  align-items: center;
  padding: 8px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
}

.hl-hww-ad-checks {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 14px 14px 4px;
  display: grid;
}

.hl-hww-ad-id {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-hww-ad-kicker {
  z-index: 1;
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  position: relative;
}

.hl-hww-ad-media {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #ff7300;
  background-image: linear-gradient(160deg, #ff4a00 0%, #ff7300 48%, #ffa800 100%);
  flex-direction: column;
  justify-content: flex-end;
  height: 156px;
  padding: 18px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-hww-ad-meta {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.hl-hww-ad-role {
  z-index: 1;
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .92;
  position: relative;
}

.hl-hww-ad-tick {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  padding: 3px;
  display: block;
}

.hl-hww-ad-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  padding: 14px 16px;
  display: flex;
}

.hl-hww-ad-wrap {
  z-index: 2;
  width: 304px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hl-hww-article {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 120px;
  position: relative;
}

.hl-hww-article-end {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 40px;
  position: relative;
}

.hl-hww-bar-board {
  background-color: #ff7300;
  border-radius: 0 4px 4px 0;
  flex: none;
  width: 16.24%;
  height: 14px;
  display: block;
}

.hl-hww-bar-cell {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  min-width: 0;
  display: flex;
}

.hl-hww-bar-label {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #fff8f0;
  flex-direction: column;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-hww-bar-note {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-hww-bar-row {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 172px minmax(0, 1fr);
  align-items: center;
  padding: 16px 0;
  display: grid;
}

.hl-hww-bar-search {
  background-color: #ff7300;
  border-radius: 0 4px 4px 0;
  flex: none;
  width: 76%;
  height: 14px;
  display: block;
}

.hl-hww-bar-social {
  background-color: #ff7300;
  border-radius: 0 4px 4px 0;
  flex: none;
  width: 11.26%;
  height: 14px;
  display: block;
}

.hl-hww-bar-val {
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.hl-hww-bars {
  margin-top: 22px;
}

.hl-hww-board {
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 20px;
  padding: 14px 18px 6px;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hww-board-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  display: flex;
}

.hl-hww-board-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 11px 0;
  display: flex;
}

.hl-hww-board-row-last {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 11px 0;
  display: flex;
}

.hl-hww-board-shift {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-hww-board-shift-off {
  color: #958b80;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-hww-board-title {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-hww-board-wrap {
  z-index: 3;
  width: 256px;
  position: absolute;
  top: 44px;
  right: -8px;
}

.hl-hww-cap {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-hww-cap-tag {
  color: #fff8f0;
  font-variation-settings: "wdth" 100;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  margin-right: 10px;
  padding: 2px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
  display: inline-block;
}

.hl-hww-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  flex: 300px;
  min-width: 0;
  margin: 0;
  padding: 26px 28px 28px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-hww-card-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-hww-card-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-hww-cards {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-wrap: wrap;
  max-width: 1080px;
  margin: 44px auto 48px;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-hww-chart {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  min-width: 0;
  margin: 0;
  padding: 30px 32px 22px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-hww-chart-sub {
  color: #958b80;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-hww-chart-title {
  color: #fff8f0;
  text-wrap: balance;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-hww-chip-dot {
  background-color: #ffa800;
  border-radius: 50%;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-hww-chip-dot-off {
  border: 1.5px solid #bcb2a6;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-hww-chip-live {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #ffa800;
  white-space: nowrap;
  background-color: #ff730029;
  border-radius: 999px;
  align-items: center;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-hww-chip-off {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #bcb2a6;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  align-items: center;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-hww-cite {
  font-style: italic;
}

.hl-hww-close {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  max-width: 1080px;
  margin: 44px auto 0;
  display: grid;
}

.hl-hww-close-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ffa8008c 0%, #ff730024 55%, #ff730000 100%);
  position: absolute;
  inset: 40% 0 -90px;
}

.hl-hww-close-obj {
  justify-content: center;
  align-items: center;
  min-width: 0;
  min-height: 420px;
  display: flex;
  position: relative;
}

.hl-hww-col {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-hww-costs {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: start;
  max-width: 1080px;
  margin: 44px auto 0;
  display: grid;
}

.hl-hww-costs-cap {
  color: #958b80;
  max-width: 1080px;
  margin: 16px auto 40px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-hww-dd {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 860px;
  margin: 32px auto 40px;
  display: grid;
}

.hl-hww-dd-quote {
  color: #fff8f0;
  text-wrap: balance;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-hww-dd-quote-off {
  color: #958b80;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.15;
  -webkit-text-decoration: line-through #ff4a00;
  text-decoration: line-through #ff4a00;
  text-decoration-thickness: 2px;
}

.hl-hww-dd-tag {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hww-dd-tag-off {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hww-dd-why {
  color: #bcb2a6;
  margin: auto 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-hww-do {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  background-image: radial-gradient(80% 70% at 50% 125%, #ff730042 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #ff7300;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 28px 28px 26px;
  display: flex;
}

.hl-hww-dont {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 28px 28px 26px;
  display: flex;
}

.hl-hww-door {
  background-color: #1c1917;
  background-image: repeating-linear-gradient(#1c1917 0 17px, #131110 17px 19px);
  border-top: 1px solid #2e2824;
  border-left: 1px solid #2e2824;
  border-right: 1px solid #2e2824;
  border-radius: 10px 10px 0 0;
  flex: 1 1 0;
  min-width: 0;
  display: block;
  position: relative;
}

.hl-hww-door-gap {
  background-image: linear-gradient(90deg, #ff7300 0%, #ffd60a 50%, #ff7300 100%);
  border-radius: 2px;
  height: 4px;
  position: absolute;
  bottom: -3px;
  left: -1px;
  right: -1px;
}

.hl-hww-door-tag {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 6px;
  padding: 4px 8px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  position: absolute;
  top: 12px;
  left: 12px;
}

.hl-hww-doors {
  z-index: 0;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  height: 312px;
  display: flex;
  position: absolute;
  top: 0;
  left: 64px;
  right: 0;
}

.hl-hww-end {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 112px;
  position: relative;
}

.hl-hww-fig {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  max-width: 860px;
  margin: 28px auto 36px;
  display: flex;
}

.hl-hww-fill-a {
  background-color: #ff7300;
  border-radius: 0 4px 4px 0;
  width: 52%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-hww-fill-b {
  background-color: #ff7300;
  border-radius: 0 4px 4px 0;
  width: 57%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-hww-fill-c {
  background-color: #ff7300;
  border-radius: 0 4px 4px 0;
  width: 44%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-hww-five {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  max-width: 1080px;
  margin: 44px auto 56px;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-hww-five-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  flex: 300px;
  min-width: 0;
  margin: 0;
  padding: 0 28px 28px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-hww-five-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-hww-five-word {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .95;
}

.hl-hww-flood-foot {
  z-index: 2;
  grid-column-gap: 28px;
  grid-row-gap: 14px;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 760px;
  margin: 48px auto 0;
  display: flex;
  position: relative;
}

.hl-hww-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.1em;
  padding: 2px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-hww-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-hww-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-hww-formula {
  background-color: #131110;
  background-image: radial-gradient(70% 90% at 15% 120%, #ff73002e 0%, #ff4a000d 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 36px auto 0;
  padding: 34px 40px 30px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hww-formula-ex {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-hww-formula-line {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.5;
}

.hl-hww-formula-note {
  color: #958b80;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-hww-gap {
  z-index: 2;
  color: #bcb2a6;
  text-align: center;
  width: 33.334%;
  margin-top: -26px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  position: absolute;
  top: 50%;
  left: 33.333%;
}

.hl-hww-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  text-wrap: balance;
  margin: 14px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-hww-key-fill {
  background-color: #ff7300;
  border-radius: 0 3px 3px 0;
  width: 18px;
  height: 8px;
  display: inline-block;
}

.hl-hww-key-mark {
  background-color: #fff8f0;
  width: 2px;
  height: 14px;
  margin-left: 16px;
  display: inline-block;
}

.hl-hww-label {
  color: #ffa800;
  font-variation-settings: "wdth" 100;
  margin: 0 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-hww-label-a {
  z-index: 2;
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  text-align: center;
  letter-spacing: .12em;
  text-transform: uppercase;
  width: 20%;
  margin-top: 16px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
  position: absolute;
  top: 50%;
  left: 23.333%;
}

.hl-hww-label-b {
  z-index: 2;
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  text-align: center;
  letter-spacing: .12em;
  text-transform: uppercase;
  width: 20%;
  margin-top: 16px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
  position: absolute;
  top: 50%;
  left: 56.667%;
}

.hl-hww-label-calm {
  color: #bcb2a6;
  font-variation-settings: "wdth" 100;
  border-top: 1px solid #2e2824;
  margin: 28px 0 12px;
  padding-top: 24px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-hww-lead {
  color: #fff8f0;
  font-weight: 600;
}

.hl-hww-lockups {
  z-index: 2;
  border-bottom: 2px solid #0a0807;
  max-width: 1040px;
  margin: 64px auto 0;
  position: relative;
}

.hl-hww-map {
  background-color: #131110;
  background-image: radial-gradient(circle, #fff8f017 1px, #fff8f000 1.6px);
  background-size: 22px 22px;
  border: 1px solid #2e2824;
  border-radius: 28px;
  width: 100%;
  height: 0;
  padding-top: 60%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hww-mark {
  text-underline-offset: 6px;
  -webkit-text-decoration: underline #ffd60a;
  text-decoration: underline #ffd60a;
  text-decoration-thickness: 2px;
}

.hl-hww-mark-hot {
  text-underline-offset: 6px;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
  text-decoration-thickness: 3px;
}

.hl-hww-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  align-items: flex-start;
  margin: 12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-hww-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 7px;
  display: block;
}

.hl-hww-note-line {
  display: block;
}

.hl-hww-ol {
  margin: 0 0 24px;
  padding-left: 24px;
}

.hl-hww-ol-li {
  color: #fff8f0;
  margin: 0 0 12px;
  padding-left: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-hww-pace {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 1080px;
  margin: 36px auto 32px;
  padding: 30px 34px 22px;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hww-pace-cell {
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-hww-pace-head {
  grid-column-gap: 24px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 6px;
  display: flex;
}

.hl-hww-pace-key {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #958b80;
  flex-wrap: wrap;
  align-items: center;
  margin: 14px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.hl-hww-pace-ml {
  display: none;
}

.hl-hww-pace-note {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-hww-pace-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 2.3fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1.1fr);
  align-items: center;
  padding: 18px 0;
  display: grid;
}

.hl-hww-pace-row-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 2.3fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1.1fr);
  align-items: center;
  padding: 18px 0;
  display: grid;
}

.hl-hww-pace-site {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  flex-direction: column;
  padding-right: 24px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-hww-pace-table {
  flex-direction: column;
  display: flex;
}

.hl-hww-pace-th {
  color: #bcb2a6;
  font-variation-settings: "wdth" 100;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-hww-pace-th-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 2.3fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1.1fr);
  align-items: end;
  padding: 12px 0;
  display: grid;
}

.hl-hww-pill-ahead {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #ffa800;
  white-space: nowrap;
  background-color: #ff730029;
  border-radius: 999px;
  align-items: center;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-hww-pill-behind {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #bcb2a6;
  white-space: nowrap;
  border: 1px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-hww-pill-on {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #ffd60a;
  white-space: nowrap;
  background-color: #ffd60a24;
  border-radius: 999px;
  align-items: center;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-hww-pin-a {
  z-index: 2;
  background-color: #ffd60a;
  border: 3px solid #131110;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  top: 50%;
  left: 33.333%;
}

.hl-hww-pin-b {
  z-index: 2;
  background-color: #fff8f0;
  border: 3px solid #131110;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  top: 50%;
  left: 66.667%;
}

.hl-hww-plan-mark {
  background-color: #fff8f0;
  border-radius: 1px;
  width: 2px;
  margin-left: -1px;
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 50%;
}

.hl-hww-pull {
  color: #fff8f0;
  letter-spacing: -.015em;
  text-wrap: balance;
  border-top: 1px solid #2e2824;
  margin: 56px 0 0;
  padding-top: 28px;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.08;
}

.hl-hww-pull-volt {
  color: #ffd60a;
  display: block;
}

.hl-hww-q {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  padding: 8px 14px 8px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  display: inline-flex;
}

.hl-hww-q-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  display: block;
}

.hl-hww-q-volt {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 8px 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-hww-rad-a {
  z-index: 1;
  border-top: 1px dashed #ffa800;
  width: 25%;
  height: 0;
  position: absolute;
  top: 50%;
  left: 8.333%;
}

.hl-hww-rad-b {
  z-index: 1;
  border-top: 1px dashed #bcb2a6;
  width: 25%;
  height: 0;
  position: absolute;
  top: 50%;
  left: 66.667%;
}

.hl-hww-radlabel-a {
  z-index: 2;
  color: #fff8f0;
  text-align: center;
  width: 25%;
  margin-top: -26px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  position: absolute;
  top: 50%;
  left: 8.333%;
}

.hl-hww-radlabel-b {
  z-index: 2;
  color: #fff8f0;
  text-align: center;
  width: 25%;
  margin-top: -26px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  position: absolute;
  top: 50%;
  left: 66.667%;
}

.hl-hww-rail-1 {
  background-color: #ff4a00;
  height: 5px;
  margin: 0 -28px 18px;
  display: block;
}

.hl-hww-rail-2 {
  background-color: #ff7300;
  height: 5px;
  margin: 0 -28px 18px;
  display: block;
}

.hl-hww-rail-3 {
  background-color: #ff7300;
  background-image: linear-gradient(90deg, #ff7300 0%, #ffa800 100%);
  height: 5px;
  margin: 0 -28px 18px;
  display: block;
}

.hl-hww-rail-4 {
  background-color: #ffa800;
  height: 5px;
  margin: 0 -28px 18px;
  display: block;
}

.hl-hww-rail-5 {
  background-color: #ffd60a;
  height: 5px;
  margin: 0 -28px 18px;
  display: block;
}

.hl-hww-range {
  margin-top: 24px;
  padding-top: 58px;
  display: block;
  position: relative;
}

.hl-hww-range-card {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 30px 32px 26px;
  display: flex;
}

.hl-hww-range-end {
  color: #bcb2a6;
  margin-left: -8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  position: absolute;
  top: 0;
  left: 10%;
}

.hl-hww-range-end-r {
  color: #bcb2a6;
  text-align: right;
  margin-right: -8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  position: absolute;
  top: 0;
  right: 5%;
}

.hl-hww-range-ends {
  height: 56px;
  margin-top: 14px;
  display: block;
  position: relative;
}

.hl-hww-range-hi {
  background-color: #ff7300;
  border: 3px solid #131110;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  position: absolute;
  top: -3px;
  left: 95%;
}

.hl-hww-range-lo {
  background-color: #ff7300;
  border: 3px solid #131110;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  position: absolute;
  top: -3px;
  left: 10%;
}

.hl-hww-range-nat {
  background-color: #ffd60a;
  border: 4px solid #131110;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  position: absolute;
  top: -6px;
  left: 43.33%;
}

.hl-hww-range-nat-label {
  color: #0a0807;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  position: absolute;
  top: 20px;
  left: 43.33%;
  transform: translateX(-50%);
}

.hl-hww-range-span {
  background-image: linear-gradient(90deg, #ff730059 0%, #ff7300cc 100%);
  border-radius: 5px;
  width: 85%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10%;
}

.hl-hww-range-track {
  background-color: #26211e;
  border-radius: 5px;
  height: 10px;
  display: block;
  position: relative;
}

.hl-hww-range-val {
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
  display: block;
}

.hl-hww-ring-a {
  box-sizing: content-box;
  background-image: radial-gradient(closest-side, #ff730057 0%, #ff4a0024 100%);
  border: 2px solid #ff7300;
  border-radius: 50%;
  width: 50%;
  height: 0;
  margin-top: -2px;
  margin-left: -2px;
  padding-top: 50%;
  position: absolute;
  top: 8.333%;
  left: 8.333%;
}

.hl-hww-ring-b {
  box-sizing: content-box;
  background-color: #fff8f014;
  border: 2px solid #bcb2a6;
  border-radius: 50%;
  width: 50%;
  height: 0;
  margin-top: -2px;
  margin-left: -2px;
  padding-top: 50%;
  position: absolute;
  top: 8.333%;
  left: 41.667%;
}

.hl-hww-role {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 26px 28px 28px;
  display: flex;
}

.hl-hww-role-k {
  color: #fff8f0;
  font-variation-settings: "wdth" 100;
  margin-bottom: 2px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
  display: block;
}

.hl-hww-role-row {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-hww-role-sub {
  color: #958b80;
  margin-top: 2px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.hl-hww-role-tag {
  color: #ffa800;
  font-variation-settings: "wdth" 100;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-hww-role-title {
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 14px;
  margin: 0;
  padding: 14px 18px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-hww-roles {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1080px;
  margin: 36px auto 48px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-hww-rule {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #2e2824;
  justify-content: space-between;
  align-items: baseline;
  margin: 0;
  padding: 12px 0;
  display: flex;
}

.hl-hww-rule-k {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-hww-rule-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #2e2824;
  justify-content: space-between;
  align-items: baseline;
  margin: 0;
  padding: 12px 0;
  display: flex;
}

.hl-hww-rule-v {
  color: #fff8f0;
  text-align: right;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-hww-rules {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-hww-sec {
  padding-top: 120px;
  position: relative;
}

.hl-hww-sec-first {
  padding-top: 104px;
  position: relative;
}

.hl-hww-span {
  z-index: 1;
  border-top: 1px dashed #6e655b;
  width: 33.334%;
  height: 0;
  position: absolute;
  top: 50%;
  left: 33.333%;
}

.hl-hww-spill {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ffa80080 0%, #ff730024 55%, #ff730000 100%);
  height: 260px;
  position: absolute;
  top: 250px;
  left: 24px;
  right: -40px;
}

.hl-hww-src {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  margin-top: 72px;
  padding-top: 40px;
  display: grid;
}

.hl-hww-src-item {
  color: #bcb2a6;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin: 0;
  padding: 12px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-hww-src-link {
  color: #fff8f0;
  overflow-wrap: anywhere;
  font-weight: 500;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-hww-src-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-hww-src-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-hww-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-hww-src-note {
  color: #958b80;
  margin: 4px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-hww-src-num {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
}

.hl-hww-src-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.hl-hww-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-hww-src-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-hww-stage {
  z-index: 2;
  width: 100%;
  max-width: 500px;
  height: 580px;
  margin-left: auto;
  position: relative;
}

.hl-hww-step {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 40px minmax(0, 1fr);
  margin: 0;
  padding: 18px 0;
  display: grid;
}

.hl-hww-step-body {
  min-width: 0;
}

.hl-hww-step-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #2e2824;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 40px minmax(0, 1fr);
  margin: 0;
  padding: 18px 0;
  display: grid;
}

.hl-hww-step-no {
  color: #ffa800;
  border: 1.5px solid #ff7300;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-hww-step-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-hww-step-title {
  color: #fff8f0;
  margin: 6px 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-hww-steps {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-hww-sup {
  vertical-align: baseline;
  margin-left: 1px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-hww-terms {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 32px auto;
  padding: 8px 32px;
}

.hl-hww-terms-k {
  color: #ffa800;
  font-variation-settings: "wdth" 100;
  margin: 0;
  padding-top: 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-hww-terms-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 140px minmax(0, 1fr);
  align-items: start;
  padding: 18px 0;
  display: grid;
}

.hl-hww-terms-row-last {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 140px minmax(0, 1fr);
  align-items: start;
  padding: 18px 0;
  display: grid;
}

.hl-hww-terms-v {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  display: flex;
}

.hl-hww-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin-top: 24px;
  padding: 24px 26px 20px;
}

.hl-hww-toc-li {
  border-top: 1px solid #2e2824;
  margin: 0;
}

.hl-hww-toc-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-hww-tok {
  color: #ffd60a;
  white-space: nowrap;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 10px;
  padding: 2px 10px;
}

.hl-hww-tok-hot {
  color: #0a0807;
  white-space: nowrap;
  background-color: #ff7300;
  border-radius: 10px;
  padding: 2px 10px;
}

.hl-hww-tpl {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  padding-top: 22px;
  display: flex;
}

.hl-hww-tpl-card {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 40px auto 0;
  padding: 12px 36px 30px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-hww-tpl-fill {
  color: #bcb2a6;
}

.hl-hww-tpl-first {
  color: #fff8f0;
  overflow-wrap: anywhere;
  border-left: 3px solid #ff7300;
  margin: 0 0 8px;
  padding: 2px 0 2px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-hww-tpl-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #6e655b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0 20px;
  display: flex;
}

.hl-hww-tpl-item {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 0;
  padding-left: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  line-height: 1.55;
}

.hl-hww-tpl-key {
  color: #fff8f0;
  font-weight: 600;
}

.hl-hww-tpl-label {
  color: #ffa800;
  font-variation-settings: "wdth" 100;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-hww-tpl-line {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  line-height: 1.55;
}

.hl-hww-tpl-sub {
  color: #fff8f0;
  margin: 12px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.55;
}

.hl-hww-tpl-title {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 0 0 4px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.25;
}

.hl-hww-track {
  background-color: #26211e;
  border-radius: 5px;
  height: 10px;
  display: block;
  position: relative;
}

.hl-hww-tree {
  background-color: #131110;
  background-image: radial-gradient(50% 90% at 18% 115%, #ff730033 0%, #ff4a000d 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  align-items: center;
  max-width: 1080px;
  margin: 40px auto 24px;
  padding: 36px;
  display: flex;
}

.hl-hww-tree-arrow {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.hl-hww-tree-branches {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-left: 2px solid #ff7300;
  flex-direction: column;
  flex: auto;
  min-width: 0;
  margin-left: 32px;
  padding: 6px 0 6px 28px;
  display: flex;
}

.hl-hww-tree-cap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  margin-top: 6px;
  padding: 7px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-hww-tree-kicker {
  color: #ffa800;
  font-variation-settings: "wdth" 100;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
  display: block;
}

.hl-hww-tree-name {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .92;
}

.hl-hww-tree-root {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #1c1917;
  border: 1px solid #ff7300;
  border-radius: 22px;
  flex-direction: column;
  flex: 0 0 280px;
  padding: 26px 26px 24px;
  display: flex;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-hww-tree-row, .hl-hww-tree-row-last {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 150px 24px minmax(0, 1fr);
  align-items: center;
  padding: 14px 18px;
  display: grid;
}

.hl-hww-tree-set {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #fff8f0;
  flex-direction: column;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
  display: flex;
}

.hl-hww-tree-url {
  color: #bcb2a6;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 999px;
  justify-self: start;
  max-width: 100%;
  padding: 8px 14px;
  font-family: Menlo;
  font-size: 13px;
  line-height: 1.3;
  overflow: hidden;
}

.hl-hww-vs {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  max-width: 1080px;
  margin: 44px auto 24px;
  display: grid;
}

.hl-hww-vs-big {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 104px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .88;
}

.hl-hww-vs-calm {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 32px 32px 18px;
  display: flex;
  position: relative;
}

.hl-hww-vs-cap {
  color: #fff8f0;
  margin: 12px 0 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-hww-vs-hot {
  background-color: #1c1917;
  background-image: radial-gradient(80% 70% at 50% 120%, #ff73003d 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #ff7300;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 32px 32px 18px;
  display: flex;
  position: relative;
}

.hl-hww-vs-tag {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0 0 18px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hww-vs-tag-calm {
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0 0 18px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-hww-who {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 6px;
  padding: 7px 14px 7px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-hww-who-dot {
  background-color: #ffa800;
  border-radius: 50%;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-ia-answer {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-left: 4px solid #ffd60a;
  border-radius: 18px;
  max-width: 620px;
  margin-top: 26px;
  padding: 20px 24px 22px;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-ia-answer-dot {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 8px;
  height: 8px;
  margin-top: 9px;
  display: block;
}

.hl-ia-answer-label {
  color: #ff4a00;
  margin: 0 0 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ia-answer-li {
  color: #fff8f0;
  grid-template-rows: auto;
  grid-template-columns: 8px minmax(0, 1fr);
  column-gap: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.45;
  display: grid;
}

.hl-ia-answer-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-ia-body {
  background-color: #0a0807;
  padding-top: 32px;
  padding-bottom: 72px;
  position: relative;
}

.hl-ia-ch {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 14px 40px;
  padding: 30px 0 12px;
  display: grid;
}

.hl-ia-ch-body {
  min-width: 0;
}

.hl-ia-ch-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.hl-ia-ch-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ia-ch-tags {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  margin: 0;
  display: flex;
}

.hl-ia-chg {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ia-chg-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  min-width: 0;
  padding: 26px 26px 28px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f;
}

.hl-ia-chg-lead {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ia-chg-tag {
  color: #ff7300;
  letter-spacing: .1em;
  text-transform: uppercase;
  border: 1.5px solid #ff7300;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0;
  padding: 6px 12px 5px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.1;
}

.hl-ia-chg-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-ia-chs {
  flex-direction: column;
  margin-top: 6px;
  display: flex;
}

.hl-ia-cite {
  font-style: italic;
}

.hl-ia-cnt {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  padding: 4px 26px 8px;
}

.hl-ia-cnt-by {
  color: #ffa800;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-ia-cnt-cell {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-ia-cnt-head {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 2fr) minmax(0, .8fr);
  column-gap: 18px;
  padding: 18px 0 12px;
  display: grid;
}

.hl-ia-cnt-rh {
  color: #fff8f0;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

.hl-ia-cnt-row {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 2fr) minmax(0, .8fr);
  column-gap: 18px;
  padding: 15px 0 16px;
  display: grid;
}

.hl-ia-display {
  color: #fff8f0;
  letter-spacing: -.02em;
  max-width: 11em;
  margin: 14px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 64px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .98;
}

.hl-ia-doc {
  grid-template-rows: auto;
  grid-template-columns: 232px minmax(0, 1fr);
  align-items: start;
  gap: 32px 64px;
  display: grid;
}

.hl-ia-fill-1 {
  background-image: linear-gradient(0deg, #4a433d 0%, #6e655b 100%);
  border-radius: 3px;
  width: 6px;
  height: 28%;
  margin-left: -3px;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.hl-ia-fill-2 {
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 40%, #ffa800 75%, #ffd60a 100%);
  border-radius: 3px;
  width: 6px;
  height: 74%;
  margin-left: -3px;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.hl-ia-fill-3 {
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 40%, #ffa800 75%, #ffd60a 100%);
  border-radius: 3px;
  width: 6px;
  height: 88%;
  margin-left: -3px;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.hl-ia-fill-4 {
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 85%, #ffd60a 100%);
  border-radius: 3px;
  width: 6px;
  height: 66%;
  margin-left: -3px;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.hl-ia-fill-5 {
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 50%, #ffa800 100%);
  border-radius: 3px;
  width: 6px;
  height: 56%;
  margin-left: -3px;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.hl-ia-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  padding: 2px 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline;
}

.hl-ia-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
  text-decoration: underline;
}

.hl-ia-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-ia-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  max-width: 17em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-ia-h3 {
  color: #fff8f0;
  margin: 12px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ia-intro {
  color: #bcb2a6;
  max-width: 64ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-ia-knob-1 {
  background-image: linear-gradient(#2e2824 0%, #1c1917 100%);
  border: 1px solid #4a433d;
  border-radius: 7px;
  width: 44px;
  height: 22px;
  margin-bottom: -11px;
  margin-left: -22px;
  padding-top: 9px;
  display: block;
  position: absolute;
  bottom: 28%;
  left: 50%;
  box-shadow: 0 10px 18px #000000b3;
}

.hl-ia-knob-2 {
  background-image: linear-gradient(#3a322c 0%, #26211e 100%);
  border: 1px solid #6e655b;
  border-radius: 7px;
  width: 44px;
  height: 22px;
  margin-bottom: -11px;
  margin-left: -22px;
  padding-top: 9px;
  display: block;
  position: absolute;
  bottom: 74%;
  left: 50%;
  box-shadow: 0 10px 18px #000000b3;
}

.hl-ia-knob-3 {
  background-image: linear-gradient(#3a322c 0%, #26211e 100%);
  border: 1px solid #6e655b;
  border-radius: 7px;
  width: 44px;
  height: 22px;
  margin-bottom: -11px;
  margin-left: -22px;
  padding-top: 9px;
  display: block;
  position: absolute;
  bottom: 88%;
  left: 50%;
  box-shadow: 0 10px 18px #000000b3;
}

.hl-ia-knob-4 {
  background-image: linear-gradient(#3a322c 0%, #26211e 100%);
  border: 1px solid #6e655b;
  border-radius: 7px;
  width: 44px;
  height: 22px;
  margin-bottom: -11px;
  margin-left: -22px;
  padding-top: 9px;
  display: block;
  position: absolute;
  bottom: 66%;
  left: 50%;
  box-shadow: 0 10px 18px #000000b3;
}

.hl-ia-knob-5 {
  background-image: linear-gradient(#3a322c 0%, #26211e 100%);
  border: 1px solid #6e655b;
  border-radius: 7px;
  width: 44px;
  height: 22px;
  margin-bottom: -11px;
  margin-left: -22px;
  padding-top: 9px;
  display: block;
  position: absolute;
  bottom: 56%;
  left: 50%;
  box-shadow: 0 10px 18px #000000b3;
}

.hl-ia-knob-line {
  background-color: #ffd60a;
  border-radius: 1px;
  height: 2px;
  margin: 0 8px;
  display: block;
}

.hl-ia-knob-line-quiet {
  background-color: #6e655b;
  border-radius: 1px;
  height: 2px;
  margin: 0 8px;
  display: block;
}

.hl-ia-lead {
  color: #bcb2a6;
  max-width: 600px;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ia-lv {
  height: 100%;
  display: block;
  position: relative;
}

.hl-ia-main {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-ia-meta {
  color: #958b80;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-ia-mix-board {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  height: 252px;
  display: block;
  position: relative;
  overflow: hidden;
}

.hl-ia-mix-col {
  height: 100%;
  display: block;
  position: relative;
}

.hl-ia-mix-foot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding-top: 16px;
  display: flex;
}

.hl-ia-mix-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  display: flex;
}

.hl-ia-mix-label {
  color: #fff8f0;
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.15;
}

.hl-ia-mix-label-quiet {
  color: #958b80;
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.15;
}

.hl-ia-mix-labels {
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  column-gap: 10px;
  padding: 12px 10px 0;
  display: grid;
}

.hl-ia-mix-levels {
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  column-gap: 10px;
  display: grid;
  position: absolute;
  inset: 18px 10px;
}

.hl-ia-mix-note {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ia-mix-rim {
  background-image: linear-gradient(90deg, #ffd60a00 0%, #ffd60a 50%, #ffd60a00 100%);
  border-radius: 2px;
  height: 2px;
  position: absolute;
  top: -1px;
  left: 36px;
  right: 36px;
}

.hl-ia-mix-ticks {
  background-image: repeating-linear-gradient(0deg, #fff8f012 0 1px, #fff8f000 1px 27px);
  position: absolute;
  inset: 18px 10px;
}

.hl-ia-mix-title {
  color: #fff8f0;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ia-mix-track {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 4px;
  width: 8px;
  margin-left: -4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}

.hl-ia-mix-tracks {
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  column-gap: 10px;
  display: grid;
  position: absolute;
  inset: 18px 10px;
}

.hl-ia-mixer {
  z-index: 2;
  background-color: #1c1917;
  background-image: linear-gradient(#26211e 0%, #1c1917 55%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  width: 400px;
  max-width: 100%;
  padding: 22px 22px 20px;
  display: flex;
  position: relative;
  transform: rotate(-2deg);
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-ia-offer {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  margin-top: 30px;
  padding: 36px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-ia-offer-actions {
  grid-column-gap: 24px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.hl-ia-offer-copy {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.hl-ia-offer-foot {
  padding-top: 6px;
  display: flex;
}

.hl-ia-offer-id {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-ia-offer-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73006b 0%, #ff4a0024 55%, #ff4a0000 100%);
  width: 620px;
  height: 480px;
  position: absolute;
  bottom: -200px;
  right: -140px;
}

.hl-ia-offer-name {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-ia-offer-obj {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 22px;
  flex-direction: column;
  min-width: 0;
  padding: 16px;
  display: flex;
  position: relative;
  transform: rotate(2deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ia-offer-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  display: flex;
}

.hl-ia-offer-sub {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-ia-offer-text {
  color: #bcb2a6;
  max-width: 52ch;
  margin: 14px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-ia-offer-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 10px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.04;
}

.hl-ia-rail {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: sticky;
  top: 104px;
}

.hl-ia-rail-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-ia-rail-note {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  align-items: center;
  margin: 0;
  padding: 0 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.hl-ia-related {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 96px;
  position: relative;
}

.hl-ia-reviewed {
  color: #958b80;
  max-width: 80ch;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-ia-role, .hl-ia-role-end {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  min-width: 0;
  padding: 26px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-ia-role-foot {
  margin: auto 0 0;
  padding-top: 18px;
}

.hl-ia-role-kicker {
  color: #ff4a00;
  margin: 22px 0 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ia-role-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.08;
}

.hl-ia-role-wide {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  grid-column: span 3 / span 3;
  min-width: 0;
  padding: 28px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-ia-roles {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-top: 6px;
  display: grid;
}

.hl-ia-sec {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  min-width: 0;
  margin-top: 64px;
  padding-top: 64px;
  scroll-margin-top: 96px;
  display: flex;
  position: relative;
}

.hl-ia-sec-first {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-direction: column;
  min-width: 0;
  scroll-margin-top: 96px;
  display: flex;
  position: relative;
}

.hl-ia-set-corp {
  background-color: #131110;
  background-image: linear-gradient(#13111000 30%, #131110e6 100%), repeating-linear-gradient(0deg, #131110 0 7px, #13111000 7px 19px), repeating-linear-gradient(90deg, #ffd60a00 0 12px, #ffeb5cd9 12px, #ffa800bf 30px, #ffd60a00 30px 42px, #ffa80059 42px, #ff73004d 60px, #ffd60a00 60px 72px);
  border-radius: 14px;
  height: 72px;
  margin-top: 26px;
  display: block;
}

.hl-ia-sheet {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #131110;
  border: 1.5px dashed #6e655b;
  border-radius: 18px;
  flex-direction: column;
  padding: 22px 24px 24px;
  display: flex;
}

.hl-ia-sheet-actions {
  grid-column-gap: 20px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.hl-ia-sheet-hint {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ia-sheet-label {
  color: #ff4a00;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ia-sheet-text {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.55;
}

.hl-ia-sources {
  background-color: #0a0807;
  padding-top: 72px;
  padding-bottom: 88px;
  position: relative;
}

.hl-ia-src {
  color: #bcb2a6;
  overflow-wrap: anywhere;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin-left: -8px;
  padding: 6px 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-ia-src-body {
  min-width: 0;
}

.hl-ia-src-grid {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 232px minmax(0, 1fr);
  gap: 16px 64px;
  padding-top: 32px;
  display: grid;
}

.hl-ia-src-list {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-ia-src-num {
  color: #ffa800;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.hl-ia-src-text {
  min-width: 0;
}

.hl-ia-src-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-ia-start {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-ia-start-dot {
  background-color: #ff7300;
  border-radius: 2px;
  width: 8px;
  height: 8px;
  margin-top: 8px;
  display: block;
}

.hl-ia-start-li {
  color: #fff8f0;
  grid-template-rows: auto;
  grid-template-columns: 8px minmax(0, 1fr);
  column-gap: 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  display: grid;
}

.hl-ia-stat {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  padding: 30px 32px 28px;
  display: flex;
}

.hl-ia-stat-copy {
  min-width: 0;
}

.hl-ia-stat-fig {
  color: #bcb2a6;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 800;
  line-height: .9;
}

.hl-ia-stat-grid {
  grid-template-rows: auto;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px 32px;
  display: grid;
}

.hl-ia-stat-label {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ia-stat-note {
  color: #bcb2a6;
  max-width: 72ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-ia-stat-src {
  color: #958b80;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ia-stat-tag {
  color: #ff4a00;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ia-sup {
  vertical-align: baseline;
  margin-left: 2px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-ia-tag-free {
  color: #ffd60a;
  white-space: nowrap;
  background-color: #ffd60a1f;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-ia-tag-paid {
  color: #fff8f0;
  white-space: nowrap;
  border: 1px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-ia-tbl {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  margin-top: 6px;
  padding: 4px 26px 6px;
}

.hl-ia-tbl-cap {
  color: #958b80;
  max-width: 92ch;
  margin: 2px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-ia-tbl-cell {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-ia-tbl-head {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.6fr) minmax(0, 1.4fr) minmax(0, 1.15fr) minmax(0, 1.6fr);
  column-gap: 18px;
  padding: 18px 0 12px;
  display: grid;
}

.hl-ia-tbl-ml {
  display: none;
}

.hl-ia-tbl-rh {
  color: #fff8f0;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-ia-tbl-row {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.6fr) minmax(0, 1.4fr) minmax(0, 1.15fr) minmax(0, 1.6fr);
  column-gap: 18px;
  padding: 16px 0 18px;
  transition: background-color .2s;
  display: grid;
}

.hl-ia-tbl-row:hover {
  background-color: #1c1917;
}

.hl-ia-tbl-sub {
  color: #958b80;
  margin-top: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  display: block;
}

.hl-ia-tbl-th {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-ia-tl {
  background-color: #131110;
  background-image: radial-gradient(60% 90% at 100% 0, #ff73001f 0%, #ff730000 70%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin-top: 10px;
  padding: 32px 32px 36px;
}

.hl-ia-tl-1 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-top: 4px solid #ff4a00;
  flex-direction: column;
  min-width: 0;
  padding-top: 26px;
  display: flex;
  position: relative;
}

.hl-ia-tl-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-top: 4px solid #ff7300;
  flex-direction: column;
  min-width: 0;
  padding-top: 26px;
  display: flex;
  position: relative;
}

.hl-ia-tl-3 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-top: 4px solid #ffd60a;
  flex-direction: column;
  min-width: 0;
  padding-top: 26px;
  display: flex;
  position: relative;
}

.hl-ia-tl-date {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-ia-tl-dot-1 {
  background-color: #ff4a00;
  border: 5px solid #131110;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: -14px;
  left: 0;
}

.hl-ia-tl-dot-2 {
  background-color: #ff7300;
  border: 5px solid #131110;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: -14px;
  left: 0;
}

.hl-ia-tl-dot-3 {
  background-color: #ffd60a;
  border: 5px solid #131110;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: -14px;
  left: 0;
}

.hl-ia-tl-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 18px;
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ia-tl-next {
  color: #0a0807;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  padding: 6px 10px 5px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.1;
  display: inline-block;
  position: absolute;
  top: -15px;
  right: 0;
}

.hl-ia-tl-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-ia-tl-who {
  color: #ffa800;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-ia-yes-dot {
  vertical-align: 1px;
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  display: inline-block;
}

.hl-if-after {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-if-ans-no {
  color: #bcb2a6;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #131110;
  border: 1px solid #6e655b;
  border-radius: 999px;
  justify-self: start;
  padding: 4px 11px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-if-ans-yes {
  color: #0a0807;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  justify-self: start;
  padding: 5px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-if-article {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 120px;
  position: relative;
}

.hl-if-article-end {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 24px;
  position: relative;
}

.hl-if-board {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-if-board-foot {
  background-color: #131110;
  justify-content: flex-end;
  padding: 18px 22px 20px;
  display: flex;
}

.hl-if-board-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #26211e;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 16px 22px 14px;
  display: flex;
}

.hl-if-board-tag {
  color: #bcb2a6;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-if-board-title {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-if-board-wrap {
  z-index: 1;
  width: 450px;
  position: absolute;
  top: 60px;
  right: 0;
}

.hl-if-cal {
  background-color: #fff8f0;
  border-radius: 18px;
  flex-direction: column;
  align-items: center;
  padding: 0 0 18px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: rotate(-6deg);
}

.hl-if-cal-day {
  color: #0a0807;
  letter-spacing: -.02em;
  margin-top: 10px;
  font-family: Archivo, sans-serif;
  font-size: 120px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .86;
  display: block;
}

.hl-if-cal-foot {
  color: #4a433d;
  text-align: center;
  margin-top: 10px;
  padding: 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.hl-if-cal-ring {
  background-color: #0a0807;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-if-cal-rings {
  z-index: 2;
  justify-content: space-between;
  padding: 0 40px;
  display: flex;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
}

.hl-if-cal-top {
  color: #0a0807;
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #ff4a00;
  width: 100%;
  padding: 30px 12px 12px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1;
  display: block;
}

.hl-if-cal-wrap {
  z-index: 2;
  filter: drop-shadow(0 40px 48px #000000bf);
  width: 184px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hl-if-cap {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-if-chan {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 40px auto 44px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-if-chan-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  background-image: radial-gradient(90% 70% at 50% 130%, #ff730029 0%, #ff4a0000 70%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 28px 28px 30px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-if-chan-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: auto;
  display: flex;
}

.hl-if-chan-tag {
  color: #ffa800;
  text-transform: none;
  letter-spacing: 0;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0 0 4px;
  padding: 5px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.3;
}

.hl-if-chan-text {
  color: #bcb2a6;
  margin: 0 0 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-if-chan-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-if-chip {
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 999px;
  margin: 0;
  padding: 10px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-if-chip-hot {
  color: #fff8f0;
  background-color: #26211e;
  border: 1.5px solid #ffa800;
  border-radius: 999px;
  margin: 0;
  padding: 10px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-if-chips {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-if-chipset {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 26px 28px 28px;
  display: flex;
}

.hl-if-chipset-title {
  color: #ff4a00;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-if-chipsets {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 4fr);
  max-width: 1000px;
  margin: 8px auto 40px;
  display: grid;
}

.hl-if-col {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-if-end {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 112px;
  position: relative;
}

.hl-if-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.1em;
  padding: 2px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-if-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-if-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-if-freecard {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #131110;
  background-image: radial-gradient(70% 110% at 0 120%, #ff73002e 0%, #ff4a0000 70%);
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  margin: 0 0 28px;
  padding: 24px 28px 26px;
  display: flex;
}

.hl-if-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 14px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-if-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  align-items: flex-start;
  margin: 14px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-if-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 7px;
  display: block;
}

.hl-if-mini-date {
  color: #958b80;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-if-mini-date-next {
  color: #ffd60a;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-if-mini-dot-next {
  outline-offset: 0;
  background-color: #ffd60a;
  border: 3px solid #131110;
  border-radius: 50%;
  outline: 2px solid #ffd60a;
  width: 20px;
  height: 20px;
  display: block;
}

.hl-if-mini-dot-past {
  -webkit-text-fill-color: inherit;
  background-color: #ff7300;
  background-clip: padding-box;
  border: 4px solid #ff730000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: block;
}

.hl-if-mini-line {
  background-color: #ff7300;
  flex: auto;
  height: 2px;
  margin-top: 9px;
  display: block;
}

.hl-if-mini-line-next {
  background-image: linear-gradient(90deg, #ff7300 0%, #ffd60a 100%);
  flex: auto;
  height: 2px;
  margin-top: 9px;
  display: block;
}

.hl-if-mini-rail {
  align-items: flex-start;
  width: 230px;
  display: flex;
}

.hl-if-mini-stop {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.hl-if-node {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: 96px minmax(0, 1fr);
  column-gap: 24px;
  margin: 0;
  padding: 30px 32px 26px;
  display: grid;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-if-node-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-if-node-help {
  color: #bcb2a6;
  max-width: 62ch;
  margin: 0 0 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-if-node-num {
  color: #ff7300;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 72px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .85;
}

.hl-if-node-q {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-if-path {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: start;
  column-gap: 14px;
  padding-top: 12px;
  display: grid;
}

.hl-if-path-text {
  color: #fff8f0;
  max-width: 62ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-if-pill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 10px 16px 10px 12px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-if-pill-tick {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  padding: 3px;
  display: block;
}

.hl-if-pill-wrap {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
}

.hl-if-pipe-off {
  background-image: repeating-linear-gradient(90deg, #6e655b 0 3px, #6e655b00 3px 9px);
  height: 2px;
  display: block;
}

.hl-if-pipe-ok {
  background-image: linear-gradient(90deg, #ffa800 0%, #ffd60a 100%);
  border-radius: 1px;
  height: 2px;
  display: block;
}

.hl-if-pipe-paid {
  background-image: repeating-linear-gradient(90deg, #ffa800 0 6px, #ffa80000 6px 10px);
  height: 2px;
  display: block;
}

.hl-if-pull {
  color: #fff8f0;
  letter-spacing: -.015em;
  border-top: 1px solid #2e2824;
  margin: 36px 0 0;
  padding-top: 28px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-if-pull-volt {
  color: #ffd60a;
  display: block;
}

.hl-if-q {
  color: #fff8f0;
  text-indent: -28px;
  border-bottom: 1px solid #2e2824;
  margin: 0;
  padding: 12px 0 13px 28px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
  display: block;
}

.hl-if-q-num {
  color: #ffa800;
  text-indent: 0;
  font-variant-numeric: tabular-nums;
  width: 24px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
  display: inline-block;
}

.hl-if-qbox {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-top: 24px;
  display: grid;
}

.hl-if-qcard {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 1080px;
  margin: 40px auto 28px;
  padding: 12px 36px 32px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-if-qcard-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #6e655b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0 20px;
  display: flex;
}

.hl-if-qcard-title {
  color: #ffa800;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-if-qgroup {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-if-qgroup-title {
  color: #fff8f0;
  margin: 0 0 4px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-if-qs {
  border-top: 1px solid #2e2824;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-if-quote {
  background-color: #131110;
  background-image: radial-gradient(70% 90% at 50% 125%, #ff73004d 0%, #ff4a0014 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 980px;
  margin: 8px auto 52px;
  padding: 52px 64px 44px;
  position: relative;
  overflow: hidden;
}

.hl-if-quote-cap {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  margin: 24px 0 0;
  padding-top: 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-if-quote-mark {
  color: #ff7300;
  height: 72px;
  margin: 0 0 4px -4px;
  font-family: Archivo, sans-serif;
  font-size: 140px;
  font-weight: 900;
  line-height: .9;
  display: block;
}

.hl-if-quote-text {
  color: #fff8f0;
  letter-spacing: -.015em;
  border-left-style: none;
  border-left-width: 0;
  margin: 0;
  padding: 0;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.08;
}

.hl-if-rail-1 {
  background-color: #ff4a00;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-if-rail-2 {
  background-color: #ff7300;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-if-rail-3 {
  background-color: #ffa800;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-if-rail-4 {
  background-image: linear-gradient(90deg, #ffa800 0%, #ffd60a 100%);
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-if-rail-5 {
  background-color: #ffd60a;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-if-route {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(16px, 44px) auto;
  align-items: center;
  padding: 16px 22px;
  display: grid;
}

.hl-if-route-id {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-if-route-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-if-route-sub {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-if-rule {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-left: 4px solid #ffa800;
  border-radius: 20px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 26px 28px;
  display: flex;
}

.hl-if-rule-note {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-if-rule-q {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-if-rule-warn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  background-image: radial-gradient(80% 120% at 0 120%, #ff4a0038 0%, #ff4a0000 70%);
  border: 1px solid #ff7300;
  border-left: 4px solid #ff4a00;
  border-radius: 20px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 26px 28px;
  display: flex;
}

.hl-if-rules {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1000px;
  margin: 12px auto 44px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-if-sec {
  padding-top: 120px;
  position: relative;
}

.hl-if-sec-first {
  padding-top: 112px;
  position: relative;
}

.hl-if-sheet {
  min-width: 0;
  padding: 4px 28px 8px;
  display: block;
}

.hl-if-sheet-bar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #26211e;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 18px 28px 16px;
  display: flex;
}

.hl-if-sheet-card {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-if-sheet-cell {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-if-sheet-head {
  border-bottom: 1px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr) 92px minmax(0, 2fr);
  column-gap: 20px;
  padding: 16px 0 12px;
  display: grid;
}

.hl-if-sheet-mlabel {
  display: none;
}

.hl-if-sheet-note {
  color: #bcb2a6;
  margin-top: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.hl-if-sheet-rh {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-if-sheet-role {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-if-sheet-row {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr) 92px minmax(0, 2fr);
  align-items: start;
  column-gap: 20px;
  padding: 20px 0;
  display: grid;
}

.hl-if-sheet-row-last {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr) 92px minmax(0, 2fr);
  align-items: start;
  column-gap: 20px;
  padding: 20px 0;
  display: grid;
}

.hl-if-sheet-site {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-if-sheet-th {
  color: #958b80;
  letter-spacing: .12em;
  text-transform: uppercase;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-if-sheet-title {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-if-src {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  margin-top: 72px;
  padding-top: 40px;
  display: grid;
}

.hl-if-src-item {
  color: #bcb2a6;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin: 0;
  padding: 12px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-if-src-link {
  color: #fff8f0;
  overflow-wrap: anywhere;
  font-weight: 500;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-if-src-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-if-src-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-if-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-if-src-num {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
}

.hl-if-src-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-self: start;
  display: flex;
  position: sticky;
  top: 112px;
}

.hl-if-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-if-src-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-if-st-dot-off {
  background-color: #0000;
  border: 2px solid #ff4a00;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-if-st-dot-ok {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-if-st-dot-paid {
  background-color: #ffa800;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-if-st-off {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  white-space: nowrap;
  background-color: #131110;
  border: 1.5px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  padding: 7px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-if-st-ok {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 7px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-if-st-paid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffa800;
  white-space: nowrap;
  background-color: #26211e;
  border: 1.5px solid #ffa800;
  border-radius: 999px;
  align-items: center;
  padding: 7px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-if-stage {
  z-index: 2;
  width: 100%;
  max-width: 520px;
  height: 600px;
  margin-left: auto;
  position: relative;
}

.hl-if-step {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 190px;
  min-width: 0;
  margin: 0;
  padding: 0 0 4px;
  display: flex;
  position: relative;
}

.hl-if-step-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-if-step-title {
  color: #fff8f0;
  margin: 4px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-if-step-word {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .92;
}

.hl-if-steps {
  grid-column-gap: 18px;
  grid-row-gap: 28px;
  flex-wrap: wrap;
  max-width: 1180px;
  margin: 44px auto 56px;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-if-sup {
  vertical-align: baseline;
  margin-left: 1px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-if-term {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 28px 28px 30px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-if-term-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-if-term-tag {
  color: #ffa800;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-if-term-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-if-terms {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1080px;
  margin: 32px auto 8px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-if-tl {
  max-width: 1000px;
  margin: 40px auto 20px;
  padding: 0;
  list-style: none;
}

.hl-if-tl-body {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  min-width: 0;
  padding: 28px 0 32px;
  display: flex;
}

.hl-if-tl-date {
  color: #fff8f0;
  text-align: right;
  letter-spacing: -.005em;
  margin: 0;
  padding: 26px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: 1;
}

.hl-if-tl-date-next {
  color: #ffd60a;
  text-align: right;
  letter-spacing: -.005em;
  margin: 0;
  padding: 26px 0 30px;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: 1;
}

.hl-if-tl-dot {
  background-color: #ff7300;
  border: 3px solid #0a0807;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  top: 30px;
  left: 15px;
}

.hl-if-tl-dot-next {
  outline-offset: 2px;
  background-color: #ffd60a;
  border: 4px solid #1c1917;
  border-radius: 50%;
  outline: 2px solid #ffd60a;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 28px;
  left: 12px;
}

.hl-if-tl-item {
  grid-template-rows: auto;
  grid-template-columns: 200px 48px minmax(0, 1fr);
  column-gap: 20px;
  margin: 0;
  padding: 0 24px;
  display: grid;
}

.hl-if-tl-next {
  background-color: #1c1917;
  background-image: radial-gradient(60% 120% at 20% 130%, #ff730042 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #ff7300;
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: 200px 48px minmax(0, 1fr);
  column-gap: 20px;
  margin: 0;
  padding: 0 24px;
  display: grid;
}

.hl-if-tl-node {
  background-image: linear-gradient(#ff4a00 0%, #ffa800 100%);
  background-position: 23px 0;
  background-repeat: no-repeat;
  background-size: 2px 100%;
  display: block;
  position: relative;
}

.hl-if-tl-node-end {
  background-image: linear-gradient(#ffa800 0%, #ffd60a 100%);
  background-position: 23px 0;
  background-repeat: no-repeat;
  background-size: 2px 34px;
  display: block;
  position: relative;
}

.hl-if-tl-what {
  color: #bcb2a6;
  max-width: 62ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-if-tl-what-next {
  color: #fff8f0;
  max-width: 62ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-if-tl-who {
  color: #ffa800;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-if-tl-who-next {
  color: #0a0807;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-if-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin-top: 24px;
  padding: 24px 26px 20px;
}

.hl-if-toc-li {
  border-top: 1px solid #2e2824;
  margin: 0;
}

.hl-if-toc-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-if-tree {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  max-width: 900px;
  margin: 40px auto;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-ip-article {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 120px;
  position: relative;
}

.hl-ip-article-end {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 64px;
  position: relative;
}

.hl-ip-billed {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 7px 14px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-ip-billed-dot {
  background-color: #0a0807;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-ip-box {
  color: #ffd60a;
  width: 34px;
  margin-left: -34px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.4;
  display: inline-block;
}

.hl-ip-budget {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 16px;
  padding: 16px 16px 14px;
  display: block;
}

.hl-ip-budget-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.hl-ip-budget-label {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ip-budget-note {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-ip-cap {
  color: #958b80;
  text-align: center;
  max-width: 1080px;
  margin: 0 auto;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-ip-cap-col {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-ip-check {
  color: #fff8f0;
  overflow-wrap: anywhere;
  border-bottom: 1px solid #2e2824;
  margin: 0;
  padding: 14px 0 15px 34px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.hl-ip-checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-ip-chip-bill {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0a0807;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ip-chip-free {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1.5px solid #0a080747;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 3px 9px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ip-col {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-ip-end {
  background-color: #0a0807;
  padding-top: 24px;
  padding-bottom: 104px;
  position: relative;
}

.hl-ip-example {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border: 1.5px dashed #6e655b;
  border-radius: 16px;
  align-items: flex-start;
  max-width: 860px;
  margin: 0 auto 16px;
  padding: 16px 20px;
  display: flex;
}

.hl-ip-example-tag {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border-radius: 999px;
  flex-shrink: 0;
  margin-top: 1px;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ip-example-text {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-ip-flood-foot {
  z-index: 2;
  grid-column-gap: 28px;
  grid-row-gap: 14px;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 760px;
  margin: 48px auto 0;
  display: flex;
  position: relative;
}

.hl-ip-flow {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #2e2824;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  max-width: 860px;
  margin: 36px auto;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: hidden;
}

.hl-ip-flow-arrow {
  color: #ffa800;
  border: 1px solid #3a322c;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.hl-ip-flow-from {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-ip-flow-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #131110;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr);
  align-items: center;
  margin: 0;
  padding: 22px 30px;
  display: grid;
}

.hl-ip-flow-to {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-ip-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  padding: 1px 2px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline;
}

.hl-ip-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-ip-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-ip-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 14px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-ip-job {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ip-job-body {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  padding: 22px;
  display: flex;
}

.hl-ip-job-brand {
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ip-job-chip {
  color: #fff8f0;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ip-job-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.hl-ip-job-tag {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ff730029;
  border-radius: 999px;
  align-items: center;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-ip-job-tag-dot {
  background-color: #ffa800;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: block;
}

.hl-ip-job-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  display: block;
}

.hl-ip-job-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #26211e;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px;
  display: flex;
}

.hl-ip-job-wrap {
  z-index: 1;
  width: 404px;
  position: absolute;
  top: 44px;
  right: 0;
}

.hl-ip-key-min {
  background-color: #bcb2a6;
  border-radius: 2px;
  width: 3px;
  height: 12px;
  display: block;
}

.hl-ip-key-rec {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 3px;
  height: 12px;
  display: block;
}

.hl-ip-key-you {
  background-color: #fff8f0;
  border: 2px solid #ffa800;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  display: block;
}

.hl-ip-legend {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.hl-ip-legend-item {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #bcb2a6;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-ip-list-card {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 36px auto 0;
  padding: 12px 36px 28px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-ip-list-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #6e655b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0 20px;
  display: flex;
}

.hl-ip-list-title {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ip-lockups {
  z-index: 2;
  border-bottom: 2px solid #0a0807;
  max-width: 1040px;
  margin: 64px auto 0;
  position: relative;
}

.hl-ip-meta {
  color: #958b80;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-ip-meter {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 32px auto 18px;
  overflow: hidden;
}

.hl-ip-meter-act {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ip-meter-act-off {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-ip-meter-h {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ip-meter-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1c1917;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 16px 28px;
  display: flex;
}

.hl-ip-meter-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-ip-meter-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  margin: 0;
  padding: 18px 28px;
  display: grid;
}

.hl-ip-meter-row-off {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #0a0807;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  margin: 0;
  padding: 18px 28px;
  display: grid;
}

.hl-ip-pace {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 0 auto 44px;
  padding: 28px 34px 30px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-ip-pace-fill {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 7px;
  width: 57.5%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-ip-pace-fix {
  color: #bcb2a6;
  margin: 14px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-ip-pace-flag {
  color: #ffa800;
  background-color: #ff730029;
  border-radius: 999px;
  margin: 24px 0 0;
  padding: 8px 14px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  display: inline-flex;
}

.hl-ip-pace-head {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 18px;
  display: flex;
}

.hl-ip-pace-k {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  align-items: center;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-ip-pace-key {
  min-width: 0;
}

.hl-ip-pace-keys {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.hl-ip-pace-mark {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 3px;
  margin-left: -1px;
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: 50%;
}

.hl-ip-pace-meter {
  background-color: #2e2824;
  border-radius: 7px;
  height: 14px;
  margin: 34px 0 24px;
  position: relative;
}

.hl-ip-pace-strong {
  color: #fff8f0;
  font-weight: 600;
}

.hl-ip-pace-tag {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  margin: 0;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ip-pace-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-ip-pace-v {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  margin: 6px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: 1;
}

.hl-ip-part {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  display: flex;
}

.hl-ip-part-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-ip-part-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-ip-parts {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 1080px;
  margin: 40px auto 48px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ip-pill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #26211e;
  border-style: none;
  border-width: 0;
  border-radius: 999px;
  align-items: center;
  padding: 10px 16px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-ip-pill-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-ip-pill-wrap {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 24px;
}

.hl-ip-plan {
  color: #958b80;
  text-align: center;
  white-space: nowrap;
  border-radius: 999px;
  flex: 1 1 0;
  min-width: 0;
  padding: 8px 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-ip-plan-on {
  color: #fff8f0;
  text-align: center;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  flex: 1 1 0;
  min-width: 0;
  padding: 8px 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  box-shadow: inset 0 1px #fff8f014;
}

.hl-ip-plans {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 999px;
  padding: 4px;
  display: flex;
}

.hl-ip-pull {
  color: #fff8f0;
  letter-spacing: -.015em;
  border-top: 1px solid #2e2824;
  margin: 36px 0 0;
  padding-top: 28px;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.04;
}

.hl-ip-pull-volt {
  color: #ffd60a;
  display: block;
}

.hl-ip-quote {
  background-color: #131110;
  background-image: radial-gradient(70% 90% at 0 120%, #ff73003d 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 940px;
  margin: 40px auto 36px;
  padding: 48px 52px 40px;
  position: relative;
  overflow: hidden;
}

.hl-ip-quote-by {
  color: #bcb2a6;
  margin: 22px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-ip-quote-text {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-ip-quote-volt {
  color: #ffd60a;
}

.hl-ip-rail-1 {
  background-color: #ff4a00;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-ip-rail-2 {
  background-color: #ff7300;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-ip-rail-3 {
  background-color: #ffa800;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-ip-rail-4 {
  background-color: #ffd60a;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-ip-receipt {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 16px;
  flex-direction: column;
  padding: 18px 20px 16px;
  display: flex;
  position: relative;
  transform: rotate(-4deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ip-receipt-act {
  color: #0a0807;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ip-receipt-foot {
  color: #4a433d;
  margin-top: 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  display: block;
}

.hl-ip-receipt-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 2px dashed #0a080738;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 12px;
  display: flex;
}

.hl-ip-receipt-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #0a08071a;
  justify-content: space-between;
  align-items: center;
  padding: 9px 0;
  display: flex;
}

.hl-ip-receipt-tag {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ip-receipt-title {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .9;
}

.hl-ip-receipt-wrap {
  z-index: 2;
  width: 296px;
  position: absolute;
  bottom: 0;
  left: -28px;
}

.hl-ip-route {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 24px 24px 22px;
  display: flex;
}

.hl-ip-route-dot {
  background-color: #ffa800;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-ip-route-src {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  padding: 7px 14px 7px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-ip-route-state {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ff730029;
  border-radius: 999px;
  align-self: flex-start;
  margin-top: auto;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ip-route-text {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-ip-routes {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 36px auto 44px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ip-rule {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 26px 26px 28px;
  display: flex;
}

.hl-ip-rule-mark {
  color: #ff7300;
  height: 34px;
  font-family: Archivo, sans-serif;
  font-size: 72px;
  font-weight: 900;
  line-height: .9;
  display: block;
}

.hl-ip-rule-text {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ip-rules {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 28px auto 16px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ip-sec {
  padding-top: 120px;
  position: relative;
}

.hl-ip-sec-first {
  padding-top: 104px;
  position: relative;
}

.hl-ip-sources {
  background-color: #0a0807;
  padding-top: 72px;
  padding-bottom: 104px;
  position: relative;
}

.hl-ip-spec {
  background-color: #131110;
  background-image: radial-gradient(70% 60% at 30% 115%, #ff73003d 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 32px 34px 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-ip-spec-big {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.02em;
  white-space: nowrap;
  margin: 14px 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 136px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .84;
}

.hl-ip-spec-label {
  color: #ffa800;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ip-spec-text {
  color: #bcb2a6;
  max-width: 40ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-ip-specs {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  max-width: 1080px;
  margin: 40px auto 20px;
  display: grid;
}

.hl-ip-src {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  padding-top: 40px;
  display: grid;
}

.hl-ip-src-item {
  color: #bcb2a6;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin: 0;
  padding: 12px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  transition: background-color .3s;
  display: grid;
}

.hl-ip-src-link {
  color: #fff8f0;
  overflow-wrap: anywhere;
  font-weight: 500;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-ip-src-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-ip-src-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-ip-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-ip-src-note {
  color: #958b80;
  max-width: 34ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-ip-src-num {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
}

.hl-ip-src-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-self: start;
  display: flex;
  position: sticky;
  top: 112px;
}

.hl-ip-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-ip-src-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-ip-stage {
  z-index: 2;
  width: 100%;
  max-width: 520px;
  height: 690px;
  margin-left: auto;
  position: relative;
}

.hl-ip-step {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 26px 26px 28px;
  display: flex;
}

.hl-ip-step-kick {
  color: #ffa800;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ip-step-rail {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  border-radius: 2px;
  width: 56px;
  height: 4px;
  margin-bottom: 12px;
  display: block;
}

.hl-ip-step-text {
  color: #bcb2a6;
  overflow-wrap: anywhere;
  margin: 4px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-ip-step-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-ip-steps {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 44px auto 40px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ip-sup {
  vertical-align: baseline;
  margin-left: 1px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-ip-sw-cap {
  border: 2px solid #6e655b;
  border-radius: 3px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-ip-sw-plan {
  background-color: #ffd60a;
  border-radius: 2px;
  flex-shrink: 0;
  width: 3px;
  height: 14px;
  display: block;
}

.hl-ip-sw-spend {
  background-color: #ff7300;
  border-radius: 3px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-ip-tag {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 28px 28px 26px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-ip-tag-hole {
  background-color: #0a0807;
  border: 1.5px solid #3a322c;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 26px;
  right: 26px;
}

.hl-ip-tag-hot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  background-image: radial-gradient(90% 70% at 50% 120%, #ff730047 0%, #ff4a0012 55%, #ff4a0000 100%);
  border: 1px solid #ff7300;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 28px 28px 26px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-ip-tag-label {
  color: #ffa800;
  border-top: 1px solid #2e2824;
  margin: auto 0 0;
  padding-top: 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ip-tag-name {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ip-tag-name-hot {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-ip-tag-pay {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 6px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-ip-tag-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-ip-tags {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 44px auto 24px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ip-tier-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 28px 28px 26px;
  display: flex;
}

.hl-ip-tier-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 28px 28px 26px;
  display: flex;
}

.hl-ip-tier-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  background-image: radial-gradient(90% 80% at 50% 125%, #ff730042 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #ff7300;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 28px 28px 26px;
  display: flex;
}

.hl-ip-tier-name-1 {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .95;
}

.hl-ip-tier-name-2 {
  color: #fff8f0;
  font-variation-settings: "wdth" 100;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 900;
  font-stretch: 100%;
  line-height: .95;
}

.hl-ip-tier-name-3 {
  color: #ffd60a;
  font-variation-settings: "wdth" 125;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 900;
  font-stretch: 125%;
  line-height: .95;
}

.hl-ip-tier-sub {
  color: #ffa800;
  margin: 0 0 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ip-tier-text {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  margin: 6px 0 0;
  padding-top: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-ip-tiers {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .84fr) minmax(0, 1fr) minmax(0, 1.26fr);
  align-items: stretch;
  max-width: 1080px;
  margin: 32px auto 44px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ip-time {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-ip-time-date {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  white-space: nowrap;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1.25;
}

.hl-ip-time-date-now {
  color: #ffd60a;
  font-variation-settings: "wdth" 75;
  white-space: nowrap;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1.25;
}

.hl-ip-time-dot {
  background-color: #0a0807;
  border: 3px solid #ff7300;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 20px;
  left: 1px;
}

.hl-ip-time-dot-now {
  background-color: #ffd60a;
  border: 3px solid #ffd60a;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 20px;
  left: 0;
}

.hl-ip-time-item {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 168px minmax(0, 1fr);
  align-items: baseline;
  column-gap: 24px;
  margin: 0;
  padding: 14px 0 14px 44px;
  display: grid;
  position: relative;
}

.hl-ip-time-item-now {
  z-index: 1;
  background-color: #0a0807;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 168px minmax(0, 1fr);
  align-items: baseline;
  column-gap: 24px;
  margin: 0;
  padding: 14px 0 14px 44px;
  display: grid;
  position: relative;
}

.hl-ip-time-rail {
  background-image: linear-gradient(#ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  width: 2px;
  position: absolute;
  top: 24px;
  bottom: 30px;
  left: 7px;
}

.hl-ip-time-stub {
  background-color: #ffd60a;
  width: 2px;
  height: 22px;
  position: absolute;
  top: 0;
  left: 7px;
}

.hl-ip-time-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-ip-time-text-now {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.55;
}

.hl-ip-time-wrap {
  max-width: 860px;
  margin: 40px auto 24px;
  position: relative;
}

.hl-ip-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin-top: 24px;
  padding: 24px 26px 20px;
}

.hl-ip-toc-li {
  border-top: 1px solid #2e2824;
  margin: 0;
}

.hl-ip-toc-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ip-track {
  background-color: #2e2824;
  border-radius: 4px;
  height: 8px;
  margin: 22px 6px 20px;
  display: block;
  position: relative;
}

.hl-ip-track-fill {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 4px;
  width: 66%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-ip-track-min {
  background-color: #bcb2a6;
  border-radius: 2px;
  width: 3px;
  height: 20px;
  margin-left: -1px;
  position: absolute;
  top: -6px;
  left: 28%;
}

.hl-ip-track-rec {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 3px;
  height: 20px;
  margin-left: -1px;
  position: absolute;
  top: -6px;
  left: 50%;
}

.hl-ip-track-you {
  background-color: #fff8f0;
  border: 3px solid #ffa800;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  margin-left: -11px;
  position: absolute;
  top: 50%;
  left: 66%;
  box-shadow: 0 6px 14px #00000080;
}

.hl-ip-trigger {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 28px 26px 26px;
  display: flex;
}

.hl-ip-trigger-big {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.015em;
  white-space: nowrap;
  margin: 4px 0 6px;
  font-family: Archivo, sans-serif;
  font-size: 80px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .88;
}

.hl-ip-trigger-tag {
  color: #ffa800;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ip-trigger-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-ip-triggers {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 32px auto;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ip-unbilled {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 6px 13px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-ip-vs {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  max-width: 1080px;
  margin: 44px auto 24px;
  display: grid;
}

.hl-ip-vs-calm {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 32px 32px 30px;
  display: flex;
  position: relative;
}

.hl-ip-vs-hot {
  background-color: #1c1917;
  background-image: radial-gradient(80% 70% at 50% 120%, #ff730042 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #ff7300;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 32px 32px 30px;
  display: flex;
  position: relative;
}

.hl-ip-vs-label {
  color: #ffa800;
  border-top: 1px solid #2e2824;
  margin: 0;
  padding-top: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-ip-vs-tag {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0 0 18px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ip-vs-tag-calm {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0 0 18px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ip-vs-text {
  color: #fff8f0;
  margin: 6px 0 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-ip-vs-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0 0 22px;
  font-family: Archivo, sans-serif;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-ip-watch {
  background-color: #1c1917;
  border-left: 4px solid #ffd60a;
  border-radius: 16px;
  margin: 48px 0 0;
  padding: 22px 26px;
}

.hl-jt-ad {
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 24px;
  flex-direction: column;
  padding: 14px;
  display: flex;
  transform: rotate(3deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-jt-ad-apply {
  color: #fff8f0;
  background-color: #0a0807;
  border-radius: 999px;
  padding: 8px 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-jt-ad-avatar {
  background-image: linear-gradient(135deg, #ffd60a 0%, #ff7300 60%, #ff4a00 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.hl-jt-ad-bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.hl-jt-ad-bar-text {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-jt-ad-brand {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-jt-ad-chip {
  color: #0a0807;
  background-color: #0a080724;
  border-radius: 999px;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-jt-ad-chips {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  margin-top: 8px;
  display: flex;
  position: relative;
}

.hl-jt-ad-id {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  display: flex;
}

.hl-jt-ad-kicker {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  position: relative;
}

.hl-jt-ad-media {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #ff7300;
  background-image: radial-gradient(90% 70% at 80% 0, #ffd60a 0%, #ffd60a00 70%), linear-gradient(160deg, #ffa800 0%, #ff7300 45%, #ff4a00 100%);
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 120px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-jt-ad-meta {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-jt-ad-role {
  color: #0a0807;
  letter-spacing: -.02em;
  font-family: Archivo, sans-serif;
  font-size: 31px;
  font-weight: 900;
  line-height: .92;
  position: relative;
}

.hl-jt-ad-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.hl-jt-ad-wrap {
  z-index: 2;
  width: 256px;
  position: absolute;
  bottom: 0;
  right: -24px;
}

.hl-jt-answer {
  z-index: 3;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #131110;
  background-image: linear-gradient(90deg, #ffa80014 0%, #ffa80000 32%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: 220px minmax(0, 1fr);
  margin-top: -48px;
  padding: 32px 40px;
  display: grid;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-jt-answer-label {
  color: #ffa800;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-jt-answer-note {
  color: #958b80;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-jt-answer-rows {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-jt-answer-side {
  padding-top: 14px;
}

.hl-jt-arow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: baseline;
  margin: 0;
  padding: 14px 0;
  display: grid;
}

.hl-jt-arow-k {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-jt-arow-k-volt {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-jt-arow-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: baseline;
  margin: 0;
  padding: 14px 0 6px;
  display: grid;
}

.hl-jt-arow-t {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-jt-body {
  background-color: #0a0807;
  padding-top: 0;
  padding-bottom: 72px;
  position: relative;
}

.hl-jt-box {
  background-color: #131110;
  border: 2px solid #ffa800;
  border-radius: 5px;
  width: 18px;
  height: 18px;
  margin-top: 4px;
  display: block;
}

.hl-jt-card {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  padding: 24px 24px 12px;
}

.hl-jt-card-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  align-items: center;
  margin: 0 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.hl-jt-check {
  border-top: 1px solid #2e2824;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.hl-jt-check-item {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 6px;
  padding: 14px 0 15px;
  display: grid;
}

.hl-jt-check-key {
  color: #fff8f0;
  font-weight: 700;
}

.hl-jt-check-text {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
  display: block;
}

.hl-jt-chip-lock {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffd60a14;
  border: 1px solid #ffd60a;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-jt-chip-min {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ff730029;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-jt-chip-off {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #6e655b;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-jt-chip-ok {
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #fff8f0;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-jt-chip-on {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-jt-close {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  max-width: 66ch;
  margin: 72px 0 0;
  padding-top: 32px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-jt-display {
  color: #fff8f0;
  letter-spacing: -.025em;
  margin: 18px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 84px;
  font-weight: 800;
  line-height: .96;
}

.hl-jt-doc {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 248px minmax(0, 1fr);
  align-items: start;
  margin-top: 88px;
  display: grid;
}

.hl-jt-dot-google {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.hl-jt-dot-meta {
  background-color: #ff7300;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.hl-jt-fn {
  color: #ffa800;
  text-align: center;
  background-color: #ffa8001f;
  border-radius: 999px;
  min-width: 1.7em;
  padding: 2px 5px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-jt-fn:hover {
  color: #0a0807;
  background-color: #ffd60a;
}

.hl-jt-fn:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-jt-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 12px 0 24px;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-jt-ili {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  border-top: 1px solid #2e2824;
  align-items: flex-start;
  padding: 11px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-jt-ilist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-jt-main {
  min-width: 0;
  max-width: 800px;
}

.hl-jt-map {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin: 32px 0;
  padding: 20px 20px 22px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-jt-map-cap {
  color: #bcb2a6;
  max-width: 66ch;
  margin: 16px 4px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-jt-map-field {
  background-color: #0e0c0b;
  background-image: radial-gradient(circle, #fff8f01c 1px, #fff8f000 1.6px);
  background-size: 18px 18px;
  border-radius: 18px;
  height: 290px;
  display: block;
  position: relative;
  overflow: hidden;
}

.hl-jt-map-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding: 0 4px;
  display: flex;
}

.hl-jt-map-set {
  width: 520px;
  height: 290px;
  margin: 0 auto;
  display: block;
  position: relative;
}

.hl-jt-map-tag {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #ffa8001f;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-jt-map-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-jt-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #958b80;
  align-items: flex-start;
  max-width: 560px;
  margin: 28px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.hl-jt-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 6px;
}

.hl-jt-mlabel {
  display: none;
}

.hl-jt-no {
  color: #958b80;
  border: 1.5px solid #6e655b;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-jt-offer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 240px;
  align-items: center;
  margin-top: 72px;
  padding: 40px 40px 44px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-jt-offer-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  width: 232px;
  padding: 16px 18px 18px;
  display: flex;
  transform: rotate(3deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-jt-offer-card-head {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-bottom: 1px solid #2e2824;
  padding-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-jt-offer-copy {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.hl-jt-offer-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73006b 0%, #ff4a0024 55%, #ff4a0000 100%);
  width: 560px;
  height: 420px;
  position: absolute;
  bottom: -160px;
  right: -120px;
}

.hl-jt-offer-obj {
  z-index: 2;
  justify-content: center;
  display: flex;
  position: relative;
}

.hl-jt-offer-text {
  color: #bcb2a6;
  max-width: 52ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-jt-offer-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 10px 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-jt-pair {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 8px 0;
  display: grid;
}

.hl-jt-panel {
  background-color: #1c1917;
  background-image: linear-gradient(#221e1b 0%, #1c1917 40%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  padding: 20px 20px 8px;
  transform: rotate(-3deg);
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-jt-panel-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.hl-jt-panel-tag {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffa8001f;
  border-radius: 999px;
  padding: 5px 9px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-jt-panel-title {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-jt-panel-wrap {
  z-index: 1;
  width: 272px;
  position: absolute;
  top: 0;
  left: 0;
}

.hl-jt-pin {
  background-color: #ffd60a;
  border: 3px solid #0a0807;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 0 1px #ffd60a;
}

.hl-jt-related {
  margin-top: 72px;
}

.hl-jt-rh {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
}

.hl-jt-ring-label {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0e0c0b;
  border-radius: 999px;
  padding: 3px 8px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
}

.hl-jt-rule {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  padding: 22px 24px 24px;
  display: flex;
}

.hl-jt-rule-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-jt-rule-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-jt-rule-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  display: flex;
}

.hl-jt-rule-wide {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  background-image: linear-gradient(90deg, #fff8f00a 0%, #fff8f000 60%);
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  padding: 22px 24px 24px;
  display: flex;
}

.hl-jt-rules {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 4px 0 8px;
  display: grid;
}

.hl-jt-sec {
  padding-top: 96px;
}

.hl-jt-sec-first {
  scroll-margin-top: 96px;
}

.hl-jt-set, .hl-jt-set-cut {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  display: flex;
}

.hl-jt-set-id {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-jt-set-last {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 11px 0 12px;
  display: flex;
}

.hl-jt-set-last-opt {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 9px 0 10px;
  display: flex;
}

.hl-jt-set-name {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
}

.hl-jt-set-opt {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  display: flex;
}

.hl-jt-set-val {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-jt-side {
  position: sticky;
  top: 104px;
}

.hl-jt-sources {
  background-color: #0a0807;
  border-top: 1px solid #2e2824;
  padding-top: 72px;
  padding-bottom: 72px;
  position: relative;
}

.hl-jt-sources-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  align-items: start;
  display: grid;
}

.hl-jt-sources-side {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.hl-jt-sources-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-jt-span-ab {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom: 1.5px dashed #ffa800;
  width: 64px;
  padding-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  position: absolute;
  top: 116px;
  left: 120px;
}

.hl-jt-src {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #bcb2a6;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  margin: 0 -10px;
  padding: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  transition: background-color .3s;
  display: grid;
}

.hl-jt-src-host {
  color: #958b80;
  margin-top: 2px;
  font-size: 13px;
  display: block;
}

.hl-jt-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-jt-src-num {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
}

.hl-jt-src-on {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  margin: 0 -10px;
  padding: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  transition: background-color .3s;
  display: grid;
}

.hl-jt-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-jt-stage {
  z-index: 2;
  width: 100%;
  max-width: 500px;
  height: 644px;
  position: relative;
}

.hl-jt-statement {
  color: #fff8f0;
  letter-spacing: -.02em;
  margin: 14px 0 32px;
  font-family: Archivo, sans-serif;
  font-size: 60px;
  font-weight: 800;
  line-height: 1;
}

.hl-jt-steps {
  margin: 8px 0;
  padding: 0;
  list-style: none;
}

.hl-jt-sup {
  vertical-align: baseline;
  margin-left: 3px;
  font-size: .62em;
  line-height: 0;
  position: relative;
  top: -.45em;
}

.hl-jt-table {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  margin-top: 8px;
  overflow: hidden;
}

.hl-jt-table-note {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #958b80;
  flex-wrap: wrap;
  align-items: center;
  margin: 16px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.hl-jt-td {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-jt-th {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  align-items: center;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
  display: flex;
}

.hl-jt-thead {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #1c1917;
  border-bottom: 1px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: 170px minmax(0, 1fr) minmax(0, 1fr);
  padding: 18px 28px;
  display: grid;
}

.hl-jt-toc-li {
  margin: 0;
}

.hl-jt-toc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-jt-tr {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 170px minmax(0, 1fr) minmax(0, 1fr);
  padding: 18px 28px;
  display: grid;
}

.hl-jt-tr:hover {
  background-color: #1a1715;
}

.hl-jt-tr-last {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 170px minmax(0, 1fr) minmax(0, 1fr);
  padding: 18px 28px 20px;
  display: grid;
}

.hl-jt-tr-last:hover {
  background-color: #1a1715;
}

.hl-jt-yes {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-jt-zone-a {
  background-image: radial-gradient(closest-side, #ff730057 0%, #ff4a001f 62%, #ff4a0000 100%);
  border: 1px solid #ffd60a99;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  position: absolute;
  top: 65px;
  left: 40px;
}

.hl-jt-zone-b {
  background-image: radial-gradient(closest-side, #ff730057 0%, #ff4a001f 62%, #ff4a0000 100%);
  border: 1px solid #ffd60a99;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  position: absolute;
  top: 65px;
  left: 104px;
}

.hl-jt-zone-c {
  background-image: radial-gradient(closest-side, #ff730057 0%, #ff4a001f 62%, #ff4a0000 100%);
  border: 1px solid #ffd60a99;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  position: absolute;
  top: 65px;
  left: 360px;
}

.hl-jt-zone-label {
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0a0807;
  border-radius: 999px;
  margin-top: 14px;
  padding: 4px 9px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
}

.hl-jt-zone-label-side {
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0a0807;
  border-radius: 999px;
  margin-top: -11px;
  margin-right: 13px;
  padding: 4px 9px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  right: 50%;
}

.hl-li-answer {
  background-color: #1c1917;
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  background-repeat: no-repeat;
  background-size: 100% 3px;
  border: 1px solid #2e2824;
  border-radius: 28px;
  padding: 28px 32px 10px;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-li-answer-label {
  color: #ffa800;
  font-variation-settings: "wdth" 100;
  letter-spacing: 0;
  margin: 0 0 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-li-answer-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-li-answer-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: baseline;
  margin: 0;
  padding: 18px 0;
  display: grid;
}

.hl-li-answer-tag {
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-self: start;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-li-answer-tag-free {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  justify-self: start;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-li-answer-tag-paid {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ff4a00;
  border: 1.5px solid #ff4a00;
  border-radius: 999px;
  justify-self: start;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-li-answer-text {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-li-article {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 128px;
  position: relative;
}

.hl-li-article-end {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 64px;
  position: relative;
}

.hl-li-bar-dim {
  background-color: #6b380f;
  border-radius: 3px;
  width: 24px;
  height: 10px;
  display: block;
}

.hl-li-bar-off {
  background-color: #2e2824;
  border-radius: 3px;
  width: 24px;
  height: 10px;
  display: block;
}

.hl-li-bar-on {
  background-color: #ff7300;
  border-radius: 3px;
  width: 24px;
  height: 10px;
  display: block;
}

.hl-li-budget {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 18px;
  flex-direction: column;
  padding: 18px 20px;
  display: flex;
  transform: rotate(-4deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-li-budget-cap {
  color: #ffd60a;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-li-budget-foot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.hl-li-budget-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 12px;
  display: flex;
}

.hl-li-budget-kicker {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-li-budget-note {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-li-budget-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-li-budget-wrap {
  z-index: 3;
  width: 268px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hl-li-cap {
  color: #bcb2a6;
  max-width: 1080px;
  margin: 0 auto;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-li-check {
  color: #fff8f0;
  overflow-wrap: anywhere;
  border-bottom: 1px solid #2e2824;
  margin: 0;
  padding: 14px 0 15px 40px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.hl-li-check-num {
  color: #ffd60a;
  font-variant-numeric: tabular-nums;
  width: 36px;
  margin-left: -40px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5;
  display: inline-block;
}

.hl-li-checks {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-li-chip-contract {
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-block;
}

.hl-li-chip-free {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-block;
}

.hl-li-chip-paid {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ff4a00;
  border: 1.5px solid #ff4a00;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-block;
}

.hl-li-cite {
  color: #fff8f0;
  font-style: italic;
}

.hl-li-code {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  max-width: 860px;
  margin: 40px auto 32px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-li-code-bar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px 14px;
  display: flex;
}

.hl-li-code-for {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-li-code-item {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  align-items: baseline;
  gap: 6px 24px;
  margin: 0;
  padding: 16px 0;
  display: grid;
}

.hl-li-code-label {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-li-code-list {
  margin: 0;
  padding: 4px 24px 8px;
  list-style: none;
}

.hl-li-code-pair {
  display: inline-block;
}

.hl-li-code-rim {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  height: 2px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hl-li-code-tag {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border-radius: 999px;
  flex-shrink: 0;
  margin: 0;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-li-code-val {
  color: #fff8f0;
  overflow-wrap: anywhere;
  word-break: break-word;
  min-width: 0;
  font-family: Menlo;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-li-col {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-li-display {
  color: #fff8f0;
  font-variation-settings: "wdth" 100;
  letter-spacing: -.02em;
  margin: 18px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 80px;
  font-weight: 800;
  font-stretch: 100%;
  line-height: .98;
}

.hl-li-dline {
  display: block;
}

.hl-li-ex {
  border-top: 1px solid #6e655b;
}

.hl-li-ex-cell {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-li-ex-head {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.6fr);
  column-gap: 20px;
  padding: 14px 0 12px;
  display: grid;
}

.hl-li-ex-num {
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  margin-right: 10px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
  display: inline-block;
}

.hl-li-ex-num-volt {
  color: #ffd60a;
  font-variant-numeric: tabular-nums;
  margin-right: 10px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
  display: inline-block;
}

.hl-li-ex-rh {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-li-ex-row {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.6fr);
  align-items: baseline;
  column-gap: 20px;
  padding: 16px 0;
  display: grid;
}

.hl-li-ex-th {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-li-ex-total {
  border-top: 2px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.6fr);
  align-items: baseline;
  column-gap: 20px;
  padding: 18px 0 12px;
  display: grid;
}

.hl-li-fit {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 1080px;
  margin: 40px auto 0;
  overflow: hidden;
}

.hl-li-fit-cell {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-li-fit-head {
  background-color: #131110;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.15fr) minmax(0, 1.8fr);
  column-gap: 28px;
  padding: 18px 28px;
  display: grid;
}

.hl-li-fit-lv {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  min-width: 0;
  display: flex;
}

.hl-li-fit-rh {
  color: #fff8f0;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-li-fit-row {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.15fr) minmax(0, 1.8fr);
  align-items: center;
  column-gap: 28px;
  padding: 22px 28px;
  display: grid;
}

.hl-li-fit-th {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-li-flag {
  color: #fff8f0;
  font-variation-settings: "wdth" 100;
  white-space: nowrap;
  letter-spacing: 0;
  vertical-align: 1px;
  border: 1px solid #6e655b;
  border-radius: 999px;
  margin-right: 6px;
  padding: 2px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.5;
  display: inline-block;
}

.hl-li-flood-foot {
  z-index: 2;
  grid-column-gap: 28px;
  grid-row-gap: 14px;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 840px;
  margin: 44px auto 0;
  display: flex;
  position: relative;
}

.hl-li-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  padding: 2px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline;
}

.hl-li-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-li-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-li-ghost-line {
  background-color: #2e2824;
  border-radius: 4px;
  width: 70%;
  height: 8px;
  display: block;
}

.hl-li-ghost-lines {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.hl-li-ghost-short {
  background-color: #2e2824;
  border-radius: 4px;
  width: 44%;
  height: 8px;
  display: block;
}

.hl-li-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 14px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-li-h3 {
  color: #fff8f0;
  margin: 44px 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-li-k {
  color: #ffa800;
}

.hl-li-key-daily {
  background-color: #ff4a00;
  border-radius: 3px;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-li-key-rest {
  background-color: #2e2824;
  border: 1px solid #6e655b;
  border-radius: 3px;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-li-key-total {
  background-color: #ffa800;
  border-radius: 3px;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-li-legend {
  grid-column-gap: 26px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-li-legend-li {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #bcb2a6;
  font-variant-numeric: tabular-nums;
  align-items: center;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.hl-li-level {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-shrink: 0;
  display: flex;
}

.hl-li-level-text {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-li-list-card {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 40px auto 0;
  padding: 12px 36px 26px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-li-list-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #6e655b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0 20px;
  display: flex;
}

.hl-li-list-title {
  color: #ffa800;
  font-variation-settings: "wdth" 100;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-li-lockups {
  z-index: 2;
  border-bottom: 2px solid #0a0807;
  max-width: 1040px;
  margin: 56px auto 0;
  position: relative;
}

.hl-li-logo {
  color: #bcb2a6;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.hl-li-logo-ghost {
  background-color: #26211e;
  border-radius: 10px;
  width: 40px;
  height: 40px;
  display: block;
}

.hl-li-logo-hot {
  color: #0a0807;
  background-image: linear-gradient(135deg, #ff4a00 0%, #ff7300 40%, #ffa800 75%, #ffd60a 100%);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-li-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  align-items: flex-start;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-li-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 7px;
  display: block;
}

.hl-li-meter {
  background-color: #26211e;
  border-radius: 999px;
  height: 10px;
  margin-top: 6px;
  display: block;
  position: relative;
}

.hl-li-meter-cap {
  background-color: #fff8f0;
  border-radius: 1px;
  width: 2px;
  display: block;
  position: absolute;
  top: -6px;
  bottom: -6px;
  right: 10%;
}

.hl-li-meter-fill {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  border-radius: 999px;
  width: 66%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-li-nob {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-li-nob-chip {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  margin: 0;
  padding: 9px 16px 9px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-li-nob-label {
  color: #ffa800;
  font-variation-settings: "wdth" 100;
  letter-spacing: 0;
  margin: 28px 0 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-li-nob-x {
  color: #ffa800;
  background-color: #26211e;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.hl-li-pill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 10px 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-li-pill-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-li-pill-wrap {
  z-index: 4;
  position: absolute;
  top: 0;
  left: 30px;
}

.hl-li-pull {
  color: #fff8f0;
  letter-spacing: -.015em;
  border-top: 1px solid #2e2824;
  margin: 56px 0 32px;
  padding-top: 32px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.08;
}

.hl-li-q {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 999px;
  flex: auto;
  align-items: center;
  min-width: 0;
  padding: 9px 14px;
  display: flex;
}

.hl-li-q-icon {
  opacity: .8;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: block;
}

.hl-li-q-text {
  color: #bcb2a6;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
}

.hl-li-quote {
  background-color: #131110;
  background-image: radial-gradient(50% 130% at 100% 100%, #ffa80033 0%, #ff73000d 55%, #ff730000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 1080px;
  margin: 0 auto;
  padding: 36px 40px 34px;
  position: relative;
}

.hl-li-quote-label {
  color: #ffa800;
  font-variation-settings: "wdth" 100;
  letter-spacing: 0;
  margin: 0 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-li-quote-line {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-li-quote-note {
  color: #bcb2a6;
  max-width: 640px;
  margin: 16px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-li-quote-volt {
  color: #ffd60a;
}

.hl-li-rail-1 {
  background-color: #ff4a00;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 16px;
  display: block;
}

.hl-li-rail-2 {
  background-color: #ff7300;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 16px;
  display: block;
}

.hl-li-rail-3 {
  background-color: #ffa800;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 16px;
  display: block;
}

.hl-li-related {
  background-color: #0a0807;
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
}

.hl-li-res {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  padding: 14px 4px;
  display: grid;
}

.hl-li-res-co {
  color: #bcb2a6;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
}

.hl-li-res-ghost {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  opacity: .55;
  grid-template-rows: auto;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  padding: 14px 4px 0;
  display: grid;
}

.hl-li-res-hot {
  z-index: 2;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #26211e;
  background-image: radial-gradient(90% 140% at 0 0, #ff730042 0%, #ff4a0000 62%);
  border: 1.5px solid #ffd60a;
  border-radius: 18px;
  grid-template-rows: auto;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  margin: 0 -28px 8px;
  padding: 18px 20px;
  display: grid;
  position: relative;
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-li-res-id {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-li-res-title {
  color: #fff8f0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.15;
  overflow: hidden;
}

.hl-li-route {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 30px 30px 26px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-li-route-fit {
  color: #fff8f0;
  border-top: 1px solid #2e2824;
  margin: auto 0 0;
  padding-top: 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-li-route-fit-label {
  color: #ffa800;
  font-variation-settings: "wdth" 100;
  letter-spacing: 0;
  margin-bottom: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
  display: block;
}

.hl-li-route-hot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  background-image: radial-gradient(80% 70% at 50% 120%, #ff73003d 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #ff7300;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 30px 30px 26px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-li-route-how {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-li-route-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-li-route-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-li-route-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.hl-li-routes {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1080px;
  margin: 44px auto 40px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-li-rule {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 30px 30px 28px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-li-rule-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-top: 8px;
  display: block;
}

.hl-li-rule-li {
  color: #fff8f0;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 22px minmax(0, 1fr);
  margin: 0;
  padding: 13px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
  display: grid;
}

.hl-li-rule-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-li-rule-tag {
  color: #ffa800;
  font-variation-settings: "wdth" 100;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-li-rule-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-li-rule-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-li-rule-wide {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #1c1917;
  background-image: radial-gradient(60% 90% at 0 110%, #ff730033 0%, #ff4a000d 55%, #ff4a0000 100%);
  border: 1px solid #ff7300;
  border-radius: 28px;
  grid-column: span 2 / span 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 34px;
  display: grid;
}

.hl-li-rule-wide-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-li-rules {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1080px;
  margin: 44px auto 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-li-sec {
  padding-top: 128px;
  position: relative;
}

.hl-li-sec-first {
  padding-top: 112px;
  position: relative;
}

.hl-li-seg {
  background-color: #26211e;
  border-radius: 999px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  padding: 4px;
  display: grid;
}

.hl-li-seg-off {
  color: #bcb2a6;
  text-align: center;
  padding: 8px 0;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

.hl-li-seg-on {
  color: #0a0807;
  text-align: center;
  background-color: #fff8f0;
  border-radius: 999px;
  padding: 8px 0;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

.hl-li-sheet {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 1080px;
  margin: 40px auto 32px;
  padding: 30px 36px 18px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-li-sheet-cap {
  color: #ffd60a;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  padding: 7px 14px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-li-sheet-head {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-li-sheet-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-li-sources {
  background-color: #0a0807;
  padding-top: 72px;
  padding-bottom: 56px;
  position: relative;
}

.hl-li-src {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  padding-top: 40px;
  display: grid;
}

.hl-li-src-item {
  color: #bcb2a6;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin: 0;
  padding: 12px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-li-src-link {
  color: #fff8f0;
  overflow-wrap: anywhere;
  text-underline-offset: 3px;
  word-break: break-word;
  font-weight: 500;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-li-src-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-li-src-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-li-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-li-src-num {
  color: #ffa800;
  font-variant-numeric: tabular-nums;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
}

.hl-li-src-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.hl-li-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-li-src-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-li-stack {
  background-color: #26211e;
  border-radius: 999px;
  height: 28px;
  margin: 24px 0 14px;
  display: flex;
  overflow: hidden;
}

.hl-li-stack-daily {
  background-color: #ff4a00;
  border-right: 2px solid #1c1917;
  width: 15%;
  display: block;
}

.hl-li-stack-rest {
  background-color: #26211e;
  background-image: repeating-linear-gradient(135deg, #26211e 0 8px, #2e2824 8px 16px);
  flex: auto;
  display: block;
}

.hl-li-stack-total {
  background-color: #ffa800;
  border-right: 2px solid #1c1917;
  width: 12.5%;
  display: block;
}

.hl-li-stage {
  z-index: 2;
  width: 100%;
  max-width: 520px;
  height: 580px;
  margin-left: auto;
  position: relative;
}

.hl-li-sup {
  vertical-align: baseline;
  margin-left: 1px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-li-tag {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-li-tag-hot {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ff4a00;
  border-radius: 999px;
  padding: 6px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-li-tbl {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 1080px;
  margin: 40px auto 16px;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-li-tbl-cell {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-li-tbl-head {
  background-color: #131110;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.5fr) minmax(0, 1.3fr) minmax(0, 1.3fr) minmax(0, 1fr);
  column-gap: 24px;
  padding: 18px 28px;
  display: grid;
}

.hl-li-tbl-ml {
  display: none;
}

.hl-li-tbl-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-li-tbl-rh {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.hl-li-tbl-row {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.5fr) minmax(0, 1.3fr) minmax(0, 1.3fr) minmax(0, 1fr);
  column-gap: 24px;
  padding: 24px 28px;
  display: grid;
}

.hl-li-tbl-row-hot {
  background-color: #26211e;
  background-image: radial-gradient(60% 160% at 0%, #ff730033 0%, #ff4a0000 70%);
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.5fr) minmax(0, 1.3fr) minmax(0, 1.3fr) minmax(0, 1fr);
  column-gap: 24px;
  padding: 24px 28px;
  display: grid;
}

.hl-li-tbl-th {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-li-tie {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #131110;
  background-image: radial-gradient(60% 90% at 75% 110%, #ff730038 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  max-width: 1080px;
  margin: 56px auto 0;
  padding: 40px;
  display: grid;
}

.hl-li-tie-copy {
  min-width: 0;
}

.hl-li-tie-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-li-tie-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 12px 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-li-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  padding: 24px 26px 18px;
}

.hl-li-toc-li {
  border-top: 1px solid #2e2824;
  margin: 0;
}

.hl-li-toc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-li-top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  align-items: start;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.hl-li-trig {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 32px auto 28px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-li-trig-big {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 72px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-li-trig-step {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  display: flex;
}

.hl-li-trig-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-li-v {
  color: #ffd60a;
}

.hl-li-vs {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  max-width: 1080px;
  margin: 28px auto 20px;
  display: grid;
}

.hl-li-vs-calm {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 32px 32px 22px;
  display: flex;
  position: relative;
}

.hl-li-vs-hot {
  background-color: #1c1917;
  background-image: radial-gradient(80% 70% at 50% 120%, #ff73003d 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #ff7300;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 32px 32px 22px;
  display: flex;
  position: relative;
}

.hl-li-vs-tag {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border: 1px solid #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0 0 18px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-li-vs-tag-calm {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0 0 18px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-li-vs-text {
  color: #fff8f0;
  margin: 0 0 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-li-vs-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
}

.hl-li-win {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 22px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-li-win-bar {
  background-color: #26211e;
  border-bottom: 1px solid #2e2824;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  align-items: center;
  padding: 14px 16px;
  display: flex;
}

.hl-li-win-body {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  padding: 18px 20px 22px;
  display: flex;
}

.hl-li-win-label {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
  display: block;
}

.hl-li-win-wrap {
  z-index: 1;
  width: 440px;
  position: absolute;
  top: 48px;
  right: 0;
}

.hl-mt-ads {
  max-width: 1104px;
  margin: 24px auto 0;
  position: relative;
}

.hl-mt-ads-cap {
  color: #958b80;
  text-align: center;
  margin: 10px 0 36px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-mt-article {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 120px;
  position: relative;
}

.hl-mt-article-end {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 56px;
  position: relative;
}

.hl-mt-bar-m1 {
  background-color: #ff4a00;
  border-radius: 0 4px 4px 0;
  flex: 0 0 23.8%;
  height: 20px;
  display: block;
}

.hl-mt-bar-m2 {
  background-color: #ff4a00;
  border-radius: 0 4px 4px 0;
  flex: 0 0 79.4%;
  height: 20px;
  display: block;
}

.hl-mt-bar-m3 {
  background-color: #ff4a00;
  border-radius: 0 4px 4px 0;
  flex: 0 0 32.4%;
  height: 20px;
  display: block;
}

.hl-mt-bar-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  min-height: 24px;
  display: flex;
}

.hl-mt-bar-t1 {
  background-color: #ffd60a;
  border-radius: 0 4px 4px 0;
  flex: 0 0 22.6%;
  height: 20px;
  display: block;
}

.hl-mt-bar-t2 {
  background-color: #ffd60a;
  border-radius: 0 4px 4px 0;
  flex: 0 0 55.9%;
  height: 20px;
  display: block;
}

.hl-mt-bar-t3 {
  background-color: #ffd60a;
  border-radius: 0 4px 4px 0;
  flex: 0 0 18.8%;
  height: 20px;
  display: block;
}

.hl-mt-bar-val {
  color: #fff8f0;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-mt-bars {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-mt-beam {
  pointer-events: none;
  background-image: radial-gradient(50% 86% at 50% 0, #ffa8005c 0%, #ff730021 48%, #ff730000 100%);
  width: 400px;
  height: 560px;
  position: absolute;
  top: 16px;
  right: 0;
}

.hl-mt-box {
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 5px;
  width: 18px;
  height: 18px;
  margin-top: 4px;
  display: block;
}

.hl-mt-cap {
  color: #958b80;
  text-align: center;
  margin: 0 0 28px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-mt-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 26px;
  flex-direction: column;
  padding: 22px 26px 24px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-mt-card-apply {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  padding: 11px 26px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-mt-card-avatar {
  background-image: linear-gradient(135deg, #ffa800 0%, #ff4a00 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  display: block;
}

.hl-mt-card-brand {
  color: #fff8f0;
  letter-spacing: .02em;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-mt-card-chip {
  color: #ffd60a;
  white-space: nowrap;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-mt-card-foot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-mt-card-id {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-mt-card-rim {
  background-image: linear-gradient(90deg, #ffd60a00 0%, #ffd60a 50%, #ffd60a00 100%);
  height: 2px;
  position: absolute;
  top: -1px;
  left: 28px;
  right: 28px;
}

.hl-mt-card-tag {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.hl-mt-card-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-mt-card-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.hl-mt-card-wrap {
  z-index: 2;
  width: 400px;
  position: absolute;
  top: 136px;
  right: 0;
}

.hl-mt-cert {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-top: 3px solid #ff7300;
  border-radius: 20px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 24px 22px;
  display: flex;
}

.hl-mt-cert-hot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  background-image: radial-gradient(90% 80% at 50% 120%, #ffa80038 0%, #ff73000d 60%, #ff730000 100%);
  border: 1px solid #ffd60a;
  border-top-width: 3px;
  border-radius: 20px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 24px 22px;
  display: flex;
}

.hl-mt-cert-kicker {
  color: #958b80;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-mt-cert-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-mt-cert-type {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .95;
}

.hl-mt-certs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 1080px;
  margin: 32px auto 40px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-mt-chan {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 26px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-mt-chan-give {
  color: #fff8f0;
  margin: 8px 0 0;
  padding-top: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-mt-chan-how {
  color: #bcb2a6;
  margin: 10px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-mt-chan-label {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  padding-top: 22px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-mt-chan-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-mt-chan-tag-pipe {
  color: #fff8f0;
  letter-spacing: .1em;
  text-transform: uppercase;
  border: 1px solid #6e655b;
  border-radius: 999px;
  align-self: flex-start;
  margin-bottom: 16px;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-mt-chan-tag-scroll {
  color: #0a0807;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ff7300;
  border-radius: 999px;
  align-self: flex-start;
  margin-bottom: 16px;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-mt-chan-tag-search {
  color: #0a0807;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  margin-bottom: 16px;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-mt-chans {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 40px auto 24px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-mt-chart {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 40px auto 0;
  padding: 28px 32px 26px;
  box-shadow: 0 40px 80px -48px #000c;
}

.hl-mt-chart-cap {
  color: #958b80;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-mt-chart-head {
  grid-column-gap: 28px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 18px;
  display: flex;
}

.hl-mt-chart-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-mt-check {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-mt-check-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 30px minmax(0, 1fr);
  margin: 0;
  padding: 14px 0 15px;
  display: grid;
}

.hl-mt-check-item-last {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 30px minmax(0, 1fr);
  margin: 0;
  padding: 14px 0 6px;
  display: grid;
}

.hl-mt-check-text {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
  display: block;
}

.hl-mt-code {
  color: #fff8f0;
  overflow-wrap: anywhere;
  word-break: break-word;
  margin: 0;
  padding: 16px 20px 18px;
  font-family: Menlo;
  font-size: 14px;
  line-height: 1.75;
}

.hl-mt-code-card {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin: 8px 0 24px;
  overflow: hidden;
}

.hl-mt-code-k {
  color: #ffa800;
}

.hl-mt-code-label {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  background-color: #1c1917;
  border-bottom: 1px solid #2e2824;
  margin: 0;
  padding: 12px 20px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-mt-col {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-mt-copy {
  color: #fff8f0;
  cursor: pointer;
  background-color: #0a0807;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  padding: 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .2s, color .2s;
  display: inline-flex;
}

.hl-mt-copy:hover {
  color: #ffd60a;
  border-color: #ffd60a;
}

.hl-mt-copy:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-mt-end {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 112px;
  position: relative;
}

.hl-mt-fill {
  color: #ffd60a;
  font-weight: 500;
}

.hl-mt-flood-foot {
  z-index: 2;
  grid-column-gap: 28px;
  grid-row-gap: 14px;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 760px;
  margin: 48px auto 0;
  display: flex;
  position: relative;
}

.hl-mt-fn {
  color: #ffa800;
  text-align: center;
  letter-spacing: 0;
  border-radius: 6px;
  min-width: 1.1em;
  padding: 2px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-mt-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-mt-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-mt-group {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  margin: 0;
  padding: 20px 0;
  display: grid;
}

.hl-mt-group-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-mt-groups {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-mt-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 14px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-mt-key {
  color: #fff8f0;
  font-weight: 600;
}

.hl-mt-key-mfg {
  background-color: #ff4a00;
  border-radius: 3px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-mt-key-trades {
  background-color: #ffd60a;
  border-radius: 3px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-mt-lamp {
  background-color: #26211e;
  border-radius: 999px;
  width: 400px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: inset 0 1px #fff8f014, 0 24px 48px -24px #000c;
}

.hl-mt-legend {
  grid-column-gap: 20px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-mt-legend-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  align-items: center;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  display: inline-flex;
}

.hl-mt-line {
  display: block;
}

.hl-mt-list-card {
  background-color: #131110;
  background-image: radial-gradient(70% 50% at 100% 0, #ffd60a14 0%, #ffd60a00 70%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin-top: 32px;
  padding: 6px 28px 18px;
}

.hl-mt-list-head {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  display: flex;
}

.hl-mt-list-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-mt-lockups {
  z-index: 2;
  border-bottom: 2px solid #0a0807;
  max-width: 1040px;
  margin: 64px auto 0;
  position: relative;
}

.hl-mt-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  align-items: flex-start;
  margin: 12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-mt-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 7px;
  display: block;
}

.hl-mt-note-end {
  white-space: nowrap;
}

.hl-mt-note-sep {
  display: inline;
}

.hl-mt-occ {
  background-color: #1c1917;
  background-image: radial-gradient(80% 70% at 0 0, #ff730029 0%, #ff4a000a 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 30px 32px 28px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-mt-occ-about {
  color: #bcb2a6;
  margin-top: 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-mt-occ-big {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 104px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .92;
}

.hl-mt-occ-fact {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-mt-occ-facts {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 24px;
  padding-top: 18px;
  display: grid;
}

.hl-mt-occ-k {
  color: #958b80;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-mt-occ-label {
  color: #ffd60a;
  margin-top: 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-mt-occ-name {
  color: #fff8f0;
  min-height: 52px;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.22;
}

.hl-mt-occ-src {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-self: flex-start;
  margin-bottom: 18px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-mt-occ-v {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-mt-occs {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1080px;
  margin: 40px auto 18px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-mt-pace {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  margin-top: 22px;
  padding: 18px 18px 16px;
  display: flex;
}

.hl-mt-pace-day {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-mt-pace-end {
  color: #958b80;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-mt-pace-fill {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 999px;
  width: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-mt-pace-label {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-mt-pace-mark {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 3px;
  margin-left: -1px;
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: 50%;
}

.hl-mt-pace-mid {
  color: #ffd60a;
  text-align: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-mt-pace-scale {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.hl-mt-pace-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.hl-mt-pace-track {
  background-color: #26211e;
  border-radius: 999px;
  height: 14px;
  margin-top: 16px;
  display: block;
  position: relative;
}

.hl-mt-panel {
  background-color: #1c1917;
  background-image: radial-gradient(80% 60% at 50% 120%, #ff730033 0%, #ff4a000d 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  padding: 24px 26px 22px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-mt-panel-chip {
  color: #bcb2a6;
  letter-spacing: .1em;
  text-transform: uppercase;
  border: 1px solid #6e655b;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-mt-panel-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-top: 18px;
  margin-bottom: 4px;
  display: flex;
}

.hl-mt-panel-foot {
  color: #958b80;
  margin-top: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-mt-panel-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  display: flex;
}

.hl-mt-panel-role {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin-top: 20px;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-mt-panel-sub {
  color: #bcb2a6;
  margin-top: 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-mt-panel-title {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-mt-pill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 11px 18px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  display: inline-flex;
  transform: rotate(-4deg);
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-mt-pill-dot {
  background-color: #0a0807;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-mt-pill-wrap {
  z-index: 3;
  position: absolute;
  bottom: -30px;
  left: -64px;
}

.hl-mt-plan {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: start;
  max-width: 1080px;
  margin: 48px auto 0;
  display: grid;
}

.hl-mt-plan-obj {
  position: sticky;
  top: 112px;
}

.hl-mt-pull {
  color: #fff8f0;
  letter-spacing: -.015em;
  border-top: 1px solid #2e2824;
  margin: 36px 0 0;
  padding-top: 28px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-mt-pull-volt {
  color: #ffd60a;
  display: block;
}

.hl-mt-qa {
  border-top: 1px solid #2e2824;
  flex-direction: column;
  display: flex;
}

.hl-mt-qa-a {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-mt-qa-q {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-mt-qa-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: baseline;
  padding: 12px 0;
  display: grid;
}

.hl-mt-queries {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin: 4px 0 28px;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-mt-query {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  overflow-wrap: anywhere;
  background-color: #0a0807;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 9px 18px 9px 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  display: inline-flex;
}

.hl-mt-query-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: block;
}

.hl-mt-search {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #0a0807;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  height: 54px;
  padding: 0 20px;
  display: flex;
  transform: rotate(-3deg);
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-mt-search-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  display: block;
}

.hl-mt-search-q {
  color: #fff8f0;
  white-space: nowrap;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  display: block;
  overflow: hidden;
}

.hl-mt-search-wrap {
  z-index: 3;
  width: 330px;
  position: absolute;
  top: 58px;
  left: 0;
}

.hl-mt-sec {
  padding-top: 120px;
  position: relative;
}

.hl-mt-sec-first {
  padding-top: 104px;
  position: relative;
}

.hl-mt-src {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  margin-top: 72px;
  padding-top: 40px;
  display: grid;
}

.hl-mt-src-item {
  color: #bcb2a6;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin: 0;
  padding: 12px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-mt-src-link {
  color: #fff8f0;
  overflow-wrap: anywhere;
  text-underline-offset: 3px;
  word-break: break-word;
  font-weight: 500;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-mt-src-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-mt-src-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-mt-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-mt-src-num {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
}

.hl-mt-src-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-self: start;
  display: flex;
  position: sticky;
  top: 112px;
}

.hl-mt-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-mt-src-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-mt-stage {
  z-index: 2;
  width: 100%;
  max-width: 520px;
  height: 580px;
  margin-left: auto;
  position: relative;
}

.hl-mt-sup {
  vertical-align: baseline;
  margin-left: 1px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-mt-swap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 250px 44px minmax(0, 1fr);
  align-items: center;
  padding: 22px 32px;
  display: grid;
}

.hl-mt-swap-arrow {
  color: #ffa800;
  border: 1px solid #3a322c;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.hl-mt-swap-new {
  color: #fff8f0;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-mt-swap-old {
  color: #958b80;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  -webkit-text-decoration: line-through #ff4a00;
  text-decoration: line-through #ff4a00;
  text-decoration-thickness: 2px;
}

.hl-mt-swaps {
  background-color: #131110;
  background-image: radial-gradient(60% 80% at 100% 0, #ff73001f 0%, #ff4a0000 70%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 1080px;
  margin: 44px auto 16px;
  overflow: hidden;
}

.hl-mt-swaps-gap {
  display: block;
}

.hl-mt-swaps-head {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #1c1917;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 250px 44px minmax(0, 1fr);
  padding: 18px 32px 16px;
  display: grid;
}

.hl-mt-swaps-th {
  color: #958b80;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-mt-swaps-th-hot {
  color: #ffd60a;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-mt-system {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 16px;
  flex-direction: column;
  flex: 300px;
  min-width: 0;
  margin: 0;
  padding: 18px 20px 19px;
  display: flex;
}

.hl-mt-system-note {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
}

.hl-mt-system-tag {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-mt-system-text {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-mt-systems {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  margin: 8px 0 28px;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-mt-tip {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 28px minmax(0, 1fr);
  margin: 0;
  padding: 18px 0 19px;
  display: grid;
}

.hl-mt-tip-body {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-mt-tip-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-mt-tip-tick {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin-top: 1px;
  padding: 5px;
  display: block;
}

.hl-mt-tip-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-mt-tips {
  border-top: 1px solid #2e2824;
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
}

.hl-mt-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin-top: 24px;
  padding: 24px 26px 20px;
}

.hl-mt-toc-li {
  border-top: 1px solid #2e2824;
  margin: 0;
}

.hl-mt-toc-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-mt-tpl {
  margin: 0;
  padding: 6px 30px 14px;
  list-style: none;
}

.hl-mt-tpl-bar {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  background-image: linear-gradient(90deg, #ff73001a 0%, #ff730000 60%);
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px 14px 30px;
  display: flex;
}

.hl-mt-tpl-card {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 40px auto 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 40px 80px -48px #000c;
}

.hl-mt-tpl-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 112px minmax(0, 1fr);
  margin: 0;
  padding: 15px 0 16px;
  display: grid;
}

.hl-mt-tpl-label {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.9;
}

.hl-mt-tpl-name {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-mt-tpl-text {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-mt-tube {
  background-image: linear-gradient(90deg, #ffa800 0%, #fff8f0 18% 82%, #ffa800 100%);
  border-radius: 3px;
  height: 6px;
  position: absolute;
  bottom: -3px;
  left: 14px;
  right: 14px;
}

.hl-mx-anat {
  background-color: #131110;
  background-image: radial-gradient(60% 80% at 0 0, #ffd60a14 0%, #ffd60a00 70%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin: 28px 0;
  padding: 26px 28px 24px;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-mx-anat-bar {
  grid-column-gap: 2px;
  grid-row-gap: 18px;
  background-color: #0a0807;
  border: 1px solid #3a322c;
  border-radius: 16px;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0;
  padding: 18px 20px 16px;
  display: flex;
}

.hl-mx-anat-rule {
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 999px;
  align-items: center;
  padding: 7px 13px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-mx-anat-rules {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 16px 0 0;
  display: flex;
}

.hl-mx-anat-title {
  color: #fff8f0;
  margin: 0 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-mx-answer {
  z-index: 3;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #131110;
  background-image: linear-gradient(90deg, #ffa80014 0%, #ffa80000 32%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: 220px minmax(0, 1fr);
  margin-top: -48px;
  padding: 32px 40px;
  display: grid;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-mx-answer-label {
  color: #ffa800;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-mx-answer-note {
  color: #958b80;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-mx-answer-rows {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-mx-answer-side {
  padding-top: 14px;
}

.hl-mx-arow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff8f0;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 124px minmax(0, 1fr);
  margin: 0;
  padding: 14px 0 15px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
  display: grid;
}

.hl-mx-arow-k {
  color: #bcb2a6;
  text-transform: none;
  letter-spacing: 0;
  padding-top: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-mx-arow-k-volt {
  color: #ffd60a;
  text-transform: none;
  letter-spacing: 0;
  padding-top: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.4;
}

.hl-mx-arow-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff8f0;
  grid-template-rows: auto;
  grid-template-columns: 124px minmax(0, 1fr);
  margin: 0;
  padding: 14px 0 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
  display: grid;
}

.hl-mx-arow-t {
  min-width: 0;
}

.hl-mx-body {
  background-color: #0a0807;
  padding-top: 0;
  padding-bottom: 72px;
  position: relative;
}

.hl-mx-cap {
  color: #958b80;
  max-width: 72ch;
  margin: 12px 0 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-mx-chip {
  color: #fff8f0;
  white-space: nowrap;
  background-color: #2e2824;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  padding: 6px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-mx-chip-void {
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border-radius: 999px;
  align-items: center;
  padding: 7px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-mx-chips {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  display: flex;
}

.hl-mx-cite {
  font-style: italic;
}

.hl-mx-close {
  color: #fff8f0;
  max-width: 60ch;
  margin: 72px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-mx-code {
  color: #ffd60a;
  white-space: nowrap;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 8px;
  padding: 1px 7px;
  font-family: Menlo;
  font-size: 15px;
  line-height: 1.5;
}

.hl-mx-copy-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  margin: 20px 0 8px;
  display: flex;
}

.hl-mx-def {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 26px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-mx-def-term {
  color: #fff8f0;
  margin: 14px 0 8px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-mx-def-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-mx-defs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 28px 0 8px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-mx-doc {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 248px minmax(0, 1fr);
  align-items: start;
  margin-top: 88px;
  display: grid;
}

.hl-mx-dot-ad {
  background-color: #ff4a00;
  border-radius: 999px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.hl-mx-dot-ats {
  background-color: #ffd60a;
  border-radius: 999px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.hl-mx-dot-hris {
  background-color: #fff8f0;
  border-radius: 999px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.hl-mx-dot-site {
  background-color: #ffa800;
  border-radius: 999px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.hl-mx-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 4px;
  margin-left: 1px;
  padding: 0 2px;
  scroll-margin-top: 140px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline;
}

.hl-mx-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-mx-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-mx-formula {
  grid-column-gap: 32px;
  grid-row-gap: 20px;
  background-color: #1c1917;
  background-image: radial-gradient(60% 90% at 100%, #ff73001f 0%, #ff730000 70%);
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-wrap: wrap;
  align-items: center;
  margin: 4px 0 28px;
  padding: 28px 32px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-mx-formula-eq {
  color: #958b80;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
}

.hl-mx-formula-name {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff8f0;
  letter-spacing: -.01em;
  align-items: center;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
  display: flex;
}

.hl-mx-frac {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  flex: 280px;
  min-width: 0;
  display: flex;
}

.hl-mx-frac-bar {
  background-color: #ff7300;
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  border-radius: 999px;
  height: 3px;
  display: block;
}

.hl-mx-frac-bot {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  display: flex;
}

.hl-mx-frac-term {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-mx-frac-top {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  display: flex;
}

.hl-mx-gauge {
  background-color: #131110;
  background-image: radial-gradient(60% 70% at 100% 100%, #ff73002e 0%, #ff730000 70%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin: 24px 0 28px;
  padding: 26px 30px;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-mx-gauge-cap {
  color: #fff8f0;
  font-weight: 600;
}

.hl-mx-gauge-fill {
  background-color: #ff7300;
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 999px;
  width: 56%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-mx-gauge-head {
  grid-column-gap: 20px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.hl-mx-gauge-id {
  min-width: 0;
}

.hl-mx-gauge-plan {
  background-color: #fff8f0;
  border-radius: 2px;
  width: 3px;
  margin-left: -1px;
  position: absolute;
  top: -12px;
  bottom: -12px;
  left: 50%;
}

.hl-mx-gauge-plan-label {
  color: #fff8f0;
  text-align: right;
  letter-spacing: .12em;
  text-transform: uppercase;
  width: 140px;
  margin-left: -150px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
  position: absolute;
  bottom: 30px;
  left: 50%;
}

.hl-mx-gauge-scale {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #958b80;
  font-variant-numeric: tabular-nums;
  justify-content: space-between;
  margin: 14px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.hl-mx-gauge-spent-label {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
  margin-left: 8px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
  position: absolute;
  bottom: 30px;
  left: 56%;
}

.hl-mx-gauge-stats {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 24px;
  padding-top: 20px;
  display: grid;
}

.hl-mx-gauge-sub {
  color: #958b80;
  margin: 4px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-mx-gauge-tags {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-mx-gauge-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-mx-gauge-track {
  background-color: #26211e;
  border-radius: 999px;
  height: 16px;
  margin: 60px 0 0;
  position: relative;
}

.hl-mx-gauge-zero {
  color: #958b80;
}

.hl-mx-gotcha {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  padding: 22px 24px 24px;
}

.hl-mx-gotcha-dot {
  background-color: #ff7300;
  border-radius: 999px;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 9px;
  display: block;
}

.hl-mx-gotcha-k {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  text-transform: none;
  letter-spacing: 0;
  align-items: flex-start;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  font-stretch: 100%;
  line-height: 1.3;
  display: flex;
}

.hl-mx-gotcha-t {
  color: #fff8f0;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-mx-gotchas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 8px;
  display: grid;
}

.hl-mx-gstat {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  display: flex;
}

.hl-mx-gstat-k {
  color: #958b80;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.3;
}

.hl-mx-gstat-v {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-mx-gstat-v-hot {
  color: #ffa800;
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-mx-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 12px 0 24px;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-mx-hop {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  align-items: center;
  margin: -2px 0 -2px -38px;
  display: flex;
  position: relative;
}

.hl-mx-hop-tag {
  color: #ffd60a;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 7px 12px;
  font-family: Menlo;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-mx-hop-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-mx-hypo {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  border: 1.5px dashed #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 7px 12px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-mx-legend {
  grid-column-gap: 24px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  flex-wrap: wrap;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.hl-mx-legend-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: inline-flex;
}

.hl-mx-lg-off {
  background-color: #6e655b;
  border-radius: 2px;
  flex-shrink: 0;
  width: 12px;
  height: 2px;
  display: block;
}

.hl-mx-lg-on {
  background-color: #bcb2a6;
  border-radius: 999px;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  display: block;
}

.hl-mx-lg-ring {
  box-sizing: border-box;
  border: 2px solid #bcb2a6;
  border-radius: 999px;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  display: block;
}

.hl-mx-main {
  min-width: 0;
  max-width: 800px;
}

.hl-mx-matrix {
  background-color: #131110;
  background-image: radial-gradient(70% 60% at 100% 100%, #ffd60a1a 0%, #ffd60a00 70%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin-top: 32px;
  padding: 6px 28px 10px;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-mx-mcell {
  justify-content: center;
  align-items: center;
  min-height: 36px;
  display: flex;
}

.hl-mx-meta {
  color: #958b80;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-mx-mh {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  display: flex;
}

.hl-mx-mh-long {
  display: block;
}

.hl-mx-mh-short {
  display: none;
}

.hl-mx-mh-step {
  color: #958b80;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding-bottom: 2px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-mx-mhead {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) repeat(4, 104px);
  align-items: end;
  column-gap: 8px;
  padding: 20px 0 16px;
  display: grid;
}

.hl-mx-mrow {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) repeat(4, 104px);
  align-items: center;
  column-gap: 8px;
  padding: 14px 0;
  display: grid;
}

.hl-mx-mrow-last {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) repeat(4, 104px);
  align-items: center;
  column-gap: 8px;
  padding: 14px 0 10px;
  display: grid;
}

.hl-mx-mstep {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-mx-mstep-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-mx-mstep-what {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-mx-node-ad {
  box-sizing: border-box;
  background-color: #ff4a00;
  border: 4px solid #0a0807;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  left: -36px;
}

.hl-mx-node-ats {
  box-sizing: border-box;
  background-color: #ffd60a;
  border: 4px solid #0a0807;
  border-radius: 999px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  margin-left: -2px;
  position: absolute;
  top: 50%;
  left: -36px;
}

.hl-mx-node-hris {
  box-sizing: border-box;
  background-color: #fff8f0;
  border: 4px solid #0a0807;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  left: -36px;
}

.hl-mx-node-site {
  box-sizing: border-box;
  background-color: #ffa800;
  border: 4px solid #0a0807;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  left: -36px;
}

.hl-mx-nowrap {
  white-space: nowrap;
}

.hl-mx-off {
  background-color: #4a433d;
  border-radius: 2px;
  width: 12px;
  height: 2px;
  display: block;
}

.hl-mx-offer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 264px;
  align-items: center;
  margin-top: 72px;
  padding: 40px 40px 44px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-mx-offer-copy {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.hl-mx-offer-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730070 0%, #ff4a0024 55%, #ff4a0000 100%);
  width: 580px;
  height: 440px;
  position: absolute;
  bottom: -170px;
  right: -120px;
}

.hl-mx-offer-obj {
  z-index: 2;
  justify-content: center;
  display: flex;
  position: relative;
}

.hl-mx-offer-text {
  color: #bcb2a6;
  max-width: 52ch;
  margin: 0 0 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-mx-offer-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 10px 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-mx-on-ad {
  background-color: #ff4a00;
  background-image: radial-gradient(circle at 35% 30%, #ff9a5c 0%, #ff4a00 62%);
  border-radius: 999px;
  width: 22px;
  height: 22px;
  display: block;
}

.hl-mx-on-ats {
  background-color: #ffd60a;
  background-image: radial-gradient(circle at 35% 30%, #fff4a8 0%, #ffd60a 62%);
  border-radius: 999px;
  width: 22px;
  height: 22px;
  display: block;
}

.hl-mx-on-hris {
  background-color: #fff8f0;
  background-image: radial-gradient(circle at 35% 30%, #fff 0%, #eadfd2 70%);
  border-radius: 999px;
  width: 22px;
  height: 22px;
  display: block;
}

.hl-mx-on-site {
  background-color: #ffa800;
  background-image: radial-gradient(circle at 35% 30%, #ffd58a 0%, #ffa800 62%);
  border-radius: 999px;
  width: 22px;
  height: 22px;
  display: block;
}

.hl-mx-plan {
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e8da 100%);
  border-radius: 18px;
  flex-direction: column;
  width: 244px;
  padding: 18px 18px 14px;
  display: flex;
  transform: rotate(3deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-mx-plan-foot {
  color: #4a433d;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-top: 1.5px dashed #0a080759;
  margin-top: 4px;
  padding-top: 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.3;
}

.hl-mx-plan-free {
  color: #0a0807;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  padding: 4px 9px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-mx-plan-head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 2px solid #0a0807;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.hl-mx-plan-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  border-bottom: 1px solid #0a08071f;
  align-items: center;
  padding: 9px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-mx-plan-row-last {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  align-items: center;
  padding: 9px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-mx-plan-tick {
  color: #ffd60a;
  background-color: #0a0807;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.hl-mx-plan-title {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-mx-push {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  padding-left: 40px;
  display: flex;
  position: relative;
}

.hl-mx-rail {
  background-color: #ff7300;
  background-image: linear-gradient(#ff4a00 0%, #ff7300 30%, #ffa800 55%, #ffd60a 78%, #fff8f0 100%);
  border-radius: 999px;
  width: 3px;
  position: absolute;
  top: 36px;
  bottom: 36px;
  left: 13px;
}

.hl-mx-related {
  margin-top: 72px;
}

.hl-mx-ring-ad {
  box-sizing: border-box;
  border: 2px solid #ff4a00;
  border-radius: 999px;
  width: 22px;
  height: 22px;
  display: block;
}

.hl-mx-ring-ats {
  box-sizing: border-box;
  border: 2px solid #ffd60a;
  border-radius: 999px;
  width: 22px;
  height: 22px;
  display: block;
}

.hl-mx-scell {
  color: #0a0807;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-mx-sdot-ad {
  vertical-align: 1px;
  background-color: #ff4a00;
  border-radius: 999px;
  width: 9px;
  height: 9px;
  margin-right: 7px;
  display: inline-block;
}

.hl-mx-sdot-ats {
  box-sizing: border-box;
  vertical-align: 0;
  background-color: #ffd60a;
  border: 1.5px solid #0a0807;
  border-radius: 999px;
  width: 10px;
  height: 10px;
  margin-right: 7px;
  display: inline-block;
}

.hl-mx-sdot-sheet {
  vertical-align: 1px;
  background-color: #4a433d;
  border-radius: 999px;
  width: 9px;
  height: 9px;
  margin-right: 7px;
  display: inline-block;
}

.hl-mx-sdot-site {
  vertical-align: 1px;
  background-color: #ffa800;
  border-radius: 999px;
  width: 9px;
  height: 9px;
  margin-right: 7px;
  display: inline-block;
}

.hl-mx-sec {
  padding-top: 112px;
}

.hl-mx-sec-first {
  scroll-margin-top: 96px;
}

.hl-mx-seg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.hl-mx-seg-amber {
  color: #ffa800;
  word-break: break-all;
  overflow-wrap: anywhere;
  font-family: Menlo;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-mx-seg-base {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-top: 2px solid #6e655b;
  padding-top: 8px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-mx-seg-camp {
  color: #ff7300;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-top: 2px solid #ff7300;
  padding-top: 8px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-mx-seg-code {
  color: #fff8f0;
  word-break: break-all;
  overflow-wrap: anywhere;
  font-family: Menlo;
  font-size: 15px;
  line-height: 1.4;
}

.hl-mx-seg-heat {
  color: #ff7300;
  word-break: break-all;
  overflow-wrap: anywhere;
  font-family: Menlo;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-mx-seg-med {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-top: 2px solid #ffa800;
  padding-top: 8px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-mx-seg-path {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-basis: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.hl-mx-seg-src {
  color: #ffd60a;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-top: 2px solid #ffd60a;
  padding-top: 8px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-mx-seg-volt {
  color: #ffd60a;
  word-break: break-all;
  overflow-wrap: anywhere;
  font-family: Menlo;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-mx-shead {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #0a080733;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 2.3fr) minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr);
  padding: 14px 0 10px;
  display: grid;
}

.hl-mx-sheet {
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e8da 100%);
  border-radius: 22px;
  padding: 30px 34px 24px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-mx-sheet-foot {
  color: #4a433d;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-top: 1.5px dashed #0a080759;
  margin: 16px 0 0;
  padding-top: 12px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.3;
}

.hl-mx-sheet-head {
  grid-column-gap: 20px;
  grid-row-gap: 8px;
  border-bottom: 3px solid #0a0807;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 14px;
  display: flex;
}

.hl-mx-sheet-meta {
  color: #4a433d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.3;
}

.hl-mx-sheet-table {
  flex-direction: column;
  display: flex;
}

.hl-mx-sheet-title {
  color: #0a0807;
  letter-spacing: -.005em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .95;
}

.hl-mx-sheet-wrap {
  margin: 32px 0 0;
  position: relative;
}

.hl-mx-side {
  position: sticky;
  top: 104px;
}

.hl-mx-side-note {
  color: #958b80;
  margin: 16px 4px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-mx-slabel {
  display: none;
}

.hl-mx-sline {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-mx-sline-def {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-mx-sline-name {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-mx-sources {
  background-color: #0a0807;
  border-top: 1px solid #2e2824;
  padding-top: 72px;
  padding-bottom: 72px;
  position: relative;
}

.hl-mx-sources-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  align-items: start;
  display: grid;
}

.hl-mx-sources-note {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-mx-sources-side {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.hl-mx-sources-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-mx-src {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #bcb2a6;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  margin: 0 -10px;
  padding: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  transition: background-color .3s;
  display: grid;
}

.hl-mx-src-back {
  color: #ffd60a;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  text-decoration: none;
}

.hl-mx-src-back:hover {
  text-decoration: underline;
}

.hl-mx-src-back:focus {
  outline-offset: 2px;
  border-radius: 4px;
  outline: 3px solid #ffd60a;
}

.hl-mx-src-host {
  color: #958b80;
  margin-top: 2px;
  font-size: 13px;
  display: block;
}

.hl-mx-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-mx-src-num {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
}

.hl-mx-src-on {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  margin: 0 -10px;
  padding: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  transition: background-color .3s;
  display: grid;
}

.hl-mx-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-mx-srow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #0a08071f;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 2.3fr) minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  padding: 13px 0;
  display: grid;
}

.hl-mx-srow-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 2.3fr) minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  padding: 13px 0 6px;
  display: grid;
}

.hl-mx-srow-split {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 2px solid #0a0807;
  border-bottom: 1px solid #0a08071f;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 2.3fr) minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  margin-top: 12px;
  padding: 15px 0 13px;
  display: grid;
}

.hl-mx-srun {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 210px minmax(0, 1fr);
  align-items: center;
  gap: 8px 24px;
  padding: 18px 0 20px;
  display: grid;
}

.hl-mx-srun-last {
  grid-template-rows: auto;
  grid-template-columns: 210px minmax(0, 1fr);
  align-items: center;
  gap: 8px 24px;
  padding: 18px 0 14px;
  display: grid;
}

.hl-mx-srun-name {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #fff8f0;
  flex-direction: column;
  grid-row: span 2 / span 2;
  align-self: start;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.hl-mx-srun-plat {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.3;
}

.hl-mx-srun-watch {
  color: #bcb2a6;
  grid-column: 2 / 3;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-mx-stage {
  z-index: 2;
  width: 100%;
  max-width: 460px;
  position: relative;
}

.hl-mx-stage-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-mx-stages {
  background-color: #131110;
  background-image: radial-gradient(60% 60% at 80% 0, #ffd60a14 0%, #ffd60a00 70%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin: 8px 0 28px;
  padding: 6px 28px 8px;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-mx-stages-col {
  color: #fff8f0;
  text-align: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
}

.hl-mx-stages-cols {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.hl-mx-stages-head {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 210px minmax(0, 1fr);
  align-items: end;
  padding: 20px 0 14px;
  display: grid;
}

.hl-mx-stages-k {
  color: #958b80;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-mx-status {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #1c1917;
  border: 1.5px solid #ff7300;
  border-radius: 999px;
  align-items: center;
  padding: 7px 14px 7px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-mx-status-dot {
  background-color: #ff7300;
  border-radius: 999px;
  width: 9px;
  height: 9px;
  display: block;
}

.hl-mx-sth {
  color: #4a433d;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-mx-sup {
  vertical-align: super;
  font-size: .7em;
  line-height: 0;
}

.hl-mx-sys-ad {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  background-image: linear-gradient(#26211e 0%, #1c1917 100%);
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  width: 88%;
  padding: 16px 18px;
  display: flex;
  position: relative;
  transform: rotate(-1.5deg);
  box-shadow: inset 0 1px #fff8f014, 0 48px 96px -32px #000000e6;
}

.hl-mx-sys-ats {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffd60a;
  background-image: linear-gradient(#ffeb5c 0%, #ffd60a 58%, #ffc400 100%);
  border-radius: 22px;
  flex-direction: column;
  width: 100%;
  padding: 20px 22px 18px;
  display: flex;
  position: relative;
  transform: rotate(-1deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-mx-sys-foot {
  color: #0a0807;
  border-top: 1.5px dashed #0a080759;
  padding-top: 10px;
  font-family: Menlo;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-mx-sys-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.hl-mx-sys-hris {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  background-image: linear-gradient(#26211e 0%, #1c1917 100%);
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  width: 74%;
  padding: 16px 18px;
  display: flex;
  position: relative;
  transform: rotate(1.5deg);
  box-shadow: inset 0 1px #fff8f014, 0 48px 96px -32px #000000e6;
}

.hl-mx-sys-k {
  color: #958b80;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-mx-sys-k-void {
  color: #4a433d;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-mx-sys-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
}

.hl-mx-sys-name-void {
  color: #0a0807;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-mx-sys-site {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  background-image: linear-gradient(#26211e 0%, #1c1917 100%);
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  width: 80%;
  padding: 16px 18px;
  display: flex;
  position: relative;
  transform: rotate(1deg);
  box-shadow: inset 0 1px #fff8f014, 0 48px 96px -32px #000000e6;
}

.hl-mx-table {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin-top: 8px;
  padding: 6px 28px 8px;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-mx-td {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-mx-term {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 200px minmax(0, 1fr);
  padding: 16px 0 17px;
  display: grid;
}

.hl-mx-term-k {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
}

.hl-mx-term-last {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 200px minmax(0, 1fr);
  padding: 16px 0 17px;
  display: grid;
}

.hl-mx-term-v {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-mx-terms {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  margin: 28px 0 8px;
  padding: 6px 28px;
}

.hl-mx-test {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-mx-test-k {
  color: #fff8f0;
  text-transform: none;
  letter-spacing: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  font-stretch: 100%;
  line-height: 1.05;
}

.hl-mx-test-k-volt {
  color: #ffd60a;
  text-transform: none;
  letter-spacing: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  font-stretch: 100%;
  line-height: 1.05;
}

.hl-mx-test-step {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  padding: 20px 22px 22px;
  display: flex;
}

.hl-mx-test-t {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-mx-th {
  color: #958b80;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-mx-thead {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 150px repeat(3, minmax(0, 1fr));
  padding: 20px 0 14px;
  display: grid;
}

.hl-mx-tl {
  color: #6e655b;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-mx-tl-on {
  color: #ffd60a;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-mx-tlabel, .hl-mx-tlabels {
  display: none;
}

.hl-mx-tnode {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hl-mx-tnode-dim {
  box-sizing: border-box;
  background-color: #131110;
  border: 2px solid #4a433d;
  border-radius: 999px;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-mx-tnode-hit {
  box-sizing: border-box;
  background-color: #ffd60a;
  border: 5px solid #3d3510;
  border-radius: 999px;
  width: 26px;
  height: 26px;
  display: block;
}

.hl-mx-toc-li {
  margin: 0;
}

.hl-mx-toc-list {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-mx-track {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  height: 32px;
  display: grid;
  position: relative;
}

.hl-mx-track-line {
  background-color: #2e2824;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  left: 16.66%;
  right: 16.66%;
}

.hl-mx-trh {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-mx-trow {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 150px repeat(3, minmax(0, 1fr));
  padding: 18px 0 19px;
  display: grid;
}

.hl-mx-trow-last {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 150px repeat(3, minmax(0, 1fr));
  padding: 18px 0 14px;
  display: grid;
}

.hl-mx-who {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px 6px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pay-actions {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-pay-ad-back {
  z-index: 1;
  border-radius: 24px;
  width: 248px;
  position: absolute;
  top: 34px;
  left: -28px;
  transform: rotate(-8deg)scale(.86);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-pay-ad-front {
  z-index: 2;
  border-radius: 24px;
  width: 248px;
  position: absolute;
  top: 64px;
  right: 0;
  transform: rotate(4deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-pay-ads-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hl-pay-bridge {
  background-color: #131110;
  padding-top: 136px;
  padding-bottom: 136px;
  position: relative;
  overflow: hidden;
}

.hl-pay-bridge-actions {
  grid-column-gap: 28px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 34px;
  display: flex;
}

.hl-pay-bridge-copy {
  min-width: 0;
}

.hl-pay-bridge-grid {
  z-index: 2;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  display: grid;
  position: relative;
}

.hl-pay-bridge-stage {
  min-width: 0;
  height: 540px;
  position: relative;
}

.hl-pay-bridge-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  max-width: 640px;
  margin: 14px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 64px;
  font-weight: 800;
  line-height: 1;
}

.hl-pay-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  margin: 0;
  padding: 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .15s, color .15s;
  display: inline-flex;
}

.hl-pay-btn:hover {
  color: #ffd60a;
  border-color: #fff8f0;
}

.hl-pay-btn:active {
  transform: scale(.98);
}

.hl-pay-btn:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-pay-card {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  background-repeat: no-repeat;
  background-size: 100% 3px;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 30px 30px 24px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-pay-card-eyebrow {
  color: #ff7300;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-pay-card-local {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #131110;
  background-image: linear-gradient(90deg, #ffa800 0%, #ffd60a 100%);
  background-repeat: no-repeat;
  background-size: 100% 3px;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 30px 30px 24px;
  display: flex;
  position: relative;
}

.hl-pay-card-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 2px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.12;
}

.hl-pay-cell {
  min-width: 0;
  display: block;
}

.hl-pay-check {
  background-color: #161311;
  background-image: linear-gradient(#1c1917 0%, #131110 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  min-width: 0;
  padding: 32px 32px 18px;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-pay-check-item {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-top: 1px solid #2e2824;
  align-items: flex-start;
  margin: 0;
  padding: 15px 0;
  display: flex;
}

.hl-pay-check-list {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-pay-check-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff8f0;
  flex-direction: column;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.hl-pay-check-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-pay-check-where {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  display: block;
}

.hl-pay-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.hl-pay-count {
  color: #bcb2a6;
  margin: 16px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-pay-display {
  color: #fff8f0;
  font-variation-settings: "wdth" 106;
  letter-spacing: -.02em;
  max-width: 640px;
  margin: 14px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 68px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .98;
}

.hl-pay-done {
  color: #fff8f0;
  background-color: #1c1917;
  border-left: 4px solid #ffd60a;
  border-radius: 16px;
  margin: 0;
  padding: 18px 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-pay-email {
  background-color: #0a0807;
  padding-top: 0;
  padding-bottom: 16px;
  position: relative;
}

.hl-pay-email-btn {
  min-width: 0;
}

.hl-pay-email-card {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #131110;
  background-image: radial-gradient(60% 140% at 100% 0, #ff4a0029 0%, #ff4a0000 70%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  padding: 40px 44px;
  display: grid;
}

.hl-pay-email-copy {
  min-width: 0;
}

.hl-pay-email-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 220px;
  align-items: end;
  display: grid;
}

.hl-pay-email-sub {
  color: #bcb2a6;
  max-width: 46ch;
  margin: 12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-pay-email-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 8px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1;
}

.hl-pay-empty {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  background-image: radial-gradient(70% 90% at 100% 0, #ff4a001f 0%, #ff4a0000 70%);
  border: 1.5px dashed #6e655b;
  border-radius: 28px;
  flex-direction: column;
  padding: 30px 30px 26px;
  display: flex;
  position: relative;
}

.hl-pay-empty-text {
  color: #bcb2a6;
  max-width: 56ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-pay-empty-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.08;
}

.hl-pay-fact {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 4px 20px;
  padding: 14px 0 15px;
  display: grid;
}

.hl-pay-fact-k {
  color: #bcb2a6;
  margin: 0;
  padding-top: 2px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-pay-fact-text {
  color: #fff8f0;
  max-width: 62ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-pay-fact-v {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  overflow-wrap: anywhere;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-pay-facts {
  border-top: 1px solid #2e2824;
  flex-direction: column;
  margin: 4px 0 0;
  display: flex;
}

.hl-pay-fchip {
  color: #fff8f0;
  cursor: pointer;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .15s;
  display: inline-flex;
}

.hl-pay-fchip:hover {
  border-color: #fff8f0;
}

.hl-pay-fchip:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-pay-fchip-on {
  color: #0a0807;
  cursor: pointer;
  background-color: #ff4a00;
  border: 1.5px solid #ff4a00;
  border-radius: 999px;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s;
  display: inline-flex;
}

.hl-pay-fchip-on:hover {
  background-color: #ff7300;
  border-color: #ff7300;
}

.hl-pay-fchip-on:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-pay-filter {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-pay-filter-label {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-pay-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.5em;
  padding: 2px 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-pay-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-pay-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-pay-fn-sup {
  vertical-align: baseline;
  margin-left: 2px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-pay-ghost {
  border-top: 1px solid #2e2824;
  flex-direction: column;
  margin-top: 12px;
  display: flex;
}

.hl-pay-ghost-bar {
  background-image: linear-gradient(90deg, #2e2824 0%, #1c1917 100%);
  border-radius: 999px;
  width: 100%;
  height: 10px;
  display: block;
}

.hl-pay-ghost-bar-short {
  background-image: linear-gradient(90deg, #2e2824 0%, #1c1917 100%);
  border-radius: 999px;
  width: 55%;
  height: 10px;
  display: block;
}

.hl-pay-ghost-k {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-pay-ghost-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: center;
  padding: 13px 0;
  display: grid;
}

.hl-pay-glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff4a0042 0%, #ff73001a 52%, #ff730000 100%);
  width: 1100px;
  height: 1000px;
  position: absolute;
  top: -240px;
  right: -260px;
}

.hl-pay-glow-clip {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hl-pay-head {
  min-width: 0;
  position: relative;
}

.hl-pay-hero {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 476px;
  align-items: center;
  gap: 32px 64px;
  margin-top: 0;
  margin-bottom: 24px;
  display: grid;
  position: relative;
}

.hl-pay-hide {
  display: none;
}

.hl-pay-inputs {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 32px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-pay-inputs-head {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 18px;
  display: flex;
}

.hl-pay-inputs-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-pay-key {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 24px;
  display: flex;
}

.hl-pay-key-note {
  color: #bcb2a6;
  max-width: 84ch;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
}

.hl-pay-key-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-pay-keys {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 48px;
  display: grid;
}

.hl-pay-lead {
  color: #bcb2a6;
  max-width: 560px;
  margin: 22px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-pay-legal {
  color: #958b80;
  border-top: 1px solid #2e2824;
  margin: 0;
  padding-top: 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-pay-legal-top {
  color: #958b80;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-pay-legend {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  border-top: 1px solid #2e2824;
  flex-wrap: nowrap;
  margin: 16px 0 0;
  padding: 14px 4px 0;
  list-style: none;
  display: flex;
}

.hl-pay-legend-item {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #bcb2a6;
  white-space: nowrap;
  align-items: center;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  display: inline-flex;
}

.hl-pay-map {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: repeat(11, minmax(0, 1fr));
  display: grid;
}

.hl-pay-map-sub {
  color: #bcb2a6;
  white-space: nowrap;
  grid-column: span 9 / span 9;
  align-self: center;
  padding-left: 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
}

.hl-pay-map-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  white-space: nowrap;
  grid-column: span 9 / span 9;
  align-self: center;
  padding-left: 8px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.15;
  overflow: hidden;
}

.hl-pay-mapcard {
  z-index: 1;
  background-color: #161311;
  background-image: linear-gradient(#1c1917 0%, #131110 100%);
  border: 1px solid #2e2824;
  border-top-color: #5a4a24;
  border-radius: 28px;
  width: 100%;
  padding: 16px 18px 14px;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-pay-mapwrap {
  justify-content: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.hl-pay-ml {
  display: none;
}

.hl-pay-more {
  color: #bcb2a6;
  border-left: 2px solid #ff7300;
  max-width: 68ch;
  margin: 0;
  padding-left: 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-pay-note {
  color: #bcb2a6;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin: 0;
  padding: 8px 10px 8px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-pay-note-num {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

.hl-pay-note-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-pay-notes {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-pay-nudge {
  color: #bcb2a6;
  margin: 4px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-pay-out {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: sticky;
  top: 96px;
}

.hl-pay-pill-ask {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #26211e;
  border: 1.5px dashed #bcb2a6;
  border-radius: 999px;
  align-items: center;
  padding: 6px 13px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pay-pill-none {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #bcb2a6;
  white-space: nowrap;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 6px 13px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pay-pill-pend {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #26211e;
  border: 1.5px solid #fff8f0;
  border-radius: 999px;
  align-items: center;
  padding: 6px 13px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pay-pill-req {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #0a0807;
  white-space: nowrap;
  background-color: #ff4a00;
  border: 1.5px solid #ff4a00;
  border-radius: 999px;
  align-items: center;
  padding: 6px 13px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pay-pill-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-pay-pill-soon {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #ffd60a;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 6px 13px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pay-privacy {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  margin: 0;
  padding-top: 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-pay-related {
  margin-bottom: 80px;
}

.hl-pay-result {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-pay-sec {
  background-color: #0a0807;
  padding-top: 112px;
  padding-bottom: 112px;
  position: relative;
}

.hl-pay-sec-alt {
  background-color: #131110;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.hl-pay-sec-tight {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 72px;
  position: relative;
}

.hl-pay-select {
  color: #fff8f0;
  cursor: pointer;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 16px;
  width: 100%;
  max-width: 100%;
  height: 54px;
  margin: 0;
  padding: 0 14px 0 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.3;
  transition: border-color .15s;
  display: block;
}

.hl-pay-select:hover {
  border-color: #958b80;
}

.hl-pay-select:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.hl-pay-sources {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  padding-top: 56px;
  display: grid;
}

.hl-pay-sources-body {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-pay-sources-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-pay-spec {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  white-space: nowrap;
  align-items: center;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  display: inline-flex;
}

.hl-pay-spec-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-pay-specs {
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-pay-src {
  display: inline;
}

.hl-pay-src-item {
  color: #bcb2a6;
  overflow-wrap: anywhere;
  border-left: 2px solid #2e2824;
  margin: 0;
  padding-left: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-pay-src-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-pay-src-title {
  color: #bcb2a6;
  margin: 6px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-pay-srclink {
  color: #fff8f0;
  text-underline-offset: 3px;
  -webkit-text-decoration: underline #6e655b;
  text-decoration: underline #6e655b;
  text-decoration-thickness: 1px;
  transition: color .15s, text-decoration-color .15s;
}

.hl-pay-srclink:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-pay-srclink:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-pay-stale {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #1c1917;
  border-left: 4px solid #ffa800;
  border-radius: 16px;
  flex-direction: column;
  padding: 16px 20px;
  display: flex;
}

.hl-pay-status {
  color: #ffd60a;
  min-height: 22px;
  margin: -4px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-pay-stop {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #1c1917;
  background-image: linear-gradient(90deg, #ff4a00 0%, #ffa800 100%);
  background-repeat: no-repeat;
  background-size: 100% 3px;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 26px 24px;
  display: flex;
}

.hl-pay-stop-date {
  color: #ffa800;
  font-variation-settings: "wdth" 75;
  letter-spacing: .06em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-pay-stop-next {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #131110;
  border: 1.5px dashed #6e655b;
  border-radius: 20px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 26px 24px;
  display: flex;
}

.hl-pay-stop-place {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-pay-stop-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-pay-sum {
  color: #fff8f0;
  min-width: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-pay-sum-label {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .02em;
  flex-shrink: 0;
  margin: 3px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-pay-sumbar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-left: 4px solid #ffd60a;
  border-radius: 16px;
  align-items: flex-start;
  padding: 16px 20px;
  display: flex;
}

.hl-pay-sw-ask {
  background-color: #26211e;
  border: 1.5px dashed #bcb2a6;
  border-radius: 3px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-pay-sw-dot {
  background-color: #fff8f0;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-pay-sw-none {
  background-color: #1c1917;
  border: 1px solid #6e655b;
  border-radius: 3px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-pay-sw-req {
  background-color: #ff4a00;
  background-image: linear-gradient(150deg, #ff7300 0%, #ff4a00 72%);
  border-radius: 3px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-pay-sw-soon {
  border: 1.5px solid #ffd60a;
  border-radius: 3px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-pay-tablebar {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 20px;
  display: flex;
}

.hl-pay-tablenote {
  color: #958b80;
  max-width: 92ch;
  margin: 6px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-pay-tag-no {
  color: #bcb2a6;
  vertical-align: -5px;
  background-color: #0a0807;
  border: 1.5px solid #6e655b;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.hl-pay-tag-unk {
  color: #ffa800;
  vertical-align: -5px;
  background-color: #0a0807;
  border: 1.5px solid #ffa800;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.hl-pay-tag-yes {
  color: #0a0807;
  vertical-align: -5px;
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.hl-pay-tbl {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 24px;
  display: block;
  overflow: hidden;
}

.hl-pay-td {
  color: #fff8f0;
  overflow-wrap: anywhere;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-pay-td-name {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #fff8f0;
  flex-direction: column;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
}

.hl-pay-td-status, .hl-pay-td-x {
  color: #fff8f0;
  overflow-wrap: anywhere;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-pay-th {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-pay-thead {
  background-color: #1c1917;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.25fr) minmax(196px, 1.3fr) minmax(0, 1.1fr) minmax(0, .95fr) minmax(0, 1.45fr) minmax(0, 1.3fr);
  column-gap: 20px;
  padding: 16px 24px;
  display: grid;
}

.hl-pay-tile {
  aspect-ratio: 1;
  color: #958b80;
  font-variation-settings: "wdth" 75;
  letter-spacing: .04em;
  cursor: pointer;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1;
  text-decoration: none;
  transition: transform .16s cubic-bezier(.16, 1, .3, 1), border-color .16s, color .16s;
  display: flex;
  position: relative;
}

.hl-pay-tile:hover {
  color: #fff8f0;
  border-color: #fff8f0;
  transform: translateY(-3px);
}

.hl-pay-tile-ask {
  aspect-ratio: 1;
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: .04em;
  cursor: pointer;
  background-color: #26211e;
  border: 1.5px dashed #bcb2a6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1;
  text-decoration: none;
  transition: transform .16s cubic-bezier(.16, 1, .3, 1), border-color .16s;
  display: flex;
  position: relative;
}

.hl-pay-tile-ask:hover {
  border-color: #fff8f0;
  transform: translateY(-3px);
}

.hl-pay-tile-dot {
  background-color: #fff8f0;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 4px;
  right: 4px;
  box-shadow: 0 0 0 1.5px #0a0807;
}

.hl-pay-tile-pick {
  z-index: 2;
  aspect-ratio: 1;
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  letter-spacing: .04em;
  cursor: pointer;
  background-color: #ffd60a;
  border: 1px solid #ffd60a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: 1;
  text-decoration: none;
  transition: transform .2s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
  transform: scale(1.18);
  box-shadow: 0 0 0 3px #0a0807, 0 12px 24px -6px #000000e6;
}

.hl-pay-tile-req {
  aspect-ratio: 1;
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  letter-spacing: .04em;
  cursor: pointer;
  background-color: #ff4a00;
  background-image: linear-gradient(150deg, #ff7300 0%, #ff4a00 72%);
  border: 1px solid #ff4a00;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1;
  text-decoration: none;
  transition: transform .16s cubic-bezier(.16, 1, .3, 1), border-color .16s;
  display: flex;
  position: relative;
}

.hl-pay-tile-req:hover {
  border-color: #fff8f0;
  transform: translateY(-3px);
}

.hl-pay-tile-soon {
  aspect-ratio: 1;
  color: #ffd60a;
  font-variation-settings: "wdth" 75;
  letter-spacing: .04em;
  cursor: pointer;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1;
  text-decoration: none;
  transition: transform .16s cubic-bezier(.16, 1, .3, 1), border-color .16s;
  display: flex;
  position: relative;
}

.hl-pay-tile-soon:hover {
  border-color: #fff8f0;
  transform: translateY(-3px);
}

.hl-pay-time-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 48px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-pay-time-label {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #fff8f0;
  align-items: center;
  margin: 0 0 18px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
  display: flex;
}

.hl-pay-tool {
  z-index: 2;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: start;
  display: grid;
  position: relative;
}

.hl-pay-top {
  background-color: #0a0807;
  padding-top: 20px;
  padding-bottom: 104px;
  position: relative;
}

.hl-pay-tpill-ask {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0000;
  border: 1.5px dashed #bcb2a6;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pay-tpill-none {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #bcb2a6;
  white-space: nowrap;
  background-color: #1c1917;
  border: 1.5px solid #2e2824;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pay-tpill-pend {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #26211e;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pay-tpill-req {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #ffa800;
  white-space: nowrap;
  background-color: #ff730029;
  border: 1.5px solid #ff730029;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pay-tpill-soon {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #ffd60a;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pay-tr {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.25fr) minmax(196px, 1.3fr) minmax(0, 1.1fr) minmax(0, .95fr) minmax(0, 1.45fr) minmax(0, 1.3fr);
  align-items: start;
  column-gap: 20px;
  padding: 16px 24px 17px;
  transition: background-color .15s;
  display: grid;
}

.hl-pay-tr:hover {
  background-color: #131110;
}

.hl-pay-tr-hide {
  display: none;
}

.hl-pay-tsub {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  display: block;
}

.hl-pay-verdict {
  color: #fff8f0;
  max-width: 62ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-pay-you {
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 12px;
  margin: 0;
  padding: 9px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-pja-bar {
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 6px 6px 2px 2px;
  flex: 1;
  height: 78px;
  display: block;
}

.hl-pja-bar-next {
  border-top: 1.5px dashed #6e655b;
  border-left: 1.5px dashed #6e655b;
  border-right: 1.5px dashed #6e655b;
  border-radius: 6px 6px 2px 2px;
  flex: 1;
  height: 78px;
  display: block;
}

.hl-pja-chart {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid #3a322c;
  align-items: flex-end;
  width: 100%;
  height: 118px;
  display: flex;
  position: relative;
}

.hl-pja-hand {
  z-index: 2;
  width: 440px;
  height: 400px;
  display: block;
  position: relative;
}

.hl-pja-inc {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  text-align: left;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-items: center;
  margin: 0;
  padding: 11px 22px 11px 11px;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pja-inc-actions {
  flex-direction: column;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.hl-pja-inc-lead {
  color: #bcb2a6;
  max-width: 640px;
  margin: 20px auto 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-pja-inc-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 44px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-pja-inc-wrap {
  z-index: 2;
  text-align: center;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-pja-ink {
  background-color: #3a322c;
  border-radius: 4px;
  width: 100%;
  height: 8px;
  display: block;
}

.hl-pja-ink-short {
  background-color: #3a322c;
  border-radius: 4px;
  width: 62%;
  height: 8px;
  display: block;
}

.hl-pja-job {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  background-color: #fff8f0;
  background-image: radial-gradient(120% 90% at 50% 20%, #fff 0%, #fff8f0 50%, #fbe8cf 100%);
  border-radius: 22px;
  flex-direction: column;
  align-items: flex-start;
  width: 272px;
  margin-left: -136px;
  padding: 20px 20px 18px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 50%;
  box-shadow: 0 40px 80px -24px #000000f2;
}

.hl-pja-job-brand {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-pja-job-chip {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  background-color: #0a0807;
  border-radius: 999px;
  align-items: center;
  margin-top: 4px;
  padding: 8px 14px 8px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pja-job-id {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.hl-pja-job-meta {
  color: #4a433d;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-pja-job-role {
  color: #0a0807;
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: .98;
  display: block;
}

.hl-pja-job-tag {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.hl-pja-job-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.hl-pja-jobs {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  width: 100%;
  max-width: 312px;
  display: flex;
}

.hl-pja-jrole {
  color: #fff8f0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
}

.hl-pja-jrole-off {
  color: #958b80;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: line-through;
  overflow: hidden;
}

.hl-pja-jrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 16px;
  display: flex;
}

.hl-pja-jrow-off {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  border: 1px dashed #3a322c;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 16px;
  display: flex;
}

.hl-pja-ls {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  height: 100%;
  padding: 54px 14px 16px;
  display: flex;
  position: relative;
}

.hl-pja-ls-apply {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  height: 44px;
  margin-top: 4px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.hl-pja-ls-brand {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-pja-ls-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  background-color: #fff8f0;
  background-image: radial-gradient(120% 90% at 50% 10%, #fff 0%, #fff8f0 50%, #fbe8cf 100%);
  border: 2px solid #ffd60a;
  border-radius: 20px;
  flex-direction: column;
  padding: 16px;
  display: flex;
  position: relative;
}

.hl-pja-ls-chip {
  color: #0a0807;
  background-color: #f1e2cf;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-pja-ls-chips {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  display: flex;
}

.hl-pja-ls-ghost {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.hl-pja-ls-ghost-title {
  background-color: #4a433d;
  border-radius: 7px;
  width: 64%;
  height: 14px;
  display: block;
}

.hl-pja-ls-id {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.hl-pja-ls-label {
  color: #958b80;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 4px 0 0 6px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pja-ls-line {
  background-color: #2e2824;
  border-radius: 5px;
  width: 86%;
  height: 9px;
  display: block;
}

.hl-pja-ls-line-short {
  background-color: #2e2824;
  border-radius: 5px;
  width: 48%;
  height: 9px;
  display: block;
}

.hl-pja-ls-meta {
  color: #4a433d;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pja-ls-q {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
}

.hl-pja-ls-role {
  color: #0a0807;
  letter-spacing: -.015em;
  margin: 2px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: .98;
}

.hl-pja-ls-search {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  height: 44px;
  padding: 0 16px;
  display: flex;
}

.hl-pja-ls-tag {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.hl-pja-ls-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.hl-pja-more {
  border-top: 1px solid #2e2824;
  margin-top: 112px;
  padding-top: 56px;
}

.hl-pja-more-link {
  margin: 24px 0 0;
}

.hl-pja-pace {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.hl-pja-plan {
  border-top: 2px dashed #ffd60a;
  height: 0;
  display: block;
  position: absolute;
  bottom: 78px;
  left: -8px;
  right: -8px;
}

.hl-pja-plan-label {
  color: #ffd60a;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1;
  display: block;
  position: absolute;
  bottom: 6px;
  right: 8px;
}

.hl-pja-rel {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  min-height: 148px;
  padding: 22px 56px 24px 24px;
  text-decoration: none;
  transition: background-color .2s, transform .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
}

.hl-pja-rel:hover {
  background-color: #26211e;
  transform: translateY(-3px);
}

.hl-pja-rel:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-pja-rel-arrow {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 20px;
  right: 22px;
}

.hl-pja-rel-desc {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-pja-rel-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.hl-pja-rel-kicker {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pja-rel-label {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-pja-rel-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0 0 24px;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-pja-rule {
  color: #958b80;
  max-width: 560px;
  margin: 28px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-pja-run {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
  display: grid;
}

.hl-pja-run-band {
  background-color: #131110;
  padding-top: 120px;
  padding-bottom: 112px;
  position: relative;
  overflow: hidden;
}

.hl-pja-run-cap {
  z-index: 2;
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  position: relative;
}

.hl-pja-run-copy {
  z-index: 2;
  position: relative;
}

.hl-pja-run-stage {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.hl-pja-run-steps {
  margin-top: 40px;
}

.hl-pja-site-1 {
  z-index: 1;
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  transform-origin: 50% 100%;
  background-color: #26211e;
  background-image: linear-gradient(160deg, #362e28 0%, #26211e 42%, #1c1917 100%);
  border: 1px solid #3a322c;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 190px;
  height: 250px;
  margin-left: -95px;
  padding: 16px;
  display: flex;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translate(-46px, 38px)rotate(-27deg);
  box-shadow: 0 30px 60px -24px #000000e6;
}

.hl-pja-site-2 {
  z-index: 2;
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  transform-origin: 50% 100%;
  background-color: #26211e;
  background-image: linear-gradient(160deg, #362e28 0%, #26211e 42%, #1c1917 100%);
  border: 1px solid #3a322c;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 190px;
  height: 250px;
  margin-left: -95px;
  padding: 16px;
  display: flex;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translate(-26px, 8px)rotate(-9deg);
  box-shadow: 0 30px 60px -24px #000000e6;
}

.hl-pja-site-3 {
  z-index: 2;
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  transform-origin: 50% 100%;
  background-color: #26211e;
  background-image: linear-gradient(200deg, #362e28 0%, #26211e 42%, #1c1917 100%);
  border: 1px solid #3a322c;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-end;
  width: 190px;
  height: 250px;
  margin-left: -95px;
  padding: 16px;
  display: flex;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translate(26px, 8px)rotate(9deg);
  box-shadow: 0 30px 60px -24px #000000e6;
}

.hl-pja-site-4 {
  z-index: 1;
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  transform-origin: 50% 100%;
  background-color: #26211e;
  background-image: linear-gradient(200deg, #362e28 0%, #26211e 42%, #1c1917 100%);
  border: 1px solid #3a322c;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-end;
  width: 190px;
  height: 250px;
  margin-left: -95px;
  padding: 16px;
  display: flex;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translate(46px, 38px)rotate(27deg);
  box-shadow: 0 30px 60px -24px #000000e6;
}

.hl-pja-site-name {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-pja-site-role {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.12;
  display: none;
}

.hl-priv-act {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 22px 20px 24px;
  display: flex;
}

.hl-priv-act-dot {
  background-color: #ff4a00;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-priv-act-dot-2 {
  background-color: #ff7300;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-priv-act-dot-3 {
  background-color: #ffa800;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-priv-act-dot-4 {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-priv-act-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-priv-act-verb {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.hl-priv-acts {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-priv-body {
  background-color: #0a0807;
  padding-top: 16px;
  padding-bottom: 104px;
  position: relative;
}

.hl-priv-chip {
  color: #fff8f0;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  margin: 0;
  padding: 7px 13px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-priv-chip-no {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-items: center;
  margin: 0;
  padding: 7px 14px 7px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-priv-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-priv-flow {
  grid-row-gap: 0;
  grid-column-gap: 0;
  background-color: #131110;
  background-image: radial-gradient(60% 80% at 50% 120%, #ff730038 0%, #ff4a000f 50%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: auto minmax(80px, 1fr) auto;
  align-items: center;
  max-width: 760px;
  padding: 36px 32px;
  display: grid;
  overflow: hidden;
}

.hl-priv-flow-ad {
  justify-content: center;
  display: flex;
}

.hl-priv-flow-chip {
  color: #0a0807;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-priv-flow-link {
  background-image: linear-gradient(90deg, #ffa800 0% 50%, #ffa80000 50% 100%);
  background-repeat: repeat-x;
  background-size: 12px 2px;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
  position: relative;
}

.hl-priv-form {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  min-width: 0;
  padding: 24px;
  display: flex;
}

.hl-priv-form-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-priv-form-note {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-priv-forms {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hl-priv-h {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-priv-label {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%), linear-gradient(#fffcf8 0%, #f6ece0 100%);
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 8px, 100% 100%;
  border-radius: 22px;
  flex-direction: column;
  padding: 30px 28px 20px;
  display: flex;
  transform: rotate(-3deg);
  box-shadow: 0 0 0 8px #26211e, 0 48px 96px -32px #000000e6;
}

.hl-priv-label-foot {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 12px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-priv-label-k {
  color: #0a0807;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-priv-label-kicker {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-priv-label-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 6px solid #0a0807;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 11px;
  padding-bottom: 12px;
  display: flex;
}

.hl-priv-label-mark {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  display: block;
}

.hl-priv-label-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1.5px solid #0a0807;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 11px;
  padding-bottom: 11px;
  display: flex;
}

.hl-priv-label-title {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  border-bottom: 10px solid #0a0807;
  padding-bottom: 12px;
  font-family: Archivo, sans-serif;
  font-size: 58px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  display: block;
}

.hl-priv-label-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.hl-priv-label-v {
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  text-align: right;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: 1.1;
}

.hl-priv-main {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-priv-never {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #131110;
  border: 1.5px dashed #6e655b;
  border-radius: 20px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  min-width: 0;
  padding: 24px;
  display: flex;
}

.hl-priv-sec {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  min-width: 0;
  padding-top: 36px;
  display: flex;
}

.hl-priv-site {
  color: #0a0807;
  background-color: #fff8f0;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  width: 230px;
  padding: 0 0 18px;
  display: flex;
  overflow: hidden;
  transform: rotate(2deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-priv-site-bar {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #26211e;
  align-items: center;
  margin-bottom: 16px;
  padding: 10px 12px;
  display: flex;
}

.hl-priv-site-btn {
  color: #fff8f0;
  background-color: #0a0807;
  border-radius: 999px;
  align-self: flex-start;
  margin: 16px 16px 0;
  padding: 8px 14px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-priv-site-dot {
  background-color: #6e655b;
  border-radius: 50%;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-priv-site-line {
  background-color: #e6dacb;
  border-radius: 3px;
  height: 6px;
  margin: 14px 16px 0;
  display: block;
}

.hl-priv-site-line-short {
  background-color: #e6dacb;
  border-radius: 3px;
  width: 60%;
  height: 6px;
  margin: 8px 16px 0;
  display: block;
}

.hl-priv-site-meta {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 4px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
  display: block;
}

.hl-priv-site-title {
  color: #0a0807;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
  display: block;
}

.hl-priv-site-url {
  color: #bcb2a6;
  white-space: nowrap;
  margin-left: 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
}

.hl-priv-stage {
  z-index: 2;
  width: 100%;
  max-width: 392px;
  position: relative;
}

.hl-priv-url {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #0a0807;
  border: 1.5px solid #6e655b;
  border-radius: 26px;
  flex-wrap: wrap;
  align-items: center;
  max-width: 720px;
  padding: 14px 20px;
  display: flex;
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-priv-url-base {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-priv-url-lock {
  background-color: #ffa800;
  border-radius: 3px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  display: block;
}

.hl-priv-url-tag {
  color: #ffd60a;
  white-space: nowrap;
  background-color: #2b2408;
  border-radius: 999px;
  padding: 5px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-priv-x {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  display: flex;
}

.hl-pt-ad {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e7da 100%);
  border-radius: 20px;
  flex-direction: column;
  padding: 26px 12px 14px;
  display: flex;
  position: relative;
  transform: rotate(4deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-pt-ad-cta {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1;
}

.hl-pt-ad-foot {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.hl-pt-ad-hook {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .88;
}

.hl-pt-ad-media {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ff7300;
  background-image: linear-gradient(160deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  height: 142px;
  margin-top: 10px;
  padding: 14px;
  display: flex;
}

.hl-pt-ad-pay {
  color: #ffd60a;
  white-space: nowrap;
  background-color: #0a0807;
  border-radius: 999px;
  align-self: flex-start;
  padding: 6px 10px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  font-stretch: 85%;
  line-height: 1.1;
}

.hl-pt-ad-role {
  color: #0a0807;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-pt-ad-tag {
  color: #4a433d;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pt-ad-wrap {
  z-index: 2;
  width: 214px;
  position: absolute;
  top: 322px;
  right: 0;
}

.hl-pt-article {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 120px;
  position: relative;
}

.hl-pt-article-end {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 40px;
  position: relative;
}

.hl-pt-box {
  color: #ffd60a;
  width: 34px;
  margin-left: -34px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.4;
  display: inline-block;
}

.hl-pt-check {
  color: #fff8f0;
  overflow-wrap: anywhere;
  border-bottom: 1px solid #2e2824;
  margin: 0;
  padding: 14px 0 15px 34px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.hl-pt-check-key {
  color: #ffd60a;
  font-weight: 600;
}

.hl-pt-checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-pt-chip-new {
  color: #0a0807;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: 2px;
  background-color: #ff7300;
  border-radius: 999px;
  margin-left: 8px;
  padding: 4px 9px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-block;
}

.hl-pt-chip-soon {
  color: #ffd60a;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: 2px;
  border: 1.5px dashed #ffd60a;
  border-radius: 999px;
  margin-left: 8px;
  padding: 3px 8px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-block;
}

.hl-pt-col {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-pt-end {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 112px;
  position: relative;
}

.hl-pt-ex {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  display: flex;
}

.hl-pt-ex-cap {
  color: #bcb2a6;
  margin: 0;
  padding: 0 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-pt-ex-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1080px;
  margin: 44px auto 16px;
  display: grid;
}

.hl-pt-ex-light {
  pointer-events: none;
  background-image: radial-gradient(60% 70% at 50% 100%, #ff730057 0%, #ff4a0014 55%, #ff4a0000 100%);
  height: 75%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hl-pt-ex-stage {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  justify-content: center;
  align-items: center;
  min-height: 500px;
  padding: 44px 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-pt-ex-tag {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
  display: block;
}

.hl-pt-fad {
  z-index: 2;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 22px;
  flex-direction: column;
  width: 300px;
  max-width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-pt-fad-avatar {
  background-image: linear-gradient(135deg, #ff4a00 0%, #ffa800 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: block;
}

.hl-pt-fad-bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #26211e;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  margin: 12px 14px 14px;
  padding: 10px 10px 10px 14px;
  display: flex;
}

.hl-pt-fad-bar-text {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-pt-fad-ben {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-pt-fad-body {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  padding: 16px 16px 4px;
  display: flex;
}

.hl-pt-fad-brand {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-pt-fad-cta {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 7px 14px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1;
}

.hl-pt-fad-id {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-pt-fad-kicker {
  color: #0a0807;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pt-fad-media {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ff7300;
  background-image: linear-gradient(160deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  flex-direction: column;
  justify-content: flex-end;
  height: 196px;
  padding: 18px;
  display: flex;
}

.hl-pt-fad-meta {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-pt-fad-pay {
  color: #ffd60a;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-pt-fad-title {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-pt-fad-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  padding: 14px 16px;
  display: flex;
}

.hl-pt-fix {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #131110;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr) minmax(0, 1.3fr);
  align-items: center;
  margin: 0;
  padding: 22px 32px;
  display: grid;
}

.hl-pt-fix-arrow {
  color: #ffa800;
  border: 1px solid #3a322c;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.hl-pt-fix-head {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #1c1917;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr) minmax(0, 1.3fr);
  margin: 0;
  padding: 16px 32px 14px;
  display: grid;
}

.hl-pt-fix-label {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-pt-fix-label-gap {
  display: block;
}

.hl-pt-fix-new {
  color: #ffd60a;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-pt-fix-old {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  -webkit-text-decoration: line-through #ff4a00;
  text-decoration: line-through #ff4a00;
  text-decoration-thickness: 2px;
}

.hl-pt-fix-why {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-pt-fixes {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #2e2824;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  max-width: 1080px;
  margin: 28px auto 36px;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: hidden;
}

.hl-pt-flood-foot {
  z-index: 2;
  grid-column-gap: 28px;
  grid-row-gap: 14px;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 760px;
  margin: 48px auto 0;
  display: flex;
  position: relative;
}

.hl-pt-flow {
  background-color: #131110;
  background-image: radial-gradient(70% 80% at 50% 0, #ffa8002e 0%, #ff73000d 50%, #ff730000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  align-items: center;
  max-width: 1080px;
  margin: 44px auto 24px;
  padding: 44px 44px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-pt-flow-out {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 22px 22px 20px;
  display: flex;
}

.hl-pt-flow-out-name {
  color: #bcb2a6;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-pt-flow-out-pay {
  color: #fff8f0;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-pt-flow-out-tick {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffd60a;
  align-items: center;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pt-flow-outs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 3px solid #ff7300;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  padding-top: 28px;
  display: grid;
}

.hl-pt-flow-src {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  background-color: #1c1917;
  border: 1.5px solid #ffd60a;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 20px 34px 22px;
  display: flex;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-pt-flow-src-label {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-pt-flow-src-pay {
  color: #ffd60a;
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 38px;
  font-weight: 800;
  line-height: 1;
}

.hl-pt-flow-wire {
  background-image: linear-gradient(#ffd60a 0%, #ff7300 100%);
  width: 3px;
  height: 40px;
  display: block;
}

.hl-pt-fly {
  z-index: 2;
  color: #0a0807;
  background-color: #fff8f0;
  background-image: radial-gradient(120% 90% at 50% 0, #fff 0%, #fff8f0 50%, #fbe8cf 100%);
  border-radius: 18px;
  flex-direction: column;
  width: 320px;
  max-width: 100%;
  padding: 26px 24px 22px;
  display: flex;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-pt-fly-brand {
  color: #4a433d;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pt-fly-foot {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 16px;
  display: flex;
}

.hl-pt-fly-foot-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-pt-fly-kicker {
  color: #0a0807;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pt-fly-pay {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-pt-fly-qr {
  flex-shrink: 0;
  width: 76px;
  height: 76px;
  display: block;
}

.hl-pt-fly-role {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-pt-fly-roles {
  border-top: 2px solid #0a0807;
  flex-direction: column;
  margin-top: 18px;
  display: flex;
}

.hl-pt-fly-row {
  grid-column-gap: 12px;
  grid-row-gap: 2px;
  border-bottom: 1px solid #d9cbbb;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  padding: 10px 0;
  display: flex;
}

.hl-pt-fly-scan {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-pt-fly-title {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 6px;
  font-family: Archivo, sans-serif;
  font-size: 54px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-pt-flyer {
  color: #0a0807;
  background-color: #ffd60a;
  background-image: radial-gradient(90% 60% at 50% 0, #ffeb5c 0%, #ffd60a 70%);
  border-radius: 16px;
  flex-direction: column;
  padding: 26px 16px 14px;
  display: flex;
  position: relative;
  transform: rotate(-4deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-pt-flyer-brand {
  color: #0a0807;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pt-flyer-foot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 14px;
  display: flex;
}

.hl-pt-flyer-kicker {
  color: #0a0807;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pt-flyer-pay {
  color: #ffd60a;
  white-space: nowrap;
  background-color: #0a0807;
  border-radius: 8px;
  align-self: flex-start;
  margin-top: 6px;
  padding: 5px 9px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  font-stretch: 85%;
  line-height: 1.1;
}

.hl-pt-flyer-qr {
  background-color: #fff8f0;
  border-radius: 8px;
  flex-shrink: 0;
  width: 58px;
  height: 58px;
  padding: 4px;
  display: block;
}

.hl-pt-flyer-role {
  color: #0a0807;
  margin-top: 14px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-pt-flyer-sample {
  color: #4a433d;
  margin-top: 3px;
  display: block;
}

.hl-pt-flyer-when {
  color: #0a0807;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 4px;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-pt-flyer-wrap {
  z-index: 3;
  width: 190px;
  position: absolute;
  bottom: 0;
  left: 34px;
}

.hl-pt-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.1em;
  padding: 2px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-pt-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-pt-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-pt-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 14px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-pt-key {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  display: inline-flex;
}

.hl-pt-key-ask {
  background-color: #26211e;
  border: 1px solid #6e655b;
  border-radius: 3px;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-pt-key-on {
  background-color: #ffd60a;
  border-radius: 3px;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-pt-key-soon {
  border: 1.5px dashed #ffd60a;
  border-radius: 3px;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-pt-keys {
  grid-column-gap: 18px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.hl-pt-list-card {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 40px auto 0;
  padding: 12px 36px 28px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-pt-list-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #6e655b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0 20px;
  display: flex;
}

.hl-pt-list-title {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-pt-lockups {
  z-index: 2;
  border-bottom: 2px solid #0a0807;
  max-width: 1040px;
  margin: 64px auto 0;
  position: relative;
}

.hl-pt-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  align-items: flex-start;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-pt-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 7px;
  display: block;
}

.hl-pt-ml, .hl-pt-ml-run {
  display: none;
}

.hl-pt-next {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  max-width: 860px;
  margin: 36px auto 0;
  padding: 26px 30px 28px;
}

.hl-pt-next-date {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1.05;
}

.hl-pt-next-item {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-top: 2px solid #3a322c;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding-top: 14px;
  display: flex;
}

.hl-pt-next-label {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-pt-next-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-pt-next-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-pt-note-link {
  color: #fff8f0;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-pt-note-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-pt-note-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-pt-pay {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #131110;
  border: 1.5px solid #ffd60a;
  border-radius: 16px;
  flex-direction: column;
  margin: 4px 0 2px;
  padding: 14px 16px 15px;
  display: flex;
}

.hl-pt-pay-ben {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-pt-pay-label {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pt-pay-value {
  color: #ffd60a;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-pt-pill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 10px 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-pt-pill-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-pt-pill-wrap {
  z-index: 4;
  position: absolute;
  top: 0;
  right: 0;
}

.hl-pt-post {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 22px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-pt-post-bar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #26211e;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.hl-pt-post-body {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  padding: 24px 26px 26px;
  display: flex;
}

.hl-pt-post-chip {
  color: #fff8f0;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-pt-post-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.hl-pt-post-dot {
  background-color: #3a322c;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: block;
}

.hl-pt-post-dots {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-shrink: 0;
  display: flex;
}

.hl-pt-post-kicker {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pt-post-line {
  background-color: #2e2824;
  border-radius: 4px;
  width: 100%;
  height: 8px;
  display: block;
}

.hl-pt-post-line-short {
  background-color: #2e2824;
  border-radius: 4px;
  width: 62%;
  height: 8px;
  display: block;
}

.hl-pt-post-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
}

.hl-pt-post-url {
  color: #bcb2a6;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #131110;
  border-radius: 999px;
  flex: auto;
  min-width: 0;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  display: block;
  overflow: hidden;
}

.hl-pt-post-wrap {
  z-index: 1;
  width: 380px;
  position: absolute;
  top: 34px;
  left: 0;
}

.hl-pt-pull {
  color: #fff8f0;
  letter-spacing: -.015em;
  border-top: 1px solid #2e2824;
  margin: 40px 0 0;
  padding-top: 28px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-pt-pull-small {
  color: #958b80;
  margin: 14px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-pt-pull-volt {
  color: #ffd60a;
}

.hl-pt-quote {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  flex: 320px;
  min-width: 0;
  margin: 0;
  padding: 28px 28px 24px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-pt-quote-note {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  margin: auto 0 0;
  padding-top: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-pt-quote-place {
  color: #ffa800;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-self: flex-start;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-pt-quote-text {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.22;
}

.hl-pt-quotes {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  max-width: 1080px;
  margin: 44px auto 24px;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-pt-rh {
  color: #fff8f0;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  display: block;
}

.hl-pt-sec {
  padding-top: 120px;
  position: relative;
}

.hl-pt-src {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  margin-top: 72px;
  padding-top: 40px;
  display: grid;
}

.hl-pt-src-item {
  color: #bcb2a6;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin: 0;
  padding: 12px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-pt-src-link {
  color: #fff8f0;
  overflow-wrap: anywhere;
  font-weight: 500;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-pt-src-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-pt-src-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-pt-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-pt-src-note {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-pt-src-num {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
}

.hl-pt-src-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-self: start;
  display: flex;
  position: sticky;
  top: 112px;
}

.hl-pt-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-pt-src-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-pt-stage {
  z-index: 2;
  width: 100%;
  max-width: 500px;
  height: 600px;
  margin-left: auto;
  position: relative;
}

.hl-pt-sup {
  vertical-align: baseline;
  margin-left: 1px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-pt-table {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 1080px;
  margin: 40px auto 16px;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-pt-table-note {
  color: #bcb2a6;
  max-width: 1080px;
  margin: 0 auto;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-pt-table-sm {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 1080px;
  margin: 32px auto 16px;
  overflow: hidden;
}

.hl-pt-td, .hl-pt-td-wide, .hl-pt-td3 {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-pt-test {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 30px 30px 28px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-pt-test-chip {
  color: #0a0807;
  letter-spacing: .04em;
  background-color: #ffd60a;
  border-radius: 8px;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1.1;
}

.hl-pt-test-chips {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  display: flex;
}

.hl-pt-test-name {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-pt-test-open {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #131110;
  border: 1.5px dashed #6e655b;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 30px 30px 28px;
  display: flex;
}

.hl-pt-test-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-pt-tests {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1080px;
  margin: 44px auto 8px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-pt-th {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-pt-thead {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #1c1917;
  border-bottom: 1px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1.2fr) minmax(0, 1.3fr) minmax(0, 1.8fr);
  padding: 18px 32px 16px;
  display: grid;
}

.hl-pt-thead3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #1c1917;
  border-bottom: 1px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1.3fr) minmax(0, 2.6fr);
  padding: 18px 32px 16px;
  display: grid;
}

.hl-pt-tick {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px 6px 7px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  position: absolute;
  top: -16px;
  left: 14px;
  box-shadow: 0 16px 32px -16px #000000e6;
}

.hl-pt-tick-icon {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  padding: 3px;
  display: block;
}

.hl-pt-tile {
  color: #0a0807;
  letter-spacing: .02em;
  background-color: #ffd60a;
  background-image: radial-gradient(90% 70% at 50% 0, #ffeb5c 0%, #ffd60a 70%);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 58px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1;
  display: flex;
}

.hl-pt-tile-ask {
  color: #bcb2a6;
  letter-spacing: .02em;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 58px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1;
  display: flex;
}

.hl-pt-tile-soon {
  color: #ffd60a;
  letter-spacing: .02em;
  border: 1.5px dashed #ffd60a;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 58px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1;
  display: flex;
}

.hl-pt-tiles {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, 58px);
  display: grid;
}

.hl-pt-time {
  background-image: linear-gradient(#ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  background-repeat: no-repeat;
  background-size: 3px 100%;
  max-width: 860px;
  margin: 44px auto 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.hl-pt-time-body {
  min-width: 0;
}

.hl-pt-time-date {
  color: #ffd60a;
  letter-spacing: -.01em;
  white-space: nowrap;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 54px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-pt-time-item {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 150px minmax(0, 1fr);
  margin: 0;
  padding: 30px 0 30px 40px;
  display: grid;
}

.hl-pt-time-state {
  color: #fff8f0;
  margin: 0 0 8px;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-pt-time-text {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-pt-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin-top: 24px;
  padding: 24px 26px 20px;
}

.hl-pt-toc-li {
  border-top: 1px solid #2e2824;
  margin: 0;
}

.hl-pt-toc-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-pt-tool {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  color: #fff8f0;
  background-color: #131110;
  background-image: radial-gradient(60% 90% at 80% 120%, #ff730042 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  max-width: 1080px;
  margin: 56px auto 0;
  padding: 40px 44px;
  text-decoration: none;
  transition: transform .2s, border-color .2s;
  display: grid;
  position: relative;
}

.hl-pt-tool:hover {
  border-color: #ff7300;
  transform: translateY(-4px);
}

.hl-pt-tool:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-pt-tool-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.hl-pt-tool-go {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  text-underline-offset: 5px;
  align-items: center;
  margin-top: 6px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
  text-decoration-thickness: 2px;
  display: inline-flex;
}

.hl-pt-tool-kicker {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-pt-tool-obj {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  display: flex;
}

.hl-pt-tool-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-pt-tool-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-pt-tr {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1.2fr) minmax(0, 1.3fr) minmax(0, 1.8fr);
  align-items: baseline;
  padding: 17px 32px 18px;
  display: grid;
}

.hl-pt-tr-new {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #1a1512;
  background-image: linear-gradient(90deg, #ff730029 0%, #ff73000a 45%, #ff730000 75%);
  border-bottom: 1px solid #2e2824;
  border-left: 3px solid #ff7300;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1.2fr) minmax(0, 1.3fr) minmax(0, 1.8fr);
  align-items: baseline;
  padding: 17px 32px 18px 29px;
  display: grid;
}

.hl-pt-tr-soon {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #0a0807;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1.2fr) minmax(0, 1.3fr) minmax(0, 1.8fr);
  align-items: baseline;
  padding: 17px 32px 20px;
  display: grid;
}

.hl-pt-tr3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1.3fr) minmax(0, 2.6fr);
  align-items: baseline;
  padding: 17px 32px 18px;
  display: grid;
}

.hl-pt-tv {
  min-width: 0;
}

.hl-pt-wide-head {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.hl-pvj-article {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 120px;
  position: relative;
}

.hl-pvj-article-end {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 56px;
  position: relative;
}

.hl-pvj-cap {
  color: #958b80;
  max-width: 1080px;
  margin: 0 auto;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-pvj-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  background-image: radial-gradient(90% 60% at 50% 125%, #ff730033 0%, #ff4a000d 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  flex: 290px;
  min-width: 0;
  margin: 0;
  padding: 28px 28px 30px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-pvj-card-tag {
  color: #ffa800;
  letter-spacing: .01em;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-pvj-card-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-pvj-card-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-pvj-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  max-width: 1080px;
  margin: 40px auto 48px;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-pvj-chip-code {
  color: #ffd60a;
  overflow-wrap: anywhere;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 10px;
  align-self: flex-start;
  margin-bottom: 8px;
  padding: 8px 12px;
  font-family: Menlo;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-pvj-cite {
  font-style: italic;
}

.hl-pvj-cmp {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 1080px;
  margin: 40px auto 14px;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-pvj-cmp-cell {
  color: #bcb2a6;
  min-width: 0;
  padding: 20px 26px 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-pvj-cmp-corner {
  color: #958b80;
  letter-spacing: .01em;
  align-self: end;
  padding: 24px 24px 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-pvj-cmp-head {
  border-bottom: 1px solid #3a322c;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.5fr) minmax(0, 1.5fr);
  display: grid;
}

.hl-pvj-cmp-hot {
  color: #fff8f0;
  background-color: #1c1917;
  min-width: 0;
  padding: 20px 26px 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-pvj-cmp-label, .hl-pvj-cmp-label-hot {
  display: none;
}

.hl-pvj-cmp-rh {
  color: #fff8f0;
  min-width: 0;
  padding: 20px 24px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-pvj-cmp-row {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.5fr) minmax(0, 1.5fr);
  display: grid;
}

.hl-pvj-cmp-row-last {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.5fr) minmax(0, 1.5fr);
  display: grid;
}

.hl-pvj-cmp-th {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  padding: 24px 26px 20px;
  display: flex;
}

.hl-pvj-cmp-th-hot {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #1c1917;
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  background-repeat: no-repeat;
  background-size: 100% 3px;
  flex-direction: column;
  padding: 24px 26px 20px;
  display: flex;
}

.hl-pvj-cmp-th-name {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-pvj-cmp-th-sub {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-pvj-code {
  color: #ffa800;
  background-color: #26211e;
  border-radius: 6px;
  padding: 1px 6px;
  font-family: Menlo;
  font-size: .88em;
}

.hl-pvj-col {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-pvj-dots {
  background-image: radial-gradient(circle, #ffd60a 0 5px, #ffd60a00 6px);
  background-repeat: repeat;
  background-size: 24px 24px;
  width: 720px;
  max-width: 100%;
  height: 96px;
  margin: 6px 0;
}

.hl-pvj-dots-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  background-color: #131110;
  background-image: radial-gradient(70% 80% at 50% 125%, #ff730038 0%, #ff4a000d 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  align-items: center;
  max-width: 1080px;
  margin: 0 auto 48px;
  padding: 40px 40px 36px;
  display: flex;
}

.hl-pvj-dots-tag {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  border: 1px solid #6e655b;
  border-radius: 999px;
  margin: 0;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pvj-dots-text {
  color: #bcb2a6;
  max-width: 60ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-pvj-dots-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-pvj-dots-volt {
  color: #ffd60a;
}

.hl-pvj-end {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 112px;
  position: relative;
}

.hl-pvj-feed {
  background-color: #1c1917;
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  background-repeat: no-repeat;
  background-size: 100% 2px;
  border: 1px solid #2e2824;
  border-radius: 22px;
  flex-direction: column;
  padding: 18px 20px;
  display: flex;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-pvj-feed-brand {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 14px 0 2px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-pvj-feed-file {
  color: #ffa800;
  white-space: nowrap;
  font-family: Menlo;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-pvj-feed-foot {
  padding-top: 16px;
  display: flex;
}

.hl-pvj-feed-go {
  color: #ffa800;
  text-align: right;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.hl-pvj-feed-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.hl-pvj-feed-out {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  padding: 4px 9px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pvj-feed-role {
  color: #fff8f0;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  overflow: hidden;
}

.hl-pvj-feed-role-off {
  color: #958b80;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  -webkit-text-decoration: line-through #958b80;
  text-decoration: line-through #958b80;
  overflow: hidden;
}

.hl-pvj-feed-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  align-items: center;
  padding-top: 13px;
  padding-bottom: 13px;
  display: grid;
}

.hl-pvj-feed-row-off {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  padding-top: 13px;
  padding-bottom: 13px;
  display: grid;
}

.hl-pvj-feed-site {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pvj-feed-wrap {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.hl-pvj-fit {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1080px;
  margin: 40px auto 20px;
  display: grid;
}

.hl-pvj-fit-calm {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 30px 32px 24px;
  display: flex;
}

.hl-pvj-fit-hot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  background-image: radial-gradient(80% 60% at 50% 120%, #ff73003d 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #ff7300;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 30px 32px 24px;
  display: flex;
}

.hl-pvj-fit-item {
  color: #fff8f0;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 28px minmax(0, 1fr);
  margin: 0;
  padding: 13px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  display: grid;
}

.hl-pvj-fit-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-pvj-fit-tag {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pvj-fit-tag-calm {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pvj-fit-tick {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-weight: 700;
}

.hl-pvj-fit-tick-calm {
  color: #958b80;
  font-family: Archivo, sans-serif;
  font-weight: 700;
}

.hl-pvj-fit-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 8px 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-pvj-flood-foot {
  z-index: 2;
  grid-column-gap: 28px;
  grid-row-gap: 14px;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 760px;
  margin: 48px auto 0;
  display: flex;
  position: relative;
}

.hl-pvj-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.1em;
  padding: 2px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-pvj-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-pvj-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-pvj-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 14px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-pvj-lockups {
  z-index: 2;
  border-bottom: 2px solid #0a0807;
  max-width: 1040px;
  margin: 64px auto 0;
  position: relative;
}

.hl-pvj-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  align-items: flex-start;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-pvj-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 7px;
  display: block;
}

.hl-pvj-need {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 36px auto 32px;
  padding: 6px 32px 10px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-pvj-need-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 132px minmax(0, 1fr);
  margin: 0;
  padding: 18px 0;
  display: grid;
}

.hl-pvj-need-key {
  color: #ffd60a;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.45;
}

.hl-pvj-need-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-pvj-need-text {
  color: #fff8f0;
  overflow-wrap: anywhere;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
}

.hl-pvj-need-title {
  color: #ffa800;
  letter-spacing: .01em;
  border-bottom: 1px solid #6e655b;
  margin: 0;
  padding: 22px 0 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-pvj-pub {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  height: 64px;
  padding: 0 14px;
  display: flex;
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-pvj-pub-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-pvj-pub-live {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  align-items: center;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pvj-pub-name {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-pvj-pubs {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.hl-pvj-pull {
  color: #fff8f0;
  letter-spacing: -.015em;
  border-top: 1px solid #2e2824;
  margin: 64px 0 24px;
  padding-top: 28px;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-pvj-pull-volt {
  color: #ffd60a;
  letter-spacing: -.005em;
  margin-top: 14px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

.hl-pvj-q {
  color: #fff8f0;
  text-indent: -34px;
  border-bottom: 1px solid #2e2824;
  margin: 0;
  padding: 11px 0 12px 34px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.hl-pvj-q-box {
  grid-column-gap: 48px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hl-pvj-q-card {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 1000px;
  margin: 40px auto 8px;
  padding: 12px 36px 30px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-pvj-q-group {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  min-width: 0;
  padding-top: 22px;
  display: flex;
}

.hl-pvj-q-group-title {
  color: #bcb2a6;
  letter-spacing: .01em;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-pvj-q-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #6e655b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0 20px;
  display: flex;
}

.hl-pvj-q-num {
  color: #ffa800;
  text-indent: 0;
  width: 30px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
}

.hl-pvj-q-title {
  color: #ffa800;
  letter-spacing: .01em;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-pvj-qs {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-pvj-rail-1 {
  background-color: #ff4a00;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-pvj-rail-2 {
  background-color: #ff7300;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-pvj-rail-3 {
  background-color: #ffa800;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-pvj-rail-4 {
  background-color: #ffd60a;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-pvj-rail-5 {
  background-color: #3a322c;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-pvj-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.hl-pvj-row-id {
  grid-column-gap: 16px;
  grid-row-gap: 4px;
  flex-wrap: wrap;
  align-items: baseline;
  min-width: 0;
  display: flex;
}

.hl-pvj-row-static {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
  display: grid;
}

.hl-pvj-sec {
  padding-top: 120px;
  position: relative;
}

.hl-pvj-sec-first {
  padding-top: 96px;
  position: relative;
}

.hl-pvj-src {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  margin-top: 72px;
  padding-top: 40px;
  display: grid;
}

.hl-pvj-src-item {
  color: #bcb2a6;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin: 0;
  padding: 12px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-pvj-src-link {
  color: #fff8f0;
  overflow-wrap: anywhere;
  font-weight: 500;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-pvj-src-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-pvj-src-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-pvj-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-pvj-src-num {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
}

.hl-pvj-src-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.hl-pvj-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-pvj-src-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-pvj-stage {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 44px 150px;
  align-items: center;
  width: 100%;
  max-width: 540px;
  margin-left: auto;
  display: grid;
  position: relative;
}

.hl-pvj-stat {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  background-color: #131110;
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  background-repeat: no-repeat;
  background-size: 100% 3px;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 40px 40px 28px;
  display: flex;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-pvj-stat-quote {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.08;
}

.hl-pvj-stat-src {
  color: #958b80;
  border-top: 1px solid #2e2824;
  margin: 0;
  padding-top: 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-pvj-stat-volt {
  color: #ffd60a;
}

.hl-pvj-stats {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  max-width: 720px;
  margin: 32px auto 8px;
  display: grid;
}

.hl-pvj-step {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  display: flex;
}

.hl-pvj-step-kicker {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-pvj-step-kicker-off {
  color: #6e655b;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-pvj-step-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-pvj-step-title {
  color: #fff8f0;
  margin: 6px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-pvj-steps {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  max-width: 1080px;
  margin: 32px auto 48px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-pvj-sup {
  vertical-align: baseline;
  margin-left: 1px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-pvj-sup-lg {
  vertical-align: baseline;
  margin-left: 2px;
  font-size: 16px;
  line-height: 0;
  position: relative;
  top: -1.4em;
}

.hl-pvj-term {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 24px 24px 22px;
  display: flex;
}

.hl-pvj-term-long {
  color: #ffa800;
  margin-top: 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  display: block;
}

.hl-pvj-term-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-pvj-term-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-pvj-terms {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 28px auto 24px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-pvj-tie {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #131110;
  background-image: radial-gradient(60% 90% at 25% 110%, #ff730038 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  max-width: 1080px;
  margin: 16px auto 0;
  padding: 40px;
  display: grid;
}

.hl-pvj-tie-copy {
  min-width: 0;
}

.hl-pvj-tie-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.hl-pvj-tie-head-title {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-pvj-tie-live {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-pvj-tie-live-dot {
  background-color: #0a0807;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: block;
}

.hl-pvj-tie-obj {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 22px;
  padding: 22px 24px 8px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-pvj-tie-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-pvj-tie-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-pvj-tl {
  grid-column-gap: 14px;
  grid-row-gap: 0;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 52px auto 40px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-pvj-tl-date {
  grid-column-gap: 10px;
  grid-row-gap: 6px;
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 0 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
  display: flex;
}

.hl-pvj-tl-dot {
  background-color: #ff7300;
  border: 4px solid #0a0807;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  position: absolute;
  top: -11px;
  left: 0;
}

.hl-pvj-tl-dot-next {
  background-color: #ffd60a;
  border: 4px solid #0a0807;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  position: absolute;
  top: -13px;
  left: 26px;
}

.hl-pvj-tl-item {
  border-top: 3px solid #ff7300;
  margin: 0;
  padding: 36px 20px 0 0;
  position: relative;
}

.hl-pvj-tl-next {
  background-color: #1c1917;
  border-top: 3px solid #ffd60a;
  border-radius: 0 0 24px 24px;
  margin: 0;
  padding: 36px 26px 28px;
  position: relative;
}

.hl-pvj-tl-tag {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  align-self: center;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-pvj-tl-text {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-pvj-tl-year {
  color: #958b80;
  font-variation-settings: "wdth" 100;
  letter-spacing: 0;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-stretch: 100%;
  line-height: 1.2;
}

.hl-pvj-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin-top: 24px;
  padding: 24px 26px 20px;
}

.hl-pvj-toc-li {
  border-top: 1px solid #2e2824;
  margin: 0;
}

.hl-pvj-toc-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-pvj-wide-head {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-pvj-wire-bus {
  background-image: linear-gradient(#ffa800 0%, #ff7300 50%, #ffd60a 100%);
  width: 2px;
  margin-left: -1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}

.hl-pvj-wire-in {
  background-color: #ff7300;
  width: 50%;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  left: 0;
}

.hl-pvj-wire-t1 {
  background-color: #ffa800;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
}

.hl-pvj-wire-t2 {
  background-color: #ff7300;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 33.333%;
  left: 50%;
  right: 0;
}

.hl-pvj-wire-t3 {
  background-color: #ff7300;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 66.667%;
  left: 50%;
  right: 0;
}

.hl-pvj-wire-t4 {
  background-color: #ffd60a;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 100%;
  left: 50%;
  right: 0;
}

.hl-pvj-wires {
  height: 252px;
  position: relative;
}

.hl-qr-action {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  align-items: center;
  min-height: 44px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  transition: color .2s;
  display: inline-flex;
}

.hl-qr-action:hover {
  color: #ffd60a;
}

.hl-qr-action:focus {
  outline-offset: 3px;
  border-radius: 6px;
  outline: 3px solid #ffd60a;
}

.hl-qr-actions {
  grid-column-gap: 20px;
  grid-row-gap: 4px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  display: flex;
}

.hl-qr-batch {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  padding: 32px 36px;
  display: flex;
}

.hl-qr-batch-head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.hl-qr-batch-help {
  color: #bcb2a6;
  max-width: 72ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-qr-batch-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-qr-bridge {
  background-color: #0a0807;
  padding-top: 128px;
  padding-bottom: 136px;
  position: relative;
  overflow: hidden;
}

.hl-qr-bridge-actions {
  grid-column-gap: 28px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.hl-qr-bridge-copy {
  min-width: 0;
  position: relative;
}

.hl-qr-bridge-grid {
  z-index: 2;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
  display: grid;
  position: relative;
}

.hl-qr-bridge-title {
  color: #fff8f0;
  font-variation-settings: "wdth" 106;
  letter-spacing: -.02em;
  margin: 14px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 88px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .95;
}

.hl-qr-btn-off {
  color: #958b80;
  text-align: center;
  white-space: nowrap;
  cursor: not-allowed;
  background-color: #1c1917;
  border: 1.5px solid #2e2824;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  margin: 0;
  padding: 0 26px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.hl-qr-btn-off:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-qr-btns {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  display: flex;
}

.hl-qr-canvas {
  z-index: 2;
  width: 100%;
  height: auto;
  image-rendering: pixelated;
  border-radius: 6px;
  display: block;
  position: relative;
  box-shadow: 0 30px 60px -24px #000000e6;
}

.hl-qr-canvas-off {
  display: none;
}

.hl-qr-check-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  align-items: flex-start;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.hl-qr-check-list {
  grid-column-gap: 32px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-qr-checks {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  margin-top: 20px;
  padding: 40px;
  display: grid;
}

.hl-qr-checks-head {
  min-width: 0;
}

.hl-qr-checks-sub {
  color: #bcb2a6;
  margin: 14px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-qr-checks-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-qr-chip-no {
  color: #fff8f0;
  white-space: nowrap;
  background-color: #131110;
  border: 1.5px solid #ff4a00;
  border-radius: 999px;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-qr-chip-ok {
  color: #0a0807;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-qr-code {
  color: #ffa800;
  vertical-align: 2px;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 999px;
  margin-left: 6px;
  padding: 1px 8px;
  font-family: Menlo;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  display: inline-block;
}

.hl-qr-color {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.hl-qr-display {
  color: #fff8f0;
  font-variation-settings: "wdth" 106;
  letter-spacing: -.02em;
  margin: 14px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 64px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .95;
}

.hl-qr-dl {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
  position: relative;
}

.hl-qr-done {
  color: #fff8f0;
  background-color: #1c1917;
  border: 1.5px solid #ffd60a;
  border-radius: 16px;
  margin: 0;
  padding: 16px 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-qr-duo {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.hl-qr-duo-dark {
  opacity: .8;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 8px;
  width: 132px;
  height: 132px;
  padding: 12px;
  display: block;
}

.hl-qr-duo-img {
  width: 100%;
  height: auto;
  display: block;
}

.hl-qr-duo-item {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hl-qr-duo-light {
  background-color: #fff;
  border-radius: 8px;
  width: 132px;
  height: 132px;
  padding: 12px;
  display: block;
  box-shadow: 0 30px 60px -20px #000000e6;
}

.hl-qr-ec {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.hl-qr-email {
  background-color: #0a0807;
  padding-top: 0;
  padding-bottom: 16px;
  scroll-margin-top: 88px;
  position: relative;
}

.hl-qr-email-btn {
  padding-top: 30px;
  display: flex;
}

.hl-qr-email-card {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #131110;
  background-image: radial-gradient(70% 140% at 0 100%, #ff4a0029 0%, #ff4a0000 70%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  padding: 36px 36px 36px 40px;
  display: grid;
}

.hl-qr-email-copy {
  min-width: 0;
}

.hl-qr-email-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 220px;
  align-items: start;
  display: grid;
}

.hl-qr-email-sub {
  color: #bcb2a6;
  max-width: 44ch;
  margin: 12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-qr-email-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 8px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1;
}

.hl-qr-empty {
  z-index: 2;
  color: #fff8f0;
  text-align: center;
  background-color: #0a0807;
  border: 1px solid #3a322c;
  border-radius: 16px;
  max-width: 240px;
  margin: 0;
  padding: 10px 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  position: relative;
  box-shadow: 0 16px 32px -12px #000000e6;
}

.hl-qr-empty-off {
  display: none;
}

.hl-qr-fields {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-qr-final {
  color: #fff8f0;
  word-break: break-all;
  overflow-wrap: anywhere;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 14px;
  margin: 0;
  padding: 10px 14px;
  font-family: Menlo;
  font-size: 13px;
  line-height: 1.55;
}

.hl-qr-final-box {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: relative;
}

.hl-qr-final-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-qr-final-label {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-qr-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.5em;
  padding: 2px 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-qr-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
  text-decoration: underline;
}

.hl-qr-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-qr-form, .hl-qr-form._w-form {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  margin: 24px 0 0;
  display: flex;
  position: relative;
}

.hl-qr-ghost {
  z-index: 1;
  opacity: .1;
  pointer-events: none;
  background-color: #fff8f0;
  border-radius: 6px;
  width: 204px;
  height: 204px;
  margin-top: -102px;
  margin-left: -102px;
  padding: 18px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}

.hl-qr-ghost-off {
  display: none;
}

.hl-qr-glow {
  pointer-events: none;
  background-image: radial-gradient(900px 460px, #ff4a0057 0%, #ff73001f 42%, #ff730000 72%);
  height: 1000px;
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
}

.hl-qr-glyph-ok {
  color: #ffd60a;
  flex-shrink: 0;
  width: 14px;
  font-size: 13px;
  line-height: 1.6;
}

.hl-qr-glyph-stop {
  color: #ff4a00;
  flex-shrink: 0;
  width: 14px;
  font-size: 13px;
  line-height: 1.6;
}

.hl-qr-glyph-warn {
  color: #ffa800;
  flex-shrink: 0;
  width: 14px;
  font-size: 13px;
  line-height: 1.6;
}

.hl-qr-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  min-width: 0;
  padding-top: 28px;
  display: flex;
}

.hl-qr-group-first {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-qr-head {
  z-index: 2;
  text-align: center;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-qr-howto {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: start;
  display: grid;
}

.hl-qr-howto-head {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.hl-qr-item {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 160px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 20px;
  padding: 14px 0;
  display: grid;
}

.hl-qr-item-btns {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.hl-qr-item-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-qr-item-url {
  color: #bcb2a6;
  word-break: break-all;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Menlo;
  font-size: 13px;
  line-height: 1.5;
}

.hl-qr-label {
  color: #ff4a00;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-qr-lead {
  color: #bcb2a6;
  max-width: 660px;
  margin: 20px auto 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-qr-legend {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  align-items: center;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  display: flex;
}

.hl-qr-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730052 0%, #ff4a0014 55%, #ff4a0000 100%);
  width: 560px;
  height: 440px;
  margin-left: -280px;
  position: absolute;
  top: 20px;
  left: 50%;
}

.hl-qr-list {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-qr-livechip {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffd60a;
  letter-spacing: .02em;
  white-space: nowrap;
  background-color: #ffd60a1f;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px 6px 10px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-qr-livechip-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-qr-mini {
  color: #fff8f0;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 18px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .15s, color .15s;
  display: inline-flex;
}

.hl-qr-mini:hover {
  color: #ffd60a;
  border-color: #ffd60a;
}

.hl-qr-mini:active {
  transform: scale(.98);
}

.hl-qr-mini:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-qr-mini-off {
  color: #958b80;
  text-align: center;
  white-space: nowrap;
  cursor: not-allowed;
  background-color: #0000;
  border: 1.5px solid #2e2824;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 18px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.hl-qr-mini-off:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-qr-msg-info {
  color: #bcb2a6;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-qr-msg-off {
  display: none;
}

.hl-qr-msg-warn {
  color: #ffa800;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-qr-num {
  color: #0a0807;
  background-color: #ff7300;
  background-image: linear-gradient(135deg, #ff4a00 0%, #ff7300 50%, #ffa800 100%);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
}

.hl-qr-opt {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 16px;
  align-items: flex-start;
  margin: 0;
  padding: 14px 16px;
  font-weight: 400;
  transition: border-color .15s;
  display: flex;
}

.hl-qr-opt:hover {
  border-color: #6e655b;
}

.hl-qr-other {
  display: block;
}

.hl-qr-other-off {
  display: none;
}

.hl-qr-out {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: sticky;
  top: 88px;
}

.hl-qr-pair {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 22px 16px;
  display: grid;
}

.hl-qr-pitch {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  margin: 0;
  padding: 12px 8px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-qr-preset {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  cursor: pointer;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  min-height: 46px;
  margin: 0;
  padding: 0 18px 0 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .15s;
  display: inline-flex;
}

.hl-qr-preset:hover {
  color: #fff8f0;
  border-color: #fff8f0;
}

.hl-qr-preset:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-qr-preset-on {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  white-space: nowrap;
  cursor: pointer;
  background-color: #ff4a00;
  border: 1.5px solid #ff4a00;
  border-radius: 999px;
  align-items: center;
  min-height: 46px;
  margin: 0;
  padding: 0 18px 0 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s;
  display: inline-flex;
}

.hl-qr-preset-on:hover {
  color: #0a0807;
  background-color: #ff7300;
}

.hl-qr-preset-on:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-qr-presets {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  display: flex;
}

.hl-qr-preview {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 18px 22px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-qr-preview-head {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.hl-qr-print {
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-qr-related {
  margin: 0;
}

.hl-qr-sec {
  background-color: #0a0807;
  padding-top: 112px;
  padding-bottom: 88px;
  position: relative;
}

.hl-qr-sec-alt {
  background-color: #131110;
  padding-top: 96px;
  padding-bottom: 104px;
  position: relative;
  overflow: hidden;
}

.hl-qr-size {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hl-qr-size-img {
  width: 100%;
  height: auto;
  display: block;
}

.hl-qr-size-in {
  color: #ffa800;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-qr-size-l {
  background-color: #fff;
  border-radius: 8px;
  width: 160px;
  height: 160px;
  margin-bottom: 10px;
  padding: 13px;
  display: block;
  box-shadow: 0 30px 60px -20px #000000e6;
}

.hl-qr-size-m {
  background-color: #fff;
  border-radius: 5px;
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  padding: 7px;
  display: block;
  box-shadow: 0 24px 40px -16px #000000e6;
}

.hl-qr-size-px {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-qr-size-s {
  background-color: #fff;
  border-radius: 3px;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  padding: 4px;
  display: block;
  box-shadow: 0 16px 32px -12px #000000e6;
}

.hl-qr-sizes {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.hl-qr-sources {
  grid-column-gap: 48px;
  grid-row-gap: 12px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  margin-top: 72px;
  padding-top: 28px;
  display: grid;
}

.hl-qr-sources-body {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-qr-sources-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
}

.hl-qr-spec {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  margin: 0;
  padding: 6px 14px 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-qr-spec-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-qr-specs {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-qr-src {
  color: #bcb2a6;
  overflow-wrap: anywhere;
  grid-template-rows: auto;
  grid-template-columns: 28px minmax(0, 1fr);
  margin: 0;
  scroll-margin-top: 96px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-qr-src-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-qr-src-num {
  color: #ffa800;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.hl-qr-src-text {
  min-width: 0;
}

.hl-qr-stage {
  z-index: 1;
  background-image: linear-gradient(#ffd60a, #ffd60a), linear-gradient(#ffd60a, #ffd60a), linear-gradient(#ffd60a, #ffd60a), linear-gradient(#ffd60a, #ffd60a), linear-gradient(#ffd60a, #ffd60a), linear-gradient(#ffd60a, #ffd60a), linear-gradient(#ffd60a, #ffd60a), linear-gradient(#ffd60a, #ffd60a);
  background-position: 0 0, 0 0, 100% 0, 100% 0, 0 100%, 0 100%, 100% 100%, 100% 100%;
  background-repeat: no-repeat;
  background-size: 34px 4px, 4px 34px, 34px 4px, 4px 34px, 34px 4px, 4px 34px, 34px 4px, 4px 34px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 248px;
  min-height: 248px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px;
  display: flex;
  position: relative;
}

.hl-qr-status-ok {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 16px;
  align-items: flex-start;
  margin: 0;
  padding: 9px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.hl-qr-status-stop {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  background-color: #ff4a001a;
  border: 1.5px solid #ff4a00;
  border-radius: 16px;
  align-items: flex-start;
  margin: 0;
  padding: 9px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.hl-qr-status-warn {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  background-color: #131110;
  border: 1px solid #ffa800;
  border-radius: 16px;
  align-items: flex-start;
  margin: 0;
  padding: 9px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.hl-qr-steps {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-qr-sw-cream {
  background-color: #0a0807;
  border: 9px solid #fff8f0;
  border-radius: 50%;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: block;
  box-shadow: 0 0 0 1px #6e655b;
}

.hl-qr-sw-white {
  background-color: #0a0807;
  border: 9px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: block;
  box-shadow: 0 0 0 1px #6e655b;
}

.hl-qr-sw-yellow {
  background-color: #0a0807;
  border: 9px solid #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: block;
  box-shadow: 0 0 0 1px #6e655b;
}

.hl-qr-swatch {
  cursor: pointer;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 16px;
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  margin: 0;
  padding: 5px;
}

.hl-qr-swatch:hover {
  border-color: #fff8f0;
}

.hl-qr-swatch:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-qr-swatch._w-input {
  cursor: pointer;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 16px;
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  margin: 0;
  padding: 5px;
}

.hl-qr-swatch._w-input:hover {
  border-color: #fff8f0;
}

.hl-qr-swatch._w-input:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-qr-tag-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  white-space: nowrap;
  background-color: #ff4a00;
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  margin-left: 14px;
  padding: 0 12px 0 5px;
  font-family: Menlo;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-qr-tag-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  white-space: nowrap;
  background-color: #ff7300;
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  margin-left: 28px;
  padding: 0 12px 0 5px;
  font-family: Menlo;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-qr-tag-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  white-space: nowrap;
  background-color: #ffa800;
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  margin-left: 42px;
  padding: 0 12px 0 5px;
  font-family: Menlo;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-qr-tag-key {
  color: #fff8f0;
  background-color: #0a0807;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 400;
  display: inline-block;
}

.hl-qr-tagobj {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 310px;
  display: flex;
  position: relative;
}

.hl-qr-tick {
  cursor: pointer;
  accent-color: #ff4a00;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin: 2px 0 0;
}

.hl-qr-tip {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 0 28px 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-qr-tip-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73005c 0%, #ff4a001a 50%, #ff4a0000 100%);
  width: 520px;
  height: 380px;
  margin-left: -260px;
  display: block;
  position: absolute;
  bottom: -190px;
  left: 50%;
}

.hl-qr-tip-obj {
  background-color: #0a0807;
  border-bottom: 1px solid #2e2824;
  justify-content: center;
  align-items: center;
  height: 270px;
  margin: 0 -28px 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-qr-tip-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-qr-tip-title {
  color: #fff8f0;
  margin: 6px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-qr-tips {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.hl-qr-tool {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 28px 48px;
  padding: 28px 36px 40px;
  display: grid;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-qr-tool-head {
  grid-column-gap: 24px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  grid-column: 1 / -1;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 22px;
  display: flex;
}

.hl-qr-tool-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-qr-tool-titles {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-qr-top {
  background-color: #0a0807;
  padding-top: 24px;
  padding-bottom: 20px;
  position: relative;
}

.hl-qr-urlbar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  width: 100%;
  min-height: 42px;
  padding: 0 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
  box-shadow: 0 24px 48px -20px #000000e6;
}

.hl-qr-urlbar-lock {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  display: block;
}

.hl-qr-utm {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  border-left: 2px solid #2e2824;
  flex-direction: column;
  margin-left: 10px;
  padding: 6px 0 4px 24px;
  display: flex;
}

.hl-qr-utm-off {
  display: none;
}

.hl-rac-amber-hook {
  color: #ffa800;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Archivo, sans-serif;
  font-size: 58px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .84;
  position: relative;
}

.hl-rac-back-a {
  z-index: 1;
  transform-origin: 50%;
  width: 248px;
  position: absolute;
  top: 92px;
  left: -40px;
  transform: rotate(-9deg)scale(.8);
}

.hl-rac-back-b {
  z-index: 2;
  transform-origin: 50%;
  width: 248px;
  position: absolute;
  top: 56px;
  right: -40px;
  transform: rotate(8deg)scale(.8);
}

.hl-rac-card-a {
  color: #0a0807;
  background-color: #ffd60a;
  background-image: radial-gradient(90% 60% at 50% 0, #ffeb5c 0%, #ffd60a 70%);
  border-radius: 16px;
  flex-direction: column;
  width: 132px;
  height: 176px;
  padding: 12px;
  display: flex;
  position: absolute;
  top: 26px;
  left: 0;
  transform: rotate(-12deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-rac-card-b {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e7da 100%);
  border-radius: 16px;
  flex-direction: column;
  width: 132px;
  height: 176px;
  padding: 12px;
  display: flex;
  position: absolute;
  top: 6px;
  left: 64px;
  transform: rotate(-2deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-rac-card-c {
  color: #0a0807;
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 16px;
  flex-direction: column;
  width: 132px;
  height: 176px;
  padding: 12px;
  display: flex;
  position: absolute;
  top: 30px;
  left: 128px;
  transform: rotate(10deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-rac-card-role {
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-rac-card-site {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 999px;
  align-self: flex-start;
  margin-top: 10px;
  padding: 4px 9px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rac-card-tag {
  opacity: .75;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 9px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  position: relative;
}

.hl-rac-cell {
  min-width: 0;
  position: relative;
}

.hl-rac-cell-drop {
  min-width: 0;
  position: relative;
  top: 48px;
}

.hl-rac-chip {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border-radius: 999px;
  align-items: center;
  margin: 0;
  padding: 13px 22px;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rac-chip-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-rac-chips {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 920px;
  margin: 48px auto 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
}

.hl-rac-chk {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e7da 100%);
  border-radius: 16px;
  flex-direction: column;
  width: 320px;
  padding: 18px 20px;
  display: flex;
  transform: rotate(-2deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-rac-chk-badge {
  color: #ffd60a;
  background-color: #0a0807;
  border-radius: 999px;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-rac-chk-fix {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-rac-chk-flag {
  background-color: #ff4a002e;
  border-bottom: 2px solid #e03c00;
  border-radius: 4px;
  padding-left: 3px;
  padding-right: 3px;
}

.hl-rac-chk-label {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rac-chk-ok {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-rac-chk-text {
  color: #0a0807;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-rac-chk-tips {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  display: flex;
}

.hl-rac-chk-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-rac-deck {
  width: 260px;
  height: 214px;
  display: block;
  position: relative;
}

.hl-rac-diy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hl-rac-feed {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0a0807;
  border: 1px solid #3a322c;
  border-radius: 20px;
  flex-direction: column;
  width: 260px;
  padding: 12px;
  display: flex;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rac-feed-bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.hl-rac-feed-hook {
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-rac-feed-id {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-rac-feed-media {
  color: #0a0807;
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  height: 236px;
  padding: 14px;
  display: flex;
}

.hl-rac-feed-meta {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-rac-feed-role {
  margin-top: 10px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-rac-feed-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.hl-rac-flood {
  background-color: #0a0807;
  background-image: linear-gradient(#ff4a0000 0%, #ff4a001f 35%, #ff4a003d 100%);
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}

.hl-rac-flood-note {
  z-index: 2;
  color: #0a0807;
  text-align: center;
  max-width: 640px;
  margin: 36px auto 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
  position: relative;
}

.hl-rac-front {
  z-index: 3;
  width: 290px;
  margin-left: -145px;
  position: absolute;
  top: 0;
  left: 50%;
}

.hl-rac-kit {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  width: 214px;
  padding: 14px;
  display: flex;
  transform: rotate(-3deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-rac-kit-aa {
  color: #fff8f0;
  letter-spacing: -.03em;
  font-family: Archivo, sans-serif;
  font-size: 54px;
  font-weight: 900;
  line-height: .8;
}

.hl-rac-kit-note {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rac-kit-notes {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.hl-rac-kit-ok {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rac-kit-ok-dot {
  background-color: #0a0807;
  border-radius: 50%;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-rac-kit-sws {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.hl-rac-kit-tag {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-left: auto;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
}

.hl-rac-kit-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.hl-rac-kit-type {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #2e2824;
  align-items: center;
  padding-top: 12px;
  display: flex;
}

.hl-rac-law {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  width: 320px;
  padding: 18px;
  display: flex;
  transform: rotate(2deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-rac-law-bar {
  background-color: #3a322c;
  border-radius: 4px;
  width: 100%;
  height: 8px;
  display: block;
}

.hl-rac-law-bar-short {
  background-color: #3a322c;
  border-radius: 4px;
  width: 62%;
  height: 8px;
  display: block;
}

.hl-rac-law-chev {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.hl-rac-law-label {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rac-law-pick {
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.hl-rac-law-q {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.hl-rac-law-res {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: #1c1917;
  border-radius: 12px;
  flex-direction: column;
  padding: 12px;
  display: flex;
}

.hl-rac-law-res-label {
  color: #fff8f0;
  margin-bottom: 2px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-rac-law-state {
  color: #fff8f0;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 6px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-rac-law-state-on {
  color: #0a0807;
  background-color: #ffd60a;
  border: 1px solid #ffd60a;
  border-radius: 999px;
  padding: 6px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-rac-law-states {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  display: flex;
}

.hl-rac-lineup {
  grid-column-gap: 28px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.hl-rac-make {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 88px;
  display: grid;
}

.hl-rac-make-item {
  border-top: 3px solid #ff7300;
  padding-top: 22px;
}

.hl-rac-pay {
  justify-content: center;
  align-items: flex-start;
  max-width: 920px;
  margin: 0 auto;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.hl-rac-pay-cal {
  z-index: 1;
  flex: 0 0 540px;
  width: 540px;
  position: relative;
}

.hl-rac-pay-cta {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 32px;
  display: flex;
  position: relative;
}

.hl-rac-pay-pass {
  z-index: 2;
  flex: 0 0 400px;
  width: 400px;
  margin-top: 296px;
  margin-left: -120px;
  position: relative;
}

.hl-rac-pay-tilt {
  filter: drop-shadow(0 34px 34px #0009);
  display: block;
  transform: rotate(-6deg);
}

.hl-rac-rule {
  color: #bcb2a6;
  max-width: 760px;
  margin: 44px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-rac-serp {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #0a0807;
  border: 1px solid #3a322c;
  border-radius: 18px;
  flex-direction: column;
  width: 300px;
  padding: 18px;
  display: flex;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rac-serp-link {
  color: #fff8f0;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 5px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-rac-serp-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
  display: flex;
}

.hl-rac-serp-tag {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rac-serp-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
}

.hl-rac-serp-title {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-rac-serp-url {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-rac-shelf {
  background-color: #131110;
  padding-top: 112px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.hl-rac-size {
  z-index: 2;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.hl-rac-size-cap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin: 0;
  display: flex;
}

.hl-rac-size-full {
  z-index: 2;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.hl-rac-size-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-rac-size-where {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-rac-stage {
  z-index: 2;
  width: 100%;
  max-width: 480px;
  height: 600px;
  position: relative;
}

.hl-rac-story {
  color: #0a0807;
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 20px;
  flex-direction: column;
  width: 180px;
  height: 320px;
  padding: 12px 14px 16px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rac-story-cta {
  color: #fff8f0;
  background-color: #0a0807;
  border-radius: 999px;
  align-self: center;
  margin-top: 16px;
  padding: 8px 18px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-rac-story-hook {
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Archivo, sans-serif;
  font-size: 46px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-rac-story-role {
  margin-top: 10px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-rac-sw-amber {
  background-color: #ffa800;
  border-radius: 50%;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: block;
}

.hl-rac-sw-blaze {
  background-color: #ff4a00;
  border-radius: 50%;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: block;
}

.hl-rac-sw-chalk {
  background-color: #fff8f0;
  border-radius: 50%;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: block;
}

.hl-rac-sw-volt {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: block;
}

.hl-rac-tag {
  opacity: .8;
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  position: relative;
}

.hl-rac-tile-cell {
  min-width: 0;
  display: grid;
  position: relative;
}

.hl-rac-tiles {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.hl-rac-vid {
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 22px;
  flex-direction: column;
  width: 156px;
  height: 260px;
  padding: 12px 12px 14px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: rotate(3deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-rac-vid-cap {
  color: #fff8f0;
  text-align: center;
  background-color: #0a0807;
  border-radius: 10px;
  padding: 8px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.hl-rac-vid-hot {
  color: #ffd60a;
  display: block;
}

.hl-rac-vid-mute {
  color: #fff8f0;
  letter-spacing: .04em;
  background-color: #0a0807;
  border-radius: 999px;
  padding: 4px 9px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  position: absolute;
  top: 46px;
  right: 12px;
}

.hl-rac-vid-play {
  opacity: .85;
  border: 15px solid #0a080700;
  border-left: 24px solid #0a0807;
  border-right-width: 0;
  width: 0;
  height: 0;
  margin: auto;
  display: block;
}

.hl-rac-vid-prog {
  background-color: #0a080740;
  border-radius: 2px;
  height: 4px;
  margin-top: 10px;
  display: block;
}

.hl-rac-vid-prog-on {
  background-color: #0a0807;
  border-radius: 2px;
  width: 42%;
  height: 4px;
  display: block;
}

.hl-rac-wall {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-bottom: 48px;
  display: grid;
  position: relative;
}

.hl-rac-wall:focus {
  outline-offset: 6px;
  outline: 3px solid #ffd60a;
}

.hl-rac-wall-copy {
  flex: 520px;
  min-width: 0;
}

.hl-rac-wall-cta {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  display: flex;
}

.hl-rac-wall-foot {
  grid-column-gap: 48px;
  grid-row-gap: 28px;
  border-top: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 56px;
  padding-top: 48px;
  display: flex;
}

.hl-rac-wall-h {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-rac-wall-text {
  color: #bcb2a6;
  max-width: 560px;
  margin: 12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-rac-wide {
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 16px;
  width: 340px;
  height: 178px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rac-wide-brand {
  color: #fff8f0;
  letter-spacing: .05em;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-rac-wide-hook {
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
}

.hl-rac-wide-media {
  color: #0a0807;
  background-color: #ff7300;
  background-image: linear-gradient(0deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  flex-direction: column;
  flex: 0 0 58%;
  justify-content: flex-end;
  padding: 14px;
  display: flex;
}

.hl-rac-wide-role {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-rac-wide-side {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 0;
  padding: 14px 12px;
  display: flex;
}

.hl-rbt-body {
  background-color: #0a0807;
  padding-top: 32px;
  padding-bottom: 40px;
  position: relative;
}

.hl-rbt-cell {
  background-color: #e9dfd2;
  border-radius: 4px;
  height: 22px;
  display: block;
}

.hl-rbt-cell-head {
  background-color: #0a0807;
  border-radius: 4px;
  height: 18px;
  display: block;
}

.hl-rbt-cell-hot {
  background-color: #ff7300;
  border-radius: 4px;
  height: 22px;
  display: block;
}

.hl-rbt-cell-in {
  background-color: #ffe27a;
  border-radius: 4px;
  height: 22px;
  display: block;
}

.hl-rbt-cell-ok {
  background-color: #ffd60a;
  border-radius: 4px;
  height: 22px;
  display: block;
}

.hl-rbt-chip-ahead {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #fff8f0;
  white-space: nowrap;
  border: 1.5px solid #ff7300;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rbt-chip-behind {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #bcb2a6;
  white-space: nowrap;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rbt-chip-on {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #fff8f0;
  white-space: nowrap;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rbt-chip-own {
  color: #bcb2a6;
  white-space: nowrap;
  border: 1.5px dashed #6e655b;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rbt-day {
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rbt-dl {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  padding: 40px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-rbt-dl-actions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-rbt-dl-copy {
  z-index: 2;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: relative;
}

.hl-rbt-dl-fmt {
  color: #ffd60a;
  letter-spacing: .08em;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.7;
}

.hl-rbt-dl-item {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 56px minmax(0, 1fr);
  column-gap: 10px;
  padding: 12px 0 13px;
  display: grid;
}

.hl-rbt-dl-lead {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-rbt-dl-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73004d 0%, #ff4a001a 55%, #ff4a0000 100%);
  width: 640px;
  height: 460px;
  position: absolute;
  bottom: -200px;
  left: -120px;
}

.hl-rbt-dl-list {
  border-top: 1px solid #2e2824;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-rbt-dl-meta {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-rbt-dl-text {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-rbt-doc {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: 32px 64px;
  display: grid;
}

.hl-rbt-dot-ahead {
  background-color: #ff7300;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-rbt-dot-behind {
  border: 1.5px solid #bcb2a6;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-rbt-dot-on {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-rbt-end {
  background-color: #0a0807;
  padding-top: 0;
  padding-bottom: 88px;
  position: relative;
}

.hl-rbt-ex {
  z-index: 2;
  background-color: #1c1917;
  background-image: linear-gradient(#221e1b 0%, #1c1917 30%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 780px;
  padding: 30px 32px 26px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rbt-ex-figs {
  color: #bcb2a6;
  font-variant-numeric: tabular-nums;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-rbt-ex-figs-total {
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-rbt-ex-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 18px;
  display: flex;
}

.hl-rbt-ex-key {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #958b80;
  border-top: 1px solid #2e2824;
  align-items: center;
  margin: 18px 0 0;
  padding-top: 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-rbt-ex-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73004d 0%, #ff4a001a 55%, #ff4a0000 100%);
  width: 820px;
  height: 420px;
  margin-left: -410px;
  position: absolute;
  bottom: -120px;
  left: 50%;
}

.hl-rbt-ex-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-rbt-ex-name {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-rbt-ex-name-total {
  color: #fff8f0;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-rbt-ex-own {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-bottom: 1px dashed #6e655b;
  flex-direction: column;
  padding: 18px 0;
  display: flex;
}

.hl-rbt-ex-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  flex-direction: column;
  padding: 18px 0 20px;
  display: flex;
}

.hl-rbt-ex-stage {
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
}

.hl-rbt-ex-tag {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1.5px dashed #ffd60a;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rbt-ex-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-rbt-ex-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-rbt-ex-total {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  padding: 20px 0 6px;
  display: flex;
}

.hl-rbt-file-back {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #26211e;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  width: 190px;
  height: 230px;
  padding: 20px;
  display: flex;
  position: absolute;
  top: 18px;
  left: 40%;
  transform: rotate(9deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-rbt-file-ext {
  color: #ffd60a;
  letter-spacing: .08em;
  background-color: #0a0807;
  border-radius: 8px;
  flex-shrink: 0;
  padding: 5px 9px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.hl-rbt-file-ext-dim {
  color: #ffa800;
  letter-spacing: .08em;
  background-color: #0a0807;
  border-radius: 8px;
  align-self: flex-end;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.hl-rbt-file-front {
  z-index: 2;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 18px;
  flex-direction: column;
  width: 250px;
  padding: 18px;
  display: flex;
  position: absolute;
  top: 34px;
  left: 0;
  transform: rotate(-4deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rbt-file-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.hl-rbt-file-line {
  background-color: #3a332e;
  border-radius: 999px;
  height: 8px;
  display: block;
}

.hl-rbt-file-line-short {
  background-color: #3a332e;
  border-radius: 999px;
  width: 60%;
  height: 8px;
  display: block;
}

.hl-rbt-file-lines {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.hl-rbt-file-name {
  color: #4a433d;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
}

.hl-rbt-file-tab {
  color: #4a433d;
  border: 1px solid #cfc4b6;
  border-radius: 6px;
  padding: 3px 7px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rbt-file-tab-on {
  color: #fff8f0;
  background-color: #0a0807;
  border-radius: 6px;
  padding: 4px 8px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rbt-file-tabs {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-wrap: wrap;
  display: flex;
}

.hl-rbt-file-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  min-width: 0;
  display: flex;
}

.hl-rbt-files {
  z-index: 1;
  height: 300px;
  display: block;
  position: relative;
}

.hl-rbt-fill-43 {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 999px;
  width: 43%;
  height: 100%;
  display: block;
}

.hl-rbt-fill-49 {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 999px;
  width: 49%;
  height: 100%;
  display: block;
}

.hl-rbt-fill-50 {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 999px;
  width: 50%;
  height: 100%;
  display: block;
}

.hl-rbt-fill-53 {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 50%, #ffa800 80%, #ffd60a 100%);
  border-radius: 999px;
  width: 53%;
  height: 100%;
  display: block;
}

.hl-rbt-fill-56 {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 50%, #ffa800 80%, #ffd60a 100%);
  border-radius: 999px;
  width: 56%;
  height: 100%;
  display: block;
}

.hl-rbt-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.5em;
  padding: 2px 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-rbt-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
  text-decoration: underline;
}

.hl-rbt-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-rbt-formula {
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  background-color: #26211e;
  border-radius: 10px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  display: inline-block;
}

.hl-rbt-formula-big {
  color: #fff8f0;
  letter-spacing: -.015em;
  max-width: 720px;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.08;
  position: relative;
}

.hl-rbt-formula-card {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  padding: 36px 40px 34px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-rbt-formula-eg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 8px 0 0;
  padding-top: 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
  display: flex;
  position: relative;
}

.hl-rbt-formula-label {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  position: relative;
}

.hl-rbt-formula-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730052 0%, #ff4a001a 55%, #ff4a0000 100%);
  width: 900px;
  height: 420px;
  margin-left: -450px;
  position: absolute;
  bottom: -260px;
  left: 50%;
}

.hl-rbt-formula-tag {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  background-color: #26211e;
  border-radius: 999px;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
  display: inline-flex;
}

.hl-rbt-forward {
  background-color: #1c1917;
  border-left: 4px solid #ff7300;
  border-radius: 20px;
  padding: 26px 28px;
}

.hl-rbt-forward-actions {
  margin-top: 18px;
  display: flex;
}

.hl-rbt-forward-label {
  color: #ffa800;
  margin: 0 0 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-rbt-forward-text {
  color: #fff8f0;
  max-width: 66ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-rbt-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  max-width: 760px;
  margin: -10px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-rbt-key-tick {
  background-color: #ffd60a;
  border-radius: 2px;
  flex-shrink: 0;
  width: 3px;
  height: 18px;
  display: block;
}

.hl-rbt-live {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  width: 100%;
  max-width: 340px;
  padding: 20px 20px 18px;
  display: flex;
  transform: rotate(-3deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rbt-live-foot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  display: flex;
}

.hl-rbt-live-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  display: flex;
}

.hl-rbt-live-name {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-rbt-live-note {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.hl-rbt-live-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  display: flex;
}

.hl-rbt-live-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-rbt-main {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-rbt-meta {
  color: #958b80;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-rbt-offer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  margin-top: 24px;
  padding: 44px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-rbt-offer-actions {
  grid-column-gap: 28px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-rbt-offer-copy {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.hl-rbt-offer-foot {
  z-index: 2;
  border-top: 1px solid #2e2824;
  grid-column: span 2 / span 2;
  min-width: 0;
  margin-top: -8px;
  position: relative;
}

.hl-rbt-offer-kicker {
  color: #ff4a00;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-rbt-offer-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff4a006b 0%, #ff730024 55%, #ff730000 100%);
  width: 720px;
  height: 480px;
  position: absolute;
  bottom: -240px;
  right: -180px;
}

.hl-rbt-offer-obj {
  z-index: 2;
  justify-content: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.hl-rbt-offer-text {
  color: #bcb2a6;
  max-width: 52ch;
  margin: 14px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-rbt-offer-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 10px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-rbt-plat {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #1c1917;
  border-radius: 24px;
  flex-direction: column;
  padding: 28px 32px 30px;
  display: flex;
}

.hl-rbt-plat-col {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-rbt-plat-col-do {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-left: 2px solid #ff7300;
  flex-direction: column;
  min-width: 0;
  padding-left: 24px;
  display: flex;
}

.hl-rbt-plat-cols {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.hl-rbt-plat-label {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-rbt-plat-label-do {
  color: #ffd60a;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-rbt-plat-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-rbt-plat-text {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-rbt-plats {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.hl-rbt-q {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border-radius: 24px;
  flex-direction: column;
  padding: 26px 24px;
  display: flex;
}

.hl-rbt-q-answer {
  color: #ffd60a;
  border-top: 1px solid #2e2824;
  margin: 4px 0 0;
  padding-top: 14px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-rbt-q-note {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-rbt-q-text {
  color: #fff8f0;
  letter-spacing: -.01em;
  min-height: 2.24em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.12;
}

.hl-rbt-qs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.hl-rbt-related {
  border-top: 1px solid #2e2824;
  padding-top: 56px;
}

.hl-rbt-rim {
  background-image: linear-gradient(90deg, #ffd60a00 0%, #ffd60a 50%, #ffd60a00 100%);
  height: 2px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 14%;
  right: 14%;
}

.hl-rbt-row {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-direction: column;
  display: flex;
}

.hl-rbt-row-name {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-rbt-row-own {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px dashed #6e655b;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  display: flex;
}

.hl-rbt-row-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-rbt-rows {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.hl-rbt-sec {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  min-width: 0;
  margin-top: 64px;
  padding-top: 52px;
  scroll-margin-top: 96px;
  display: flex;
}

.hl-rbt-sec-first {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  min-width: 0;
  scroll-margin-top: 96px;
  display: flex;
}

.hl-rbt-sheet {
  z-index: 2;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #1c1917;
  background-image: linear-gradient(#221e1b 0%, #1c1917 40%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  width: 100%;
  padding: 26px 26px 22px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rbt-sheet-foot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  display: flex;
}

.hl-rbt-sheet-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  display: flex;
}

.hl-rbt-sheet-note {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.hl-rbt-sheet-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-rbt-short {
  background-color: #131110;
  border-left: 4px solid #ffd60a;
  border-radius: 16px;
  max-width: 620px;
  margin-top: 20px;
  padding: 18px 24px 20px;
}

.hl-rbt-short-label {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 6px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.hl-rbt-short-text {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-rbt-side {
  min-width: 0;
  position: relative;
}

.hl-rbt-side-in {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 104px;
}

.hl-rbt-sources {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: 12px 64px;
  margin-top: 64px;
  padding-top: 28px;
  display: grid;
}

.hl-rbt-sources-body {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-rbt-sources-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.hl-rbt-src {
  grid-template-rows: auto;
  grid-template-columns: 28px minmax(0, 1fr);
  padding: 6px 0;
  scroll-margin-top: 112px;
  display: grid;
}

.hl-rbt-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-rbt-src-num {
  color: #ffa800;
  font-variant-numeric: tabular-nums;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
}

.hl-rbt-src-text {
  color: #bcb2a6;
  overflow-wrap: anywhere;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-rbt-stage {
  z-index: 1;
  width: 100%;
  max-width: 470px;
  padding-top: 18px;
  position: relative;
}

.hl-rbt-sticker {
  z-index: 3;
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 10px 16px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1.1;
  display: inline-flex;
  position: absolute;
  top: 0;
  right: -14px;
  transform: rotate(6deg);
  box-shadow: 0 18px 36px -12px #000c;
}

.hl-rbt-stray {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #131110;
  background-image: radial-gradient(60% 90% at 100%, #ff730029 0%, #ff730000 70%);
  border: 1px solid #2e2824;
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, .8fr);
  align-items: center;
  max-width: 780px;
  padding: 28px 30px;
  display: grid;
  position: relative;
}

.hl-rbt-stray-arrow {
  color: #ffd60a;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
}

.hl-rbt-stray-chip {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 12px;
  align-items: center;
  max-width: 100%;
  padding: 9px 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-rbt-stray-chips {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.hl-rbt-stray-dot {
  background-color: #ff7300;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-rbt-stray-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-rbt-stray-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1.5px dashed #6e655b;
  border-radius: 18px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 20px 20px 22px;
  display: flex;
}

.hl-rbt-sup {
  vertical-align: baseline;
  margin-left: 2px;
  font-size: .7em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-rbt-table {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  padding: 6px 28px;
  display: block;
}

.hl-rbt-tag-in {
  color: #fff8f0;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 5px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-rbt-td {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-rbt-td-name {
  color: #fff8f0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-rbt-td-src {
  min-width: 0;
  display: flex;
}

.hl-rbt-th, .hl-rbt-th-name {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.hl-rbt-thead {
  border-bottom: 1px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 170px) minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 24px;
  padding: 16px 0 12px;
  display: grid;
}

.hl-rbt-tick {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 3px;
  height: 20px;
  margin-left: -1px;
  display: block;
  position: absolute;
  top: -5px;
  left: 50%;
}

.hl-rbt-tick-lg {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 3px;
  height: 24px;
  margin-left: -1px;
  display: block;
  position: absolute;
  top: -6px;
  left: 50%;
}

.hl-rbt-toc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-rbt-tr {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 170px) minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 8px 24px;
  padding: 15px 0 16px;
  display: grid;
}

.hl-rbt-tr-last {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 170px) minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 8px 24px;
  padding: 15px 0 16px;
  display: grid;
}

.hl-rbt-track {
  background-color: #2e2824;
  border-radius: 999px;
  height: 10px;
  display: block;
  position: relative;
}

.hl-rbt-track-lg {
  background-color: #2e2824;
  border-radius: 999px;
  height: 12px;
  display: block;
  position: relative;
}

.hl-retail-board {
  color: #0a0807;
  text-align: center;
  background-color: #fff8f0;
  background-image: radial-gradient(120% 90% at 50% 28%, #fff 0%, #fff8f0 52%, #f7e3c8 100%);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 18px 16px;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 1px #0a080724, inset 0 -22px 32px -22px #0a080738;
}

.hl-retail-board-brand {
  color: #4a433d;
  font-variation-settings: "wdth" 125;
  letter-spacing: .06em;
  margin-top: 12px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 900;
  font-stretch: 125%;
  line-height: 1.1;
  display: block;
}

.hl-retail-board-kicker {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 80px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .82;
  display: block;
}

.hl-retail-board-row {
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1.2;
  display: block;
}

.hl-retail-board-rule {
  background-color: #0a0807;
  width: 100%;
  height: 2px;
  margin-top: 16px;
  margin-bottom: 12px;
  display: block;
}

.hl-retail-bubble {
  z-index: 2;
  color: #fff8f0;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 22px;
  align-self: flex-start;
  margin: 0;
  padding: 16px 22px 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
  position: relative;
  transform: rotate(-2deg);
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-retail-bubble-from {
  color: #ff7300;
  letter-spacing: .01em;
  margin-bottom: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.hl-retail-bubble-tail {
  background-color: #26211e;
  border-bottom: 1px solid #3a322c;
  border-right: 1px solid #3a322c;
  border-radius: 0 0 3px;
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  bottom: -8px;
  left: 28px;
  transform: rotate(45deg);
}

.hl-retail-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-retail-crew {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-retail-cta-line {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-retail-cta-row {
  z-index: 2;
  grid-column-gap: 32px;
  grid-row-gap: 20px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  padding: 28px 32px;
  display: flex;
  position: relative;
}

.hl-retail-cta-sub {
  color: #bcb2a6;
  margin: 6px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-retail-cta-text {
  min-width: 0;
}

.hl-retail-done {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  background-color: #0a0807;
  border: 1.5px solid #ff4a00;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  margin: 0;
  padding: 8px 18px 8px 9px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  position: relative;
}

.hl-retail-done-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  display: block;
}

.hl-retail-event-phone {
  z-index: 1;
  margin-left: auto;
  position: relative;
}

.hl-retail-event-qr {
  z-index: 3;
  color: #0a0807;
  transform-origin: 0 100%;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1);
  display: block;
  position: absolute;
  bottom: 56px;
  left: 20px;
  transform: rotate(-4deg);
}

.hl-retail-event-qr:hover {
  transform: rotate(-4deg)translateY(-4px);
}

.hl-retail-event-qr:focus {
  outline-offset: 6px;
  border-radius: 16px;
  outline: 3px solid #ffd60a;
}

.hl-retail-event-stage {
  text-align: left;
  justify-content: center;
  width: 100%;
  max-width: 480px;
  min-height: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  display: flex;
  position: relative;
}

.hl-retail-fix {
  z-index: 2;
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 16px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.02;
  position: relative;
}

.hl-retail-flood-cta {
  z-index: 2;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
  display: flex;
  position: relative;
}

.hl-retail-flood-note {
  color: #0a0807;
  max-width: 620px;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-retail-pain {
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  min-height: 400px;
  padding: 36px 28px 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-retail-pains {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-retail-related {
  margin-top: 72px;
}

.hl-retail-rule {
  color: #bcb2a6;
  text-align: center;
  max-width: 760px;
  margin: 28px auto 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-retail-set-hotel {
  background-color: #131110;
  background-image: linear-gradient(#13111000 0% 40%, #131110cc 100%), repeating-linear-gradient(90deg, #131110 0 12px, #13111000 12px 36px), repeating-linear-gradient(#131110 0 12px, #13111000 12px 32px), radial-gradient(60% 110% at 50% 30%, #ffeb5c 0%, #ffa800 34%, #ff7300 62%, #3b1c08 100%);
  border-radius: 16px;
  height: 96px;
  margin-bottom: 26px;
  display: block;
}

.hl-retail-set-kitchen {
  background-color: #131110;
  background-image: radial-gradient(26px 4px at 18% 14px, #fff8f0 0% 70%, #fff8f000 100%), radial-gradient(26px 4px at 50% 14px, #fff8f0 0% 70%, #fff8f000 100%), radial-gradient(26px 4px at 82% 14px, #fff8f0 0% 70%, #fff8f000 100%), radial-gradient(17% 92% at 18% 14px, #ffa800b3 0%, #ff730042 42%, #ff4a0000 100%), radial-gradient(17% 92% at 50% 14px, #ffa800b3 0%, #ff730042 42%, #ff4a0000 100%), radial-gradient(17% 92% at 82% 14px, #ffa800b3 0%, #ff730042 42%, #ff4a0000 100%), linear-gradient(0deg, #26211e 0 10px, #26211e00 10px);
  border-radius: 16px;
  height: 96px;
  margin-bottom: 26px;
  display: block;
}

.hl-retail-set-store {
  background-color: #131110;
  background-image: radial-gradient(circle closest-side, #fff 0%, #ffeb5c 24%, #ffd60a 40%, #ffa80073 56%, #ff730000 100%), radial-gradient(circle closest-side, #fff 0%, #ffeb5c 24%, #ffd60a 40%, #ffa80073 56%, #ff730000 100%), radial-gradient(80% 70%, #fff8f080 0%, #ffd60a38 38%, #ffa80000 100%);
  background-position: 11px 6px, 11px 70px, 0 0;
  background-repeat: repeat-x, repeat-x, no-repeat;
  background-size: 22px 22px, 22px 22px, 100% 100%;
  border-radius: 16px;
  height: 96px;
  margin-bottom: 26px;
  display: block;
}

.hl-retail-sign {
  background-color: #1c1917;
  background-image: radial-gradient(circle closest-side, #fff 0%, #ffeb5c 24%, #ffd60a 40%, #ffa80080 54%, #ff73001f 78%, #ff730000 100%), radial-gradient(circle closest-side, #fff 0%, #ffeb5c 24%, #ffd60a 40%, #ffa80080 54%, #ff73001f 78%, #ff730000 100%), radial-gradient(circle closest-side, #fff 0%, #ffeb5c 24%, #ffd60a 40%, #ffa80080 54%, #ff73001f 78%, #ff730000 100%), radial-gradient(circle closest-side, #fff 0%, #ffeb5c 24%, #ffd60a 40%, #ffa80080 54%, #ff73001f 78%, #ff730000 100%), linear-gradient(160deg, #3a322c 0%, #26211e 30%, #161311 100%);
  background-position: 0 0, 0 100%, 0 0, 100% 0, 0 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y, no-repeat;
  background-size: 26px 26px, 26px 26px, 26px 26px, 26px 26px, 100% 100%;
  border-radius: 26px;
  width: 390px;
  height: 338px;
  padding: 26px;
  display: block;
  position: relative;
  box-shadow: inset 0 0 0 1px #3a322c, 0 48px 96px -32px #000000e6;
}

.hl-retail-sign-wrap {
  z-index: 2;
  width: 390px;
  max-width: 100%;
  margin-top: 8px;
  margin-bottom: 96px;
  position: relative;
}

.hl-retail-ticket {
  z-index: 3;
  width: 236px;
  position: absolute;
  bottom: -104px;
  left: -24px;
  transform: rotate(-7deg);
}

.hl-retail-venue {
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  padding: 24px 24px 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-retail-venue-line {
  color: #bcb2a6;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-retail-venue-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.04;
}

.hl-retail-wire {
  z-index: 1;
  background-image: linear-gradient(#6e655b00 0%, #6e655b 40%, #ff7300 100%);
  flex: 1;
  width: 2px;
  min-height: 56px;
  margin: 20px 0 16px 34px;
  display: block;
  position: relative;
}

.hl-rfp-agent {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  padding: 24px 26px;
}

.hl-rfp-answer {
  z-index: 3;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #131110;
  background-image: linear-gradient(90deg, #ffa80014 0%, #ffa80000 32%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: 220px minmax(0, 1fr);
  margin-top: -48px;
  padding: 32px 40px;
  display: grid;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-rfp-answer-label {
  color: #ffa800;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-rfp-answer-note {
  color: #958b80;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-rfp-answer-rows {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-rfp-answer-side {
  padding-top: 14px;
}

.hl-rfp-arow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: baseline;
  margin: 0;
  padding: 14px 0;
  display: grid;
}

.hl-rfp-arow-k {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rfp-arow-k-volt {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rfp-arow-last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: baseline;
  margin: 0;
  padding: 14px 0 6px;
  display: grid;
}

.hl-rfp-arow-t {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-rfp-aside {
  color: #fff8f0;
  background-color: #131110;
  border-left: 4px solid #ffa800;
  border-radius: 0 16px 16px 0;
  margin: 28px 0 0;
  padding: 18px 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-rfp-body {
  background-color: #0a0807;
  padding-top: 0;
  padding-bottom: 72px;
  position: relative;
}

.hl-rfp-cap {
  color: #958b80;
  max-width: 72ch;
  margin: 16px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-rfp-close {
  color: #bcb2a6;
  max-width: 720px;
  margin: 88px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-rfp-copy {
  color: #fff8f0;
  cursor: pointer;
  background-color: #0a0807;
  border-style: none;
  border-width: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 18px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s;
  display: inline-flex;
}

.hl-rfp-copy:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-rfp-copy:active {
  background-color: #26211e;
}

.hl-rfp-copy:focus {
  outline-offset: 2px;
  outline: 3px solid #ff4a00;
}

.hl-rfp-dash-cap {
  color: #958b80;
  margin: 12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-rfp-dash-fig {
  margin: 12px 0 0;
  position: relative;
}

.hl-rfp-dash-wrap {
  background-color: #131110;
  background-image: radial-gradient(60% 70% at 50% 108%, #ff730057 0%, #ff4a001a 45%, #ff4a0000 75%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  justify-content: center;
  padding: 40px 32px 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-rfp-doc {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e8da 100%);
  border-radius: 18px;
  flex-direction: column;
  padding: 0 0 18px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: rotate(-5deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rfp-doc-band {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px 12px;
  display: flex;
}

.hl-rfp-doc-blank {
  background-color: #ffd60a;
  border-radius: 4px;
  width: 52px;
  height: 12px;
  display: block;
}

.hl-rfp-doc-blank-s {
  background-color: #ffd60a;
  border-radius: 4px;
  width: 34px;
  height: 12px;
  display: block;
}

.hl-rfp-doc-chip {
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  letter-spacing: .04em;
  border: 1px solid #0a0807;
  border-radius: 999px;
  padding: 4px 8px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.1;
  display: inline-flex;
}

.hl-rfp-doc-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 248px minmax(0, 1fr);
  align-items: start;
  margin-top: 88px;
  display: grid;
}

.hl-rfp-doc-kicker {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  text-align: right;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.15;
}

.hl-rfp-doc-label {
  color: #0a0807;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-rfp-doc-lead {
  border-bottom: 2px dotted #0a080747;
  height: 1px;
}

.hl-rfp-doc-num {
  color: #4a433d;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-rfp-doc-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid #0a08071a;
  grid-template-rows: auto;
  grid-template-columns: 18px auto minmax(12px, 1fr) auto;
  align-items: center;
  margin: 0 20px;
  padding: 9px 0;
  display: grid;
}

.hl-rfp-doc-row-last {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 18px auto minmax(12px, 1fr) auto;
  align-items: center;
  margin: 0 20px;
  padding: 9px 0 0;
  display: grid;
}

.hl-rfp-doc-title {
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 46px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-rfp-doc-to {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-bottom: 1px solid #0a080724;
  flex-wrap: wrap;
  align-items: center;
  padding: 12px 20px 10px;
  display: flex;
}

.hl-rfp-doc-to-label {
  color: #4a433d;
  margin-right: 2px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-rfp-doc-wrap {
  z-index: 1;
  width: 300px;
  position: absolute;
  top: 0;
  left: 0;
}

.hl-rfp-fill {
  color: #0a0807;
  background-color: #ffe980;
  border-radius: 5px;
  padding: 1px 4px;
  font-weight: 600;
}

.hl-rfp-fn {
  color: #ffa800;
  text-align: center;
  background-color: #ffa8001f;
  border-radius: 999px;
  min-width: 1.7em;
  padding: 2px 5px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-rfp-fn:hover {
  color: #0a0807;
  background-color: #ffd60a;
}

.hl-rfp-fn:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-rfp-gcard {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  padding: 20px 20px 18px;
  display: flex;
  transform: rotate(3deg);
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-rfp-gcard-foot {
  border-top: 1px solid #2e2824;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 6px;
  padding-top: 12px;
  display: flex;
}

.hl-rfp-gcard-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  display: flex;
}

.hl-rfp-gcard-tag {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffd60a1f;
  border-radius: 999px;
  padding: 5px 9px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.1;
  display: inline-flex;
}

.hl-rfp-gcard-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-rfp-gcard-wrap {
  z-index: 2;
  width: 320px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.hl-rfp-gfill-10 {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 100%);
  border-radius: 999px;
  width: 40%;
  height: 8px;
  display: block;
}

.hl-rfp-gfill-15 {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 999px;
  width: 60%;
  height: 8px;
  display: block;
}

.hl-rfp-gfill-25 {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  border-radius: 999px;
  width: 100%;
  height: 8px;
  display: block;
}

.hl-rfp-glabel {
  color: #bcb2a6;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}

.hl-rfp-gnum {
  color: #fff8f0;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-rfp-good {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-rfp-grow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 104px minmax(0, 1fr) 24px;
  align-items: center;
  padding: 8px 0;
  display: grid;
}

.hl-rfp-gtotal {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rfp-gtotal-num {
  color: #ffd60a;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 900;
  line-height: 1;
}

.hl-rfp-gtrack {
  background-color: #26211e;
  border-radius: 999px;
  height: 8px;
  display: block;
  overflow: hidden;
}

.hl-rfp-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 12px 0 24px;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-rfp-hypo {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  border: 1px dashed #6e655b;
  border-radius: 16px;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 24px 0 0;
  padding: 18px 22px;
  display: flex;
}

.hl-rfp-hypo-tag {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  background-color: #26211e;
  border-radius: 999px;
  margin: 0;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rfp-hypo-text {
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  flex: 320px;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-rfp-intro {
  color: #0a0807;
  max-width: 68ch;
  margin: 0 0 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-rfp-item {
  color: #0a0807;
  text-indent: -52px;
  overflow-wrap: break-word;
  border-bottom: 1px solid #0a08071a;
  margin: 0;
  padding: 12px 0 13px 52px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
  display: block;
}

.hl-rfp-item-last {
  color: #0a0807;
  text-indent: -52px;
  overflow-wrap: break-word;
  margin: 0;
  padding: 12px 0 4px 52px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
  display: block;
}

.hl-rfp-legal {
  color: #958b80;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-rfp-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-rfp-main {
  min-width: 0;
  max-width: 800px;
}

.hl-rfp-mark {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 6px;
  padding: 1px 5px;
  font-weight: 600;
}

.hl-rfp-meta {
  color: #958b80;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-rfp-mlabel {
  display: none;
}

.hl-rfp-num {
  color: #4a433d;
  text-indent: 0;
  font-variant-numeric: tabular-nums;
  width: 48px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.6;
  display: inline-block;
}

.hl-rfp-offer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 240px;
  align-items: center;
  margin-top: 32px;
  padding: 40px 40px 44px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-rfp-offer-copy {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: relative;
}

.hl-rfp-offer-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73004d 0%, #ff4a001a 55%, #ff4a0000 100%);
  width: 520px;
  height: 420px;
  margin-top: -210px;
  position: absolute;
  top: 50%;
  right: -140px;
}

.hl-rfp-offer-note {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-rfp-offer-obj {
  z-index: 2;
  justify-content: center;
  display: flex;
  position: relative;
}

.hl-rfp-offer-text {
  color: #fff8f0;
  max-width: 52ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-rfp-offer-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1;
}

.hl-rfp-pair {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 28px;
  display: grid;
}

.hl-rfp-pair-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-rfp-pair-text {
  color: #bcb2a6;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-rfp-plan {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e8da 100%);
  border-radius: 18px;
  flex-direction: column;
  width: 228px;
  padding: 18px 18px 16px;
  display: flex;
  transform: rotate(3deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rfp-plan-brand {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rfp-plan-foot {
  color: #ffd60a;
  font-variation-settings: "wdth" 75;
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 999px;
  margin-top: 4px;
  padding: 7px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-rfp-plan-head {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-bottom: 2px solid #0a0807;
  flex-direction: column;
  padding-bottom: 10px;
  display: flex;
}

.hl-rfp-plan-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #0a08071f;
  align-items: center;
  padding: 9px 0;
  display: flex;
}

.hl-rfp-plan-row-last {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  padding: 9px 0 10px;
  display: flex;
}

.hl-rfp-plan-text {
  color: #0a0807;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
}

.hl-rfp-plan-tick {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.hl-rfp-plan-title {
  color: #0a0807;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-rfp-principal {
  background-color: #1c1917;
  background-image: linear-gradient(160deg, #ff730029 0%, #ff730000 60%);
  border: 1px solid #ff7300;
  border-radius: 20px;
  padding: 24px 26px;
}

.hl-rfp-pull {
  color: #fff8f0;
  letter-spacing: -.015em;
  max-width: 18ch;
  margin: 8px 0 32px;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.06;
}

.hl-rfp-related {
  margin-top: 72px;
  display: block;
}

.hl-rfp-rh {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-rfp-role {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  padding: 22px 24px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f;
}

.hl-rfp-role-chip {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #ff730024;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rfp-role-chips {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  margin: 6px 0 0;
  display: flex;
}

.hl-rfp-role-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-rfp-role-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-rfp-roles {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 8px;
  display: grid;
}

.hl-rfp-rule {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  padding: 22px 24px 24px;
  box-shadow: inset 0 1px #fff8f00f;
}

.hl-rfp-rule-chip {
  color: #fff8f0;
  border: 1px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  margin: 0;
  padding: 7px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rfp-rule-head {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-rfp-rule-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-rfp-rules {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 4px 0 28px;
  display: grid;
}

.hl-rfp-sec {
  padding-top: 96px;
}

.hl-rfp-sec-first {
  scroll-margin-top: 96px;
}

.hl-rfp-sheet {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f3e8da 100%);
  border-radius: 22px;
  margin-top: 32px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rfp-sheet-body {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  min-width: 0;
  padding: 24px 28px 22px;
  display: flex;
}

.hl-rfp-sheet-head {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  background-color: #0a08070d;
  border-bottom: 1px solid #0a08071f;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px 12px 28px;
  display: flex;
}

.hl-rfp-sheet-label {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.hl-rfp-side {
  position: sticky;
  top: 104px;
}

.hl-rfp-sources {
  background-color: #0a0807;
  border-top: 1px solid #2e2824;
  padding-top: 72px;
  padding-bottom: 72px;
  position: relative;
}

.hl-rfp-sources-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  align-items: start;
  display: grid;
}

.hl-rfp-sources-side {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.hl-rfp-sources-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-rfp-src {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #bcb2a6;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  margin: 0 -10px;
  padding: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  transition: background-color .3s;
  display: grid;
}

.hl-rfp-src-host {
  color: #958b80;
  margin-top: 2px;
  font-size: 13px;
  display: block;
}

.hl-rfp-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-rfp-src-num {
  color: #ffa800;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
}

.hl-rfp-src-on {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr);
  margin: 0 -10px;
  padding: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  transition: background-color .3s;
  display: grid;
}

.hl-rfp-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-rfp-stage {
  z-index: 2;
  width: 100%;
  max-width: 500px;
  height: 500px;
  position: relative;
}

.hl-rfp-sup {
  vertical-align: baseline;
  margin-left: 3px;
  font-size: .62em;
  line-height: 0;
  position: relative;
  top: -.45em;
}

.hl-rfp-table {
  border-top: 1px solid #2e2824;
  margin: 8px 0 0;
}

.hl-rfp-take {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 48px;
  padding: 40px 40px 36px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-rfp-take-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73005c 0%, #ff4a001f 55%, #ff4a0000 100%);
  width: 600px;
  height: 420px;
  position: absolute;
  bottom: -220px;
  right: -120px;
}

.hl-rfp-take-note {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.hl-rfp-take-text {
  color: #bcb2a6;
  max-width: 52ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
  position: relative;
}

.hl-rfp-take-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.05;
  position: relative;
}

.hl-rfp-th {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-rfp-th-good {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-rfp-thead {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 170px 112px minmax(0, 1fr) minmax(0, 1fr);
  padding: 14px 0;
  display: grid;
}

.hl-rfp-title {
  color: #0a0807;
  margin: 0 0 4px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-rfp-toc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-rfp-toc-num {
  color: #6e655b;
  text-align: center;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  width: 10px;
}

.hl-rfp-tr {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 170px 112px minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  padding: 20px 0;
  display: grid;
}

.hl-rfp-tr-last {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-image: linear-gradient(90deg, #ff73001a 0%, #ff730000 60%);
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 170px 112px minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  padding: 20px 0;
  display: grid;
}

.hl-rfp-wcell {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.hl-rfp-weak {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-rfp-week-a {
  border-top: 4px solid #ff4a00;
  margin: 0;
  padding: 22px 0 0;
}

.hl-rfp-week-b {
  border-top: 4px solid #ff7300;
  margin: 0;
  padding: 22px 0 0;
}

.hl-rfp-week-c {
  border-top: 4px solid #ffa800;
  margin: 0;
  padding: 22px 0 0;
}

.hl-rfp-week-d {
  border-top: 4px solid #ffd60a;
  margin: 0;
  padding: 22px 0 0;
}

.hl-rfp-week-num {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 6px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rfp-week-text {
  color: #bcb2a6;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-rfp-week-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-rfp-weeks {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-rfp-wfill-10 {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 100%);
  border-radius: 999px;
  width: 40%;
  height: 6px;
  display: block;
}

.hl-rfp-wfill-15 {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 60%, #ffa800 100%);
  border-radius: 999px;
  width: 60%;
  height: 6px;
  display: block;
}

.hl-rfp-wfill-25 {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  border-radius: 999px;
  width: 100%;
  height: 6px;
  display: block;
}

.hl-rfp-wnum {
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: .95;
}

.hl-rfp-wtrack {
  background-color: #26211e;
  border-radius: 999px;
  width: 100%;
  height: 6px;
  display: block;
  overflow: hidden;
}

.hl-rn-article {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 120px;
  position: relative;
}

.hl-rn-article-end {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 56px;
  position: relative;
}

.hl-rn-bar-jb {
  background-color: #958b80;
  border-radius: 999px;
  width: 29%;
  height: 18px;
  display: block;
}

.hl-rn-bar-name {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-rn-bar-note {
  color: #bcb2a6;
  grid-column: 2 / 4;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-rn-bar-row {
  grid-template-rows: auto;
  grid-template-columns: 104px minmax(0, 1fr) 96px;
  align-items: center;
  gap: 8px 20px;
  margin-bottom: 28px;
  display: grid;
}

.hl-rn-bar-se {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  border-radius: 999px;
  width: 100%;
  height: 18px;
  display: block;
}

.hl-rn-bar-track {
  background-color: #26211e;
  border-radius: 999px;
  height: 18px;
  display: block;
  overflow: hidden;
}

.hl-rn-bar-val {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  text-align: right;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: 1;
}

.hl-rn-bar-val-hot {
  color: #ffd60a;
  font-variation-settings: "wdth" 75;
  text-align: right;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: 1;
}

.hl-rn-box {
  color: #ffd60a;
  width: 30px;
  margin-left: -34px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.4;
  display: inline-block;
}

.hl-rn-channel {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 28px 30px 30px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-rn-channel-dot {
  background-color: #bcb2a6;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-rn-channel-dot-hot {
  background-color: #ff7300;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-rn-channel-tag {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 6px;
  padding: 7px 14px 7px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-rn-channel-tag-hot {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffa800;
  background-color: #131110;
  border: 1px solid #ff7300;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 6px;
  padding: 7px 14px 7px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.hl-rn-channel-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-rn-channel-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-rn-channels {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1080px;
  margin: 40px auto 48px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-rn-chart {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  max-width: 1080px;
  margin: 40px auto;
  display: grid;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rn-chart-cap {
  color: #958b80;
  border-top: 1px solid #2e2824;
  grid-column: 1 / 3;
  margin: 0;
  padding: 16px 40px 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-rn-chart-main {
  border-right: 1px solid #2e2824;
  min-width: 0;
  padding: 36px 40px 12px;
}

.hl-rn-chart-side {
  background-image: radial-gradient(90% 70% at 50% 120%, #ff73003d 0%, #ff4a000f 55%, #ff4a0000 100%);
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 36px 32px;
  display: flex;
}

.hl-rn-chart-title {
  color: #bcb2a6;
  letter-spacing: 0;
  margin: 0 0 28px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-rn-check {
  color: #fff8f0;
  overflow-wrap: anywhere;
  border-bottom: 1px solid #2e2824;
  margin: 0;
  padding: 14px 0 15px 34px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.hl-rn-checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-rn-cite {
  font-style: italic;
}

.hl-rn-col {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-rn-end {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 112px;
  position: relative;
}

.hl-rn-example {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: #131110;
  background-image: radial-gradient(40% 80% at 18% 110%, #ff730042 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: 248px minmax(0, 1fr);
  align-items: center;
  max-width: 1080px;
  margin: 0 auto 40px;
  padding: 44px 56px;
  display: grid;
}

.hl-rn-example-ad {
  border-radius: 24px;
  width: 248px;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rn-example-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-rn-example-note {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-rn-example-quote {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
}

.hl-rn-example-tag {
  color: #ffa800;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-rn-flood-foot {
  z-index: 2;
  grid-column-gap: 28px;
  grid-row-gap: 14px;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 760px;
  margin: 48px auto 0;
  display: flex;
  position: relative;
}

.hl-rn-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.1em;
  padding: 2px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-rn-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-rn-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-rn-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 14px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-rn-line-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  min-width: 0;
  padding: 22px 24px 24px;
  display: flex;
}

.hl-rn-line-quote {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-rn-line-tag {
  color: #ffa800;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-rn-lines {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hl-rn-list-card {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 40px auto 0;
  padding: 12px 36px 28px;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-rn-list-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #6e655b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0 20px;
  display: flex;
}

.hl-rn-list-title {
  color: #ffa800;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-rn-live {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 18px;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 18px 18px;
  display: flex;
  transform: rotate(-4deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rn-live-label {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rn-live-url {
  color: #fff8f0;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  max-width: 100%;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  display: block;
  overflow: hidden;
}

.hl-rn-live-wrap {
  z-index: 2;
  width: 300px;
  position: absolute;
  bottom: 0;
  left: -8px;
}

.hl-rn-lockups {
  z-index: 2;
  border-bottom: 2px solid #0a0807;
  max-width: 1040px;
  margin: 64px auto 0;
  position: relative;
}

.hl-rn-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  align-items: flex-start;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-rn-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 7px;
  display: block;
}

.hl-rn-nlc {
  background-color: #131110;
  background-image: radial-gradient(60% 90% at 50% 120%, #ff730033 0%, #ff4a000d 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 1080px;
  margin: 40px auto 0;
  padding: 40px 44px 36px;
}

.hl-rn-nlc-big {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .92;
}

.hl-rn-nlc-fact {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-left: 3px solid #ffa800;
  flex-direction: column;
  margin: 0;
  padding-left: 20px;
  display: flex;
}

.hl-rn-nlc-facts {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 3fr);
  display: grid;
}

.hl-rn-nlc-head {
  color: #fff8f0;
  border-top: 1px solid #2e2824;
  margin: 36px 0 18px;
  padding-top: 28px;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-rn-nlc-note {
  color: #bcb2a6;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-rn-nlc-small {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-rn-pill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 10px 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-rn-pill-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-rn-pill-wrap {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 6px;
}

.hl-rn-post {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  padding: 24px 26px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-rn-post-apply {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 11px 26px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-rn-post-foot {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  align-items: center;
  margin-top: 18px;
  display: flex;
}

.hl-rn-post-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-rn-post-kicker {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rn-post-line {
  background-color: #2e2824;
  border-radius: 4px;
  width: 100%;
  height: 8px;
  display: block;
}

.hl-rn-post-line-short {
  background-color: #2e2824;
  border-radius: 4px;
  width: 62%;
  height: 8px;
  display: block;
}

.hl-rn-post-lines {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: auto;
  min-width: 0;
  display: flex;
}

.hl-rn-post-tag {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #26211e;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-rn-post-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 12px 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.02;
  display: block;
}

.hl-rn-post-wrap {
  z-index: 1;
  width: 88%;
  max-width: 430px;
  position: absolute;
  top: 44px;
  right: 0;
}

.hl-rn-radius {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  max-width: 1080px;
  margin: 36px auto 32px;
  padding: 40px 48px;
  display: grid;
}

.hl-rn-radius-copy {
  min-width: 0;
}

.hl-rn-radius-li {
  color: #fff8f0;
  border-left: 3px solid #ffa800;
  margin: 0 0 10px;
  padding-left: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-rn-radius-list {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}

.hl-rn-radius-obj {
  background-color: #0a0807;
  background-image: radial-gradient(50% 50%, #ff730029 0%, #ff4a000a 60%, #ff4a0000 100%);
  border-radius: 22px;
  height: 340px;
  position: relative;
  overflow: hidden;
}

.hl-rn-radius-tag {
  color: #ffa800;
  letter-spacing: 0;
  margin: 0 0 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-rn-radius-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-rn-radius-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-rn-rail {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 1080px;
  margin: 32px auto 48px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-rn-rail-1 {
  background-color: #ff4a00;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-rn-rail-2 {
  background-color: #ff7300;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-rn-rail-3 {
  background-color: #ffa800;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-rn-rail-4 {
  background-color: #ffd60a;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 14px;
  display: block;
}

.hl-rn-rail-date {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 42px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .92;
}

.hl-rn-rail-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 0 0 4px;
  display: flex;
  position: relative;
}

.hl-rn-rail-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-rn-rail-title {
  color: #ffa800;
  margin: 4px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-rn-ring-1 {
  background-color: #ff73001a;
  border: 2px solid #ffa800;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hl-rn-ring-2 {
  border: 1px solid #2e2824;
  border-radius: 50%;
  width: 300px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hl-rn-ring-3 {
  border: 1px solid #2e2824;
  border-radius: 50%;
  width: 420px;
  height: 420px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hl-rn-ring-dot {
  background-color: #ff4a00;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-rn-ring-label {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  position: absolute;
  top: 57px;
  left: 50%;
  transform: translateX(-50%);
}

.hl-rn-ring-site {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  white-space: nowrap;
  background-color: #fff8f0;
  border-radius: 999px;
  align-items: center;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hl-rn-role {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 26px 26px 24px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-rn-role-label {
  color: #ffa800;
  letter-spacing: 0;
  border-top: 1px solid #2e2824;
  margin: 16px 0 6px;
  padding-top: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-rn-role-name {
  color: #fff8f0;
  letter-spacing: -.01em;
  min-height: 58px;
  margin: 0 0 6px;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-rn-role-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-rn-roles {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
  margin: 36px auto 40px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-rn-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 76px minmax(0, 1fr) 20px;
  align-items: center;
  padding: 11px 0;
  display: grid;
}

.hl-rn-row-flip {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.hl-rn-row-id {
  grid-column-gap: 16px;
  grid-row-gap: 4px;
  flex-wrap: wrap;
  align-items: baseline;
  min-width: 0;
  display: flex;
}

.hl-rn-row-k {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rn-row-last {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #2e2824;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 76px minmax(0, 1fr) 20px;
  align-items: center;
  padding: 11px 0;
  display: grid;
}

.hl-rn-row-static {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
  display: grid;
}

.hl-rn-row-tick {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 3px;
  display: block;
}

.hl-rn-row-v {
  color: #fff8f0;
  overflow-wrap: anywhere;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-rn-rows {
  flex-direction: column;
  display: flex;
}

.hl-rn-sec {
  padding-top: 120px;
  position: relative;
}

.hl-rn-sec-first {
  padding-top: 96px;
  position: relative;
}

.hl-rn-spec {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #2e2824;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  max-width: 1080px;
  margin: 40px auto 64px;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rn-spec-chip {
  color: #fff8f0;
  white-space: nowrap;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  justify-self: end;
  padding: 9px 15px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-rn-spec-k {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .95;
}

.hl-rn-spec-row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #131110;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 300px) minmax(0, 1fr) 190px;
  align-items: center;
  margin: 0;
  padding: 26px 36px;
  display: grid;
}

.hl-rn-spec-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-rn-src {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  margin-top: 72px;
  padding-top: 40px;
  display: grid;
}

.hl-rn-src-item {
  color: #bcb2a6;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin: 0;
  padding: 12px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-rn-src-link {
  color: #fff8f0;
  overflow-wrap: anywhere;
  font-weight: 500;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-rn-src-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-rn-src-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-rn-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-rn-src-num {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
}

.hl-rn-src-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-self: start;
  display: flex;
  position: sticky;
  top: 104px;
}

.hl-rn-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-rn-src-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-rn-stage {
  z-index: 2;
  width: 100%;
  max-width: 520px;
  height: 610px;
  margin-left: auto;
  position: relative;
}

.hl-rn-stat-big {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  margin: 0 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 88px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .88;
}

.hl-rn-stat-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-rn-state {
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  margin: 0;
  padding: 12px 20px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rn-state-mark {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #26211e;
  border-radius: 999px;
  padding: 3px 8px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-rn-state-plus {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #ff7300;
  border-radius: 999px;
  align-items: center;
  margin: 0;
  padding: 12px 16px 12px 20px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rn-states {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 900px;
  margin: 8px auto 24px;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-rn-sup {
  vertical-align: baseline;
  margin-left: 1px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-rn-swap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #131110;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr);
  align-items: center;
  margin: 0;
  padding: 22px 32px;
  display: grid;
}

.hl-rn-swap-arrow {
  color: #ffa800;
  border: 1px solid #3a322c;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.hl-rn-swap-from {
  color: #958b80;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
  -webkit-text-decoration: line-through #ff4a00;
  text-decoration: line-through #ff4a00;
  text-decoration-thickness: 2px;
}

.hl-rn-swap-to {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
}

.hl-rn-swaps {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #2e2824;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  max-width: 1080px;
  margin: 36px auto 40px;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: hidden;
}

.hl-rn-tie {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #131110;
  background-image: radial-gradient(60% 90% at 25% 110%, #ff730038 0%, #ff4a000f 55%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  max-width: 1080px;
  margin: 44px auto 0;
  padding: 40px;
  display: grid;
}

.hl-rn-tie-copy {
  min-width: 0;
}

.hl-rn-tie-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.hl-rn-tie-head-title {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-rn-tie-live {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-rn-tie-live-dot {
  background-color: #0a0807;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: block;
}

.hl-rn-tie-obj {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 22px;
  padding: 22px 24px 8px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rn-tie-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-rn-tie-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-rn-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin-top: 24px;
  padding: 24px 26px 20px;
}

.hl-rn-toc-li {
  border-top: 1px solid #2e2824;
  margin: 0;
}

.hl-rn-toc-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-rn-tool {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  height: 100%;
  padding: 24px 26px 26px;
  text-decoration: none;
  transition: background-color .2s, border-color .2s;
  display: flex;
}

.hl-rn-tool:hover {
  background-color: #1c1917;
  border-color: #ff7300;
}

.hl-rn-tool:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-rn-tool-arrow {
  color: #fff8f0;
  border: 1px solid #6e655b;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 17px;
  line-height: 1;
  display: flex;
}

.hl-rn-tool-li {
  margin: 0;
}

.hl-rn-tool-tag {
  color: #ffa800;
  letter-spacing: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-rn-tool-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-rn-tool-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  justify-content: space-between;
  align-items: center;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.hl-rn-tools {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 860px;
  margin: 20px auto 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-rn-tpl {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  min-width: 0;
  padding: 28px 30px 30px;
  display: flex;
}

.hl-rn-tpl-bar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1c1917;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px 14px 28px;
  display: flex;
}

.hl-rn-tpl-card {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  max-width: 860px;
  margin: 40px auto 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-rn-tpl-fill {
  color: #bcb2a6;
}

.hl-rn-tpl-head {
  color: #fff8f0;
  margin: 12px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.55;
}

.hl-rn-tpl-item {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 0;
  padding-left: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-rn-tpl-key {
  color: #ffa800;
  font-weight: 700;
}

.hl-rn-tpl-label {
  color: #bcb2a6;
  letter-spacing: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-rn-tpl-line {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-rn-tpl-rim {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hl-rn-tpl-title {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 0 0 8px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-sch-band {
  background-color: #131110;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.hl-sch-body {
  color: #fff8f0;
  max-width: 66ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-sch-body-lead {
  color: #bcb2a6;
  max-width: 760px;
  margin: 16px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-sch-bridge {
  background-color: #131110;
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.hl-sch-bridge-copy {
  min-width: 0;
  position: relative;
}

.hl-sch-bridge-grid {
  z-index: 2;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  display: grid;
  position: relative;
}

.hl-sch-bridge-job {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-sch-bridge-job-title {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-sch-bridge-search {
  z-index: 2;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  width: 100%;
  max-width: 380px;
  padding: 24px;
  position: relative;
  transform: rotate(2deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-sch-bridge-stage {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 0;
  min-height: 440px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.hl-sch-bridge-ticket {
  z-index: 3;
  align-self: flex-start;
  margin-top: -26px;
  margin-left: -8px;
  position: relative;
  transform: rotate(-6deg);
}

.hl-sch-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .2s, color .2s;
  display: inline-flex;
}

.hl-sch-btn:hover {
  color: #fff8f0;
  border-color: #fff8f0;
}

.hl-sch-btn:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-sch-btn-sm {
  color: #fff8f0;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.hl-sch-btn-sm:hover {
  border-color: #fff8f0;
}

.hl-sch-btn-sm:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-sch-btn-text {
  color: #fff8f0;
  text-underline-offset: 3px;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  border-radius: 6px;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
  display: inline-flex;
}

.hl-sch-btn-text:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-sch-btn-text:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-sch-btns {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-sch-check {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  flex-shrink: 0;
  padding: 16px 18px;
  display: flex;
}

.hl-sch-check-line {
  display: block;
}

.hl-sch-close {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
  display: grid;
}

.hl-sch-close-cap {
  z-index: 2;
  color: #bcb2a6;
  text-align: center;
  max-width: 420px;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.hl-sch-close-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-sch-close-stage {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.hl-sch-close-strong {
  color: #fff8f0;
  font-weight: 600;
}

.hl-sch-code {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-shrink: 0;
  overflow: hidden;
}

.hl-sch-code-actions {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: inline-flex;
}

.hl-sch-code-bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 16px;
  display: flex;
}

.hl-sch-code-label {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-sch-code-word {
  color: #fff8f0;
  overflow-wrap: anywhere;
  background-color: #26211e;
  border-radius: 6px;
  padding: 1px 6px;
  font-family: Menlo;
  font-size: .86em;
  font-weight: 400;
  line-height: 1.4;
}

.hl-sch-copy {
  color: #0a0807;
  white-space: nowrap;
  cursor: pointer;
  background-color: #ff4a00;
  border-style: none;
  border-width: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s, box-shadow .2s;
  display: inline-flex;
}

.hl-sch-copy:hover {
  background-color: #ff7300;
  box-shadow: 0 0 0 6px #ff4a002e;
}

.hl-sch-copy:active {
  transform: scale(.98);
}

.hl-sch-copy:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-sch-copy-note {
  color: #ffd60a;
  margin: -8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-sch-counts {
  color: #fff8f0;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-sch-divide {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  padding-top: 24px;
  display: flex;
}

.hl-sch-glow {
  pointer-events: none;
  background-image: radial-gradient(42% 46% at 76% 30%, #ff730042 0%, #ff4a0017 48%, #ff4a0000 78%), radial-gradient(36% 30% at 18% 0, #ff4a001f 0%, #ff4a0000 100%);
  height: 1000px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hl-sch-grid {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: start;
  gap: 32px 56px;
  display: grid;
  position: relative;
}

.hl-sch-group {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  padding: 32px;
  display: flex;
}

.hl-sch-group-dot {
  background-color: #ff4a00;
  border-radius: 50%;
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  display: block;
}

.hl-sch-group-dot-rec {
  border: 2px solid #ffa800;
  border-radius: 50%;
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  display: block;
}

.hl-sch-group-head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid #2e2824;
  flex-direction: column;
  padding-bottom: 20px;
  display: flex;
}

.hl-sch-group-kicker {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ff4a00;
  align-items: center;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  display: inline-flex;
}

.hl-sch-group-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-sch-head {
  grid-area: 1 / 1 / 2 / 2;
  min-width: 0;
  padding-bottom: 8px;
  position: relative;
}

.hl-sch-inputs {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  flex-direction: column;
  grid-area: 2 / 1 / 3 / 2;
  min-width: 0;
  display: flex;
}

.hl-sch-issue-err {
  color: #ff7300;
  text-underline-offset: 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  text-decoration: underline;
}

.hl-sch-issue-err:hover {
  color: #ffd60a;
}

.hl-sch-issue-err:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-sch-issue-ok {
  color: #ffd60a;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-sch-issue-warn {
  color: #ffa800;
  text-underline-offset: 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  text-decoration: underline;
}

.hl-sch-issue-warn:hover {
  color: #ffd60a;
}

.hl-sch-issue-warn:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-sch-issues {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-sch-issues-box {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  padding-top: 14px;
  display: flex;
}

.hl-sch-issues-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-sch-jump {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  align-items: center;
  min-height: 44px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: none;
}

.hl-sch-jump:hover {
  color: #ffd60a;
}

.hl-sch-jump:focus {
  outline-offset: 3px;
  border-radius: 6px;
  outline: 3px solid #ffd60a;
}

.hl-sch-lead {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  grid-area: 3 / 1 / 4 / 2;
  min-width: 0;
  scroll-margin-top: 96px;
}

.hl-sch-lead-head {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.hl-sch-lead-kicker {
  color: #ff4a00;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-sch-lead-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  display: grid;
}

.hl-sch-lead-text {
  color: #bcb2a6;
  max-width: 600px;
  margin: 22px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-sch-loc {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  padding: 14px 18px 20px;
  display: flex;
}

.hl-sch-loc-head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  display: flex;
}

.hl-sch-loc-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-sch-locs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.hl-sch-mail {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff8f0;
  align-items: center;
  min-height: 44px;
  margin-left: auto;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.hl-sch-mail:hover {
  color: #ffd60a;
}

.hl-sch-mail:focus {
  outline-offset: 3px;
  border-radius: 6px;
  outline: 3px solid #ffd60a;
}

.hl-sch-mlabel {
  display: none;
}

.hl-sch-out {
  width: 100%;
  height: 180px;
  box-shadow: none;
  color: #fff8f0;
  resize: vertical;
  background-color: #0a0807;
  border-style: none;
  border-width: 0;
  border-radius: 0;
  margin: 0;
  padding: 16px 18px;
  font-family: Menlo;
  font-size: 13px;
  line-height: 1.55;
  display: block;
}

.hl-sch-out:focus {
  outline-offset: -3px;
  outline: 3px solid #ffd60a;
}

.hl-sch-panel {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  grid-area: 1 / 2 / 4 / 3;
  min-width: 0;
  max-height: 84vh;
  padding: 24px;
  scroll-margin-top: 88px;
  display: flex;
  position: sticky;
  top: 96px;
  overflow-y: auto;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-sch-panel:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-sch-panel-head {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-sch-panel-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-sch-paste {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  margin-top: 16px;
  padding: 40px;
  display: grid;
}

.hl-sch-paste-copy {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-sch-pill-ok {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 8px 15px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-sch-pill-wait {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ff7300;
  background-color: #ff4a0029;
  border-radius: 999px;
  align-items: center;
  padding: 8px 14px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-sch-pill-warn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffa800;
  background-color: #ffa80024;
  border-radius: 999px;
  align-items: center;
  padding: 8px 14px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-sch-prop {
  color: #958b80;
  overflow-wrap: anywhere;
  letter-spacing: 0;
  vertical-align: 2px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 999px;
  margin-left: 8px;
  padding: 1px 8px;
  font-family: Menlo;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  display: inline-block;
}

.hl-sch-pv {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  flex-shrink: 0;
  padding: 14px 18px 16px;
  display: flex;
}

.hl-sch-pv-chip {
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 999px;
  align-items: center;
  padding: 5px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  display: inline-flex;
}

.hl-sch-pv-chip-off {
  color: #958b80;
  background-color: #0000;
  border: 1px dashed #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  display: inline-flex;
}

.hl-sch-pv-chip-pay {
  color: #ffd60a;
  background-color: #ffd60a1f;
  border-radius: 999px;
  align-items: center;
  padding: 5px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  display: inline-flex;
}

.hl-sch-pv-chips {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  margin: 4px 0 0;
  display: flex;
}

.hl-sch-pv-foot {
  color: #958b80;
  margin: 2px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-sch-pv-org {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-sch-pv-org-off {
  color: #958b80;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-sch-pv-tag {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-sch-pv-title {
  color: #ffa800;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.12;
}

.hl-sch-pv-title-off {
  color: #958b80;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.12;
}

.hl-sch-pv-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.hl-sch-related {
  background-color: #0a0807;
  padding-top: 72px;
  padding-bottom: 24px;
  position: relative;
}

.hl-sch-related-more {
  margin: 20px 0 0;
}

.hl-sch-remove {
  color: #bcb2a6;
  text-underline-offset: 3px;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  border-radius: 6px;
  min-height: 44px;
  margin: 0;
  padding: 0 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-sch-remove:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-sch-remove:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-sch-row2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.hl-sch-row2-end {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: end;
  display: grid;
}

.hl-sch-rule {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  margin: 0;
  padding: 28px 28px 32px;
  display: flex;
  position: relative;
}

.hl-sch-rule-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-sch-rule-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-sch-rule-word {
  color: #fff8f0;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  margin-bottom: 0;
  padding-bottom: 40px;
  font-family: Archivo, sans-serif;
  font-size: 72px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .9;
  display: block;
}

.hl-sch-rules {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-sch-snip-dim {
  color: #958b80;
}

.hl-sch-snip-hot {
  color: #ffd60a;
  overflow-wrap: anywhere;
  background-color: #ffd60a1a;
  border-radius: 6px;
  margin: 0 -8px;
  padding: 2px 8px;
  display: block;
}

.hl-sch-snip-in {
  color: #fff8f0;
  overflow-wrap: anywhere;
  padding-left: 18px;
  display: block;
}

.hl-sch-snip-line {
  overflow-wrap: anywhere;
  display: block;
}

.hl-sch-snippet {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #bcb2a6;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  min-width: 0;
  padding: 22px 24px;
  font-family: Menlo;
  font-size: 13px;
  line-height: 1.5;
  display: flex;
  overflow: hidden;
}

.hl-sch-sources {
  grid-column-gap: 72px;
  grid-row-gap: 16px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  margin-top: 56px;
  padding-top: 32px;
  display: grid;
}

.hl-sch-sources-body {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-sch-sources-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-sch-spec {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #fff8f0;
  white-space: nowrap;
  align-items: center;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  display: inline-flex;
}

.hl-sch-spec-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-sch-specs {
  grid-column-gap: 22px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-sch-split {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: start;
  display: grid;
}

.hl-sch-split-head {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: sticky;
  top: 112px;
}

.hl-sch-split-link {
  color: #bcb2a6;
  max-width: 460px;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-sch-start {
  grid-column-gap: 18px;
  grid-row-gap: 12px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 999px;
  flex-wrap: wrap;
  align-items: center;
  padding: 12px 22px 12px 12px;
  display: flex;
}

.hl-sch-start-note {
  color: #bcb2a6;
  flex: 260px;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-sch-status {
  margin: 0;
}

.hl-sch-sub {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-left: 2px solid #6e655b;
  flex-direction: column;
  padding-left: 18px;
  display: flex;
}

.hl-sch-submit {
  color: #0a0807;
  white-space: nowrap;
  cursor: pointer;
  background-color: #ff4a00;
  border-style: none;
  border-width: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 54px;
  margin: 0;
  padding: 0 26px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  transition: background-color .2s, box-shadow .2s;
  display: inline-flex;
}

.hl-sch-submit:hover {
  background-color: #ff7300;
  box-shadow: 0 0 0 6px #ff4a002e;
}

.hl-sch-submit:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-sch-submit._w-button {
  color: #0a0807;
  white-space: nowrap;
  cursor: pointer;
  background-color: #ff4a00;
  border-style: none;
  border-width: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 54px;
  margin: 0;
  padding: 0 26px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  transition: background-color .2s, box-shadow .2s;
  display: inline-flex;
}

.hl-sch-submit._w-button:hover {
  background-color: #ff7300;
  box-shadow: 0 0 0 6px #ff4a002e;
}

.hl-sch-submit._w-button:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-sch-table {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 28px;
  margin-bottom: 8px;
  padding: 8px 32px;
  display: block;
}

.hl-sch-tag-off {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #bcb2a6;
  white-space: nowrap;
  background-color: #0000;
  border: 1px dashed #6e655b;
  border-radius: 999px;
  align-items: center;
  padding: 4px 9px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  display: inline-flex;
}

.hl-sch-tag-on {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #ffd60a;
  white-space: nowrap;
  background-color: #ffd60a1a;
  border: 1px solid #ffd60a66;
  border-radius: 999px;
  align-items: center;
  padding: 4px 9px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  display: inline-flex;
}

.hl-sch-tags {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  margin: 0 0 4px;
  display: flex;
}

.hl-sch-td {
  color: #bcb2a6;
  flex: 2.2 1 0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-sch-td-key {
  color: #fff8f0;
  overflow-wrap: anywhere;
  flex: 1.1 1 0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.hl-sch-td-req {
  color: #fff8f0;
  flex: .8 1 0;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-sch-tests {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-sch-th {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  flex: 2.2 1 0;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.hl-sch-th-key {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  flex: 1.1 1 0;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.hl-sch-th-n {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  flex: .8 1 0;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.hl-sch-tick {
  cursor: pointer;
  accent-color: #ffd60a;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin: 2px 0 0;
}

.hl-sch-top {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 112px;
  position: relative;
}

.hl-sch-tr {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #2e2824;
  padding: 18px 0 20px;
  display: flex;
}

.hl-sch-tr-head {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #6e655b;
  padding: 18px 0 14px;
  display: flex;
}

.hl-sch-tr-last {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding: 18px 0 20px;
  display: flex;
}

.hl-sch-warn {
  color: #ffa800;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-sch-way {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 16px;
  align-items: flex-start;
  margin: 0;
  padding: 16px 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.hl-sch-way-mark {
  background-color: #ff7300;
  border-radius: 50%;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  margin-top: 8px;
  display: block;
}

.hl-sch-ways {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin: 4px 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-svc-ad-1 {
  transform-origin: 50% 100%;
  width: 248px;
  margin-left: -124px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-18px)rotate(-8deg)scale(.44);
}

.hl-svc-ad-2 {
  transform-origin: 50% 100%;
  width: 248px;
  margin-left: -124px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(18px)rotate(7deg)scale(.44);
}

.hl-svc-ad-3 {
  filter: drop-shadow(0 18px 24px #000000b3);
  transform-origin: 50% 100%;
  width: 248px;
  margin-left: -124px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: scale(.47);
}

.hl-svc-ads {
  flex-shrink: 0;
  width: 176px;
  height: 236px;
  display: block;
  position: relative;
}

.hl-svc-ask {
  color: #fff8f0;
  max-width: 640px;
  margin: 48px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-svc-ask-link {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  transition: color .2s;
}

.hl-svc-ask-link:hover {
  color: #ffd60a;
}

.hl-svc-ask-link:focus {
  outline-offset: 3px;
  border-radius: 6px;
  outline: 3px solid #ffd60a;
}

.hl-svc-board {
  height: 230px;
  margin-top: 26px;
  position: relative;
}

.hl-svc-box {
  border: 2px solid #ff7300;
  border-radius: 5px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  display: block;
}

.hl-svc-built {
  color: #bcb2a6;
  max-width: 600px;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-svc-built-link {
  color: #fff8f0;
  white-space: nowrap;
  text-underline-offset: 3px;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-svc-built-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-svc-built-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-svc-cal {
  z-index: 1;
  background-color: #26211e;
  background-image: linear-gradient(155deg, #3a322c 0%, #26211e 28%, #1c1917 100%);
  border: 1px solid #3a322c;
  border-radius: 36px;
  width: 100%;
  max-width: 460px;
  margin-left: auto;
  padding: 0 14px 14px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-svc-center {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
  display: flex;
  position: relative;
}

.hl-svc-chip-a {
  z-index: 4;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  grid-area: 1 / 1 / 2 / 2;
  align-items: center;
  min-height: 60px;
  margin: 0;
  padding: 0 26px 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
  transition: transform .42s cubic-bezier(.6, 0, .3, 1), opacity .3s .14s;
  display: inline-flex;
  position: relative;
  transform: rotate(-3deg);
  box-shadow: 0 18px 36px -18px #000000e6;
}

.hl-svc-chip-b {
  z-index: 4;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  grid-area: 1 / 1 / 2 / 2;
  align-items: center;
  min-height: 60px;
  margin: 0;
  padding: 0 26px 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
  transition: transform .42s cubic-bezier(.6, 0, .3, 1), opacity .3s .14s;
  display: inline-flex;
  position: relative;
  transform: rotate(2deg);
  box-shadow: 0 18px 36px -18px #000000e6;
}

.hl-svc-chip-c {
  z-index: 4;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  grid-area: 1 / 1 / 2 / 2;
  align-items: center;
  min-height: 60px;
  margin: 0;
  padding: 0 26px 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
  transition: transform .42s cubic-bezier(.6, 0, .3, 1), opacity .3s .14s;
  display: inline-flex;
  position: relative;
  transform: rotate(-1deg);
  box-shadow: 0 18px 36px -18px #000000e6;
}

.hl-svc-chips {
  grid-column-gap: 18px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-svc-chute {
  z-index: 1;
  background-image: linear-gradient(#ff730000 0%, #ff7300 100%);
  width: 2px;
  height: 56px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-svc-corp {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
  margin-top: 56px;
  display: grid;
  position: relative;
}

.hl-svc-corp-copy {
  z-index: 2;
  position: relative;
}

.hl-svc-corp-stage {
  height: 410px;
  position: relative;
}

.hl-svc-desk {
  z-index: 2;
  background-color: #0a0807;
  border: 1px solid #26211e;
  border-radius: 28px;
  width: 100%;
  max-width: 760px;
  margin: 56px auto 0;
  padding: 24px 30px 22px;
  position: relative;
  box-shadow: 0 48px 96px -32px #0000008c;
}

.hl-svc-desk-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 18px;
  display: flex;
}

.hl-svc-desk-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-svc-dist {
  text-align: left;
  flex-direction: column;
  align-items: center;
  width: 164px;
  display: flex;
}

.hl-svc-dist-job {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 14px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 13px 14px 14px;
  display: flex;
  box-shadow: 0 24px 48px -16px #000000e6;
}

.hl-svc-done {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffd60a;
  letter-spacing: .02em;
  grid-area: 1 / 1 / 2 / 2;
  justify-content: center;
  align-items: center;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.hl-svc-dot {
  background-color: #3a322c;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-svc-floor {
  pointer-events: none;
  background-image: radial-gradient(64% 50%, #ffa8004d 0%, #ff73001f 42%, #ff730000 76%);
  height: 320px;
  position: absolute;
  top: 188px;
  left: 0;
  right: 0;
}

.hl-svc-fname {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-svc-go {
  color: #ffa800;
  border: 1.5px solid #6e655b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-top: auto;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.hl-svc-ink {
  background-color: #26211e;
  border-radius: 3px;
  width: 100%;
  height: 6px;
  display: block;
}

.hl-svc-ink-dim {
  background-color: #3a322c;
  border-radius: 3px;
  width: 84%;
  height: 6px;
  display: block;
}

.hl-svc-ink-short {
  background-color: #26211e;
  border-radius: 3px;
  width: 58%;
  height: 6px;
  display: block;
}

.hl-svc-item {
  color: #fff8f0;
  text-align: center;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 0 20px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1), background-color .3s;
  display: flex;
  position: relative;
}

.hl-svc-item:hover {
  background-color: #1c1917;
  transform: translateY(-4px);
}

.hl-svc-item:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-svc-keep {
  color: #ffd60a;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  min-height: 36px;
  padding: 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-svc-knob-1 {
  background-image: linear-gradient(#0a0807, #0a0807), linear-gradient(#fffcf8 0%, #e6d8c6 100%), linear-gradient(#ffd60a 0%, #ffa800 30%, #ff7300 60%, #ff4a00 100%);
  background-position: 50% 13px, 50% 0, 50% 0;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 40px 3px, 56px 30px, 8px 100%;
  border-radius: 7px;
  width: 56px;
  height: 320px;
  margin-left: -28px;
  position: absolute;
  top: 100%;
  left: 10%;
  transform: translateY(-190px);
}

.hl-svc-knob-2 {
  background-image: linear-gradient(#0a0807, #0a0807), linear-gradient(#fffcf8 0%, #e6d8c6 100%), linear-gradient(#ffd60a 0%, #ffa800 30%, #ff7300 60%, #ff4a00 100%);
  background-position: 50% 13px, 50% 0, 50% 0;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 40px 3px, 56px 30px, 8px 100%;
  border-radius: 7px;
  width: 56px;
  height: 320px;
  margin-left: -28px;
  position: absolute;
  top: 100%;
  left: 30%;
  transform: translateY(-150px);
}

.hl-svc-knob-3 {
  background-image: linear-gradient(#0a0807, #0a0807), linear-gradient(#fffcf8 0%, #e6d8c6 100%), linear-gradient(#ffd60a 0%, #ffa800 30%, #ff7300 60%, #ff4a00 100%);
  background-position: 50% 13px, 50% 0, 50% 0;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 40px 3px, 56px 30px, 8px 100%;
  border-radius: 7px;
  width: 56px;
  height: 320px;
  margin-left: -28px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateY(-206px);
}

.hl-svc-knob-4 {
  background-image: linear-gradient(#0a0807, #0a0807), linear-gradient(#fffcf8 0%, #e6d8c6 100%), linear-gradient(#ffd60a 0%, #ffa800 30%, #ff7300 60%, #ff4a00 100%);
  background-position: 50% 13px, 50% 0, 50% 0;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 40px 3px, 56px 30px, 8px 100%;
  border-radius: 7px;
  width: 56px;
  height: 320px;
  margin-left: -28px;
  position: absolute;
  top: 100%;
  left: 70%;
  transform: translateY(-128px);
}

.hl-svc-knob-5 {
  background-image: linear-gradient(#0a0807, #0a0807), linear-gradient(#fffcf8 0%, #e6d8c6 100%), linear-gradient(#ffd60a 0%, #ffa800 30%, #ff7300 60%, #ff4a00 100%);
  background-position: 50% 13px, 50% 0, 50% 0;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 40px 3px, 56px 30px, 8px 100%;
  border-radius: 7px;
  width: 56px;
  height: 320px;
  margin-left: -28px;
  position: absolute;
  top: 100%;
  left: 90%;
  transform: translateY(-96px);
}

.hl-svc-knobs {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hl-svc-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  border-top: 1px dashed #3a322c;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 30px 0 0;
  padding-top: 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-svc-left-label {
  margin-right: 4px;
}

.hl-svc-li {
  min-width: 0;
  margin: 0;
  display: flex;
}

.hl-svc-line {
  color: #bcb2a6;
  margin: 8px 0 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-svc-lineup-sec {
  background-color: #0a0807;
  padding-top: 64px;
  padding-bottom: 112px;
  position: relative;
}

.hl-svc-mix-foot {
  z-index: 2;
  grid-column-gap: 32px;
  grid-row-gap: 18px;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  display: flex;
  position: relative;
}

.hl-svc-name {
  color: #fff8f0;
  letter-spacing: -.01em;
  text-wrap: balance;
  min-height: 44px;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.14;
}

.hl-svc-names {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 16px;
  padding-top: 14px;
  display: grid;
}

.hl-svc-obj {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 300px;
  margin-bottom: 30px;
  display: flex;
  position: relative;
}

.hl-svc-paddles {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  padding: 12px 24px 0;
  display: none;
  position: relative;
}

.hl-svc-pass {
  z-index: 2;
  filter: drop-shadow(0 34px 34px #0009);
  width: 420px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(-6deg);
}

.hl-svc-ph-display {
  color: #fff8f0;
  font-variation-settings: "wdth" 106;
  letter-spacing: -.02em;
  margin: 18px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 76px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .95;
}

.hl-svc-ph-grid {
  z-index: 2;
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
  display: grid;
  position: relative;
}

.hl-svc-phone-box {
  flex-shrink: 0;
  width: 145px;
  height: 296px;
  position: relative;
}

.hl-svc-phone-scale {
  transform-origin: 0 0;
  width: 290px;
  height: 592px;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(.5);
}

.hl-svc-pill {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 80px;
  display: flex;
}

.hl-svc-plate {
  z-index: 3;
  background-color: #1c1917;
  background-image: radial-gradient(120% 90% at 50% 0, #2a2420 0%, #1c1917 62%);
  border: 1px solid #3a322c;
  border-radius: 44px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 36px 44px 30px;
  position: relative;
  box-shadow: inset 0 0 0 14px #161311, inset 0 0 0 15px #2e2824, 0 48px 96px -32px #000000e6;
}

.hl-svc-plate-label {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  text-align: center;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 22px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-svc-plate-sec {
  background-color: #0a0807;
  padding-top: 104px;
  padding-bottom: 88px;
  position: relative;
}

.hl-svc-poster {
  background-color: #1c1917;
  border: 3px dotted #ffd60a;
  border-radius: 16px;
  flex-shrink: 0;
  padding: 7px;
  display: block;
  position: relative;
  box-shadow: 0 40px 80px -28px #000000e6;
}

.hl-svc-poster-box {
  background-color: #fff8f0;
  border-radius: 5px;
  width: 148px;
  height: 157px;
  display: block;
  position: relative;
  overflow: hidden;
}

.hl-svc-poster-scale {
  transform-origin: 0 0;
  width: 480px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(.3083);
}

.hl-svc-result {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 12px;
  flex-direction: column;
  padding: 11px;
  display: flex;
}

.hl-svc-result-on {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-left: 3px solid #ffd60a;
  border-radius: 12px;
  flex-direction: column;
  padding: 11px 11px 12px;
  display: flex;
}

.hl-svc-result-tag {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 9px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-svc-result-title {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-svc-row {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  position: relative;
}

.hl-svc-search {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  text-align: left;
  background-color: #1c1917;
  background-image: linear-gradient(160deg, #2a2420 0%, #1c1917 42%);
  border: 1px solid #3a322c;
  border-radius: 18px;
  flex-direction: column;
  width: 164px;
  padding: 12px 11px 14px;
  display: flex;
  box-shadow: 0 40px 80px -28px #000000e6;
}

.hl-svc-search-bar {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: #0a0807;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  height: 34px;
  padding: 0 11px;
  display: flex;
}

.hl-svc-search-dots {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  padding: 1px 2px 3px;
  display: flex;
}

.hl-svc-search-icon {
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  display: block;
}

.hl-svc-search-q {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  display: block;
  position: relative;
  overflow: hidden;
}

.hl-svc-shelf {
  pointer-events: none;
  background-image: linear-gradient(90deg, #ffd60a00 0%, #ffd60acc 50%, #ffd60a00 100%);
  height: 2px;
  position: absolute;
  top: 347px;
  left: 4%;
  right: 4%;
}

.hl-svc-site {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 8px;
  padding: 10px 12px;
  display: flex;
}

.hl-svc-slot {
  border: 1.5px dashed #3a322c;
  border-radius: 999px;
  margin: 0;
  display: grid;
  position: relative;
}

.hl-svc-stage {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 32px;
  padding: 48px 12px 32px;
  position: relative;
  overflow: hidden;
}

.hl-svc-steps {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  display: grid;
}

.hl-svc-steps-copy {
  z-index: 2;
  position: relative;
}

.hl-svc-steps-head {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  margin-bottom: 28px;
  display: flex;
}

.hl-svc-steps-stage {
  padding-bottom: 172px;
  display: block;
  position: relative;
}

.hl-svc-tick {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-svc-tix {
  z-index: 2;
  height: 100%;
  position: relative;
}

.hl-svc-tix-1 {
  filter: drop-shadow(0 22px 22px #00000073);
  width: 300px;
  margin-left: -150px;
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translate(-64px)rotate(-7deg);
}

.hl-svc-tix-2 {
  filter: drop-shadow(0 22px 22px #00000073);
  width: 300px;
  margin-left: -150px;
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translate(0, 122px)rotate(-1deg);
}

.hl-svc-tix-3 {
  filter: drop-shadow(0 22px 22px #00000073);
  width: 300px;
  margin-left: -150px;
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translate(64px, 244px)rotate(5deg);
}

.hl-svc-track {
  background-image: linear-gradient(#26211e, #26211e), repeating-linear-gradient(#3a322c 0 1px, #3a322c00 1px 23px);
  background-position: 50% 0, 50% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 8px 100%, 64px 100%;
  height: 100%;
  display: block;
}

.hl-svc-tracks {
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid;
  position: absolute;
  inset: 0;
}

.hl-svc-tray {
  z-index: 1;
  background-color: #131110;
  background-image: linear-gradient(90deg, #ff730000 0%, #ff7300 50%, #ff730000 100%);
  background-repeat: no-repeat;
  background-size: 80% 2px;
  border: 1px solid #2e2824;
  border-radius: 28px;
  justify-content: center;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  padding: 28px;
  display: flex;
  position: relative;
}

.hl-svc-wire {
  background-image: linear-gradient(#ffd60a 0%, #ff7300 100%);
  flex-shrink: 0;
  width: 2px;
  height: 22px;
  display: block;
}

.hl-terms-body {
  background-color: #0a0807;
  padding-top: 16px;
  padding-bottom: 104px;
  position: relative;
}

.hl-terms-chip {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #fff8f0;
  background-color: #0a0807;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  margin: 0;
  padding: 9px 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  transform: rotate(2deg);
}

.hl-terms-chip-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-terms-h {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-terms-label {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  margin: 0;
  padding: 24px;
  display: flex;
}

.hl-terms-label-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-terms-label-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-terms-labels {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-terms-li {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  border-top: 1px solid #2e2824;
  align-items: flex-start;
  margin: 0;
  padding: 12px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-terms-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-terms-main {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-terms-no {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-top: 3px solid #ff4a00;
  border-radius: 20px;
  flex-direction: column;
  min-width: 0;
  padding: 26px 24px 18px;
  display: flex;
}

.hl-terms-pass {
  filter: drop-shadow(0 34px 34px #0009);
  width: 100%;
  transform: rotate(-5deg);
}

.hl-terms-plan {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #131110;
  background-image: radial-gradient(70% 90% at 75% 115%, #ff730052 0%, #ff4a0014 50%, #ff4a0000 100%);
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  padding: 36px 36px 0;
  display: grid;
  overflow: hidden;
}

.hl-terms-plan-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 36px;
  display: flex;
}

.hl-terms-plan-cta {
  display: block;
}

.hl-terms-plan-line {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-terms-plan-obj {
  justify-content: center;
  padding-top: 8px;
  text-decoration: none;
  display: flex;
}

.hl-terms-plan-obj:focus {
  outline-offset: 4px;
  border-radius: 16px;
  outline: 3px solid #ffd60a;
}

.hl-terms-plan-sub {
  color: #bcb2a6;
  margin: 0 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-terms-sec {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  min-width: 0;
  padding-top: 36px;
  display: flex;
}

.hl-terms-side-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-terms-sides {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hl-terms-stage {
  z-index: 2;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 440px;
  display: flex;
  position: relative;
}

.hl-terms-tag {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1px solid #6e655b;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 6px;
  padding: 7px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-terms-x {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  display: flex;
}

.hl-terms-yes {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-top: 3px solid #ffd60a;
  border-radius: 20px;
  flex-direction: column;
  min-width: 0;
  padding: 26px 24px 18px;
  display: flex;
}

.hl-th-bar-name {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-th-bar-row {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  display: grid;
}

.hl-th-bench {
  z-index: 2;
  width: 470px;
  height: 480px;
  position: relative;
}

.hl-th-bench-check {
  z-index: 3;
  transform-origin: 50% 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 18px;
  transform: rotate(2deg);
}

.hl-th-bench-flyer {
  z-index: 1;
  transform-origin: 50% 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(7deg);
}

.hl-th-bench-qr {
  z-index: 2;
  transform-origin: 50% 100%;
  display: block;
  position: absolute;
  top: 96px;
  left: 0;
  transform: rotate(-7deg);
}

.hl-th-bench-tag {
  z-index: 4;
  transform-origin: 50% 100%;
  display: block;
  position: absolute;
  top: 40px;
  left: 24px;
  transform: rotate(-4deg);
}

.hl-th-btn {
  color: #fff8f0;
  white-space: nowrap;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-height: 36px;
  padding: 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.hl-th-btn-hot {
  color: #0a0807;
  white-space: nowrap;
  background-color: #ff4a00;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-height: 36px;
  padding: 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.hl-th-btns {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding-top: 2px;
  display: flex;
}

.hl-th-chip {
  color: #0a0807;
  background-color: #f0e4d6;
  border-radius: 999px;
  align-items: center;
  padding: 4px 9px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-th-code {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  flex-shrink: 0;
  width: 290px;
  padding: 14px 18px 16px;
  display: flex;
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-th-code-in {
  color: #958b80;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 16px;
  font-family: Courier New;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.55;
  display: block;
  overflow: hidden;
}

.hl-th-code-line {
  color: #958b80;
  white-space: nowrap;
  font-family: Courier New;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.55;
  display: block;
}

.hl-th-code-top {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.hl-th-copy {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  align-items: center;
  margin-left: auto;
  padding: 4px 11px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-th-cta {
  color: #0a0807;
  background-color: #ffd60a;
  background-image: radial-gradient(90% 70% at 50% 0, #ffeb5c 0%, #ffd60a 62%);
  border-radius: 28px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  align-items: flex-start;
  min-height: 340px;
  padding: 28px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-th-cta:hover {
  transform: translateY(-4px);
}

.hl-th-cta:focus {
  outline-offset: 3px;
  outline: 3px solid #fff8f0;
}

.hl-th-cta-arrow {
  color: #ffd60a;
  display: block;
}

.hl-th-cta-btn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border-radius: 999px;
  align-items: center;
  min-height: 52px;
  margin-top: auto;
  padding: 0 24px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.hl-th-cta-kicker {
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  display: block;
}

.hl-th-cta-text {
  margin-top: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.45;
  display: block;
}

.hl-th-cta-title {
  font-variation-settings: "wdth" 106;
  letter-spacing: -.02em;
  margin-top: 14px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .98;
  display: block;
}

.hl-th-days {
  background-image: repeating-linear-gradient(90deg, #26211e 0 12px, #26211e00 12px 17px);
  height: 34px;
  margin-top: 22px;
  margin-bottom: 6px;
  display: block;
  position: relative;
}

.hl-th-days-lit {
  background-image: repeating-linear-gradient(90deg, #0a080700 0 12px, #0a0807 12px 17px), linear-gradient(90deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  width: 48%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hl-th-dot {
  background-color: #3a322c;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: block;
}

.hl-th-field {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.hl-th-field-label {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-th-field-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  display: flex;
}

.hl-th-field-value {
  color: #fff8f0;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1.5px solid #6e655b;
  border-radius: 10px;
  padding: 10px 12px;
  font-family: Courier New;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  display: block;
  overflow: hidden;
}

.hl-th-fill-plan {
  border: 1.5px dashed #ffd60a;
  border-radius: 7px;
  width: 48%;
  height: 100%;
  display: block;
}

.hl-th-fill-spend {
  background-image: linear-gradient(90deg, #ff4a00 0%, #ff7300 55%, #ffa800 100%);
  border-radius: 7px;
  width: 46%;
  height: 100%;
  display: block;
}

.hl-th-flyer {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: radial-gradient(120% 90% at 50% 25%, #fff 0%, #fff8f0 55%, #fbe8cf 100%);
  border-radius: 8px;
  flex-direction: column;
  width: 228px;
  height: 300px;
  padding: 20px 18px 0;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 40px 80px -28px #000000e6;
}

.hl-th-flyer-brand {
  letter-spacing: .06em;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  display: block;
}

.hl-th-flyer-foot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
  padding-bottom: 12px;
  display: flex;
}

.hl-th-flyer-kicker {
  font-variation-settings: "wdth" 70;
  letter-spacing: -.005em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 58px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .84;
  display: block;
}

.hl-th-flyer-qr {
  width: 66px;
  height: 66px;
  display: block;
}

.hl-th-flyer-roles {
  font-variation-settings: "wdth" 75;
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-top: 14px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1.15;
  display: block;
}

.hl-th-flyer-tabs {
  background-image: repeating-linear-gradient(90deg, #0a080700 0 26px, #0a080747 26px 27px);
  border-top: 1.5px dashed #0a080759;
  flex-shrink: 0;
  height: 30px;
  margin-left: -18px;
  margin-right: -18px;
  display: block;
}

.hl-th-flyer-when {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 6px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-th-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
}

.hl-th-head {
  z-index: 2;
  max-width: 980px;
  margin-bottom: 48px;
  position: relative;
}

.hl-th-head-lead {
  color: #bcb2a6;
  max-width: 640px;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-th-ink {
  background-color: #26211e;
  border-radius: 4px;
  height: 8px;
  display: block;
}

.hl-th-ink-short {
  background-color: #26211e;
  border-radius: 4px;
  width: 62%;
  height: 8px;
  display: block;
}

.hl-th-k {
  color: #ffa800;
}

.hl-th-line {
  z-index: 2;
  color: #bcb2a6;
  max-width: 560px;
  margin-top: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  display: block;
  position: relative;
}

.hl-th-pace {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  width: 100%;
  max-width: 600px;
  padding: 20px 22px 22px;
  display: flex;
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-th-pace-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-th-pace-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
  display: block;
}

.hl-th-pair {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 22px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 0;
  min-height: 210px;
  padding: 24px;
  text-decoration: none;
  transition: background-color .2s, border-color .2s, transform .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
}

.hl-th-pair:hover {
  background-color: #26211e;
  border-color: #6e655b;
  transform: translateY(-3px);
}

.hl-th-pair:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-th-pair-go {
  color: #ffa800;
  margin-top: auto;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  display: block;
}

.hl-th-pair-li {
  min-width: 0;
  margin: 0;
  display: flex;
}

.hl-th-pair-tag {
  color: #ffa800;
  font-variation-settings: "wdth" 100;
  text-transform: none;
  letter-spacing: 0;
  background-color: #ff730024;
  border-radius: 999px;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: 100%;
  line-height: 1.3;
  display: block;
}

.hl-th-pair-title {
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
  display: block;
}

.hl-th-pairs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-th-pairs-head {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 36px;
  display: flex;
}

.hl-th-pairs-sec {
  background-color: #0a0807;
  padding-top: 104px;
  padding-bottom: 96px;
  position: relative;
}

.hl-th-panel {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  width: 300px;
  padding: 18px;
  display: flex;
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-th-pass {
  color: #ffd60a;
  background-color: #ffd60a24;
  border-radius: 999px;
  align-items: center;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-th-pay {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  width: 100%;
  max-width: 290px;
  padding: 16px;
  display: flex;
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-th-pay-chev {
  color: #ffa800;
  font-size: 14px;
  line-height: 1;
  display: block;
}

.hl-th-pay-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.hl-th-pay-foot {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #958b80;
  align-items: center;
  padding-top: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.hl-th-pay-label {
  display: block;
}

.hl-th-pay-name {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-th-pay-ok {
  color: #ffd60a;
  background-color: #ffd60a24;
  border-radius: 999px;
  justify-self: start;
  padding: 3px 9px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

.hl-th-pay-pick {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  border: 1.5px solid #ffd60a;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  min-height: 42px;
  margin-bottom: 4px;
  padding: 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
}

.hl-th-pay-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 104px minmax(0, 1fr);
  align-items: center;
  padding-top: 10px;
  display: grid;
}

.hl-th-qrcard {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  background-color: #fff8f0;
  background-image: radial-gradient(120% 90% at 50% 30%, #fff 0%, #fff8f0 55%, #fbe8cf 100%);
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 196px;
  padding: 18px 18px 16px;
  display: flex;
  box-shadow: 0 40px 80px -28px #000000e6;
}

.hl-th-qrcard-img {
  width: 148px;
  height: 148px;
  display: block;
}

.hl-th-qrcard-kicker {
  font-variation-settings: "wdth" 70;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .9;
  display: block;
}

.hl-th-qrcard-when {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-th-qrui {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.hl-th-result {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0a0807;
  background-color: #fff8f0;
  border-left: 3px solid #ffd60a;
  border-radius: 14px;
  flex-direction: column;
  flex-shrink: 0;
  width: 210px;
  padding: 16px 18px;
  display: flex;
  transform: rotate(2deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-th-result-chips {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  margin-top: 4px;
  display: flex;
}

.hl-th-result-meta {
  color: #4a433d;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.hl-th-result-tag {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-th-result-title {
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
  display: block;
}

.hl-th-s {
  color: #fff8f0;
}

.hl-th-schema {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.hl-th-size {
  color: #fff8f0;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  padding: 5px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.hl-th-tagpill {
  color: #ffd60a;
  white-space: nowrap;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  min-height: 36px;
  padding: 0 16px;
  font-family: Courier New;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  box-shadow: 0 24px 48px -16px #000000e6;
}

.hl-th-tilt {
  display: block;
  transform: rotate(4deg)scale(.92);
}

.hl-th-today {
  background-color: #ffd60a;
  width: 2px;
  margin-left: -3px;
  display: block;
  position: absolute;
  top: -20px;
  bottom: -6px;
  left: 48%;
}

.hl-th-today-label {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
  position: absolute;
  top: -3px;
  left: 8px;
}

.hl-th-tools-sec {
  background-color: #0a0807;
  padding-top: 72px;
  padding-bottom: 72px;
  position: relative;
}

.hl-th-track {
  background-color: #1c1917;
  border-radius: 7px;
  height: 14px;
  display: block;
  position: relative;
}

.hl-th-utm {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 18px;
  flex-direction: column;
  width: 100%;
  max-width: 600px;
  padding: 18px;
  display: flex;
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-th-utm-foot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.hl-th-utm-hot {
  color: #ffd60a;
}

.hl-th-utm-key {
  color: #ffa800;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-th-utm-link {
  color: #bcb2a6;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-family: Courier New;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  display: block;
  overflow: hidden;
}

.hl-th-utm-lock {
  border: 2px solid #958b80;
  border-radius: 3px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  display: block;
}

.hl-th-utm-note {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  display: block;
}

.hl-th-utm-out {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1.5px solid #ffd60a;
  border-radius: 12px;
  align-items: center;
  padding: 10px 10px 10px 14px;
  display: flex;
}

.hl-th-utm-param {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #1c1917;
  border-radius: 10px;
  flex-direction: column;
  min-width: 0;
  padding: 10px 12px;
  display: flex;
}

.hl-th-utm-params {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.hl-th-utm-url {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  border: 1.5px solid #6e655b;
  border-radius: 10px;
  align-items: center;
  min-height: 44px;
  padding: 0 14px;
  font-family: Courier New;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
  overflow: hidden;
}

.hl-th-utm-val {
  color: #fff8f0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Courier New;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  display: block;
  overflow: hidden;
}

.hl-th-wire {
  background-image: linear-gradient(90deg, #ff730000 0%, #ff7300 100%);
  flex-shrink: 0;
  width: 32px;
  height: 2px;
  display: block;
}

.hl-th-zoom {
  display: block;
  transform: scale(1.12);
}

.hl-trades-ads {
  position: relative;
}

.hl-trades-beam {
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(#0a0807 0, #0a080700 40px), radial-gradient(46% 86% at 50% 0, #fff4e48f 0%, #ffbe6e45 24%, #ff73001f 50%, #ff4a0000 78%);
  width: 660px;
  height: 640px;
  margin-left: -330px;
  position: absolute;
  top: 60px;
  left: 50%;
}

.hl-trades-cords {
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(#6e655b00 0%, #6e655b 100%), linear-gradient(#6e655b00 0%, #6e655b 100%);
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 2px 100%, 2px 100%;
  width: 236px;
  height: 100px;
  margin-left: -118px;
  position: absolute;
  top: -40px;
  left: 50%;
}

.hl-trades-dash {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 24px;
  width: 100%;
  max-width: 560px;
  padding: 22px 24px 18px;
  display: block;
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-trades-event {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  align-items: center;
  padding: 56px 64px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-trades-event-copy {
  z-index: 2;
  position: relative;
}

.hl-trades-event-lead {
  color: #bcb2a6;
  max-width: 600px;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-trades-event-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730057 0%, #ff4a001a 50%, #ff4a0000 100%);
  width: 680px;
  height: 520px;
  position: absolute;
  bottom: -240px;
  right: -140px;
}

.hl-trades-event-obj {
  z-index: 2;
  justify-content: center;
  display: flex;
  position: relative;
}

.hl-trades-flood-cta {
  z-index: 2;
  justify-content: center;
  margin-top: 0;
  display: flex;
  position: relative;
}

.hl-trades-lamp {
  z-index: 3;
  background-color: #26211e;
  background-image: linear-gradient(#3a322c 0%, #26211e 50%, #1c1917 100%);
  border: 1px solid #3a322c;
  border-radius: 15px;
  width: 340px;
  height: 30px;
  margin-left: -170px;
  position: absolute;
  top: 56px;
  left: 50%;
  box-shadow: 0 18px 36px -18px #000000e6;
}

.hl-trades-lang {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: center;
  margin-top: 56px;
  margin-bottom: 64px;
  display: grid;
}

.hl-trades-lang-copy {
  z-index: 2;
  position: relative;
}

.hl-trades-pains {
  background-color: #0a0807;
  padding-top: 16px;
  padding-bottom: 88px;
  position: relative;
}

.hl-trades-pass {
  z-index: 4;
  filter: drop-shadow(0 30px 40px #000000bf);
  transform-origin: 50%;
  width: 412px;
  position: absolute;
  bottom: -100px;
  left: -160px;
  transform: rotate(-6deg);
}

.hl-trades-pay {
  grid-column-gap: 56px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: end;
  margin-top: 72px;
  display: grid;
}

.hl-trades-pay-side {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.hl-trades-phone {
  z-index: 2;
  transform-origin: 50% 0;
  width: 290px;
  margin-left: -80px;
  position: absolute;
  top: 104px;
  left: 50%;
  transform: scale(.9);
}

.hl-trades-phone-in {
  display: block;
  position: relative;
}

.hl-trades-pool {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ffa8005c 0%, #ff73001f 55%, #ff730000 100%);
  width: 600px;
  height: 220px;
  margin-left: -300px;
  position: absolute;
  bottom: -40px;
  left: 50%;
}

.hl-trades-qr-cap {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  position: relative;
}

.hl-trades-qr-link {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  color: #fff8f0;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.hl-trades-qr-link:hover {
  color: #ffd60a;
}

.hl-trades-qr-link:focus {
  outline-offset: 6px;
  border-radius: 16px;
  outline: 3px solid #ffd60a;
}

.hl-trades-qr-tilt {
  filter: drop-shadow(0 30px 40px #000000b3);
  margin-top: 24px;
  display: block;
  transform: rotate(4deg)scale(1.22);
}

.hl-trades-related {
  margin-top: 64px;
}

.hl-trades-rule {
  color: #bcb2a6;
  text-align: center;
  max-width: 760px;
  margin: 36px auto 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-trades-say {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 23px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-trades-skip {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  -webkit-text-decoration: line-through #ff4a00;
  text-decoration: line-through #ff4a00;
  text-decoration-thickness: 2px;
}

.hl-trades-stage {
  width: 100%;
  max-width: 480px;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-trades-swap {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  padding: 26px 32px 10px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-trades-swap-arrow {
  color: #ffa800;
  text-align: center;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

.hl-trades-swap-gap {
  display: block;
}

.hl-trades-swap-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1.2fr);
  align-items: center;
  padding-bottom: 14px;
  display: grid;
}

.hl-trades-swap-label {
  color: #958b80;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-trades-swap-label-hot {
  color: #ffa800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-trades-swap-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1.2fr);
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.hl-trades-tube {
  background-color: #fff8f0;
  background-image: linear-gradient(90deg, #ffd9a8 0%, #fff 22% 78%, #ffd9a8 100%);
  border-radius: 5px;
  height: 9px;
  display: block;
  position: absolute;
  bottom: -5px;
  left: 16px;
  right: 16px;
}

.hl-trades-wo {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-height: 320px;
  margin: 0;
  padding: 22px 28px 30px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-trades-wo-from {
  color: #ff7300;
  letter-spacing: .01em;
  margin-top: 28px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.hl-trades-wo-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-trades-wo-hole {
  background-color: #0a0807;
  border: 1.5px solid #4a433d;
  border-radius: 50%;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: block;
}

.hl-trades-wo-label {
  color: #958b80;
  letter-spacing: .12em;
  text-transform: uppercase;
  flex: 1;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-trades-wo-line {
  color: #bcb2a6;
  margin-top: auto;
  padding-top: 22px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  display: block;
}

.hl-trades-wo-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin-top: 10px;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.02;
  display: block;
}

.hl-trades-wo-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1.5px dashed #3a322c;
  align-items: center;
  padding-bottom: 18px;
  display: flex;
}

.hl-ty-card {
  color: #fff8f0;
  background-color: #1c1917;
  border-radius: 28px;
  flex-direction: column;
  width: 100%;
  padding: 28px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1), background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-ty-card:hover {
  background-color: #221e1b;
  transform: translateY(-4px);
}

.hl-ty-card:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-ty-card-go {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  align-items: center;
  margin-top: auto;
  padding-top: 22px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  position: relative;
}

.hl-ty-card-line {
  z-index: 2;
  color: #bcb2a6;
  margin-top: 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
  position: relative;
}

.hl-ty-card-obj {
  z-index: 1;
  justify-content: center;
  align-items: center;
  height: 230px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.hl-ty-card-title {
  z-index: 2;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
  display: block;
  position: relative;
}

.hl-ty-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-ty-cell {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  display: flex;
}

.hl-ty-chat {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.hl-ty-doc-1 {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f0e4d6 100%);
  border-radius: 8px;
  flex-direction: column;
  width: 100px;
  height: 128px;
  padding: 12px;
  display: flex;
  position: absolute;
  top: 34px;
  left: 0;
  transform: rotate(-12deg);
  box-shadow: 0 24px 40px -16px #000000e6;
}

.hl-ty-doc-2 {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f0e4d6 100%);
  border-radius: 8px;
  flex-direction: column;
  width: 100px;
  height: 128px;
  padding: 12px;
  display: flex;
  position: absolute;
  top: 14px;
  left: 52px;
  transform: rotate(-4deg);
  box-shadow: 0 24px 40px -16px #000000e6;
}

.hl-ty-doc-3 {
  z-index: 3;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f0e4d6 100%);
  border-radius: 8px;
  flex-direction: column;
  width: 100px;
  height: 128px;
  padding: 12px;
  display: flex;
  position: absolute;
  top: 14px;
  left: 106px;
  transform: rotate(5deg);
  box-shadow: 0 24px 40px -16px #000000e6;
}

.hl-ty-doc-4 {
  z-index: 4;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff8f0;
  background-image: radial-gradient(120% 90% at 50% 20%, #fff 0%, #fff8f0 60%, #fbe8cf 100%);
  border-radius: 8px;
  flex-direction: column;
  width: 100px;
  height: 128px;
  padding: 12px;
  display: flex;
  position: absolute;
  top: 36px;
  left: 160px;
  transform: rotate(13deg);
  box-shadow: 0 24px 40px -16px #000000e6;
}

.hl-ty-doc-label {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: 1;
  display: block;
}

.hl-ty-doc-line {
  background-color: #0a080724;
  border-radius: 3px;
  width: 100%;
  height: 6px;
  display: block;
}

.hl-ty-doc-line-short {
  background-color: #0a080724;
  border-radius: 3px;
  width: 62%;
  height: 6px;
  display: block;
}

.hl-ty-docs {
  width: 260px;
  height: 180px;
  display: block;
  position: relative;
}

.hl-ty-dot-done {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  padding: 8px;
  display: block;
}

.hl-ty-dot-next {
  border: 2px dashed #6e655b;
  border-radius: 50%;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: block;
}

.hl-ty-dot-now {
  background-color: #ffa800;
  border: 3px solid #ffa800;
  border-radius: 50%;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: block;
  box-shadow: inset 0 0 0 7px #1c1917;
}

.hl-ty-greet {
  color: #bcb2a6;
  letter-spacing: -.015em;
  margin-bottom: 12px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.05;
  display: block;
}

.hl-ty-kicker {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-ty-label {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ty-li {
  margin: 0;
  display: flex;
}

.hl-ty-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730042 0%, #ff4a0012 55%, #ff4a0000 100%);
  width: 460px;
  height: 340px;
  margin-left: -230px;
  position: absolute;
  top: -60px;
  left: 50%;
}

.hl-ty-line {
  background-image: linear-gradient(#ffa800 0%, #3a322c 100%);
  border-radius: 2px;
  flex: 1;
  width: 3px;
  min-height: 36px;
  margin-top: 6px;
  margin-bottom: 6px;
  display: block;
}

.hl-ty-line-done {
  background-color: #ffd60a;
  border-radius: 2px;
  flex: 1;
  width: 3px;
  min-height: 36px;
  margin-top: 6px;
  margin-bottom: 6px;
  display: block;
}

.hl-ty-main {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-left: 2px dashed #0a080738;
  border-radius: 4px 22px 22px 4px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  height: 240px;
  padding: 22px 24px 20px;
  display: flex;
  position: relative;
}

.hl-ty-meta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 2px dashed #0a080729;
  margin-top: auto;
  padding-top: 14px;
  display: flex;
}

.hl-ty-nda {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f0e4d6 100%);
  border-radius: 10px;
  flex-direction: column;
  width: 232px;
  padding: 18px 18px 16px;
  display: flex;
  position: relative;
  transform: rotate(-3deg);
  box-shadow: 0 30px 56px -20px #000000e6;
}

.hl-ty-nda-chip {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffd60a;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 5px 9px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-ty-nda-sig {
  color: #0a0807;
  border-bottom: 2px solid #0a0807;
  flex: 1;
  padding-bottom: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-style: italic;
  font-weight: 600;
  line-height: 1;
}

.hl-ty-nda-sign {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 14px;
  display: flex;
}

.hl-ty-nda-title {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: 1;
  display: block;
}

.hl-ty-note {
  z-index: 2;
  color: #fff8f0;
  text-align: center;
  margin: 32px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.45;
  position: relative;
}

.hl-ty-pill-done {
  color: #ffd60a;
  white-space: nowrap;
  background-color: #ffd60a1f;
  border-radius: 999px;
  margin-top: 4px;
  padding: 6px 13px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-ty-pill-next {
  color: #bcb2a6;
  white-space: nowrap;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  margin-top: 4px;
  padding: 5px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-ty-pill-now {
  color: #ffa800;
  white-space: nowrap;
  background-color: #ff730024;
  border-radius: 999px;
  margin-top: 4px;
  padding: 6px 13px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-ty-rail {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.hl-ty-stage {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
  position: relative;
}

.hl-ty-stamp {
  color: #e03c00;
  font-variation-settings: "wdth" 70;
  letter-spacing: .02em;
  text-transform: uppercase;
  background-color: #fff8f0b8;
  border: 4px solid #e03c00;
  border-radius: 10px;
  padding: 6px 14px 4px;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: 1;
  display: block;
  position: absolute;
  bottom: 46px;
  right: -34px;
  transform: rotate(9deg);
}

.hl-ty-step {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: start;
  margin: 0;
  padding-bottom: 0;
  display: grid;
}

.hl-ty-step-copy {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  padding-top: 4px;
  padding-bottom: 28px;
  display: flex;
}

.hl-ty-step-last {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: start;
  margin: 0;
  padding-bottom: 26px;
  display: grid;
}

.hl-ty-step-text {
  color: #bcb2a6;
  max-width: 46ch;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.hl-ty-step-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-ty-steps {
  margin: 0;
  padding: 24px 0 0;
  list-style: none;
}

.hl-ty-stub {
  transform-origin: 100% 100%;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-right: 2px dashed #0a080738;
  border-radius: 22px 4px 4px 22px;
  flex-shrink: 0;
  width: 96px;
  height: 240px;
  display: block;
  position: relative;
  transform: translate(-30px, 26px)rotate(-10deg);
}

.hl-ty-stub-mark {
  width: 44px;
  height: 44px;
  margin-left: -22px;
  display: block;
  position: absolute;
  top: 22px;
  left: 50%;
}

.hl-ty-stub-text {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  text-align: center;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
  width: 120px;
  margin-top: -9px;
  margin-left: -60px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 18px;
  display: block;
  position: absolute;
  top: 150px;
  left: 50%;
  transform: rotate(-90deg);
}

.hl-ty-title {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Archivo, sans-serif;
  font-size: 56px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  display: block;
}

.hl-ty-tool {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  align-items: center;
  min-height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .2s, color .2s;
  display: inline-flex;
}

.hl-ty-tool:hover {
  color: #ffd60a;
  border-color: #ffd60a;
}

.hl-ty-tool:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-ty-tools {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  border-top: 1px solid #2e2824;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 48px;
  padding-top: 32px;
  display: flex;
}

.hl-ty-tools-label {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-ty-tools-li {
  margin: 0;
}

.hl-ty-tools-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-ty-torn {
  filter: drop-shadow(0 36px 40px #000000d9);
  transform-origin: 50%;
  width: 470px;
  max-width: 100%;
  display: flex;
  position: relative;
  transform: rotate(-6deg);
}

.hl-ty-track {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  padding: 28px 32px 6px;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-ty-track-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.hl-ty-track-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-ty-track-wrap {
  z-index: 2;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-ty-value {
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1;
}

.hl-ty-wait {
  background-color: #0a0807;
  padding-top: 32px;
  padding-bottom: 72px;
  position: relative;
}

.hl-utm-actions {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  border-top: 1px solid #2e2824;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 24px;
  display: flex;
}

.hl-utm-anat {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  padding: 40px;
  position: relative;
  overflow: hidden;
}

.hl-utm-anat-bar {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #0a0807;
  border: 1.5px solid #6e655b;
  border-radius: 18px;
  align-items: flex-start;
  padding: 20px 24px;
  display: flex;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-utm-anat-base {
  color: #bcb2a6;
}

.hl-utm-anat-cap {
  z-index: 1;
  color: #958b80;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  position: relative;
}

.hl-utm-anat-dot {
  background-color: #6e655b;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: block;
}

.hl-utm-anat-dots {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex: none;
  padding-top: 12px;
  display: flex;
}

.hl-utm-anat-head {
  max-width: 860px;
  margin-bottom: 40px;
}

.hl-utm-anat-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730042 0%, #ff4a0012 60%, #ff4a0000 100%);
  width: 980px;
  height: 400px;
  margin-left: -490px;
  position: absolute;
  top: -190px;
  left: 50%;
}

.hl-utm-anat-p1 {
  color: #ff4a00;
  white-space: nowrap;
  border-bottom: 3px solid #ff4a00;
  padding-bottom: 2px;
}

.hl-utm-anat-p2 {
  color: #ff7300;
  white-space: nowrap;
  border-bottom: 3px solid #ff7300;
  padding-bottom: 2px;
}

.hl-utm-anat-p3 {
  color: #ffa800;
  white-space: nowrap;
  border-bottom: 3px solid #ffa800;
  padding-bottom: 2px;
}

.hl-utm-anat-p4 {
  color: #ffd60a;
  white-space: nowrap;
  border-bottom: 3px solid #ffd60a;
  padding-bottom: 2px;
}

.hl-utm-anat-sep {
  color: #958b80;
  padding: 0 3px;
}

.hl-utm-anat-url {
  color: #958b80;
  overflow-wrap: anywhere;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.6;
}

.hl-utm-anat-wrap {
  margin-top: 120px;
}

.hl-utm-app {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  accent-color: #ff4a00;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-utm-area {
  width: 100%;
  min-height: 320px;
  box-shadow: none;
  color: #fff8f0;
  white-space: pre;
  resize: vertical;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 16px;
  margin: 0;
  padding: 14px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  display: block;
  overflow-x: auto;
}

.hl-utm-area:hover {
  border-color: #958b80;
}

.hl-utm-area:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.hl-utm-area-error {
  width: 100%;
  min-height: 320px;
  box-shadow: none;
  color: #fff8f0;
  white-space: pre;
  resize: vertical;
  background-color: #1c1917;
  border: 1.5px solid #ff4a00;
  border-radius: 16px;
  margin: 0;
  padding: 14px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  display: block;
  overflow-x: auto;
}

.hl-utm-area-error:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-utm-ats {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.hl-utm-ats-card {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-width: 0;
  padding: 30px 28px 28px;
  display: flex;
}

.hl-utm-ats-label {
  color: #ffa800;
  margin: 18px 0 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-utm-ats-name {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0 0 6px;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-utm-ats-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-utm-band {
  background-color: #131110;
  padding-top: 112px;
  padding-bottom: 112px;
  position: relative;
}

.hl-utm-bar {
  grid-column-gap: 24px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px 32px;
  display: flex;
}

.hl-utm-bgrid {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 28px 40px;
  display: grid;
}

.hl-utm-body {
  color: #fff8f0;
  max-width: 66ch;
  margin: 16px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-utm-bridge {
  background-color: #131110;
  padding-top: 112px;
  padding-bottom: 72px;
  position: relative;
  overflow: hidden;
}

.hl-utm-bridge-copy {
  min-width: 0;
}

.hl-utm-bridge-grid {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
  gap: 48px 64px;
  display: grid;
  position: relative;
}

.hl-utm-bridge-obj {
  justify-content: center;
  align-items: center;
  min-width: 0;
  min-height: 440px;
  display: flex;
  position: relative;
}

.hl-utm-btns {
  grid-column-gap: 22px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-utm-bulk {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-utm-cact {
  justify-content: flex-end;
  min-width: 0;
  display: flex;
}

.hl-utm-cav {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: 14px 40px;
  margin: 0 32px;
  padding: 28px 0 32px;
  display: grid;
}

.hl-utm-cav-body {
  min-width: 0;
}

.hl-utm-cav-end {
  color: #fff8f0;
  margin: 12px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-utm-cav-item {
  color: #bcb2a6;
  padding-left: 2px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-utm-cav-label {
  color: #ffa800;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-utm-cav-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin: 0;
  padding: 0 0 0 20px;
  list-style-type: disc;
  display: flex;
}

.hl-utm-chev {
  pointer-events: none;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  right: 16px;
}

.hl-utm-cite {
  color: #fff8f0;
  font-style: italic;
}

.hl-utm-cn {
  color: #bcb2a6;
  font-variant-numeric: tabular-nums;
  min-width: 0;
  padding-top: 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-utm-col {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-utm-copy {
  color: #fff8f0;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 76px;
  min-height: 44px;
  margin: 0;
  padding: 6px 14px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.hl-utm-copy:hover {
  border-color: #fff8f0;
}

.hl-utm-copy:active {
  transform: translateY(1px);
}

.hl-utm-copy:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-utm-copybtn {
  color: #0a0807;
  white-space: nowrap;
  cursor: pointer;
  background-color: #ff4a00;
  border-style: none;
  border-width: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  margin: 0;
  padding: 0 30px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s;
  display: inline-flex;
}

.hl-utm-copybtn:hover {
  background-color: #ff7300;
}

.hl-utm-copybtn:active {
  transform: translateY(1px);
}

.hl-utm-copybtn:focus {
  outline-offset: 3px;
  outline: 3px solid #0a0807;
}

.hl-utm-copyrow {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 28px;
  display: flex;
}

.hl-utm-count {
  color: #bcb2a6;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-utm-csrc {
  color: #fff8f0;
  overflow-wrap: anywhere;
  min-width: 0;
  padding-top: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-utm-cst {
  min-width: 0;
  padding-top: 2px;
}

.hl-utm-curl {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  min-width: 0;
  padding-top: 4px;
  display: flex;
}

.hl-utm-display {
  color: #fff8f0;
  font-variation-settings: "wdth" 106;
  letter-spacing: -.02em;
  margin: 18px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 62px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .95;
}

.hl-utm-dmed {
  text-align: right;
  min-width: 96px;
  display: inline-block;
}

.hl-utm-done {
  color: #fff8f0;
  background-color: #1c1917;
  border-left: 4px solid #ffd60a;
  border-radius: 16px;
  margin: 0;
  padding: 18px 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-utm-done:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-utm-dsize {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  pointer-events: none;
  white-space: nowrap;
  visibility: hidden;
  grid-area: 1 / 1 / 2 / 2;
  align-items: center;
  padding: 7px 13px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}

.hl-utm-dsize-dot {
  width: 8px;
  height: 8px;
  display: block;
}

.hl-utm-end {
  background-color: #0a0807;
  padding-top: 56px;
  padding-bottom: 96px;
  position: relative;
}

.hl-utm-final {
  width: 100%;
  min-height: 132px;
  box-shadow: none;
  color: #0a0807;
  overflow-wrap: anywhere;
  resize: vertical;
  background-color: #fff;
  border: 1.5px solid #8a7f73;
  border-radius: 14px;
  margin: 0;
  padding: 14px 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  display: block;
}

.hl-utm-final:focus {
  outline-offset: 2px;
  border-color: #0a0807;
  outline: 3px solid #0a0807;
}

.hl-utm-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.4em;
  padding: 1px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  display: inline-block;
}

.hl-utm-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
  text-decoration: underline;
}

.hl-utm-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-utm-glyph {
  color: #ffa800;
  border: 1.5px solid #ffa800;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 10px;
  left: 14px;
}

.hl-utm-h3 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1;
}

.hl-utm-head {
  padding-top: 32px;
  padding-bottom: 16px;
  position: relative;
}

.hl-utm-head-copy {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.hl-utm-head-grid {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 352px;
  align-items: center;
  column-gap: 24px;
  display: grid;
  position: relative;
}

.hl-utm-helper {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 16px;
  flex-direction: column;
  padding: 18px 18px 20px;
  display: flex;
}

.hl-utm-helper-title {
  color: #ffa800;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-utm-hole {
  background-color: #131110;
  border-radius: 50%;
  flex: none;
  width: 16px;
  height: 16px;
  display: block;
}

.hl-utm-how {
  background-color: #0a0807;
  padding-top: 96px;
  padding-bottom: 104px;
  position: relative;
}

.hl-utm-info {
  color: #bcb2a6;
  overflow-wrap: anywhere;
  margin: 0;
  padding: 8px 14px 8px 44px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  position: relative;
}

.hl-utm-key {
  color: #ffd60a;
  background-color: #26211e;
  border-radius: 8px;
  padding: 3px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  display: inline-block;
}

.hl-utm-lead {
  color: #bcb2a6;
  max-width: 640px;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-utm-leg-1 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #1c1917;
  border-top: 3px solid #ff4a00;
  border-radius: 6px 6px 18px 18px;
  flex-direction: column;
  min-width: 0;
  padding: 18px 18px 20px;
  display: flex;
}

.hl-utm-leg-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #1c1917;
  border-top: 3px solid #ff7300;
  border-radius: 6px 6px 18px 18px;
  flex-direction: column;
  min-width: 0;
  padding: 18px 18px 20px;
  display: flex;
}

.hl-utm-leg-3 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #1c1917;
  border-top: 3px solid #ffa800;
  border-radius: 6px 6px 18px 18px;
  flex-direction: column;
  min-width: 0;
  padding: 18px 18px 20px;
  display: flex;
}

.hl-utm-leg-4 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #1c1917;
  border-top: 3px solid #ffd60a;
  border-radius: 6px 6px 18px 18px;
  flex-direction: column;
  min-width: 0;
  padding: 18px 18px 20px;
  display: flex;
}

.hl-utm-leg-5 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #1c1917;
  border-top: 3px solid #6e655b;
  border-radius: 6px 6px 18px 18px;
  flex-direction: column;
  min-width: 0;
  padding: 18px 18px 20px;
  display: flex;
}

.hl-utm-leg-ex {
  color: #958b80;
  overflow-wrap: anywhere;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-utm-leg-key {
  color: #fff8f0;
  overflow-wrap: anywhere;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-utm-leg-q {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-utm-leg-use {
  color: #fff8f0;
  background-color: #26211e;
  border-radius: 999px;
  align-self: flex-start;
  margin-top: 6px;
  padding: 4px 10px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-utm-legend {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  position: relative;
}

.hl-utm-mail {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  gap: 24px 48px;
  margin-top: 24px;
  padding: 32px 36px;
  display: grid;
}

.hl-utm-mail-card, .hl-utm-mail-copy {
  min-width: 0;
}

.hl-utm-mail-notes {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  margin-top: -12px;
  display: flex;
}

.hl-utm-mail-row {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
  display: grid;
}

.hl-utm-mail-small {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-utm-mail-text {
  color: #bcb2a6;
  max-width: 46ch;
  margin: 10px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-utm-mail-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-utm-main {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-direction: column;
  grid-area: 1 / 1 / 2 / 2;
  min-width: 0;
  display: flex;
}

.hl-utm-med {
  color: #bcb2a6;
  margin-top: 2px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.hl-utm-medbox {
  border-left: 2px solid #ff7300;
  padding-left: 16px;
}

.hl-utm-medname {
  color: #fff8f0;
  overflow-wrap: anywhere;
  cursor: pointer;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-utm-medrow {
  grid-template-rows: auto;
  grid-template-columns: 132px minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  display: grid;
}

.hl-utm-medrow-2 {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  display: grid;
}

.hl-utm-meds {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin-top: 12px;
  display: flex;
}

.hl-utm-mlabel {
  display: none;
}

.hl-utm-more {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  grid-area: 2 / 1 / 3 / 2;
  min-width: 0;
  padding-top: 28px;
  display: flex;
}

.hl-utm-more-note {
  color: #bcb2a6;
  max-width: 80ch;
  margin: 0 0 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-utm-naming-copy {
  min-width: 0;
  position: sticky;
  top: 112px;
}

.hl-utm-naming-grid {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: start;
  gap: 48px 64px;
  display: grid;
}

.hl-utm-need {
  color: #4a433d;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-utm-notch-l {
  background-color: #131110;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: -12px;
}

.hl-utm-notch-r {
  background-color: #131110;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: -12px;
}

.hl-utm-note {
  color: #bcb2a6;
  border-top: 1px solid #2e2824;
  max-width: 60ch;
  margin: 32px 0 0;
  padding-top: 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

.hl-utm-notes {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-utm-obj {
  height: 344px;
  position: relative;
}

.hl-utm-obj-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73006b 0%, #ff4a001f 55%, #ff4a0000 100%);
  width: 640px;
  height: 340px;
  margin-left: -320px;
  position: absolute;
  bottom: -70px;
  left: 50%;
}

.hl-utm-offer {
  color: #fff8f0;
  max-width: 46ch;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-utm-orig {
  color: #bcb2a6;
  word-break: break-all;
  overflow-wrap: anywhere;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
  display: block;
}

.hl-utm-out {
  color: #0a0807;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  background-color: #fff8f0;
  border-radius: 20px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-utm-out-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.hl-utm-out-stub {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  padding: 6px 24px 22px;
  display: flex;
}

.hl-utm-out-title {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-utm-out-top {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  padding: 22px 24px 10px;
  display: flex;
}

.hl-utm-pair {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px 16px;
  display: grid;
}

.hl-utm-panel {
  padding: 32px;
}

.hl-utm-part {
  border-bottom: 1px solid #e6dccf;
  grid-template-rows: auto;
  grid-template-columns: 118px minmax(0, 1fr);
  column-gap: 12px;
  padding: 8px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  display: grid;
}

.hl-utm-parts {
  border-top: 1px solid #e6dccf;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-utm-perf {
  height: 24px;
  position: relative;
}

.hl-utm-perf-line {
  border-top: 2px dashed #d3c6b7;
  height: 0;
  position: absolute;
  top: 11px;
  left: 22px;
  right: 22px;
}

.hl-utm-pk {
  color: #4a433d;
  font-weight: 600;
}

.hl-utm-pv {
  color: #0a0807;
  overflow-wrap: anywhere;
  min-width: 0;
  font-weight: 700;
}

.hl-utm-qrarrow {
  color: #e03c00;
  display: inline-block;
}

.hl-utm-qrlink {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0a0807;
  white-space: nowrap;
  text-underline-offset: 5px;
  align-items: center;
  min-height: 44px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  -webkit-text-decoration: underline #e03c00;
  text-decoration: underline #e03c00;
  text-decoration-thickness: 2px;
  display: inline-flex;
}

.hl-utm-qrlink:hover {
  text-decoration-color: #0a0807;
}

.hl-utm-qrlink:focus {
  outline-offset: 3px;
  border-radius: 6px;
  outline: 3px solid #0a0807;
}

.hl-utm-reset {
  color: #bcb2a6;
  text-underline-offset: 3px;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  align-self: flex-start;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: underline;
  display: inline-flex;
}

.hl-utm-reset:hover {
  color: #fff8f0;
}

.hl-utm-reset:focus {
  outline-offset: 2px;
  border-radius: 6px;
  outline: 3px solid #ffd60a;
}

.hl-utm-results {
  padding-top: 4px;
}

.hl-utm-rim {
  pointer-events: none;
  background-image: linear-gradient(90deg, #ffd60a00 0%, #ffd60a 50%, #ffd60a00 100%);
  height: 1px;
  position: absolute;
  top: -1px;
  left: 12%;
  right: 12%;
}

.hl-utm-row {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 56px 120px 150px minmax(0, 1fr) 92px;
  align-items: start;
  gap: 6px 16px;
  padding: 14px 0 16px;
  display: grid;
}

.hl-utm-rownote {
  color: #bcb2a6;
  overflow-wrap: anywhere;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  display: block;
}

.hl-utm-rule {
  color: #fff8f0;
  padding-left: 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-utm-rule-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin: 0;
  padding: 0 0 0 24px;
  list-style-type: decimal;
  display: flex;
}

.hl-utm-rules {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-utm-scell {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
}

.hl-utm-select {
  color: #fff8f0;
  text-overflow: ellipsis;
  cursor: pointer;
  appearance: none;
  background-color: #1c1917;
  border: 1.5px solid #6e655b;
  border-radius: 16px;
  width: 100%;
  height: 54px;
  margin: 0;
  padding: 0 44px 0 16px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  display: block;
}

.hl-utm-select:hover {
  border-color: #958b80;
}

.hl-utm-select:focus {
  outline-offset: 2px;
  border-color: #ffd60a;
  outline: 3px solid #ffd60a;
}

.hl-utm-selwrap {
  position: relative;
}

.hl-utm-shead {
  border-bottom: 1px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) minmax(0, 5fr);
  column-gap: 16px;
  padding: 12px 0;
  display: grid;
}

.hl-utm-sheet {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #1c1917;
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  background-repeat: no-repeat;
  background-size: 100% 4px;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  min-width: 0;
  padding: 36px 32px 28px;
  display: flex;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-utm-sheet-title {
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.4;
}

.hl-utm-side {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-area: 1 / 2 / 3 / 3;
  align-self: start;
  min-width: 0;
  display: flex;
  position: sticky;
  top: 96px;
}

.hl-utm-single {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: start;
  gap: 28px 40px;
  display: grid;
}

.hl-utm-smed {
  color: #ffd60a;
  overflow-wrap: anywhere;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-utm-smlabel {
  display: none;
}

.hl-utm-src {
  color: #bcb2a6;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  padding: 6px 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
  display: grid;
}

.hl-utm-src-block {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: 16px 48px;
  margin-top: 64px;
  padding-top: 32px;
  display: grid;
}

.hl-utm-src-list {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-utm-src-num {
  color: #ffa800;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.hl-utm-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-utm-src-title {
  color: #bcb2a6;
  grid-area: 1 / 1 / 3 / 2;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.hl-utm-srh {
  color: #fff8f0;
  overflow-wrap: anywhere;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
}

.hl-utm-srow {
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) minmax(0, 5fr);
  column-gap: 16px;
  padding: 12px 0;
  display: grid;
}

.hl-utm-stable {
  border-top: 1px solid #6e655b;
  display: block;
}

.hl-utm-status {
  color: #ffd60a;
  min-height: 22px;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-utm-status-ink {
  color: #0a0807;
  min-height: 0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
}

.hl-utm-step-1 {
  border-top: 4px solid #ff4a00;
  margin: 0;
  padding: 24px 8px 0 0;
  position: relative;
}

.hl-utm-step-2 {
  border-top: 4px solid #ff7300;
  margin: 0;
  padding: 24px 8px 0 0;
  position: relative;
}

.hl-utm-step-3 {
  border-top: 4px solid #ffa800;
  margin: 0;
  padding: 24px 8px 0 0;
  position: relative;
}

.hl-utm-step-4 {
  border-top: 4px solid #ffd60a;
  margin: 0;
  padding: 24px 8px 0 0;
  position: relative;
}

.hl-utm-step-text {
  color: #bcb2a6;
  margin: 10px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-utm-step-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

.hl-utm-steps {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-utm-sth {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-utm-sum {
  color: #fff8f0;
  margin: 0 0 6px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-utm-sup {
  vertical-align: baseline;
  margin-left: 2px;
  font-size: .7em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-utm-table {
  border-top: 1px solid #6e655b;
  min-width: 0;
  margin-top: 8px;
}

.hl-utm-tag-back {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #26211e;
  border: 1px solid #2e2824;
  border-radius: 16px;
  flex-direction: column;
  width: 268px;
  padding: 18px 22px 18px 58px;
  display: flex;
  position: absolute;
  top: 2px;
  left: 0;
  transform: rotate(-9deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-utm-tag-front {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #fff8f0;
  border-radius: 16px;
  flex-direction: column;
  width: 346px;
  padding: 20px 22px 20px 58px;
  display: flex;
  position: absolute;
  top: 214px;
  left: 4px;
  transform: rotate(-3deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-utm-tag-hole {
  background-color: #0a0807;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  left: 20px;
}

.hl-utm-tag-key {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-utm-tag-key-c {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-utm-tag-meta {
  color: #0a0807;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.hl-utm-tag-mid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #ff7300;
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 45%, #ffa800 100%);
  border-radius: 16px;
  flex-direction: column;
  width: 268px;
  padding: 18px 22px 18px 58px;
  display: flex;
  position: absolute;
  top: 108px;
  left: 76px;
  transform: rotate(6deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-utm-tag-val {
  color: #0a0807;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
}

.hl-utm-tag-val-c {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
}

.hl-utm-th {
  color: #bcb2a6;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-utm-thead {
  border-bottom: 1px solid #6e655b;
  grid-template-rows: auto;
  grid-template-columns: 56px 120px 150px minmax(0, 1fr) 92px;
  column-gap: 16px;
  padding: 12px 0;
  display: grid;
}

.hl-utm-tool {
  z-index: 3;
  padding-top: 8px;
  padding-bottom: 80px;
  position: relative;
}

.hl-utm-trio {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr);
  gap: 16px 12px;
  display: grid;
}

.hl-utm-url {
  color: #fff8f0;
  word-break: break-all;
  overflow-wrap: anywhere;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
  display: block;
}

.hl-utm-warn {
  color: #fff8f0;
  overflow-wrap: anywhere;
  background-color: #ffa80014;
  border: 1px solid #ffa80066;
  border-radius: 12px;
  margin: 0 0 8px;
  padding: 10px 14px 10px 44px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  position: relative;
}

.hl-wa-app {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  height: 100%;
  padding: 50px 14px 16px;
  display: flex;
}

.hl-wa-app-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  flex-shrink: 0;
  margin: 0;
  padding: 0 2px;
  font-family: Archivo, sans-serif;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.05;
}

.hl-wa-app-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.hl-wa-apply {
  color: #0a0807;
  text-align: center;
  background-color: #ff4a00;
  border-radius: 999px;
  margin-top: auto;
  margin-left: 16px;
  padding: 11px 12px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

.hl-wa-article {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 120px;
  position: relative;
}

.hl-wa-article-end {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 104px;
  position: relative;
}

.hl-wa-avatar {
  background-image: linear-gradient(135deg, #ffd60a 0%, #ff7300 55%, #ff4a00 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: block;
}

.hl-wa-ba {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  max-width: 1040px;
  margin: 40px auto 24px;
  display: grid;
}

.hl-wa-ba-after {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 24px;
  flex-direction: column;
  padding: 28px;
  display: flex;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-wa-ba-before {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #131110;
  border: 1px dashed #3a322c;
  border-radius: 24px;
  flex-direction: column;
  padding: 28px;
  display: flex;
}

.hl-wa-ba-col {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-wa-ba-col-after {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-row: span 2 / span 2;
  min-width: 0;
  display: flex;
}

.hl-wa-ba-facts {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-left: 3px solid #ffd60a;
  flex-direction: column;
  margin: 0 0 6px;
  padding: 8px 0 8px 14px;
  display: flex;
}

.hl-wa-ba-gap {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  line-height: 1.55;
}

.hl-wa-ba-head {
  color: #fff8f0;
  margin: 8px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.55;
}

.hl-wa-ba-key {
  color: #fff8f0;
  margin-right: .25em;
  font-weight: 700;
}

.hl-wa-ba-label {
  color: #958b80;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-wa-ba-label-on {
  color: #ffd60a;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-wa-ba-miss {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 4px 0 0;
  display: flex;
}

.hl-wa-ba-miss-chip {
  color: #ff7300;
  white-space: nowrap;
  border: 1.5px solid #ff4a00;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-wa-ba-rim {
  pointer-events: none;
  background-image: linear-gradient(90deg, #ffd60a00 0%, #ffd60a 50%, #ffd60a00 100%);
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 12%;
  right: 12%;
}

.hl-wa-ba-tag {
  color: #bcb2a6;
  background-color: #26211e;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0 0 8px;
  padding: 5px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-wa-ba-text {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  line-height: 1.55;
}

.hl-wa-ba-text-bad {
  color: #958b80;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.hl-wa-ba-title {
  color: #fff8f0;
  margin: 0 0 6px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-wa-ba-title-bad {
  color: #958b80;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-wa-brand {
  color: #fff8f0;
  letter-spacing: .04em;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-wa-cap {
  color: #958b80;
  text-align: center;
  margin: 0 0 32px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-wa-cap-top {
  color: #ffd60a;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-wa-change {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
  margin: 0;
  padding: 12px 0;
  display: grid;
}

.hl-wa-change-n {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.hl-wa-change-t {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-wa-changes {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  min-width: 0;
  padding: 26px 28px 18px;
}

.hl-wa-changes-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-wa-changes-title {
  color: #fff8f0;
  margin: 0 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}

.hl-wa-check {
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 22px;
  flex-direction: column;
  padding: 16px 18px 8px;
  display: flex;
  transform: rotate(-3deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-wa-check-a {
  color: #ffd60a;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-wa-check-head {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-bottom: 1px solid #2e2824;
  padding-bottom: 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.3;
}

.hl-wa-check-q {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-wa-check-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: baseline;
  padding: 10px 0;
  display: flex;
}

.hl-wa-check-wrap {
  z-index: 2;
  width: 224px;
  position: absolute;
  bottom: 6px;
  left: 0;
}

.hl-wa-chip {
  color: #fff8f0;
  white-space: nowrap;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 6px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-wa-chip-on {
  color: #ffd60a;
  white-space: nowrap;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  padding: 6px 11px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-wa-col {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-wa-copy {
  color: #fff8f0;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  padding: 0 18px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .2s, color .2s;
  display: inline-flex;
}

.hl-wa-copy:hover {
  color: #ffd60a;
  border-color: #ffd60a;
}

.hl-wa-copy:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-wa-dim-head {
  color: #958b80;
  padding: 0 2px 0 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  display: block;
}

.hl-wa-dim-line {
  background-color: #2e2824;
  border-radius: 4px;
  width: 100%;
  height: 7px;
  display: block;
}

.hl-wa-dim-short {
  background-color: #2e2824;
  border-radius: 4px;
  width: 64%;
  height: 7px;
  display: block;
}

.hl-wa-end {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 112px;
  position: relative;
}

.hl-wa-fact {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #2e2824;
  justify-content: space-between;
  align-items: center;
  padding: 9px 12px;
  display: flex;
}

.hl-wa-fact-body {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-wa-fact-k {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-wa-fact-last {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 9px 12px;
  display: flex;
}

.hl-wa-fact-pay {
  color: #ffd60a;
  white-space: nowrap;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-wa-fact-v {
  color: #fff8f0;
  white-space: nowrap;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-wa-facts {
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 16px;
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
}

.hl-wa-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  padding: 2px 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline;
}

.hl-wa-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
}

.hl-wa-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-wa-fold {
  border-top: 1.5px dashed #ffd60a;
  flex-shrink: 0;
  justify-content: flex-end;
  padding-top: 5px;
  display: flex;
}

.hl-wa-fold-label {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-wa-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 14px 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-wa-legal {
  color: #bcb2a6;
  border-left: 2px solid #6e655b;
  margin: 8px 0 0;
  padding-left: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-wa-match {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  max-width: 1200px;
  margin: 40px auto 20px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-wa-match-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  padding: 20px 18px 18px;
  display: flex;
}

.hl-wa-match-first {
  color: #ffd60a;
  margin-top: auto;
  padding-top: 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-wa-match-ok {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffd60a;
  align-items: center;
  margin-top: auto;
  padding-top: 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
}

.hl-wa-match-pay {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 23px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-wa-match-shift {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-wa-match-src {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #26211e;
  border: 1.5px solid #ffd60a;
  border-radius: 20px;
  flex-direction: column;
  padding: 20px 18px 18px;
  display: flex;
}

.hl-wa-match-tick {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  padding: 3px;
  display: block;
}

.hl-wa-match-where {
  color: #bcb2a6;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-wa-meta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  align-items: flex-start;
  max-width: 560px;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
}

.hl-wa-meta-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 7px;
  display: block;
}

.hl-wa-pay {
  text-align: center;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 960px;
  margin: 40px auto 48px;
  padding: 44px 48px 40px;
  position: relative;
  overflow: hidden;
}

.hl-wa-pay-dash {
  color: #ff7300;
  font-family: Archivo, sans-serif;
  font-size: 96px;
  font-weight: 800;
  line-height: .9;
}

.hl-wa-pay-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730052 0%, #ff4a001a 55%, #ff4a0000 100%);
  height: 100%;
  position: absolute;
  bottom: -55%;
  left: 8%;
  right: 8%;
}

.hl-wa-pay-line {
  grid-column-gap: 10px;
  grid-row-gap: 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  margin: 14px 0 0;
  display: flex;
  position: relative;
}

.hl-wa-pay-not {
  color: #958b80;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 5px 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  -webkit-text-decoration: line-through #ff4a00;
  text-decoration: line-through #ff4a00;
  text-decoration-thickness: 1.5px;
}

.hl-wa-pay-note {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-top: 2px solid #ffd60a;
  flex-direction: column;
  padding-top: 14px;
  display: flex;
}

.hl-wa-pay-note-t {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-wa-pay-note-x {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-wa-pay-notes {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  position: relative;
}

.hl-wa-pay-nots {
  grid-column-gap: 10px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 30px 0 0;
  display: flex;
  position: relative;
}

.hl-wa-pay-nots-k {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-wa-pay-num {
  color: #fff8f0;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 136px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-wa-pay-tag {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  position: relative;
}

.hl-wa-pay-unit {
  color: #ffd60a;
  letter-spacing: -.01em;
  white-space: nowrap;
  margin-left: 8px;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1;
}

.hl-wa-phone-wrap {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
}

.hl-wa-pill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  padding: 10px 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-wa-pill-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-wa-pill-wrap {
  z-index: 3;
  position: absolute;
  top: 44px;
  left: 24px;
}

.hl-wa-q {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  min-height: 248px;
  padding: 28px 24px 26px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-wa-q-ans {
  color: #ffd60a;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-self: flex-start;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
}

.hl-wa-q-big {
  color: #fff8f0;
  letter-spacing: -.015em;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  position: relative;
}

.hl-wa-q-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73004d 0%, #ff4a001a 55%, #ff4a0000 100%);
  height: 90%;
  position: absolute;
  bottom: -55%;
  left: -20%;
  right: -20%;
}

.hl-wa-q-line {
  color: #bcb2a6;
  margin-top: auto;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  position: relative;
}

.hl-wa-qs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 1040px;
  margin: 40px auto 56px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-wa-rule {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  padding: 24px 24px 26px;
  display: flex;
}

.hl-wa-rule-text {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-wa-rule-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-wa-rules {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1040px;
  margin: 24px auto 36px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-wa-say {
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
  padding-top: 88px;
  position: relative;
}

.hl-wa-screen {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 32px;
  flex-direction: column;
  min-height: 256px;
  padding: 24px 20px 22px;
  display: flex;
}

.hl-wa-screen-cap {
  color: #fff8f0;
  margin-top: auto;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-wa-screen-chips {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  display: flex;
}

.hl-wa-screen-line {
  background-color: #2e2824;
  border-radius: 4px;
  width: 100%;
  height: 8px;
  display: block;
}

.hl-wa-screen-line-short {
  background-color: #2e2824;
  border-radius: 4px;
  width: 60%;
  height: 8px;
  display: block;
}

.hl-wa-screen-lines {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin-top: 4px;
  display: flex;
}

.hl-wa-screen-n {
  color: #958b80;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-wa-screen-n-on {
  color: #ffd60a;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-wa-screen-on {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  background-image: radial-gradient(90% 55% at 50% 112%, #ff730057 0%, #ff4a001a 50%, #ff4a0000 75%);
  border: 1.5px solid #ffd60a;
  border-radius: 32px;
  flex-direction: column;
  min-height: 256px;
  padding: 24px 20px 22px;
  display: flex;
}

.hl-wa-screens {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 860px;
  margin: 40px auto 20px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-wa-sec {
  padding-top: 120px;
  position: relative;
}

.hl-wa-sources {
  background-color: #0a0807;
  padding-top: 72px;
  padding-bottom: 88px;
  position: relative;
}

.hl-wa-src {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  padding-top: 40px;
  display: grid;
}

.hl-wa-src-item {
  color: #bcb2a6;
  border-bottom: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin: 0;
  padding: 12px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-wa-src-link {
  color: #fff8f0;
  overflow-wrap: anywhere;
  font-weight: 500;
  -webkit-text-decoration: underline #ff7300;
  text-decoration: underline #ff7300;
}

.hl-wa-src-link:hover {
  color: #ffd60a;
  text-decoration-color: #ffd60a;
}

.hl-wa-src-link:focus {
  outline-offset: 2px;
  outline: 3px solid #ffd60a;
}

.hl-wa-src-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hl-wa-src-note {
  color: #958b80;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-wa-src-num {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
}

.hl-wa-src-side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-self: start;
  display: flex;
  position: sticky;
  top: 112px;
}

.hl-wa-src-text {
  overflow-wrap: anywhere;
  min-width: 0;
}

.hl-wa-src-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-wa-stage {
  z-index: 2;
  width: 100%;
  max-width: 520px;
  height: 612px;
  margin-left: auto;
  position: relative;
}

.hl-wa-stat {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  padding: 30px 28px 24px;
  display: flex;
}

.hl-wa-stat-fig {
  color: #bcb2a6;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 88px;
  font-weight: 900;
  font-stretch: 75%;
  line-height: .9;
}

.hl-wa-stat-label {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-wa-stat-src {
  color: #958b80;
  border-bottom: 1px solid #2e2824;
  padding-bottom: 12px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-wa-statement {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.06;
}

.hl-wa-stats {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 700px;
  margin: 20px auto 40px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-wa-strong {
  color: #fff8f0;
  font-weight: 600;
}

.hl-wa-sup {
  vertical-align: baseline;
  margin-left: 1px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-wa-swap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr) 150px;
  align-items: center;
  padding: 20px 24px;
  display: grid;
}

.hl-wa-swap-arrow {
  color: #ffd60a;
  text-align: center;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

.hl-wa-swap-bad {
  color: #958b80;
  overflow-wrap: anywhere;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  -webkit-text-decoration: line-through #ff4a00;
  text-decoration: line-through #ff4a00;
  text-decoration-thickness: 1.5px;
}

.hl-wa-swap-good {
  color: #fff8f0;
  overflow-wrap: anywhere;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-wa-swap-k {
  color: #958b80;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-wa-swap-k-on {
  color: #ffd60a;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.hl-wa-swap-note {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hl-wa-swap-side {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-wa-swap-who {
  color: #bcb2a6;
  text-align: right;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-wa-swaps {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  max-width: 960px;
  margin: 40px auto 36px;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-wa-tag {
  color: #958b80;
  white-space: nowrap;
  margin-left: auto;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.hl-wa-tick {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.hl-wa-toc {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  margin-top: 24px;
  padding: 24px 26px 20px;
}

.hl-wa-toc-li {
  border-top: 1px solid #2e2824;
  margin: 0;
}

.hl-wa-toc-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-wa-tpl {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  padding: 28px 32px 32px;
  display: flex;
}

.hl-wa-tpl-bar {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  padding: 12px 14px 12px 22px;
  display: flex;
}

.hl-wa-tpl-card {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  max-width: 860px;
  margin: 40px auto 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-wa-tpl-dot {
  background-color: #3a322c;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: block;
}

.hl-wa-tpl-dots {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-shrink: 0;
  display: flex;
}

.hl-wa-tpl-facts {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-left: 3px solid #ffd60a;
  flex-direction: column;
  margin: 0 0 6px;
  padding: 10px 0 10px 18px;
  display: flex;
}

.hl-wa-tpl-fill {
  color: #bcb2a6;
}

.hl-wa-tpl-gap {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 10px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  line-height: 1.55;
}

.hl-wa-tpl-head {
  color: #fff8f0;
  margin: 10px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.55;
}

.hl-wa-tpl-item {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 0;
  padding-left: 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  line-height: 1.55;
}

.hl-wa-tpl-key {
  color: #fff8f0;
  margin-right: .25em;
  font-weight: 600;
}

.hl-wa-tpl-label {
  color: #bcb2a6;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
}

.hl-wa-tpl-line {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  line-height: 1.55;
}

.hl-wa-tpl-title {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 0 0 8px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}

.hl-wa-word {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  padding: 26px 26px 28px;
  display: flex;
}

.hl-wa-word-arrow {
  color: #ffd60a;
  font-weight: 700;
}

.hl-wa-word-fix {
  color: #fff8f0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-wa-word-k {
  color: #ffa800;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-wa-word-wide {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 24px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  padding: 26px 26px 28px;
  display: flex;
}

.hl-wa-word-x {
  color: #958b80;
  background-color: #131110;
  border: 1px solid #3a322c;
  border-radius: 999px;
  padding: 7px 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  -webkit-text-decoration: line-through #ff4a00;
  text-decoration: line-through #ff4a00;
  text-decoration-thickness: 1.5px;
}

.hl-wa-word-xs {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.hl-wa-words {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1040px;
  margin: 8px auto 36px;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-wh-dock {
  z-index: 0;
  justify-content: space-between;
  align-items: flex-end;
  height: 330px;
  display: flex;
  position: absolute;
  top: 112px;
  left: -20px;
  right: -36px;
}

.hl-wh-door {
  background-color: #131110;
  border: 1px solid #3a322c;
  border-bottom-width: 0;
  border-radius: 14px 14px 0 0;
  flex-direction: column;
  flex: 0 0 176px;
  height: 100%;
  padding: 10px 10px 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-wh-door-num {
  color: #958b80;
  text-align: left;
  letter-spacing: .12em;
  text-transform: uppercase;
  flex-shrink: 0;
  padding: 2px 0 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-wh-door-num-r {
  color: #958b80;
  text-align: right;
  letter-spacing: .12em;
  text-transform: uppercase;
  flex-shrink: 0;
  padding: 2px 0 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: block;
}

.hl-wh-easy {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
  display: grid;
}

.hl-wh-easy-copy {
  z-index: 2;
  position: relative;
}

.hl-wh-easy-sec {
  z-index: 1;
  background-color: #0a0807;
  padding-top: 96px;
  padding-bottom: 16px;
  position: relative;
}

.hl-wh-easy-stage {
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 56px;
  display: flex;
  position: relative;
}

.hl-wh-floor {
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(90deg, #3a322c00 0%, #3a322c 24% 80%, #3a322c00 100%), radial-gradient(21% 70% at 28% 0, #ffa80080 0%, #ff730029 50%, #ff4a0000 80%), radial-gradient(21% 70% at 77% 0, #ffa80080 0%, #ff730029 50%, #ff4a0000 80%), radial-gradient(34% 60% at 52% 0, #ff730042 0%, #ff4a0000 75%);
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 100% 2px, auto, auto, auto;
  height: 260px;
  position: absolute;
  top: 442px;
  left: -48px;
  right: -120px;
}

.hl-wh-light {
  background-color: #ffa800;
  background-image: linear-gradient(#ff4a00 0%, #ff7300 18%, #ffa800 52%, #ffd60a 84%, #ffeb5c 100%);
  flex: auto;
  display: block;
}

.hl-wh-pass {
  z-index: 3;
  filter: drop-shadow(0 34px 34px #0009);
  transform-origin: 50%;
  width: 404px;
  position: absolute;
  bottom: 10px;
  left: -44px;
  transform: rotate(-6deg);
}

.hl-wh-peak-btn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  white-space: nowrap;
  background-color: #0a0807;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  padding: 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s;
  display: inline-flex;
}

.hl-wh-peak-btn:hover {
  background-color: #26211e;
}

.hl-wh-peak-btn:focus {
  outline-offset: 3px;
  outline: 3px solid #0a0807;
}

.hl-wh-peak-cta {
  z-index: 2;
  grid-row-gap: 18px;
  text-align: center;
  grid-column-gap: 0;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.hl-wh-phone {
  z-index: 2;
  width: 290px;
  margin-left: -145px;
  position: absolute;
  top: 0;
  left: 50%;
}

.hl-wh-related {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.hl-wh-related-sec {
  background-color: #0a0807;
  padding-top: 24px;
  padding-bottom: 88px;
  position: relative;
}

.hl-wh-rim {
  pointer-events: none;
  background-image: linear-gradient(90deg, #ffd60a00 0%, #ffd60a 50%, #ffd60a00 100%);
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 12%;
  right: 12%;
}

.hl-wh-roles {
  z-index: 2;
  max-width: 1100px;
  margin-top: 48px;
  position: relative;
}

.hl-wh-roles-lead {
  color: #bcb2a6;
  max-width: 680px;
  margin: 24px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-wh-screen {
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 24px;
  height: 352px;
  position: relative;
  overflow: hidden;
}

.hl-wh-shift {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  background-color: #1c1917;
  border: 1.5px solid #3a322c;
  border-radius: 999px;
  align-items: center;
  min-height: 52px;
  margin: 0;
  padding: 0 24px 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  display: inline-flex;
}

.hl-wh-shift-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  display: block;
}

.hl-wh-shift-dot-hot {
  background-color: #ff7300;
  border-radius: 50%;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  display: block;
}

.hl-wh-shift-hot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #ffd60a;
  background-color: #1c1917;
  border: 1.5px solid #ffd60a;
  border-radius: 999px;
  align-items: center;
  min-height: 52px;
  margin: 0;
  padding: 0 24px 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  display: inline-flex;
}

.hl-wh-shifts {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-wh-slats {
  background-color: #26211e;
  background-image: repeating-linear-gradient(#332c27 0 13px, #1c1917 13px 16px);
  border-radius: 4px 4px 0 0;
  flex-shrink: 0;
  height: 52%;
  display: block;
}

.hl-wh-stage {
  width: 100%;
  max-width: 480px;
  height: 680px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-wh-steps {
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
}

.hl-wh-tablet {
  z-index: 2;
  background-color: #26211e;
  background-image: linear-gradient(155deg, #3a322c 0%, #26211e 28%, #1c1917 100%);
  border: 1px solid #3a322c;
  border-radius: 36px;
  width: 100%;
  max-width: 500px;
  padding: 14px;
  position: relative;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-why-b1 {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-3deg);
}

.hl-why-b2 {
  position: absolute;
  top: 6px;
  right: 0;
  transform: rotate(2.5deg);
}

.hl-why-b3 {
  position: absolute;
  top: 120px;
  left: 14px;
  transform: rotate(1.5deg);
}

.hl-why-b4 {
  position: absolute;
  top: 122px;
  right: 40px;
  transform: rotate(-2deg);
}

.hl-why-b5 {
  position: absolute;
  top: 236px;
  left: -6px;
  transform: rotate(-1.5deg);
}

.hl-why-b6 {
  position: absolute;
  top: 242px;
  right: 6px;
  transform: rotate(2deg);
}

.hl-why-bubble {
  color: #fff8f0;
  text-align: left;
  background-color: #26211e;
  border: 1px solid #3a322c;
  border-radius: 22px;
  max-width: 360px;
  margin: 0;
  padding: 16px 24px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.32;
  transition: transform .42s cubic-bezier(.6, 0, .3, 1), opacity .3s .14s;
  position: relative;
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-why-bubbles {
  z-index: 3;
  position: absolute;
  inset: 0;
}

.hl-why-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hl-why-drag {
  background-color: #131110;
  border: 1px dashed #3a322c;
  border-radius: 28px;
  padding: 34px 36px 30px;
  position: relative;
}

.hl-why-drag-item {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #958b80;
  letter-spacing: -.01em;
  border-top: 1px solid #2e2824;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
  display: flex;
}

.hl-why-drag-label {
  color: #958b80;
  margin: 0 0 18px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-why-duo {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hl-why-duo-qr {
  display: block;
  transform: rotate(-4deg);
}

.hl-why-exp {
  background-color: #0a0807;
  padding-top: 40px;
  padding-bottom: 96px;
  position: relative;
}

.hl-why-from {
  color: #ff7300;
  letter-spacing: .01em;
  margin-bottom: 3px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.hl-why-handled {
  background-color: #0a0807;
  padding-top: 72px;
  padding-bottom: 104px;
  position: relative;
}

.hl-why-handled-head {
  z-index: 2;
  text-align: center;
  position: relative;
}

.hl-why-links {
  grid-column-gap: 36px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 28px;
  display: flex;
}

.hl-why-list {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-why-made {
  background-color: #131110;
  padding-top: 112px;
  padding-bottom: 88px;
  position: relative;
  overflow: hidden;
}

.hl-why-made-ads {
  z-index: 2;
  margin-top: 28px;
  position: relative;
}

.hl-why-mcal {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  width: 440px;
  padding: 16px;
  display: flex;
  transform: rotate(-2deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-why-mcal-day {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.hl-why-mcal-grid {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid;
}

.hl-why-mcal-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-why-mcal-key {
  background-color: #ffd60a;
  border-radius: 3px;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-why-mcal-name {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding-bottom: 2px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-why-mcal-on {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 46px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-why-mcal-slot {
  border: 1px dashed #3a322c;
  border-radius: 8px;
  height: 46px;
  display: block;
}

.hl-why-mcal-tag {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
}

.hl-why-mcal-title {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-why-mchat {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0a0807;
  border: 1px solid #2e2824;
  border-radius: 20px;
  flex-direction: column;
  width: 270px;
  padding: 14px;
  display: flex;
  transform: rotate(-2deg);
  box-shadow: 0 32px 64px -24px #000000e6;
}

.hl-why-mchat-head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid #2e2824;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.hl-why-mchat-mark {
  width: 22px;
  height: 22px;
  display: block;
}

.hl-why-mchat-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-why-mchat-status {
  color: #ffd60a;
  letter-spacing: .04em;
  background-color: #2a2310;
  border-radius: 999px;
  margin-left: auto;
  padding: 4px 9px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-why-mchat-them {
  color: #fff8f0;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 16px 16px 16px 5px;
  align-self: flex-start;
  max-width: 88%;
  padding: 9px 13px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-why-mchat-you {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 16px 16px 5px;
  align-self: flex-end;
  max-width: 88%;
  padding: 9px 13px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-why-mlive {
  display: block;
  position: relative;
}

.hl-why-mlive-pill {
  z-index: 2;
  background-color: #0a0807;
  border-radius: 999px;
  padding: 4px;
  display: block;
  position: absolute;
  bottom: -18px;
  left: -20px;
  transform: rotate(-4deg);
}

.hl-why-nda-foot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
  display: flex;
}

.hl-why-nda-ink {
  background-color: #e6dacb;
  border-radius: 4px;
  height: 8px;
  margin-top: 18px;
  display: block;
}

.hl-why-nda-ink-short {
  background-color: #e6dacb;
  border-radius: 4px;
  width: 62%;
  height: 8px;
  margin-top: 8px;
  display: block;
}

.hl-why-nda-kicker {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-why-nda-line {
  color: #0a0807;
  margin-top: 8px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.15;
  display: block;
}

.hl-why-nda-mark {
  width: 36px;
  height: 36px;
  display: block;
}

.hl-why-nda-sign {
  color: #4a433d;
  border-top: 1.5px solid #0a0807;
  flex: 1;
  padding-top: 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-why-nda-stamp {
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 9px 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  transform: rotate(-6deg);
}

.hl-why-nda-title {
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 16px;
  font-family: Archivo, sans-serif;
  font-size: 76px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  display: block;
}

.hl-why-nda-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.hl-why-ok {
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-why-pass-1 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 22px;
  justify-content: space-between;
  align-items: flex-start;
  height: 300px;
  padding: 19px 22px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -10px 24px -12px #00000080;
}

.hl-why-pass-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #0a0807;
  background-color: #ff7300;
  border-radius: 22px;
  justify-content: space-between;
  align-items: flex-start;
  height: 300px;
  padding: 19px 22px;
  display: flex;
  position: absolute;
  top: 62px;
  left: 0;
  right: 0;
  box-shadow: 0 -10px 24px -12px #00000080;
}

.hl-why-pass-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #0a0807;
  background-color: #ffa800;
  border-radius: 22px;
  justify-content: space-between;
  align-items: flex-start;
  height: 300px;
  padding: 19px 22px;
  display: flex;
  position: absolute;
  top: 124px;
  left: 0;
  right: 0;
  box-shadow: 0 -10px 24px -12px #00000080;
}

.hl-why-pass-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #0a0807;
  background-color: #ffd60a;
  border-radius: 22px;
  justify-content: space-between;
  align-items: flex-start;
  height: 300px;
  padding: 19px 22px;
  display: flex;
  position: absolute;
  top: 186px;
  left: 0;
  right: 0;
  box-shadow: 0 -10px 24px -12px #00000080;
}

.hl-why-pass-5 {
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 22px;
  flex-direction: column;
  height: 300px;
  padding: 22px 24px;
  display: flex;
  position: absolute;
  top: 248px;
  left: 0;
  right: 0;
  box-shadow: 0 -10px 24px -12px #00000080, 0 48px 96px -32px #000000e6;
}

.hl-why-pass-chip {
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-why-pass-name {
  color: #0a0807;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.hl-why-people {
  background-color: #0a0807;
  padding-top: 56px;
  padding-bottom: 96px;
  position: relative;
}

.hl-why-phone {
  z-index: 1;
  width: 290px;
  position: absolute;
  top: 0;
  right: 0;
}

.hl-why-pill {
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 80px;
  display: flex;
}

.hl-why-pill-light {
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730042 0%, #ff4a0014 55%, #ff4a0000 100%);
  width: 720px;
  height: 320px;
  margin-top: -160px;
  margin-left: -360px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.hl-why-pill-row {
  z-index: 2;
  justify-content: center;
  margin-top: 48px;
  display: flex;
  position: relative;
}

.hl-why-poster-void {
  z-index: 2;
  color: #0a0807;
  font-variation-settings: "wdth" 70;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 152px;
  font-weight: 900;
  font-stretch: 70%;
  line-height: .86;
  position: relative;
}

.hl-why-proc {
  background-color: #0a0807;
  padding-top: 72px;
  padding-bottom: 88px;
  position: relative;
  overflow: hidden;
}

.hl-why-proc-copy {
  z-index: 2;
  padding-top: 56px;
  position: relative;
}

.hl-why-proc-grid {
  z-index: 2;
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: start;
  display: grid;
  position: relative;
}

.hl-why-proc-links {
  grid-column-gap: 36px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 28px;
  display: flex;
}

.hl-why-proc-stage {
  justify-content: center;
  padding-top: 24px;
  padding-bottom: 48px;
  display: flex;
  position: relative;
}

.hl-why-punch {
  color: #ffd60a;
  font-variation-settings: "wdth" 106;
  letter-spacing: -.015em;
  margin: 20px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: 1.05;
}

.hl-why-pv-line {
  display: inline;
}

.hl-why-split {
  color: #bcb2a6;
  text-align: center;
  letter-spacing: -.01em;
  max-width: 860px;
  margin: 48px auto 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
}

.hl-why-split-strong {
  color: #ffd60a;
}

.hl-why-stage {
  z-index: 2;
  width: 100%;
  max-width: 470px;
  height: 620px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hl-why-stage-h {
  flex-direction: column;
  justify-content: center;
  min-height: 330px;
  display: flex;
  position: relative;
}

.hl-why-strike {
  -webkit-text-decoration: line-through #ff4a00;
  text-decoration: line-through #ff4a00;
  text-decoration-thickness: 3px;
}

.hl-why-tail {
  background-color: #26211e;
  border-top: 1px solid #3a322c;
  border-left: 1px solid #3a322c;
  border-radius: 3px 0 0;
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: -8px;
  left: 26px;
  transform: rotate(45deg);
}

.hl-why-terms {
  color: #0a0807;
  background-color: #0a0807;
  background-image: linear-gradient(#ff4a0000 0%, #ff4a001f 35%, #ff4a003d 100%);
  flex-direction: column;
  justify-content: center;
  padding-top: 144px;
  padding-bottom: 96px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hl-why-terms-foot {
  z-index: 2;
  margin-top: 12px;
  position: relative;
}

.hl-why-terms-lead {
  z-index: 2;
  color: #0a0807;
  max-width: 760px;
  margin: 28px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
}

.hl-why-terms-row {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hl-why-tick {
  border: 2px solid #0a0807;
  border-radius: 8px;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: block;
}

.hl-why-tick-on {
  color: #ffd60a;
  background-color: #0a0807;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.hl-why-todo {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #0a0807;
  background-color: #fff8f0;
  background-image: linear-gradient(#fffcf8 0%, #f6ece0 100%);
  border-radius: 22px;
  flex-direction: column;
  padding: 22px 22px 20px;
  display: flex;
  position: relative;
  transform: rotate(-5deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-why-todo-done {
  color: #4a433d;
  -webkit-text-decoration: line-through #ff4a00;
  text-decoration: line-through #ff4a00;
  text-decoration-thickness: 2px;
}

.hl-why-todo-dot {
  background-color: #0a0807;
  border-radius: 50%;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  display: block;
}

.hl-why-todo-foot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0a0807;
  background-color: #ff4a00;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  margin: 4px 0 0;
  padding: 10px 18px 10px 10px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  display: inline-flex;
}

.hl-why-todo-label {
  color: #4a433d;
  font-variation-settings: "wdth" 62;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 2px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-why-todo-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #0a0807;
  letter-spacing: -.01em;
  border-bottom: 1px dashed #d9ccbd;
  align-items: center;
  margin: 0;
  padding-bottom: 12px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.15;
  display: flex;
}

.hl-why-todo-text {
  flex: 1;
}

.hl-why-todo-when {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 6px 10px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 62%;
  line-height: 1.1;
}

.hl-why-todo-wrap {
  z-index: 2;
  width: 300px;
  position: absolute;
  bottom: -78px;
  left: -56px;
}

.hl-why-us {
  background-color: #1c1917;
  border: 1px solid #3a322c;
  border-radius: 28px;
  padding: 38px 36px 34px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-why-us-item {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #fff8f0;
  letter-spacing: -.01em;
  border-top: 1px solid #2e2824;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
  display: flex;
  position: relative;
}

.hl-why-us-label {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  align-items: center;
  margin: 0 0 18px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  display: flex;
  position: relative;
}

.hl-why-us-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff730057 0%, #ff4a0017 50%, #ff4a0000 100%);
  width: 620px;
  height: 380px;
  margin-left: -310px;
  position: absolute;
  bottom: -190px;
  left: 50%;
}

.hl-why-us-mark {
  width: 28px;
  height: 28px;
  display: block;
}

.hl-why-vs {
  z-index: 2;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.hl-why-wallet {
  z-index: 2;
  width: 100%;
  max-width: 440px;
  height: 548px;
  position: relative;
}

.hl-why-x {
  color: #958b80;
  border: 1.5px solid #3a322c;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.hl-zv-answer {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-left: 4px solid #ffd60a;
  border-radius: 18px;
  max-width: 620px;
  margin-top: 24px;
  margin-bottom: 26px;
  padding: 20px 24px 22px;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-zv-answer-dot {
  background-color: #ffd60a;
  border-radius: 2px;
  width: 8px;
  height: 8px;
  margin-top: 9px;
  display: block;
}

.hl-zv-answer-label {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-zv-answer-li {
  color: #fff8f0;
  grid-template-rows: auto;
  grid-template-columns: 8px minmax(0, 1fr);
  column-gap: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.45;
  display: grid;
}

.hl-zv-answer-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-zv-body {
  background-color: #0a0807;
  padding-top: 32px;
  padding-bottom: 72px;
  position: relative;
}

.hl-zv-box {
  border: 2px solid #ffd60a;
  border-radius: 5px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  display: inline-block;
}

.hl-zv-cap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.hl-zv-cap-bar {
  background-color: #2e2824;
  border-radius: 999px;
  height: 8px;
  display: block;
  overflow: hidden;
}

.hl-zv-cap-fill {
  background-image: linear-gradient(100deg, #ff4a00 0%, #ff7300 38%, #ffa800 70%, #ffd60a 100%);
  border-radius: 999px;
  width: 74%;
  height: 100%;
  display: block;
}

.hl-zv-cap-label {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-zv-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 22px;
  flex-direction: column;
  min-width: 0;
  padding: 26px 26px 28px;
  display: flex;
  box-shadow: inset 0 1px #fff8f00f, 0 24px 48px -24px #000c;
}

.hl-zv-card-tag {
  color: #ff7300;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  background-color: #ff730024;
  border-radius: 999px;
  align-self: flex-start;
  margin: 0 0 4px;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-zv-card-text {
  color: #bcb2a6;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-zv-card-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-zv-cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-zv-cite {
  font-style: italic;
}

.hl-zv-claim {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 22px;
  flex-direction: column;
  min-width: 0;
  padding: 22px 22px 24px;
  display: flex;
}

.hl-zv-claim-label {
  color: #958b80;
  border-top: 1px solid #2e2824;
  margin: 0 0 4px;
  padding-top: 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.hl-zv-claim-says {
  color: #fff8f0;
  letter-spacing: -.01em;
  min-height: 56px;
  margin: 14px 0 18px;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.08;
}

.hl-zv-claim-what {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-zv-claim-who {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bcb2a6;
  align-items: center;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  display: flex;
}

.hl-zv-claims {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-zv-code {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  overflow: hidden;
}

.hl-zv-code-bar {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  background-color: #1c1917;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 12px 18px;
  display: flex;
}

.hl-zv-code-body {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  padding: 18px;
  display: flex;
}

.hl-zv-code-label {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-zv-code-tag {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  background-color: #ffa800;
  border-radius: 999px;
  margin: 0;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-zv-copy {
  color: #fff8f0;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  padding: 0 18px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  transition: border-color .2s, color .2s;
  display: inline-flex;
}

.hl-zv-copy:hover {
  color: #ffd60a;
  border-color: #ffd60a;
}

.hl-zv-copy:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-zv-display {
  color: #fff8f0;
  font-variation-settings: "wdth" 106;
  letter-spacing: -.02em;
  max-width: 10em;
  margin: 14px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 76px;
  font-weight: 800;
  font-stretch: 106%;
  line-height: .97;
}

.hl-zv-doc {
  grid-template-rows: auto;
  grid-template-columns: 232px minmax(0, 1fr);
  align-items: start;
  gap: 32px 64px;
  display: grid;
}

.hl-zv-duel {
  z-index: 2;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 28px;
  flex-direction: column;
  width: 460px;
  max-width: 100%;
  padding: 18px 18px 16px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #fff8f00f, 0 48px 96px -32px #000000e6;
}

.hl-zv-duel-foot {
  grid-column-gap: 12px;
  grid-row-gap: 10px;
  border-top: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding: 14px 4px 0;
  display: flex;
}

.hl-zv-duel-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 2px 4px 16px;
  display: flex;
}

.hl-zv-duel-rim {
  background-image: linear-gradient(90deg, #ffd60a00 0%, #ffd60a 50%, #ffd60a00 100%);
  height: 2px;
  position: absolute;
  top: -1px;
  left: 40px;
  right: 40px;
}

.hl-zv-duel-title {
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-zv-flag {
  color: #ff7300;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  border: 1px solid #ff7300;
  border-radius: 999px;
  align-items: center;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-zv-fn {
  color: #ffa800;
  text-align: center;
  border-radius: 6px;
  min-width: 1.5em;
  padding: 2px 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: inline-block;
}

.hl-zv-fn:hover {
  color: #ffd60a;
  background-color: #26211e;
  text-decoration: underline;
}

.hl-zv-fn:focus {
  outline-offset: 1px;
  background-color: #26211e;
  outline: 3px solid #ffd60a;
}

.hl-zv-fn-ink {
  color: #0a0807;
  text-align: center;
  background-color: #0a080714;
  border-radius: 6px;
  min-width: 1.5em;
  padding: 2px 4px;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: inline-block;
}

.hl-zv-fn-ink:hover {
  color: #ffd60a;
  background-color: #0a0807;
}

.hl-zv-fn-ink:focus {
  outline-offset: 1px;
  outline: 3px solid #0a0807;
}

.hl-zv-h2 {
  color: #fff8f0;
  letter-spacing: -.015em;
  max-width: 17em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.02;
}

.hl-zv-intro {
  color: #bcb2a6;
  max-width: 64ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-zv-job {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #26211e;
  border-radius: 12px;
  flex-direction: column;
  padding: 10px 12px;
  display: flex;
}

.hl-zv-job-role {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-zv-job-site {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-zv-judge {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-zv-lane-a {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-top: 3px solid #ff4a00;
  border-radius: 18px;
  flex-direction: column;
  min-width: 0;
  padding: 16px 14px;
  display: flex;
  position: relative;
  transform: rotate(-2deg);
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-zv-lane-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-top: 3px solid #ffd60a;
  border-radius: 18px;
  flex-direction: column;
  min-width: 0;
  padding: 16px 14px;
  display: flex;
  position: relative;
  transform: rotate(2deg);
  box-shadow: 0 24px 48px -24px #000c;
}

.hl-zv-lane-bill {
  color: #bcb2a6;
  min-height: 34px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-zv-lane-name {
  color: #fff8f0;
  letter-spacing: -.01em;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-zv-lanes {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
  position: relative;
}

.hl-zv-lead {
  color: #bcb2a6;
  max-width: 600px;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.hl-zv-main {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-zv-meta {
  color: #958b80;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.hl-zv-mix {
  z-index: 2;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 22px;
  flex-direction: column;
  min-width: 0;
  padding: 16px;
  display: flex;
  position: relative;
  transform: rotate(2deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-zv-mix-brand {
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  letter-spacing: .08em;
  background-color: #ffd60a;
  border-radius: 6px;
  padding: 3px 7px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-zv-mix-cell {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hl-zv-mix-ch {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-zv-mix-foot {
  grid-column-gap: 10px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 8px 4px 2px;
  display: flex;
}

.hl-zv-mix-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 2px 4px 8px;
  display: flex;
}

.hl-zv-mix-name {
  color: #fff8f0;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.hl-zv-mix-note {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}

.hl-zv-mix-role {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.hl-zv-mix-role-h {
  color: #958b80;
  font-variation-settings: "wdth" 62;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-zv-mix-row {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr));
  align-items: center;
  padding: 10px 8px;
  display: grid;
}

.hl-zv-mix-row-h {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr));
  align-items: end;
  padding: 0 8px 2px;
  display: grid;
}

.hl-zv-mix-site {
  color: #bcb2a6;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
}

.hl-zv-mix-title {
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-zv-note {
  color: #bcb2a6;
  max-width: 66ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-zv-off {
  border: 1.5px solid #6e655b;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: block;
}

.hl-zv-offer {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  margin-top: 34px;
  padding: 40px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hl-zv-offer-actions {
  grid-column-gap: 24px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.hl-zv-offer-copy {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.hl-zv-offer-light {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #ff73006b 0%, #ff4a0024 55%, #ff4a0000 100%);
  width: 640px;
  height: 500px;
  position: absolute;
  bottom: -220px;
  right: -160px;
}

.hl-zv-offer-text {
  color: #bcb2a6;
  max-width: 52ch;
  margin: 14px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-zv-offer-title {
  color: #fff8f0;
  letter-spacing: -.015em;
  margin: 10px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.04;
}

.hl-zv-on {
  background-color: #ffd60a;
  border: 3px solid #26211e;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: block;
}

.hl-zv-pdot-a {
  background-color: #ff4a00;
  border-radius: 3px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.hl-zv-pdot-b {
  background-color: #ffd60a;
  border-radius: 3px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.hl-zv-plan-a {
  background-color: #fff8f0;
  border-radius: 22px;
  min-width: 0;
  padding: 22px 26px 26px;
  position: relative;
  transform: rotate(-1.2deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-zv-plan-b {
  background-color: #fff8f0;
  border-radius: 22px;
  min-width: 0;
  padding: 22px 26px 26px;
  position: relative;
  transform: rotate(1.2deg);
  box-shadow: 0 48px 96px -32px #000000e6;
}

.hl-zv-plan-hole-l {
  background-color: #0a0807;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 0;
  left: -12px;
}

.hl-zv-plan-hole-r {
  background-color: #0a0807;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 0;
  right: -12px;
}

.hl-zv-plan-kicker {
  color: #ffd60a;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  background-color: #0a0807;
  border-radius: 999px;
  margin: 0;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-zv-plan-line {
  border-top: 2px dashed #0a080738;
  flex: 1;
  height: 0;
  margin: 0 22px;
  display: block;
}

.hl-zv-plan-perf {
  align-items: center;
  height: 24px;
  margin: 16px -26px 14px;
  display: flex;
  position: relative;
}

.hl-zv-plan-term {
  color: #4a433d;
  font-variation-settings: "wdth" 75;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: 75%;
  line-height: 1.2;
}

.hl-zv-plan-text {
  color: #4a433d;
  margin: 10px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.hl-zv-plan-title {
  color: #0a0807;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.08;
}

.hl-zv-plan-top {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hl-zv-plans {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 8px 6px 4px;
  display: grid;
}

.hl-zv-quote {
  background-color: #131110;
  background-image: radial-gradient(60% 120% at 0 100%, #ff4a0038 0%, #ff4a0000 70%);
  border: 1px solid #2e2824;
  border-radius: 24px;
  padding: 36px 40px 32px;
  position: relative;
  overflow: hidden;
}

.hl-zv-quote-by {
  color: #bcb2a6;
  margin: 18px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  position: relative;
}

.hl-zv-quote-mark {
  pointer-events: none;
  color: #ff4a00;
  font-family: Archivo, sans-serif;
  font-size: 200px;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  top: -34px;
  right: 28px;
}

.hl-zv-quote-text {
  color: #fff8f0;
  letter-spacing: -.015em;
  border-left-style: none;
  border-left-width: 0;
  max-width: 20em;
  margin: 0;
  padding: 0;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.1;
  position: relative;
}

.hl-zv-rail {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: sticky;
  top: 104px;
}

.hl-zv-rail-dot {
  background-color: #ffd60a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.hl-zv-rail-note {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #bcb2a6;
  align-items: center;
  margin: 0;
  padding: 0 8px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.hl-zv-related {
  background-color: #0a0807;
  padding-top: 8px;
  padding-bottom: 96px;
  position: relative;
}

.hl-zv-reviewed {
  color: #958b80;
  max-width: 80ch;
  margin: 20px 0 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-zv-same {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 18px;
  display: flex;
}

.hl-zv-same-chip {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff8f0;
  font-variation-settings: "wdth" 62;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
  display: inline-flex;
}

.hl-zv-same-eq {
  color: #ffd60a;
  font-variation-settings: "wdth" 100;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 800;
  font-stretch: 100%;
}

.hl-zv-sec {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  border-top: 1px solid #2e2824;
  flex-direction: column;
  min-width: 0;
  margin-top: 72px;
  padding-top: 72px;
  scroll-margin-top: 96px;
  display: flex;
  position: relative;
}

.hl-zv-sec-first {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-direction: column;
  min-width: 0;
  scroll-margin-top: 96px;
  display: flex;
  position: relative;
}

.hl-zv-sheet {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 20px;
  overflow: hidden;
}

.hl-zv-sheet-head {
  grid-column-gap: 12px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border-bottom: 1px solid #2e2824;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px 10px 18px;
  display: flex;
}

.hl-zv-sheet-label {
  color: #fff8f0;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-zv-sheet-text {
  color: #fff8f0;
  overflow-wrap: anywhere;
  margin: 0;
  padding: 18px;
  font-family: Menlo;
  font-size: 14px;
  line-height: 1.7;
}

.hl-zv-sign {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-top: 3px solid #ffd60a;
  border-radius: 24px;
  padding: 28px 30px 18px;
  position: relative;
}

.hl-zv-sign-copy {
  min-width: 0;
}

.hl-zv-sign-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 18px;
  display: flex;
}

.hl-zv-sign-kicker {
  color: #ffa800;
  margin: 0 0 6px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hl-zv-sign-li {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff8f0;
  border-top: 1px solid #2e2824;
  align-items: flex-start;
  padding: 13px 0 14px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.hl-zv-sign-list {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-zv-sign-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.08;
}

.hl-zv-sources {
  background-color: #0a0807;
  padding-top: 72px;
  padding-bottom: 88px;
  position: relative;
}

.hl-zv-src {
  color: #bcb2a6;
  overflow-wrap: anywhere;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 32px minmax(0, 1fr);
  margin-left: -8px;
  padding: 6px 8px;
  scroll-margin-top: 96px;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  display: grid;
}

.hl-zv-src-body {
  min-width: 0;
}

.hl-zv-src-grid {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: 232px minmax(0, 1fr);
  gap: 16px 64px;
  padding-top: 32px;
  display: grid;
}

.hl-zv-src-list {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hl-zv-src-num {
  color: #ffa800;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.hl-zv-src-text {
  min-width: 0;
}

.hl-zv-src-title {
  color: #fff8f0;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-zv-step-blaze {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-top: 3px solid #ff4a00;
  border-radius: 22px;
  flex-direction: column;
  min-width: 0;
  padding: 22px 24px 26px;
  display: flex;
}

.hl-zv-step-heat {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-top: 3px solid #ff7300;
  border-radius: 22px;
  flex-direction: column;
  min-width: 0;
  padding: 22px 24px 26px;
  display: flex;
}

.hl-zv-step-volt {
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-top: 3px solid #ffd60a;
  border-radius: 22px;
  flex-direction: column;
  min-width: 0;
  padding: 22px 24px 26px;
  display: flex;
}

.hl-zv-steps {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-zv-sup {
  vertical-align: baseline;
  margin-left: 2px;
  font-size: .65em;
  line-height: 0;
  position: relative;
  top: -.5em;
}

.hl-zv-tag {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  overflow-wrap: anywhere;
  border: 1px dashed #6e655b;
  border-radius: 10px;
  flex-direction: column;
  padding: 8px 10px;
  font-family: Menlo;
  line-height: 1.35;
  display: flex;
}

.hl-zv-tag-key {
  color: #958b80;
  font-size: 11px;
}

.hl-zv-tag-val {
  color: #ffd60a;
  font-size: 13px;
  font-weight: 700;
}

.hl-zv-tbl {
  background-color: #131110;
  border: 1px solid #2e2824;
  border-radius: 22px;
  overflow: hidden;
}

.hl-zv-tbl-cap {
  color: #958b80;
  max-width: 80ch;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.hl-zv-tbl-cell {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.hl-zv-tbl-head {
  background-color: #1c1917;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.3fr) minmax(0, 1.3fr);
  column-gap: 28px;
  padding: 18px 26px;
  display: grid;
}

.hl-zv-tbl-ml {
  display: none;
}

.hl-zv-tbl-rh {
  color: #fff8f0;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

.hl-zv-tbl-row {
  border-top: 1px solid #2e2824;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.3fr) minmax(0, 1.3fr);
  column-gap: 28px;
  padding: 20px 26px;
  transition: background-color .2s;
  display: grid;
}

.hl-zv-tbl-row:hover {
  background-color: #1c1917;
}

.hl-zv-tbl-th {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff8f0;
  align-items: center;
  min-width: 0;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
  display: flex;
}

.hl-zv-url {
  color: #bcb2a6;
  overflow-wrap: anywhere;
  word-break: break-word;
  margin: 0;
  font-family: Menlo;
  font-size: 14px;
  line-height: 1.6;
}

.hl-zv-url-hot {
  color: #ffd60a;
  font-weight: 700;
}

.hl-zv-verdict {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1917;
  border: 1px solid #2e2824;
  border-radius: 22px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 24px 24px 22px;
  display: flex;
}

.hl-zv-verdict-chip {
  color: #0a0807;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border-radius: 999px;
  margin: 0 0 2px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-zv-verdict-chip-quiet {
  color: #bcb2a6;
  font-variation-settings: "wdth" 62;
  letter-spacing: .12em;
  text-transform: uppercase;
  border: 1.5px solid #6e655b;
  border-radius: 999px;
  margin: 0 0 2px;
  padding: 5px 11px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: 62%;
  line-height: 1.2;
}

.hl-zv-verdict-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff8f0;
  align-items: center;
  margin-top: 4px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  transition: color .2s;
  display: inline-flex;
}

.hl-zv-verdict-link:hover {
  color: #ffd60a;
}

.hl-zv-verdict-link:focus {
  outline-offset: 3px;
  outline: 3px solid #ffd60a;
}

.hl-zv-verdict-text {
  color: #bcb2a6;
  flex-grow: 1;
  margin: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.hl-zv-verdict-title {
  color: #fff8f0;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.12;
}

.hl-zv-verdict-wide {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131110;
  border: 1px dashed #6e655b;
  border-radius: 22px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  align-items: flex-start;
  min-width: 0;
  padding: 24px;
  display: flex;
}

.hl-zv-verdicts {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.hl-zv-vs {
  z-index: 3;
  color: #0a0807;
  font-variation-settings: "wdth" 75;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #ffd60a;
  border: 5px solid #131110;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  margin-top: -23px;
  margin-left: -23px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
}

.hl-zv-words {
  color: #fff8f0;
  letter-spacing: -.015em;
  max-width: 19em;
  margin: 18px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.1;
}

@media screen and (max-width: 991px) {
  .hl-band {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .hl-beat, .hl-beat-alt {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .hl-beat-line {
    font-size: 84px;
  }

  .hl-beat-payoff {
    font-size: 120px;
  }

  .hl-beats {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
  }

  .hl-bento {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .hl-bento-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-built {
    padding-top: 32px;
    padding-bottom: 72px;
  }

  .hl-built-bar {
    margin-top: 40px;
  }

  .hl-control {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .hl-control-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-control-lines {
    font-size: 28px;
  }

  .hl-credits {
    font-size: 17px;
  }

  .hl-cta-copy {
    position: relative;
    top: auto;
  }

  .hl-cta-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-display, .hl-display-void {
    font-size: 72px;
  }

  .hl-easy {
    min-height: 0;
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .hl-event {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .hl-event-copy {
    max-width: 760px;
  }

  .hl-event-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    text-align: center;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
  }

  .hl-event-lead {
    margin: 20px auto 0;
    font-size: 21px;
  }

  .hl-fan {
    height: 260px;
    margin-top: 64px;
  }

  .hl-fan-1 {
    display: none;
  }

  .hl-fan-2 {
    width: 236px;
    margin-left: -118px;
    transform: translate(-226px, 18px)rotate(-7deg);
  }

  .hl-fan-3 {
    width: 236px;
    margin-left: -118px;
  }

  .hl-fan-4 {
    width: 236px;
    margin-left: -118px;
    transform: translate(226px, 18px)rotate(7deg);
  }

  .hl-fan-5 {
    display: none;
  }

  .hl-faq-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding-top: 64px;
  }

  .hl-faq-section {
    padding-bottom: 88px;
  }

  .hl-faq-title {
    font-size: 40px;
  }

  .hl-head-light {
    width: 720px;
    height: 440px;
    margin-top: -220px;
    margin-left: -360px;
  }

  .hl-hero {
    min-height: 0;
    padding-top: 56px;
    padding-bottom: 0;
  }

  .hl-hero-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-hero-pass {
    width: 404px;
    top: auto;
    bottom: 40px;
    left: 0;
  }

  .hl-hero-phone {
    right: 40px;
  }

  .hl-hero-poster {
    font-size: 112px;
  }

  .hl-hero-stage {
    width: 100%;
    max-width: 560px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-how {
    padding-top: 88px;
    padding-bottom: 80px;
  }

  .hl-ind {
    grid-column: span 1 / span 1;
  }

  .hl-ind-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-ind-wide {
    grid-column: span 1 / span 1;
  }

  .hl-lead-center, .hl-lead-void {
    font-size: 21px;
  }

  .hl-links-row {
    justify-content: center;
  }

  .hl-lockup {
    padding-top: 22px;
    padding-bottom: 22px;
    display: block;
  }

  .hl-lockup-big {
    white-space: normal;
    font-size: 52px;
  }

  .hl-lockup-small {
    margin-top: 10px;
  }

  .hl-lockups {
    margin-top: 48px;
  }

  .hl-nav-mobile {
    display: flex;
  }

  .hl-ph-display {
    font-size: 72px;
  }

  .hl-ph-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-poster {
    font-size: 112px;
  }

  .hl-pressure {
    padding-top: 120px;
    padding-bottom: 48px;
  }

  .hl-promise {
    min-height: 0;
    padding-top: 104px;
    padding-bottom: 88px;
  }

  .hl-screen {
    height: 380px;
  }

  .hl-sec-head-center {
    margin-bottom: 48px;
  }

  .hl-section {
    padding-top: 88px;
    padding-bottom: 80px;
  }

  .hl-section-alt {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .hl-signoff {
    padding: 120px 32px;
  }

  .hl-signoff-a, .hl-signoff-b {
    display: block;
  }

  .hl-signoff-line {
    white-space: normal;
    font-size: 112px;
  }

  .hl-steps {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ticker-btn {
    margin-right: 32px;
  }

  .hl-ticker-group {
    font-size: 88px;
  }

  .hl-ticket {
    height: 132px;
  }

  .hl-ticket-kicker {
    font-size: 30px;
  }

  .hl-ticket-role {
    font-size: 14px;
  }

  .hl-ticket-stub {
    width: 62px;
  }

  .hl-tile {
    grid-column: span 1 / span 1;
  }

  .hl-tile-wide {
    grid-column: span 2 / span 2;
  }

  .hl-tool-stage {
    height: 190px;
  }

  .hl-tools-cards {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .lp-card-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lp-container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .lp-cta-form {
    padding-top: 96px;
    padding-bottom: 88px;
  }

  .lp-define {
    padding: 32px;
  }

  .lp-define-text {
    font-size: 24px;
  }

  .lp-doc {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 48px;
  }

  .lp-doc-main {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
  }

  .lp-doc-side {
    position: static;
  }

  .lp-dtable-head, .lp-dtable-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .lp-ex-fig-value {
    font-size: 28px;
  }

  .lp-foot-cols {
    grid-column-gap: 24px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lp-h1, .lp-h2 {
    font-size: 48px;
  }

  .lp-h3 {
    font-size: 24px;
  }

  .lp-hero-sub, .lp-lead {
    font-size: 21px;
  }

  .lp-margin-note {
    max-width: none;
  }

  .lp-mpanel, .lp-mpanel-open {
    top: 64px;
  }

  .lp-nav-inner {
    height: 64px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .lp-nav-menu {
    display: none;
  }

  .lp-notes-inner {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-ph-aside {
    margin-top: 0;
  }

  .lp-ph-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 32px;
  }

  .lp-q-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-q-text {
    font-size: 26px;
  }

  .lp-section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .lp-section-card {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .lp-section-follow {
    padding-bottom: 104px;
  }

  .lp-section-head {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 44px;
  }

  .lp-sh-margin {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    align-items: baseline;
    padding-top: 0;
  }

  .lp-sides-grid, .lp-split {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-split-side {
    grid-column-gap: 16px;
    grid-row-gap: 4px;
    flex-flow: wrap;
    align-items: baseline;
    padding-top: 0;
  }

  .lp-stat-figure {
    font-size: 48px;
  }

  .lp-stat-grid, .lp-stat-grid-fit {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-why {
    margin-top: 72px;
  }

  .hl-404-poster {
    font-size: 112px;
  }

  .hl-404-routes {
    padding-bottom: 96px;
  }

  .hl-acc-built {
    padding-bottom: 64px;
  }

  .hl-acc-faq-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding-top: 64px;
  }

  .hl-acc-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-acc-stage {
    max-width: 420px;
  }

  .hl-ahe-ad-stage {
    min-height: 620px;
  }

  .hl-ahe-after {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 640px;
  }

  .hl-ahe-creative {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 640px;
    padding: 8px 40px 24px;
  }

  .hl-ahe-flyer-fig {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 560px;
  }

  .hl-ahe-flyer-stage {
    min-height: 520px;
  }

  .hl-ahe-format-obj {
    height: 190px;
  }

  .hl-ahe-formats {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 560px;
  }

  .hl-ahe-h2 {
    font-size: 44px;
  }

  .hl-ahe-laws {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 640px;
  }

  .hl-ahe-lockups {
    margin-top: 44px;
  }

  .hl-ahe-qz {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 560px;
  }

  .hl-ahe-rules {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 640px;
  }

  .hl-ahe-sec {
    padding-top: 104px;
  }

  .hl-ahe-stage {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-ahe-systems {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 640px;
  }

  .hl-ahe-wk, .hl-ahe-wk-event, .hl-ahe-wk-last {
    grid-column-gap: 24px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 170px minmax(0, 1fr);
  }

  .hl-ahe-wk-tools {
    flex-flow: wrap;
    grid-column: 2 / 3;
    padding-top: 0;
  }

  .hl-bp-bridge {
    padding-top: 96px;
    padding-bottom: 104px;
  }

  .hl-bp-bridge-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-bp-bridge-title {
    font-size: 60px;
  }

  .hl-bp-chart {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    height: 130px;
  }

  .hl-bp-dash-stage {
    max-width: 560px;
  }

  .hl-bp-display {
    font-size: 68px;
  }

  .hl-bp-email {
    padding-bottom: 88px;
  }

  .hl-bp-email-card {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 36px;
  }

  .hl-bp-eq-f {
    font-size: 26px;
  }

  .hl-bp-flabel {
    white-space: normal;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    position: static;
    overflow: visible;
  }

  .hl-bp-glow {
    margin-left: -900px;
    top: 360px;
  }

  .hl-bp-hero {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 40px;
  }

  .hl-bp-lead {
    max-width: 640px;
  }

  .hl-bp-mlabel {
    white-space: normal;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0 0 6px;
    position: static;
    overflow: visible;
  }

  .hl-bp-more {
    padding-top: 80px;
    padding-bottom: 48px;
  }

  .hl-bp-name-cell, .hl-bp-name-total {
    grid-column: 1 / span 3;
    grid-row-start: 1;
  }

  .hl-bp-none {
    text-align: left;
  }

  .hl-bp-notes {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-bp-out {
    text-align: left;
  }

  .hl-bp-own-name {
    grid-column: 1 / span 3;
    grid-row-start: 1;
  }

  .hl-bp-pct {
    margin-left: 6px;
    display: inline;
  }

  .hl-bp-period {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-bp-period-help {
    grid-column: 1 / span 2;
    margin: 0;
  }

  .hl-bp-row, .hl-bp-row-own {
    grid-template-rows: auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: end;
    row-gap: 12px;
    padding: 18px 0 20px;
  }

  .hl-bp-row-total {
    grid-template-rows: auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: end;
    row-gap: 12px;
    padding: 18px 0 4px;
  }

  .hl-bp-scen {
    padding: 22px 20px 24px;
  }

  .hl-bp-scen-text {
    font-size: 16px;
  }

  .hl-bp-scen-title {
    font-size: 22px;
  }

  .hl-bp-scens {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hl-bp-sec, .hl-bp-sec-alt {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .hl-bp-sources {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-bp-stage {
    padding-top: 0;
  }

  .hl-bp-stat {
    grid-row-start: 1;
    grid-column-start: 4;
    justify-content: flex-end;
    align-self: center;
  }

  .hl-bp-sum {
    text-align: left;
    padding-right: 0;
    font-size: 18px;
  }

  .hl-bp-thead {
    display: none;
  }

  .hl-bp-top {
    padding-bottom: 40px;
  }

  .hl-bp-var, .hl-bp-var-ahead, .hl-bp-var-behind {
    text-align: left;
  }

  .hl-ca-answer {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: -40px;
    padding: 28px;
  }

  .hl-ca-answer-side {
    padding-top: 0;
  }

  .hl-ca-display {
    font-size: 64px;
  }

  .hl-ca-doc {
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-ca-h2 {
    font-size: 40px;
  }

  .hl-ca-main {
    max-width: none;
  }

  .hl-ca-sec {
    padding-top: 80px;
  }

  .hl-ca-side {
    margin-bottom: 72px;
    position: relative;
    top: 0;
  }

  .hl-ca-sources-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ca-stage {
    max-width: 520px;
    height: 470px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-ca-statement {
    font-size: 44px;
  }

  .hl-ca-toc-list {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    display: grid;
  }

  .hl-cb-answer {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: -40px;
    padding: 28px;
  }

  .hl-cb-answer-side {
    padding-top: 0;
  }

  .hl-cb-doc {
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-cb-h2 {
    font-size: 40px;
  }

  .hl-cb-main {
    max-width: none;
  }

  .hl-cb-sec {
    padding-top: 88px;
  }

  .hl-cb-side {
    margin-bottom: 72px;
    position: relative;
    top: 0;
  }

  .hl-cb-sources-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-cb-toc-list {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    display: grid;
  }

  .hl-chk-bridge {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .hl-chk-bridge-grid {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-chk-bridge-title {
    font-size: 64px;
  }

  .hl-chk-cta-title {
    font-size: 34px;
  }

  .hl-chk-display {
    font-size: 64px;
  }

  .hl-chk-head {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 40px;
  }

  .hl-chk-head-obj {
    display: none;
  }

  .hl-chk-how {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-chk-in-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .hl-chk-out {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-chk-prow, .hl-chk-prow-head, .hl-chk-prow-last {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hl-chk-rule-cta {
    grid-column: span 1 / span 1;
    padding: 26px 24px 28px;
  }

  .hl-chk-rules {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-chk-sec {
    padding-top: 96px;
    padding-bottom: 88px;
  }

  .hl-chk-sec-alt {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .hl-chk-sources {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-chk-stick {
    position: static;
  }

  .hl-chk-tool {
    padding: 28px 24px 32px;
  }

  .hl-chk-top {
    padding-bottom: 64px;
  }

  .hl-ct-aside {
    grid-area: 3 / 1 / 4 / 2;
    padding-top: 16px;
    padding-bottom: 32px;
  }

  .hl-ct-copy {
    grid-area: 1 / 1 / 2 / 2;
    padding-top: 0;
  }

  .hl-ct-form-light {
    width: 640px;
    height: 460px;
    margin-left: -320px;
    top: -120px;
  }

  .hl-ct-formcol {
    grid-area: 2 / 1 / 3 / 2;
  }

  .hl-ct-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 40px;
  }

  .hl-ct-now {
    padding-top: 32px;
    padding-bottom: 104px;
  }

  .hl-ct-now-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 40px;
  }

  .hl-ct-now-pass {
    left: 0;
  }

  .hl-ct-now-stage {
    justify-content: center;
    width: 100%;
    max-width: 560px;
    height: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-ct-paper {
    padding-top: 16px;
    padding-bottom: 88px;
  }

  .hl-dja-answer {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: -40px;
    padding: 28px;
  }

  .hl-dja-answer-side {
    padding-top: 0;
  }

  .hl-dja-display {
    font-size: 68px;
  }

  .hl-dja-doc {
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-dja-h2 {
    font-size: 40px;
  }

  .hl-dja-main {
    max-width: none;
  }

  .hl-dja-old {
    font-size: 18px;
  }

  .hl-dja-pt-head {
    column-gap: 18px;
    padding: 14px 20px;
  }

  .hl-dja-pt-row {
    column-gap: 18px;
    padding: 20px;
  }

  .hl-dja-pt-row-last {
    column-gap: 18px;
    padding: 20px 20px 22px;
  }

  .hl-dja-sec {
    padding-top: 80px;
  }

  .hl-dja-side {
    margin-bottom: 72px;
    position: relative;
    top: 0;
  }

  .hl-dja-sources-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-dja-sources-note {
    max-width: 66ch;
  }

  .hl-dja-stage {
    max-width: 520px;
    height: 596px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-dja-statement {
    font-size: 38px;
  }

  .hl-dja-toc-list {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    display: grid;
  }

  .hl-fb-flood {
    padding-top: 112px;
    padding-bottom: 104px;
  }

  .hl-fb-hero-ticket {
    width: 280px;
    bottom: -28px;
    left: -112px;
  }

  .hl-fb-map {
    max-width: 620px;
  }

  .hl-fb-near {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-fb-near-sec {
    padding-top: 32px;
    padding-bottom: 80px;
  }

  .hl-fb-path {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-fb-statement {
    font-size: 46px;
  }

  .hl-fb-step {
    text-align: left;
    flex-direction: row;
    align-items: center;
    min-height: 0;
    padding: 24px 32px;
  }

  .hl-fb-step-arrow {
    margin-top: 0;
    margin-left: -22px;
    inset: auto auto -34px 50%;
    transform: rotate(90deg);
  }

  .hl-fb-step-cap {
    flex: 1;
    margin: 0 0 0 32px;
    font-size: 30px;
  }

  .hl-fb-step-light {
    background-image: radial-gradient(70% 70% at 30% 60%, #ff730042 0%, #ff4a000f 55%, #ff4a0000 100%);
    border-radius: 28px 0 0 28px;
    width: 50%;
    height: auto;
    inset: 0 auto 0 0;
  }

  .hl-fb-step-obj {
    flex: 0 0 300px;
    width: 300px;
    min-height: 220px;
  }

  .hl-fb-tile-cta {
    grid-column: span 1 / span 1;
    display: flex;
  }

  .hl-fb-tile-cta-title {
    font-size: 30px;
  }

  .hl-fbj-flows {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 700px;
  }

  .hl-fbj-h2 {
    font-size: 44px;
  }

  .hl-fbj-nos {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-fbj-one {
    grid-column: span 1 / span 1;
  }

  .hl-fbj-one-big {
    font-size: 48px;
  }

  .hl-fbj-one-last {
    grid-column: span 2 / span 2;
  }

  .hl-fbj-one-wide {
    grid-column: span 1 / span 1;
  }

  .hl-fbj-ones, .hl-fbj-rules {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-fbj-sec {
    padding-top: 104px;
  }

  .hl-fbj-spec-big {
    font-size: 26px;
  }

  .hl-fbj-spec-cell {
    padding: 24px 24px 26px;
  }

  .hl-fbj-src {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-fbj-src-side {
    position: static;
  }

  .hl-fbj-stage {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-fbj-tie {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 700px;
    padding: 36px;
  }

  .hl-fbj-tips {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 700px;
    padding: 0;
  }

  .hl-fbj-utm-head {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding: 16px 22px 14px;
  }

  .hl-fbj-utm-row {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding: 16px 22px;
  }

  .hl-fbj-utm-row-last {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding: 16px 22px 18px;
  }

  .hl-fbj-vs-title {
    font-size: 52px;
  }

  .hl-fly-after, .hl-fly-anat {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-fly-anat-sec {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .hl-fly-anat-stage {
    min-height: 520px;
  }

  .hl-fly-display {
    font-size: 64px;
  }

  .hl-fly-doc {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-fly-doc-main {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
  }

  .hl-fly-doc-side {
    position: relative;
    top: 0;
  }

  .hl-fly-grid, .hl-fly-grid._w-form {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-fly-head {
    padding-top: 28px;
    padding-bottom: 40px;
  }

  .hl-fly-head-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 20px;
  }

  .hl-fly-jump {
    display: inline-flex;
  }

  .hl-fly-lead {
    max-width: 640px;
    font-size: 20px;
  }

  .hl-fly-more {
    padding-top: 80px;
  }

  .hl-fly-preview {
    order: -1;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) 232px;
    position: relative;
    top: 0;
  }

  .hl-fly-steps {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-gads-inc-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-gads-phone-wrap {
    right: 40px;
  }

  .hl-gads-related {
    margin-top: 56px;
  }

  .hl-gads-run-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-gads-stage {
    max-width: 520px;
    height: 620px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-gads-ticket-wrap {
    left: 0;
  }

  .hl-gh-cluster, .hl-gh-cluster-alt {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .hl-gh-covers {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .hl-gh-deck {
    width: 440px;
    height: 510px;
  }

  .hl-gh-jump {
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hl-gh-lead {
    max-width: 600px;
  }

  .hl-gh-new-chalk, .hl-gh-new-dark {
    min-height: 400px;
    padding: 24px 22px 22px;
  }

  .hl-gh-new-foot {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    align-items: flex-start;
  }

  .hl-gh-new-heat {
    min-height: 400px;
    padding: 24px 22px 22px;
  }

  .hl-gh-new-sec {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .hl-gh-new-title, .hl-gh-new-title-volt {
    font-size: 52px;
  }

  .hl-gh-row, .hl-gh-row-flip {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-gh-side {
    position: relative;
    top: auto;
  }

  .hl-gh-side-flip {
    order: 0;
    position: relative;
    top: auto;
  }

  .hl-gh-stage {
    max-width: 600px;
  }

  .hl-gh-title {
    font-size: 48px;
  }

  .hl-gj-card {
    flex-basis: 260px;
  }

  .hl-gj-h2 {
    font-size: 44px;
  }

  .hl-gj-pull {
    font-size: 34px;
  }

  .hl-gj-sec {
    padding-top: 104px;
  }

  .hl-gj-src {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-gj-stage {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-gj-steps {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px 24px;
  }

  .hl-gj-tie {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 32px;
  }

  .hl-gjl-answer {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: -40px;
    padding: 28px;
  }

  .hl-gjl-answer-side {
    padding-top: 0;
  }

  .hl-gjl-display {
    font-size: 68px;
  }

  .hl-gjl-doc {
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-gjl-h2 {
    font-size: 40px;
  }

  .hl-gjl-main {
    max-width: none;
  }

  .hl-gjl-sec {
    padding-top: 80px;
  }

  .hl-gjl-side {
    margin-bottom: 72px;
    position: relative;
    top: 0;
  }

  .hl-gjl-sources-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-gjl-sources-note {
    max-width: 66ch;
  }

  .hl-gjl-st-cell {
    font-size: 14px;
  }

  .hl-gjl-st-head {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1.5fr);
    column-gap: 16px;
    padding: 14px 20px;
  }

  .hl-gjl-st-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1.5fr);
    column-gap: 16px;
    padding: 16px 20px;
  }

  .hl-gjl-st-row-last {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1.5fr);
    column-gap: 16px;
    padding: 16px 20px 18px;
  }

  .hl-gjl-stage {
    max-width: 520px;
    height: 540px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-gjl-statement {
    font-size: 36px;
  }

  .hl-gjl-toc-list {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    display: grid;
  }

  .hl-gs-anchor {
    padding-top: 48px;
    padding-bottom: 80px;
  }

  .hl-gs-bento {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-gs-card {
    max-width: 100%;
  }

  .hl-gs-form-sec {
    padding-bottom: 16px;
  }

  .hl-gs-next {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-gs-stage {
    padding-top: 64px;
    padding-bottom: 24px;
  }

  .hl-gs-tile-5 {
    grid-column: span 1 / span 1;
    min-height: 0;
    padding: 28px;
  }

  .hl-gs-tile-7 {
    grid-column: span 2 / span 2;
    min-height: 0;
    padding: 32px;
  }

  .hl-gs-tile-title {
    font-size: 26px;
  }

  .hl-hc-easy {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-hc-easy-sec {
    padding-top: 88px;
    padding-bottom: 8px;
  }

  .hl-hc-easy-stage {
    padding-top: 16px;
    padding-bottom: 32px;
  }

  .hl-hc-front {
    grid-column-gap: 32px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }

  .hl-hc-front-sec {
    padding-top: 88px;
    padding-bottom: 72px;
  }

  .hl-hc-front-stage {
    order: -1;
    grid-column: span 2 / span 2;
    padding-bottom: 16px;
  }

  .hl-hc-note {
    text-align: left;
    align-items: flex-start;
  }

  .hl-hc-note-dot {
    left: -5px;
    right: auto;
  }

  .hl-hc-note-key {
    font-size: 26px;
  }

  .hl-hc-note-rule, .hl-hc-note-rule-r {
    background-image: linear-gradient(90deg, #ff7300 0%, #ffa800 100%);
    width: 64px;
  }

  .hl-hc-notes, .hl-hc-notes-r {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .hl-hc-pain {
    min-height: 0;
    padding: 20px 26px 26px;
  }

  .hl-hc-pain-from {
    margin-top: 20px;
  }

  .hl-hc-pain-grid {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-hc-pain-line {
    padding-top: 10px;
  }

  .hl-hc-pain-title {
    font-size: 30px;
  }

  .hl-hc-pains {
    padding-top: 8px;
    padding-bottom: 80px;
  }

  .hl-hc-pass {
    bottom: -64px;
    left: -120px;
  }

  .hl-hc-pay {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    margin-top: 56px;
  }

  .hl-hc-ph-display {
    font-size: 72px;
  }

  .hl-hc-related-sec {
    padding-top: 48px;
  }

  .hl-hc-roles {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    margin-top: 40px;
    margin-bottom: 48px;
  }

  .hl-hc-stage {
    height: 640px;
  }

  .hl-hc-tool-tile {
    grid-column: span 2 / span 2;
    min-height: 280px;
  }

  .hl-hem-cta, .hl-hem-flood-cta, .hl-hem-for {
    margin-top: 48px;
  }

  .hl-hem-incl {
    grid-area: auto;
  }

  .hl-hem-incl-chip {
    font-size: 17px;
  }

  .hl-hem-incl-copy, .hl-hem-incl-foot {
    grid-area: auto;
  }

  .hl-hem-incl-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    gap: 36px 0;
    margin-top: 48px;
  }

  .hl-hem-incl-sec {
    padding-top: 64px;
    padding-bottom: 96px;
  }

  .hl-hem-rule {
    margin-top: 0;
  }

  .hl-hre-close {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 700px;
  }

  .hl-hre-cost-big, .hl-hre-cost-big-volt {
    font-size: 76px;
  }

  .hl-hre-costs {
    max-width: 700px;
  }

  .hl-hre-five {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-hre-five-item {
    grid-column: span 1 / span 1;
  }

  .hl-hre-five-key {
    font-size: 46px;
  }

  .hl-hre-five-last {
    grid-column: span 2 / span 2;
  }

  .hl-hre-five-wide {
    grid-column: span 1 / span 1;
  }

  .hl-hre-free {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 700px;
  }

  .hl-hre-free-more {
    min-height: 0;
  }

  .hl-hre-h2 {
    font-size: 44px;
  }

  .hl-hre-own-head {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px 22px 14px;
  }

  .hl-hre-own-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px 22px;
  }

  .hl-hre-own-row-last {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px 22px 18px;
  }

  .hl-hre-plan {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 700px;
  }

  .hl-hre-rate {
    max-width: 700px;
  }

  .hl-hre-rules {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-hre-search {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 700px;
  }

  .hl-hre-sec {
    padding-top: 104px;
  }

  .hl-hre-src {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-hre-src-side {
    position: relative;
    top: auto;
  }

  .hl-hre-stage {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-hre-stat {
    padding: 28px 22px 24px;
  }

  .hl-hre-stat-big, .hl-hre-stat-big-volt {
    font-size: 88px;
  }

  .hl-hre-stat-hot {
    padding: 28px 22px 24px;
  }

  .hl-hre-stat-text {
    font-size: 16px;
  }

  .hl-hre-tie {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 700px;
    padding: 36px;
  }

  .hl-hsw-dash-stage {
    min-height: 380px;
  }

  .hl-hsw-duo {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 720px;
  }

  .hl-hsw-duo-stage {
    min-height: 400px;
  }

  .hl-hsw-h2 {
    font-size: 44px;
  }

  .hl-hsw-lockups {
    margin-top: 48px;
  }

  .hl-hsw-meta {
    font-size: 14px;
  }

  .hl-hsw-peak {
    grid-column: span 1 / span 1;
  }

  .hl-hsw-peak-end {
    grid-column: span 2 / span 2;
  }

  .hl-hsw-peak-wide {
    grid-column: span 1 / span 1;
  }

  .hl-hsw-peaks {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-hsw-sec {
    padding-top: 104px;
  }

  .hl-hsw-stage {
    margin-left: auto;
    margin-right: auto;
  }

  .hl-hsw-wk, .hl-hsw-wk-last {
    grid-template-rows: auto;
    grid-template-columns: 120px 36px minmax(0, 1fr);
    column-gap: 20px;
  }

  .hl-hsw-wk-num {
    font-size: 60px;
  }

  .hl-hsw-wk-num-peak {
    font-size: 88px;
  }

  .hl-hsw-wk-peak {
    grid-template-rows: auto;
    grid-template-columns: 120px 36px minmax(0, 1fr);
    column-gap: 20px;
  }

  .hl-hv-cal {
    flex: none;
    width: 100%;
    max-width: 420px;
    margin-top: -28px;
  }

  .hl-hv-dash-stage {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-direction: column;
  }

  .hl-hv-event {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 44px 40px;
  }

  .hl-hv-event-objs {
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-hv-event-title {
    font-size: 44px;
  }

  .hl-hv-pain {
    font-size: 56px;
  }

  .hl-hv-payoff {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
    padding-top: 48px;
  }

  .hl-hv-related {
    margin-top: 72px;
  }

  .hl-hv-stage {
    max-width: 520px;
  }

  .hl-hww-card {
    flex-basis: 260px;
  }

  .hl-hww-close {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-hww-close-obj {
    min-height: 0;
    padding: 24px 0;
  }

  .hl-hww-costs {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-hww-five-card {
    flex-basis: 260px;
  }

  .hl-hww-h2 {
    font-size: 44px;
  }

  .hl-hww-pull {
    font-size: 32px;
  }

  .hl-hww-roles {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .hl-hww-sec {
    padding-top: 104px;
  }

  .hl-hww-src {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-hww-stage {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-hww-tree {
    flex-direction: column;
    align-items: stretch;
    padding: 28px;
  }

  .hl-hww-tree-branches {
    margin-top: 0;
    margin-left: 28px;
    padding-top: 20px;
  }

  .hl-hww-tree-root {
    flex-basis: auto;
  }

  .hl-hww-vs-big {
    font-size: 88px;
  }

  .hl-ia-display {
    font-size: 60px;
  }

  .hl-ia-doc {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 40px;
  }

  .hl-ia-h2 {
    font-size: 42px;
  }

  .hl-ia-offer {
    padding: 36px;
  }

  .hl-ia-rail {
    position: relative;
    top: 0;
  }

  .hl-ia-role {
    grid-column: span 1 / span 1;
  }

  .hl-ia-role-end {
    grid-column: span 2 / span 2;
  }

  .hl-ia-role-wide {
    grid-column: span 1 / span 1;
  }

  .hl-ia-roles {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-ia-src-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ia-tbl-head, .hl-ia-tbl-row {
    column-gap: 14px;
  }

  .hl-if-chan {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-if-chipsets {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-if-h2 {
    font-size: 44px;
  }

  .hl-if-pull {
    font-size: 34px;
  }

  .hl-if-qbox {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-if-quote {
    padding: 44px 44px 36px;
  }

  .hl-if-quote-text {
    font-size: 36px;
  }

  .hl-if-sec {
    padding-top: 104px;
  }

  .hl-if-sheet-head, .hl-if-sheet-row, .hl-if-sheet-row-last {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 80px minmax(0, 1.6fr);
    column-gap: 16px;
  }

  .hl-if-src {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-if-src-side {
    position: static;
  }

  .hl-if-stage {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-if-step {
    flex-basis: 260px;
  }

  .hl-if-tl-date, .hl-if-tl-date-next {
    font-size: 30px;
  }

  .hl-if-tl-item, .hl-if-tl-next {
    grid-template-rows: auto;
    grid-template-columns: 150px 48px minmax(0, 1fr);
    column-gap: 16px;
  }

  .hl-ip-h2 {
    font-size: 44px;
  }

  .hl-ip-parts {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px 24px;
  }

  .hl-ip-pull {
    font-size: 36px;
  }

  .hl-ip-quote {
    padding: 40px 40px 34px;
  }

  .hl-ip-quote-text {
    font-size: 34px;
  }

  .hl-ip-receipt-wrap {
    left: 0;
  }

  .hl-ip-route {
    grid-column-gap: 16px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    display: grid;
  }

  .hl-ip-route-state {
    grid-column: 2 / 3;
    margin-top: 0;
  }

  .hl-ip-routes {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ip-rule {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;
    padding: 22px 24px;
    display: grid;
  }

  .hl-ip-rule-mark {
    height: 30px;
    font-size: 64px;
  }

  .hl-ip-rules {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ip-sec {
    padding-top: 104px;
  }

  .hl-ip-spec-big {
    font-size: 104px;
  }

  .hl-ip-src {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ip-src-side {
    position: relative;
    top: 0;
  }

  .hl-ip-stage {
    margin-left: auto;
    margin-right: auto;
  }

  .hl-ip-steps, .hl-ip-tags {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-ip-tiers {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ip-trigger {
    grid-template-rows: auto;
    grid-template-columns: 170px minmax(0, 1fr);
    align-items: center;
    gap: 4px 24px;
    display: grid;
  }

  .hl-ip-trigger-big {
    grid-area: 1 / 1 / 3 / 2;
    margin: 0;
    font-size: 72px;
  }

  .hl-ip-trigger-tag {
    grid-area: 1 / 2 / 2 / 3;
  }

  .hl-ip-trigger-text {
    grid-area: 2 / 2 / 3 / 3;
  }

  .hl-ip-triggers {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ip-vs-title {
    font-size: 34px;
  }

  .hl-jt-answer {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: -40px;
    padding: 28px;
  }

  .hl-jt-answer-side {
    padding-top: 0;
  }

  .hl-jt-display {
    font-size: 64px;
  }

  .hl-jt-doc {
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-jt-h2 {
    font-size: 40px;
  }

  .hl-jt-main {
    max-width: none;
  }

  .hl-jt-sec {
    padding-top: 80px;
  }

  .hl-jt-side {
    margin-bottom: 72px;
    position: relative;
    top: 0;
  }

  .hl-jt-sources-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-jt-stage {
    max-width: 500px;
    height: 540px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-jt-statement {
    font-size: 48px;
  }

  .hl-jt-toc-list {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    display: grid;
  }

  .hl-li-display {
    font-size: 64px;
  }

  .hl-li-fit-head {
    display: none;
  }

  .hl-li-fit-rh {
    grid-column: span 2 / span 2;
  }

  .hl-li-fit-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    row-gap: 10px;
  }

  .hl-li-h2 {
    font-size: 44px;
  }

  .hl-li-pull {
    font-size: 34px;
  }

  .hl-li-quote-line {
    font-size: 44px;
  }

  .hl-li-rule-wide {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-li-sec {
    padding-top: 104px;
  }

  .hl-li-sec-first {
    padding-top: 96px;
  }

  .hl-li-src {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-li-stage {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-li-tbl-head {
    display: none;
  }

  .hl-li-tbl-ml {
    color: #ffa800;
    font-variation-settings: "wdth" 62;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-family: Archivo, sans-serif;
    font-size: 11px;
    font-weight: 700;
    font-stretch: 62%;
    line-height: 1.3;
    display: block;
  }

  .hl-li-tbl-name {
    font-size: 20px;
  }

  .hl-li-tbl-rh {
    grid-column-gap: 12px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    grid-column: span 2 / span 2;
    align-items: center;
  }

  .hl-li-tbl-row, .hl-li-tbl-row-hot {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 14px;
    padding: 24px;
  }

  .hl-li-tie {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 32px;
  }

  .hl-li-top {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-li-trig-big {
    font-size: 60px;
  }

  .hl-mt-certs, .hl-mt-chans {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-mt-h2 {
    font-size: 44px;
  }

  .hl-mt-occ {
    padding: 26px 26px 24px;
  }

  .hl-mt-occ-big {
    font-size: 88px;
  }

  .hl-mt-plan {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 700px;
  }

  .hl-mt-plan-obj {
    max-width: 480px;
    position: relative;
    top: 0;
  }

  .hl-mt-pull {
    font-size: 34px;
  }

  .hl-mt-sec {
    padding-top: 104px;
  }

  .hl-mt-src {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-mt-src-side {
    position: relative;
    top: 0;
  }

  .hl-mt-stage {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-mt-swap {
    grid-template-rows: auto;
    grid-template-columns: 210px 40px minmax(0, 1fr);
    padding: 20px 26px;
  }

  .hl-mt-swap-new {
    font-size: 19px;
  }

  .hl-mt-swaps-head {
    grid-template-rows: auto;
    grid-template-columns: 210px 40px minmax(0, 1fr);
    padding: 16px 26px 14px;
  }

  .hl-mx-answer {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: -40px;
    padding: 28px;
  }

  .hl-mx-answer-side {
    padding-top: 0;
  }

  .hl-mx-doc {
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-mx-h2 {
    font-size: 40px;
  }

  .hl-mx-main {
    max-width: none;
  }

  .hl-mx-mhead, .hl-mx-mrow, .hl-mx-mrow-last {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) repeat(4, 88px);
  }

  .hl-mx-sec {
    padding-top: 88px;
  }

  .hl-mx-sec-first {
    scroll-margin-top: 80px;
  }

  .hl-mx-side {
    margin-bottom: 72px;
    position: relative;
    top: 0;
  }

  .hl-mx-sources-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-mx-srun, .hl-mx-srun-last {
    grid-template-rows: auto;
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .hl-mx-stage {
    max-width: 440px;
  }

  .hl-mx-stages-head {
    grid-template-rows: auto;
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .hl-mx-thead, .hl-mx-trow, .hl-mx-trow-last {
    grid-template-rows: auto;
    grid-template-columns: 130px repeat(3, minmax(0, 1fr));
  }

  .hl-pay-ad-back {
    left: 4%;
  }

  .hl-pay-ad-front {
    right: 4%;
  }

  .hl-pay-ads-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-pay-bridge {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .hl-pay-bridge-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-pay-bridge-stage {
    width: 100%;
    max-width: 520px;
    height: 520px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-pay-bridge-title {
    font-size: 48px;
  }

  .hl-pay-display {
    font-size: 56px;
  }

  .hl-pay-email {
    padding-bottom: 8px;
  }

  .hl-pay-email-card {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 36px;
  }

  .hl-pay-hero {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 40px;
  }

  .hl-pay-keys {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 40px;
  }

  .hl-pay-legend {
    flex-wrap: wrap;
  }

  .hl-pay-mapwrap {
    max-width: 560px;
  }

  .hl-pay-ml {
    color: #958b80;
    margin-bottom: 3px;
    font-family: Hanken Grotesk, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    display: block;
  }

  .hl-pay-out {
    position: static;
  }

  .hl-pay-sec {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .hl-pay-sec-alt {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .hl-pay-sources {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-pay-tbl {
    background-color: #0000;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    overflow: visible;
  }

  .hl-pay-td-name {
    grid-column: 1 / span 2;
    font-size: 19px;
  }

  .hl-pay-thead {
    display: none;
  }

  .hl-pay-time-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-pay-tool {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-pay-top {
    padding-bottom: 88px;
  }

  .hl-pay-tr {
    background-color: #1c1917;
    border: 1px solid #2e2824;
    border-radius: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px 24px;
    margin-bottom: 12px;
    padding: 20px 22px;
  }

  .hl-pay-tr:hover {
    background-color: #1c1917;
  }

  .hl-pja-more {
    margin-top: 88px;
  }

  .hl-pja-rel-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-pja-run {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-pja-run-band {
    padding-top: 96px;
    padding-bottom: 88px;
  }

  .hl-priv-acts {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-priv-body {
    padding-top: 8px;
    padding-bottom: 88px;
  }

  .hl-priv-h {
    font-size: 36px;
  }

  .hl-priv-main {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
  }

  .hl-priv-stage {
    max-width: 380px;
  }

  .hl-pt-fix {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 20px 24px;
  }

  .hl-pt-fix-head {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px 24px 14px;
  }

  .hl-pt-flow-out-pay {
    font-size: 21px;
  }

  .hl-pt-flow-src-pay {
    font-size: 32px;
  }

  .hl-pt-h2 {
    font-size: 44px;
  }

  .hl-pt-keys {
    justify-content: flex-start;
  }

  .hl-pt-pull {
    font-size: 34px;
  }

  .hl-pt-quote {
    flex-basis: 280px;
  }

  .hl-pt-sec {
    padding-top: 104px;
  }

  .hl-pt-src {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-pt-src-side {
    position: relative;
    top: 0;
  }

  .hl-pt-stage {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-pt-td, .hl-pt-td-wide, .hl-pt-td3 {
    font-size: 15px;
  }

  .hl-pt-thead, .hl-pt-thead3 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding: 16px 24px 14px;
  }

  .hl-pt-tool {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 36px;
  }

  .hl-pt-tool-obj {
    align-items: flex-start;
  }

  .hl-pt-tr {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding: 16px 24px 17px;
  }

  .hl-pt-tr-new {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding: 16px 24px 17px 21px;
  }

  .hl-pt-tr-soon {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding: 16px 24px 19px;
  }

  .hl-pt-tr3 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding: 16px 24px 17px;
  }

  .hl-pvj-card {
    flex-basis: 260px;
  }

  .hl-pvj-cmp-cell {
    padding: 18px 20px 20px;
    font-size: 15px;
  }

  .hl-pvj-cmp-corner {
    padding: 22px 16px 20px;
  }

  .hl-pvj-cmp-head {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, .6fr) minmax(0, 1.5fr) minmax(0, 1.5fr);
  }

  .hl-pvj-cmp-hot {
    padding: 18px 20px 20px;
    font-size: 15px;
  }

  .hl-pvj-cmp-rh {
    padding: 18px 16px;
    font-size: 16px;
  }

  .hl-pvj-cmp-row, .hl-pvj-cmp-row-last {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, .6fr) minmax(0, 1.5fr) minmax(0, 1.5fr);
  }

  .hl-pvj-cmp-th, .hl-pvj-cmp-th-hot {
    padding: 22px 20px 18px;
  }

  .hl-pvj-cmp-th-name {
    font-size: 24px;
  }

  .hl-pvj-dots {
    background-image: radial-gradient(circle, #ffd60a 0 4px, #ffd60a00 5px);
    background-size: 20px 20px;
    width: 600px;
    height: 80px;
  }

  .hl-pvj-dots-title {
    font-size: 38px;
  }

  .hl-pvj-fit-title {
    font-size: 26px;
  }

  .hl-pvj-h2 {
    font-size: 44px;
  }

  .hl-pvj-pull {
    font-size: 40px;
  }

  .hl-pvj-pull-volt {
    font-size: 24px;
  }

  .hl-pvj-q-box {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-pvj-sec {
    padding-top: 104px;
  }

  .hl-pvj-src {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-pvj-stage {
    margin-left: auto;
    margin-right: auto;
  }

  .hl-pvj-steps {
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36px 20px;
  }

  .hl-pvj-term {
    padding: 22px 20px 20px;
  }

  .hl-pvj-terms {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .hl-pvj-tie {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 32px;
  }

  .hl-pvj-tl-date {
    font-size: 48px;
  }

  .hl-qr-batch {
    padding: 28px 24px;
  }

  .hl-qr-bridge {
    padding-top: 104px;
    padding-bottom: 112px;
  }

  .hl-qr-bridge-grid {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-qr-bridge-title {
    font-size: 64px;
  }

  .hl-qr-checks {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 32px;
  }

  .hl-qr-display {
    font-size: 56px;
  }

  .hl-qr-dl, .hl-qr-ec {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-qr-email {
    padding-bottom: 8px;
  }

  .hl-qr-email-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 32px;
  }

  .hl-qr-howto {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-qr-item {
    grid-template-rows: auto;
    grid-template-columns: 120px minmax(0, 1fr);
  }

  .hl-qr-item-btns {
    grid-column: 1 / -1;
  }

  .hl-qr-out {
    top: 84px;
  }

  .hl-qr-pair {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-qr-sec, .hl-qr-sec-alt {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .hl-qr-sources {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-qr-steps {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-qr-tip-obj {
    height: 250px;
  }

  .hl-qr-tips {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-qr-tool {
    column-gap: 28px;
    padding: 28px 24px 32px;
  }

  .hl-qr-utm {
    margin-left: 0;
    padding-left: 18px;
  }

  .hl-rac-amber-hook {
    font-size: 76px;
  }

  .hl-rac-card-a {
    width: 100px;
    height: 146px;
    padding: 10px;
    top: 22px;
  }

  .hl-rac-card-b {
    width: 100px;
    height: 146px;
    padding: 10px;
    top: 6px;
    left: 45px;
  }

  .hl-rac-card-c {
    width: 100px;
    height: 146px;
    padding: 10px;
    top: 26px;
    left: 90px;
  }

  .hl-rac-card-role {
    font-size: 25px;
  }

  .hl-rac-cell {
    flex: 0 0 248px;
  }

  .hl-rac-cell-drop {
    flex: 0 0 248px;
    top: 0;
  }

  .hl-rac-chk {
    width: 272px;
  }

  .hl-rac-deck {
    width: 190px;
    height: 180px;
  }

  .hl-rac-flood {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .hl-rac-kit {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 168px;
    padding: 12px;
  }

  .hl-rac-kit-aa {
    font-size: 40px;
  }

  .hl-rac-kit-tag {
    display: none;
  }

  .hl-rac-law {
    width: 272px;
  }

  .hl-rac-make {
    margin-top: 72px;
  }

  .hl-rac-pay-cal {
    flex: 0 0 440px;
    width: 440px;
  }

  .hl-rac-pay-pass {
    flex: 0 0 400px;
    width: 400px;
    margin-top: 296px;
    margin-left: -140px;
  }

  .hl-rac-shelf {
    padding-top: 96px;
    padding-bottom: 72px;
  }

  .hl-rac-stage {
    height: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-rac-sw-amber, .hl-rac-sw-blaze, .hl-rac-sw-chalk, .hl-rac-sw-volt {
    width: 26px;
    height: 26px;
  }

  .hl-rac-tiles {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .hl-rac-vid {
    width: 140px;
    height: 232px;
  }

  .hl-rac-wall {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-left: -32px;
    margin-right: -32px;
    padding: 8px 32px 24px;
    display: flex;
    overflow-x: auto;
  }

  .hl-rac-wall:focus {
    outline-offset: -3px;
  }

  .hl-rac-wall-copy {
    flex: none;
    width: 100%;
  }

  .hl-rac-wall-cta {
    align-items: center;
    width: 100%;
  }

  .hl-rac-wall-foot {
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 32px;
    padding-top: 36px;
  }

  .hl-rac-wall-h {
    font-size: 34px;
  }

  .hl-rac-wall-text {
    margin-left: auto;
    margin-right: auto;
  }

  .hl-rbt-dl {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rbt-doc {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rbt-files {
    width: 100%;
    max-width: 380px;
    height: 290px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-rbt-h2 {
    font-size: 42px;
  }

  .hl-rbt-offer {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rbt-offer-foot {
    grid-column: span 1 / span 1;
    margin-top: -4px;
  }

  .hl-rbt-offer-obj {
    justify-content: flex-start;
  }

  .hl-rbt-qs {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rbt-sec {
    margin-top: 72px;
    padding-top: 48px;
  }

  .hl-rbt-side-in {
    position: relative;
    top: 0;
  }

  .hl-rbt-sources {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rbt-stage {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-rbt-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 20px;
    display: grid;
  }

  .hl-retail-crew {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-retail-pain {
    min-height: 0;
    padding: 32px 28px 30px;
  }

  .hl-retail-pains {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-retail-related {
    margin-top: 64px;
  }

  .hl-retail-wire {
    flex: none;
    height: 48px;
    min-height: 48px;
  }

  .hl-rfp-answer {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: -40px;
    padding: 28px;
  }

  .hl-rfp-answer-side {
    padding-top: 0;
  }

  .hl-rfp-doc-grid {
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-rfp-h2 {
    font-size: 40px;
  }

  .hl-rfp-main {
    max-width: none;
  }

  .hl-rfp-pull {
    font-size: 40px;
  }

  .hl-rfp-sec {
    padding-top: 88px;
  }

  .hl-rfp-side {
    margin-bottom: 64px;
    position: relative;
    top: 0;
  }

  .hl-rfp-sources-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rfp-stage {
    max-width: 520px;
    height: 490px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-rfp-thead {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 150px 96px minmax(0, 1fr) minmax(0, 1fr);
  }

  .hl-rfp-toc-list {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    display: grid;
  }

  .hl-rfp-tr, .hl-rfp-tr-last {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 150px 96px minmax(0, 1fr) minmax(0, 1fr);
  }

  .hl-rfp-weeks {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 28px;
  }

  .hl-rn-chart {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rn-chart-cap {
    grid-column: 1 / 2;
  }

  .hl-rn-chart-main {
    border-bottom: 1px solid #2e2824;
    border-right-style: none;
    border-right-width: 0;
  }

  .hl-rn-example {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 36px;
  }

  .hl-rn-h2 {
    font-size: 44px;
  }

  .hl-rn-nlc-big {
    font-size: 40px;
  }

  .hl-rn-nlc-facts {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .hl-rn-radius {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 32px;
  }

  .hl-rn-rail {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px 24px;
  }

  .hl-rn-role-name {
    min-height: 0;
  }

  .hl-rn-roles {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rn-sec {
    padding-top: 104px;
  }

  .hl-rn-spec-chip {
    justify-self: start;
  }

  .hl-rn-spec-k {
    grid-row: 1 / 3;
    font-size: 32px;
  }

  .hl-rn-spec-row {
    grid-column-gap: 28px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
    padding: 24px 28px;
  }

  .hl-rn-src {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-rn-src-side {
    position: static;
  }

  .hl-rn-stage {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-rn-tie {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 32px;
  }

  .hl-sch-band {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .hl-sch-bridge {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .hl-sch-bridge-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-sch-bridge-stage {
    min-height: 400px;
  }

  .hl-sch-close {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-sch-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
  }

  .hl-sch-head, .hl-sch-inputs {
    grid-row-start: auto;
    grid-column-start: auto;
  }

  .hl-sch-jump {
    display: inline-flex;
  }

  .hl-sch-lead {
    grid-row-start: auto;
    grid-column-start: auto;
  }

  .hl-sch-out {
    height: 240px;
  }

  .hl-sch-panel {
    grid-row-start: auto;
    grid-column-start: auto;
    max-height: none;
    position: static;
    overflow-y: visible;
  }

  .hl-sch-paste {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-sch-rules {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-sch-sources {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-sch-split {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-sch-split-head {
    position: static;
  }

  .hl-sch-top {
    padding-bottom: 96px;
  }

  .hl-svc-corp {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 40px;
  }

  .hl-svc-corp-stage {
    height: 420px;
  }

  .hl-svc-desk {
    margin-top: 48px;
  }

  .hl-svc-floor {
    top: 180px;
  }

  .hl-svc-item {
    padding: 0 6px 20px;
  }

  .hl-svc-li {
    scroll-snap-align: start;
    flex: 0 0 216px;
  }

  .hl-svc-lineup-sec {
    padding-top: 56px;
    padding-bottom: 96px;
  }

  .hl-svc-name {
    min-height: 46px;
    font-size: 20px;
  }

  .hl-svc-paddles {
    display: flex;
  }

  .hl-svc-ph-display {
    font-size: 72px;
  }

  .hl-svc-ph-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-svc-plate {
    border-radius: 40px;
    padding: 32px 32px 28px;
  }

  .hl-svc-plate-sec {
    padding-top: 88px;
    padding-bottom: 80px;
  }

  .hl-svc-row {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding: 0 24px 8px;
    scroll-padding-left: 24px;
    display: flex;
    overflow-x: auto;
  }

  .hl-svc-shelf {
    top: 339px;
    left: 0;
    right: 0;
  }

  .hl-svc-stage {
    border-radius: 28px;
    padding: 40px 0 24px;
  }

  .hl-svc-steps {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-svc-steps-stage {
    width: 100%;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-terms-body {
    padding-top: 8px;
    padding-bottom: 88px;
  }

  .hl-terms-h {
    font-size: 36px;
  }

  .hl-terms-main {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
  }

  .hl-terms-stage {
    max-width: 420px;
  }

  .hl-th-bench {
    width: 450px;
    height: 470px;
  }

  .hl-th-code {
    width: 100%;
    max-width: 360px;
  }

  .hl-th-cta {
    grid-column: span 1 / span 1;
  }

  .hl-th-cta-title {
    font-size: 36px;
  }

  .hl-th-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-th-pairs {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-th-pairs-sec {
    padding-top: 88px;
    padding-bottom: 80px;
  }

  .hl-th-panel {
    width: 280px;
  }

  .hl-th-qrui {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hl-th-result {
    display: none;
  }

  .hl-th-tools-sec {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .hl-th-wire {
    display: none;
  }

  .hl-trades-event {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 48px 40px;
  }

  .hl-trades-event-obj {
    justify-content: flex-start;
  }

  .hl-trades-lang {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 40px;
    margin-bottom: 48px;
  }

  .hl-trades-pains {
    padding-top: 8px;
    padding-bottom: 80px;
  }

  .hl-trades-pass {
    bottom: -66px;
    left: -150px;
  }

  .hl-trades-pay {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    margin-top: 56px;
  }

  .hl-trades-stage {
    height: 640px;
  }

  .hl-trades-wo {
    min-height: 0;
    padding: 20px 26px 26px;
  }

  .hl-trades-wo-from {
    margin-top: 20px;
  }

  .hl-trades-wo-grid {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-trades-wo-line {
    padding-top: 10px;
  }

  .hl-trades-wo-title {
    font-size: 30px;
  }

  .hl-ty-card {
    grid-template-rows: 1fr auto auto auto 1fr;
    grid-template-columns: 290px minmax(0, 1fr);
    column-gap: 32px;
    padding: 24px 32px 24px 24px;
    display: grid;
  }

  .hl-ty-card-go {
    grid-area: 4 / 2 / 5 / 3;
    margin-top: 0;
    padding-top: 16px;
  }

  .hl-ty-card-line {
    grid-area: 3 / 2 / 4 / 3;
  }

  .hl-ty-card-obj {
    grid-area: 1 / 1 / 6 / 2;
    height: 210px;
    margin-bottom: 0;
  }

  .hl-ty-card-title {
    grid-area: 2 / 2 / 3 / 3;
  }

  .hl-ty-cards {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ty-greet {
    font-size: 40px;
  }

  .hl-ty-stage {
    padding-top: 40px;
    padding-bottom: 24px;
  }

  .hl-ty-wait {
    padding-bottom: 64px;
  }

  .hl-utm-anat {
    padding: 28px;
  }

  .hl-utm-anat-url {
    font-size: 19px;
  }

  .hl-utm-anat-wrap {
    margin-top: 96px;
  }

  .hl-utm-area, .hl-utm-area-error {
    min-height: 240px;
  }

  .hl-utm-ats {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-utm-band {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .hl-utm-bgrid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-utm-bridge {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .hl-utm-bridge-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-utm-bridge-obj {
    min-height: 0;
  }

  .hl-utm-cav {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-utm-display {
    font-size: 60px;
  }

  .hl-utm-h3 {
    font-size: 42px;
  }

  .hl-utm-head {
    padding-top: 32px;
    padding-bottom: 28px;
  }

  .hl-utm-head-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-utm-how {
    padding-top: 96px;
    padding-bottom: 88px;
  }

  .hl-utm-lead {
    font-size: 20px;
  }

  .hl-utm-legend {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-utm-mail {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 28px;
  }

  .hl-utm-main, .hl-utm-more {
    grid-column: 1 / 2;
    grid-row-start: auto;
  }

  .hl-utm-naming-copy {
    position: static;
  }

  .hl-utm-naming-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-utm-obj {
    display: none;
  }

  .hl-utm-row {
    grid-template-rows: auto;
    grid-template-columns: 44px 104px 120px minmax(0, 1fr) 84px;
    column-gap: 12px;
  }

  .hl-utm-side {
    grid-column: 1 / 2;
    grid-row-start: auto;
    position: relative;
    top: 0;
  }

  .hl-utm-single {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
  }

  .hl-utm-src-block {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-utm-src-title {
    grid-row-start: auto;
    grid-column-start: auto;
  }

  .hl-utm-steps {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 36px;
  }

  .hl-utm-thead {
    grid-template-rows: auto;
    grid-template-columns: 44px 104px 120px minmax(0, 1fr) 84px;
    column-gap: 12px;
  }

  .hl-utm-tool {
    padding-bottom: 88px;
  }

  .hl-wa-ba {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 640px;
  }

  .hl-wa-ba-col-after {
    grid-row: span 1 / span 1;
  }

  .hl-wa-h2 {
    font-size: 44px;
  }

  .hl-wa-match {
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 700px;
  }

  .hl-wa-pay {
    padding: 40px 32px 36px;
  }

  .hl-wa-pay-dash {
    font-size: 80px;
  }

  .hl-wa-pay-num {
    font-size: 112px;
  }

  .hl-wa-pay-unit {
    font-size: 38px;
  }

  .hl-wa-q {
    min-height: 210px;
  }

  .hl-wa-qs, .hl-wa-rules {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 700px;
  }

  .hl-wa-sec {
    padding-top: 104px;
  }

  .hl-wa-src {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-wa-src-side {
    position: static;
  }

  .hl-wa-stage {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .hl-wa-stat {
    padding: 26px 22px 22px;
  }

  .hl-wa-stat-fig {
    font-size: 72px;
  }

  .hl-wa-statement {
    font-size: 44px;
  }

  .hl-wa-swap {
    grid-column-gap: 16px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr);
  }

  .hl-wa-swap-who {
    text-align: left;
    grid-column: span 3 / span 3;
  }

  .hl-wa-words {
    max-width: 700px;
  }

  .hl-wh-dock {
    left: -24px;
    right: -24px;
  }

  .hl-wh-easy {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-wh-easy-sec {
    padding-top: 88px;
    padding-bottom: 8px;
  }

  .hl-wh-easy-stage {
    padding-top: 16px;
    padding-bottom: 32px;
  }

  .hl-wh-floor {
    left: -60px;
    right: -60px;
  }

  .hl-wh-pass {
    left: -16px;
  }

  .hl-wh-related {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .hl-wh-related-sec {
    padding-top: 24px;
    padding-bottom: 80px;
  }

  .hl-wh-roles-lead {
    font-size: 21px;
  }

  .hl-wh-stage {
    max-width: 520px;
    height: 680px;
  }

  .hl-why-b1 {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-2deg);
  }

  .hl-why-b2 {
    position: absolute;
    top: 10px;
    right: 0;
    transform: rotate(2deg);
  }

  .hl-why-b3 {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 8px;
    transform: rotate(-1deg);
  }

  .hl-why-b4 {
    position: absolute;
    top: auto;
    bottom: 6px;
    right: 8px;
    transform: rotate(1.5deg);
  }

  .hl-why-b5, .hl-why-b6 {
    display: none;
  }

  .hl-why-bubble {
    border-radius: 18px;
    max-width: 300px;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 1.3;
  }

  .hl-why-bubbles {
    order: 0;
    margin-bottom: 0;
    display: block;
    position: absolute;
    inset: 0;
  }

  .hl-why-drag {
    padding: 28px 26px 24px;
  }

  .hl-why-drag-item {
    font-size: 22px;
  }

  .hl-why-exp {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .hl-why-from {
    margin-bottom: 2px;
    font-size: 13px;
  }

  .hl-why-handled {
    padding-top: 64px;
    padding-bottom: 88px;
  }

  .hl-why-made {
    padding-top: 96px;
    padding-bottom: 88px;
  }

  .hl-why-mcal {
    width: 400px;
  }

  .hl-why-people {
    padding-top: 48px;
    padding-bottom: 80px;
  }

  .hl-why-poster-void {
    font-size: 96px;
  }

  .hl-why-proc {
    padding-top: 88px;
    padding-bottom: 80px;
  }

  .hl-why-proc-copy {
    padding-top: 0;
  }

  .hl-why-proc-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-why-punch {
    font-size: 36px;
  }

  .hl-why-split {
    font-size: 28px;
  }

  .hl-why-stage {
    max-width: 470px;
    height: 600px;
  }

  .hl-why-stage-h {
    min-height: 420px;
  }

  .hl-why-tail {
    left: 20px;
  }

  .hl-why-terms {
    padding-top: 128px;
    padding-bottom: 96px;
  }

  .hl-why-terms-lead {
    font-size: 22px;
  }

  .hl-why-todo-wrap {
    bottom: -80px;
    left: -48px;
  }

  .hl-why-us {
    padding: 30px 26px 26px;
  }

  .hl-why-us-item {
    font-size: 22px;
  }

  .hl-why-vs {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hl-zv-claim-says {
    min-height: 48px;
    font-size: 22px;
  }

  .hl-zv-display {
    font-size: 64px;
  }

  .hl-zv-doc {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 40px;
  }

  .hl-zv-h2 {
    font-size: 42px;
  }

  .hl-zv-offer {
    padding: 36px;
  }

  .hl-zv-rail {
    position: relative;
    top: 0;
  }

  .hl-zv-related {
    padding-bottom: 80px;
  }

  .hl-zv-src-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-zv-tbl-cell {
    font-size: 15px;
  }

  .hl-zv-tbl-head {
    column-gap: 18px;
    padding: 16px 20px;
  }

  .hl-zv-tbl-row {
    column-gap: 18px;
    padding: 18px 20px;
  }

  .hl-zv-words {
    font-size: 36px;
  }
}

@media screen and (max-width: 767px) {
  .hl-ad {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 44px 11px 14px;
  }

  .hl-ad-hook {
    margin-top: 12px;
    font-size: 24px;
  }

  .hl-ad-kicker {
    font-size: 52px;
  }

  .hl-ad-lines {
    display: none;
  }

  .hl-ad-role {
    margin-top: 12px;
    font-size: 19px;
  }

  .hl-band {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .hl-beat {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .hl-beat-alt {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-end;
  }

  .hl-beat-line {
    font-size: 64px;
  }

  .hl-beat-pay {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    padding-top: 24px;
  }

  .hl-beat-payoff {
    font-size: 76px;
  }

  .hl-beats {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .hl-bento {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .hl-bento-grid {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 2px 20px 10px;
    display: flex;
    overflow-x: auto;
  }

  .hl-bubble {
    max-width: 300px;
    padding: 14px 20px;
    font-size: 18px;
  }

  .hl-built {
    padding-top: 24px;
    padding-bottom: 40px;
  }

  .hl-built-bar {
    margin-top: 28px;
    margin-bottom: 28px;
  }

  .hl-control {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .hl-control-lines {
    margin-top: 26px;
    font-size: 24px;
  }

  .hl-control-stage {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .hl-credits {
    font-size: 15px;
  }

  .hl-cta-note-void {
    flex: none;
    margin: 0;
  }

  .hl-dash {
    border-radius: 24px;
    padding: 20px;
  }

  .hl-dash-role {
    font-size: 16px;
  }

  .hl-dash-row {
    grid-column-gap: 12px;
    grid-row-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) auto;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .hl-dash-site {
    grid-area: 2 / 1 / 3 / 2;
  }

  .hl-dash-status {
    grid-area: 1 / 2 / 3 / 3;
    align-self: center;
  }

  .hl-display, .hl-display-void {
    font-size: 48px;
  }

  .hl-easy {
    padding-top: 88px;
    padding-bottom: 80px;
  }

  .hl-easy-actions {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: flex-start;
  }

  .hl-easy-foot {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 36px;
  }

  .hl-easy-line {
    font-size: 24px;
  }

  .hl-event {
    padding-top: 56px;
    padding-bottom: 48px;
  }

  .hl-event-lead {
    margin-top: 16px;
    font-size: 19px;
  }

  .hl-event-stage {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .hl-fan {
    height: 360px;
    margin-top: 44px;
  }

  .hl-fan-2 {
    z-index: 1;
    width: 236px;
    margin-left: -118px;
    top: 8px;
    transform: translate(-22px)rotate(-5deg);
  }

  .hl-fan-3 {
    z-index: 2;
    width: 236px;
    margin-left: -118px;
    top: 8px;
    transform: translate(0, 112px)rotate(0);
  }

  .hl-fan-4 {
    z-index: 3;
    width: 236px;
    margin-left: -118px;
    top: 8px;
    transform: translate(22px, 224px)rotate(5deg);
  }

  .hl-faq-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 48px;
  }

  .hl-faq-section {
    padding-bottom: 48px;
  }

  .hl-faq-title {
    font-size: 34px;
  }

  .hl-field-pair {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-flip-from {
    padding: 6px 11px;
    font-size: 12px;
  }

  .hl-foot-trust {
    flex-wrap: wrap;
    gap: 4px 16px;
    font-size: 14px;
    display: flex;
  }

  .hl-h1-lead {
    margin-bottom: 18px;
    font-size: 16px;
  }

  .hl-handled {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 14px 24px 14px 14px;
    font-size: 20px;
  }

  .hl-handled-dot {
    width: 22px;
    height: 22px;
  }

  .hl-head-light {
    width: 480px;
    height: 360px;
    margin-top: -180px;
    margin-left: -240px;
  }

  .hl-hero {
    padding-top: 36px;
  }

  .hl-hero-actions {
    grid-column-gap: 24px;
    grid-row-gap: 4px;
    margin-top: 28px;
  }

  .hl-hero-pass {
    width: 310px;
    top: auto;
    bottom: 20px;
    left: -4px;
  }

  .hl-hero-phone {
    width: 236px;
    top: 0;
    right: 0;
  }

  .hl-hero-poster {
    font-size: 64px;
  }

  .hl-hero-stage {
    max-width: 390px;
    height: 640px;
  }

  .hl-hero-sub {
    margin-top: 24px;
    font-size: 19px;
  }

  .hl-how {
    padding-top: 72px;
    padding-bottom: 64px;
  }

  .hl-how-note {
    margin-top: 28px;
    font-size: 18px;
  }

  .hl-ind {
    border-radius: 24px;
    flex: none;
    min-height: 0;
    padding: 20px 24px;
  }

  .hl-ind-arrow {
    width: 44px;
    height: 44px;
    bottom: 22px;
    right: 22px;
  }

  .hl-ind-chips {
    padding-top: 16px;
  }

  .hl-ind-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: grid;
    overflow: visible;
  }

  .hl-ind-line {
    font-size: 17px;
  }

  .hl-ind-title {
    font-size: 28px;
  }

  .hl-ind-wide {
    border-radius: 24px;
    flex: none;
    min-height: 0;
    padding: 20px 24px;
  }

  .hl-keylight {
    width: 520px;
    height: 360px;
    margin-left: -260px;
    bottom: -40px;
  }

  .hl-lb-brand {
    font-size: 16px;
  }

  .hl-lb-kicker {
    font-size: 76px;
  }

  .hl-lb-note {
    font-size: 14px;
  }

  .hl-lb-qr {
    width: 92px;
    height: 92px;
    padding: 5px;
  }

  .hl-lb-qr-img {
    width: 82px;
    height: 82px;
  }

  .hl-lb-title {
    margin-top: 18px;
    font-size: 21px;
  }

  .hl-lb-when {
    font-size: 30px;
  }

  .hl-lead-center {
    margin-top: 16px;
    font-size: 19px;
  }

  .hl-lead-void {
    margin-top: 20px;
    font-size: 19px;
  }

  .hl-lightbox {
    width: 330px;
  }

  .hl-lightbox-face {
    padding: 26px 22px 20px;
  }

  .hl-lightbox-glow {
    width: 480px;
    height: 480px;
    margin-top: -240px;
    margin-left: -240px;
  }

  .hl-links-row {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-direction: column;
    margin-top: 20px;
  }

  .hl-livead-kicker {
    font-size: 44px;
  }

  .hl-lockup {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .hl-lockup-big {
    font-size: 44px;
  }

  .hl-lockup-small {
    margin-top: 10px;
    font-size: 18px;
  }

  .hl-lockups {
    margin-top: 36px;
  }

  .hl-mini-beacon-word {
    font-size: 52px;
  }

  .hl-mini-board {
    padding: 24px 22px 22px;
  }

  .hl-nav-desc {
    letter-spacing: .12em;
    padding-left: 9px;
    font-size: 9px;
  }

  .hl-nav-wordmark {
    width: 67px;
    height: 40px;
  }

  .hl-offer {
    max-width: 340px;
    height: 112px;
    margin-bottom: 36px;
  }

  .hl-offer-main {
    padding: 14px 18px;
  }

  .hl-offer-mark {
    width: 38px;
    height: 38px;
  }

  .hl-offer-stub {
    width: 76px;
  }

  .hl-offer-title {
    font-size: 32px;
  }

  .hl-paddles {
    padding: 14px 22px 0;
  }

  .hl-pass {
    border-radius: 15px;
    height: 142px;
  }

  .hl-pass-main {
    padding: 14px 4px 14px 16px;
  }

  .hl-pass-mark {
    width: 26px;
    height: 26px;
    margin-left: -13px;
    top: 13px;
  }

  .hl-pass-meta {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 12px;
  }

  .hl-pass-qr {
    padding: 14px 14px 14px 4px;
  }

  .hl-pass-qr-img {
    width: 64px;
    height: 64px;
  }

  .hl-pass-stub {
    width: 54px;
  }

  .hl-pass-stub-text {
    font-size: 11px;
    top: 88px;
  }

  .hl-pass-title {
    font-size: 32px;
  }

  .hl-pass-value {
    font-size: 18px;
  }

  .hl-ph-display {
    font-size: 48px;
  }

  .hl-ph-object {
    min-height: 320px;
  }

  .hl-phone {
    border-radius: 42px;
    width: 236px;
    height: 480px;
    padding: 8px;
  }

  .hl-phone-island {
    width: 76px;
    height: 22px;
    margin-left: -38px;
    top: 10px;
  }

  .hl-phone-screen {
    border-radius: 34px;
  }

  .hl-plan-item {
    font-size: 17px;
  }

  .hl-poster {
    font-size: 64px;
  }

  .hl-pressure {
    padding-top: 64px;
    padding-bottom: 40px;
  }

  .hl-pressure-note {
    font-size: 22px;
  }

  .hl-promise {
    padding-top: 88px;
    padding-bottom: 64px;
  }

  .hl-sad-amber {
    flex: 0 0 224px;
    min-height: 400px;
  }

  .hl-sad-amber-hook {
    font-size: 68px;
  }

  .hl-sad-chalk {
    flex: 0 0 224px;
    min-height: 400px;
  }

  .hl-sad-giant {
    font-size: 94px;
  }

  .hl-sad-heat {
    flex: 0 0 224px;
    min-height: 400px;
  }

  .hl-sad-hook {
    font-size: 56px;
  }

  .hl-sad-square {
    height: 196px;
  }

  .hl-sad-square-hook {
    font-size: 44px;
  }

  .hl-sad-type {
    font-size: 40px;
  }

  .hl-sad-void, .hl-sad-volt {
    flex: 0 0 224px;
    min-height: 400px;
  }

  .hl-screen {
    height: 380px;
    margin-top: 22px;
  }

  .hl-sec-head, .hl-sec-head-center {
    margin-bottom: 36px;
  }

  .hl-section {
    padding-top: 48px;
    padding-bottom: 56px;
  }

  .hl-section-alt {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .hl-set-health, .hl-set-retail, .hl-set-trades, .hl-set-volume, .hl-set-warehouse {
    display: none;
  }

  .hl-signoff {
    padding: 72px 20px 88px;
  }

  .hl-signoff-cta {
    margin-top: 32px;
  }

  .hl-signoff-line {
    font-size: 64px;
  }

  .hl-signoff-trust {
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 16px;
    font-size: 14px;
    display: flex;
  }

  .hl-status-closed, .hl-status-open {
    padding: 6px 11px;
    font-size: 12px;
  }

  .hl-step {
    border-radius: 24px;
    padding: 22px;
  }

  .hl-step-title {
    font-size: 28px;
  }

  .hl-strip {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 8px 22px 12px;
  }

  .hl-ticker {
    padding-bottom: 12px;
  }

  .hl-ticker-btn {
    margin-right: 20px;
  }

  .hl-ticker-group {
    padding-right: 16px;
    font-size: 60px;
  }

  .hl-ticker-sep {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hl-ticket {
    border-radius: 12px;
    height: 104px;
  }

  .hl-ticket-kicker {
    font-size: 32px;
  }

  .hl-ticket-main {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding: 10px 12px;
  }

  .hl-ticket-role {
    font-size: 13px;
  }

  .hl-ticket-seat {
    font-size: 24px;
  }

  .hl-ticket-seat-label {
    font-size: 9px;
  }

  .hl-ticket-stub {
    width: 50px;
  }

  .hl-ticket-when {
    font-size: 11px;
  }

  .hl-tile {
    border-radius: 24px;
    flex: 0 0 80%;
    min-height: 300px;
    padding: 24px;
  }

  .hl-tile-lg {
    border-radius: 24px;
    padding-top: 24px;
    padding-bottom: 22px;
  }

  .hl-tile-lg-link {
    padding-left: 22px;
    padding-right: 22px;
  }

  .hl-tile-lg-title {
    font-size: 26px;
  }

  .hl-tile-title {
    font-size: 22px;
  }

  .hl-tile-wide {
    border-radius: 24px;
    flex: 0 0 86%;
    min-height: 300px;
    padding: 24px;
  }

  .hl-tool-cap {
    padding: 16px 20px 18px;
    font-size: 17px;
  }

  .hl-tool-stage {
    height: 180px;
  }

  .hl-tools-cards {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 2px 20px 10px;
    display: flex;
    overflow-x: auto;
  }

  .hl-tools-li {
    flex: 0 0 74%;
  }

  .hl-tools-rail {
    padding-top: 56px;
    padding-bottom: 40px;
  }

  .hl-tools-title {
    font-size: 24px;
  }

  .hl-trust-form {
    flex-wrap: wrap;
    gap: 4px 16px;
    font-size: 14px;
    display: flex;
  }

  .hl-trust-hero {
    flex-wrap: wrap;
    gap: 4px 16px;
    font-size: 15px;
    display: flex;
  }

  .hl-trust-sep {
    display: none;
  }

  .lp-body {
    font-size: 17px;
  }

  .lp-btn, .lp-btn._w-button {
    width: 100%;
  }

  .lp-card-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-chip {
    min-height: 44px;
    padding: 0 16px;
    font-size: 15px;
  }

  .lp-chip-on {
    min-height: 44px;
    padding: 0 16px 0 10px;
    font-size: 15px;
  }

  .lp-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lp-crumbs {
    margin-bottom: 32px;
  }

  .lp-cta-form {
    padding-top: 72px;
    padding-bottom: 32px;
  }

  .lp-cta-inline {
    padding: 26px 22px;
  }

  .lp-def {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 6px;
    padding: 18px 0 20px;
  }

  .lp-def-text {
    font-size: 16px;
  }

  .lp-define {
    border-radius: 24px;
    padding: 26px 22px;
  }

  .lp-define-text {
    font-size: 21px;
  }

  .lp-doc {
    row-gap: 40px;
  }

  .lp-doc-main {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
  }

  .lp-doc-section {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding-top: 28px;
  }

  .lp-dtable {
    border-radius: 20px;
    padding: 4px 20px 8px;
  }

  .lp-dtable-cell {
    padding: 3px 0;
    display: block;
  }

  .lp-dtable-head {
    display: none;
  }

  .lp-dtable-mlabel {
    color: #ffa800;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-right: 6px;
    font-family: Archivo, sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-stretch: 62%;
    line-height: 1.3;
    display: inline;
  }

  .lp-dtable-rh {
    margin-bottom: 8px;
    font-size: 18px;
    display: block;
  }

  .lp-dtable-row {
    padding: 16px 0 18px;
    display: block;
  }

  .lp-ex-client-text {
    font-size: 18px;
  }

  .lp-ex-fig-value {
    font-size: 26px;
  }

  .lp-ex-figs {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-eyebrow {
    font-size: 14px;
  }

  .lp-faq-a {
    padding-right: 0;
  }

  .lp-faq-q {
    min-height: 68px;
    padding: 16px 0;
    font-size: 19px;
  }

  .lp-foot-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .lp-foot-col {
    border-bottom: 1px solid #2e2824;
  }

  .lp-foot-cols {
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding-top: 24px;
    padding-bottom: 32px;
  }

  .lp-foot-list {
    padding-bottom: 14px;
  }

  .lp-foot-sign {
    display: block;
  }

  .lp-foot-toggle {
    cursor: pointer;
    min-height: 56px;
    margin: 0;
    font-size: 17px;
  }

  .lp-footer {
    padding-bottom: 100px;
  }

  .lp-form, .lp-form._w-form {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .lp-form-card {
    border-radius: 24px;
    padding: 24px 20px;
  }

  .lp-h1 {
    font-size: 40px;
  }

  .lp-h2 {
    font-size: 36px;
  }

  .lp-h3 {
    font-size: 22px;
  }

  .lp-hero-note {
    margin-top: -8px;
    font-size: 14px;
  }

  .lp-hero-sub {
    font-size: 19px;
  }

  .lp-lead {
    margin-top: 16px;
    font-size: 19px;
  }

  .lp-link-arrow {
    align-self: flex-start;
    max-width: max-content;
  }

  .lp-margin-note {
    font-size: 14px;
  }

  .lp-method {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-method-cell {
    padding: 16px 18px 18px;
  }

  .lp-mini-row, .lp-mini-row-own, .lp-mini-row-total {
    column-gap: 12px;
  }

  .lp-mpanel, .lp-mpanel-open {
    top: 60px;
  }

  .lp-nav-brand {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .lp-nav-inner {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .lp-pace {
    width: 100%;
  }

  .lp-pacing {
    height: 150px;
  }

  .lp-page {
    font-size: 17px;
  }

  .lp-page-head {
    padding-top: 32px;
    padding-bottom: 88px;
  }

  .lp-page-notes {
    padding-bottom: 48px;
  }

  .lp-ph-bar {
    flex-direction: column;
  }

  .lp-ph-grid {
    row-gap: 28px;
  }

  .lp-ph-meta {
    margin: -20px 0 28px;
  }

  .lp-ph-text {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }

  .lp-portal {
    border-radius: 24px;
  }

  .lp-portal-bar {
    padding: 26px 18px 14px;
  }

  .lp-portal-body {
    padding: 16px 18px;
  }

  .lp-portal-caption {
    padding: 12px 18px 18px;
  }

  .lp-portal-tab-opt {
    display: none;
  }

  .lp-portal-tabs {
    grid-column-gap: 16px;
    grid-row-gap: 2px;
    padding: 0 18px;
  }

  .lp-q-card {
    border-radius: 24px;
    padding: 24px 22px 26px;
  }

  .lp-q-text {
    font-size: 24px;
  }

  .lp-related-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .lp-section-card {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .lp-section-follow {
    padding-bottom: 72px;
  }

  .lp-section-head {
    margin-bottom: 36px;
    padding-top: 24px;
  }

  .lp-sheet {
    border-radius: 24px;
    padding: 28px 18px 20px;
  }

  .lp-side-item {
    font-size: 16px;
  }

  .lp-sides-grid {
    row-gap: 56px;
  }

  .lp-small {
    font-size: 14px;
  }

  .lp-split {
    row-gap: 16px;
  }

  .lp-stamp {
    right: 14px;
  }

  .lp-stat {
    border-radius: 24px;
    padding: 24px 22px 22px;
  }

  .lp-stat-figure {
    font-size: 44px;
  }

  .lp-sticky {
    z-index: 40;
    background-color: #0a0807f0;
    border-top: 1px solid #2e2824;
    padding: 8px 16px;
    transition: transform .3s cubic-bezier(.16, 1, .3, 1);
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(110%);
  }

  .lp-sticky-on {
    z-index: 40;
    background-color: #0a0807f0;
    border-top: 1px solid #2e2824;
    padding: 8px 16px;
    transition: transform .3s cubic-bezier(.16, 1, .3, 1);
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(0);
  }

  .lp-tab, .lp-tab-on {
    padding: 0 16px;
    font-size: 14px;
  }

  .lp-tabs {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .lp-trust-row {
    font-size: 14px;
  }

  .hl-404-bars {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    height: 132px;
  }

  .hl-404-eq {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    height: 64px;
    margin-bottom: 24px;
  }

  .hl-404-eq-a {
    width: 9px;
    height: 22px;
  }

  .hl-404-eq-b {
    width: 9px;
    height: 36px;
  }

  .hl-404-eq-c {
    width: 9px;
    height: 50px;
  }

  .hl-404-eq-d {
    width: 9px;
    height: 64px;
  }

  .hl-404-job {
    margin-top: 40px;
  }

  .hl-404-meter {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 22px 20px 24px;
  }

  .hl-404-poster {
    margin-top: 14px;
    font-size: 64px;
  }

  .hl-404-quick {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 16px;
    display: grid;
  }

  .hl-404-routes {
    padding-top: 8px;
    padding-bottom: 80px;
  }

  .hl-404-stage {
    max-width: 360px;
  }

  .hl-acc-aa, .hl-acc-aa-dim {
    font-size: 56px;
  }

  .hl-acc-bubble {
    font-size: 17px;
  }

  .hl-acc-built {
    padding-top: 8px;
    padding-bottom: 56px;
  }

  .hl-acc-card {
    border-radius: 24px;
    padding: 16px 16px 22px;
  }

  .hl-acc-card-title {
    font-size: 21px;
  }

  .hl-acc-code {
    font-size: 46px;
  }

  .hl-acc-faq-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 48px;
  }

  .hl-acc-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-acc-key {
    width: 92px;
    height: 64px;
    padding: 0 0 11px 13px;
    font-size: 17px;
  }

  .hl-acc-name {
    font-size: 17px;
  }

  .hl-acc-obj {
    border-radius: 16px;
    height: 112px;
    margin-bottom: 6px;
  }

  .hl-acc-panel {
    padding: 22px 20px 6px;
  }

  .hl-acc-row, .hl-acc-row-last {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .hl-acc-stage {
    max-width: 360px;
    padding-bottom: 66px;
    padding-left: 24px;
  }

  .hl-ahe-ad-stage {
    min-height: 0;
    padding: 20px 0 8px;
  }

  .hl-ahe-after-obj {
    padding: 32px 0 8px;
  }

  .hl-ahe-answer {
    margin-top: 22px;
  }

  .hl-ahe-article {
    padding-bottom: 88px;
  }

  .hl-ahe-bar {
    border-radius: 12px;
    height: 48px;
  }

  .hl-ahe-bar-google {
    padding-left: 10px;
    font-size: 15px;
  }

  .hl-ahe-bar-hold {
    padding-left: 6px;
    font-size: 13px;
  }

  .hl-ahe-bar-meta {
    padding-left: 10px;
    font-size: 15px;
  }

  .hl-ahe-bar-print {
    padding-left: 8px;
    font-size: 15px;
  }

  .hl-ahe-budget {
    border-radius: 24px;
    padding: 24px 20px 16px;
  }

  .hl-ahe-budget-title {
    font-size: 20px;
  }

  .hl-ahe-callout-text, .hl-ahe-check-text {
    font-size: 16px;
  }

  .hl-ahe-creative {
    border-radius: 24px;
    padding: 0 20px 20px;
  }

  .hl-ahe-dot-1, .hl-ahe-dot-2, .hl-ahe-dot-3, .hl-ahe-dot-4, .hl-ahe-dot-6 {
    top: 28px;
    left: 10px;
  }

  .hl-ahe-dot-event {
    top: 24px;
    left: 3px;
  }

  .hl-ahe-end {
    padding-bottom: 72px;
  }

  .hl-ahe-fl-link {
    font-size: 11px;
  }

  .hl-ahe-fl-qr {
    width: 64px;
    height: 64px;
  }

  .hl-ahe-fl-title {
    font-size: 66px;
  }

  .hl-ahe-flood-foot {
    flex-direction: column;
    margin-top: 36px;
  }

  .hl-ahe-flyer {
    width: 300px;
    padding: 24px 22px 20px;
  }

  .hl-ahe-flyer-fig {
    margin: 32px auto 28px;
  }

  .hl-ahe-flyer-stage {
    min-height: 0;
    padding: 24px 0 32px;
  }

  .hl-ahe-format-line {
    margin: 8px 22px 0;
  }

  .hl-ahe-format-rows {
    margin: 14px 22px 0;
  }

  .hl-ahe-format-title {
    margin: 0 22px;
    font-size: 22px;
  }

  .hl-ahe-formats {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin: 32px auto;
  }

  .hl-ahe-gap {
    font-size: 17px;
  }

  .hl-ahe-h2 {
    margin: 12px 0 22px;
    font-size: 34px;
  }

  .hl-ahe-law {
    padding: 22px 20px 20px;
  }

  .hl-ahe-law-quote {
    font-size: 17px;
  }

  .hl-ahe-laws {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .hl-ahe-lead {
    border-radius: 24px;
    padding: 24px 20px 22px;
  }

  .hl-ahe-lead-btn {
    padding-top: 0;
  }

  .hl-ahe-lead-done {
    font-size: 20px;
  }

  .hl-ahe-lead-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ahe-legend-name {
    font-size: 15px;
  }

  .hl-ahe-legend-row {
    grid-column-gap: 12px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: 14px minmax(0, 1fr) auto;
  }

  .hl-ahe-legend-when {
    text-align: left;
    grid-column: 2 / 4;
    font-size: 14px;
  }

  .hl-ahe-list-card {
    border-radius: 24px;
    padding: 22px 20px 10px;
  }

  .hl-ahe-lockups {
    margin-top: 36px;
  }

  .hl-ahe-map {
    border-radius: 24px;
    flex-direction: column;
    padding: 24px 20px;
  }

  .hl-ahe-map-arrow {
    margin-top: -6px;
    margin-left: 2px;
    transform: rotate(90deg);
  }

  .hl-ahe-map-event, .hl-ahe-map-jobs {
    width: 100%;
  }

  .hl-ahe-map-line {
    background-image: linear-gradient(#6e655b 0%, #ffd60a 100%);
    flex: auto;
    width: 2px;
    height: auto;
  }

  .hl-ahe-map-link {
    flex-direction: column;
    flex: none;
    min-width: 0;
    max-width: none;
    height: 52px;
    padding: 4px 0;
  }

  .hl-ahe-meta {
    font-size: 14px;
  }

  .hl-ahe-pace {
    padding: 20px 18px 18px;
  }

  .hl-ahe-ph-object {
    display: none;
  }

  .hl-ahe-pill {
    padding: 8px 14px;
    font-size: 13px;
  }

  .hl-ahe-plan {
    margin: 32px auto 28px;
  }

  .hl-ahe-qz {
    border-radius: 24px;
    padding: 24px 20px;
  }

  .hl-ahe-qz-frame {
    padding: 20px;
  }

  .hl-ahe-qz-img {
    width: 165px;
    height: 165px;
  }

  .hl-ahe-rail-1 {
    top: 38px;
    left: 18px;
  }

  .hl-ahe-rail-2, .hl-ahe-rail-3, .hl-ahe-rail-4 {
    left: 18px;
  }

  .hl-ahe-rail-5 {
    left: 17px;
  }

  .hl-ahe-rail-6 {
    height: 38px;
    left: 18px;
  }

  .hl-ahe-rule {
    border-radius: 24px;
    padding: 22px 20px 10px;
  }

  .hl-ahe-rule-name {
    font-size: 20px;
  }

  .hl-ahe-rule-row {
    grid-column-gap: 12px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 12px 0;
  }

  .hl-ahe-rule-v {
    grid-area: 2 / 1 / 3 / 2;
    font-size: 14.5px;
  }

  .hl-ahe-sec {
    padding-top: 88px;
  }

  .hl-ahe-sec-first {
    padding-top: 80px;
  }

  .hl-ahe-size {
    grid-column-gap: 12px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .hl-ahe-size-track {
    grid-area: 2 / 1 / 3 / 3;
  }

  .hl-ahe-sizes-lead {
    font-size: 20px;
  }

  .hl-ahe-spec {
    border-radius: 24px;
    margin: 32px auto 8px;
    padding: 24px 20px 8px;
  }

  .hl-ahe-spec-item {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding: 14px 0;
  }

  .hl-ahe-spec-text {
    font-size: 16px;
  }

  .hl-ahe-spec-title {
    font-size: 22px;
  }

  .hl-ahe-src {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 48px;
  }

  .hl-ahe-st-fixed, .hl-ahe-st-min, .hl-ahe-st-no {
    grid-area: 1 / 2 / 3 / 3;
  }

  .hl-ahe-stage {
    max-width: 360px;
    height: 560px;
  }

  .hl-ahe-system {
    padding: 22px 20px 20px;
  }

  .hl-ahe-systems {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .hl-ahe-tag-1 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 14px;
    width: 214px;
    padding: 10px 12px 10px 10px;
    top: 0;
    left: 4px;
  }

  .hl-ahe-tag-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 14px;
    width: 214px;
    padding: 10px 12px 10px 10px;
    top: 86px;
    left: 20px;
  }

  .hl-ahe-tag-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 14px;
    width: 214px;
    padding: 10px 12px 10px 10px;
    top: 172px;
    left: 4px;
  }

  .hl-ahe-tag-label {
    font-size: 11px;
  }

  .hl-ahe-tag-qr {
    width: 54px;
    height: 54px;
  }

  .hl-ahe-tag-value {
    font-size: 17px;
  }

  .hl-ahe-tags {
    width: 236px;
    height: 252px;
  }

  .hl-ahe-toc {
    padding: 20px 20px 16px;
  }

  .hl-ahe-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ahe-utm {
    padding: 18px 16px;
  }

  .hl-ahe-utm-tok, .hl-ahe-utm-tok-hot {
    font-size: 12.5px;
  }

  .hl-ahe-win-body {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 20px 18px 22px;
  }

  .hl-ahe-win-role-name {
    font-size: 15px;
  }

  .hl-ahe-win-title {
    font-size: 28px;
  }

  .hl-ahe-win-wrap {
    width: 286px;
    top: 34px;
  }

  .hl-ahe-wk {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    padding: 24px 0 26px 52px;
    display: flex;
  }

  .hl-ahe-wk-event {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 20px;
    flex-direction: column;
    padding: 24px 18px 26px 52px;
    display: flex;
  }

  .hl-ahe-wk-last {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    padding: 24px 0 26px 52px;
    display: flex;
  }

  .hl-ahe-wk-text {
    padding-top: 0;
    font-size: 16px;
  }

  .hl-ahe-wk-title {
    font-size: 26px;
  }

  .hl-ahe-wk-tools {
    padding-top: 2px;
  }

  .hl-bp-actions {
    grid-column-gap: 18px;
    grid-row-gap: 6px;
  }

  .hl-bp-bridge {
    padding-top: 80px;
    padding-bottom: 88px;
  }

  .hl-bp-bridge-title {
    font-size: 46px;
  }

  .hl-bp-chart {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    height: 120px;
  }

  .hl-bp-dash {
    border-radius: 22px;
    padding: 20px 18px 18px;
  }

  .hl-bp-dash-off, .hl-bp-dash-on {
    grid-column: 1 / span 2;
    justify-self: start;
  }

  .hl-bp-dash-row {
    grid-template-rows: auto;
    grid-template-columns: 56px minmax(0, 1fr);
    row-gap: 10px;
    padding: 14px 0;
  }

  .hl-bp-display {
    font-size: 50px;
  }

  .hl-bp-email {
    padding-bottom: 72px;
  }

  .hl-bp-email-card {
    border-radius: 22px;
    padding: 26px 20px;
  }

  .hl-bp-email-row {
    flex-direction: column;
    align-items: stretch;
  }

  .hl-bp-email-sub {
    font-size: 17px;
  }

  .hl-bp-email-title {
    font-size: 38px;
  }

  .hl-bp-eq {
    border-radius: 22px;
    padding: 22px 20px 24px;
  }

  .hl-bp-eq-f {
    font-size: 24px;
  }

  .hl-bp-fields {
    gap: 16px 12px;
  }

  .hl-bp-fig-value, .hl-bp-fig-value-hot {
    font-size: 26px;
  }

  .hl-bp-form, .hl-bp-form._w-form {
    border-radius: 22px;
    margin-top: 26px;
    padding: 20px 18px 22px;
  }

  .hl-bp-form-title {
    font-size: 21px;
  }

  .hl-bp-keylight {
    width: 600px;
    margin-left: -300px;
  }

  .hl-bp-lead {
    font-size: 18px;
  }

  .hl-bp-math {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-bp-more {
    padding-top: 64px;
    padding-bottom: 40px;
  }

  .hl-bp-name-cell, .hl-bp-name-total {
    grid-column-start: 1;
  }

  .hl-bp-note {
    border-radius: 22px;
    padding: 24px 20px 26px;
  }

  .hl-bp-note-title {
    font-size: 24px;
  }

  .hl-bp-notes {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 40px;
  }

  .hl-bp-own-name {
    grid-column-start: 1;
  }

  .hl-bp-peek {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #ffd60a;
    font-variant-numeric: tabular-nums;
    align-self: flex-start;
    align-items: center;
    min-height: 44px;
    margin-top: -6px;
    font-family: Archivo, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    display: inline-flex;
  }

  .hl-bp-period {
    column-gap: 12px;
  }

  .hl-bp-res-head {
    align-items: flex-start;
  }

  .hl-bp-res-name {
    font-size: 18px;
  }

  .hl-bp-result {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 22px;
    padding: 24px 20px 22px;
  }

  .hl-bp-row, .hl-bp-row-own, .hl-bp-row-total {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
  }

  .hl-bp-scen {
    border-radius: 22px;
    padding: 22px 20px 24px;
  }

  .hl-bp-scens {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-bp-sec, .hl-bp-sec-alt {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .hl-bp-sheet {
    border-radius: 22px;
    padding: 22px 18px 24px;
  }

  .hl-bp-sheet-title {
    font-size: 22px;
  }

  .hl-bp-sources {
    margin-top: 56px;
  }

  .hl-bp-spec {
    min-height: 30px;
    padding: 5px 12px 5px 10px;
    font-size: 13px;
  }

  .hl-bp-specs {
    margin-top: 18px;
  }

  .hl-bp-stat {
    grid-column-start: 2;
  }

  .hl-bp-state-ahead, .hl-bp-state-behind {
    padding: 9px 20px 9px 16px;
    font-size: 26px;
  }

  .hl-bp-state-none {
    font-size: 18px;
  }

  .hl-bp-state-on {
    padding: 9px 20px 9px 16px;
    font-size: 26px;
  }

  .hl-bp-state-text {
    font-size: 16px;
  }

  .hl-bp-summary {
    padding: 14px 16px;
    font-size: 17px;
  }

  .hl-bp-top {
    padding-top: 24px;
    padding-bottom: 32px;
  }

  .hl-ca-answer {
    border-radius: 22px;
    margin-top: -32px;
    padding: 22px 20px 18px;
  }

  .hl-ca-answer-label {
    font-size: 20px;
  }

  .hl-ca-arow {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 0;
  }

  .hl-ca-arow-last {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 0 4px;
  }

  .hl-ca-arow-t {
    font-size: 17px;
  }

  .hl-ca-ask {
    width: 20px;
    height: 20px;
  }

  .hl-ca-card {
    border-radius: 22px;
    padding: 16px 16px 6px;
  }

  .hl-ca-card-tag {
    padding: 4px 8px;
    font-size: 11px;
  }

  .hl-ca-card-title {
    font-size: 16px;
  }

  .hl-ca-card-wrap {
    width: 270px;
  }

  .hl-ca-check-item {
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px 0 13px;
  }

  .hl-ca-check-text {
    font-size: 16px;
  }

  .hl-ca-close {
    border-radius: 22px;
    margin-top: 56px;
    padding: 24px 22px;
    font-size: 18px;
  }

  .hl-ca-compare {
    border-radius: 22px;
    padding: 18px 16px 16px;
  }

  .hl-ca-compare-cap {
    font-size: 14px;
  }

  .hl-ca-compare-title {
    font-size: 16px;
  }

  .hl-ca-dash-wrap {
    border-radius: 22px;
    padding: 28px 14px 22px;
  }

  .hl-ca-display {
    font-size: 46px;
    line-height: .98;
  }

  .hl-ca-doc {
    margin-top: 40px;
  }

  .hl-ca-fig {
    border-radius: 20px;
    padding: 20px 18px 18px;
  }

  .hl-ca-fig-label {
    grid-column: span 2 / span 2;
    font-size: 15px;
  }

  .hl-ca-fig-row {
    grid-column-gap: 12px;
    grid-row-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) 52px;
    padding: 8px 0;
  }

  .hl-ca-fig-title {
    font-size: 16px;
  }

  .hl-ca-fig-val {
    font-size: 18px;
  }

  .hl-ca-h2 {
    font-size: 32px;
  }

  .hl-ca-lump {
    min-height: 64px;
  }

  .hl-ca-model {
    padding: 18px 20px 14px;
  }

  .hl-ca-model-name {
    font-size: 19px;
  }

  .hl-ca-model-row {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    padding: 8px 0;
  }

  .hl-ca-model-v, .hl-ca-model-v-strong {
    font-size: 15px;
  }

  .hl-ca-models {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ca-offer {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    border-radius: 22px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 48px;
    padding: 28px 22px 32px;
  }

  .hl-ca-offer-obj {
    display: none;
  }

  .hl-ca-offer-title {
    font-size: 30px;
  }

  .hl-ca-pair {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ca-part {
    grid-column: span 1 / span 1;
    padding: 18px 20px 20px;
  }

  .hl-ca-part-name {
    font-size: 19px;
  }

  .hl-ca-part-wide, .hl-ca-part-you {
    grid-column: span 1 / span 1;
    padding: 18px 20px 20px;
  }

  .hl-ca-parts {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ca-prop-total {
    font-size: 14px;
  }

  .hl-ca-prop-total-bar {
    flex-shrink: 0;
    width: 48px;
  }

  .hl-ca-props {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ca-q, .hl-ca-q-last {
    text-indent: -36px;
    padding: 12px 0 13px 36px;
    font-size: 16px;
  }

  .hl-ca-q-num {
    width: 32px;
    font-size: 15px;
  }

  .hl-ca-qs-card {
    border-radius: 20px;
    padding: 4px 18px;
  }

  .hl-ca-related {
    margin-top: 56px;
  }

  .hl-ca-role, .hl-ca-role-hot {
    padding: 18px 20px;
  }

  .hl-ca-role-name {
    font-size: 24px;
  }

  .hl-ca-role-text {
    font-size: 16px;
  }

  .hl-ca-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 9px 0;
  }

  .hl-ca-row-last {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 9px 0 10px;
  }

  .hl-ca-row-text {
    font-size: 14px;
  }

  .hl-ca-rule-chip, .hl-ca-rule-chip-lock {
    padding: 5px 10px;
    font-size: 14px;
  }

  .hl-ca-rules-key {
    padding: 12px 18px 13px;
  }

  .hl-ca-rules-row, .hl-ca-rules-row-last {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 16px 18px;
  }

  .hl-ca-sec {
    padding-top: 64px;
  }

  .hl-ca-sheet {
    border-radius: 14px;
    padding: 16px 16px 20px;
  }

  .hl-ca-sheet-amt {
    width: 44px;
    height: 8px;
  }

  .hl-ca-sheet-amt-m {
    width: 34px;
    height: 8px;
  }

  .hl-ca-sheet-amt-s {
    width: 26px;
    height: 8px;
  }

  .hl-ca-sheet-label {
    font-size: 13px;
  }

  .hl-ca-sheet-row {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 9px 0;
  }

  .hl-ca-sheet-tag {
    font-size: 11px;
  }

  .hl-ca-sheet-title {
    font-size: 21px;
  }

  .hl-ca-sheet-total-amt {
    width: 56px;
    height: 9px;
  }

  .hl-ca-sheet-total-label {
    font-size: 13px;
  }

  .hl-ca-sheet-wrap {
    width: 236px;
  }

  .hl-ca-side {
    margin-bottom: 56px;
  }

  .hl-ca-sources {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .hl-ca-sources-title {
    font-size: 28px;
  }

  .hl-ca-src, .hl-ca-src-on {
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-ca-stage {
    max-width: 350px;
    height: 430px;
  }

  .hl-ca-stamp {
    border-width: 2px;
    padding: 4px 10px 3px;
    inset: 60px -10px auto auto;
  }

  .hl-ca-statement {
    margin: 32px 0 28px;
    font-size: 34px;
    line-height: 1.06;
  }

  .hl-ca-toc-list {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
  }

  .hl-ca-yes {
    width: 20px;
    height: 20px;
  }

  .hl-cb-answer {
    border-radius: 22px;
    margin-top: -32px;
    padding: 22px 20px 18px;
  }

  .hl-cb-answer-label {
    font-size: 20px;
  }

  .hl-cb-arow {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 14px 0;
    font-size: 17px;
  }

  .hl-cb-arow-k, .hl-cb-arow-k-volt {
    padding-top: 0;
  }

  .hl-cb-arow-last {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 14px 0 2px;
    font-size: 17px;
  }

  .hl-cb-chart {
    border-radius: 22px;
    padding: 20px 18px 8px;
  }

  .hl-cb-chart-cell {
    grid-template-rows: auto;
    grid-template-columns: 62px minmax(0, 1fr) 50px;
    column-gap: 10px;
  }

  .hl-cb-chart-head {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
  }

  .hl-cb-chart-name {
    font-size: 15px;
  }

  .hl-cb-chart-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
    padding: 16px 0;
  }

  .hl-cb-chart-row-last {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
    padding: 16px 0 10px;
  }

  .hl-cb-chart-title {
    width: 100%;
  }

  .hl-cb-chart-val, .hl-cb-chart-val-hot {
    font-size: 15px;
  }

  .hl-cb-check, .hl-cb-check-last {
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    font-size: 16px;
  }

  .hl-cb-checkcard {
    border-radius: 22px;
    padding: 6px 18px 20px;
  }

  .hl-cb-close {
    margin-top: 56px;
    font-size: 18px;
  }

  .hl-cb-doc {
    margin-top: 40px;
  }

  .hl-cb-example {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-cb-fconv {
    grid-area: 2 / 1 / 3 / 3;
    font-size: 13px;
  }

  .hl-cb-fstage {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) auto;
    row-gap: 10px;
    padding: 14px 0;
  }

  .hl-cb-fstage-cost {
    grid-column: 2 / 3;
    font-size: 28px;
  }

  .hl-cb-fstage-cost-volt {
    grid-column: 2 / 3;
    font-size: 38px;
  }

  .hl-cb-fstage-last {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 16px 0 18px;
  }

  .hl-cb-fstage-name {
    font-size: 19px;
  }

  .hl-cb-funnel {
    border-radius: 22px;
    padding: 4px 18px;
  }

  .hl-cb-h2 {
    font-size: 32px;
  }

  .hl-cb-hole {
    width: 16px;
    height: 16px;
    margin-bottom: 12px;
  }

  .hl-cb-month, .hl-cb-month-drop, .hl-cb-month-hot, .hl-cb-month-warm {
    height: 76px;
  }

  .hl-cb-months {
    grid-template-rows: auto;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .hl-cb-not {
    padding: 20px 20px 22px;
  }

  .hl-cb-not-text {
    font-size: 15px;
  }

  .hl-cb-not-wide {
    grid-column: auto;
    padding: 20px 20px 22px;
  }

  .hl-cb-nots {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-cb-offer {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    border-radius: 22px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
    padding: 28px 22px 32px;
  }

  .hl-cb-offer-obj {
    justify-content: flex-start;
    padding-left: 8px;
  }

  .hl-cb-offer-title {
    font-size: 30px;
  }

  .hl-cb-pill {
    padding: 10px 16px 10px 14px;
    font-size: 14px;
  }

  .hl-cb-range-stats {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .hl-cb-ranges {
    border-radius: 22px;
    padding: 20px 18px 16px;
  }

  .hl-cb-receipt-wrap {
    max-width: 320px;
    padding: 8px 8px 0;
    position: relative;
    top: 0;
  }

  .hl-cb-related {
    margin-top: 56px;
  }

  .hl-cb-sec {
    padding-top: 72px;
  }

  .hl-cb-side {
    margin-bottom: 56px;
  }

  .hl-cb-sources {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .hl-cb-sources-title {
    font-size: 28px;
  }

  .hl-cb-src, .hl-cb-src-on {
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-cb-stage {
    max-width: 360px;
    height: 476px;
  }

  .hl-cb-stage-push {
    bottom: 56px;
  }

  .hl-cb-stat-v, .hl-cb-stat-v-volt {
    font-size: 13px;
  }

  .hl-cb-string-l {
    height: 218px;
  }

  .hl-cb-string-m {
    height: 41px;
  }

  .hl-cb-string-s {
    height: 61px;
  }

  .hl-cb-tag-app {
    width: 146px;
    right: 3%;
    transform: rotate(-5deg);
  }

  .hl-cb-tag-chalk {
    border-radius: 18px;
    margin-top: 16px;
    padding: 16px 10px 14px;
  }

  .hl-cb-tag-click {
    width: 172px;
    margin-left: -86px;
  }

  .hl-cb-tag-dark {
    border-radius: 18px;
    margin-top: 36px;
    padding: 16px 12px 14px;
  }

  .hl-cb-tag-foot {
    margin-top: 12px;
    padding-top: 10px;
    font-size: 10px;
  }

  .hl-cb-tag-hire {
    width: 136px;
    left: 4%;
    transform: rotate(5deg);
  }

  .hl-cb-tag-k, .hl-cb-tag-k-chalk {
    font-size: 11px;
  }

  .hl-cb-tag-note, .hl-cb-tag-note-chalk {
    font-size: 12px;
  }

  .hl-cb-tag-volt {
    border-radius: 20px;
    margin-top: 194px;
    padding: 15px 13px;
  }

  .hl-cb-tag-word {
    font-size: 52px;
  }

  .hl-cb-tag-word-chalk {
    font-size: 44px;
  }

  .hl-cb-tag-word-sm {
    font-size: 24px;
  }

  .hl-cb-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-cb-unit {
    border-radius: 20px;
    padding: 22px 20px 20px;
  }

  .hl-cb-unit-fig, .hl-cb-unit-fig-volt {
    margin-top: 16px;
    font-size: 44px;
  }

  .hl-cb-unit-key {
    border-radius: 20px;
    padding: 22px 20px 20px;
  }

  .hl-cb-units {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 24px;
  }

  .hl-cb-why {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-cb-why-t {
    font-size: 17px;
  }

  .hl-cb-year {
    border-radius: 22px;
    padding: 20px 16px 18px;
  }

  .hl-chk-bridge {
    padding-top: 88px;
    padding-bottom: 96px;
  }

  .hl-chk-bridge-actions {
    margin-top: 28px;
  }

  .hl-chk-bridge-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .hl-chk-bridge-lead {
    margin-top: 20px;
    font-size: 18px;
  }

  .hl-chk-bridge-phone {
    transform: rotate(3deg)scale(.86);
  }

  .hl-chk-bridge-stage {
    align-items: center;
    height: 520px;
  }

  .hl-chk-bridge-title {
    font-size: 46px;
  }

  .hl-chk-cta-title {
    font-size: 32px;
  }

  .hl-chk-display {
    font-size: 48px;
  }

  .hl-chk-email {
    padding: 20px 18px 22px;
  }

  .hl-chk-find-wait {
    display: none;
  }

  .hl-chk-flags {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-chk-head {
    margin-bottom: 32px;
  }

  .hl-chk-in {
    padding-bottom: 28px;
  }

  .hl-chk-in-grid {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-chk-lead {
    margin-top: 16px;
    font-size: 18px;
  }

  .hl-chk-list {
    flex-direction: column;
    display: flex;
  }

  .hl-chk-list-wait {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .hl-chk-meter {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    height: 36px;
  }

  .hl-chk-mlabel {
    display: inline;
  }

  .hl-chk-notices {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 12px;
  }

  .hl-chk-out {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 28px;
  }

  .hl-chk-paper {
    padding: 22px 20px 24px;
    transform: rotate(1deg);
  }

  .hl-chk-paper-title {
    font-size: 24px;
  }

  .hl-chk-pill-wait {
    display: none;
  }

  .hl-chk-pphrase {
    font-size: 18px;
  }

  .hl-chk-prow {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 20px 0;
  }

  .hl-chk-prow-head {
    display: none;
  }

  .hl-chk-prow-last {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 20px 0 0;
  }

  .hl-chk-related {
    margin-bottom: 56px;
  }

  .hl-chk-rule {
    scroll-snap-align: start;
    padding: 20px 18px 18px;
  }

  .hl-chk-rule-cta {
    scroll-snap-align: start;
    grid-column-start: auto;
    padding: 26px 22px 28px;
  }

  .hl-chk-rule-top {
    font-size: 19px;
  }

  .hl-chk-rules {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    grid-template-rows: auto;
    grid-template-columns: none;
    grid-auto-columns: 86%;
    grid-auto-flow: column;
    margin-left: -20px;
    margin-right: -20px;
    padding: 2px 20px 10px;
    scroll-padding-left: 20px;
    overflow-x: auto;
  }

  .hl-chk-sec {
    padding-top: 72px;
    padding-bottom: 64px;
  }

  .hl-chk-sec-alt {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .hl-chk-sources {
    padding-top: 32px;
  }

  .hl-chk-spec {
    min-height: 30px;
    padding: 5px 11px 5px 10px;
    font-size: 13px;
  }

  .hl-chk-specs {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    margin-top: 20px;
  }

  .hl-chk-sum-figure {
    font-size: 36px;
  }

  .hl-chk-summary {
    padding: 20px 18px 22px;
  }

  .hl-chk-textarea, .hl-chk-textarea-error {
    min-height: 240px;
    padding: 14px;
    font-size: 16px;
  }

  .hl-chk-tool {
    border-radius: 24px;
    padding: 22px 16px 24px;
  }

  .hl-chk-tool-head {
    margin-bottom: 18px;
  }

  .hl-chk-tool-title {
    font-size: 28px;
  }

  .hl-chk-top {
    padding-top: 28px;
    padding-bottom: 48px;
  }

  .hl-ct-aside {
    padding-top: 8px;
    padding-bottom: 24px;
  }

  .hl-ct-cal {
    border-radius: 24px;
    height: 300px;
    transform: rotate(1.5deg);
  }

  .hl-ct-doc {
    width: 180px;
    height: 220px;
  }

  .hl-ct-done-title {
    font-size: 26px;
  }

  .hl-ct-fast {
    grid-row-gap: 0;
    grid-column-gap: 0;
    border-radius: 20px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 14px 18px 6px;
    display: flex;
  }

  .hl-ct-fast-q {
    font-size: 16px;
  }

  .hl-ct-form-light {
    display: none;
  }

  .hl-ct-grid {
    row-gap: 32px;
  }

  .hl-ct-mini-a, .hl-ct-mini-b {
    width: 140px;
    height: 188px;
  }

  .hl-ct-more {
    margin-top: 24px;
  }

  .hl-ct-now {
    padding-top: 24px;
    padding-bottom: 72px;
  }

  .hl-ct-now-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 28px;
  }

  .hl-ct-now-pass {
    width: 320px;
    bottom: 0;
    left: 0;
  }

  .hl-ct-now-stage {
    height: 430px;
    padding-top: 0;
  }

  .hl-ct-pair {
    width: 240px;
    height: 228px;
  }

  .hl-ct-paper {
    padding-top: 8px;
    padding-bottom: 64px;
  }

  .hl-ct-pill {
    font-size: 14px;
    left: -20px;
  }

  .hl-ct-portal-title {
    display: none;
  }

  .hl-ct-prow {
    margin-left: 14px;
    margin-right: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hl-ct-prow-last {
    margin-left: 14px;
    margin-right: 14px;
    padding-top: 10px;
    padding-bottom: 12px;
  }

  .hl-ct-prow-name {
    font-size: 14px;
  }

  .hl-ct-replied {
    font-size: 11px;
  }

  .hl-ct-reply {
    border-radius: 24px;
    max-width: 360px;
  }

  .hl-ct-sheet-back {
    left: 60px;
  }

  .hl-ct-stack {
    width: 270px;
    height: 236px;
    transform: scale(.9);
  }

  .hl-ct-stamp {
    font-size: 18px;
    top: 112px;
    left: 116px;
  }

  .hl-dja-ad {
    border-radius: 20px;
    padding: 13px 13px 12px;
  }

  .hl-dja-ad-apply {
    padding: 7px 12px;
    font-size: 13px;
  }

  .hl-dja-ad-avatar {
    width: 26px;
    height: 26px;
  }

  .hl-dja-ad-bar-text {
    font-size: 12px;
  }

  .hl-dja-ad-brand {
    font-size: 13px;
  }

  .hl-dja-ad-role {
    font-size: 24px;
  }

  .hl-dja-ad-top {
    margin-bottom: 8px;
  }

  .hl-dja-ad-wrap {
    width: 250px;
    margin: -10px 0 0 -4px;
    position: relative;
    bottom: auto;
    left: auto;
  }

  .hl-dja-answer {
    border-radius: 22px;
    margin-top: -32px;
    padding: 22px 20px 18px;
  }

  .hl-dja-answer-label {
    font-size: 20px;
  }

  .hl-dja-arow {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 0;
  }

  .hl-dja-arow-last {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 0 4px;
  }

  .hl-dja-arow-t {
    font-size: 17px;
  }

  .hl-dja-ba {
    border-radius: 22px;
    padding: 24px 18px 22px;
  }

  .hl-dja-ba-after {
    transform: rotate(-1deg);
  }

  .hl-dja-ba-arrow {
    transform: rotate(90deg);
  }

  .hl-dja-ba-before {
    padding: 18px 18px 16px;
  }

  .hl-dja-ba-cap {
    font-size: 17px;
  }

  .hl-dja-ba-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 14px;
  }

  .hl-dja-ba-role {
    font-size: 25px;
  }

  .hl-dja-ba-text {
    font-size: 16px;
  }

  .hl-dja-body {
    padding-bottom: 40px;
  }

  .hl-dja-cat-link {
    min-height: 36px;
    padding: 0 13px;
    font-size: 13px;
  }

  .hl-dja-cats {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .hl-dja-check-item {
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px 0 13px;
  }

  .hl-dja-check-text {
    font-size: 16px;
  }

  .hl-dja-chk {
    border-radius: 20px;
    padding: 14px 16px 12px;
  }

  .hl-dja-chk-head {
    padding-bottom: 10px;
  }

  .hl-dja-chk-q {
    font-size: 14px;
  }

  .hl-dja-chk-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 10px 0;
  }

  .hl-dja-chk-row-last {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 10px 0 2px;
  }

  .hl-dja-chk-title {
    font-size: 17px;
  }

  .hl-dja-chk-wrap {
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
    transform: rotate(1.5deg);
  }

  .hl-dja-close {
    margin-top: 56px;
    font-size: 18px;
  }

  .hl-dja-cov {
    grid-template-rows: auto;
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: center;
    column-gap: 16px;
    padding: 18px 20px;
    display: grid;
  }

  .hl-dja-cov-big, .hl-dja-cov-big-hot {
    grid-row: span 2 / span 2;
    font-size: 56px;
  }

  .hl-dja-cov-hot {
    grid-template-rows: auto;
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: center;
    column-gap: 16px;
    padding: 18px 20px;
    display: grid;
  }

  .hl-dja-cov-text {
    margin-top: 4px;
  }

  .hl-dja-cov-unit {
    margin-top: 0;
  }

  .hl-dja-cover {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-dja-display {
    font-size: 50px;
    line-height: 1;
  }

  .hl-dja-doc {
    margin-top: 40px;
  }

  .hl-dja-h2 {
    font-size: 32px;
  }

  .hl-dja-law {
    padding: 20px 20px 22px;
  }

  .hl-dja-law-name {
    font-size: 21px;
  }

  .hl-dja-law-text {
    font-size: 15px;
  }

  .hl-dja-laws {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-dja-meta {
    margin-top: 24px;
    font-size: 13px;
  }

  .hl-dja-mlabel {
    color: #958b80;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 4px;
    font-family: Hanken Grotesk, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    display: block;
  }

  .hl-dja-mlabel-volt {
    color: #ffd60a;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 4px;
    font-family: Hanken Grotesk, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    display: block;
  }

  .hl-dja-offer {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    border-radius: 22px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 48px;
    padding: 28px 22px 32px;
  }

  .hl-dja-offer-obj {
    justify-content: flex-start;
    padding-left: 6px;
  }

  .hl-dja-offer-title {
    font-size: 30px;
  }

  .hl-dja-old {
    font-size: 18px;
    line-height: 1.4;
  }

  .hl-dja-ours {
    border-radius: 22px;
    margin-top: 28px;
    padding: 22px 20px 24px;
  }

  .hl-dja-ours-big {
    font-size: 28px;
  }

  .hl-dja-ours-text {
    font-size: 16px;
  }

  .hl-dja-plat-head {
    padding: 16px 20px;
  }

  .hl-dja-plat-list {
    padding: 4px 20px 8px;
  }

  .hl-dja-plat-name {
    font-size: 23px;
  }

  .hl-dja-plat-t {
    font-size: 15px;
  }

  .hl-dja-plats {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-dja-pt {
    border-radius: 22px;
  }

  .hl-dja-pt-head {
    display: none;
  }

  .hl-dja-pt-new {
    margin-top: 12px;
    padding: 10px 12px 12px 14px;
    font-size: 15px;
    display: block;
  }

  .hl-dja-pt-rh {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-bottom: 12px;
  }

  .hl-dja-pt-row {
    padding: 18px;
    display: block;
  }

  .hl-dja-pt-row-last {
    padding: 18px 18px 20px;
    display: block;
  }

  .hl-dja-pt-why {
    font-size: 15px;
    line-height: 1.5;
    display: block;
  }

  .hl-dja-quote {
    border-radius: 22px;
    padding: 28px 20px 22px;
  }

  .hl-dja-quote-mark {
    font-size: 88px;
    top: 4px;
    left: 16px;
  }

  .hl-dja-quote-text {
    padding-top: 30px;
    font-size: 18px;
  }

  .hl-dja-red {
    margin-top: 8px;
  }

  .hl-dja-red-new {
    font-size: 13px;
  }

  .hl-dja-red-old {
    font-size: 12px;
  }

  .hl-dja-red-row {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    padding: 7px 0;
  }

  .hl-dja-red-row-last {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    padding: 7px 0 8px;
  }

  .hl-dja-related {
    margin-top: 56px;
  }

  .hl-dja-sec {
    padding-top: 64px;
  }

  .hl-dja-sheet {
    border-radius: 16px;
    padding: 18px 18px 12px;
    transform: rotate(0);
  }

  .hl-dja-sheet-a {
    font-size: 16px;
  }

  .hl-dja-sheet-light {
    width: 420px;
    margin-left: -210px;
  }

  .hl-dja-sheet-text {
    font-size: 16px;
  }

  .hl-dja-sheet-wrap {
    margin: 8px 0 28px;
    padding: 8px 0 16px;
  }

  .hl-dja-side {
    margin-bottom: 56px;
  }

  .hl-dja-side-note {
    display: none;
  }

  .hl-dja-sources {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .hl-dja-sources-title {
    font-size: 28px;
  }

  .hl-dja-src {
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-dja-src-chip {
    font-size: 12px;
  }

  .hl-dja-src-on {
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-dja-srcs {
    margin-top: 8px;
  }

  .hl-dja-stage {
    max-width: 350px;
    height: auto;
    padding-bottom: 12px;
  }

  .hl-dja-statement {
    margin-top: 48px;
    font-size: 30px;
    line-height: 1.1;
  }

  .hl-dja-step, .hl-dja-step-last {
    grid-template-rows: auto;
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 14px 0;
  }

  .hl-dja-step-t {
    font-size: 16px;
  }

  .hl-dja-swap {
    padding: 18px 20px 20px;
  }

  .hl-dja-swap-k-volt {
    margin-top: 14px;
    padding-top: 12px;
  }

  .hl-dja-swap-new {
    font-size: 18px;
  }

  .hl-dja-swap-old {
    min-height: 0;
  }

  .hl-dja-swaps {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-dja-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-dja-tool {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 22px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 24px 20px 26px;
  }

  .hl-dja-tool-obj {
    justify-content: flex-start;
    padding-left: 6px;
  }

  .hl-dja-tool-text {
    font-size: 15px;
  }

  .hl-dja-tool-title {
    font-size: 24px;
  }

  .hl-fb-dim-cap {
    height: 38px;
  }

  .hl-fb-dim-media {
    height: 160px;
  }

  .hl-fb-feed {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 40px 8px 0;
  }

  .hl-fb-flood {
    padding-top: 104px;
    padding-bottom: 72px;
  }

  .hl-fb-flood-foot {
    margin-top: 36px;
  }

  .hl-fb-fmt-feed {
    width: 54%;
  }

  .hl-fb-fmt-hook {
    font-size: 28px;
  }

  .hl-fb-fmt-square {
    height: 108px;
  }

  .hl-fb-fmt-story {
    width: 44%;
    height: 210px;
  }

  .hl-fb-formats {
    width: 256px;
    height: 226px;
  }

  .hl-fb-hero-ticket {
    width: 236px;
    bottom: -22px;
    left: -64px;
  }

  .hl-fb-inc {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    padding: 6px 13px 6px 6px;
    font-size: 15px;
  }

  .hl-fb-inc-icon {
    width: 22px;
    height: 22px;
    padding: 5px;
  }

  .hl-fb-incs {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 32px;
  }

  .hl-fb-job {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: flex-start;
  }

  .hl-fb-jobs {
    max-width: 270px;
    padding: 14px 14px 4px;
  }

  .hl-fb-map {
    border-radius: 24px;
    padding: 16px;
  }

  .hl-fb-map-field {
    height: 280px;
    margin-top: 16px;
  }

  .hl-fb-more {
    margin-top: 40px;
  }

  .hl-fb-near-list {
    margin-top: 24px;
  }

  .hl-fb-near-sec {
    padding-top: 24px;
    padding-bottom: 56px;
  }

  .hl-fb-near-stage {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .hl-fb-path {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hl-fb-post {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 18px;
    padding: 8px;
  }

  .hl-fb-post-hook {
    font-size: 37px;
  }

  .hl-fb-post-media {
    height: 182px;
    padding: 12px;
  }

  .hl-fb-post-role {
    margin-top: 6px;
    font-size: 16px;
  }

  .hl-fb-rules {
    max-width: 270px;
    padding: 14px 14px 4px;
  }

  .hl-fb-stage {
    width: 236px;
  }

  .hl-fb-statement {
    margin-top: 16px;
    font-size: 34px;
    line-height: 1.08;
  }

  .hl-fb-step {
    text-align: left;
    border-radius: 24px;
    flex-direction: row;
    align-items: center;
    padding: 14px 18px 14px 12px;
  }

  .hl-fb-step-arrow {
    width: 36px;
    height: 36px;
    margin-left: -18px;
    font-size: 17px;
    bottom: -28px;
    left: 74px;
  }

  .hl-fb-step-cap {
    margin: 0 0 0 10px;
    font-size: 21px;
  }

  .hl-fb-step-light {
    background-image: radial-gradient(70% 70% at 40% 60%, #ff730047 0%, #ff4a0012 55%, #ff4a0000 100%);
    border-radius: 24px 0 0 24px;
    width: 50%;
    height: auto;
    inset: 0 auto 0 0;
  }

  .hl-fb-step-obj {
    flex: 0 0 132px;
    width: 132px;
    height: 116px;
    min-height: 0;
  }

  .hl-fb-step-scale {
    transform: scale(.5);
  }

  .hl-fb-step-ticket {
    width: 244px;
  }

  .hl-fb-tile-cta {
    border-radius: 24px;
    flex: 0 0 80%;
    min-height: 300px;
    padding: 24px;
  }

  .hl-fb-tile-cta-title {
    font-size: 28px;
  }

  .hl-fb-trust-item {
    margin: 0 8px;
    display: inline-block;
  }

  .hl-fb-trust-sep {
    display: none;
  }

  .hl-fb-why {
    margin-bottom: 40px;
  }

  .hl-fb-zone-1 {
    width: 150px;
    height: 150px;
    top: 5%;
    left: 2%;
  }

  .hl-fb-zone-2 {
    width: 168px;
    height: 168px;
    top: 10%;
    right: 1%;
  }

  .hl-fb-zone-3 {
    width: 136px;
    height: 136px;
    bottom: 3%;
    left: 26%;
  }

  .hl-fbj-after {
    font-size: 17px;
  }

  .hl-fbj-app {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 44px 10px 12px;
  }

  .hl-fbj-app-search {
    width: 28px;
    height: 28px;
  }

  .hl-fbj-app-title {
    font-size: 18px;
  }

  .hl-fbj-article {
    padding-bottom: 88px;
  }

  .hl-fbj-article-end {
    padding-bottom: 80px;
  }

  .hl-fbj-card-body {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding: 10px 12px 12px;
  }

  .hl-fbj-card-media {
    height: 112px;
    padding: 10px 12px 12px;
  }

  .hl-fbj-card-msg {
    padding: 8px 10px;
    font-size: 12px;
  }

  .hl-fbj-card-role {
    font-size: 48px;
  }

  .hl-fbj-card-tag {
    font-size: 10px;
  }

  .hl-fbj-card-title {
    font-size: 13px;
  }

  .hl-fbj-chat {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 14px 14px 16px;
  }

  .hl-fbj-chat-link {
    font-size: 12px;
  }

  .hl-fbj-chat-them {
    font-size: 14px;
  }

  .hl-fbj-chat-wrap {
    width: 244px;
    bottom: 0;
  }

  .hl-fbj-chat-you {
    padding: 9px 12px 11px;
    font-size: 14px;
  }

  .hl-fbj-chip, .hl-fbj-chip-volt {
    padding: 3px 8px;
    font-size: 10px;
  }

  .hl-fbj-code {
    border-radius: 20px;
  }

  .hl-fbj-code-bar {
    padding: 12px 20px;
  }

  .hl-fbj-code-body {
    padding: 18px 20px 20px;
    font-size: 13px;
  }

  .hl-fbj-code-cap {
    padding: 12px 20px 16px;
  }

  .hl-fbj-code-l1 {
    padding-left: 14px;
  }

  .hl-fbj-end {
    padding-bottom: 88px;
  }

  .hl-fbj-flow {
    border-radius: 24px;
    padding: 26px 22px 22px;
  }

  .hl-fbj-flow-title {
    font-size: 26px;
  }

  .hl-fbj-h2 {
    margin: 12px 0 22px;
    font-size: 36px;
  }

  .hl-fbj-match {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 32px auto 12px;
  }

  .hl-fbj-match-card {
    grid-column-gap: 12px;
    grid-row-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: 18px 20px;
    display: grid;
  }

  .hl-fbj-match-pay {
    font-size: 24px;
  }

  .hl-fbj-meta {
    font-size: 14px;
  }

  .hl-fbj-no {
    padding: 16px 18px;
  }

  .hl-fbj-nos {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-fbj-one {
    border-radius: 24px;
    padding: 22px 22px 24px;
  }

  .hl-fbj-one-big {
    font-size: 44px;
  }

  .hl-fbj-one-last {
    border-radius: 24px;
    grid-column: span 1 / span 1;
    padding: 22px 22px 24px;
  }

  .hl-fbj-one-wide {
    border-radius: 24px;
    padding: 22px 22px 24px;
  }

  .hl-fbj-ones {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-fbj-peek {
    display: none;
  }

  .hl-fbj-phone-wrap {
    right: 0;
  }

  .hl-fbj-pill-wrap {
    top: 22px;
    left: 0;
  }

  .hl-fbj-ready {
    border-radius: 24px;
    padding: 8px 20px 22px;
  }

  .hl-fbj-ready-item {
    font-size: 16px;
  }

  .hl-fbj-rule {
    padding: 22px 18px 20px;
  }

  .hl-fbj-rule-big, .hl-fbj-rule-big-volt {
    font-size: 40px;
  }

  .hl-fbj-rule-small {
    font-size: 14px;
  }

  .hl-fbj-rules {
    border-radius: 24px;
  }

  .hl-fbj-sec {
    padding-top: 88px;
  }

  .hl-fbj-sources {
    padding-top: 56px;
    padding-bottom: 72px;
  }

  .hl-fbj-spec {
    border-radius: 24px;
  }

  .hl-fbj-spec-a {
    font-size: 15px;
  }

  .hl-fbj-spec-big {
    font-size: 24px;
  }

  .hl-fbj-spec-big-volt {
    font-size: 56px;
  }

  .hl-fbj-spec-cell {
    padding: 22px 20px 24px;
  }

  .hl-fbj-spec-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-fbj-spec-head {
    padding: 16px 20px 14px;
  }

  .hl-fbj-spec-wide {
    grid-column: span 1 / span 1;
    padding: 28px 20px 30px;
  }

  .hl-fbj-src-item {
    grid-template-rows: auto;
    grid-template-columns: 28px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-fbj-stage {
    max-width: 390px;
    height: 572px;
  }

  .hl-fbj-tab, .hl-fbj-tab-on {
    padding: 5px 10px;
    font-size: 11px;
  }

  .hl-fbj-tie {
    border-radius: 24px;
    padding: 26px 20px;
  }

  .hl-fbj-tie-text {
    font-size: 16px;
  }

  .hl-fbj-tie-title {
    font-size: 30px;
  }

  .hl-fbj-tips {
    margin-top: 56px;
  }

  .hl-fbj-tips-pay-big {
    font-size: 28px;
  }

  .hl-fbj-toc {
    padding: 20px 20px 16px;
  }

  .hl-fbj-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-fbj-utm {
    border-radius: 20px;
  }

  .hl-fbj-utm-cell, .hl-fbj-utm-cell-volt {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 3px 0;
    font-size: 13px;
    display: flex;
  }

  .hl-fbj-utm-head {
    display: none;
  }

  .hl-fbj-utm-ml {
    color: #958b80;
    flex-shrink: 0;
    width: 104px;
    font-family: Hanken Grotesk, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    display: block;
  }

  .hl-fbj-utm-rh {
    margin-bottom: 10px;
  }

  .hl-fbj-utm-row {
    padding: 18px 20px;
    display: block;
  }

  .hl-fbj-utm-row-last {
    padding: 18px 20px 20px;
    display: block;
  }

  .hl-fbj-vs {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-fbj-vs-calm, .hl-fbj-vs-hot {
    border-radius: 24px;
    padding: 26px 22px 24px;
  }

  .hl-fly-anat-sec {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .hl-fly-anat-stage {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    min-height: 500px;
  }

  .hl-fly-bridge-lead {
    font-size: 18px;
  }

  .hl-fly-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 20px;
    padding: 20px 16px;
  }

  .hl-fly-check {
    padding: 12px 0;
    font-size: 17px;
  }

  .hl-fly-crumbs {
    margin-bottom: 22px;
    font-size: 13px;
  }

  .hl-fly-display {
    margin-top: 10px;
    font-size: 48px;
  }

  .hl-fly-dl {
    flex-direction: column;
  }

  .hl-fly-doc-h2 {
    font-size: 28px;
  }

  .hl-fly-doc-main {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .hl-fly-doc-sec {
    padding-top: 28px;
  }

  .hl-fly-doc-title {
    font-size: 32px;
  }

  .hl-fly-head {
    padding-top: 20px;
    padding-bottom: 32px;
  }

  .hl-fly-head-side {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .hl-fly-lead {
    font-size: 18px;
  }

  .hl-fly-leaveoff {
    padding: 18px;
  }

  .hl-fly-more {
    padding-top: 64px;
  }

  .hl-fly-pedestal {
    grid-row-start: auto;
    min-height: 0;
    padding: 20px 16px 56px;
  }

  .hl-fly-prevhead {
    grid-column: span 1 / span 1;
  }

  .hl-fly-preview {
    border-radius: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 16px;
  }

  .hl-fly-says-card {
    border-radius: 20px;
    padding: 20px 16px;
  }

  .hl-fly-says-item {
    grid-template-rows: auto;
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .hl-fly-spec {
    min-height: 32px;
    font-size: 13px;
  }

  .hl-fly-stage {
    max-width: 300px;
  }

  .hl-fly-sub {
    padding: 16px 14px;
  }

  .hl-fly-title {
    font-size: 24px;
  }

  .hl-fly-tool {
    padding-bottom: 48px;
  }

  .hl-gads-bar {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    height: 34px;
    padding: 0 10px;
  }

  .hl-gads-bar-icon {
    width: 14px;
    height: 14px;
  }

  .hl-gads-btn-wrap {
    display: none;
  }

  .hl-gads-cal {
    margin-top: 24px;
  }

  .hl-gads-chip-off {
    padding: 7px 13px;
    font-size: 14px;
  }

  .hl-gads-chip-on {
    font-size: 14px;
  }

  .hl-gads-flood-foot {
    display: none;
  }

  .hl-gads-found {
    margin-top: -24px;
    padding-bottom: 64px;
  }

  .hl-gads-frame {
    flex: 0 0 224px;
  }

  .hl-gads-inc {
    border-radius: 24px;
    padding: 24px 16px;
  }

  .hl-gads-inc-chip {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    padding: 6px 10px 6px 6px;
    font-size: 14px;
    line-height: 1.25;
  }

  .hl-gads-inc-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .hl-gads-job-title {
    font-size: 11px;
  }

  .hl-gads-jobs {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    border-radius: 12px;
    padding: 9px 10px 10px;
  }

  .hl-gads-mail-ad {
    margin-top: 10px;
  }

  .hl-gads-mail-head {
    margin-top: 14px;
  }

  .hl-gads-mail-row {
    padding: 7px 4px;
  }

  .hl-gads-mail-subject {
    font-size: 20px;
  }

  .hl-gads-map {
    height: 156px;
  }

  .hl-gads-other {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border-radius: 12px;
    padding: 9px 10px 11px;
  }

  .hl-gads-phone-wrap {
    width: 236px;
    right: 0;
  }

  .hl-gads-q {
    font-size: 12px;
  }

  .hl-gads-related {
    margin-top: 48px;
  }

  .hl-gads-res-avatar {
    width: 20px;
    height: 20px;
  }

  .hl-gads-res-brand {
    font-size: 11px;
  }

  .hl-gads-res-link {
    padding: 3px 8px;
    font-size: 10px;
  }

  .hl-gads-res-text {
    font-size: 11px;
  }

  .hl-gads-res-title {
    font-size: 15px;
  }

  .hl-gads-result {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-radius: 13px;
    padding: 10px 11px 11px;
  }

  .hl-gads-rules {
    border-radius: 24px;
    padding: 28px 22px;
  }

  .hl-gads-rules-label {
    margin-top: 22px;
  }

  .hl-gads-rules-text {
    margin-top: 22px;
    font-size: 16px;
  }

  .hl-gads-rules-title {
    font-size: 28px;
  }

  .hl-gads-run-item {
    padding: 18px 0 18px 20px;
  }

  .hl-gads-run-list {
    margin-top: 28px;
  }

  .hl-gads-run-text {
    font-size: 17px;
  }

  .hl-gads-run-title {
    font-size: 24px;
  }

  .hl-gads-sad-lines {
    margin-top: 14px;
  }

  .hl-gads-sad-mail, .hl-gads-sad-map {
    height: 400px;
  }

  .hl-gads-sad-result {
    padding: 13px;
  }

  .hl-gads-sad-search {
    height: 400px;
  }

  .hl-gads-sad-title {
    font-size: 18px;
  }

  .hl-gads-screen {
    height: 348px;
    margin-top: 22px;
  }

  .hl-gads-serp {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 42px 9px 10px;
  }

  .hl-gads-stage {
    max-width: 390px;
    height: 540px;
  }

  .hl-gads-tab, .hl-gads-tab-on {
    padding-bottom: 5px;
    font-size: 11px;
  }

  .hl-gads-tabs {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .hl-gads-ticket-wrap {
    width: 264px;
    bottom: 4px;
    left: -4px;
  }

  .hl-gh-cluster, .hl-gh-cluster-alt {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .hl-gh-cover-chalk {
    border-radius: 16px;
    width: 178px;
    height: 236px;
    padding: 18px 16px;
  }

  .hl-gh-cover-chalk:hover {
    transform: rotate(8deg);
  }

  .hl-gh-cover-heat {
    border-radius: 16px;
    width: 178px;
    height: 236px;
    padding: 18px 16px;
    top: 18px;
  }

  .hl-gh-cover-heat:hover {
    transform: rotate(-9deg);
  }

  .hl-gh-cover-kicker {
    font-size: 10px;
  }

  .hl-gh-cover-title {
    margin-top: 10px;
    font-size: 32px;
  }

  .hl-gh-covers {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-gh-deck {
    width: 340px;
    height: 430px;
  }

  .hl-gh-duo {
    width: 316px;
    height: 212px;
  }

  .hl-gh-duo-a {
    transform-origin: 0 0;
    left: 0;
    transform: scale(.86);
  }

  .hl-gh-duo-b {
    width: 214px;
  }

  .hl-gh-flood-foot {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-direction: column;
    margin-top: 40px;
  }

  .hl-gh-go {
    grid-row: 1 / 3;
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .hl-gh-jump {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-gh-jump-link {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 18px;
    flex-direction: row;
    align-items: center;
    min-height: 64px;
    padding: 14px 18px;
  }

  .hl-gh-jump-meta {
    flex-shrink: 0;
    font-size: 14px;
  }

  .hl-gh-jump-name {
    font-size: 19px;
  }

  .hl-gh-lead {
    margin-top: 14px;
    font-size: 17px;
  }

  .hl-gh-link {
    border-radius: 18px;
    gap: 4px 14px;
    min-height: 0;
    padding: 14px 14px 14px 18px;
  }

  .hl-gh-link:hover {
    transform: none;
  }

  .hl-gh-link-desc {
    font-size: 15px;
  }

  .hl-gh-link-title {
    font-size: 20px;
  }

  .hl-gh-new-chalk {
    border-radius: 22px;
    min-height: 300px;
    padding: 22px 20px 20px;
  }

  .hl-gh-new-chalk:hover {
    transform: none;
  }

  .hl-gh-new-dark {
    border-radius: 22px;
    min-height: 300px;
    padding: 22px 20px 20px;
  }

  .hl-gh-new-dark:hover {
    transform: none;
  }

  .hl-gh-new-foot {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: row;
    align-items: flex-end;
    margin-top: 12px;
  }

  .hl-gh-new-go {
    font-size: 15px;
  }

  .hl-gh-new-heat {
    border-radius: 22px;
    min-height: 300px;
    padding: 22px 20px 20px;
  }

  .hl-gh-new-heat:hover {
    transform: none;
  }

  .hl-gh-new-name {
    font-size: 15px;
  }

  .hl-gh-new-rule, .hl-gh-new-rule-light {
    margin-top: 20px;
  }

  .hl-gh-new-sec {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .hl-gh-new-title, .hl-gh-new-title-volt {
    padding-top: 28px;
    font-size: 56px;
  }

  .hl-gh-page {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-radius: 20px;
    width: 300px;
    margin-left: -150px;
    padding: 20px 20px 18px;
  }

  .hl-gh-page:hover {
    transform: rotate(-2deg);
  }

  .hl-gh-page-chip {
    padding: 4px 9px;
    font-size: 11px;
  }

  .hl-gh-page-date {
    font-size: 10px;
  }

  .hl-gh-page-go {
    font-size: 13px;
  }

  .hl-gh-page-tag {
    font-size: 11px;
  }

  .hl-gh-page-title {
    font-size: 22px;
  }

  .hl-gh-role, .hl-gh-role-dim, .hl-gh-role-hot {
    font-size: 36px;
  }

  .hl-gh-row, .hl-gh-row-flip {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .hl-gh-sheet {
    width: 300px;
    padding: 16px 16px 14px;
  }

  .hl-gh-sheet-row {
    grid-template-rows: auto;
    grid-template-columns: 78px minmax(0, 1fr);
  }

  .hl-gh-short {
    padding: 12px 14px;
  }

  .hl-gh-short-text {
    font-size: 14px;
  }

  .hl-gh-stage {
    border-radius: 22px;
    height: 240px;
    margin-top: 24px;
    margin-bottom: 12px;
  }

  .hl-gh-tag {
    display: none;
  }

  .hl-gh-title {
    margin-top: 10px;
    font-size: 38px;
  }

  .hl-gh-zoom {
    transform: scale(1.05);
  }

  .hl-gj-article {
    padding-bottom: 88px;
  }

  .hl-gj-article-end {
    padding-bottom: 32px;
  }

  .hl-gj-box {
    width: 30px;
    margin-left: -30px;
  }

  .hl-gj-card {
    border-radius: 24px;
    flex-basis: 100%;
    padding: 24px 22px 26px;
  }

  .hl-gj-card-code {
    font-size: 20px;
  }

  .hl-gj-card-title {
    font-size: 22px;
  }

  .hl-gj-cards {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin: 32px auto 36px;
  }

  .hl-gj-check {
    padding: 13px 0 14px 30px;
    font-size: 16px;
  }

  .hl-gj-code {
    border-radius: 20px;
    margin: 32px auto 12px;
  }

  .hl-gj-code-bar {
    padding: 14px 18px 12px;
  }

  .hl-gj-code-body {
    padding: 18px 18px 20px;
    font-size: 13px;
    line-height: 1.65;
  }

  .hl-gj-code-cap {
    padding: 14px 18px 18px;
    font-size: 14px;
  }

  .hl-gj-end {
    padding-bottom: 80px;
  }

  .hl-gj-fix {
    padding: 18px 20px;
    display: block;
  }

  .hl-gj-fix-a {
    border-left: 3px solid #ffa800;
    margin-top: 8px;
    padding-left: 14px;
  }

  .hl-gj-fix-arrow {
    display: none;
  }

  .hl-gj-fixes {
    border-radius: 24px;
    margin: 28px auto 36px;
  }

  .hl-gj-flood-foot {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    margin-top: 36px;
  }

  .hl-gj-h2 {
    margin: 12px 0 22px;
    font-size: 34px;
  }

  .hl-gj-list-card {
    border-radius: 24px;
    margin-top: 28px;
    padding: 6px 20px 20px;
  }

  .hl-gj-list-head {
    padding: 16px 0;
  }

  .hl-gj-ln1 {
    padding-left: 12px;
  }

  .hl-gj-ln2 {
    padding-left: 24px;
  }

  .hl-gj-ln3 {
    padding-left: 36px;
  }

  .hl-gj-lockups {
    margin-top: 36px;
  }

  .hl-gj-pill {
    padding: 9px 14px;
    font-size: 13px;
  }

  .hl-gj-pill-wrap {
    left: 4px;
  }

  .hl-gj-prop {
    flex-basis: 100%;
    padding: 22px 22px 20px;
  }

  .hl-gj-prop-name {
    font-size: 20px;
  }

  .hl-gj-props {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin: 32px auto 36px;
  }

  .hl-gj-pull {
    margin-top: 28px;
    padding-top: 24px;
    font-size: 30px;
  }

  .hl-gj-row {
    column-gap: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .hl-gj-row-id {
    flex-direction: column;
    align-items: flex-start;
  }

  .hl-gj-row-static {
    column-gap: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .hl-gj-sec {
    padding-top: 88px;
  }

  .hl-gj-sec-first {
    padding-top: 64px;
  }

  .hl-gj-src {
    margin-top: 48px;
    padding-top: 32px;
  }

  .hl-gj-src-item {
    grid-template-rows: auto;
    grid-template-columns: 26px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-gj-stage {
    max-width: 400px;
    height: 540px;
  }

  .hl-gj-step-time {
    font-size: 48px;
  }

  .hl-gj-steps {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 32px;
    margin: 32px auto 36px;
  }

  .hl-gj-tag {
    padding: 14px 16px 10px;
  }

  .hl-gj-tag-head, .hl-gj-tag-prop {
    font-size: 12px;
  }

  .hl-gj-tag-row {
    padding: 5px 0;
  }

  .hl-gj-tag-wrap {
    width: 250px;
  }

  .hl-gj-tie {
    border-radius: 24px;
    margin-top: 36px;
    padding: 22px 18px 24px;
  }

  .hl-gj-tie-obj {
    padding: 18px 16px 4px;
  }

  .hl-gj-tie-text {
    font-size: 16px;
  }

  .hl-gj-tie-title {
    font-size: 30px;
  }

  .hl-gj-toc {
    padding: 20px 20px 16px;
  }

  .hl-gj-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-gj-vs {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 32px auto 16px;
  }

  .hl-gj-vs-calm, .hl-gj-vs-hot {
    border-radius: 24px;
    padding: 26px 22px 22px;
  }

  .hl-gj-vs-title {
    font-size: 34px;
  }

  .hl-gj-win-body {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 22px 22px 24px;
  }

  .hl-gj-win-title {
    font-size: 30px;
  }

  .hl-gj-win-wrap {
    width: 92%;
    top: 44px;
  }

  .hl-gjl-answer {
    border-radius: 22px;
    margin-top: -32px;
    padding: 22px 20px 18px;
  }

  .hl-gjl-answer-label {
    font-size: 20px;
  }

  .hl-gjl-arow {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 0;
  }

  .hl-gjl-arow-last {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 0 4px;
  }

  .hl-gjl-arow-t {
    font-size: 17px;
  }

  .hl-gjl-body {
    padding-bottom: 40px;
  }

  .hl-gjl-check-item {
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px 0 13px;
  }

  .hl-gjl-check-text {
    font-size: 16px;
  }

  .hl-gjl-close {
    margin-top: 56px;
    padding: 2px 0 4px 20px;
    font-size: 18px;
  }

  .hl-gjl-close-lead {
    font-size: 26px;
  }

  .hl-gjl-dash-wrap {
    width: 100%;
    transform: rotate(1.5deg);
  }

  .hl-gjl-display {
    font-size: 50px;
    line-height: .98;
  }

  .hl-gjl-doc {
    margin-top: 40px;
  }

  .hl-gjl-fines {
    border-radius: 22px;
    padding: 22px 20px 24px;
  }

  .hl-gjl-fines-big {
    font-size: 30px;
  }

  .hl-gjl-fines-text {
    font-size: 15px;
  }

  .hl-gjl-gap {
    border-radius: 22px;
    padding: 24px 18px 22px;
  }

  .hl-gjl-gap-ad {
    justify-self: start;
    width: 240px;
    transform: rotate(-2deg);
  }

  .hl-gjl-gap-ad-media {
    min-height: 92px;
  }

  .hl-gjl-gap-ad-role {
    font-size: 25px;
  }

  .hl-gjl-gap-arrow {
    transform: rotate(90deg);
  }

  .hl-gjl-gap-cap {
    font-size: 17px;
  }

  .hl-gjl-gap-page {
    width: 100%;
  }

  .hl-gjl-gap-page-msg {
    font-size: 21px;
  }

  .hl-gjl-gap-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 14px;
  }

  .hl-gjl-h2 {
    font-size: 32px;
  }

  .hl-gjl-meta {
    margin-top: 24px;
    font-size: 13px;
  }

  .hl-gjl-meta-dot {
    display: none;
  }

  .hl-gjl-offer {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    border-radius: 22px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 48px;
    padding: 28px 22px 32px;
  }

  .hl-gjl-offer-obj {
    justify-content: flex-start;
  }

  .hl-gjl-offer-title {
    font-size: 30px;
  }

  .hl-gjl-opts {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-gjl-ours {
    border-radius: 22px;
    margin-top: 28px;
    padding: 22px 20px 24px;
  }

  .hl-gjl-ours-big {
    font-size: 28px;
  }

  .hl-gjl-ours-text {
    font-size: 16px;
  }

  .hl-gjl-post {
    border-radius: 20px;
    padding: 13px;
  }

  .hl-gjl-post-apply {
    padding: 7px 12px;
    font-size: 13px;
  }

  .hl-gjl-post-avatar {
    width: 26px;
    height: 26px;
  }

  .hl-gjl-post-bar {
    margin-top: 10px;
  }

  .hl-gjl-post-bar-text {
    font-size: 12px;
  }

  .hl-gjl-post-brand {
    font-size: 13px;
  }

  .hl-gjl-post-flag {
    margin-top: 10px;
    padding: 9px 10px;
    font-size: 13px;
  }

  .hl-gjl-post-role {
    font-size: 25px;
  }

  .hl-gjl-post-row {
    margin-top: 10px;
    padding-bottom: 10px;
  }

  .hl-gjl-post-top {
    margin-bottom: 10px;
  }

  .hl-gjl-post-wrap {
    width: 206px;
    left: -4px;
  }

  .hl-gjl-print {
    border-radius: 16px;
    padding: 18px 18px 12px;
    transform: rotate(0);
  }

  .hl-gjl-print-head-a {
    font-size: 16px;
  }

  .hl-gjl-print-light {
    width: 420px;
    margin-left: -210px;
  }

  .hl-gjl-print-text {
    letter-spacing: .01em;
    font-size: 14px;
  }

  .hl-gjl-print-wrap {
    margin: 8px 0 28px;
    padding: 8px 0 16px;
  }

  .hl-gjl-quote {
    font-size: 16px;
  }

  .hl-gjl-quotes {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-gjl-related {
    margin-top: 56px;
  }

  .hl-gjl-sec {
    padding-top: 64px;
  }

  .hl-gjl-side {
    margin-bottom: 56px;
  }

  .hl-gjl-sources {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .hl-gjl-sources-title {
    font-size: 28px;
  }

  .hl-gjl-spec-head {
    padding: 18px 20px;
  }

  .hl-gjl-spec-row {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 16px 20px;
  }

  .hl-gjl-spec-row-last {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 16px 20px 20px;
  }

  .hl-gjl-spec-title {
    font-size: 21px;
  }

  .hl-gjl-spec-v {
    font-size: 15px;
  }

  .hl-gjl-src, .hl-gjl-src-on {
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-gjl-st-cell {
    padding: 4px 0;
    font-size: 15px;
    display: block;
  }

  .hl-gjl-st-head {
    display: none;
  }

  .hl-gjl-st-mlabel {
    color: #ffa800;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 2px;
    font-family: Archivo, sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-stretch: 62%;
    line-height: 1.3;
    display: block;
  }

  .hl-gjl-st-rh {
    grid-column-gap: 8px;
    grid-row-gap: 2px;
    flex-flow: wrap;
    align-items: baseline;
    margin-bottom: 10px;
    font-size: 19px;
  }

  .hl-gjl-st-row {
    padding: 18px 20px;
    display: block;
  }

  .hl-gjl-st-row-last {
    padding: 18px 20px 20px;
    display: block;
  }

  .hl-gjl-st-status {
    margin-bottom: 12px;
  }

  .hl-gjl-stage {
    max-width: 350px;
    height: 500px;
  }

  .hl-gjl-statement {
    font-size: 30px;
    line-height: 1.1;
  }

  .hl-gjl-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-gjl-tpl-item {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 16px 20px;
  }

  .hl-gjl-tpl-item-last {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 16px 20px 18px;
  }

  .hl-gjl-tpl-label {
    padding-top: 0;
  }

  .hl-gjl-tpl-text {
    font-size: 16px;
  }

  .hl-gjl-way {
    padding: 18px 20px 20px;
  }

  .hl-gjl-way-name {
    font-size: 19px;
  }

  .hl-gjl-way-wide {
    grid-column: span 1 / span 1;
    padding: 18px 20px 20px;
  }

  .hl-gjl-ways {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-gs-ad-back {
    transform: translateX(-78px)rotate(-7deg)scale(.66);
  }

  .hl-gs-ad-front {
    transform: translateX(78px)rotate(5deg)scale(.7);
  }

  .hl-gs-ads {
    height: 330px;
  }

  .hl-gs-anchor {
    padding-top: 32px;
    padding-bottom: 56px;
  }

  .hl-gs-approve-q {
    font-size: 56px;
  }

  .hl-gs-bento {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-gs-card {
    border-radius: 18px;
    padding: 18px 16px 4px;
  }

  .hl-gs-cta {
    margin-top: 40px;
  }

  .hl-gs-form-sec {
    padding-top: 0;
    padding-bottom: 8px;
  }

  .hl-gs-nda {
    font-size: 15px;
  }

  .hl-gs-notch-bottom {
    width: 18px;
    height: 18px;
    bottom: -9px;
    left: 63px;
  }

  .hl-gs-notch-top {
    width: 18px;
    height: 18px;
    top: -9px;
    left: 63px;
  }

  .hl-gs-plan-wrap {
    display: none;
  }

  .hl-gs-stage {
    padding-top: 44px;
    padding-bottom: 0;
  }

  .hl-gs-stamp {
    width: 96px;
    height: 96px;
    top: -40px;
    right: -10px;
  }

  .hl-gs-stamp-big {
    font-size: 34px;
  }

  .hl-gs-stamp-ring {
    inset: 5px;
  }

  .hl-gs-stamp-small {
    margin-top: 4px;
    font-size: 9px;
  }

  .hl-gs-ticket {
    border-radius: 18px;
    height: 172px;
  }

  .hl-gs-ticket-drift {
    filter: drop-shadow(0 24px 28px #000000d9);
    width: 330px;
  }

  .hl-gs-ticket-kicker {
    font-size: 11px;
  }

  .hl-gs-ticket-label {
    font-size: 10px;
  }

  .hl-gs-ticket-main {
    padding: 16px 18px 14px;
  }

  .hl-gs-ticket-mark {
    width: 38px;
    height: 38px;
    margin-left: -19px;
    top: 16px;
  }

  .hl-gs-ticket-meta {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding-top: 10px;
  }

  .hl-gs-ticket-stub {
    width: 72px;
  }

  .hl-gs-ticket-stub-text {
    font-size: 12px;
    top: 112px;
  }

  .hl-gs-ticket-title {
    margin-top: 8px;
    font-size: 38px;
  }

  .hl-gs-ticket-value {
    font-size: 16px;
  }

  .hl-gs-tile-5, .hl-gs-tile-7 {
    border-radius: 24px;
    grid-column: span 1 / span 1;
    padding: 24px 20px;
  }

  .hl-gs-tile-line {
    font-size: 16px;
  }

  .hl-gs-tile-obj {
    margin-top: 22px;
  }

  .hl-gs-tile-title {
    font-size: 24px;
  }

  .hl-gs-week {
    border-radius: 18px;
    padding: 18px 14px;
  }

  .hl-gs-week-approve {
    min-height: 88px;
    padding: 8px 4px;
    font-size: 12px;
  }

  .hl-gs-week-check {
    width: 22px;
    height: 22px;
    padding: 4px;
  }

  .hl-gs-week-dot {
    width: 9px;
    height: 9px;
  }

  .hl-gs-week-grid {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .hl-gs-week-live {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    min-height: 88px;
    padding-left: 14px;
    padding-right: 10px;
    font-size: 22px;
  }

  .hl-hc-ceiling {
    top: 16px;
    left: -20px;
    right: -20px;
  }

  .hl-hc-chip, .hl-hc-chip-hot {
    padding: 7px 13px;
    font-size: 15px;
  }

  .hl-hc-chipsets {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .hl-hc-dash {
    border-radius: 20px;
    padding: 16px 16px 12px;
  }

  .hl-hc-easy-sec {
    padding-top: 56px;
    padding-bottom: 0;
  }

  .hl-hc-easy-stage {
    padding-top: 8px;
    padding-bottom: 0;
  }

  .hl-hc-front {
    grid-column-gap: 20px;
    grid-row-gap: 28px;
  }

  .hl-hc-front-link {
    text-align: left;
    margin-top: 32px;
  }

  .hl-hc-front-sec {
    padding-top: 64px;
    padding-bottom: 56px;
  }

  .hl-hc-front-stage {
    padding-top: 0;
    padding-bottom: 8px;
  }

  .hl-hc-guide-ad {
    margin-top: 0;
    margin-left: 0;
  }

  .hl-hc-note-key {
    font-size: 21px;
  }

  .hl-hc-note-rule, .hl-hc-note-rule-r {
    width: 44px;
    margin-bottom: 14px;
  }

  .hl-hc-note-text {
    margin-top: 6px;
    font-size: 15px;
  }

  .hl-hc-notes, .hl-hc-notes-r {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }

  .hl-hc-pain {
    border-radius: 24px;
    padding: 18px 22px 22px;
  }

  .hl-hc-pain-from {
    margin-top: 16px;
    font-size: 13px;
  }

  .hl-hc-pain-line {
    font-size: 17px;
  }

  .hl-hc-pain-title {
    margin-top: 8px;
    font-size: 26px;
  }

  .hl-hc-pains {
    padding-top: 0;
    padding-bottom: 64px;
  }

  .hl-hc-panel {
    border-radius: 0 0 12px 12px;
    width: 280px;
    height: 22px;
    margin-left: -140px;
    top: 16px;
  }

  .hl-hc-panel-lens {
    border-radius: 5px;
    height: 10px;
    bottom: -6px;
    left: 12px;
    right: 12px;
  }

  .hl-hc-pass {
    width: 330px;
    margin-left: -172px;
    bottom: 6px;
    left: 50%;
  }

  .hl-hc-pay {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    margin-top: 44px;
  }

  .hl-hc-ph-display {
    font-size: 48px;
  }

  .hl-hc-phone {
    transform-origin: 50% 0;
    margin-left: -116px;
    top: 72px;
    transform: scale(.8);
  }

  .hl-hc-pool {
    width: 420px;
    height: 180px;
    margin-left: -210px;
    bottom: -30px;
  }

  .hl-hc-related-sec {
    padding-top: 40px;
    padding-bottom: 64px;
  }

  .hl-hc-roles {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    margin-top: 28px;
    margin-bottom: 36px;
  }

  .hl-hc-rule {
    text-align: left;
    margin-top: 24px;
    font-size: 15px;
  }

  .hl-hc-screen {
    border-radius: 22px;
    height: 340px;
  }

  .hl-hc-stage {
    max-width: 350px;
    height: 580px;
  }

  .hl-hc-steps {
    margin-top: 28px;
  }

  .hl-hc-tablet {
    border-radius: 30px;
    padding: 10px;
  }

  .hl-hc-tag-1 {
    margin-left: 8px;
    padding: 7px 14px 7px 7px;
    font-size: 15px;
  }

  .hl-hc-tag-2 {
    padding: 7px 14px 7px 7px;
    font-size: 15px;
  }

  .hl-hc-tag-3 {
    margin-left: 14px;
    padding: 7px 14px 7px 7px;
    font-size: 15px;
  }

  .hl-hc-tag-tick {
    width: 24px;
    height: 24px;
    font-size: 13px;
  }

  .hl-hc-tags {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    top: 120px;
    left: -6px;
  }

  .hl-hc-toc {
    display: none;
  }

  .hl-hc-tool-tile {
    border-radius: 24px;
    flex: 0 0 80%;
    min-height: 300px;
    padding: 24px;
  }

  .hl-hc-wash {
    width: 460px;
    height: 540px;
    margin-left: -230px;
    top: 30px;
  }

  .hl-hem-cta {
    margin-top: 36px;
  }

  .hl-hem-dash {
    padding: 16px 14px 14px;
  }

  .hl-hem-flood-cta {
    margin-top: 40px;
  }

  .hl-hem-for {
    margin-top: 36px;
    padding-top: 22px;
    font-size: 17px;
  }

  .hl-hem-incl {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 0;
    display: grid;
  }

  .hl-hem-incl-chip {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 16px;
    min-height: 60px;
    padding: 10px 12px 10px 10px;
    font-size: 14px;
    line-height: 1.25;
  }

  .hl-hem-incl-grid {
    row-gap: 28px;
    margin-top: 36px;
  }

  .hl-hem-incl-sec {
    padding-top: 48px;
    padding-bottom: 64px;
  }

  .hl-hem-rule {
    font-size: 15px;
  }

  .hl-hre-ad-title {
    font-size: 17px;
  }

  .hl-hre-after {
    padding: 18px;
    font-size: 17px;
  }

  .hl-hre-app {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 40px 10px 10px;
  }

  .hl-hre-apply {
    padding: 9px 12px;
    font-size: 13px;
  }

  .hl-hre-article {
    padding-bottom: 88px;
  }

  .hl-hre-article-end {
    padding-bottom: 80px;
  }

  .hl-hre-avatar {
    width: 20px;
    height: 20px;
  }

  .hl-hre-brand {
    font-size: 11px;
  }

  .hl-hre-cal {
    border-radius: 24px;
    padding: 20px 18px 22px;
  }

  .hl-hre-cal-title, .hl-hre-check-item, .hl-hre-check-item-last {
    font-size: 16px;
  }

  .hl-hre-checks {
    border-radius: 24px;
    padding: 8px 20px 18px;
  }

  .hl-hre-close-light {
    width: 400px;
    margin-left: -200px;
  }

  .hl-hre-code {
    border-radius: 20px;
  }

  .hl-hre-code-bar {
    padding: 12px 20px;
  }

  .hl-hre-code-body {
    padding: 18px 20px 20px;
    font-size: 13px;
  }

  .hl-hre-code-cap {
    padding: 12px 20px 16px;
  }

  .hl-hre-code-l1 {
    padding-left: 14px;
  }

  .hl-hre-cost {
    border-radius: 24px;
    padding: 24px 22px;
  }

  .hl-hre-cost-big, .hl-hre-cost-big-volt {
    font-size: 68px;
  }

  .hl-hre-cost-hot {
    border-radius: 24px;
    padding: 24px 22px;
  }

  .hl-hre-costs {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-hre-end {
    padding-bottom: 56px;
  }

  .hl-hre-fact {
    padding: 6px 10px;
  }

  .hl-hre-fact-k {
    font-size: 10px;
  }

  .hl-hre-fact-last {
    padding: 6px 10px;
  }

  .hl-hre-fact-v, .hl-hre-fact-volt {
    font-size: 12px;
  }

  .hl-hre-five {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-hre-five-item {
    border-radius: 24px;
    padding: 22px 22px 24px;
  }

  .hl-hre-five-key {
    font-size: 42px;
  }

  .hl-hre-five-last {
    border-radius: 24px;
    grid-column: span 1 / span 1;
    padding: 22px 22px 24px;
  }

  .hl-hre-five-wide {
    border-radius: 24px;
    padding: 22px 22px 24px;
  }

  .hl-hre-free {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .hl-hre-free-card {
    border-radius: 24px;
    padding-bottom: 24px;
  }

  .hl-hre-free-more {
    margin: auto 20px 0;
  }

  .hl-hre-free-stage {
    height: 268px;
  }

  .hl-hre-free-tag, .hl-hre-free-text {
    margin: 0 20px;
  }

  .hl-hre-free-title {
    margin: 0 20px;
    font-size: 24px;
  }

  .hl-hre-group {
    border-radius: 24px;
    padding: 18px 18px 20px;
  }

  .hl-hre-h2 {
    margin: 12px 0 22px;
    font-size: 36px;
  }

  .hl-hre-hero {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 14px;
    min-height: 0;
    padding: 10px 12px 12px;
  }

  .hl-hre-hero-live {
    padding: 4px 8px 4px 6px;
    font-size: 10px;
  }

  .hl-hre-hero-role {
    font-size: 34px;
  }

  .hl-hre-hero-tag {
    padding: 4px 8px;
    font-size: 10px;
  }

  .hl-hre-id {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .hl-hre-id-tag {
    font-size: 10px;
  }

  .hl-hre-meta {
    font-size: 14px;
  }

  .hl-hre-month {
    padding: 10px 7px;
  }

  .hl-hre-month-amt, .hl-hre-month-amt-peak {
    font-size: 18px;
  }

  .hl-hre-month-peak {
    padding: 10px 7px;
  }

  .hl-hre-months {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .hl-hre-own {
    border-radius: 20px;
  }

  .hl-hre-own-cell {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 56px minmax(0, 1fr);
    padding: 3px 0;
    font-size: 15px;
    display: grid;
  }

  .hl-hre-own-head {
    display: none;
  }

  .hl-hre-own-ml {
    color: #ffa800;
    text-transform: none;
    letter-spacing: 0;
    font-family: Hanken Grotesk, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: 100%;
    line-height: 1.6;
    display: block;
  }

  .hl-hre-own-rh {
    margin-bottom: 10px;
    font-size: 17px;
    display: block;
  }

  .hl-hre-own-row {
    padding: 18px 20px;
    display: block;
  }

  .hl-hre-own-row-last {
    padding: 18px 20px 20px;
    display: block;
  }

  .hl-hre-pill {
    padding: 8px 13px;
    font-size: 13px;
  }

  .hl-hre-pill-wrap {
    top: 14px;
  }

  .hl-hre-rate {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-radius: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 22px;
  }

  .hl-hre-rate-big {
    font-size: 52px;
  }

  .hl-hre-rate-title {
    font-size: 18px;
  }

  .hl-hre-rule {
    padding: 22px 18px 20px;
  }

  .hl-hre-rule-big, .hl-hre-rule-big-volt {
    font-size: 40px;
  }

  .hl-hre-rule-small {
    font-size: 14px;
  }

  .hl-hre-rules {
    border-radius: 24px;
  }

  .hl-hre-sample {
    padding: 18px;
  }

  .hl-hre-sample-text {
    font-size: 16px;
  }

  .hl-hre-sec {
    padding-top: 88px;
  }

  .hl-hre-sign {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding: 16px 12px 12px;
  }

  .hl-hre-sign-foot {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .hl-hre-sign-kicker {
    padding-bottom: 6px;
    font-size: 34px;
  }

  .hl-hre-sign-pay {
    font-size: 12px;
  }

  .hl-hre-sign-qr {
    width: 60px;
    height: 60px;
  }

  .hl-hre-sign-role {
    font-size: 15px;
  }

  .hl-hre-sign-scan-big {
    font-size: 17px;
  }

  .hl-hre-sign-wrap {
    width: 184px;
    bottom: 4px;
    left: 0;
  }

  .hl-hre-sources {
    padding-top: 0;
    padding-bottom: 48px;
  }

  .hl-hre-src-item {
    grid-template-rows: auto;
    grid-template-columns: 28px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-hre-stage {
    max-width: 390px;
    height: 596px;
  }

  .hl-hre-stat {
    grid-column-gap: 18px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    padding: 22px 20px;
    display: grid;
  }

  .hl-hre-stat-big, .hl-hre-stat-big-volt {
    grid-row: span 2 / span 2;
    font-size: 72px;
  }

  .hl-hre-stat-hot {
    grid-column-gap: 18px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    padding: 22px 20px;
    display: grid;
  }

  .hl-hre-stat-text {
    font-size: 15px;
  }

  .hl-hre-stats {
    border-radius: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-hre-tape-l, .hl-hre-tape-r {
    width: 48px;
    height: 18px;
  }

  .hl-hre-tie {
    border-radius: 24px;
    padding: 26px 20px;
  }

  .hl-hre-tie-text {
    font-size: 16px;
  }

  .hl-hre-tie-title {
    font-size: 30px;
  }

  .hl-hre-toc {
    padding: 20px 20px 16px;
  }

  .hl-hre-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-hre-tpl {
    border-radius: 24px;
    padding: 8px 20px 22px;
  }

  .hl-hre-tpl-key {
    min-width: 0;
    display: block;
  }

  .hl-hre-tpl-line {
    font-size: 16px;
  }

  .hl-hre-url {
    padding: 5px 10px;
    font-size: 10px;
  }

  .hl-hsw-article {
    padding-bottom: 88px;
  }

  .hl-hsw-article-end {
    padding-bottom: 24px;
  }

  .hl-hsw-ask {
    width: 100%;
    max-width: 340px;
    padding: 22px 20px 18px;
  }

  .hl-hsw-ask-title {
    font-size: 26px;
  }

  .hl-hsw-axis {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .hl-hsw-bar-day0 {
    height: 92px;
  }

  .hl-hsw-bar-live {
    height: 58px;
  }

  .hl-hsw-bar-mile {
    height: 28px;
  }

  .hl-hsw-bar-prep {
    height: 14px;
  }

  .hl-hsw-chip {
    padding: 9px 14px;
    font-size: 13px;
  }

  .hl-hsw-chip-wrap {
    inset: 64px auto auto 0;
  }

  .hl-hsw-dash-stage {
    min-height: 0;
    padding: 12px 0 0;
  }

  .hl-hsw-dot-amber, .hl-hsw-dot-blaze, .hl-hsw-dot-heat, .hl-hsw-dot-off {
    border-width: 3px;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    top: 22px;
  }

  .hl-hsw-dot-volt {
    border-width: 5px;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    top: 26px;
  }

  .hl-hsw-duo {
    margin: 28px auto 32px;
  }

  .hl-hsw-duo-h3 {
    font-size: 23px;
  }

  .hl-hsw-duo-stage {
    min-height: 0;
    padding: 28px 0 20px;
  }

  .hl-hsw-end {
    padding-bottom: 72px;
  }

  .hl-hsw-fl-title {
    font-size: 64px;
  }

  .hl-hsw-flood-foot {
    flex-direction: column;
    margin-top: 36px;
  }

  .hl-hsw-flyer {
    width: 100%;
    max-width: 320px;
    padding: 24px 22px 20px;
  }

  .hl-hsw-h2 {
    margin: 12px 0 22px;
    font-size: 34px;
  }

  .hl-hsw-li {
    font-size: 16px;
  }

  .hl-hsw-lockups {
    margin-top: 36px;
  }

  .hl-hsw-m {
    border-radius: 5px;
    height: 28px;
    padding-bottom: 5px;
    font-size: 11px;
  }

  .hl-hsw-m-on {
    border-radius: 5px;
    height: 48px;
    padding-bottom: 5px;
    font-size: 11px;
  }

  .hl-hsw-meta {
    margin-top: 16px;
  }

  .hl-hsw-meta-dot {
    display: none;
  }

  .hl-hsw-months {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    height: 48px;
  }

  .hl-hsw-pace {
    border-radius: 22px;
    margin: 28px auto 32px;
    padding: 22px 20px;
  }

  .hl-hsw-pace-specs {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .hl-hsw-pace-text {
    font-size: 16px;
  }

  .hl-hsw-pace-title {
    font-size: 21px;
  }

  .hl-hsw-page {
    padding: 0 16px 14px;
  }

  .hl-hsw-page-day {
    font-size: 56px;
  }

  .hl-hsw-page-foot {
    font-size: 12px;
  }

  .hl-hsw-page-top {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    height: 26px;
    margin: 0 -16px 12px;
    padding-top: 7px;
  }

  .hl-hsw-page-wrap {
    width: 150px;
    top: 0;
    right: 4px;
  }

  .hl-hsw-peak {
    border-radius: 22px;
    padding: 22px 20px 20px;
  }

  .hl-hsw-peak-end {
    border-radius: 22px;
    grid-column: span 1 / span 1;
    padding: 22px 20px 20px;
  }

  .hl-hsw-peak-title {
    font-size: 23px;
  }

  .hl-hsw-peak-wide {
    border-radius: 22px;
    grid-column: span 1 / span 1;
    padding: 22px 20px 20px;
  }

  .hl-hsw-peaks {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 36px auto 40px;
  }

  .hl-hsw-plan {
    border-radius: 24px;
    padding: 22px 22px 20px;
  }

  .hl-hsw-plan-num {
    font-size: 128px;
  }

  .hl-hsw-plan-unit-a {
    font-size: 28px;
  }

  .hl-hsw-plan-unit-b {
    font-size: 18px;
  }

  .hl-hsw-plan-wrap {
    width: 100%;
    top: 176px;
    left: 0;
  }

  .hl-hsw-rail-amber, .hl-hsw-rail-blaze {
    width: 3px;
  }

  .hl-hsw-rail-end {
    background-image: linear-gradient(#6e655b 0 34px, #6e655b00 34px);
    width: 3px;
  }

  .hl-hsw-rail-heat, .hl-hsw-rail-off {
    width: 3px;
  }

  .hl-hsw-rail-start {
    background-image: linear-gradient(#ff4a0000 0 30px, #ff4a00 30px 100%);
    width: 3px;
  }

  .hl-hsw-rail-volt {
    width: 3px;
  }

  .hl-hsw-sec {
    padding-top: 88px;
  }

  .hl-hsw-sec-first {
    padding-top: 72px;
  }

  .hl-hsw-shift {
    border-radius: 20px;
    padding: 20px 18px 18px;
  }

  .hl-hsw-shift-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 72px minmax(0, 1fr) 48px;
  }

  .hl-hsw-shift-title {
    font-size: 16px;
  }

  .hl-hsw-shift-val, .hl-hsw-shift-val-now {
    font-size: 18px;
  }

  .hl-hsw-spec {
    border-radius: 12px;
    padding: 12px;
  }

  .hl-hsw-spec-value {
    font-size: 20px;
  }

  .hl-hsw-src {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 48px;
  }

  .hl-hsw-stage {
    max-width: 400px;
    height: 650px;
  }

  .hl-hsw-tl {
    margin: 36px auto 32px;
  }

  .hl-hsw-toc {
    padding: 20px 20px 16px;
  }

  .hl-hsw-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-hsw-track {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    height: 92px;
    margin-top: 22px;
  }

  .hl-hsw-when {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-top: 20px;
  }

  .hl-hsw-wk {
    grid-template-rows: auto;
    grid-template-columns: 62px 22px minmax(0, 1fr);
    column-gap: 14px;
  }

  .hl-hsw-wk-body {
    padding: 20px 0 32px;
  }

  .hl-hsw-wk-body-peak {
    border-radius: 20px;
    margin: 8px 0 32px;
    padding: 20px 18px 22px;
  }

  .hl-hsw-wk-last {
    grid-template-rows: auto;
    grid-template-columns: 62px 22px minmax(0, 1fr);
    column-gap: 14px;
  }

  .hl-hsw-wk-num {
    font-size: 40px;
  }

  .hl-hsw-wk-num-peak {
    font-size: 60px;
  }

  .hl-hsw-wk-peak {
    grid-template-rows: auto;
    grid-template-columns: 62px 22px minmax(0, 1fr);
    column-gap: 14px;
  }

  .hl-hsw-wk-text {
    font-size: 16px;
  }

  .hl-hsw-wk-title {
    font-size: 25px;
  }

  .hl-hsw-wk-unit, .hl-hsw-wk-unit-peak {
    font-size: 12px;
  }

  .hl-hv-cal {
    display: none;
  }

  .hl-hv-dash-stage {
    padding: 24px 16px 6px;
  }

  .hl-hv-event {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 24px;
    margin-top: 32px;
    padding: 32px 22px 28px;
  }

  .hl-hv-event-ad {
    margin-left: -113px;
    top: 10px;
    left: 50%;
  }

  .hl-hv-event-objs {
    height: 270px;
  }

  .hl-hv-event-qr {
    display: none;
  }

  .hl-hv-event-title {
    font-size: 36px;
  }

  .hl-hv-flood-actions {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-direction: column;
    margin-top: 48px;
  }

  .hl-hv-pain {
    margin-bottom: 8px;
    font-size: 40px;
    line-height: 1.04;
  }

  .hl-hv-pains {
    margin-top: 18px;
  }

  .hl-hv-payoff {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 40px;
    padding-top: 36px;
  }

  .hl-hv-payoff-lead {
    font-size: 18px;
  }

  .hl-hv-payoff-side {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .hl-hv-radar {
    border-radius: 24px;
    height: 380px;
  }

  .hl-hv-radar-head {
    padding: 14px 16px 12px;
  }

  .hl-hv-radar-title {
    font-size: 16px;
  }

  .hl-hv-related {
    margin-top: 56px;
  }

  .hl-hv-ring-1 {
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: -60px;
  }

  .hl-hv-ring-2 {
    width: 230px;
    height: 230px;
    margin-top: -115px;
    margin-left: -115px;
  }

  .hl-hv-ring-3 {
    width: 340px;
    height: 340px;
    margin-top: -170px;
    margin-left: -170px;
  }

  .hl-hv-runs {
    margin-top: 40px;
  }

  .hl-hv-spot-1 {
    top: 24%;
    left: 5%;
  }

  .hl-hv-spot-2 {
    top: 26%;
    left: 60%;
  }

  .hl-hv-spot-3 {
    top: 50%;
    left: 66%;
  }

  .hl-hv-spot-4 {
    top: 82%;
    left: 58%;
  }

  .hl-hv-spot-5 {
    top: 82%;
    left: 6%;
  }

  .hl-hv-spot-6 {
    display: none;
  }

  .hl-hww-ad-media {
    height: 140px;
    padding: 16px 18px;
  }

  .hl-hww-ad-role {
    font-size: 34px;
  }

  .hl-hww-ad-wrap {
    width: 282px;
  }

  .hl-hww-article {
    padding-bottom: 88px;
  }

  .hl-hww-article-end {
    padding-bottom: 24px;
  }

  .hl-hww-bar-board {
    width: 15.81%;
  }

  .hl-hww-bar-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 14px 0;
  }

  .hl-hww-bar-search {
    width: 74%;
  }

  .hl-hww-bar-social {
    width: 10.96%;
  }

  .hl-hww-bar-val {
    font-size: 18px;
  }

  .hl-hww-board {
    padding: 12px 14px 4px;
  }

  .hl-hww-board-shift, .hl-hww-board-shift-off {
    font-size: 14px;
  }

  .hl-hww-board-wrap {
    width: 228px;
    top: 36px;
    right: -4px;
  }

  .hl-hww-cap {
    font-size: 14px;
  }

  .hl-hww-card {
    border-radius: 24px;
    flex-basis: 100%;
    padding: 22px 20px 24px;
  }

  .hl-hww-card-title {
    font-size: 22px;
  }

  .hl-hww-cards {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin: 32px auto 36px;
  }

  .hl-hww-chart {
    border-radius: 24px;
    padding: 24px 20px 14px;
  }

  .hl-hww-chart-title {
    font-size: 18px;
  }

  .hl-hww-close {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 28px;
  }

  .hl-hww-costs {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin-top: 32px;
  }

  .hl-hww-costs-cap {
    margin: 14px auto 32px;
    font-size: 13px;
  }

  .hl-hww-dd {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 28px auto 32px;
  }

  .hl-hww-dd-quote, .hl-hww-dd-quote-off {
    font-size: 22px;
  }

  .hl-hww-do, .hl-hww-dont {
    border-radius: 24px;
    padding: 22px 20px;
  }

  .hl-hww-door-tag {
    top: 10px;
    left: 8px;
  }

  .hl-hww-doors {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: 270px;
    left: 40px;
  }

  .hl-hww-end {
    padding-bottom: 80px;
  }

  .hl-hww-fig {
    margin: 20px auto 28px;
  }

  .hl-hww-five {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin: 32px auto 40px;
  }

  .hl-hww-five-card {
    border-radius: 24px;
    flex-basis: 100%;
    padding: 0 22px 22px;
  }

  .hl-hww-five-word {
    font-size: 44px;
  }

  .hl-hww-flood-foot {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    margin-top: 36px;
  }

  .hl-hww-formula {
    border-radius: 24px;
    margin-top: 28px;
    padding: 24px 20px 22px;
  }

  .hl-hww-formula-ex {
    font-size: 18px;
  }

  .hl-hww-formula-line {
    font-size: 21px;
    line-height: 1.75;
  }

  .hl-hww-h2 {
    margin: 12px 0 22px;
    font-size: 34px;
  }

  .hl-hww-lockups {
    margin-top: 36px;
  }

  .hl-hww-map {
    background-size: 16px 16px;
    border-radius: 20px;
  }

  .hl-hww-meta {
    font-size: 14px;
  }

  .hl-hww-ol-li {
    font-size: 17px;
  }

  .hl-hww-pace {
    border-radius: 24px;
    margin: 28px auto 24px;
    padding: 22px 18px 18px;
  }

  .hl-hww-pace-cell {
    font-size: 15px;
  }

  .hl-hww-pace-ml {
    color: #958b80;
    font-variation-settings: "wdth" 100;
    margin-bottom: 2px;
    font-family: Hanken Grotesk, sans-serif;
    font-size: 13px;
    font-weight: 600;
    font-stretch: 100%;
    line-height: 1.4;
    display: block;
  }

  .hl-hww-pace-row {
    grid-column-gap: 16px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 18px 0;
  }

  .hl-hww-pace-row-last {
    grid-column-gap: 16px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 18px 0 8px;
  }

  .hl-hww-pace-site {
    grid-column: 1 / 3;
    padding-right: 0;
  }

  .hl-hww-pace-th-row {
    display: none;
  }

  .hl-hww-pull {
    margin-top: 40px;
    padding-top: 24px;
    font-size: 28px;
  }

  .hl-hww-q, .hl-hww-q-volt {
    font-size: 14px;
  }

  .hl-hww-rail-1, .hl-hww-rail-2, .hl-hww-rail-3, .hl-hww-rail-4, .hl-hww-rail-5 {
    margin: 0 -22px 14px;
  }

  .hl-hww-range-card {
    border-radius: 24px;
    padding: 24px 20px 18px;
  }

  .hl-hww-role {
    border-radius: 24px;
    padding: 22px 20px;
  }

  .hl-hww-role-title {
    font-size: 21px;
  }

  .hl-hww-roles {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 28px auto 36px;
  }

  .hl-hww-rule, .hl-hww-rule-last {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-direction: column;
  }

  .hl-hww-rule-v {
    text-align: left;
  }

  .hl-hww-sec {
    padding-top: 88px;
  }

  .hl-hww-sec-first {
    padding-top: 72px;
  }

  .hl-hww-spill {
    height: 240px;
    top: 210px;
  }

  .hl-hww-src {
    margin-top: 48px;
    padding-top: 32px;
  }

  .hl-hww-src-item {
    grid-template-rows: auto;
    grid-template-columns: 26px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-hww-stage {
    max-width: 400px;
    height: 624px;
  }

  .hl-hww-step-text {
    font-size: 15px;
  }

  .hl-hww-step-title {
    font-size: 19px;
  }

  .hl-hww-terms {
    border-radius: 24px;
    margin: 24px auto;
    padding: 4px 20px;
  }

  .hl-hww-terms-k {
    padding-top: 0;
  }

  .hl-hww-terms-row, .hl-hww-terms-row-last {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 16px 0;
  }

  .hl-hww-toc {
    padding: 20px 20px 16px;
  }

  .hl-hww-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-hww-tok, .hl-hww-tok-hot {
    white-space: normal;
    padding: 2px 7px;
  }

  .hl-hww-tpl-card {
    border-radius: 24px;
    margin-top: 28px;
    padding: 6px 20px 22px;
  }

  .hl-hww-tpl-first {
    font-size: 16px;
  }

  .hl-hww-tpl-head {
    padding: 16px 0;
  }

  .hl-hww-tpl-item, .hl-hww-tpl-line, .hl-hww-tpl-sub {
    font-size: 16px;
  }

  .hl-hww-tpl-title {
    font-size: 20px;
  }

  .hl-hww-tree {
    border-radius: 24px;
    margin: 28px auto 16px;
    padding: 18px;
  }

  .hl-hww-tree-arrow {
    display: none;
  }

  .hl-hww-tree-branches {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-left: 18px;
    padding: 16px 0 4px 16px;
  }

  .hl-hww-tree-name {
    font-size: 46px;
  }

  .hl-hww-tree-root {
    border-radius: 18px;
    padding: 20px;
  }

  .hl-hww-tree-row, .hl-hww-tree-row-last {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 14px;
  }

  .hl-hww-tree-url {
    white-space: normal;
    overflow-wrap: anywhere;
    border-radius: 12px;
    font-size: 12px;
  }

  .hl-hww-vs {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 32px auto 16px;
  }

  .hl-hww-vs-big {
    font-size: 80px;
  }

  .hl-hww-vs-calm, .hl-hww-vs-hot {
    border-radius: 24px;
    padding: 26px 22px 12px;
  }

  .hl-ia-answer {
    padding: 18px 18px 20px;
  }

  .hl-ia-answer-dot {
    margin-top: 8px;
  }

  .hl-ia-answer-li {
    font-size: 16px;
  }

  .hl-ia-body {
    padding-top: 16px;
    padding-bottom: 56px;
  }

  .hl-ia-ch {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 26px 0 8px;
  }

  .hl-ia-ch-head {
    flex-flow: wrap;
    align-items: center;
  }

  .hl-ia-chg {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ia-chg-card {
    padding: 22px 20px 24px;
  }

  .hl-ia-chg-lead {
    font-size: 20px;
  }

  .hl-ia-chs {
    margin-top: 0;
  }

  .hl-ia-cnt {
    border-radius: 20px;
    padding: 0 20px 4px;
  }

  .hl-ia-cnt-by, .hl-ia-cnt-cell {
    padding: 2px 0;
    display: block;
  }

  .hl-ia-cnt-head {
    display: none;
  }

  .hl-ia-cnt-rh {
    margin-bottom: 6px;
    font-size: 18px;
    display: block;
  }

  .hl-ia-cnt-row {
    padding: 16px 0;
    display: block;
  }

  .hl-ia-display {
    font-size: 48px;
  }

  .hl-ia-h2 {
    font-size: 34px;
  }

  .hl-ia-h3 {
    font-size: 22px;
  }

  .hl-ia-intro {
    font-size: 17px;
  }

  .hl-ia-lead {
    font-size: 18px;
  }

  .hl-ia-mix-board {
    height: 220px;
  }

  .hl-ia-mixer {
    width: 360px;
    transform: none;
  }

  .hl-ia-offer {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 28px 20px;
  }

  .hl-ia-offer-obj {
    transform: none;
  }

  .hl-ia-offer-title {
    font-size: 30px;
  }

  .hl-ia-related {
    padding-bottom: 72px;
  }

  .hl-ia-role {
    padding: 24px 20px;
  }

  .hl-ia-role-end {
    grid-column: span 1 / span 1;
    padding: 24px 20px;
  }

  .hl-ia-role-title {
    font-size: 24px;
  }

  .hl-ia-role-wide {
    grid-column: span 1 / span 1;
    padding: 24px 20px;
  }

  .hl-ia-roles {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ia-sec {
    margin-top: 48px;
    padding-top: 48px;
  }

  .hl-ia-set-corp {
    display: none;
  }

  .hl-ia-sheet {
    padding: 20px 18px 22px;
  }

  .hl-ia-sheet-text {
    font-size: 16px;
  }

  .hl-ia-sources {
    padding-top: 56px;
    padding-bottom: 72px;
  }

  .hl-ia-stat {
    padding: 24px 20px;
  }

  .hl-ia-stat-fig {
    font-size: 48px;
  }

  .hl-ia-stat-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ia-stat-label {
    font-size: 17px;
  }

  .hl-ia-tbl {
    border-radius: 20px;
    padding: 0 20px 4px;
  }

  .hl-ia-tbl-cell {
    padding: 4px 0;
    font-size: 15px;
    display: block;
  }

  .hl-ia-tbl-head {
    display: none;
  }

  .hl-ia-tbl-ml {
    color: #bcb2a6;
    margin-right: 6px;
    font-family: Hanken Grotesk, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    display: inline;
  }

  .hl-ia-tbl-rh {
    margin-bottom: 8px;
    font-size: 19px;
    display: block;
  }

  .hl-ia-tbl-row {
    padding: 18px 0;
    display: block;
  }

  .hl-ia-tbl-row:hover {
    background-color: #0000;
  }

  .hl-ia-tl {
    border-radius: 24px;
    padding: 26px 20px 8px;
  }

  .hl-ia-tl-1 {
    border-top-style: none;
    border-top-width: 0;
    border-left: 4px solid #ff4a00;
    padding: 0 0 26px 28px;
  }

  .hl-ia-tl-2 {
    border-top-style: none;
    border-top-width: 0;
    border-left: 4px solid #ff7300;
    padding: 0 0 26px 28px;
  }

  .hl-ia-tl-3 {
    border-top-style: none;
    border-top-width: 0;
    border-left: 4px solid #ffd60a;
    padding: 0 0 26px 28px;
  }

  .hl-ia-tl-date {
    font-size: 24px;
  }

  .hl-ia-tl-dot-1, .hl-ia-tl-dot-2, .hl-ia-tl-dot-3 {
    top: -2px;
    left: -14px;
  }

  .hl-ia-tl-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 26px;
  }

  .hl-ia-tl-next {
    align-self: flex-start;
    margin-bottom: 4px;
    position: relative;
    top: 0;
    right: auto;
  }

  .hl-if-article {
    padding-bottom: 88px;
  }

  .hl-if-board-foot {
    padding: 16px 16px 18px;
  }

  .hl-if-board-head {
    padding: 14px 16px 12px;
  }

  .hl-if-board-wrap {
    width: 100%;
    top: 58px;
  }

  .hl-if-cal-day {
    font-size: 80px;
  }

  .hl-if-cal-foot {
    font-size: 12px;
  }

  .hl-if-cal-rings {
    padding: 0 30px;
    top: 8px;
  }

  .hl-if-cal-top {
    padding: 26px 10px 10px;
    font-size: 15px;
  }

  .hl-if-cal-wrap {
    width: 132px;
  }

  .hl-if-chan-card {
    border-radius: 24px;
    padding: 24px 22px 26px;
  }

  .hl-if-chan-title {
    font-size: 24px;
  }

  .hl-if-chip, .hl-if-chip-hot {
    padding: 9px 14px;
    font-size: 14px;
  }

  .hl-if-chipset {
    border-radius: 24px;
    padding: 22px 20px 24px;
  }

  .hl-if-end {
    padding-bottom: 80px;
  }

  .hl-if-freecard {
    border-radius: 20px;
    padding: 20px 18px 22px;
  }

  .hl-if-h2 {
    margin: 12px 0 22px;
    font-size: 34px;
  }

  .hl-if-meta {
    font-size: 14px;
  }

  .hl-if-mini-rail {
    width: 210px;
  }

  .hl-if-node {
    border-radius: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 12px;
    padding: 24px 22px 20px;
  }

  .hl-if-node-num {
    font-size: 56px;
  }

  .hl-if-node-q {
    font-size: 23px;
  }

  .hl-if-path {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
  }

  .hl-if-pill {
    padding: 9px 14px 9px 10px;
    font-size: 13px;
  }

  .hl-if-pipe-off, .hl-if-pipe-ok, .hl-if-pipe-paid {
    display: none;
  }

  .hl-if-pull {
    margin-top: 28px;
    padding-top: 24px;
    font-size: 30px;
  }

  .hl-if-q {
    text-indent: -26px;
    padding: 12px 0 13px 26px;
  }

  .hl-if-q-num {
    width: 22px;
  }

  .hl-if-qcard {
    border-radius: 24px;
    margin: 28px auto 24px;
    padding: 6px 20px 22px;
  }

  .hl-if-qcard-head {
    padding: 16px 0;
  }

  .hl-if-quote {
    border-radius: 24px;
    margin: 4px auto 40px;
    padding: 30px 22px 26px;
  }

  .hl-if-quote-cap {
    font-size: 14px;
  }

  .hl-if-quote-mark {
    height: 52px;
    font-size: 104px;
  }

  .hl-if-quote-text {
    font-size: 28px;
    line-height: 1.12;
  }

  .hl-if-route {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px 16px;
  }

  .hl-if-route-name {
    font-size: 16px;
  }

  .hl-if-rule {
    padding: 22px;
  }

  .hl-if-rule-q {
    font-size: 20px;
  }

  .hl-if-rule-warn {
    padding: 22px;
  }

  .hl-if-rules {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 8px auto 36px;
  }

  .hl-if-sec {
    padding-top: 88px;
  }

  .hl-if-sec-first {
    padding-top: 72px;
  }

  .hl-if-sheet {
    padding: 0 18px 4px;
  }

  .hl-if-sheet-bar {
    padding: 16px 18px 14px;
  }

  .hl-if-sheet-card {
    border-radius: 24px;
  }

  .hl-if-sheet-head {
    display: none;
  }

  .hl-if-sheet-mlabel {
    color: #958b80;
    display: inline;
  }

  .hl-if-sheet-row, .hl-if-sheet-row-last {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
    padding: 18px 0;
  }

  .hl-if-src {
    margin-top: 48px;
    padding-top: 32px;
  }

  .hl-if-src-item {
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-if-st-off, .hl-if-st-ok, .hl-if-st-paid {
    padding: 6px 10px;
    font-size: 12px;
  }

  .hl-if-stage {
    max-width: 420px;
    height: 486px;
  }

  .hl-if-step {
    flex-basis: auto;
  }

  .hl-if-step-word {
    font-size: 40px;
  }

  .hl-if-steps {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-direction: column;
    margin: 32px auto 40px;
  }

  .hl-if-term {
    border-radius: 24px;
    padding: 24px 22px 26px;
  }

  .hl-if-term-name {
    font-size: 24px;
  }

  .hl-if-terms {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 24px auto 4px;
  }

  .hl-if-tl {
    margin: 32px auto 16px;
  }

  .hl-if-tl-body {
    grid-row-start: 2;
    grid-column-start: 2;
    padding: 12px 0 26px;
  }

  .hl-if-tl-date, .hl-if-tl-date-next {
    text-align: left;
    grid-row-start: 1;
    grid-column-start: 2;
    padding: 22px 0 0;
    font-size: 30px;
  }

  .hl-if-tl-dot {
    top: 26px;
    left: 9px;
  }

  .hl-if-tl-dot-next {
    top: 24px;
    left: 6px;
  }

  .hl-if-tl-item {
    grid-template-rows: auto;
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 12px;
    padding: 0 4px;
  }

  .hl-if-tl-next {
    border-radius: 20px;
    grid-template-rows: auto;
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 12px;
    padding: 0 16px 0 4px;
  }

  .hl-if-tl-node {
    background-position: 17px 0;
    grid-row: 1 / span 2;
    grid-column-start: 1;
  }

  .hl-if-tl-node-end {
    background-position: 17px 0;
    background-size: 2px 30px;
    grid-row: 1 / span 2;
    grid-column-start: 1;
  }

  .hl-if-tl-what {
    font-size: 16px;
  }

  .hl-if-tl-what-next {
    font-size: 17px;
  }

  .hl-if-toc {
    padding: 20px 20px 16px;
  }

  .hl-if-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-if-tree {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin: 32px auto;
  }

  .hl-ip-article {
    padding-bottom: 88px;
  }

  .hl-ip-article-end {
    padding-bottom: 32px;
  }

  .hl-ip-billed {
    padding: 6px 11px;
    font-size: 12px;
  }

  .hl-ip-box {
    width: 30px;
    margin-left: -30px;
  }

  .hl-ip-budget {
    padding: 14px 12px 12px;
  }

  .hl-ip-cap {
    text-align: left;
  }

  .hl-ip-check {
    padding: 13px 0 14px 30px;
    font-size: 16px;
  }

  .hl-ip-end {
    padding-bottom: 80px;
  }

  .hl-ip-example {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    padding: 14px 16px;
  }

  .hl-ip-example-text {
    font-size: 15px;
  }

  .hl-ip-flood-foot {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    margin-top: 36px;
  }

  .hl-ip-flow {
    border-radius: 24px;
    margin: 28px auto;
  }

  .hl-ip-flow-arrow {
    display: none;
  }

  .hl-ip-flow-row {
    padding: 18px 20px;
    display: block;
  }

  .hl-ip-flow-to {
    border-left: 3px solid #ffa800;
    margin-top: 8px;
    padding-left: 14px;
  }

  .hl-ip-h2 {
    margin: 12px 0 22px;
    font-size: 34px;
  }

  .hl-ip-job-body {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 18px 16px;
  }

  .hl-ip-job-title {
    font-size: 28px;
  }

  .hl-ip-job-top {
    padding: 12px 16px;
  }

  .hl-ip-job-wrap {
    width: 92%;
    top: 48px;
  }

  .hl-ip-list-card {
    border-radius: 24px;
    margin-top: 28px;
    padding: 6px 20px 20px;
  }

  .hl-ip-list-head {
    padding: 16px 0;
  }

  .hl-ip-lockups {
    margin-top: 36px;
  }

  .hl-ip-meter {
    border-radius: 24px;
    margin: 24px auto 14px;
  }

  .hl-ip-meter-act, .hl-ip-meter-act-off {
    font-size: 16px;
  }

  .hl-ip-meter-head {
    padding: 14px 18px;
  }

  .hl-ip-meter-row, .hl-ip-meter-row-off {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding: 16px 18px;
  }

  .hl-ip-pace {
    border-radius: 24px;
    margin-bottom: 36px;
    padding: 22px 20px 24px;
  }

  .hl-ip-pace-fix {
    font-size: 15px;
  }

  .hl-ip-pace-flag {
    margin-top: 20px;
    font-size: 14px;
  }

  .hl-ip-pace-key {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: space-between;
    align-items: baseline;
    display: flex;
  }

  .hl-ip-pace-keys {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ip-pace-meter {
    margin: 28px 0 20px;
  }

  .hl-ip-pace-title {
    font-size: 18px;
  }

  .hl-ip-pace-v {
    margin: 0;
    font-size: 30px;
  }

  .hl-ip-part-title {
    font-size: 22px;
  }

  .hl-ip-parts {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
    margin: 32px auto 36px;
  }

  .hl-ip-pill {
    padding: 9px 14px;
  }

  .hl-ip-pill-wrap {
    left: 4px;
  }

  .hl-ip-plan, .hl-ip-plan-on {
    font-size: 12px;
  }

  .hl-ip-pull {
    margin-top: 28px;
    padding-top: 24px;
    font-size: 32px;
  }

  .hl-ip-quote {
    border-radius: 24px;
    margin: 28px auto;
    padding: 30px 22px 26px;
  }

  .hl-ip-quote-by {
    margin-top: 16px;
    font-size: 14px;
  }

  .hl-ip-quote-text {
    font-size: 27px;
  }

  .hl-ip-rail-1, .hl-ip-rail-2, .hl-ip-rail-3, .hl-ip-rail-4 {
    width: 64px;
  }

  .hl-ip-receipt {
    padding: 14px 16px 12px;
  }

  .hl-ip-receipt-act {
    font-size: 13px;
  }

  .hl-ip-receipt-row {
    padding: 7px 0;
  }

  .hl-ip-receipt-title {
    font-size: 22px;
  }

  .hl-ip-receipt-wrap {
    width: 262px;
  }

  .hl-ip-route {
    align-items: stretch;
    padding: 20px 20px 18px;
    display: flex;
  }

  .hl-ip-route-text {
    font-size: 18px;
  }

  .hl-ip-routes {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin: 28px auto 32px;
  }

  .hl-ip-rule {
    grid-template-rows: auto;
    grid-template-columns: 34px minmax(0, 1fr);
    padding: 20px 20px 22px;
  }

  .hl-ip-rule-mark {
    height: 26px;
    font-size: 54px;
  }

  .hl-ip-rule-text {
    font-size: 20px;
  }

  .hl-ip-rules {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin: 24px auto 14px;
  }

  .hl-ip-sec {
    padding-top: 88px;
  }

  .hl-ip-sec-first {
    padding-top: 72px;
  }

  .hl-ip-sources {
    padding-top: 56px;
    padding-bottom: 80px;
  }

  .hl-ip-spec {
    border-radius: 24px;
    padding: 26px 24px 24px;
  }

  .hl-ip-spec-big {
    font-size: 96px;
  }

  .hl-ip-spec-text {
    font-size: 16px;
  }

  .hl-ip-specs {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 28px auto 14px;
  }

  .hl-ip-src {
    padding-top: 32px;
  }

  .hl-ip-src-item {
    grid-template-rows: auto;
    grid-template-columns: 26px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-ip-stage {
    max-width: 400px;
    height: 650px;
  }

  .hl-ip-step {
    border-radius: 22px;
    padding: 22px 22px 24px;
  }

  .hl-ip-step-title {
    font-size: 21px;
  }

  .hl-ip-steps {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 32px auto 28px;
  }

  .hl-ip-tag {
    border-radius: 24px;
    padding: 24px 22px 22px;
  }

  .hl-ip-tag-hole {
    top: 22px;
    right: 22px;
  }

  .hl-ip-tag-hot {
    border-radius: 24px;
    padding: 24px 22px 22px;
  }

  .hl-ip-tag-pay {
    font-size: 23px;
  }

  .hl-ip-tags {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 32px auto 20px;
  }

  .hl-ip-tier-1, .hl-ip-tier-2, .hl-ip-tier-3 {
    border-radius: 24px;
    padding: 24px 22px 22px;
  }

  .hl-ip-tier-name-1, .hl-ip-tier-name-2 {
    font-size: 32px;
  }

  .hl-ip-tier-name-3 {
    font-size: 30px;
  }

  .hl-ip-tiers {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin: 24px auto 36px;
  }

  .hl-ip-time-date, .hl-ip-time-date-now {
    font-size: 20px;
  }

  .hl-ip-time-dot {
    top: 17px;
  }

  .hl-ip-time-dot-now {
    top: 16px;
  }

  .hl-ip-time-item, .hl-ip-time-item-now {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 2px;
    padding: 12px 0 14px 36px;
  }

  .hl-ip-time-stub {
    height: 18px;
  }

  .hl-ip-time-text, .hl-ip-time-text-now {
    font-size: 16px;
  }

  .hl-ip-time-wrap {
    margin: 28px auto 16px;
  }

  .hl-ip-toc {
    padding: 20px 20px 16px;
  }

  .hl-ip-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-ip-trigger {
    border-radius: 24px;
    padding: 22px;
    display: flex;
  }

  .hl-ip-trigger-big {
    margin: 2px 0 4px;
    font-size: 64px;
  }

  .hl-ip-triggers {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin: 24px auto;
  }

  .hl-ip-unbilled {
    padding: 5px 10px;
    font-size: 12px;
  }

  .hl-ip-vs {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 32px auto 16px;
  }

  .hl-ip-vs-calm, .hl-ip-vs-hot {
    border-radius: 24px;
    padding: 26px 22px 22px;
  }

  .hl-ip-vs-title {
    font-size: 30px;
  }

  .hl-ip-watch {
    margin-top: 40px;
    padding: 20px;
  }

  .hl-jt-ad {
    border-radius: 20px;
    padding: 11px;
  }

  .hl-jt-ad-apply {
    padding: 7px 12px;
    font-size: 13px;
  }

  .hl-jt-ad-avatar {
    width: 26px;
    height: 26px;
  }

  .hl-jt-ad-bar-text {
    font-size: 12px;
  }

  .hl-jt-ad-brand {
    font-size: 13px;
  }

  .hl-jt-ad-chip {
    padding: 3px 8px;
    font-size: 11px;
  }

  .hl-jt-ad-media {
    min-height: 146px;
    padding: 14px;
  }

  .hl-jt-ad-role {
    font-size: 26px;
  }

  .hl-jt-ad-top {
    margin-bottom: 9px;
  }

  .hl-jt-ad-wrap {
    width: 214px;
    right: 0;
  }

  .hl-jt-answer {
    border-radius: 22px;
    margin-top: -32px;
    padding: 22px 20px 18px;
  }

  .hl-jt-answer-label {
    font-size: 20px;
  }

  .hl-jt-arow {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 0;
  }

  .hl-jt-arow-last {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 0 4px;
  }

  .hl-jt-arow-t {
    font-size: 17px;
  }

  .hl-jt-card {
    padding: 20px 20px 8px;
  }

  .hl-jt-check-item {
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px 0 13px;
  }

  .hl-jt-check-text {
    font-size: 16px;
  }

  .hl-jt-close {
    margin-top: 56px;
    font-size: 18px;
  }

  .hl-jt-display {
    font-size: 46px;
    line-height: .98;
  }

  .hl-jt-doc {
    margin-top: 40px;
  }

  .hl-jt-h2 {
    font-size: 32px;
  }

  .hl-jt-map {
    border-radius: 22px;
    margin: 28px 0;
    padding: 14px 14px 16px;
  }

  .hl-jt-map-cap {
    font-size: 14px;
  }

  .hl-jt-map-field {
    background-size: 16px 16px;
    height: 318px;
  }

  .hl-jt-map-set {
    width: auto;
    height: 318px;
  }

  .hl-jt-meta {
    margin-top: 24px;
    font-size: 13px;
  }

  .hl-jt-mlabel {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    color: #ffa800;
    font-variation-settings: "wdth" 62;
    letter-spacing: .1em;
    text-transform: uppercase;
    align-items: center;
    margin-bottom: 2px;
    font-family: Archivo, sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-stretch: 62%;
    line-height: 1.2;
    display: flex;
  }

  .hl-jt-offer {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    border-radius: 22px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
    padding: 28px 22px 32px;
  }

  .hl-jt-offer-obj {
    justify-content: flex-start;
  }

  .hl-jt-offer-title {
    font-size: 30px;
  }

  .hl-jt-pair {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-jt-panel {
    border-radius: 22px;
    padding: 16px 16px 6px;
  }

  .hl-jt-panel-title {
    font-size: 16px;
  }

  .hl-jt-panel-wrap {
    width: 272px;
  }

  .hl-jt-related {
    margin-top: 56px;
  }

  .hl-jt-rule {
    padding: 18px 20px 20px;
  }

  .hl-jt-rule-name {
    font-size: 19px;
  }

  .hl-jt-rule-wide {
    grid-column: span 1 / span 1;
    padding: 18px 20px 20px;
  }

  .hl-jt-rules {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-jt-sec {
    padding-top: 64px;
  }

  .hl-jt-set {
    padding: 8px 0;
  }

  .hl-jt-set-cut {
    border-bottom-style: none;
    border-bottom-width: 0;
    padding: 8px 0 10px;
  }

  .hl-jt-set-last {
    padding: 8px 0 10px;
  }

  .hl-jt-set-last-opt {
    display: none;
  }

  .hl-jt-set-name {
    font-size: 14px;
  }

  .hl-jt-set-opt {
    display: none;
  }

  .hl-jt-set-val {
    font-size: 12px;
  }

  .hl-jt-side {
    margin-bottom: 56px;
  }

  .hl-jt-sources {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .hl-jt-sources-title {
    font-size: 28px;
  }

  .hl-jt-span-ab {
    width: 48px;
    font-size: 11px;
    top: 50px;
    left: 70px;
  }

  .hl-jt-src, .hl-jt-src-on {
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-jt-stage {
    max-width: 350px;
    height: 526px;
  }

  .hl-jt-statement {
    font-size: 36px;
    line-height: 1.04;
  }

  .hl-jt-td {
    font-size: 15px;
  }

  .hl-jt-thead {
    display: none;
  }

  .hl-jt-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-jt-tr, .hl-jt-tr-last {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 18px 20px;
  }

  .hl-jt-zone-a {
    width: 120px;
    height: 120px;
    top: 16px;
    left: 10px;
  }

  .hl-jt-zone-b {
    width: 120px;
    height: 120px;
    top: 16px;
    left: 58px;
  }

  .hl-jt-zone-c {
    width: 120px;
    height: 120px;
    top: 190px;
    left: 166px;
  }

  .hl-li-answer {
    border-radius: 24px;
    padding: 24px 22px 8px;
  }

  .hl-li-answer-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 16px 0;
  }

  .hl-li-answer-text {
    font-size: 17px;
  }

  .hl-li-article {
    padding-bottom: 88px;
  }

  .hl-li-article-end {
    padding-bottom: 40px;
  }

  .hl-li-budget {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 16px 16px 14px;
  }

  .hl-li-budget-wrap {
    width: 240px;
  }

  .hl-li-check {
    padding: 13px 0 14px 34px;
    font-size: 16px;
  }

  .hl-li-check-num {
    width: 30px;
    margin-left: -34px;
    font-size: 15px;
  }

  .hl-li-code {
    border-radius: 20px;
    margin: 32px auto 28px;
  }

  .hl-li-code-bar {
    padding: 14px 18px 12px;
  }

  .hl-li-code-item {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 14px 0;
  }

  .hl-li-code-list {
    padding: 2px 18px 6px;
  }

  .hl-li-code-val {
    font-size: 13px;
  }

  .hl-li-display {
    font-size: 46px;
  }

  .hl-li-ex-cell {
    font-size: 15px;
  }

  .hl-li-ex-head {
    display: none;
  }

  .hl-li-ex-rh {
    font-size: 17px;
  }

  .hl-li-ex-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 6px;
    padding: 16px 0;
  }

  .hl-li-ex-total {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 6px;
    padding: 16px 0 10px;
  }

  .hl-li-fit {
    border-radius: 24px;
    margin-top: 32px;
  }

  .hl-li-fit-rh {
    grid-column: auto;
    font-size: 18px;
  }

  .hl-li-fit-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 20px;
  }

  .hl-li-flood-foot {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    margin-top: 36px;
  }

  .hl-li-h2 {
    margin: 12px 0 22px;
    font-size: 34px;
  }

  .hl-li-h3 {
    margin: 36px 0 12px;
    font-size: 24px;
  }

  .hl-li-legend {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
  }

  .hl-li-list-card {
    border-radius: 24px;
    margin-top: 28px;
    padding: 6px 20px 18px;
  }

  .hl-li-list-head {
    padding: 16px 0;
  }

  .hl-li-lockups {
    margin-top: 36px;
  }

  .hl-li-logo {
    width: 36px;
    height: 36px;
  }

  .hl-li-logo-hot {
    width: 40px;
    height: 40px;
  }

  .hl-li-meta {
    font-size: 14px;
  }

  .hl-li-pill {
    padding: 9px 14px;
    font-size: 13px;
  }

  .hl-li-pill-wrap {
    left: 6px;
  }

  .hl-li-pull {
    margin-top: 44px;
    padding-top: 26px;
    font-size: 28px;
  }

  .hl-li-quote {
    border-radius: 24px;
    padding: 26px 22px 24px;
  }

  .hl-li-quote-line {
    font-size: 34px;
  }

  .hl-li-related {
    padding-bottom: 24px;
  }

  .hl-li-res {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 36px minmax(0, 1fr) auto;
  }

  .hl-li-res-hot {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    margin: 0 -12px 8px;
    padding: 16px 14px;
  }

  .hl-li-res-title {
    white-space: normal;
    font-size: 17px;
  }

  .hl-li-route, .hl-li-route-hot {
    border-radius: 24px;
    padding: 24px 22px 22px;
  }

  .hl-li-route-title {
    font-size: 23px;
  }

  .hl-li-routes {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 32px auto;
  }

  .hl-li-rule {
    border-radius: 24px;
    padding: 24px 22px 22px;
  }

  .hl-li-rule-title {
    font-size: 22px;
  }

  .hl-li-rule-wide {
    border-radius: 24px;
    grid-column: auto;
    padding: 24px 22px 18px;
  }

  .hl-li-rules {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 32px;
  }

  .hl-li-sec {
    padding-top: 88px;
  }

  .hl-li-sec-first {
    padding-top: 72px;
  }

  .hl-li-sheet {
    border-radius: 24px;
    margin-top: 32px;
    padding: 22px 18px 10px;
  }

  .hl-li-sheet-title {
    font-size: 19px;
  }

  .hl-li-sources {
    padding-top: 56px;
    padding-bottom: 40px;
  }

  .hl-li-src {
    padding-top: 32px;
  }

  .hl-li-src-item {
    grid-template-rows: auto;
    grid-template-columns: 26px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-li-stack {
    height: 22px;
    margin-top: 20px;
  }

  .hl-li-stage {
    max-width: 400px;
    height: 610px;
  }

  .hl-li-tbl {
    border-radius: 24px;
    margin-top: 32px;
  }

  .hl-li-tbl-cell {
    font-size: 16px;
  }

  .hl-li-tbl-name {
    font-size: 19px;
  }

  .hl-li-tbl-rh {
    grid-column: auto;
  }

  .hl-li-tbl-row, .hl-li-tbl-row-hot {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 22px 20px;
  }

  .hl-li-tie {
    border-radius: 24px;
    margin-top: 40px;
    padding: 24px 18px 22px;
  }

  .hl-li-tie-text {
    font-size: 16px;
  }

  .hl-li-tie-title {
    font-size: 32px;
  }

  .hl-li-toc {
    border-radius: 24px;
    padding: 20px 20px 14px;
  }

  .hl-li-trig {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-li-trig-big {
    font-size: 56px;
  }

  .hl-li-vs {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-li-vs-calm, .hl-li-vs-hot {
    border-radius: 24px;
    padding: 26px 22px 16px;
  }

  .hl-li-vs-title {
    font-size: 34px;
  }

  .hl-li-win-body {
    padding: 16px 16px 20px;
  }

  .hl-li-win-wrap {
    width: 92%;
    top: 48px;
  }

  .hl-mt-ads {
    margin-top: 16px;
  }

  .hl-mt-ads-cap {
    margin-bottom: 28px;
    padding: 0 8px;
  }

  .hl-mt-article {
    padding-bottom: 88px;
  }

  .hl-mt-article-end {
    padding-bottom: 32px;
  }

  .hl-mt-bar-val {
    font-size: 14px;
  }

  .hl-mt-beam {
    width: 92%;
    height: 480px;
  }

  .hl-mt-card {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    border-radius: 22px;
    padding: 20px 20px 22px;
  }

  .hl-mt-card-title {
    font-size: 26px;
  }

  .hl-mt-card-wrap {
    width: 92%;
    top: 124px;
  }

  .hl-mt-cert, .hl-mt-cert-hot {
    padding: 20px 18px;
  }

  .hl-mt-cert-text {
    font-size: 14px;
  }

  .hl-mt-cert-type {
    font-size: 38px;
  }

  .hl-mt-certs {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin: 24px auto 32px;
  }

  .hl-mt-chan {
    border-radius: 22px;
    padding: 22px;
  }

  .hl-mt-chan-label {
    padding-top: 16px;
  }

  .hl-mt-chan-name {
    font-size: 22px;
  }

  .hl-mt-chans {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 32px auto 20px;
  }

  .hl-mt-chart {
    border-radius: 24px;
    margin-top: 32px;
    padding: 22px 18px 20px;
  }

  .hl-mt-chart-title {
    font-size: 18px;
  }

  .hl-mt-check-item {
    grid-template-rows: auto;
    grid-template-columns: 26px minmax(0, 1fr);
    padding: 12px 0 13px;
  }

  .hl-mt-check-item-last {
    grid-template-rows: auto;
    grid-template-columns: 26px minmax(0, 1fr);
    padding: 12px 0 4px;
  }

  .hl-mt-check-text {
    font-size: 16px;
  }

  .hl-mt-code {
    font-size: 13px;
  }

  .hl-mt-end {
    padding-bottom: 80px;
  }

  .hl-mt-flood-foot {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    margin-top: 36px;
  }

  .hl-mt-group {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 16px 0;
  }

  .hl-mt-group-name {
    font-size: 16px;
  }

  .hl-mt-h2 {
    margin: 12px 0 22px;
    font-size: 34px;
  }

  .hl-mt-lamp {
    width: 92%;
    height: 18px;
  }

  .hl-mt-list-card {
    border-radius: 24px;
    margin-top: 28px;
    padding: 4px 18px 14px;
  }

  .hl-mt-list-head {
    padding: 14px 0;
  }

  .hl-mt-list-title {
    font-size: 18px;
  }

  .hl-mt-lockups {
    margin-top: 36px;
  }

  .hl-mt-meta {
    font-size: 14px;
  }

  .hl-mt-note-end {
    display: block;
  }

  .hl-mt-note-sep {
    display: none;
  }

  .hl-mt-occ {
    border-radius: 24px;
    padding: 24px 22px 22px;
  }

  .hl-mt-occ-about {
    margin-top: 18px;
  }

  .hl-mt-occ-big {
    font-size: 80px;
  }

  .hl-mt-occ-name {
    min-height: 0;
    font-size: 19px;
  }

  .hl-mt-occ-v {
    font-size: 16px;
  }

  .hl-mt-occs {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 32px auto 14px;
  }

  .hl-mt-pace {
    padding: 16px 14px 14px;
  }

  .hl-mt-panel {
    border-radius: 24px;
    padding: 20px 18px 18px;
  }

  .hl-mt-panel-role {
    font-size: 26px;
  }

  .hl-mt-pill {
    padding: 10px 15px;
    font-size: 14px;
  }

  .hl-mt-pill-wrap {
    bottom: -32px;
    left: -18px;
  }

  .hl-mt-plan {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 36px;
  }

  .hl-mt-pull {
    margin-top: 28px;
    padding-top: 24px;
    font-size: 30px;
  }

  .hl-mt-qa-a {
    font-size: 15px;
  }

  .hl-mt-qa-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 74px minmax(0, 1fr);
    padding: 10px 0;
  }

  .hl-mt-query {
    padding: 8px 14px 8px 12px;
    font-size: 14px;
  }

  .hl-mt-search {
    height: 50px;
    padding: 0 16px;
  }

  .hl-mt-search-q {
    font-size: 14px;
  }

  .hl-mt-search-wrap {
    width: 300px;
    top: 50px;
  }

  .hl-mt-sec {
    padding-top: 88px;
  }

  .hl-mt-sec-first {
    padding-top: 64px;
  }

  .hl-mt-src {
    margin-top: 48px;
    padding-top: 32px;
  }

  .hl-mt-src-item {
    grid-template-rows: auto;
    grid-template-columns: 26px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-mt-stage {
    max-width: 400px;
    height: 520px;
  }

  .hl-mt-swap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 20px 20px;
    display: flex;
  }

  .hl-mt-swap-arrow {
    display: none;
  }

  .hl-mt-swap-new {
    border-left: 3px solid #ffd60a;
    padding-left: 14px;
    font-size: 18px;
  }

  .hl-mt-swap-old {
    font-size: 15px;
  }

  .hl-mt-swaps {
    border-radius: 24px;
    margin: 32px auto 14px;
  }

  .hl-mt-swaps-head {
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    border-style: none;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .hl-mt-system {
    flex-basis: 100%;
    padding: 16px 18px 17px;
  }

  .hl-mt-tip-text {
    font-size: 16px;
  }

  .hl-mt-tip-title {
    font-size: 19px;
  }

  .hl-mt-toc {
    padding: 20px 20px 16px;
  }

  .hl-mt-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-mt-tpl {
    padding: 4px 20px 12px;
  }

  .hl-mt-tpl-bar {
    padding: 14px 16px 14px 20px;
  }

  .hl-mt-tpl-card {
    box-shadow: none;
    border-radius: 24px;
    margin-top: 32px;
  }

  .hl-mt-tpl-item {
    padding: 13px 0 14px;
    display: block;
  }

  .hl-mt-tpl-label {
    margin-bottom: 2px;
    line-height: 1.5;
    display: block;
  }

  .hl-mt-tpl-text {
    font-size: 16px;
  }

  .hl-mx-anat {
    border-radius: 22px;
    padding: 20px 16px 18px;
  }

  .hl-mx-anat-bar {
    grid-column-gap: 2px;
    grid-row-gap: 14px;
    padding: 14px 14px 12px;
  }

  .hl-mx-anat-rule {
    font-size: 13px;
  }

  .hl-mx-answer {
    border-radius: 22px;
    margin-top: -32px;
    padding: 22px 20px 18px;
  }

  .hl-mx-answer-label {
    font-size: 20px;
  }

  .hl-mx-arow {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 0 13px;
    font-size: 17px;
  }

  .hl-mx-arow-k, .hl-mx-arow-k-volt {
    padding-top: 0;
  }

  .hl-mx-arow-last {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 0 2px;
    font-size: 17px;
  }

  .hl-mx-chip {
    padding: 5px 9px;
    font-size: 12px;
  }

  .hl-mx-chip-void {
    padding: 6px 10px;
    font-size: 13px;
  }

  .hl-mx-close {
    margin-top: 56px;
    font-size: 20px;
  }

  .hl-mx-code {
    font-size: 14px;
  }

  .hl-mx-def {
    border-radius: 20px;
    padding: 20px;
  }

  .hl-mx-def-term {
    font-size: 22px;
  }

  .hl-mx-defs {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-mx-doc {
    margin-top: 40px;
  }

  .hl-mx-formula {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 22px;
    padding: 22px 20px;
  }

  .hl-mx-formula-eq {
    font-size: 28px;
  }

  .hl-mx-formula-name {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    font-size: 22px;
  }

  .hl-mx-frac-term {
    font-size: 17px;
  }

  .hl-mx-gauge {
    border-radius: 22px;
    padding: 22px 20px;
  }

  .hl-mx-gauge-plan-label {
    width: 110px;
    margin-left: -118px;
  }

  .hl-mx-gauge-stats {
    grid-column-gap: 12px;
    grid-row-gap: 18px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-mx-gauge-title {
    font-size: 21px;
  }

  .hl-mx-gauge-track {
    margin-top: 52px;
  }

  .hl-mx-gotcha {
    padding: 20px 20px 22px;
  }

  .hl-mx-gotcha-dot {
    margin-top: 8px;
  }

  .hl-mx-gotcha-k {
    font-size: 18px;
  }

  .hl-mx-gotcha-t {
    font-size: 16px;
  }

  .hl-mx-gotchas {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-mx-gstat-v, .hl-mx-gstat-v-hot {
    font-size: 22px;
  }

  .hl-mx-h2 {
    font-size: 32px;
  }

  .hl-mx-hop {
    margin-left: -32px;
  }

  .hl-mx-hop-tag {
    padding: 6px 10px;
    font-size: 12px;
  }

  .hl-mx-hop-text {
    font-size: 13px;
  }

  .hl-mx-legend {
    grid-column-gap: 18px;
    grid-row-gap: 8px;
    font-size: 13px;
  }

  .hl-mx-matrix {
    border-radius: 22px;
    padding: 4px 14px 8px;
  }

  .hl-mx-mh {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    font-size: 12px;
  }

  .hl-mx-mh-long {
    display: none;
  }

  .hl-mx-mh-short {
    display: block;
  }

  .hl-mx-mhead {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) repeat(4, 44px);
    column-gap: 4px;
    padding: 16px 0 12px;
  }

  .hl-mx-mrow {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) repeat(4, 44px);
    column-gap: 4px;
    padding: 12px 0;
  }

  .hl-mx-mrow-last {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) repeat(4, 44px);
    column-gap: 4px;
    padding: 12px 0 8px;
  }

  .hl-mx-mstep-name {
    font-size: 16px;
  }

  .hl-mx-mstep-what {
    font-size: 13px;
  }

  .hl-mx-node-ad, .hl-mx-node-ats, .hl-mx-node-hris, .hl-mx-node-site {
    left: -31px;
  }

  .hl-mx-offer {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    border-radius: 22px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
    padding: 28px 22px 32px;
  }

  .hl-mx-offer-obj {
    justify-content: flex-start;
    padding-left: 8px;
  }

  .hl-mx-offer-title {
    font-size: 30px;
  }

  .hl-mx-on-ad, .hl-mx-on-ats, .hl-mx-on-hris, .hl-mx-on-site {
    width: 18px;
    height: 18px;
  }

  .hl-mx-push {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 34px;
  }

  .hl-mx-rail {
    top: 30px;
    bottom: 30px;
    left: 10px;
  }

  .hl-mx-related {
    margin-top: 56px;
  }

  .hl-mx-ring-ad, .hl-mx-ring-ats {
    width: 18px;
    height: 18px;
  }

  .hl-mx-scell {
    font-size: 13px;
  }

  .hl-mx-sec {
    padding-top: 72px;
  }

  .hl-mx-seg-amber, .hl-mx-seg-code, .hl-mx-seg-heat, .hl-mx-seg-volt {
    font-size: 13px;
  }

  .hl-mx-shead {
    display: none;
  }

  .hl-mx-sheet {
    border-radius: 18px;
    padding: 22px 18px 18px;
  }

  .hl-mx-sheet-title {
    font-size: 26px;
  }

  .hl-mx-side {
    margin-bottom: 56px;
  }

  .hl-mx-side-note {
    display: none;
  }

  .hl-mx-slabel {
    color: #4a433d;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 2px;
    font-family: Archivo, sans-serif;
    font-size: 10px;
    font-weight: 700;
    font-stretch: 75%;
    line-height: 1.3;
    display: block;
  }

  .hl-mx-sline {
    grid-column: span 3 / span 3;
  }

  .hl-mx-sources {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .hl-mx-sources-title {
    font-size: 28px;
  }

  .hl-mx-src, .hl-mx-src-on {
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-mx-srow {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr);
    padding: 14px 0;
  }

  .hl-mx-srow-last {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr);
    padding: 14px 0 6px;
  }

  .hl-mx-srow-split {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr);
    padding: 16px 0 14px;
  }

  .hl-mx-srun {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 10px;
    padding: 16px 0 18px;
  }

  .hl-mx-srun-last {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 10px;
    padding: 16px 0 12px;
  }

  .hl-mx-srun-name {
    grid-row-start: auto;
    font-size: 18px;
  }

  .hl-mx-srun-watch {
    grid-column-start: auto;
    font-size: 15px;
  }

  .hl-mx-stage {
    max-width: 358px;
  }

  .hl-mx-stages {
    border-radius: 22px;
    padding: 4px 18px 6px;
  }

  .hl-mx-stages-head {
    display: none;
  }

  .hl-mx-sys-ad {
    border-radius: 18px;
    width: 92%;
    padding: 14px 16px;
  }

  .hl-mx-sys-ats {
    border-radius: 20px;
    padding: 16px 18px;
  }

  .hl-mx-sys-hris {
    border-radius: 18px;
    width: 82%;
    padding: 14px 16px;
  }

  .hl-mx-sys-name {
    font-size: 18px;
  }

  .hl-mx-sys-name-void {
    font-size: 22px;
  }

  .hl-mx-sys-site {
    border-radius: 18px;
    width: 86%;
    padding: 14px 16px;
  }

  .hl-mx-table {
    border-radius: 22px;
    padding: 4px 18px 6px;
  }

  .hl-mx-term, .hl-mx-term-last {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 14px 0 15px;
  }

  .hl-mx-term-v {
    font-size: 16px;
  }

  .hl-mx-terms {
    border-radius: 20px;
    padding: 4px 20px;
  }

  .hl-mx-test {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-mx-test-k, .hl-mx-test-k-volt {
    flex-shrink: 0;
    width: 84px;
    font-size: 24px;
  }

  .hl-mx-test-step {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    align-items: center;
    padding: 16px 18px;
  }

  .hl-mx-thead {
    display: none;
  }

  .hl-mx-tlabel {
    color: #958b80;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 2px;
    font-family: Archivo, sans-serif;
    font-size: 11px;
    font-weight: 700;
    font-stretch: 75%;
    line-height: 1.3;
    display: block;
  }

  .hl-mx-tlabels {
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: -4px;
    display: grid;
  }

  .hl-mx-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 16px;
    display: grid;
  }

  .hl-mx-trow {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 18px 0;
  }

  .hl-mx-trow-last {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 18px 0 12px;
  }

  .hl-pay-ad-back {
    display: none;
  }

  .hl-pay-ad-front {
    width: 248px;
    top: 30px;
    right: 30px;
  }

  .hl-pay-bridge {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .hl-pay-bridge-stage {
    max-width: 320px;
    height: 520px;
  }

  .hl-pay-bridge-title {
    font-size: 38px;
  }

  .hl-pay-card, .hl-pay-card-local {
    border-radius: 24px;
    padding: 24px 18px 20px;
  }

  .hl-pay-card-title {
    font-size: 24px;
  }

  .hl-pay-check {
    border-radius: 24px;
    padding: 26px 20px 12px;
  }

  .hl-pay-check-text {
    font-size: 16px;
  }

  .hl-pay-check-title {
    font-size: 22px;
  }

  .hl-pay-display {
    font-size: 42px;
    line-height: 1;
  }

  .hl-pay-email {
    padding-bottom: 8px;
  }

  .hl-pay-email-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 24px;
    padding: 28px 20px;
  }

  .hl-pay-email-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-pay-email-sub {
    font-size: 16px;
  }

  .hl-pay-email-title {
    font-size: 36px;
  }

  .hl-pay-empty {
    border-radius: 24px;
    padding: 24px 18px 20px;
  }

  .hl-pay-empty-title {
    font-size: 24px;
  }

  .hl-pay-fact {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 6px;
    padding: 12px 0 13px;
  }

  .hl-pay-fact-k {
    padding-top: 0;
  }

  .hl-pay-ghost-row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 112px minmax(0, 1fr);
  }

  .hl-pay-glow {
    width: 900px;
    height: 800px;
    top: -200px;
    right: -420px;
  }

  .hl-pay-hero {
    row-gap: 24px;
    margin-bottom: 28px;
  }

  .hl-pay-inputs {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    border-radius: 24px;
    padding: 24px 18px;
  }

  .hl-pay-inputs-title {
    font-size: 22px;
  }

  .hl-pay-key {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 18px;
  }

  .hl-pay-key-note, .hl-pay-key-text {
    font-size: 15px;
  }

  .hl-pay-keys {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 32px;
  }

  .hl-pay-lead {
    margin-top: 16px;
    font-size: 18px;
  }

  .hl-pay-legal-top {
    margin-top: 14px;
    font-size: 13px;
  }

  .hl-pay-legend {
    grid-column-gap: 12px;
    grid-row-gap: 6px;
    margin-top: 12px;
    padding: 10px 2px 0;
  }

  .hl-pay-legend-item {
    font-size: 12px;
  }

  .hl-pay-map {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .hl-pay-map-sub {
    padding-left: 4px;
    font-size: 11px;
  }

  .hl-pay-map-title {
    padding-left: 4px;
    font-size: 14px;
  }

  .hl-pay-mapcard {
    border-radius: 22px;
    padding: 14px 12px 12px;
  }

  .hl-pay-mapwrap {
    margin-top: 32px;
  }

  .hl-pay-ml {
    display: none;
  }

  .hl-pay-note {
    grid-template-rows: auto;
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .hl-pay-related {
    margin-bottom: 56px;
  }

  .hl-pay-sec {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .hl-pay-sec-alt {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .hl-pay-sec-tight {
    padding-bottom: 48px;
  }

  .hl-pay-sources {
    padding-top: 40px;
  }

  .hl-pay-sources-title {
    font-size: 24px;
  }

  .hl-pay-spec {
    font-size: 14px;
  }

  .hl-pay-specs {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    margin-top: 18px;
  }

  .hl-pay-stop, .hl-pay-stop-next {
    padding: 22px 20px;
  }

  .hl-pay-stop-place {
    font-size: 22px;
  }

  .hl-pay-sumbar {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    padding: 14px 16px;
  }

  .hl-pay-tablebar {
    align-items: flex-start;
  }

  .hl-pay-td {
    color: #bcb2a6;
    grid-column: 1 / span 2;
    font-size: 14px;
  }

  .hl-pay-td-name {
    grid-column-start: auto;
    font-size: 17px;
  }

  .hl-pay-td-status {
    grid-row-start: 1;
    grid-column-start: 2;
  }

  .hl-pay-td-x {
    display: none;
  }

  .hl-pay-tile, .hl-pay-tile-ask {
    border-radius: 5px;
    font-size: 11px;
  }

  .hl-pay-tile-dot {
    width: 4px;
    height: 4px;
    top: 2px;
    right: 2px;
    box-shadow: 0 0 0 1px #0a0807;
  }

  .hl-pay-tile-pick {
    border-radius: 5px;
    font-size: 11px;
    box-shadow: 0 0 0 2px #0a0807, 0 8px 16px -4px #000000e6;
  }

  .hl-pay-tile-req, .hl-pay-tile-soon {
    border-radius: 5px;
    font-size: 11px;
  }

  .hl-pay-time-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 40px;
  }

  .hl-pay-top {
    padding-top: 24px;
    padding-bottom: 72px;
  }

  .hl-pay-tr {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 12px;
    margin-bottom: 8px;
    padding: 14px 16px;
  }

  .hl-pay-verdict {
    font-size: 17px;
  }

  .hl-pja-bar, .hl-pja-bar-next {
    height: 66px;
  }

  .hl-pja-chart {
    height: 104px;
  }

  .hl-pja-hand {
    width: 340px;
    height: 318px;
  }

  .hl-pja-inc {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 16px;
    min-height: 56px;
    padding: 10px 12px 10px 10px;
    font-size: 15px;
    line-height: 1.2;
  }

  .hl-pja-inc-actions {
    margin-top: 0;
  }

  .hl-pja-inc-lead {
    font-size: 19px;
  }

  .hl-pja-inc-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 32px;
    display: grid;
  }

  .hl-pja-job {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 18px;
    width: 232px;
    margin-left: -116px;
    padding: 16px 16px 14px;
  }

  .hl-pja-job-chip {
    padding: 7px 12px 7px 10px;
    font-size: 12px;
  }

  .hl-pja-job-meta {
    font-size: 12px;
  }

  .hl-pja-job-role {
    font-size: 27px;
  }

  .hl-pja-jrole, .hl-pja-jrole-off {
    font-size: 14px;
  }

  .hl-pja-jrow, .hl-pja-jrow-off {
    padding: 9px 8px 9px 12px;
  }

  .hl-pja-more {
    margin-top: 64px;
    padding-top: 40px;
  }

  .hl-pja-plan {
    bottom: 66px;
  }

  .hl-pja-rel {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border-radius: 16px;
    min-height: 0;
    padding: 14px 14px 16px;
  }

  .hl-pja-rel-arrow, .hl-pja-rel-desc {
    display: none;
  }

  .hl-pja-rel-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-pja-rel-label {
    font-size: 16px;
  }

  .hl-pja-rel-title {
    margin-bottom: 18px;
    font-size: 24px;
  }

  .hl-pja-run-band {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .hl-pja-run-steps {
    margin-top: 28px;
  }

  .hl-pja-site-1 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    border-radius: 16px;
    width: 148px;
    height: 196px;
    margin-left: -74px;
    padding: 12px;
    transform: translate(-40px, 30px)rotate(-30deg);
  }

  .hl-pja-site-2 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    border-radius: 16px;
    width: 148px;
    height: 196px;
    margin-left: -74px;
    padding: 12px;
    transform: translate(-10px, 4px)rotate(-9deg);
  }

  .hl-pja-site-3 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    border-radius: 16px;
    width: 148px;
    height: 196px;
    margin-left: -74px;
    padding: 12px;
    transform: translate(10px, 4px)rotate(9deg);
  }

  .hl-pja-site-4 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    border-radius: 16px;
    width: 148px;
    height: 196px;
    margin-left: -74px;
    padding: 12px;
    transform: translate(40px, 30px)rotate(30deg);
  }

  .hl-pja-site-name {
    font-size: 10px;
  }

  .hl-priv-act-verb {
    font-size: 24px;
  }

  .hl-priv-body {
    padding-top: 0;
    padding-bottom: 72px;
  }

  .hl-priv-flow {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    padding: 32px 20px;
  }

  .hl-priv-flow-link {
    background-image: linear-gradient(#ffa800 0% 50%, #ffa80000 50% 100%);
    background-repeat: repeat-y;
    background-size: 2px 12px;
    width: 2px;
    height: 72px;
    margin: 14px 0;
  }

  .hl-priv-form {
    padding: 20px;
  }

  .hl-priv-forms {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-priv-h {
    font-size: 30px;
  }

  .hl-priv-label {
    padding: 26px 22px 18px;
  }

  .hl-priv-label-k {
    font-size: 15px;
  }

  .hl-priv-label-title {
    border-bottom-width: 8px;
    font-size: 48px;
  }

  .hl-priv-label-v {
    font-size: 17px;
  }

  .hl-priv-main {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .hl-priv-never {
    grid-column: span 1 / span 1;
  }

  .hl-priv-sec {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 28px;
  }

  .hl-priv-stage {
    max-width: 340px;
  }

  .hl-priv-url {
    padding: 12px 16px;
  }

  .hl-priv-url-base {
    font-size: 15px;
  }

  .hl-pt-ad-cta {
    padding: 6px 10px;
    font-size: 12px;
  }

  .hl-pt-ad-hook {
    font-size: 25px;
  }

  .hl-pt-ad-media {
    height: 118px;
    padding: 12px;
  }

  .hl-pt-ad-pay, .hl-pt-ad-role {
    font-size: 12px;
  }

  .hl-pt-ad-wrap {
    width: 176px;
    top: 332px;
  }

  .hl-pt-article {
    padding-bottom: 88px;
  }

  .hl-pt-article-end {
    padding-bottom: 24px;
  }

  .hl-pt-check {
    font-size: 16px;
  }

  .hl-pt-end {
    padding-top: 24px;
    padding-bottom: 80px;
  }

  .hl-pt-ex-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 32px;
  }

  .hl-pt-ex-stage {
    border-radius: 24px;
    min-height: 0;
    padding: 36px 18px;
  }

  .hl-pt-fad-title {
    font-size: 40px;
  }

  .hl-pt-fix {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 18px 20px;
  }

  .hl-pt-fix-arrow, .hl-pt-fix-head {
    display: none;
  }

  .hl-pt-fix-new {
    font-size: 19px;
  }

  .hl-pt-fixes {
    border-radius: 24px;
  }

  .hl-pt-flood-foot {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    margin-top: 36px;
  }

  .hl-pt-flow {
    border-radius: 24px;
    margin-top: 32px;
    padding: 28px 18px 22px;
  }

  .hl-pt-flow-out {
    grid-column-gap: 12px;
    grid-row-gap: 4px;
    border-radius: 16px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: 14px 16px;
    display: grid;
  }

  .hl-pt-flow-out-pay {
    font-size: 19px;
  }

  .hl-pt-flow-out-tick {
    grid-row: 1 / span 2;
    grid-column-start: 2;
  }

  .hl-pt-flow-outs {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding-top: 20px;
  }

  .hl-pt-flow-src {
    padding: 16px 20px 18px;
  }

  .hl-pt-flow-src-pay {
    font-size: 24px;
  }

  .hl-pt-flow-wire {
    height: 28px;
  }

  .hl-pt-fly {
    padding: 22px 20px 20px;
  }

  .hl-pt-fly-title {
    font-size: 48px;
  }

  .hl-pt-flyer {
    padding: 24px 14px 12px;
  }

  .hl-pt-flyer-pay {
    font-size: 13px;
  }

  .hl-pt-flyer-qr {
    width: 50px;
    height: 50px;
  }

  .hl-pt-flyer-role {
    margin-top: 10px;
    font-size: 14px;
  }

  .hl-pt-flyer-when {
    font-size: 31px;
  }

  .hl-pt-flyer-wrap {
    width: 168px;
    left: 6px;
  }

  .hl-pt-h2 {
    margin: 12px 0 22px;
    font-size: 34px;
  }

  .hl-pt-list-card {
    border-radius: 24px;
    margin-top: 28px;
    padding: 6px 20px 20px;
  }

  .hl-pt-lockups {
    margin-top: 48px;
  }

  .hl-pt-meta {
    font-size: 14px;
  }

  .hl-pt-ml {
    color: #ffa800;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding-top: 0;
    font-family: Archivo, sans-serif;
    font-size: 11px;
    font-weight: 700;
    font-stretch: 62%;
    line-height: 1.3;
    display: block;
  }

  .hl-pt-ml-run {
    color: #ffa800;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-right: 8px;
    font-family: Archivo, sans-serif;
    font-size: 11px;
    font-weight: 700;
    font-stretch: 62%;
    line-height: 1.3;
    display: inline-block;
  }

  .hl-pt-next {
    margin-top: 28px;
    padding: 22px 20px;
  }

  .hl-pt-next-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-pt-pay {
    padding: 12px 14px 13px;
  }

  .hl-pt-pay-value {
    font-size: 21px;
  }

  .hl-pt-pill {
    padding: 9px 14px;
    font-size: 13px;
  }

  .hl-pt-post-body {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 20px 20px 22px;
  }

  .hl-pt-post-chip {
    padding: 5px 10px;
    font-size: 12px;
  }

  .hl-pt-post-title {
    font-size: 23px;
  }

  .hl-pt-post-wrap {
    width: 300px;
    top: 40px;
  }

  .hl-pt-pull {
    margin-top: 32px;
    padding-top: 24px;
    font-size: 30px;
  }

  .hl-pt-quote {
    border-radius: 24px;
    flex-basis: 100%;
    padding: 24px 22px 20px;
  }

  .hl-pt-quote-text {
    font-size: 21px;
  }

  .hl-pt-quotes {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin: 32px auto 16px;
  }

  .hl-pt-rh {
    grid-column: 1 / -1;
    font-size: 18px;
  }

  .hl-pt-sec {
    padding-top: 88px;
  }

  .hl-pt-src {
    margin-top: 48px;
    padding-top: 32px;
  }

  .hl-pt-src-item {
    font-size: 14px;
  }

  .hl-pt-stage {
    max-width: 400px;
    height: 590px;
  }

  .hl-pt-table {
    border-radius: 24px;
    margin: 32px auto 14px;
  }

  .hl-pt-table-sm {
    border-radius: 24px;
    margin: 28px auto 14px;
  }

  .hl-pt-td {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-direction: column;
    padding: 0;
    font-size: 15px;
    line-height: 1.45;
    display: flex;
  }

  .hl-pt-td-wide {
    grid-column: 1 / -1;
    padding: 0;
    font-size: 15px;
    line-height: 1.45;
    display: block;
  }

  .hl-pt-td3 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: baseline;
    padding: 2px 0;
    font-size: 15px;
    line-height: 1.45;
    display: grid;
  }

  .hl-pt-test {
    border-radius: 24px;
    padding: 24px 22px 22px;
  }

  .hl-pt-test-name {
    font-size: 26px;
  }

  .hl-pt-test-open {
    border-radius: 24px;
    padding: 24px 22px 22px;
  }

  .hl-pt-tests {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 32px;
  }

  .hl-pt-thead, .hl-pt-thead3 {
    display: none;
  }

  .hl-pt-tick {
    padding: 5px 10px 5px 6px;
    font-size: 11px;
    top: -14px;
  }

  .hl-pt-tile, .hl-pt-tile-ask, .hl-pt-tile-soon {
    border-radius: 10px;
    height: 46px;
    font-size: 14px;
  }

  .hl-pt-tiles {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 100%;
  }

  .hl-pt-time {
    margin-top: 32px;
  }

  .hl-pt-time-date {
    font-size: 42px;
  }

  .hl-pt-time-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 24px 0 24px 26px;
  }

  .hl-pt-time-state {
    font-size: 23px;
  }

  .hl-pt-time-text {
    font-size: 16px;
  }

  .hl-pt-toc {
    padding: 20px 20px 16px;
  }

  .hl-pt-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-pt-tool {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    border-radius: 24px;
    margin-top: 40px;
    padding: 28px 22px;
  }

  .hl-pt-tool-text {
    font-size: 16px;
  }

  .hl-pt-tool-title {
    font-size: 30px;
  }

  .hl-pt-tr {
    grid-column-gap: 16px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    padding: 16px 20px;
    display: grid;
  }

  .hl-pt-tr-new {
    grid-column-gap: 16px;
    grid-row-gap: 10px;
    background-image: linear-gradient(#ff730024 0%, #ff730000 70%);
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    padding: 16px 20px 16px 17px;
    display: grid;
  }

  .hl-pt-tr-soon {
    grid-column-gap: 16px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    padding: 16px 20px 18px;
    display: grid;
  }

  .hl-pt-tr3 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 16px 20px 14px;
    display: grid;
  }

  .hl-pvj-article {
    padding-bottom: 88px;
  }

  .hl-pvj-article-end {
    padding-bottom: 32px;
  }

  .hl-pvj-card {
    border-radius: 24px;
    flex-basis: 100%;
    padding: 24px 22px 26px;
  }

  .hl-pvj-card-title {
    font-size: 22px;
  }

  .hl-pvj-cards {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin: 28px auto 36px;
  }

  .hl-pvj-cmp {
    border-radius: 24px;
    margin-top: 28px;
  }

  .hl-pvj-cmp-cell {
    padding: 4px 20px 16px;
    font-size: 16px;
  }

  .hl-pvj-cmp-head {
    display: none;
  }

  .hl-pvj-cmp-hot {
    background-color: #1c1917;
    border: 1px solid #3a322c;
    border-radius: 16px;
    margin: 0 12px 12px;
    padding: 14px 16px 16px;
    font-size: 16px;
  }

  .hl-pvj-cmp-label {
    color: #958b80;
    letter-spacing: .01em;
    margin-bottom: 4px;
    font-family: Hanken Grotesk, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    display: block;
  }

  .hl-pvj-cmp-label-hot {
    color: #ffa800;
    letter-spacing: .01em;
    margin-bottom: 4px;
    font-family: Hanken Grotesk, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    display: block;
  }

  .hl-pvj-cmp-rh {
    padding: 18px 20px 12px;
    font-size: 20px;
    font-weight: 800;
  }

  .hl-pvj-cmp-row {
    border-bottom: 1px solid #3a322c;
    padding: 6px 0 4px;
    display: block;
  }

  .hl-pvj-cmp-row-last {
    padding: 6px 0 4px;
    display: block;
  }

  .hl-pvj-dots {
    width: 300px;
    height: 160px;
  }

  .hl-pvj-dots-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 24px;
    margin-bottom: 36px;
    padding: 28px 20px 26px;
  }

  .hl-pvj-dots-text {
    font-size: 16px;
  }

  .hl-pvj-dots-title {
    font-size: 30px;
  }

  .hl-pvj-end {
    padding-bottom: 80px;
  }

  .hl-pvj-fit {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 28px auto 14px;
  }

  .hl-pvj-fit-calm, .hl-pvj-fit-hot {
    border-radius: 24px;
    padding: 24px 22px 18px;
  }

  .hl-pvj-fit-item {
    font-size: 16px;
  }

  .hl-pvj-fit-title {
    font-size: 24px;
  }

  .hl-pvj-flood-foot {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    margin-top: 36px;
  }

  .hl-pvj-h2 {
    margin: 12px 0 22px;
    font-size: 34px;
  }

  .hl-pvj-lockups {
    margin-top: 36px;
  }

  .hl-pvj-meta {
    font-size: 14px;
  }

  .hl-pvj-need {
    border-radius: 24px;
    margin-top: 28px;
    padding: 4px 20px 8px;
  }

  .hl-pvj-need-item {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 16px 0;
  }

  .hl-pvj-pub {
    border-radius: 14px;
    height: 56px;
    padding: 0 12px;
  }

  .hl-pvj-pubs {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .hl-pvj-pull {
    margin-top: 48px;
    padding-top: 24px;
    font-size: 34px;
  }

  .hl-pvj-pull-volt {
    font-size: 21px;
  }

  .hl-pvj-q {
    text-indent: -30px;
    padding: 11px 0 12px 30px;
  }

  .hl-pvj-q-card {
    border-radius: 24px;
    margin-top: 28px;
    padding: 6px 20px 22px;
  }

  .hl-pvj-q-head {
    padding: 16px 0;
  }

  .hl-pvj-q-num {
    width: 28px;
  }

  .hl-pvj-row {
    column-gap: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .hl-pvj-row-id {
    flex-direction: column;
    align-items: flex-start;
  }

  .hl-pvj-row-static {
    column-gap: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .hl-pvj-sec {
    padding-top: 88px;
  }

  .hl-pvj-sec-first {
    padding-top: 64px;
  }

  .hl-pvj-src {
    margin-top: 48px;
    padding-top: 32px;
  }

  .hl-pvj-src-item {
    grid-template-rows: auto;
    grid-template-columns: 26px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-pvj-stage {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    max-width: 420px;
  }

  .hl-pvj-stat {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    border-radius: 24px;
    padding: 30px 22px 22px;
  }

  .hl-pvj-stat-quote {
    font-size: 30px;
  }

  .hl-pvj-stats {
    margin-top: 24px;
  }

  .hl-pvj-step-kicker, .hl-pvj-step-kicker-off {
    font-size: 44px;
  }

  .hl-pvj-step-title {
    font-size: 18px;
  }

  .hl-pvj-steps {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 16px;
    margin: 28px auto 36px;
  }

  .hl-pvj-sup-lg {
    font-size: 14px;
    top: -.9em;
  }

  .hl-pvj-term {
    padding: 22px 22px 20px;
  }

  .hl-pvj-term-name {
    font-size: 24px;
  }

  .hl-pvj-terms {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-pvj-tie {
    border-radius: 24px;
    padding: 22px 18px 24px;
  }

  .hl-pvj-tie-obj {
    padding: 18px 16px 4px;
  }

  .hl-pvj-tie-text {
    font-size: 16px;
  }

  .hl-pvj-tie-title {
    font-size: 30px;
  }

  .hl-pvj-tl {
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 36px auto 32px;
    padding-left: 10px;
  }

  .hl-pvj-tl-date {
    font-size: 44px;
  }

  .hl-pvj-tl-dot {
    top: -2px;
    left: -11px;
  }

  .hl-pvj-tl-dot-next {
    top: 18px;
    left: -13px;
  }

  .hl-pvj-tl-item {
    border-top-style: none;
    border-top-width: 0;
    border-left: 3px solid #ff7300;
    padding: 0 0 30px 28px;
  }

  .hl-pvj-tl-next {
    border-top-style: none;
    border-top-width: 0;
    border-left: 3px solid #ffd60a;
    border-radius: 0 20px 20px 0;
    padding: 20px 20px 22px 28px;
  }

  .hl-pvj-toc {
    padding: 20px 20px 16px;
  }

  .hl-pvj-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-pvj-wire-in, .hl-pvj-wire-t1, .hl-pvj-wire-t2, .hl-pvj-wire-t3, .hl-pvj-wire-t4 {
    display: none;
  }

  .hl-pvj-wires {
    height: 36px;
  }

  .hl-qr-actions {
    padding: 0;
  }

  .hl-qr-batch {
    border-radius: 24px;
    padding: 22px 16px;
  }

  .hl-qr-batch-title {
    font-size: 21px;
  }

  .hl-qr-bridge {
    padding-top: 80px;
    padding-bottom: 96px;
  }

  .hl-qr-bridge-grid {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .hl-qr-bridge-title {
    font-size: 48px;
  }

  .hl-qr-check-list {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-qr-checks {
    border-radius: 24px;
    padding: 24px 20px;
  }

  .hl-qr-checks-title {
    font-size: 27px;
  }

  .hl-qr-display {
    font-size: 48px;
  }

  .hl-qr-duo {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .hl-qr-duo-dark, .hl-qr-duo-light {
    width: 116px;
    height: 116px;
    padding: 10px;
  }

  .hl-qr-email {
    padding-bottom: 8px;
  }

  .hl-qr-email-btn {
    padding-top: 0;
  }

  .hl-qr-email-card {
    border-radius: 24px;
    padding: 24px 18px;
  }

  .hl-qr-email-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-qr-email-title {
    font-size: 34px;
  }

  .hl-qr-form, .hl-qr-form._w-form {
    margin-top: 32px;
  }

  .hl-qr-ghost {
    width: 230px;
    height: 230px;
    margin-top: -115px;
    margin-left: -115px;
  }

  .hl-qr-item {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-qr-lead {
    margin-top: 16px;
    font-size: 18px;
  }

  .hl-qr-legend {
    font-size: 20px;
  }

  .hl-qr-out {
    position: static;
  }

  .hl-qr-pair {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .hl-qr-pitch {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .hl-qr-preview {
    border-radius: 24px;
    padding: 18px 16px;
  }

  .hl-qr-sec {
    padding-top: 72px;
    padding-bottom: 64px;
  }

  .hl-qr-sec-alt {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .hl-qr-size-l {
    width: 140px;
    height: 140px;
    padding: 11px;
  }

  .hl-qr-size-m {
    width: 70px;
    height: 70px;
    padding: 6px;
  }

  .hl-qr-size-s {
    width: 35px;
    height: 35px;
    padding: 3px;
  }

  .hl-qr-sizes {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .hl-qr-sources {
    margin-top: 56px;
  }

  .hl-qr-spec {
    min-height: 30px;
    padding: 5px 11px 5px 10px;
    font-size: 13px;
  }

  .hl-qr-specs {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    margin-top: 20px;
  }

  .hl-qr-stage {
    max-width: 290px;
    min-height: 290px;
    padding: 18px;
  }

  .hl-qr-steps {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-qr-tip {
    border-radius: 24px;
    padding: 0 20px 26px;
  }

  .hl-qr-tip-obj {
    height: 236px;
    margin: 0 -20px 8px;
  }

  .hl-qr-tip-title {
    font-size: 23px;
  }

  .hl-qr-tool {
    border-radius: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 24px;
    padding: 22px 16px 24px;
  }

  .hl-qr-tool-head {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 18px;
  }

  .hl-qr-tool-title {
    font-size: 30px;
  }

  .hl-qr-top {
    padding-top: 28px;
  }

  .hl-rac-amber-hook {
    font-size: 68px;
  }

  .hl-rac-back-a {
    width: 224px;
    top: 74px;
    left: -22px;
    transform: rotate(-9deg)scale(.7);
  }

  .hl-rac-back-b {
    width: 224px;
    top: 46px;
    right: -22px;
    transform: rotate(8deg)scale(.7);
  }

  .hl-rac-card-a {
    width: 124px;
    height: 168px;
    padding: 12px;
    top: 24px;
  }

  .hl-rac-card-b {
    width: 124px;
    height: 168px;
    padding: 12px;
    top: 6px;
    left: 53px;
  }

  .hl-rac-card-c {
    width: 124px;
    height: 168px;
    padding: 12px;
    top: 28px;
    left: 106px;
  }

  .hl-rac-card-role {
    font-size: 28px;
  }

  .hl-rac-cell, .hl-rac-cell-drop {
    flex: 0 0 224px;
  }

  .hl-rac-chip {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 10px 15px;
    font-size: 15px;
  }

  .hl-rac-chips {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 32px;
  }

  .hl-rac-chk {
    width: 290px;
  }

  .hl-rac-deck {
    width: 230px;
    height: 206px;
  }

  .hl-rac-diy {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rac-feed {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 18px;
    width: 184px;
    padding: 10px;
  }

  .hl-rac-feed-hook {
    font-size: 36px;
  }

  .hl-rac-feed-media {
    height: 160px;
    padding: 12px;
  }

  .hl-rac-feed-role {
    font-size: 11px;
  }

  .hl-rac-flood {
    padding-top: 88px;
    padding-bottom: 80px;
  }

  .hl-rac-flood-note {
    margin-top: 24px;
    font-size: 15px;
  }

  .hl-rac-front {
    width: 236px;
    margin-left: -118px;
  }

  .hl-rac-kit {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    width: 214px;
    padding: 14px;
  }

  .hl-rac-kit-aa {
    font-size: 54px;
  }

  .hl-rac-kit-tag {
    display: block;
  }

  .hl-rac-law {
    width: 290px;
  }

  .hl-rac-lineup {
    grid-column-gap: 14px;
    grid-row-gap: 28px;
  }

  .hl-rac-make {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 56px;
  }

  .hl-rac-pay {
    flex-direction: column;
    align-items: center;
    padding-bottom: 24px;
  }

  .hl-rac-pay-cal {
    flex: none;
    width: 100%;
  }

  .hl-rac-pay-cta {
    margin-top: 8px;
  }

  .hl-rac-pay-pass {
    flex: none;
    width: 300px;
    margin-top: -8px;
    margin-left: 0;
  }

  .hl-rac-pay-tilt {
    transform: rotate(-4deg);
  }

  .hl-rac-rule {
    margin-top: 32px;
    font-size: 16px;
  }

  .hl-rac-serp {
    width: 100%;
    max-width: 350px;
  }

  .hl-rac-shelf {
    padding-top: 64px;
    padding-bottom: 56px;
  }

  .hl-rac-size-full {
    flex: 0 0 100%;
  }

  .hl-rac-stage {
    max-width: 350px;
    height: 490px;
  }

  .hl-rac-story {
    border-radius: 18px;
    width: 150px;
    height: 266px;
    padding: 10px 12px 14px;
  }

  .hl-rac-story-hook {
    font-size: 38px;
  }

  .hl-rac-sw-amber, .hl-rac-sw-blaze, .hl-rac-sw-chalk, .hl-rac-sw-volt {
    width: 36px;
    height: 36px;
  }

  .hl-rac-tile-cell {
    flex: 0 0 80%;
  }

  .hl-rac-tiles {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 2px 20px 10px;
    display: flex;
    overflow-x: auto;
  }

  .hl-rac-vid {
    width: 156px;
    height: 250px;
  }

  .hl-rac-wall {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 8px 20px 20px;
  }

  .hl-rac-wall-cta {
    align-items: stretch;
  }

  .hl-rac-wall-foot {
    grid-row-gap: 0;
    grid-column-gap: 0;
    margin-top: 24px;
    padding-top: 28px;
  }

  .hl-rac-wall-h {
    font-size: 28px;
  }

  .hl-rac-wall-text {
    font-size: 18px;
  }

  .hl-rac-wide {
    width: 100%;
    max-width: 350px;
    height: 168px;
  }

  .hl-rac-wide-hook {
    font-size: 36px;
  }

  .hl-rbt-body {
    padding-top: 8px;
    padding-bottom: 24px;
  }

  .hl-rbt-dl {
    padding: 28px 20px;
  }

  .hl-rbt-dl-lead {
    font-size: 21px;
  }

  .hl-rbt-dl-light {
    bottom: -160px;
    left: -200px;
  }

  .hl-rbt-end {
    padding-bottom: 64px;
  }

  .hl-rbt-ex {
    padding: 22px 18px 18px;
  }

  .hl-rbt-ex-light {
    width: 520px;
    margin-left: -260px;
  }

  .hl-rbt-ex-name {
    font-size: 16px;
  }

  .hl-rbt-ex-title {
    font-size: 19px;
  }

  .hl-rbt-file-back {
    width: 170px;
    height: 210px;
    left: 34%;
  }

  .hl-rbt-file-front {
    width: 220px;
  }

  .hl-rbt-files {
    max-width: 320px;
    height: 270px;
  }

  .hl-rbt-formula {
    font-size: 14px;
  }

  .hl-rbt-formula-big {
    font-size: 28px;
  }

  .hl-rbt-formula-card {
    padding: 26px 22px 24px;
  }

  .hl-rbt-formula-eg {
    font-size: 16px;
  }

  .hl-rbt-forward {
    padding: 22px 20px;
  }

  .hl-rbt-forward-text {
    font-size: 16px;
  }

  .hl-rbt-h2 {
    margin-top: -8px;
    font-size: 34px;
  }

  .hl-rbt-offer {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    padding: 30px 22px 32px;
  }

  .hl-rbt-offer-light {
    bottom: -280px;
    right: -260px;
  }

  .hl-rbt-offer-title {
    font-size: 30px;
  }

  .hl-rbt-plat {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding: 22px 20px 24px;
  }

  .hl-rbt-plat-col-do {
    padding-left: 16px;
  }

  .hl-rbt-plat-cols {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rbt-plat-name {
    font-size: 22px;
  }

  .hl-rbt-q-text {
    min-height: 0;
    font-size: 22px;
  }

  .hl-rbt-related {
    padding-top: 40px;
  }

  .hl-rbt-sec {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 56px;
    padding-top: 40px;
  }

  .hl-rbt-sheet {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 20px 18px 18px;
  }

  .hl-rbt-short {
    margin-top: 22px;
    padding: 16px 18px 18px;
  }

  .hl-rbt-short-text {
    font-size: 17px;
  }

  .hl-rbt-sources {
    margin-top: 48px;
  }

  .hl-rbt-sticker {
    padding: 8px 13px;
    font-size: 12px;
    right: -4px;
  }

  .hl-rbt-stray {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 22px 18px;
  }

  .hl-rbt-stray-arrow {
    justify-self: start;
    margin-left: 16px;
    font-size: 32px;
    transform: rotate(90deg);
  }

  .hl-rbt-stray-chip {
    font-size: 14px;
  }

  .hl-rbt-table {
    padding: 4px 18px;
  }

  .hl-rbt-tag-in {
    padding: 4px 10px;
    font-size: 13px;
  }

  .hl-rbt-td {
    flex: 100%;
    order: 3;
    font-size: 15px;
  }

  .hl-rbt-td-name {
    flex: auto;
    font-size: 17px;
  }

  .hl-rbt-td-src {
    flex: 0 auto;
    order: 2;
  }

  .hl-rbt-thead {
    display: none;
  }

  .hl-rbt-toc-list {
    column-gap: 12px;
  }

  .hl-rbt-tr, .hl-rbt-tr-last {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    padding: 14px 0 15px;
    display: flex;
  }

  .hl-retail-board {
    padding: 14px 12px;
  }

  .hl-retail-board-brand {
    margin-top: 8px;
    font-size: 12px;
  }

  .hl-retail-board-kicker {
    font-size: 64px;
  }

  .hl-retail-board-row {
    font-size: 16px;
  }

  .hl-retail-board-rule {
    margin-top: 12px;
    margin-bottom: 8px;
  }

  .hl-retail-bubble {
    padding: 14px 18px 16px;
    font-size: 18px;
  }

  .hl-retail-chips {
    margin-top: 18px;
  }

  .hl-retail-cta-line {
    font-size: 26px;
  }

  .hl-retail-cta-row {
    border-radius: 24px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    padding: 24px 22px;
  }

  .hl-retail-cta-sub {
    font-size: 16px;
  }

  .hl-retail-event-qr {
    bottom: 28px;
    left: 0;
    transform: rotate(-4deg)scale(.7);
  }

  .hl-retail-event-qr:hover {
    transform: rotate(-4deg)scale(.7)translateY(-4px);
  }

  .hl-retail-event-stage {
    min-height: 500px;
  }

  .hl-retail-fix {
    margin-top: 12px;
    font-size: 26px;
  }

  .hl-retail-flood-cta {
    margin-top: 8px;
  }

  .hl-retail-pain {
    border-radius: 24px;
    padding: 28px 22px 26px;
  }

  .hl-retail-related {
    margin-top: 56px;
  }

  .hl-retail-rule {
    text-align: left;
    margin-top: 20px;
    font-size: 15px;
  }

  .hl-retail-set-hotel, .hl-retail-set-kitchen {
    height: 72px;
    margin-bottom: 20px;
  }

  .hl-retail-set-store {
    background-position-y: 4px, 48px, 0;
    height: 72px;
    margin-bottom: 20px;
  }

  .hl-retail-sign {
    border-radius: 22px;
    width: 312px;
    height: 286px;
    padding: 24px;
  }

  .hl-retail-sign-wrap {
    width: 312px;
    margin-bottom: 84px;
  }

  .hl-retail-ticket {
    width: 214px;
    bottom: -88px;
    left: -12px;
  }

  .hl-retail-venue {
    border-radius: 24px;
    padding: 20px 20px 24px;
  }

  .hl-retail-venue-title {
    font-size: 28px;
  }

  .hl-retail-wire {
    height: 36px;
    min-height: 36px;
    margin: 16px 0 12px 30px;
  }

  .hl-rfp-agent {
    padding: 18px 20px;
  }

  .hl-rfp-answer {
    border-radius: 22px;
    margin-top: -32px;
    padding: 22px 20px 18px;
  }

  .hl-rfp-answer-label {
    font-size: 20px;
  }

  .hl-rfp-arow {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 0;
  }

  .hl-rfp-arow-last {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 0 4px;
  }

  .hl-rfp-arow-t {
    font-size: 17px;
  }

  .hl-rfp-close {
    margin-top: 64px;
    padding-top: 32px;
    font-size: 18px;
  }

  .hl-rfp-copy {
    min-height: 44px;
    padding: 0 14px;
    font-size: 14px;
  }

  .hl-rfp-dash-wrap {
    border-radius: 22px;
    padding: 28px 14px 22px;
  }

  .hl-rfp-doc {
    border-radius: 14px;
    padding: 0 0 14px;
  }

  .hl-rfp-doc-band {
    padding: 11px 14px 9px;
  }

  .hl-rfp-doc-blank {
    width: 36px;
    height: 10px;
  }

  .hl-rfp-doc-blank-s {
    width: 24px;
    height: 10px;
  }

  .hl-rfp-doc-chip {
    padding: 3px 6px;
    font-size: 10px;
  }

  .hl-rfp-doc-grid {
    margin-top: 40px;
  }

  .hl-rfp-doc-kicker {
    font-size: 10px;
  }

  .hl-rfp-doc-label, .hl-rfp-doc-num {
    font-size: 12px;
  }

  .hl-rfp-doc-row {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: 14px auto minmax(8px, 1fr) auto;
    margin: 0 14px;
    padding: 7px 0;
  }

  .hl-rfp-doc-row-last {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: 14px auto minmax(8px, 1fr) auto;
    margin: 0 14px;
    padding: 7px 0 0;
  }

  .hl-rfp-doc-title {
    font-size: 36px;
  }

  .hl-rfp-doc-to {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding: 9px 14px 8px;
  }

  .hl-rfp-doc-to-label {
    font-size: 11px;
  }

  .hl-rfp-doc-wrap {
    width: 236px;
  }

  .hl-rfp-gcard {
    border-radius: 20px;
    padding: 16px 16px 14px;
  }

  .hl-rfp-gcard-tag {
    padding: 4px 7px;
    font-size: 10px;
  }

  .hl-rfp-gcard-title {
    font-size: 16px;
  }

  .hl-rfp-gcard-wrap {
    width: 258px;
  }

  .hl-rfp-glabel {
    font-size: 12px;
  }

  .hl-rfp-gnum {
    font-size: 13px;
  }

  .hl-rfp-good {
    grid-column: span 2 / span 2;
    font-size: 15px;
  }

  .hl-rfp-grow {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 88px minmax(0, 1fr) 20px;
    padding: 6px 0;
  }

  .hl-rfp-gtotal-num {
    font-size: 22px;
  }

  .hl-rfp-h2 {
    font-size: 32px;
  }

  .hl-rfp-hypo {
    padding: 16px 18px;
  }

  .hl-rfp-intro {
    font-size: 16px;
  }

  .hl-rfp-item {
    text-indent: -40px;
    padding: 10px 0 11px 40px;
    font-size: 16px;
  }

  .hl-rfp-item-last {
    text-indent: -40px;
    padding: 10px 0 4px 40px;
    font-size: 16px;
  }

  .hl-rfp-mlabel {
    color: #ffa800;
    font-variation-settings: "wdth" 62;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 2px;
    font-family: Archivo, sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-stretch: 62%;
    line-height: 1.3;
    display: block;
  }

  .hl-rfp-num {
    width: 36px;
    font-size: 14px;
  }

  .hl-rfp-offer {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    border-radius: 22px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 28px 22px 32px;
  }

  .hl-rfp-offer-obj {
    justify-content: flex-start;
    padding-left: 8px;
  }

  .hl-rfp-offer-text {
    font-size: 17px;
  }

  .hl-rfp-offer-title {
    font-size: 32px;
  }

  .hl-rfp-pair {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rfp-pair-name {
    font-size: 24px;
  }

  .hl-rfp-pair-text {
    font-size: 16px;
  }

  .hl-rfp-principal {
    padding: 18px 20px;
  }

  .hl-rfp-pull {
    margin: 4px 0 24px;
    font-size: 32px;
  }

  .hl-rfp-related {
    margin-top: 56px;
  }

  .hl-rfp-role {
    padding: 18px 20px;
  }

  .hl-rfp-role-name {
    font-size: 19px;
  }

  .hl-rfp-roles {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rfp-rule {
    padding: 18px 18px 20px;
  }

  .hl-rfp-rule-chip {
    padding: 6px 10px;
    font-size: 14px;
  }

  .hl-rfp-rules {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rfp-sec {
    padding-top: 72px;
  }

  .hl-rfp-sheet {
    border-radius: 18px;
    margin-top: 24px;
  }

  .hl-rfp-sheet-body {
    padding: 18px 16px 16px;
  }

  .hl-rfp-sheet-head {
    padding: 10px 10px 10px 16px;
  }

  .hl-rfp-sheet-label {
    font-size: 12px;
  }

  .hl-rfp-side {
    margin-bottom: 48px;
  }

  .hl-rfp-sources {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .hl-rfp-sources-title {
    font-size: 28px;
  }

  .hl-rfp-src, .hl-rfp-src-on {
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-rfp-stage {
    max-width: 350px;
    height: 440px;
  }

  .hl-rfp-table {
    border-top-style: none;
    border-top-width: 0;
  }

  .hl-rfp-take {
    border-radius: 22px;
    margin-top: 40px;
    padding: 28px 22px 26px;
  }

  .hl-rfp-take-text {
    font-size: 17px;
  }

  .hl-rfp-take-title {
    font-size: 28px;
  }

  .hl-rfp-thead {
    display: none;
  }

  .hl-rfp-title {
    font-size: 20px;
  }

  .hl-rfp-toc-list {
    column-gap: 12px;
  }

  .hl-rfp-tr {
    grid-column-gap: 16px;
    grid-row-gap: 10px;
    background-color: #1c1917;
    border: 1px solid #2e2824;
    border-radius: 18px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) 72px;
    margin-bottom: 12px;
    padding: 18px;
  }

  .hl-rfp-tr-last {
    grid-column-gap: 16px;
    grid-row-gap: 10px;
    background-color: #1c1917;
    border: 1px solid #ff7300;
    border-radius: 18px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) 72px;
    margin-bottom: 0;
    padding: 18px;
  }

  .hl-rfp-wcell {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    align-items: flex-end;
  }

  .hl-rfp-weak {
    grid-column: span 2 / span 2;
    font-size: 15px;
  }

  .hl-rfp-week-a {
    border-top-style: none;
    border-top-width: 0;
    border-left: 4px solid #ff4a00;
    padding: 0 0 22px 20px;
  }

  .hl-rfp-week-b {
    border-top-style: none;
    border-top-width: 0;
    border-left: 4px solid #ff7300;
    padding: 0 0 22px 20px;
  }

  .hl-rfp-week-c {
    border-top-style: none;
    border-top-width: 0;
    border-left: 4px solid #ffa800;
    padding: 0 0 22px 20px;
  }

  .hl-rfp-week-d {
    border-top-style: none;
    border-top-width: 0;
    border-left: 4px solid #ffd60a;
    padding: 0 0 4px 20px;
  }

  .hl-rfp-week-title {
    font-size: 19px;
  }

  .hl-rfp-weeks {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0;
  }

  .hl-rfp-wnum {
    font-size: 26px;
  }

  .hl-rn-article {
    padding-bottom: 88px;
  }

  .hl-rn-article-end {
    padding-bottom: 32px;
  }

  .hl-rn-bar-jb {
    height: 14px;
  }

  .hl-rn-bar-name {
    grid-area: 1 / 1 / 2 / 2;
    font-size: 17px;
  }

  .hl-rn-bar-note {
    grid-area: 3 / 1 / 4 / 3;
    font-size: 14px;
  }

  .hl-rn-bar-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 12px;
    margin-bottom: 24px;
  }

  .hl-rn-bar-se {
    height: 14px;
  }

  .hl-rn-bar-track {
    grid-area: 2 / 1 / 3 / 3;
    height: 14px;
  }

  .hl-rn-bar-val, .hl-rn-bar-val-hot {
    grid-area: 1 / 2 / 2 / 3;
    font-size: 36px;
  }

  .hl-rn-box {
    width: 26px;
    margin-left: -30px;
  }

  .hl-rn-channel {
    border-radius: 24px;
    padding: 24px 22px 26px;
  }

  .hl-rn-channel-title {
    font-size: 22px;
  }

  .hl-rn-channels {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin: 32px auto 36px;
  }

  .hl-rn-chart {
    border-radius: 24px;
    margin: 32px auto;
  }

  .hl-rn-chart-cap {
    padding: 14px 20px 16px;
    font-size: 13px;
  }

  .hl-rn-chart-main {
    padding: 26px 20px 4px;
  }

  .hl-rn-chart-side {
    padding: 26px 20px 28px;
  }

  .hl-rn-chart-title {
    margin-bottom: 22px;
  }

  .hl-rn-check {
    padding: 13px 0 14px 30px;
    font-size: 16px;
  }

  .hl-rn-end {
    padding-bottom: 80px;
  }

  .hl-rn-example {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    background-image: radial-gradient(70% 40% at 50% 46%, #ff730042 0%, #ff4a000f 55%, #ff4a0000 100%);
    border-radius: 24px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    padding: 28px 20px 26px;
  }

  .hl-rn-example-quote {
    font-size: 20px;
  }

  .hl-rn-flood-foot {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    margin-top: 36px;
  }

  .hl-rn-h2 {
    margin: 12px 0 22px;
    font-size: 34px;
  }

  .hl-rn-line-card {
    padding: 18px 18px 20px;
  }

  .hl-rn-line-quote {
    font-size: 20px;
  }

  .hl-rn-lines {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rn-list-card {
    border-radius: 24px;
    margin-top: 28px;
    padding: 6px 20px 20px;
  }

  .hl-rn-list-head {
    padding: 16px 0;
  }

  .hl-rn-live {
    padding: 14px 16px 16px;
  }

  .hl-rn-live-wrap {
    width: 262px;
    left: 0;
  }

  .hl-rn-lockups {
    margin-top: 36px;
  }

  .hl-rn-meta {
    font-size: 14px;
  }

  .hl-rn-nlc {
    border-radius: 24px;
    margin-top: 32px;
    padding: 26px 20px 24px;
  }

  .hl-rn-nlc-big {
    font-size: 40px;
  }

  .hl-rn-nlc-fact {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding-left: 16px;
  }

  .hl-rn-nlc-facts {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rn-nlc-head {
    margin-top: 28px;
    padding-top: 22px;
    font-size: 22px;
  }

  .hl-rn-nlc-note, .hl-rn-nlc-small {
    font-size: 15px;
  }

  .hl-rn-pill {
    padding: 9px 14px;
    font-size: 13px;
  }

  .hl-rn-pill-wrap {
    left: 4px;
  }

  .hl-rn-post {
    padding: 20px;
  }

  .hl-rn-post-title {
    font-size: 26px;
  }

  .hl-rn-post-wrap {
    width: 94%;
    top: 46px;
  }

  .hl-rn-radius {
    border-radius: 24px;
    margin-top: 28px;
    padding: 18px 18px 26px;
  }

  .hl-rn-radius-li {
    font-size: 16px;
  }

  .hl-rn-radius-obj {
    height: 280px;
  }

  .hl-rn-radius-title {
    font-size: 30px;
  }

  .hl-rn-rail {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
    margin: 28px auto 36px;
  }

  .hl-rn-rail-date {
    font-size: 40px;
  }

  .hl-rn-ring-1 {
    width: 170px;
    height: 170px;
  }

  .hl-rn-ring-2 {
    width: 250px;
    height: 250px;
  }

  .hl-rn-ring-3 {
    width: 340px;
    height: 340px;
  }

  .hl-rn-ring-label {
    top: 43px;
  }

  .hl-rn-role {
    padding: 22px 20px 20px;
  }

  .hl-rn-role-name {
    font-size: 24px;
  }

  .hl-rn-roles {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin: 28px auto 32px;
  }

  .hl-rn-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 72px minmax(0, 1fr) 20px;
    padding: 10px 0;
  }

  .hl-rn-row-flip {
    column-gap: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .hl-rn-row-id {
    flex-direction: column;
    align-items: flex-start;
  }

  .hl-rn-row-last {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 72px minmax(0, 1fr) 20px;
    padding: 10px 0;
  }

  .hl-rn-row-static {
    column-gap: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .hl-rn-row-v {
    font-size: 15px;
  }

  .hl-rn-sec {
    padding-top: 88px;
  }

  .hl-rn-sec-first {
    padding-top: 64px;
  }

  .hl-rn-spec {
    border-radius: 24px;
    margin: 32px auto 48px;
  }

  .hl-rn-spec-chip {
    order: 2;
    padding: 7px 13px;
    font-size: 13px;
  }

  .hl-rn-spec-k {
    font-size: 30px;
  }

  .hl-rn-spec-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px 20px;
    display: flex;
  }

  .hl-rn-spec-text {
    order: 3;
  }

  .hl-rn-src {
    margin-top: 48px;
    padding-top: 32px;
  }

  .hl-rn-src-item {
    grid-template-rows: auto;
    grid-template-columns: 26px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-rn-stage {
    max-width: 400px;
    height: 572px;
  }

  .hl-rn-stat-big {
    font-size: 72px;
  }

  .hl-rn-state {
    padding: 10px 16px;
    font-size: 16px;
  }

  .hl-rn-state-plus {
    padding: 10px 12px 10px 16px;
    font-size: 16px;
  }

  .hl-rn-states {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    margin-bottom: 16px;
  }

  .hl-rn-swap {
    padding: 18px 20px;
    display: block;
  }

  .hl-rn-swap-arrow {
    display: none;
  }

  .hl-rn-swap-from {
    font-size: 17px;
  }

  .hl-rn-swap-to {
    border-left: 3px solid #ffa800;
    margin-top: 8px;
    padding-left: 14px;
    font-size: 17px;
  }

  .hl-rn-swaps {
    border-radius: 24px;
    margin: 28px auto 32px;
  }

  .hl-rn-tie {
    border-radius: 24px;
    margin-top: 36px;
    padding: 22px 18px 24px;
  }

  .hl-rn-tie-obj {
    padding: 18px 16px 4px;
  }

  .hl-rn-tie-text {
    font-size: 16px;
  }

  .hl-rn-tie-title {
    font-size: 30px;
  }

  .hl-rn-toc {
    padding: 20px 20px 16px;
  }

  .hl-rn-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rn-tool {
    border-radius: 20px;
    padding: 20px 20px 22px;
  }

  .hl-rn-tool-title {
    font-size: 20px;
  }

  .hl-rn-tools {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-rn-tpl {
    padding: 20px 18px 22px;
  }

  .hl-rn-tpl-bar {
    padding: 12px 14px 12px 18px;
  }

  .hl-rn-tpl-card {
    border-radius: 20px;
    margin: 32px auto 20px;
  }

  .hl-rn-tpl-head, .hl-rn-tpl-item, .hl-rn-tpl-line {
    font-size: 16px;
  }

  .hl-rn-tpl-title {
    font-size: 19px;
  }

  .hl-sch-band {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .hl-sch-bridge {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .hl-sch-bridge-search {
    max-width: 340px;
    padding: 20px;
    transform: rotate(0);
  }

  .hl-sch-bridge-stage {
    min-height: 380px;
  }

  .hl-sch-bridge-ticket {
    margin-left: 0;
  }

  .hl-sch-close {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .hl-sch-glow {
    background-image: radial-gradient(70% 34% at 70% 12%, #ff73003d 0%, #ff4a0014 50%, #ff4a0000 80%);
    height: 760px;
  }

  .hl-sch-group {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 24px;
    padding: 24px 18px;
  }

  .hl-sch-group-title {
    font-size: 26px;
  }

  .hl-sch-lead-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-sch-lead-text {
    font-size: 19px;
  }

  .hl-sch-mlabel {
    color: #958b80;
    font-variation-settings: "wdth" 62;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: Archivo, sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-stretch: 62%;
    display: inline;
  }

  .hl-sch-out {
    height: 280px;
  }

  .hl-sch-panel {
    border-radius: 24px;
    padding: 20px 16px;
  }

  .hl-sch-paste {
    border-radius: 24px;
    padding: 24px 20px;
  }

  .hl-sch-related {
    padding-top: 48px;
  }

  .hl-sch-rule {
    border-radius: 24px;
    padding: 24px;
  }

  .hl-sch-rule-word {
    padding-bottom: 20px;
    font-size: 60px;
  }

  .hl-sch-sources {
    margin-top: 40px;
  }

  .hl-sch-spec {
    font-size: 14px;
  }

  .hl-sch-specs {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    margin-top: 20px;
  }

  .hl-sch-start {
    border-radius: 22px;
    padding: 14px 16px;
  }

  .hl-sch-table {
    border-radius: 22px;
    padding: 4px 20px 8px;
  }

  .hl-sch-td {
    padding: 3px 0;
    display: block;
  }

  .hl-sch-td-key {
    margin-bottom: 8px;
    font-size: 17px;
    display: block;
  }

  .hl-sch-td-req {
    padding: 3px 0;
    display: block;
  }

  .hl-sch-top {
    padding-top: 24px;
    padding-bottom: 72px;
  }

  .hl-sch-tr {
    padding: 16px 0 18px;
    display: block;
  }

  .hl-sch-tr-head {
    display: none;
  }

  .hl-sch-tr-last {
    padding: 16px 0 18px;
    display: block;
  }

  .hl-sch-way {
    padding: 14px 16px;
    font-size: 16px;
  }

  .hl-svc-ask {
    margin-top: 36px;
    font-size: 19px;
  }

  .hl-svc-ask-link {
    font-size: 19px;
  }

  .hl-svc-board {
    height: 180px;
    margin-top: 20px;
  }

  .hl-svc-box {
    border-radius: 4px;
    width: 15px;
    height: 15px;
  }

  .hl-svc-built {
    margin-top: 14px;
    font-size: 16px;
  }

  .hl-svc-cal {
    border-radius: 30px;
    padding: 0 10px 10px;
  }

  .hl-svc-chip-a, .hl-svc-chip-b, .hl-svc-chip-c {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    min-height: 48px;
    padding: 0 18px 0 14px;
    font-size: 17px;
  }

  .hl-svc-chips {
    grid-column-gap: 10px;
    grid-row-gap: 12px;
  }

  .hl-svc-chute {
    height: 40px;
  }

  .hl-svc-corp {
    margin-top: 28px;
  }

  .hl-svc-corp-stage {
    height: 360px;
  }

  .hl-svc-desk {
    border-radius: 22px;
    margin-top: 40px;
    padding: 18px 16px 16px;
  }

  .hl-svc-desk-title {
    font-size: 18px;
  }

  .hl-svc-done {
    font-size: 14px;
  }

  .hl-svc-floor {
    height: 300px;
    top: 182px;
  }

  .hl-svc-fname {
    letter-spacing: .06em;
    font-size: 11px;
  }

  .hl-svc-keep {
    min-height: 34px;
    padding: 0 14px;
    font-size: 15px;
  }

  .hl-svc-knob-1 {
    background-position: 50% 10px, 50% 0, 50% 0;
    background-size: 28px 3px, 40px 24px, 6px 100%;
    border-radius: 6px;
    width: 40px;
    margin-left: -20px;
    transform: translateY(-148px);
  }

  .hl-svc-knob-2 {
    background-position: 50% 10px, 50% 0, 50% 0;
    background-size: 28px 3px, 40px 24px, 6px 100%;
    border-radius: 6px;
    width: 40px;
    margin-left: -20px;
    transform: translateY(-117px);
  }

  .hl-svc-knob-3 {
    background-position: 50% 10px, 50% 0, 50% 0;
    background-size: 28px 3px, 40px 24px, 6px 100%;
    border-radius: 6px;
    width: 40px;
    margin-left: -20px;
    transform: translateY(-161px);
  }

  .hl-svc-knob-4 {
    background-position: 50% 10px, 50% 0, 50% 0;
    background-size: 28px 3px, 40px 24px, 6px 100%;
    border-radius: 6px;
    width: 40px;
    margin-left: -20px;
    transform: translateY(-100px);
  }

  .hl-svc-knob-5 {
    background-position: 50% 10px, 50% 0, 50% 0;
    background-size: 28px 3px, 40px 24px, 6px 100%;
    border-radius: 6px;
    width: 40px;
    margin-left: -20px;
    transform: translateY(-75px);
  }

  .hl-svc-left {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 24px;
    padding-top: 18px;
    font-size: 15px;
  }

  .hl-svc-li {
    flex: 0 0 200px;
  }

  .hl-svc-line {
    font-size: 15px;
  }

  .hl-svc-lineup-sec {
    padding-top: 40px;
    padding-bottom: 72px;
  }

  .hl-svc-mix-foot {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    margin-top: 8px;
  }

  .hl-svc-name {
    font-size: 20px;
  }

  .hl-svc-names {
    margin-top: 12px;
    padding-top: 12px;
  }

  .hl-svc-obj {
    margin-bottom: 24px;
  }

  .hl-svc-paddles {
    padding: 12px 16px 0;
  }

  .hl-svc-pass {
    width: 310px;
    left: -4px;
  }

  .hl-svc-ph-display {
    font-size: 48px;
  }

  .hl-svc-phone-box {
    width: 130px;
    height: 264px;
  }

  .hl-svc-phone-scale {
    width: 236px;
    height: 480px;
    transform: scale(.55);
  }

  .hl-svc-pill {
    width: 280px;
  }

  .hl-svc-plate {
    border-radius: 32px;
    padding: 26px 18px 22px;
    box-shadow: inset 0 0 0 8px #161311, inset 0 0 0 9px #2e2824, 0 40px 80px -32px #000000e6;
  }

  .hl-svc-plate-label {
    margin-bottom: 18px;
    font-size: 12px;
  }

  .hl-svc-plate-sec {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .hl-svc-poster-box {
    height: 176px;
  }

  .hl-svc-poster-scale {
    width: 330px;
    transform: scale(.4485);
  }

  .hl-svc-row {
    padding: 0 16px 8px;
    scroll-padding-left: 16px;
  }

  .hl-svc-shelf {
    top: 331px;
  }

  .hl-svc-stage {
    border-radius: 24px;
    margin-left: -8px;
    margin-right: -8px;
    padding: 32px 0 20px;
  }

  .hl-svc-steps {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .hl-svc-steps-head {
    margin-bottom: 20px;
  }

  .hl-svc-steps-stage {
    padding-bottom: 156px;
  }

  .hl-svc-tix-1 {
    width: 250px;
    margin-left: -125px;
    transform: translate(-22px)rotate(-5deg);
  }

  .hl-svc-tix-2 {
    width: 250px;
    margin-left: -125px;
    transform: translate(0, 108px)rotate(-1deg);
  }

  .hl-svc-tix-3 {
    width: 250px;
    margin-left: -125px;
    transform: translate(22px, 216px)rotate(4deg);
  }

  .hl-svc-track {
    background-size: 6px 100%, 44px 100%;
  }

  .hl-svc-tray {
    border-radius: 24px;
    padding: 20px 16px;
  }

  .hl-terms-body {
    padding-top: 0;
    padding-bottom: 72px;
  }

  .hl-terms-h {
    font-size: 30px;
  }

  .hl-terms-label {
    padding: 20px;
  }

  .hl-terms-labels {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-terms-main {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .hl-terms-no {
    padding: 22px 20px 14px;
  }

  .hl-terms-pass {
    transform: rotate(-4deg);
  }

  .hl-terms-plan {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 28px 22px 0;
  }

  .hl-terms-plan-copy {
    padding-bottom: 8px;
  }

  .hl-terms-plan-cta {
    display: none;
  }

  .hl-terms-plan-line {
    font-size: 26px;
  }

  .hl-terms-plan-sub {
    margin-bottom: 0;
  }

  .hl-terms-sec {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 28px;
  }

  .hl-terms-sides {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-terms-stage {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    max-width: 360px;
  }

  .hl-terms-yes {
    padding: 22px 20px 14px;
  }

  .hl-th-bar-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .hl-th-bench {
    width: 340px;
    height: 400px;
  }

  .hl-th-bench-check {
    transform-origin: 100% 100%;
    bottom: 4px;
    right: 0;
    transform: rotate(2deg)scale(.92);
  }

  .hl-th-bench-flyer {
    transform-origin: 100% 0;
    top: 0;
    right: -6px;
    transform: rotate(7deg)scale(.78);
  }

  .hl-th-bench-qr {
    transform-origin: 0 0;
    top: 84px;
    left: -6px;
    transform: rotate(-7deg)scale(.8);
  }

  .hl-th-bench-tag {
    top: 18px;
    left: 6px;
  }

  .hl-th-code {
    padding: 12px 14px 14px;
  }

  .hl-th-code-in {
    padding-left: 12px;
    font-size: 11px;
  }

  .hl-th-cta {
    border-radius: 24px;
    min-height: 300px;
    padding: 24px;
  }

  .hl-th-cta-btn {
    min-height: 48px;
    margin-top: 24px;
    padding: 0 20px;
    font-size: 16px;
  }

  .hl-th-cta-text {
    font-size: 16px;
  }

  .hl-th-cta-title {
    font-size: 34px;
  }

  .hl-th-grid {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-direction: column;
    display: flex;
  }

  .hl-th-head {
    margin-bottom: 32px;
  }

  .hl-th-head-lead {
    margin-top: 16px;
    font-size: 19px;
  }

  .hl-th-line {
    font-size: 15px;
  }

  .hl-th-pace {
    padding: 16px 16px 18px;
  }

  .hl-th-pair {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 18px;
    min-height: 0;
    padding: 20px;
  }

  .hl-th-pair:hover {
    transform: none;
  }

  .hl-th-pair-go {
    margin-top: 4px;
  }

  .hl-th-pair-title {
    font-size: 20px;
  }

  .hl-th-pairs {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-th-pairs-head {
    margin-bottom: 24px;
  }

  .hl-th-pairs-sec {
    padding-top: 64px;
    padding-bottom: 56px;
  }

  .hl-th-panel {
    display: none;
  }

  .hl-th-qrcard {
    width: 176px;
    padding: 16px 16px 14px;
  }

  .hl-th-qrcard-img {
    width: 128px;
    height: 128px;
  }

  .hl-th-qrcard-kicker {
    font-size: 24px;
  }

  .hl-th-tagpill {
    min-height: 32px;
    padding: 0 12px;
    font-size: 12px;
  }

  .hl-th-tools-sec {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .hl-th-utm {
    padding: 14px;
  }

  .hl-th-utm-note {
    display: none;
  }

  .hl-th-utm-param {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
  }

  .hl-th-utm-params {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-trades-beam {
    width: 440px;
    height: 540px;
    margin-left: -220px;
    top: 52px;
  }

  .hl-trades-cords {
    width: 176px;
    height: 76px;
    margin-left: -88px;
    top: -24px;
  }

  .hl-trades-dash {
    border-radius: 20px;
    padding: 16px 16px 12px;
  }

  .hl-trades-event {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-radius: 24px;
    padding: 32px 22px 36px;
  }

  .hl-trades-event-lead {
    margin-top: 16px;
    font-size: 19px;
  }

  .hl-trades-event-light {
    bottom: -280px;
    right: -260px;
  }

  .hl-trades-event-obj {
    justify-content: center;
  }

  .hl-trades-lamp {
    border-radius: 12px;
    width: 250px;
    height: 24px;
    margin-left: -125px;
    top: 48px;
  }

  .hl-trades-lang {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    margin-top: 28px;
    margin-bottom: 36px;
  }

  .hl-trades-pains {
    padding-top: 0;
    padding-bottom: 56px;
  }

  .hl-trades-pass {
    width: 320px;
    margin-left: -172px;
    bottom: 0;
    left: 50%;
  }

  .hl-trades-pay {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    margin-top: 44px;
  }

  .hl-trades-phone {
    transform-origin: 50% 0;
    margin-left: -145px;
    top: 92px;
    transform: scale(.8);
  }

  .hl-trades-pool {
    width: 420px;
    height: 180px;
    margin-left: -210px;
    bottom: -30px;
  }

  .hl-trades-qr-link {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .hl-trades-qr-tilt {
    margin-top: 12px;
    transform: rotate(4deg)scale(1.1);
  }

  .hl-trades-related {
    margin-top: 48px;
  }

  .hl-trades-rule {
    text-align: left;
    margin-top: 24px;
    font-size: 15px;
  }

  .hl-trades-say {
    font-size: 17px;
  }

  .hl-trades-skip {
    font-size: 15px;
  }

  .hl-trades-stage {
    max-width: 350px;
    height: 560px;
  }

  .hl-trades-swap {
    border-radius: 24px;
    padding: 18px 18px 4px;
  }

  .hl-trades-swap-arrow, .hl-trades-swap-gap {
    display: none;
  }

  .hl-trades-swap-head {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    padding-bottom: 12px;
  }

  .hl-trades-swap-row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .hl-trades-tube {
    height: 7px;
    bottom: -4px;
    left: 12px;
    right: 12px;
  }

  .hl-trades-wo {
    border-radius: 24px;
    padding: 18px 22px 22px;
  }

  .hl-trades-wo-from {
    margin-top: 16px;
    font-size: 13px;
  }

  .hl-trades-wo-line {
    font-size: 17px;
  }

  .hl-trades-wo-title {
    margin-top: 8px;
    font-size: 26px;
  }

  .hl-ty-card {
    border-radius: 24px;
    padding: 22px 20px;
    display: flex;
  }

  .hl-ty-card-go {
    margin-top: auto;
    padding-top: 22px;
  }

  .hl-ty-card-obj {
    height: 200px;
    margin-bottom: 16px;
  }

  .hl-ty-card-title {
    font-size: 23px;
  }

  .hl-ty-dot-done {
    width: 30px;
    height: 30px;
    padding: 7px;
  }

  .hl-ty-dot-next {
    width: 30px;
    height: 30px;
  }

  .hl-ty-dot-now {
    width: 30px;
    height: 30px;
    box-shadow: inset 0 0 0 6px #1c1917;
  }

  .hl-ty-greet {
    margin-bottom: 8px;
    font-size: 30px;
  }

  .hl-ty-kicker {
    font-size: 11px;
  }

  .hl-ty-label {
    font-size: 10px;
  }

  .hl-ty-main {
    border-radius: 4px 16px 16px 4px;
    height: 170px;
    padding: 15px 16px 13px;
  }

  .hl-ty-meta {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 10px;
  }

  .hl-ty-note {
    margin-top: 24px;
    font-size: 17px;
  }

  .hl-ty-pill-done {
    grid-column: 2 / 3;
    justify-self: start;
    margin-top: 0;
    margin-bottom: 26px;
  }

  .hl-ty-pill-next {
    grid-column: 2 / 3;
    justify-self: start;
    margin-top: 0;
  }

  .hl-ty-pill-now {
    grid-column: 2 / 3;
    justify-self: start;
    margin-top: 0;
    margin-bottom: 26px;
  }

  .hl-ty-rail {
    grid-row: 1 / 3;
  }

  .hl-ty-stage {
    padding-top: 40px;
    padding-bottom: 8px;
  }

  .hl-ty-stamp {
    border-width: 3px;
    padding: 3px 9px 2px;
    font-size: 21px;
    bottom: 40px;
    right: -14px;
  }

  .hl-ty-step {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .hl-ty-step-copy {
    padding-top: 2px;
    padding-bottom: 0;
  }

  .hl-ty-step-last {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: 30px minmax(0, 1fr);
    padding-bottom: 18px;
  }

  .hl-ty-step-text {
    font-size: 15px;
  }

  .hl-ty-step-title {
    font-size: 21px;
  }

  .hl-ty-steps {
    padding-top: 20px;
  }

  .hl-ty-stub {
    border-radius: 16px 4px 4px 16px;
    width: 64px;
    height: 170px;
    transform: translate(-8px, 14px)rotate(-8deg);
  }

  .hl-ty-stub-mark {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    top: 14px;
  }

  .hl-ty-stub-text {
    font-size: 12px;
    top: 110px;
  }

  .hl-ty-title {
    margin-top: 8px;
    font-size: 38px;
  }

  .hl-ty-tools {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 36px;
    padding-top: 24px;
  }

  .hl-ty-tools-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .hl-ty-torn {
    filter: drop-shadow(0 24px 28px #000000d9);
    width: 310px;
    margin-left: 12px;
  }

  .hl-ty-track {
    border-radius: 22px;
    padding: 20px 18px 2px;
  }

  .hl-ty-track-head {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    padding-bottom: 16px;
  }

  .hl-ty-track-title {
    font-size: 18px;
  }

  .hl-ty-value {
    font-size: 16px;
  }

  .hl-ty-wait {
    padding-top: 16px;
    padding-bottom: 56px;
  }

  .hl-utm-anat {
    border-radius: 22px;
    padding: 16px;
  }

  .hl-utm-anat-bar {
    border-radius: 14px;
    padding: 14px 16px;
  }

  .hl-utm-anat-base {
    margin-bottom: 6px;
    display: block;
  }

  .hl-utm-anat-dots {
    display: none;
  }

  .hl-utm-anat-head {
    margin-bottom: 28px;
  }

  .hl-utm-anat-p1, .hl-utm-anat-p2, .hl-utm-anat-p3, .hl-utm-anat-p4 {
    white-space: normal;
    margin-top: 4px;
    display: table;
  }

  .hl-utm-anat-sep {
    display: none;
  }

  .hl-utm-anat-url {
    font-size: 16px;
    line-height: 1.65;
  }

  .hl-utm-anat-wrap {
    margin-top: 64px;
  }

  .hl-utm-app {
    border-radius: 22px;
  }

  .hl-utm-ats-card {
    border-radius: 22px;
    padding: 24px 20px;
  }

  .hl-utm-ats-name {
    font-size: 26px;
  }

  .hl-utm-band {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .hl-utm-bar {
    padding: 16px;
  }

  .hl-utm-body {
    font-size: 17px;
  }

  .hl-utm-bridge {
    padding-top: 64px;
    padding-bottom: 56px;
  }

  .hl-utm-cact {
    grid-area: 1 / 3 / 2 / 4;
  }

  .hl-utm-cav {
    margin: 0 16px;
    padding: 24px 0;
  }

  .hl-utm-cav-end, .hl-utm-cav-item {
    font-size: 15px;
  }

  .hl-utm-cn {
    grid-area: 1 / 1 / 2 / 2;
    padding-top: 12px;
  }

  .hl-utm-csrc {
    grid-area: 2 / 1 / 3 / 4;
    padding-top: 0;
  }

  .hl-utm-cst {
    grid-area: 1 / 2 / 2 / 3;
    padding-top: 9px;
  }

  .hl-utm-curl {
    grid-area: 3 / 1 / 4 / 4;
    padding-top: 0;
  }

  .hl-utm-display {
    font-size: 42px;
  }

  .hl-utm-dmed {
    text-align: left;
    min-width: 0;
  }

  .hl-utm-end {
    padding-top: 48px;
    padding-bottom: 56px;
  }

  .hl-utm-final {
    font-size: 15px;
  }

  .hl-utm-h3 {
    font-size: 34px;
  }

  .hl-utm-head {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .hl-utm-helper {
    padding: 16px 14px 18px;
  }

  .hl-utm-how {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .hl-utm-lead {
    margin-top: 16px;
    font-size: 18px;
  }

  .hl-utm-legend {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 18px;
  }

  .hl-utm-mail {
    border-radius: 22px;
    margin-top: 20px;
    padding: 24px 18px;
  }

  .hl-utm-mail-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-utm-mail-title {
    font-size: 28px;
  }

  .hl-utm-med {
    margin-left: 8px;
    display: inline;
  }

  .hl-utm-medrow {
    grid-template-rows: auto;
    grid-template-columns: 104px minmax(0, 1fr);
  }

  .hl-utm-medrow-2 {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
  }

  .hl-utm-mlabel {
    display: inline;
  }

  .hl-utm-out-stub {
    padding: 4px 18px 18px;
  }

  .hl-utm-out-top {
    padding: 18px 18px 10px;
  }

  .hl-utm-pair {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-utm-panel {
    padding: 24px 16px;
  }

  .hl-utm-part {
    grid-template-rows: auto;
    grid-template-columns: 104px minmax(0, 1fr);
  }

  .hl-utm-row {
    grid-template-rows: auto;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px 12px;
    padding: 14px 0 16px;
  }

  .hl-utm-rules {
    font-size: 13px;
  }

  .hl-utm-shead {
    display: none;
  }

  .hl-utm-sheet {
    border-radius: 20px;
    padding: 28px 18px 20px;
  }

  .hl-utm-smlabel {
    color: #bcb2a6;
    margin-right: 6px;
    font-weight: 500;
    display: inline;
  }

  .hl-utm-src-block {
    margin-top: 48px;
  }

  .hl-utm-srow {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 2px;
  }

  .hl-utm-step-1, .hl-utm-step-2, .hl-utm-step-3, .hl-utm-step-4 {
    padding-top: 18px;
  }

  .hl-utm-step-text {
    font-size: 16px;
  }

  .hl-utm-step-title {
    font-size: 22px;
  }

  .hl-utm-steps {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
  }

  .hl-utm-thead {
    display: none;
  }

  .hl-utm-tool {
    padding-top: 4px;
    padding-bottom: 48px;
  }

  .hl-utm-trio {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-wa-app {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 42px 10px 12px;
  }

  .hl-wa-app-title {
    font-size: 19px;
  }

  .hl-wa-app-top {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .hl-wa-apply {
    text-align: center;
    white-space: nowrap;
    align-self: flex-end;
    width: 66%;
    padding: 9px 6px;
    font-size: 11px;
  }

  .hl-wa-article {
    padding-bottom: 88px;
  }

  .hl-wa-article-end {
    padding-bottom: 80px;
  }

  .hl-wa-avatar {
    width: 20px;
    height: 20px;
  }

  .hl-wa-ba {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .hl-wa-ba-after {
    padding: 20px 18px 22px;
  }

  .hl-wa-ba-before {
    padding: 20px 18px;
  }

  .hl-wa-ba-gap, .hl-wa-ba-head, .hl-wa-ba-text, .hl-wa-ba-text-bad {
    font-size: 15px;
  }

  .hl-wa-ba-title {
    font-size: 21px;
  }

  .hl-wa-brand {
    font-size: 11px;
  }

  .hl-wa-change-t {
    font-size: 15px;
  }

  .hl-wa-changes {
    padding: 22px 20px 14px;
  }

  .hl-wa-changes-title {
    font-size: 21px;
  }

  .hl-wa-check {
    padding: 14px 16px 6px;
  }

  .hl-wa-check-a {
    font-size: 12px;
  }

  .hl-wa-check-q {
    font-size: 16px;
  }

  .hl-wa-check-row {
    padding: 8px 0;
  }

  .hl-wa-check-wrap {
    width: 200px;
    bottom: 4px;
  }

  .hl-wa-copy {
    min-height: 44px;
    padding: 0 14px;
    font-size: 14px;
  }

  .hl-wa-dim-head {
    padding-left: 64px;
    font-size: 11px;
  }

  .hl-wa-end {
    padding-bottom: 88px;
  }

  .hl-wa-fact {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 6px 9px;
  }

  .hl-wa-fact-k {
    font-size: 9px;
  }

  .hl-wa-fact-last {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 6px 9px;
  }

  .hl-wa-fact-pay {
    font-size: 16px;
  }

  .hl-wa-fact-v {
    font-size: 12px;
  }

  .hl-wa-facts {
    border-radius: 14px;
  }

  .hl-wa-h2 {
    margin: 12px 0 22px;
    font-size: 36px;
  }

  .hl-wa-match {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-wa-match-card {
    padding: 18px 16px 16px;
  }

  .hl-wa-match-pay {
    font-size: 20px;
  }

  .hl-wa-match-shift {
    font-size: 13px;
  }

  .hl-wa-match-src {
    grid-column: span 2 / span 2;
    padding: 18px 16px 16px;
  }

  .hl-wa-meta {
    font-size: 14px;
  }

  .hl-wa-pay {
    border-radius: 24px;
    padding: 30px 18px 26px;
  }

  .hl-wa-pay-dash {
    font-size: 60px;
  }

  .hl-wa-pay-note-t {
    font-size: 18px;
  }

  .hl-wa-pay-notes {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 28px;
  }

  .hl-wa-pay-num {
    font-size: 84px;
  }

  .hl-wa-pay-unit {
    margin-left: 0;
    font-size: 30px;
  }

  .hl-wa-phone-wrap {
    right: 0;
  }

  .hl-wa-pill-wrap {
    top: 26px;
    left: 0;
  }

  .hl-wa-q {
    border-radius: 24px;
    min-height: 176px;
    padding: 20px 18px;
  }

  .hl-wa-q-ans {
    padding: 5px 10px;
    font-size: 14px;
  }

  .hl-wa-q-big {
    font-size: 30px;
  }

  .hl-wa-q-line {
    font-size: 14px;
  }

  .hl-wa-qs {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin: 32px auto 44px;
  }

  .hl-wa-rule {
    border-radius: 20px;
    padding: 20px 18px 22px;
  }

  .hl-wa-rule-text {
    font-size: 14px;
  }

  .hl-wa-rule-title {
    font-size: 18px;
  }

  .hl-wa-rules {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .hl-wa-say {
    padding-top: 64px;
  }

  .hl-wa-screen {
    border-radius: 24px;
    min-height: 0;
    padding: 20px 18px;
  }

  .hl-wa-screen-cap {
    margin-top: 0;
    font-size: 17px;
  }

  .hl-wa-screen-lines {
    display: none;
  }

  .hl-wa-screen-on {
    border-radius: 24px;
    min-height: 0;
    padding: 20px 18px;
  }

  .hl-wa-screens {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-wa-sec {
    padding-top: 88px;
  }

  .hl-wa-sources {
    padding-top: 56px;
    padding-bottom: 72px;
  }

  .hl-wa-src-item {
    grid-template-rows: auto;
    grid-template-columns: 28px minmax(0, 1fr);
    font-size: 14px;
  }

  .hl-wa-stage {
    max-width: 390px;
    height: 536px;
  }

  .hl-wa-stat {
    grid-template-rows: auto;
    grid-template-columns: 118px minmax(0, 1fr);
    align-items: center;
    gap: 10px 18px;
    padding: 22px 20px 18px;
    display: grid;
  }

  .hl-wa-stat-fig {
    font-size: 64px;
  }

  .hl-wa-stat-src {
    grid-column: span 2 / span 2;
    padding-bottom: 10px;
  }

  .hl-wa-statement {
    font-size: 32px;
    line-height: 1.1;
  }

  .hl-wa-stats {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-wa-swap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 18px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 18px 18px 16px;
  }

  .hl-wa-swap-arrow {
    display: none;
  }

  .hl-wa-swap-good {
    font-size: 19px;
  }

  .hl-wa-swap-who {
    grid-column: span 1 / span 1;
  }

  .hl-wa-swaps {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .hl-wa-tag {
    display: none;
  }

  .hl-wa-tick {
    width: 16px;
    height: 16px;
    font-size: 10px;
  }

  .hl-wa-toc {
    padding: 20px 20px 16px;
  }

  .hl-wa-toc-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-wa-tpl {
    padding: 20px 18px 22px;
  }

  .hl-wa-tpl-bar {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 10px 10px 10px 16px;
  }

  .hl-wa-tpl-card {
    border-radius: 24px;
  }

  .hl-wa-tpl-dots {
    display: none;
  }

  .hl-wa-tpl-facts {
    padding: 8px 0 8px 14px;
  }

  .hl-wa-tpl-gap, .hl-wa-tpl-head, .hl-wa-tpl-item, .hl-wa-tpl-line {
    font-size: 16px;
  }

  .hl-wa-tpl-title {
    font-size: 19px;
  }

  .hl-wa-word {
    padding: 22px 20px 24px;
  }

  .hl-wa-word-fix {
    font-size: 16px;
  }

  .hl-wa-word-wide {
    grid-column: span 1 / span 1;
    padding: 22px 20px 24px;
  }

  .hl-wa-word-x {
    padding: 6px 12px;
    font-size: 15px;
  }

  .hl-wa-words {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-wh-dock {
    height: 260px;
    top: 96px;
    left: -8px;
    right: -8px;
  }

  .hl-wh-door {
    border-radius: 12px 12px 0 0;
    flex: 0 0 132px;
    padding: 8px 7px 0;
  }

  .hl-wh-door-num, .hl-wh-door-num-r {
    letter-spacing: .08em;
    padding-bottom: 8px;
    font-size: 10px;
  }

  .hl-wh-easy-sec {
    padding-top: 48px;
    padding-bottom: 0;
  }

  .hl-wh-floor {
    height: 220px;
    top: 356px;
    left: -20px;
    right: -20px;
  }

  .hl-wh-pass {
    width: 310px;
    bottom: 0;
    left: -4px;
  }

  .hl-wh-peak-cta {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-direction: column;
    align-items: center;
    margin-top: 32px;
  }

  .hl-wh-phone {
    width: 236px;
    margin-left: -118px;
  }

  .hl-wh-related {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-wh-related-sec {
    padding-top: 16px;
    padding-bottom: 48px;
  }

  .hl-wh-roles {
    margin-top: 36px;
  }

  .hl-wh-roles-lead {
    margin-top: 16px;
    font-size: 19px;
  }

  .hl-wh-screen {
    border-radius: 22px;
    height: 340px;
  }

  .hl-wh-shift, .hl-wh-shift-hot {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    min-height: 44px;
    padding: 0 18px 0 16px;
    font-size: 17px;
  }

  .hl-wh-shifts {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 28px;
  }

  .hl-wh-stage {
    max-width: 390px;
    height: 560px;
  }

  .hl-wh-steps {
    margin-top: 28px;
  }

  .hl-wh-tablet {
    border-radius: 30px;
    padding: 10px;
  }

  .hl-why-b3 {
    left: 0;
  }

  .hl-why-b4 {
    right: 0;
  }

  .hl-why-bubble {
    border-radius: 16px;
    max-width: 168px;
    padding: 11px 14px;
    font-size: 15px;
    line-height: 1.3;
  }

  .hl-why-drag {
    border-radius: 24px;
    padding: 22px 22px 18px;
  }

  .hl-why-drag-item {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 20px;
  }

  .hl-why-duo {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .hl-why-duo-qr {
    display: none;
  }

  .hl-why-exp {
    padding-top: 56px;
    padding-bottom: 48px;
  }

  .hl-why-from {
    margin-bottom: 2px;
    font-size: 12px;
  }

  .hl-why-handled {
    padding-top: 48px;
    padding-bottom: 64px;
  }

  .hl-why-links {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
  }

  .hl-why-made {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .hl-why-made-ads {
    margin-top: 16px;
  }

  .hl-why-mcal {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%;
    padding: 12px;
  }

  .hl-why-mcal-grid {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .hl-why-mcal-on {
    height: 38px;
    font-size: 13px;
  }

  .hl-why-mcal-slot {
    height: 38px;
  }

  .hl-why-mchat {
    width: 250px;
  }

  .hl-why-mlive-pill {
    left: -10px;
  }

  .hl-why-nda-ink {
    margin-top: 14px;
  }

  .hl-why-nda-line {
    font-size: 19px;
  }

  .hl-why-nda-mark {
    width: 30px;
    height: 30px;
  }

  .hl-why-nda-stamp {
    padding: 8px 13px;
    font-size: 13px;
  }

  .hl-why-nda-title {
    margin-top: 12px;
    font-size: 60px;
  }

  .hl-why-ok {
    width: 26px;
    height: 26px;
    font-size: 14px;
  }

  .hl-why-pass-1 {
    border-radius: 18px;
    height: 260px;
    padding: 16px 18px;
  }

  .hl-why-pass-2 {
    border-radius: 18px;
    height: 260px;
    padding: 16px 18px;
    top: 54px;
  }

  .hl-why-pass-3 {
    border-radius: 18px;
    height: 260px;
    padding: 16px 18px;
    top: 108px;
  }

  .hl-why-pass-4 {
    border-radius: 18px;
    height: 260px;
    padding: 16px 18px;
    top: 162px;
  }

  .hl-why-pass-5 {
    border-radius: 18px;
    height: 260px;
    padding: 18px 20px;
    top: 212px;
  }

  .hl-why-pass-chip {
    padding: 5px 10px;
    font-size: 11px;
  }

  .hl-why-pass-name {
    font-size: 17px;
  }

  .hl-why-people {
    padding-top: 40px;
    padding-bottom: 56px;
  }

  .hl-why-phone {
    width: 236px;
  }

  .hl-why-pill {
    width: 320px;
    height: 80px;
  }

  .hl-why-pill-light {
    width: 420px;
    height: 240px;
    margin-top: -120px;
    margin-left: -210px;
  }

  .hl-why-pill-row {
    margin-top: 28px;
  }

  .hl-why-poster-void {
    font-size: 76px;
  }

  .hl-why-proc {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .hl-why-proc-links {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 24px;
  }

  .hl-why-proc-stage {
    padding-top: 8px;
    padding-bottom: 24px;
  }

  .hl-why-punch {
    margin-top: 14px;
    font-size: 28px;
  }

  .hl-why-pv-line {
    display: block;
  }

  .hl-why-split {
    margin-top: 28px;
    font-size: 22px;
  }

  .hl-why-stage {
    max-width: 360px;
    height: 500px;
  }

  .hl-why-stage-h {
    min-height: 380px;
  }

  .hl-why-tail {
    width: 12px;
    height: 12px;
    top: -7px;
    left: 18px;
  }

  .hl-why-terms {
    padding-top: 112px;
    padding-bottom: 72px;
  }

  .hl-why-terms-foot {
    margin-top: 0;
  }

  .hl-why-terms-lead {
    margin-top: 20px;
    font-size: 20px;
  }

  .hl-why-terms-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .hl-why-tick {
    width: 24px;
    height: 24px;
  }

  .hl-why-tick-on {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }

  .hl-why-todo {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 18px;
    padding: 18px 18px 16px;
    transform: rotate(-4deg);
  }

  .hl-why-todo-dot {
    width: 16px;
    height: 16px;
  }

  .hl-why-todo-foot {
    padding: 8px 14px 8px 8px;
    font-size: 13px;
  }

  .hl-why-todo-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-bottom: 10px;
    font-size: 17px;
  }

  .hl-why-todo-when {
    padding: 5px 8px;
    font-size: 11px;
  }

  .hl-why-todo-wrap {
    width: 262px;
    bottom: -56px;
    left: 0;
  }

  .hl-why-us {
    border-radius: 24px;
    padding: 24px 22px 20px;
  }

  .hl-why-us-item {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 20px;
  }

  .hl-why-vs {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-why-wallet {
    max-width: 340px;
    height: 472px;
  }

  .hl-why-x {
    width: 26px;
    height: 26px;
    font-size: 16px;
  }

  .hl-zv-answer {
    padding: 18px 18px 20px;
  }

  .hl-zv-answer-dot {
    margin-top: 8px;
  }

  .hl-zv-answer-li {
    font-size: 16px;
  }

  .hl-zv-body {
    padding-top: 16px;
    padding-bottom: 56px;
  }

  .hl-zv-card {
    padding: 22px 20px 24px;
  }

  .hl-zv-card-title {
    font-size: 21px;
  }

  .hl-zv-cards {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-zv-claim-says {
    min-height: 0;
    margin: 10px 0 14px;
    font-size: 24px;
  }

  .hl-zv-claims {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-zv-display {
    font-size: 48px;
  }

  .hl-zv-duel {
    border-radius: 24px;
    padding: 14px 12px;
  }

  .hl-zv-h2 {
    font-size: 34px;
  }

  .hl-zv-intro {
    font-size: 17px;
  }

  .hl-zv-lane-a {
    padding: 14px 11px;
    transform: rotate(-1.5deg);
  }

  .hl-zv-lane-b {
    padding: 14px 11px;
    transform: rotate(1.5deg);
  }

  .hl-zv-lane-bill {
    font-size: 12px;
  }

  .hl-zv-lane-name {
    font-size: 17px;
  }

  .hl-zv-lanes {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .hl-zv-lead {
    font-size: 18px;
  }

  .hl-zv-mix {
    transform: none;
  }

  .hl-zv-note {
    font-size: 16px;
  }

  .hl-zv-offer {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 28px 20px;
  }

  .hl-zv-offer-title {
    font-size: 30px;
  }

  .hl-zv-plan-a, .hl-zv-plan-b {
    padding: 20px 20px 24px;
    transform: none;
  }

  .hl-zv-plan-perf {
    margin: 14px -20px 12px;
  }

  .hl-zv-plan-title {
    font-size: 24px;
  }

  .hl-zv-plans {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 4px 0 0;
  }

  .hl-zv-quote {
    padding: 72px 22px 24px;
  }

  .hl-zv-quote-mark {
    font-size: 120px;
    top: -16px;
    left: 18px;
    right: auto;
  }

  .hl-zv-quote-text {
    font-size: 27px;
  }

  .hl-zv-related {
    padding-bottom: 72px;
  }

  .hl-zv-same-chip {
    padding: 5px 10px;
  }

  .hl-zv-sec {
    margin-top: 56px;
    padding-top: 56px;
  }

  .hl-zv-sheet-text {
    font-size: 13px;
  }

  .hl-zv-sign {
    padding: 22px 20px 12px;
  }

  .hl-zv-sign-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-zv-sign-title {
    font-size: 26px;
  }

  .hl-zv-sources {
    padding-top: 56px;
    padding-bottom: 72px;
  }

  .hl-zv-step-blaze, .hl-zv-step-heat, .hl-zv-step-volt {
    padding: 20px 20px 22px;
  }

  .hl-zv-steps {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-zv-tbl-cell {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 10px 0 0;
    font-size: 16px;
  }

  .hl-zv-tbl-head {
    display: none;
  }

  .hl-zv-tbl-ml {
    color: #ffa800;
    font-family: Hanken Grotesk, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    display: block;
  }

  .hl-zv-tbl-rh {
    margin-bottom: 10px;
    font-size: 18px;
    display: block;
  }

  .hl-zv-tbl-row {
    padding: 18px 18px 20px;
    display: block;
  }

  .hl-zv-tbl-row:hover {
    background-color: #131110;
  }

  .hl-zv-url {
    font-size: 13px;
  }

  .hl-zv-verdict {
    padding: 22px 20px 20px;
  }

  .hl-zv-verdict-title {
    font-size: 22px;
  }

  .hl-zv-verdict-wide {
    grid-column: span 1 / span 1;
    padding: 22px 20px;
  }

  .hl-zv-verdicts {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-zv-vs {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    font-size: 13px;
  }

  .hl-zv-words {
    font-size: 30px;
  }
}

@media screen and (max-width: 479px) {
  .hl-beat-line {
    font-size: 54px;
  }

  .hl-beat-payoff {
    font-size: 64px;
  }

  .hl-btn-nav-sm {
    padding: 0 11px;
    font-size: 13px;
  }

  .hl-btn-void {
    text-align: center;
    white-space: normal;
    max-width: 100%;
    padding: 12px 24px;
  }

  .hl-control-lines {
    font-size: 22px;
  }

  .hl-display, .hl-display-void {
    font-size: 42px;
  }

  .hl-hero-poster {
    font-size: 56px;
  }

  .hl-hero-sub, .hl-lead-void {
    font-size: 18px;
  }

  .hl-lockup-big {
    font-size: 40px;
  }

  .hl-nav-desc {
    letter-spacing: .1em;
    padding-left: 8px;
    font-size: 10px;
    font-stretch: 75%;
    display: none;
  }

  .hl-nav-mobile {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .hl-nav-wordmark {
    width: 64px;
    height: 38px;
  }

  .hl-ph-display {
    font-size: 42px;
  }

  .hl-poster, .hl-signoff-line {
    font-size: 56px;
  }

  .hl-ticker-group {
    font-size: 52px;
  }

  .lp-define-text {
    font-size: 20px;
  }

  .lp-ex-fig-value {
    font-size: 24px;
  }

  .lp-h2 {
    font-size: 32px;
  }

  .lp-hero-actions {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: stretch;
  }

  .lp-hero-sub, .lp-lead {
    font-size: 18px;
  }

  .lp-menu-btn {
    padding: 0 10px;
  }

  .lp-menu-label {
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    border-style: none;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .lp-method-cond {
    font-size: 14px;
  }

  .lp-nav-brand {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .lp-nav-inner {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .lp-pull {
    font-size: 23px;
  }

  .lp-q-text {
    font-size: 22px;
  }

  .lp-stat-figure {
    font-size: 40px;
  }

  .hl-404-poster {
    font-size: 56px;
  }

  .hl-404-stage {
    max-width: 330px;
  }

  .hl-acc-ring {
    padding: 0 18px;
    font-size: 14px;
  }

  .hl-acc-stage {
    max-width: 330px;
  }

  .hl-ahe-bar-hold {
    padding-left: 0;
    font-size: 0;
  }

  .hl-ahe-fl-qr {
    width: 60px;
    height: 60px;
  }

  .hl-ahe-fl-title {
    font-size: 60px;
  }

  .hl-ahe-flyer {
    width: 280px;
  }

  .hl-ahe-h2 {
    font-size: 32px;
  }

  .hl-ahe-stage {
    height: 548px;
  }

  .hl-ahe-win-chip, .hl-ahe-win-chip-on {
    padding: 5px 10px;
    font-size: 12px;
  }

  .hl-ahe-win-wrap {
    width: 272px;
  }

  .hl-bp-bridge-title {
    font-size: 40px;
  }

  .hl-bp-display {
    font-size: 44px;
  }

  .hl-bp-email-title {
    font-size: 34px;
  }

  .hl-bp-reset {
    min-height: 38px;
    padding: 0 13px;
    font-size: 13px;
  }

  .hl-bp-stamp {
    padding: 5px 10px;
    font-size: 12px;
  }

  .hl-bp-sum {
    font-size: 17px;
  }

  .hl-ca-card-wrap {
    width: 262px;
  }

  .hl-ca-display {
    font-size: 42px;
  }

  .hl-ca-h2 {
    font-size: 30px;
  }

  .hl-ca-offer-title {
    font-size: 28px;
  }

  .hl-ca-prop-total-bar {
    width: 32px;
  }

  .hl-ca-sheet-wrap {
    width: 226px;
  }

  .hl-ca-stage {
    max-width: 340px;
    height: 420px;
  }

  .hl-ca-statement, .hl-cb-h2 {
    font-size: 30px;
  }

  .hl-cb-offer-title {
    font-size: 28px;
  }

  .hl-cb-stage {
    height: 464px;
  }

  .hl-cb-tag-app {
    width: 134px;
  }

  .hl-cb-tag-click {
    width: 160px;
    margin-left: -80px;
  }

  .hl-cb-tag-hire {
    width: 124px;
  }

  .hl-cb-tag-word {
    font-size: 46px;
  }

  .hl-cb-tag-word-chalk {
    font-size: 40px;
  }

  .hl-cb-tag-word-sm {
    font-size: 21px;
  }

  .hl-cb-unit-fig, .hl-cb-unit-fig-volt {
    font-size: 40px;
  }

  .hl-chk-bridge-title, .hl-chk-display {
    font-size: 42px;
  }

  .hl-chk-run {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .hl-chk-sum-figure {
    font-size: 32px;
  }

  .hl-ct-now-pass {
    width: 310px;
  }

  .hl-ct-now-stage {
    height: 420px;
  }

  .hl-ct-reply {
    max-width: 100%;
    transform: rotate(-1.5deg);
  }

  .hl-dja-ad-wrap {
    width: 240px;
  }

  .hl-dja-display {
    font-size: 44px;
  }

  .hl-dja-h2 {
    font-size: 30px;
  }

  .hl-dja-quote-text {
    font-size: 17px;
  }

  .hl-dja-stage {
    max-width: 350px;
    height: 500px;
  }

  .hl-dja-statement {
    font-size: 28px;
  }

  .hl-fb-fmt-hook {
    font-size: 25px;
  }

  .hl-fb-hero-ticket {
    width: 220px;
    left: -52px;
  }

  .hl-fb-statement {
    font-size: 30px;
  }

  .hl-fb-zone-1 {
    width: 132px;
    height: 132px;
  }

  .hl-fb-zone-2 {
    width: 150px;
    height: 150px;
  }

  .hl-fb-zone-3 {
    width: 124px;
    height: 124px;
    left: 24%;
  }

  .hl-fbj-chat-wrap {
    width: 236px;
  }

  .hl-fbj-h2 {
    font-size: 32px;
  }

  .hl-fbj-match-card {
    align-items: flex-start;
    display: flex;
  }

  .hl-fbj-one-big {
    font-size: 40px;
  }

  .hl-fbj-rule-big, .hl-fbj-rule-big-volt {
    font-size: 44px;
  }

  .hl-fbj-rules {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-fbj-spec-big-volt {
    font-size: 48px;
  }

  .hl-fbj-vs-title {
    font-size: 44px;
  }

  .hl-fly-anat-stage {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    min-height: 460px;
  }

  .hl-fly-display {
    font-size: 42px;
  }

  .hl-fly-file {
    max-width: none;
  }

  .hl-fly-hexwrap {
    width: 100%;
  }

  .hl-fly-mini {
    text-align: center;
    white-space: normal;
  }

  .hl-fly-pair {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-fly-sample {
    transform: rotate(-3deg)scale(.9);
  }

  .hl-gads-rules-title {
    font-size: 26px;
  }

  .hl-gads-stage {
    height: 520px;
  }

  .hl-gads-ticket-wrap {
    width: 248px;
  }

  .hl-gh-cover-chalk, .hl-gh-cover-heat {
    width: 166px;
    height: 224px;
  }

  .hl-gh-cover-title {
    font-size: 30px;
  }

  .hl-gh-deck {
    width: 320px;
    height: 420px;
  }

  .hl-gh-duo {
    width: 300px;
  }

  .hl-gh-duo-b {
    width: 200px;
  }

  .hl-gh-new-title, .hl-gh-new-title-volt {
    font-size: 50px;
  }

  .hl-gh-page {
    width: 290px;
    margin-left: -145px;
  }

  .hl-gh-role, .hl-gh-role-dim, .hl-gh-role-hot {
    font-size: 32px;
  }

  .hl-gh-sheet {
    width: 284px;
  }

  .hl-gh-title {
    font-size: 34px;
  }

  .hl-gj-h2 {
    font-size: 30px;
  }

  .hl-gj-pull {
    font-size: 27px;
  }

  .hl-gj-stage {
    height: 520px;
  }

  .hl-gj-tag-wrap {
    width: 232px;
  }

  .hl-gj-tie-title {
    font-size: 26px;
  }

  .hl-gj-vs-title {
    font-size: 30px;
  }

  .hl-gj-win-chip {
    padding: 5px 10px;
    font-size: 12px;
  }

  .hl-gj-win-title {
    font-size: 26px;
  }

  .hl-gj-win-wrap {
    width: 96%;
  }

  .hl-gjl-display {
    font-size: 44px;
  }

  .hl-gjl-fines-big {
    font-size: 28px;
  }

  .hl-gjl-gap-ad {
    width: 220px;
  }

  .hl-gjl-h2 {
    font-size: 30px;
  }

  .hl-gjl-stage {
    max-width: 350px;
    height: 500px;
  }

  .hl-gjl-statement {
    font-size: 28px;
  }

  .hl-gs-ad-back {
    transform: translateX(-66px)rotate(-7deg)scale(.6);
  }

  .hl-gs-ad-front {
    transform: translateX(66px)rotate(5deg)scale(.64);
  }

  .hl-gs-ads {
    height: 300px;
  }

  .hl-gs-notch-bottom, .hl-gs-notch-top {
    left: 53px;
  }

  .hl-gs-stamp {
    width: 86px;
    height: 86px;
    top: -36px;
    right: -6px;
  }

  .hl-gs-stamp-big {
    font-size: 30px;
  }

  .hl-gs-ticket {
    height: 160px;
  }

  .hl-gs-ticket-drift {
    width: 300px;
  }

  .hl-gs-ticket-main {
    padding: 14px 14px 12px 16px;
  }

  .hl-gs-ticket-mark {
    width: 34px;
    height: 34px;
    margin-left: -17px;
  }

  .hl-gs-ticket-stub {
    width: 62px;
  }

  .hl-gs-ticket-stub-text {
    top: 104px;
  }

  .hl-gs-ticket-title {
    font-size: 34px;
  }

  .hl-gs-ticket-value {
    font-size: 15px;
  }

  .hl-gs-week-live {
    font-size: 19px;
  }

  .hl-hc-pain-title {
    font-size: 24px;
  }

  .hl-hc-pass {
    width: 310px;
    margin-left: -160px;
  }

  .hl-hc-ph-display {
    font-size: 42px;
  }

  .hl-hc-phone {
    margin-left: -112px;
    transform: scale(.76);
  }

  .hl-hc-stage {
    height: 560px;
  }

  .hl-hem-incl {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .hl-hem-incl-chip {
    padding: 10px 10px 10px 8px;
    font-size: 14px;
  }

  .hl-hre-cost-big, .hl-hre-cost-big-volt {
    font-size: 60px;
  }

  .hl-hre-five-key {
    font-size: 40px;
  }

  .hl-hre-gap {
    width: 66px;
    margin-left: -33px;
    top: 140px;
  }

  .hl-hre-h2 {
    font-size: 32px;
  }

  .hl-hre-map {
    height: 290px;
  }

  .hl-hre-months {
    grid-template-rows: auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .hl-hre-pin-a {
    margin-left: -33px;
    top: 140px;
  }

  .hl-hre-pin-b {
    margin-left: 33px;
    top: 140px;
  }

  .hl-hre-pin-name, .hl-hre-pin-name-b {
    font-size: 11px;
  }

  .hl-hre-ring-a {
    width: 200px;
    height: 200px;
    margin-left: -133px;
    top: 40px;
  }

  .hl-hre-ring-b {
    width: 200px;
    height: 200px;
    margin-left: -67px;
    top: 40px;
  }

  .hl-hre-rule-big, .hl-hre-rule-big-volt {
    font-size: 44px;
  }

  .hl-hre-rules {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-hre-stat {
    grid-template-rows: auto;
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .hl-hre-stat-big, .hl-hre-stat-big-volt {
    font-size: 60px;
  }

  .hl-hre-stat-hot {
    grid-template-rows: auto;
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .hl-hsw-axis {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .hl-hsw-bar-day0 {
    height: 80px;
  }

  .hl-hsw-bar-live {
    height: 50px;
  }

  .hl-hsw-fl-qr {
    width: 80px;
    height: 80px;
  }

  .hl-hsw-fl-title {
    font-size: 56px;
  }

  .hl-hsw-h2 {
    font-size: 32px;
  }

  .hl-hsw-legend {
    grid-column-gap: 16px;
    grid-row-gap: 10px;
  }

  .hl-hsw-pace-specs {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-hsw-page-day {
    font-size: 50px;
  }

  .hl-hsw-page-wrap {
    width: 136px;
  }

  .hl-hsw-plan {
    padding: 20px 18px 18px;
  }

  .hl-hsw-plan-big {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 18px;
  }

  .hl-hsw-plan-num {
    font-size: 112px;
  }

  .hl-hsw-plan-unit-a {
    font-size: 25px;
  }

  .hl-hsw-plan-unit-b {
    font-size: 16px;
  }

  .hl-hsw-plan-wrap {
    top: 168px;
  }

  .hl-hsw-spec {
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
  }

  .hl-hsw-stage {
    height: 620px;
  }

  .hl-hsw-track {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    height: 80px;
  }

  .hl-hv-closed {
    padding: 10px 16px;
    font-size: 15px;
  }

  .hl-hv-meter {
    width: 230px;
  }

  .hl-hv-pain {
    font-size: 34px;
  }

  .hl-hv-radar {
    height: 360px;
  }

  .hl-hww-ad-check {
    padding: 7px 8px;
    font-size: 13px;
  }

  .hl-hww-ad-role {
    font-size: 30px;
  }

  .hl-hww-ad-wrap {
    width: 264px;
  }

  .hl-hww-board-title {
    font-size: 14px;
  }

  .hl-hww-board-wrap {
    width: 214px;
    top: 30px;
  }

  .hl-hww-chip-live, .hl-hww-chip-off {
    padding: 4px 8px;
    font-size: 11px;
  }

  .hl-hww-door-tag {
    display: none;
  }

  .hl-hww-doors {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    height: 250px;
    left: 28px;
  }

  .hl-hww-five-word {
    font-size: 40px;
  }

  .hl-hww-formula-line {
    font-size: 19px;
  }

  .hl-hww-gap {
    margin-top: -21px;
    font-size: 11px;
  }

  .hl-hww-h2 {
    font-size: 30px;
  }

  .hl-hww-label-a, .hl-hww-label-b {
    letter-spacing: .06em;
    margin-top: 12px;
    font-size: 10px;
  }

  .hl-hww-pin-a, .hl-hww-pin-b {
    border-width: 2px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
  }

  .hl-hww-pull {
    font-size: 26px;
  }

  .hl-hww-radlabel-a, .hl-hww-radlabel-b {
    margin-top: -21px;
    font-size: 11px;
  }

  .hl-hww-stage {
    height: 604px;
  }

  .hl-hww-tree-name {
    font-size: 40px;
  }

  .hl-hww-vs-big {
    font-size: 72px;
  }

  .hl-ia-display {
    font-size: 42px;
  }

  .hl-ia-h2 {
    font-size: 30px;
  }

  .hl-ia-knob-1, .hl-ia-knob-2, .hl-ia-knob-3, .hl-ia-knob-4, .hl-ia-knob-5 {
    width: 36px;
    margin-left: -18px;
  }

  .hl-ia-mix-board {
    height: 200px;
  }

  .hl-ia-mix-label, .hl-ia-mix-label-quiet {
    letter-spacing: .06em;
    font-size: 11px;
  }

  .hl-ia-mix-labels {
    column-gap: 6px;
    padding: 12px 8px 0;
  }

  .hl-ia-mix-levels, .hl-ia-mix-tracks {
    column-gap: 6px;
  }

  .hl-ia-offer-row {
    padding: 10px 12px;
  }

  .hl-ia-offer-title {
    font-size: 27px;
  }

  .hl-ia-stat-fig {
    font-size: 44px;
  }

  .hl-if-board-title {
    font-size: 12px;
  }

  .hl-if-cal-day {
    font-size: 74px;
  }

  .hl-if-cal-wrap {
    width: 124px;
  }

  .hl-if-h2 {
    font-size: 30px;
  }

  .hl-if-mini-rail {
    width: 186px;
  }

  .hl-if-pull {
    font-size: 27px;
  }

  .hl-if-quote-text {
    font-size: 25px;
  }

  .hl-if-route {
    padding: 13px 14px;
  }

  .hl-if-route-name {
    font-size: 15px;
  }

  .hl-if-route-sub {
    font-size: 12px;
  }

  .hl-if-stage {
    height: 480px;
  }

  .hl-if-step-word {
    font-size: 36px;
  }

  .hl-ip-h2 {
    font-size: 30px;
  }

  .hl-ip-job-chip {
    padding: 5px 10px;
    font-size: 12px;
  }

  .hl-ip-job-title {
    font-size: 26px;
  }

  .hl-ip-job-wrap {
    width: 98%;
  }

  .hl-ip-legend {
    grid-column-gap: 12px;
    grid-row-gap: 6px;
  }

  .hl-ip-plan, .hl-ip-plan-on {
    font-size: 11px;
  }

  .hl-ip-pull {
    font-size: 28px;
  }

  .hl-ip-quote-text {
    font-size: 24px;
  }

  .hl-ip-receipt-wrap {
    width: 248px;
  }

  .hl-ip-spec-big {
    font-size: 84px;
  }

  .hl-ip-stage {
    height: 640px;
  }

  .hl-ip-tier-name-3, .hl-ip-vs-title {
    font-size: 27px;
  }

  .hl-jt-ad-wrap {
    width: 200px;
  }

  .hl-jt-display {
    font-size: 42px;
  }

  .hl-jt-h2 {
    font-size: 30px;
  }

  .hl-jt-panel-wrap {
    width: 258px;
  }

  .hl-jt-stage {
    max-width: 340px;
    height: 520px;
  }

  .hl-jt-statement {
    font-size: 32px;
  }

  .hl-li-budget-wrap {
    width: 222px;
  }

  .hl-li-display {
    font-size: 40px;
  }

  .hl-li-h2 {
    font-size: 30px;
  }

  .hl-li-pull {
    font-size: 26px;
  }

  .hl-li-quote-line {
    font-size: 30px;
  }

  .hl-li-res-title {
    font-size: 16px;
  }

  .hl-li-stage {
    height: 600px;
  }

  .hl-li-tag {
    padding: 4px 8px;
    font-size: 10px;
  }

  .hl-li-tie-title {
    font-size: 28px;
  }

  .hl-li-vs-title {
    font-size: 30px;
  }

  .hl-li-win-wrap, .hl-mt-beam {
    width: 96%;
  }

  .hl-mt-card-apply {
    padding: 10px 20px;
  }

  .hl-mt-card-chip {
    padding: 6px 11px;
    font-size: 12px;
  }

  .hl-mt-card-title {
    font-size: 24px;
  }

  .hl-mt-card-wrap {
    width: 96%;
  }

  .hl-mt-cert, .hl-mt-cert-hot {
    grid-column-gap: 12px;
    grid-row-gap: 4px;
    flex-flow: wrap;
    align-items: baseline;
  }

  .hl-mt-cert-kicker {
    flex: 0 0 100%;
  }

  .hl-mt-cert-text {
    flex: 160px;
  }

  .hl-mt-cert-type {
    font-size: 34px;
  }

  .hl-mt-certs {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-mt-copy {
    padding: 0 16px;
    font-size: 14px;
  }

  .hl-mt-h2 {
    font-size: 30px;
  }

  .hl-mt-lamp {
    width: 96%;
  }

  .hl-mt-occ-big {
    font-size: 72px;
  }

  .hl-mt-occ-facts {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-mt-pull {
    font-size: 27px;
  }

  .hl-mt-search-wrap {
    width: 270px;
  }

  .hl-mt-stage {
    height: 510px;
  }

  .hl-mx-formula-name, .hl-mx-gstat-v, .hl-mx-gstat-v-hot {
    font-size: 20px;
  }

  .hl-mx-h2 {
    font-size: 30px;
  }

  .hl-mx-mh {
    font-size: 11px;
  }

  .hl-mx-mhead, .hl-mx-mrow, .hl-mx-mrow-last {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) repeat(4, 40px);
  }

  .hl-mx-mstep-name {
    font-size: 15px;
  }

  .hl-mx-offer-title {
    font-size: 28px;
  }

  .hl-mx-plan {
    width: 228px;
  }

  .hl-mx-sys-ad {
    width: 94%;
  }

  .hl-mx-sys-hris {
    width: 86%;
  }

  .hl-mx-sys-site {
    width: 90%;
  }

  .hl-pay-actions {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .hl-pay-ad-front {
    width: 236px;
    right: 36px;
  }

  .hl-pay-bridge-stage {
    height: 500px;
  }

  .hl-pay-bridge-title {
    font-size: 34px;
  }

  .hl-pay-btn {
    padding: 0 16px;
    font-size: 14px;
  }

  .hl-pay-display {
    font-size: 40px;
  }

  .hl-pay-tr {
    column-gap: 10px;
    padding: 14px;
  }

  .hl-pja-hand {
    width: 312px;
    height: 300px;
  }

  .hl-pja-inc {
    font-size: 14px;
  }

  .hl-pja-job {
    width: 220px;
    margin-left: -110px;
  }

  .hl-pja-job-role {
    font-size: 25px;
  }

  .hl-pja-site-1 {
    width: 136px;
    height: 184px;
    margin-left: -68px;
    transform: translate(-30px, 28px)rotate(-29deg);
  }

  .hl-pja-site-2 {
    width: 136px;
    height: 184px;
    margin-left: -68px;
    transform: translate(-9px, 4px)rotate(-9deg);
  }

  .hl-pja-site-3 {
    width: 136px;
    height: 184px;
    margin-left: -68px;
    transform: translate(9px, 4px)rotate(9deg);
  }

  .hl-pja-site-4 {
    width: 136px;
    height: 184px;
    margin-left: -68px;
    transform: translate(30px, 28px)rotate(29deg);
  }

  .hl-priv-act {
    padding: 18px 18px 20px;
  }

  .hl-priv-acts {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-priv-h {
    font-size: 28px;
  }

  .hl-priv-label-k {
    font-size: 14px;
  }

  .hl-priv-label-title {
    font-size: 44px;
  }

  .hl-priv-label-v {
    font-size: 16px;
  }

  .hl-priv-stage {
    max-width: 312px;
  }

  .hl-pt-ad-hook {
    font-size: 22px;
  }

  .hl-pt-ad-wrap {
    width: 160px;
    top: 336px;
  }

  .hl-pt-fad-title {
    font-size: 36px;
  }

  .hl-pt-flow-src-pay {
    font-size: 21px;
  }

  .hl-pt-fly-title {
    font-size: 44px;
  }

  .hl-pt-flyer-when {
    font-size: 28px;
  }

  .hl-pt-flyer-wrap {
    width: 158px;
    left: 0;
  }

  .hl-pt-h2 {
    font-size: 30px;
  }

  .hl-pt-pay-value {
    font-size: 20px;
  }

  .hl-pt-pill-wrap {
    left: 0;
    right: auto;
  }

  .hl-pt-post-title {
    font-size: 21px;
  }

  .hl-pt-post-wrap {
    width: 290px;
    top: 48px;
  }

  .hl-pt-pull {
    font-size: 26px;
  }

  .hl-pt-quote-text {
    font-size: 20px;
  }

  .hl-pt-stage {
    height: 580px;
  }

  .hl-pt-td3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 84px minmax(0, 1fr);
  }

  .hl-pt-test-name {
    font-size: 24px;
  }

  .hl-pt-tile, .hl-pt-tile-ask, .hl-pt-tile-soon {
    height: 40px;
    font-size: 13px;
  }

  .hl-pt-time-date {
    font-size: 38px;
  }

  .hl-pt-tool-title {
    font-size: 27px;
  }

  .hl-pvj-cmp-rh {
    font-size: 19px;
  }

  .hl-pvj-dots {
    width: 240px;
    height: 200px;
  }

  .hl-pvj-dots-title {
    font-size: 26px;
  }

  .hl-pvj-feed {
    padding: 16px;
  }

  .hl-pvj-feed-role, .hl-pvj-feed-role-off {
    font-size: 16px;
  }

  .hl-pvj-h2 {
    font-size: 32px;
  }

  .hl-pvj-pub-name {
    font-size: 14px;
  }

  .hl-pvj-pull {
    font-size: 30px;
  }

  .hl-pvj-step-kicker, .hl-pvj-step-kicker-off {
    font-size: 40px;
  }

  .hl-pvj-steps {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
  }

  .hl-pvj-tie-title {
    font-size: 26px;
  }

  .hl-pvj-tl-date {
    font-size: 40px;
  }

  .hl-qr-bridge-title {
    font-size: 44px;
  }

  .hl-qr-display {
    font-size: 38px;
  }

  .hl-qr-pair {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-qr-preset, .hl-qr-preset-on {
    flex: auto;
  }

  .hl-qr-tag-3 {
    margin-left: 24px;
  }

  .hl-qr-tagobj {
    width: 290px;
  }

  .hl-rac-feed {
    width: 164px;
  }

  .hl-rac-feed-hook {
    font-size: 32px;
  }

  .hl-rac-feed-media {
    height: 150px;
  }

  .hl-rac-lineup {
    grid-column-gap: 12px;
    grid-row-gap: 24px;
  }

  .hl-rac-story {
    width: 132px;
    height: 242px;
    padding: 10px 10px 14px;
  }

  .hl-rac-story-hook {
    font-size: 34px;
  }

  .hl-rac-tag {
    letter-spacing: .08em;
  }

  .hl-rbt-dl-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hl-rbt-file-back {
    width: 150px;
    height: 190px;
  }

  .hl-rbt-file-front {
    width: 200px;
    padding: 14px;
  }

  .hl-rbt-files {
    max-width: 290px;
    height: 250px;
  }

  .hl-rbt-formula-big {
    font-size: 24px;
  }

  .hl-rbt-h2 {
    font-size: 30px;
  }

  .hl-rbt-offer-title {
    font-size: 27px;
  }

  .hl-rbt-row-name {
    font-size: 14px;
  }

  .hl-rbt-sheet-title {
    font-size: 18px;
  }

  .hl-retail-event-qr {
    left: 2px;
    transform: rotate(-4deg)scale(.62);
  }

  .hl-retail-event-qr:hover {
    transform: rotate(-4deg)scale(.62)translateY(-4px);
  }

  .hl-retail-fix {
    font-size: 24px;
  }

  .hl-rfp-copy {
    width: 100%;
  }

  .hl-rfp-doc-wrap {
    width: 226px;
  }

  .hl-rfp-gcard-wrap {
    width: 250px;
  }

  .hl-rfp-h2, .hl-rfp-offer-title, .hl-rfp-pull {
    font-size: 30px;
  }

  .hl-rfp-sheet-head {
    justify-content: flex-start;
  }

  .hl-rfp-stage {
    max-width: 340px;
    height: 430px;
  }

  .hl-rn-h2 {
    font-size: 30px;
  }

  .hl-rn-live-wrap {
    width: 244px;
  }

  .hl-rn-post-title {
    font-size: 24px;
  }

  .hl-rn-post-wrap {
    width: 98%;
  }

  .hl-rn-radius-obj {
    height: 250px;
  }

  .hl-rn-radius-title {
    font-size: 27px;
  }

  .hl-rn-ring-1 {
    width: 150px;
    height: 150px;
  }

  .hl-rn-ring-2 {
    width: 220px;
    height: 220px;
  }

  .hl-rn-ring-3 {
    width: 300px;
    height: 300px;
  }

  .hl-rn-ring-label {
    top: 38px;
  }

  .hl-rn-spec-k {
    font-size: 28px;
  }

  .hl-rn-stage {
    height: 560px;
  }

  .hl-rn-stat-big {
    font-size: 64px;
  }

  .hl-rn-tie-title {
    font-size: 26px;
  }

  .hl-sch-bridge-stage {
    min-height: 360px;
  }

  .hl-sch-bridge-ticket {
    margin-top: -30px;
    margin-left: -12px;
    transform: rotate(-5deg)scale(.86);
  }

  .hl-sch-code-actions {
    justify-content: flex-start;
  }

  .hl-sch-code-bar {
    padding: 10px;
  }

  .hl-sch-loc {
    padding: 10px 12px 16px;
  }

  .hl-sch-mail {
    margin-left: 0;
  }

  .hl-sch-prop {
    margin-left: 6px;
  }

  .hl-sch-row2, .hl-sch-row2-end, .hl-sch-rules {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-sch-sub {
    padding-left: 12px;
  }

  .hl-svc-ask, .hl-svc-ask-link {
    font-size: 18px;
  }

  .hl-svc-chip-a, .hl-svc-chip-b, .hl-svc-chip-c {
    font-size: 16px;
  }

  .hl-svc-li {
    flex: 0 0 190px;
  }

  .hl-svc-pass {
    width: 300px;
  }

  .hl-svc-ph-display {
    font-size: 42px;
  }

  .hl-terms-h {
    font-size: 28px;
  }

  .hl-terms-stage {
    max-width: 330px;
  }

  .hl-terms-tag {
    white-space: normal;
  }

  .hl-th-bench {
    width: 320px;
    height: 388px;
  }

  .hl-th-bench-check {
    transform: rotate(2deg)scale(.86);
  }

  .hl-th-bench-flyer {
    transform: rotate(7deg)scale(.72);
  }

  .hl-th-bench-qr {
    top: 92px;
    transform: rotate(-7deg)scale(.74);
  }

  .hl-th-cta-btn {
    padding: 0 18px;
    font-size: 15px;
  }

  .hl-trades-pass {
    width: 300px;
    margin-left: -160px;
  }

  .hl-trades-phone {
    transform: scale(.76);
  }

  .hl-trades-stage {
    height: 540px;
  }

  .hl-trades-wo-title {
    font-size: 24px;
  }

  .hl-ty-docs {
    transform: scale(.92);
  }

  .hl-ty-stub {
    width: 58px;
  }

  .hl-ty-title {
    font-size: 34px;
  }

  .hl-ty-torn {
    width: 290px;
    margin-left: 10px;
  }

  .hl-ty-value {
    font-size: 15px;
  }

  .hl-utm-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hl-utm-anat-url {
    font-size: 15px;
  }

  .hl-utm-btns {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    align-items: stretch;
  }

  .hl-utm-copybtn {
    width: 100%;
  }

  .hl-utm-copyrow {
    flex-direction: column;
    align-items: stretch;
  }

  .hl-utm-display {
    font-size: 38px;
  }

  .hl-utm-part {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0;
  }

  .hl-utm-qrlink {
    justify-content: center;
  }

  .hl-utm-reset {
    align-self: center;
  }

  .hl-wa-check-wrap {
    width: 188px;
  }

  .hl-wa-h2 {
    font-size: 32px;
  }

  .hl-wa-match-pay {
    font-size: 18px;
  }

  .hl-wa-pay-dash {
    font-size: 52px;
  }

  .hl-wa-pay-num {
    font-size: 72px;
  }

  .hl-wa-pay-unit {
    font-size: 26px;
  }

  .hl-wa-q {
    min-height: 168px;
    padding: 18px 16px;
  }

  .hl-wa-q-big {
    font-size: 26px;
  }

  .hl-wa-qs {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hl-wa-rules {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .hl-wa-stat {
    grid-template-rows: auto;
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .hl-wa-stat-fig {
    font-size: 54px;
  }

  .hl-wa-statement {
    font-size: 28px;
  }

  .hl-wa-tpl-label {
    font-size: 13px;
  }

  .hl-wh-door {
    flex: 0 0 120px;
  }

  .hl-wh-peak-btn {
    text-align: center;
    white-space: normal;
    max-width: 100%;
    padding: 12px 24px;
  }

  .hl-wh-roles-lead {
    font-size: 18px;
  }

  .hl-wh-shift, .hl-wh-shift-hot {
    font-size: 16px;
  }

  .hl-wh-stage {
    height: 548px;
  }

  .hl-why-poster-void {
    font-size: 68px;
  }

  .hl-why-punch {
    font-size: 26px;
  }

  .hl-why-stage {
    max-width: 350px;
    height: 520px;
  }

  .hl-why-todo-row {
    font-size: 16px;
  }

  .hl-why-todo-wrap {
    width: 250px;
  }

  .hl-why-wallet {
    max-width: 330px;
  }

  .hl-zv-display {
    font-size: 40px;
  }

  .hl-zv-h2 {
    font-size: 30px;
  }

  .hl-zv-job {
    padding: 8px 9px;
  }

  .hl-zv-job-role {
    font-size: 14px;
  }

  .hl-zv-job-site {
    font-size: 11px;
  }

  .hl-zv-judge {
    font-size: 12px;
  }

  .hl-zv-lane-a, .hl-zv-lane-b {
    padding: 12px 9px;
  }

  .hl-zv-lane-name {
    font-size: 15px;
  }

  .hl-zv-mix {
    padding: 12px;
  }

  .hl-zv-mix-name {
    font-size: 12px;
  }

  .hl-zv-mix-row {
    padding: 9px 6px;
  }

  .hl-zv-mix-row-h {
    padding: 0 6px 2px;
  }

  .hl-zv-offer-title {
    font-size: 27px;
  }

  .hl-zv-quote-text {
    font-size: 24px;
  }

  .hl-zv-tag {
    padding: 7px 8px;
  }

  .hl-zv-tag-val {
    font-size: 12px;
  }

  .hl-zv-words {
    font-size: 27px;
  }
}