:root{
  --hst-bg:#f5f5f5;
  --hst-panel:#ffffff;
  --hst-ink:#444444;
  --hst-muted:#666666;
  --hst-line:rgba(68,68,68,.12);
  --hst-gold:#a6940a;
  --hst-green:#6e8c1c;
  --hst-soft:#f7f7f7;
  --hst-shadow:0 30px 80px rgba(0,0,0,.08);
  --hst-radius:14px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font:16px/1.65 'Oxygen',sans-serif;
  background:var(--hst-bg);
  color:var(--hst-ink);
}

.hst_cart-fixed{
  position:fixed;
  top:24px;
  left:24px;
  z-index:9999;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:20px 50px;
  border-radius:20px;
  background:var(--hst-green);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}

.hst_cart-fixed:hover{
  background:#5d7717;
}
.hst_flash{
  padding:14px 0;
  font-weight:700;
}
.hst_flash--success{background:#e9f4dd;color:#365100}
.hst_flash--error{background:#ffe8df;color:#8f3816}
img{max-width:100%;display:block}
a{color:inherit}

.hst_shell{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
}

.hst_hero{
  position:relative;
  min-height:100vh;
  background:url('hooosting.jpg') center/cover no-repeat;
  color:#fff;
  overflow:hidden;
}

.hst_hero-overlay{
  display:none;
}

.hst_hero-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0, 2fr) minmax(0, 3fr);
  gap:28px 40px;
  align-items:start;
  padding:34px 0 70px;
}

.hst_brand{
  grid-column:1 / -1;
  display:flex;
}

.hst_brand img{
  width:666px;
  max-width:100%;
  height:auto;
}

.hst_hero-copy{
  max-width:none;
  margin-top:0;
}

.hst_badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:12px;
  padding:8px 14px;
  font-size:13px;
  letter-spacing:.04em;
  background:#444;
  color:#fff;
  white-space:nowrap;
  position:absolute;
  top:-20px;
  right:17px;
}

.hst_hero h1{
  grid-column:1 / -1;
  margin:clamp(130px, 18vh, 210px) 0 16px;
  font-size:55px;
  line-height:1.02;
  letter-spacing:0;
  max-width:100%;
}

.hst_hero p{
  margin:0;
  font-size:18px;
  max-width:58ch;
  color:rgba(255,255,255,.92);
}

.hst_hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:28px;
}

.hst_btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 20px;
  border-radius:12px;
  border:1px solid transparent;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

.hst_btn.hst_btn--hero-domain{
  min-height:68px;
  padding:0 38px;
  font-size:22px;
}

.hst_btn:hover{transform:translateY(-1px)}

.hst_btn:disabled{
  opacity:.48;
  cursor:not-allowed;
  transform:none;
}

.hst_btn--primary{
  background:var(--hst-green);
  border-color:var(--hst-green);
  color:#fff;
}

.hst_btn--primary:hover{
  background:var(--hst-gold);
  border-color:var(--hst-gold);
}

.hst_btn--ghost{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.22);
  color:#fff;
}

.hst_btn--ghost-dark{
  background:#fff;
  border-color:rgba(68,68,68,.16);
  color:#444;
}

.hst_btn--secondary{
  background:var(--hst-gold);
  border-color:var(--hst-line);
  color:#fff;
}

.hst_price-card--featured .hst_btn--secondary{
  background:#444;
  border-color:var(--hst-line);
  color:#fff;
}

.hst_btn--full{width:100%}

.hst_hero-card{
  background:rgba(0,0,0,.12);
  border-radius:12px;
  padding:22px;
  backdrop-filter:blur(6px);
  box-shadow:var(--hst-shadow);
}

.hst_hero-card h2{
  margin:0 0 10px;
  font-size:28px;
  line-height:1.08;
}

.hst_hero-card>p{
  margin:0 0 18px;
  color:rgba(255,255,255,.88);
}

.hst_stat + .hst_stat{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.16);
}

.hst_stat strong{
  display:block;
  margin-bottom:6px;
  font-size:18px;
}

.hst_stat span{color:rgba(255,255,255,.84)}

.hst_section{padding:86px 0}

.hst_story-band{
  background:#fff;
  border-top:1px solid rgba(68,68,68,.08);
  border-bottom:1px solid rgba(68,68,68,.08);
}

.hst_story-band__inner{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
  gap:22px;
  align-items:start;
  padding:42px 0;
}

.hst_story-band__copy h2,
.hst_intro h2,
.hst_demo-strip__copy h2,
.hst_section-head h2{
  margin:12px 0 16px;
  font-size:clamp(30px, 4vw, 50px);
  line-height:1.08;
  color:var(--hst-green);
}

.hst_story-band__copy p,
.hst_intro p,
.hst_section-head p{
  margin:0 0 14px;
  color:var(--hst-muted);
  max-width:72ch;
}

.hst_section-head p:last-child{
  font-weight:700;
  color:var(--hst-green);
}

.hst_story-band__panel{
  background:#fff;
  border:1px solid rgba(68,68,68,.08);
  border-radius:var(--hst-radius);
  box-shadow:var(--hst-shadow);
  padding:24px;
}

.hst_story-band__panel h3,
.hst_feature-card h3,
.hst_price-card h3{
  margin:0 0 14px;
  font-size:24px;
  color:var(--hst-green);
}

.hst_story-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
}

.hst_story-list li{
  position:relative;
  padding-left:18px;
}

.hst_story-list li::before{
  content:'';
  position:absolute;
  left:0;
  top:.72em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--hst-green);
}

.hst_story-band__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}

.hst_story-band__cta{
  margin:18px 0 0;
  color:#444;
  font-weight:700;
}

.hst_intro{text-align:left}

.hst_feature-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
}

.hst_feature-card{
  background:#fff;
  border:1px solid rgba(68,68,68,.08);
  border-radius:var(--hst-radius);
  box-shadow:var(--hst-shadow);
  padding:24px;
}

.hst_feature-card p{
  margin:0;
  color:var(--hst-muted);
}

.hst_center-icon{
  width:100%;
  text-align:center;
  margin-bottom:16px;
}

.hst_center-icon img{
  width:62px;
  margin:0 auto;
}

.hst_demo-strip{
  background:var(--hst-green);
  color:#fff;
  padding:120px 0;
}

.hst_demo-strip__image{
  width:100vw;
  margin:0;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
}

.hst_demo-strip__image img{
  display:block;
  width:100%;
  height:auto;
}

.hst_demo-strip__inner{
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) auto;
  gap:28px;
  align-items:center;
}

.hst_demo-strip__copy h2{color:#fff}

.hst_demo-strip__copy p{
  margin:0;
  max-width:74ch;
  color:rgba(255,255,255,.86);
}

.hst_btn--demo{
  background:#fff;
  border-color:#fff;
  color:var(--hst-green);
}

.hst_section--pricing{background:#388aa2}
.hst_section--pricing .hst_section-head h2,
.hst_section--pricing .hst_section-head p,
.hst_section--pricing .hst_toggle-label{
  color:#fff;
}
.hst_section--domain{background:#388aa2}
.hst_section--domain .hst_section-head h2,
.hst_section--domain .hst_section-head p{
  color:#fff;
}

.hst_pricing-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
}

.hst_pricing-grid--row-2{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  margin-top:28px;
}

.hst_price-card{
  background:#fff;
  border:1px solid rgba(68,68,68,.08);
  border-radius:var(--hst-radius);
  box-shadow:var(--hst-shadow);
  padding:20px;
  position:relative;
}

.hst_price-card--featured{
  background:#6e8c1c;
  border-color:#6e8c1c;
  color:#fff;
}

.hst_price-card--featured h3,
.hst_price-card--featured p,
.hst_price-card--featured li{
  color:#fff;
}

.hst_price-card--featured .hst_badge{
  background:var(--hst-gold);
  color:#fff;
  font-weight:bold;
}

.hst_price-card--featured .hst_btn--secondary{
  background:#ffffff;
  border-color:#ffffff;
  color:#6e8c1c;
}

.hst_price-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:18px;
}

.hst_icons{
  flex:0 0 auto;
}

.hst_icons img{
  width:46px;
  height:auto;
}

.hst_100{
  min-width:0;
  flex:1 1 auto;
}

.hst_price-head p{
  margin:0;
  color:var(--hst-muted);
}

.hst_price-line{
  display:flex;
  align-items:flex-end;
  gap:10px;
  margin:0 0 8px;
}

.hst_price-was{
  margin:0 0 10px;
  color:#888;
  font-size:15px;
  font-weight:700;
}

.hst_price-was span{
  text-decoration:line-through;
}

.hst_discount-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0 0 18px;
  padding:8px 12px;
  border-radius:12px;
  background:rgba(166,148,10,.12);
  color:var(--hst-gold);
  font-size:14px;
  font-weight:700;
  width:100%;
}

.hst_discount-pill span{
  color:var(--hst-green);
}

.hst_toggle-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  margin:0 0 16px;
}

.hst_toggle-label{
  color:#444;
  font-weight:700;
}

.hst_cycle-toggle{
  display:inline-flex;
  align-items:center;
  background:#fff;
  border:1px solid rgba(68,68,68,.14);
  border-radius:999px;
  padding:4px;
  box-shadow:0 12px 28px rgba(0,0,0,.05);
}

.hst_cycle-toggle__btn{
  appearance:none;
  border:0;
  background:transparent;
  color:#444;
  font:inherit;
  font-weight:700;
  padding:10px 18px;
  border-radius:999px;
  cursor:pointer;
}

.hst_cycle-toggle__btn.is-active{
  background:var(--hst-green);
  color:#fff;
}

.hst_discount-copy{
  margin:0 0 26px;
  color:#fff;
  font-size:40px;
  font-weight:700;
  text-align:center;
  padding:40px 0;
}

.hst_price-line strong{
  font-size:42px;
  line-height:1;
  color:var(--hst-green);
}

.hst_price-line span{
  font-size:18px;
  font-weight:700;
  color:#444;
}

.hst_price-note{
  margin:0 0 16px;
  color:var(--hst-muted);
  font-size:15px;
}

.hst_price-card--featured .hst_price-line strong,
.hst_price-card--featured .hst_price-line span,
.hst_price-card--featured .hst_price-note,
.hst_price-card--featured .hst_price-was{
  color:#fff;
}

.hst_price-card--featured .hst_discount-pill{
  background:rgba(255,255,255,.16);
  color:#fff;
}

.hst_price-card--featured .hst_discount-pill span{
  color:#fff;
}

.hst_list{
  margin:0 0 20px;
  padding-left:18px;
  color:#444;
}

.hst_list li + li{margin-top:8px}

.hst_list--more{
  margin-bottom:0;
}

.hst_specs-more{
  margin-bottom:18px;
}

.hst_domain-checker{
  background:#fff;
  border:1px solid rgba(68,68,68,.08);
  border-radius:4px;
  box-shadow:var(--hst-shadow);
  padding:28px;
}

.hst_domain-checker .hst_btn{
  border-radius:4px;
}

.hst_domain-form{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto auto;
  gap:14px;
  align-items:center;
}

.hst_domain-input{
  width:100%;
  min-height:52px;
  border:1px solid rgba(68,68,68,.16);
  border-radius:4px;
  padding:0 16px;
  font:inherit;
  color:#444;
}

.hst_domain-result{
  margin-top:18px;
}

.hst_domain-message{
  margin:0;
  color:#666;
  font-weight:700;
}

.hst_domain-message--error{
  color:#8f3816;
}

.hst_domain-checking{
  display:grid;
  justify-items:start;
  gap:12px;
  padding:16px 0;
}

.spinner {
   width: 56px;
   height: 56px;
   border-radius: 50%;
   background: radial-gradient(farthest-side,var(--hst-green) 94%,#0000) top/9px 9px no-repeat,
          conic-gradient(#0000 30%,var(--hst-green));
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);
   animation: spinner-c7wet2 1s infinite linear;
}

@keyframes spinner-c7wet2 {
   100% {
      transform: rotate(1turn);
   }
}

.hst_domain-result__card{
  border:1px solid rgba(68,68,68,.08);
  border-radius:4px;
  padding:0;
  background:#fff;
}

.hst_domain-result__card.is-available{
  background:#fff;
  border-color:rgba(110,140,28,.24);
}

.hst_domain-result__card.is-unavailable{
  background:#fff;
  border-color:rgba(143,56,22,.16);
}

.hst_domain-result__card h3{
  margin:0;
  font-size:22px;
  color:var(--hst-green);
}

.hst_domain-result__status{
  margin:0;
  font-weight:700;
}

.hst_domain-add-form{
  margin:0;
}

.hst_domain-transfer{
  margin:0;
  display:grid;
  gap:12px;
}

.hst_domain-transfer__intro{
  margin:0;
  color:#8f3816;
  font-weight:700;
}

.hst_domain-transfer__form{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:12px;
  align-items:center;
}

.hst_domain-transfer__input{
  width:100%;
  min-height:48px;
  border:1px solid rgba(68,68,68,.16);
  border-radius:4px;
  padding:0 14px;
  font:inherit;
  color:#444;
  background:#fff;
}

.hst_domain-result__row{
  display:grid;
  grid-template-columns:minmax(180px, 240px) minmax(120px, 150px) minmax(0, 1fr);
  gap:16px;
  align-items:center;
  padding:14px 16px;
  border-top:1px solid rgba(68,68,68,.08);
}

.hst_domain-result__row:first-child{
  border-top:0;
}

.hst_domain-variants{
  margin:0;
  border-top:1px solid rgba(68,68,68,.08);
  padding:14px 16px 16px;
}

.hst_domain-variants h4{
  margin:0 0 12px;
  color:var(--hst-green);
  font-size:20px;
}

.hst_domain-variant-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
}

.hst_domain-variants__actions{
  margin-top:14px;
}

.hst_domain-variant{
  display:grid;
  grid-template-columns:minmax(180px, 220px) minmax(120px, 150px) minmax(0, 1fr);
  gap:16px;
  align-items:center;
  padding:12px 0;
  border-top:1px solid rgba(68,68,68,.08);
  background:transparent;
  border-radius:4px;
}

.hst_domain-variant:first-child{
  border-top:0;
}

.hst_domain-variant strong{
  color:#444;
  font-size:18px;
}

.hst_domain-variant span{
  color:#666;
  font-weight:700;
}

.hst_domain-variant.is-available{
  background:transparent;
  border-color:rgba(110,140,28,.24);
}

.hst_domain-variant.is-unavailable{
  background:transparent;
  border-color:rgba(143,56,22,.16);
}

.hst_domain-variant__form{
  margin-top:4px;
}

.hst_domain-variant__form .hst_btn{
  width:100%;
}

.hst_domain-variant__hint{
  margin:0;
  color:#8f3816;
  font-size:14px;
  font-weight:700;
}

.hst_cart-list{
  display:grid;
  gap:14px;
}

.hst_cart-item{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:18px;
  border:1px solid rgba(68,68,68,.08);
  border-radius:14px;
  background:#fafafa;
}

.hst_cart-item p{
  margin:4px 0 0;
  color:#666;
}

.hst_package-form{
  display:grid;
  gap:18px;
}

.hst_package-form > .hst_btn,
.hst_checkout-login .hst_btn{
  min-height:56px;
  font-size:19px;
}

.hst_domain-package-list{
  display:grid;
  gap:14px;
}

.hst_domain-package{
  overflow:hidden;
  border:1px solid rgba(68,68,68,.08);
  border-radius:14px;
  background:#fafafa;
}

.hst_domain-package__summary{
  list-style:none;
  cursor:pointer;
  padding:18px 20px;
  background:rgb(166, 148, 10);
  font-weight:700;
  color:#fff;
}

.hst_domain-package__summary::-webkit-details-marker{
  display:none;
}

.hst_domain-package__body{
  padding:0 20px 20px;
  display:grid;
  gap:16px;
}

.hst_domain-package__modes{
  display:grid;
  gap:12px;
}

.hst_package-route-options{
  display:grid;
  gap:12px;
}

.hst_package-route{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:16px;
  border:1px solid rgba(68,68,68,.08);
  border-radius:4px;
  background:#fff;
  cursor:pointer;
}

.hst_package-route--disabled{
  opacity:.5;
  cursor:not-allowed;
}

.hst_package-route input{
  margin-top:4px;
}

.hst_package-route span{
  display:grid;
}

.hst_package-route strong{
  font-size:18px;
  color:var(--hst-green);
}

.hst_package-route em{
  font-style:normal;
  color:#666;
}

.hst_hosting-picker.is-hidden{
  display:none;
}

.hst_package-options{
  display:grid;
  gap:12px;
}

.hst_package-option{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:16px;
  border:1px solid rgba(68,68,68,.08);
  border-radius:4px;
  background:#fafafa;
  cursor:pointer;
}

.hst_package-option.is-selected{
  border-color:var(--hst-green);
  box-shadow:0 0 0 1px var(--hst-green);
  background:#f7faef;
}

.hst_package-option--disabled{
  opacity:.58;
  cursor:not-allowed;
}

.hst_package-option input{
  margin-top:4px;
}

.hst_package-option span{
  display:grid;
}

.hst_package-option strong{
  font-size:18px;
  color:var(--hst-green);
}

.hst_package-option em{
  font-style:normal;
  color:#666;
}

.hst_bundle-select{
  display:grid;
  gap:8px;
}

.hst_bundle-select.is-hidden{
  display:none;
}

.hst_bundle-select label{
  font-weight:700;
  color:#444;
}

.hst_bundle-select select{
  width:100%;
  min-height:48px;
  border:1px solid rgba(68,68,68,.16);
  border-radius:4px;
  padding:10px 14px;
  font:inherit;
  color:#444;
  background:#fff;
}

.hst_checkout-form input,
.hst_checkout-form textarea,
.hst_checkout-form select{
  width:100%;
  min-height:48px;
  border:1px solid rgba(68,68,68,.16);
  border-radius:4px;
  padding:10px 14px;
  font:inherit;
  color:#444;
  background:#fff;
}

.hst_checkout-form input[readonly]{
  background:#f2f2f2;
  color:#666;
}

.hst_checkout-account-note{
  margin:0 0 22px;
  padding:14px 16px;
  border-left:4px solid #388aa2;
  background:#f4fbfd;
}

.hst_checkout-group{
  min-width:0;
  margin:0 0 28px;
  padding:0 0 28px;
  border:0;
  border-bottom:1px solid rgba(68,68,68,.14);
  background:transparent;
}

.hst_checkout-group h3{
  margin:0 0 10px;
  color:var(--hst-green);
  font-size:22px;
  font-weight:700;
}

.hst_checkout-group > p{
  margin-top:0;
}

.hst_field{
  display:grid;
  align-content:start;
  gap:7px;
  font-weight:700;
}

.hst_field > span{
  color:#444;
}

.hst_field em,
.hst_field small{
  color:#777;
  font-size:12px;
  font-style:normal;
  font-weight:400;
}

.hst_field--wide{
  grid-column:1 / -1;
}

.hst_checkout-form .hst_username-input{
  display:flex;
  align-items:stretch;
  overflow:hidden;
  min-height:48px;
  border:1px solid rgba(68,68,68,.16);
  border-radius:4px;
  background:#fff;
}

.hst_checkout-form .hst_username-input strong{
  display:grid;
  min-width:52px;
  padding:0 14px;
  place-items:center;
  border-right:1px solid rgba(68,68,68,.16);
  background:#f0f3f4;
  color:var(--hst-green);
}

.hst_checkout-form .hst_username-input input{
  min-width:0;
  border:0;
  border-radius:0;
  outline-offset:-2px;
}

.hst_username-status.is-valid{
  color:var(--hst-green);
}

.hst_username-status.is-invalid{
  color:#a13b2b;
}

.hst_holder-fields{
  margin-top:18px;
}

.hst_holder-card{
  margin-top:14px;
  padding:18px;
  border-radius:8px;
  background:#f7f7f7;
}

.hst_holder-card h4{
  margin:0 0 14px;
  color:#388aa2;
  font-size:18px;
  overflow-wrap:anywhere;
}

.hst_additional-holders{
  display:grid;
  gap:14px;
  margin-top:14px;
}

.hst_additional-holders.is-hidden{
  display:none;
}

.hst_holder-fields.is-hidden,
.hst_field.is-hidden{
  display:none;
}

.hst_checkout-login{
  display:grid;
  gap:14px;
  margin:0 0 26px;
  padding:22px;
  border:2px solid #388aa2;
  border-radius:4px;
  background:#f4fbfd;
}

.hst_checkout-login label{
  display:grid;
  gap:8px;
  font-weight:700;
  color:#388aa2;
}

.hst_checkout-login input{
  width:100%;
  min-height:52px;
  border:1px solid rgba(56,138,162,.38);
  border-radius:4px;
  padding:12px 14px;
  font:inherit;
  color:#444;
  background:#fff;
}

.hst_checkout-login input + label{
  margin-top:4px;
}

.hst_checkout-login .hst_btn{
  margin-top:8px;
}

.hst_checkout-form textarea{
  min-height:140px;
  resize:vertical;
}

.hst_checkout-consents{
  display:grid;
  gap:12px;
  margin:20px 0;
}

.hst_checkout-check{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:16px;
  border:1px solid rgba(68,68,68,.12);
  border-radius:4px;
  background:#fafafa;
  line-height:1.55;
  cursor:pointer;
}

.hst_checkout-form .hst_checkout-check input{
  flex:0 0 auto;
  width:20px;
  min-height:20px;
  margin-top:3px;
  padding:0;
}

.hst_checkout-check span{
  display:block;
}

.hst_checkout-check strong{
  display:block;
  color:var(--hst-green);
}

.hst_checkout-check a{
  color:#388aa2;
  font-weight:700;
}

.hst_form-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-bottom:18px;
}

.hst_cart-actions{
  display:grid;
  gap:12px;
}

.hst_cart-actions--top{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  margin-top:40px;
}

.hst_cart-actions--top .hst_btn{
  width:100%;
}

.hst_checkout-actions{
  grid-template-columns:1fr 3fr;
}

.hst_checkout-actions .hst_btn{
  width:100%;
}

.hst_cart-note{
  display:block;
  color:#666;
  font-weight:700;
}

.hst_cc-nav{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.hst_cc-table{
  display:grid;
  gap:0;
}

.hst_cc-table__row{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  padding:14px 0;
  border-top:1px solid rgba(68,68,68,.08);
}

.hst_cc-table__row--head{
  border-top:0;
  font-weight:700;
  color:var(--hst-green);
}

.hst_section--faq{
  padding-top:60px;
}

.hst_faq-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.hst_faq-item{
  background:#fff;
  border:1px solid rgba(68,68,68,.08);
  border-radius:var(--hst-radius);
  box-shadow:var(--hst-shadow);
  overflow:hidden;
}

.hst_faq-item summary{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 64px 24px 24px;
  cursor:pointer;
  list-style:none;
  font-size:22px;
  font-weight:700;
  line-height:1.15;
  color:var(--hst-green);
}

.hst_faq-item summary::-webkit-details-marker{display:none}

.hst_faq-item summary::after{
  content:'+';
  position:absolute;
  top:50%;
  right:24px;
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:50%;
  background:var(--hst-green);
  color:#fff;
  font-size:24px;
  line-height:1;
  transform:translateY(-50%);
}

.hst_faq-item[open] summary::after{content:'−'}

.hst_faq-answer{
  padding:0 24px 24px;
}

.hst_faq-item p{
  margin:0;
  color:var(--hst-muted);
}

.hst_section--closing{
  padding-top:18px;
}

.hst_cta-double{
  display:grid;
  gap:28px;
}

.hst_cta-double__block{
  width:80%;
}

.hst_cta-double__block--left{
  text-align:left;
}

.hst_cta-double__block--right{
  margin-left:auto;
  text-align:right;
}

.hst_cta-double__block h2{
  margin:0 0 12px;
  font-size:clamp(28px, 3.4vw, 42px);
  line-height:1.08;
  color:var(--hst-green);
}

.hst_cta-double__block p{
  margin:0 0 18px;
  color:var(--hst-muted);
  max-width:56ch;
}

.hst_cta-double__block--right p{
  margin-left:auto;
}

.hst_cta-double__divider{
  width:100%;
  height:1px;
  border:0;
  margin:0;
  background:rgba(68,68,68,.12);
}

.hst_story-band--soft{
  background:#ffffff;
}

.hst_footer{
  background:#222222;
  border-top:1px solid rgba(68,68,68,.08);
  padding:34px 0 50px;
}

.hst_footer__inner{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-items:center;
  justify-items:center;
  text-align:center;
}

.hst_footer__brand img{
  width:320px;
  max-width:100%;
  height:auto;
}

.hst_footer__copy p{
  margin:0 0 10px;
  color:var(--hst-muted);
  text-align:center;
}

.hst_footer__copy a{
  color:var(--hst-green);
  font-weight:700;
  text-decoration:none;
}

.hst_footer__links{
  display:flex;
  gap:14px 22px;
  flex-wrap:wrap;
  justify-content:center;
}

.hst_pagehero{
  background:#fff;
  border-bottom:1px solid rgba(68,68,68,.08);
  padding:34px 0 46px;
}

.hst_pagehero__top{
  display:flex;
  justify-content:flex-start;
  margin-bottom:34px;
}

.hst_pagehero__brand img{
  width:320px;
  max-width:100%;
  height:auto;
}

.hst_pagehero__body{
  max-width:860px;
}

.hst_pagehero__body h1{
  margin:0 0 16px;
  font-size:clamp(36px, 5vw, 64px);
  line-height:1.04;
  color:var(--hst-green);
}

.hst_pagehero__body p{
  margin:0;
  color:var(--hst-muted);
  font-size:18px;
  max-width:68ch;
}

.hst_pagegrid{
  display:grid;
  grid-template-columns:minmax(0, 1.25fr) minmax(280px, .75fr);
  gap:24px;
  align-items:start;
}

.hst_pagepanel,
.hst_pageaside{
  background:#fff;
  border:1px solid rgba(68,68,68,.08);
  border-radius:var(--hst-radius);
  box-shadow:var(--hst-shadow);
  padding:28px;
}

.hst_pagepanel + .hst_pagepanel{
  margin-top:20px;
}

.hst_pagepanel--wide{
  margin-bottom:24px;
}

.hst_pagepanel h2,
.hst_pageaside h2{
  margin:0 0 14px;
  font-size:28px;
  line-height:1.12;
  color:var(--hst-green);
}

.hst_pagepanel h3,
.hst_pageaside h3{
  margin:24px 0 10px;
  font-size:22px;
  line-height:1.15;
  color:var(--hst-green);
}

.hst_pagepanel p,
.hst_pageaside p{
  margin:0 0 14px;
  color:var(--hst-muted);
}

.hst_plain-list{
  margin:0;
  padding-left:18px;
  color:#444;
}

.hst_plain-list li + li{
  margin-top:8px;
}

.hst_aside-note{
  font-size:15px;
  color:#666;
}

@media (max-width:980px){
  .hst_hero-inner,
  .hst_story-band__inner,
  .hst_feature-grid,
  .hst_demo-strip__inner,
  .hst_pricing-grid,
  .hst_faq-grid,
  .hst_domain-variant-grid,
  .hst_pagegrid{
    grid-template-columns:1fr;
  }

  .hst_hero h1{
    margin-top:80px;
  }
}

@media (max-width:720px){
  .hst_cart-actions--top{
    grid-template-columns:1fr;
  }

  .hst_cart-fixed{
    top:14px;
    left:14px;
    padding:18px 24px;
  }

  .hst_hero{
    background:url('hooosting.jpg') -1089px/cover no-repeat;
  }

  .hst_brand{
    margin-top:90px;
  }

  .hst_hero-inner{
    padding:24px 0 56px;
  }

  .hst_hero h1{
    margin-top:48px;
    max-width:100%;
    font-size:clamp(38px, 12vw, 58px);
  }

  .hst_demo-strip{
    padding:76px 0;
  }

  .hst_section{
    padding:64px 0;
  }

  .hst_footer__inner{
    grid-template-columns:1fr;
  }

  .hst_toggle-wrap{
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  .hst_domain-form,
  .hst_cart-item,
  .hst_domain-transfer__form{
    grid-template-columns:1fr;
    display:grid;
  }

  .hst_domain-result__row,
  .hst_domain-variant{
    grid-template-columns:1fr;
  }

  .hst_form-grid,
  .hst_cc-table__row{
    grid-template-columns:1fr;
  }

  .hst_cta-double__block{
    width:100%;
  }

  .hst_cta-double__block--right{
    text-align:left;
  }

  .hst_cta-double__block--right p{
    margin-left:0;
  }
}