/* Cloud Hosting — PSD 1920px. Keep every page rule scoped here. */
.layer-cloud-hosting {
  color: #1a1a1a;
  font-family: "PlusJakartaSans Regular" !important;
}
.layer-cloud-hosting *,
.layer-cloud-hosting *::before,
.layer-cloud-hosting *::after { box-sizing: border-box; }
.layer-cloud-hosting p,
.layer-cloud-hosting li,
.layer-cloud-hosting button,
.layer-cloud-hosting input,
.layer-cloud-hosting a { font-family: "PlusJakartaSans Regular" !important; }
.layer-cloud-hosting img { max-width: 100%; height: auto; }
.layer-cloud-hosting h1,
.layer-cloud-hosting h2,
.layer-cloud-hosting h3,
.layer-cloud-hosting .cloud-button,
.layer-cloud-hosting .section-badge {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-cloud-hosting .section-head { text-align: center; }
.layer-cloud-hosting .section-heading { margin: 0; font-size: 44px; line-height: 60px; color: #1a1a1a; }
.layer-cloud-hosting .section-description { margin: 12px 0 0; font-size: 16px; line-height: 37px; font-family: "PlusJakartaSans Light" !important; }
.layer-cloud-hosting .section-badge { display: inline-flex; align-items: center; padding: 6px 22px; border-radius: 999px; background: #f1f5ff; color: #457bff; font-size: 16px; line-height: 24px; }
.layer-cloud-hosting .badge-purple { background: #eee7ff; color: #754bfc; }
.layer-cloud-hosting .cloud-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 60px; padding: 14px 32px; border: 1px solid transparent; border-radius: 14px; font-size: 18px; line-height: 30px; text-decoration: none; transition: background-color .2s, box-shadow .2s; }
.layer-cloud-hosting .cloud-button > span[aria-hidden] { font-size: 30px; line-height: 1; }
.layer-cloud-hosting .button-primary { background: #457bff; color: #fff; }
.layer-cloud-hosting .button-yellow { background: #ffe000; color: #1a1a1a; }
.layer-cloud-hosting .button-outline { background: #fff; border-color: #e0e0e0; color: #1a1a1a; }
.layer-cloud-hosting .cloud-button:hover { box-shadow: 0 6px 18px #1a1a1a1a; }
.layer-cloud-hosting a:focus-visible,
.layer-cloud-hosting button:focus-visible { outline: 3px solid #754bfc; outline-offset: 4px; }
.layer-cloud-hosting .guarantee { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 18px 0 0; color: #fff; font-size: 14px; line-height: 28px; }
.layer-cloud-hosting .guarantee img { width: 16px; flex: none; }

/* Section 1 */
.layer-cloud-hosting .section-1 { overflow: hidden; background: #fff; }
.layer-cloud-hosting .hero-main { position: relative; isolation: isolate; min-height: 805px; padding: 80px 0 104px; background: url("../img/domain/bg001.png") center top / cover no-repeat; }
.layer-cloud-hosting .hero-main::before,
.layer-cloud-hosting .hero-main::after { content: ""; position: absolute; inset-block: 0; z-index: -1; width: 40%; pointer-events: none; background-repeat: no-repeat; background-size: cover; }
.layer-cloud-hosting .hero-main::before { left: 0; background-image: url("../img/domain/left.png"); background-position: right top; }
.layer-cloud-hosting .hero-main::after { right: 0; background-image: url("../img/domain/right.png"); background-position: left top; }
.layer-cloud-hosting .hero-copy { position: relative; z-index: 2; }
.layer-cloud-hosting .hero-badge { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; padding: 6px 14px; border-radius: 999px; background: #e8efff url("../img/hosting/vds/fl.png") center / cover no-repeat; color: #457bff; font-size: 16px; line-height: 24px; font-family: "PlusJakartaSans Regular" !important; }
.layer-cloud-hosting .hero-badge img { width: 22px; }
.layer-cloud-hosting .hero-title { margin: 0 0 4px; font-size: 48px; line-height: 64px; color: #181818; letter-spacing: .01em; }
.layer-cloud-hosting .hero-description { max-width: 550px; margin: 0; font-size: 16px; line-height: 36px; }
.layer-cloud-hosting .hero-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; max-width: 600px; margin: 32px 0; padding: 0; list-style: none; }
.layer-cloud-hosting .hero-features li { display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: 24px; }
.layer-cloud-hosting .hero-features li > span { font-family: "PlusJakartaSans Regular" !important; }
.layer-cloud-hosting .hero-features img { width: 25px; flex: none; }
.layer-cloud-hosting .hero-price { margin-bottom: 28px; }
.layer-cloud-hosting .price-label { display: block; margin-bottom: 8px; font-size: 16px; line-height: 24px; color: #5c5c5c; }
.layer-cloud-hosting .hero-price-line { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.layer-cloud-hosting .hero-price-number { font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; }
.layer-cloud-hosting .hero-price-unit { display: flex; flex-direction: column; font-size: 12px; line-height: 20px; }
.layer-cloud-hosting .hero-price-unit span:first-child { font-family: "PlusJakartaSans Bold" !important; font-size: 18px; }
.layer-cloud-hosting .discount-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid #dfe9d2; border-radius: 999px; background: #e8f3db; color: #659338; font-size: 14px; line-height: 22px; font-family: "PlusJakartaSans Bold" !important; }
.layer-cloud-hosting .hero-price-line .discount-badge { margin-left: 24px; }
.layer-cloud-hosting .money-back { display: flex; align-items: center; gap: 8px; margin: 40px 0 0; font-size: 16px; line-height: 31px; }
.layer-cloud-hosting .money-back img { width: 24px; }
.layer-cloud-hosting .hero-visual { position: relative; width: 100%; aspect-ratio: 760 / 650; }
.layer-cloud-hosting .hero-image { display: block; width: 100%; }
.layer-cloud-hosting .hero-floating { position: absolute; }
.layer-cloud-hosting .hero-speed { left: 14%; top: 69%; }
.layer-cloud-hosting .hero-security { right: 7%; top: 34%; }
.layer-cloud-hosting .hero-cpanel { right: 0; top: 67%; }
.layer-cloud-hosting .trust-strip { background: url("../img/domain/bg-2.png") center / cover no-repeat; }
.layer-cloud-hosting .trust-metrics { display: flex; justify-content: center; padding-block: 16px; }
.layer-cloud-hosting .trust-metric { display: flex; align-items: center; gap: 20px; padding: 0 54px; }
.layer-cloud-hosting .trust-metric + .trust-metric { border-left: 1px solid #bababa; }
.layer-cloud-hosting .trust-metric > img { width: 100px; }
.layer-cloud-hosting .metric-number { display: block; font-family: "PlusJakartaSans Bold" !important; font-size: 20px; line-height: 28px; }
.layer-cloud-hosting .trust-metric p { margin: 0; font-size: 14px; line-height: 24px; }

/* Section 2 */
.layer-cloud-hosting .section-2 { padding: 80px 0 0; scroll-margin-top: 100px; }
.layer-cloud-hosting .billing-options { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; width: fit-content; max-width: 100%; margin: 56px auto 96px; padding: 6px; border: 1px solid #ededed; border-radius: 999px; background: #fafafa; }
.layer-cloud-hosting .billing-option { display: inline-flex; align-items: center; gap: 12px; padding: 10px 14px; border: 0; border-radius: 999px; background: transparent; font-size: 14px; line-height: 22px; cursor: pointer; }
.layer-cloud-hosting .billing-option.is-active { background: #fff; box-shadow: 0 2px 8px #0000000d; font-family: "PlusJakartaSans Bold" !important; }
.layer-cloud-hosting .billing-option .cycle-discount { padding: 1px 8px; border-radius: 999px; background: #e8f3db; color: #659338; font-size: 12px; }
.layer-cloud-hosting .hosting-plans { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.layer-cloud-hosting .hosting-plans.no-cycle-options { margin-top: 108px; }
.layer-cloud-hosting .hosting-plan { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 34px 26px 40px; border: 1px solid #e6e6e6; border-radius: 22px; background: #fff; }
.layer-cloud-hosting .hosting-plan.featured { border: 4px solid #457bff; padding: 31px 23px 37px; }
.layer-cloud-hosting .plan-ribbon {
  position: absolute;
  bottom: 100%;
  left: -4px;
  right: -4px;
  padding: 10px 42px;
  border-radius: 22px 22px 0 0;
  background: #457bff;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  width: auto;
  min-width: max-content;
  z-index: 2;
  font-family: "PlusJakartaSans Bold" !important;
  font-size: 16px;
}
.layer-cloud-hosting .plan-ribbon::before,
.layer-cloud-hosting .plan-ribbon::after {
  content: "";
  position: absolute;
  bottom: -25px;
  width: 30px;
  height: 30px;
  pointer-events: none;
}
.layer-cloud-hosting .plan-ribbon::before {
  left: 0;
  background: radial-gradient(circle at bottom right, transparent 28px, #457bff 30px);
}
.layer-cloud-hosting .plan-ribbon::after {
  right: 0;
  background: radial-gradient(circle at bottom left, transparent 28px, #457bff 30px);
}
.layer-cloud-hosting .hosting-plan.featured:hover {
  background: rgba(33, 37, 41, 0.02);
}
.layer-cloud-hosting .plan-name { margin: 0 0 16px; font-size: 20px; line-height: 28px; }
.layer-cloud-hosting .plan-description { min-height: 66px; margin: 0 0 24px; font-size: 14px; line-height: 28px; }
.layer-cloud-hosting .plan-price-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; min-height: 28px; margin-bottom: 20px; }
.layer-cloud-hosting .plan-original { color: #666; font-size: 14px; text-decoration: line-through; }
.layer-cloud-hosting .plan-price-meta .discount-badge { padding: 2px 8px; font-size: 14px; line-height: 20px; }
.layer-cloud-hosting .plan-price { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; color: #181818; }
.layer-cloud-hosting .plan-price small { font-family: "PlusJakartaSans Bold" !important; font-size: 16px; white-space: nowrap; }
.layer-cloud-hosting .plan-renewal { min-height: 22px; margin: 4px 0 22px; color: #666; font-size: 12px; line-height: 22px; }
.layer-cloud-hosting .plan-buy { width: 100%; min-height: 60px; border-color: #457bff; color: #457bff; background: #fff; }
.layer-cloud-hosting .featured .plan-buy { color: #fff; background: #457bff; }
.layer-cloud-hosting .plan-features { display: grid; gap: 14px; margin: 40px 0 0; padding: 24px 0 0; border-top: 1px solid #ededed; list-style: none; }
.layer-cloud-hosting .plan-feature { display: flex; align-items: flex-start; gap: 10px; font-size: 16px; line-height: 24px; }
.layer-cloud-hosting .plan-feature > img { width: 18px; flex: none; margin-top: 3px; }
.layer-cloud-hosting .plan-feature p { margin: 0; font-size: inherit; line-height: inherit; }
.layer-cloud-hosting .plan-feature details { margin-left: auto; flex: none; position: relative; }
.layer-cloud-hosting .plan-feature summary { display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid #aaa; border-radius: 50%; cursor: pointer; font-size: 12px; list-style: none; }
.layer-cloud-hosting .feature-help { position: absolute; z-index: 3; right: 0; top: 24px; width: 240px; padding: 14px; border: 1px solid #e0e0e0; border-radius: 10px; background: #fff; box-shadow: 0 4px 16px #00000014; }
.layer-cloud-hosting .vps-hosting-banner { display: flex; align-items: flex-start; gap: 24px; min-height: 132px; margin-top: 104px; padding: 28px 40px; border: 1px solid #e0e0e0; border-radius: 30px; background: #fff; }
.layer-cloud-hosting .vps-hosting-icon { margin-top: 4px; }
.layer-cloud-hosting .vps-hosting-copy { flex: 1; min-width: 0; }
.layer-cloud-hosting .vps-hosting-copy h3 { margin: 0 0 4px; font-size: 24px; line-height: 37px; }
.layer-cloud-hosting .vps-hosting-copy p { margin: 0; font-size: 14px; line-height: 28px; }
.layer-cloud-hosting .vps-hosting-banner .cloud-button { flex: none; }

/* Section 3: the PNGs include the whole card background. */
.layer-cloud-hosting .section-3 { padding: 140px 0 0; }
.layer-cloud-hosting .operations-heading { max-width: 690px; margin: 0 auto 100px; text-align: center; line-height: 72px; }
.layer-cloud-hosting .operations-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; }
.layer-cloud-hosting .operation-card { min-width: 0; min-height: 368px; padding: 236px 28px 40px; border: 1px solid #ebebeb; border-radius: 22px; background-position: center top; background-repeat: no-repeat; background-size: cover; text-align: center; overflow: hidden; }
.layer-cloud-hosting .operation-card-narrow { grid-column: span 5; }
.layer-cloud-hosting .operation-card-wide { grid-column: span 7; }
.layer-cloud-hosting .operation-card-third { grid-column: span 4; min-height: 388px; }
.layer-cloud-hosting .operation-card h3 { margin: 0 0 12px; font-size: 24px; line-height: 31px; }
.layer-cloud-hosting .operation-card p { margin: 0; color: #5c5c5c; font-size: 15px; line-height: 31px; white-space: pre-line; }
.layer-cloud-hosting .operation-card-uptime { background-image: url("../img/domain/free/uptime.png"); }
.layer-cloud-hosting .operation-card-secure { background-image: url("../img/domain/free/secure.png"); }
.layer-cloud-hosting .operation-card-bandwidth { background-image: url("../img/domain/free/bang-thong.png"); }
.layer-cloud-hosting .operation-card-backup { background-image: url("../img/domain/free/daily-backup.png"); }
.layer-cloud-hosting .operation-card-cpanel { background-image: url("../img/domain/free/cPanel.png"); }
.layer-cloud-hosting .operation-card-monitor { background-image: url("../img/domain/free/monitor.png"); }
.layer-cloud-hosting .operation-card-ssd { background-image: url("../img/domain/free/ssd.png"); }

/* Sections 4–6 */
.layer-cloud-hosting .section-4 { padding: 114px 0 0; }
.layer-cloud-hosting .migration-banner { display: flex; align-items: center; justify-content: space-between; gap: 60px; min-height: 407px; padding: 56px 84px; border-radius: 26px; background: #457bff url("../img/hosting/cloud-hosting/bg-2.png") center / cover no-repeat; color: #fff; }
.layer-cloud-hosting .migration-copy { max-width: 610px; }
.layer-cloud-hosting .migration-copy h2 { max-width: 510px; margin: 0 0 8px; color: #fff; font-size: 44px; line-height: 68px; }
.layer-cloud-hosting .migration-copy p { margin: 0; font-family: "PlusJakartaSans Light" !important; font-size: 16px; line-height: 36px; }
.layer-cloud-hosting .migration-action { flex: none; text-align: center; }
.layer-cloud-hosting .section-5 { padding: 112px 0 130px; }
.layer-cloud-hosting .feature-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 100px; align-items: center; padding-inline: 78px; }
.layer-cloud-hosting .feature-row + .feature-row { margin-top: 120px; }
.layer-cloud-hosting .feature-row-reverse { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
.layer-cloud-hosting .feature-row-reverse .feature-visual { grid-column: 1; grid-row: 1; }
.layer-cloud-hosting .feature-row-reverse .feature-copy { grid-column: 2; grid-row: 1; }
.layer-cloud-hosting .feature-copy .section-badge { margin-bottom: 28px; }
.layer-cloud-hosting .feature-title { margin: 0 0 24px; font-size: 41px; line-height: 55px; }
.layer-cloud-hosting .feature-description { margin: 0; font-family: "PlusJakartaSans Light" !important; font-size: 16px; line-height: 31px; }
.layer-cloud-hosting .feature-checks { display: flex; flex-wrap: wrap; gap: 16px 30px; margin: 84px 0 0; padding: 0; list-style: none; }
.layer-cloud-hosting .feature-checks li { display: flex; align-items: center; gap: 8px; font-size: 16px; line-height: 31px; }
.layer-cloud-hosting .feature-checks span { font-family: "PlusJakartaSans Bold" !important; }
.layer-cloud-hosting .feature-checks img { width: 17px; flex: none; }
.layer-cloud-hosting .feature-image { display: block; width: 100%; }
.layer-cloud-hosting .feature-row:last-child .feature-checks { display: grid; grid-template-columns: repeat(2, max-content); gap: 16px 38px; }
.layer-cloud-hosting .section-6 { background: #3c70ff url("../img/hosting/cloud-hosting/bg-03.png") center / cover no-repeat; color: #fff; }
.layer-cloud-hosting .why-layout { display: grid; grid-template-columns: 40% minmax(0, 1fr); align-items: center; gap: 60px; min-height: 490px; padding-block: 42px; }
.layer-cloud-hosting .why-visual { text-align: center; }
.layer-cloud-hosting .why-visual img { max-width: 450px; width: 100%; display: inline-block; }
.layer-cloud-hosting .why-copy .section-heading { color: #fff; line-height: 68px; }
.layer-cloud-hosting .why-checks { display: grid; grid-template-columns: repeat(4, max-content); gap: 22px 32px; list-style: none; padding: 0; margin: 28px 0 34px; }
.layer-cloud-hosting .why-checks li { display: flex; align-items: center; gap: 8px; font-size: 16px; line-height: 28px; }
.layer-cloud-hosting .why-checks li span { font-family: "PlusJakartaSans Bold" !important; }
.layer-cloud-hosting .why-checks img { width: 16px; }
.layer-cloud-hosting .why-copy .guarantee { justify-content: flex-start; }

/* Sections 7–9 */
.layer-cloud-hosting .section-7 { padding: 140px 0 0; }
.layer-cloud-hosting .customers-heading { max-width: 820px; margin-inline: auto; text-align: center; }
.layer-cloud-hosting .customer-carousel { display: flex; align-items: center; gap: 14px; margin-top: 64px; }
.layer-cloud-hosting .customer-prev,
.layer-cloud-hosting .customer-next { flex: none; border: 0; background: none; color: #1a1a1a; padding: 0 4px; font-size: 30px; cursor: pointer; }
.layer-cloud-hosting .section-8 { padding: 152px 0 0; }
.layer-cloud-hosting .reviews-heading { max-width: 480px; margin: 32px 0 48px; font-size: 41px; line-height: 60px; }
.layer-cloud-hosting .section-8 .swiper-wrapper { align-items: stretch; }
.layer-cloud-hosting .section-8 .swiper-slide { height: auto; }
.layer-cloud-hosting .testimonial-card { display: flex; flex-direction: column; height: 100%; min-height: 440px; padding: 34px 48px; border: 1px solid #ededed; border-radius: 22px; background: linear-gradient(135deg, #fff, #faf8ff); }
.layer-cloud-hosting .testimonial-avatar { display: block; width: 44px; height: 44px; object-fit: cover; border-radius: 50%; margin-bottom: 32px; }
.layer-cloud-hosting .testimonial-stars { display: block; width: 108px; margin-bottom: 28px; }
.layer-cloud-hosting .testimonial-content { margin: 0 0 32px; font-family: "PlusJakartaSans Bold" !important; font-size: 16px; line-height: 31px; }
.layer-cloud-hosting .testimonial-author { margin-top: auto; }
.layer-cloud-hosting .testimonial-name { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 18px; line-height: 30px; }
.layer-cloud-hosting .testimonial-role { margin: 0; font-size: 14px; line-height: 28px; color: #5c5c5c; }
.layer-cloud-hosting .testimonial-pagination { position: static; display: flex; justify-content: center; gap: 8px; margin-top: 64px; }
.layer-cloud-hosting .testimonial-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0; opacity: 1; background: #fff; border: 1px solid #bfc4ce; cursor: pointer; }
.layer-cloud-hosting .testimonial-pagination .swiper-pagination-bullet-active { background: #457bff; border-color: #457bff; }
.layer-cloud-hosting .section-9 { padding: 116px 0 80px; }
.layer-cloud-hosting .guides-heading { margin: 28px 0 0; font-size: 41px; line-height: 55px; }
.layer-cloud-hosting .guides-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 64px; }
.layer-cloud-hosting .guide-card { display: block; padding: 26px 26px 40px; border: 1px solid #ededed; border-radius: 26px; text-decoration: none; color: #1a1a1a; }
.layer-cloud-hosting .guide-image { display: block; width: 100%; aspect-ratio: 660 / 327; object-fit: cover; border-radius: 24px; background: #edf2ff; }
.layer-cloud-hosting .guide-category { display: flex; margin-top: 22px; font-size: 16px; line-height: 24px; color: #4b7efc; align-items: center; gap: 10px; }
.layer-cloud-hosting .guide-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-top: 8px; font-family: "PlusJakartaSans Bold" !important; font-size: 24px; line-height: 34px; }

/* Sections 10–11. Accordion appearance reuses the existing shared CSS. */
.layer-cloud-hosting .section-10 { padding: 104px 0 90px; background: #fafafa; }
.layer-cloud-hosting .section-10 .section-head { margin-bottom: 100px; }
.layer-cloud-hosting .section-11 { padding: 64px 0; background: #457bff url("../img/hosting/cloud-hosting/bg-2.png") center / cover no-repeat; color: #fff; }
.layer-cloud-hosting .start-layout { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.layer-cloud-hosting .start-copy { max-width: 760px; }
.layer-cloud-hosting .start-copy h2 { margin: 0 0 8px; color: #fff; font-size: 44px; line-height: 68px; }
.layer-cloud-hosting .start-copy p { max-width: 580px; margin: 0; font-size: 14px; line-height: 30px; }
.layer-cloud-hosting .start-action { display: flex; align-items: center; gap: 52px; flex: none; }
.layer-cloud-hosting .start-price > span { font-size: 16px; line-height: 24px; }
.layer-cloud-hosting .start-price p { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; white-space: nowrap; }
.layer-cloud-hosting .start-price small { font-size: 14px; }

/* Cloud Hosting responsive rules */
@media (max-width: 1399.98px) {
  .layer-cloud-hosting .hosting-plan { padding-inline: 20px; }
  .layer-cloud-hosting .hosting-plan.featured { padding-inline: 17px; }
  .layer-cloud-hosting .plan-price { font-size: 30px; }
  .layer-cloud-hosting .feature-row { padding-inline: 32px; gap: 64px; }
  .layer-cloud-hosting .why-layout { grid-template-columns: 34% minmax(0, 1fr); gap: 36px; }
  .layer-cloud-hosting .why-checks { grid-template-columns: repeat(3, max-content); gap: 18px 24px; }
  .layer-cloud-hosting .start-action { gap: 24px; }
}
@media (max-width: 1199.98px) {
  .layer-cloud-hosting .hero-main { padding-block: 72px; min-height: 0; }
  .layer-cloud-hosting .hero-title { font-size: 42px; line-height: 56px; }
  .layer-cloud-hosting .hero-price-line .discount-badge { margin-left: 0; }
  .layer-cloud-hosting .trust-metric { padding-inline: 32px; }
  .layer-cloud-hosting .hosting-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 80px; }
  .layer-cloud-hosting .hosting-plan { padding: 32px; }
  .layer-cloud-hosting .hosting-plan.featured { padding: 29px; }
  .layer-cloud-hosting .vps-hosting-banner { padding: 28px; gap: 20px; }
  .layer-cloud-hosting .migration-banner { padding: 48px; gap: 32px; }
  .layer-cloud-hosting .migration-copy h2 { font-size: 38px; line-height: 56px; }
  .layer-cloud-hosting .feature-row { padding-inline: 0; gap: 40px; }
  .layer-cloud-hosting .feature-title { font-size: 34px; line-height: 48px; }
  .layer-cloud-hosting .feature-checks { margin-top: 40px; gap: 12px 20px; }
  .layer-cloud-hosting .why-checks { grid-template-columns: repeat(2, max-content); }
  .layer-cloud-hosting .testimonial-card { padding: 28px; }
  .layer-cloud-hosting .start-layout { flex-wrap: wrap; gap: 32px; }
}
@media (max-width: 991.98px) {
  .layer-cloud-hosting .hero-main { padding: 56px 0 40px; }
  .layer-cloud-hosting .hero-copy { max-width: 720px; margin-inline: auto; }
  .layer-cloud-hosting .hero-visual { max-width: 700px; margin: 40px auto 0; }
  .layer-cloud-hosting .trust-metric { padding-inline: 20px; gap: 12px; }
  .layer-cloud-hosting .trust-metric > img { width: 64px; }
  .layer-cloud-hosting .section-2 { padding-top: 64px; }
  .layer-cloud-hosting .section-heading { font-size: 36px; line-height: 50px; }
  .layer-cloud-hosting .vps-hosting-banner { flex-wrap: wrap; margin-top: 64px; }
  .layer-cloud-hosting .vps-hosting-copy { flex-basis: calc(100% - 56px); }
  .layer-cloud-hosting .vps-hosting-banner .cloud-button { margin-left: 52px; }
  .layer-cloud-hosting .section-3 { padding-top: 80px; }
  .layer-cloud-hosting .operations-heading { margin-bottom: 56px; line-height: 54px; }
  .layer-cloud-hosting .operation-card { grid-column: span 6; padding-inline: 20px; }
  .layer-cloud-hosting .operation-card:last-child { grid-column: 4 / span 6; }
  .layer-cloud-hosting .section-4 { padding-top: 72px; }
  .layer-cloud-hosting .migration-banner { flex-direction: column; align-items: flex-start; }
  .layer-cloud-hosting .section-5 { padding-block: 80px; }
  .layer-cloud-hosting .feature-row { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .layer-cloud-hosting .feature-row + .feature-row { margin-top: 80px; }
  .layer-cloud-hosting .feature-row-reverse .feature-copy,
  .layer-cloud-hosting .feature-row-reverse .feature-visual { grid-column: auto; grid-row: auto; }
  .layer-cloud-hosting .feature-visual { max-width: 640px; width: 100%; margin-inline: auto; }
  .layer-cloud-hosting .why-layout { grid-template-columns: minmax(0, 1fr); padding-block: 48px; gap: 32px; }
  .layer-cloud-hosting .why-visual img { max-width: 380px; }
  .layer-cloud-hosting .why-copy .section-heading { line-height: 52px; }
  .layer-cloud-hosting .why-checks { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .layer-cloud-hosting .section-7,
  .layer-cloud-hosting .section-8 { padding-top: 80px; }
  .layer-cloud-hosting .section-9 { padding-block: 80px; }
  .layer-cloud-hosting .guide-title { font-size: 20px; line-height: 30px; }
  .layer-cloud-hosting .section-10 { padding-block: 72px; }
  .layer-cloud-hosting .section-10 .section-head { margin-bottom: 56px; }
}
@media (max-width: 767.98px) {
  .layer-cloud-hosting .hero-title { font-size: 36px; line-height: 48px; }
  .layer-cloud-hosting .trust-metric { padding-inline: 16px; flex-direction: column; gap: 8px; text-align: center; }
  .layer-cloud-hosting .trust-metric > img { width: 72px; }
  .layer-cloud-hosting .billing-options { margin-block: 40px 72px; border-radius: 18px; }
  .layer-cloud-hosting .billing-option { gap: 6px; padding-inline: 10px; }
  .layer-cloud-hosting .hosting-plans { grid-template-columns: minmax(0, 1fr); max-width: 460px; margin-inline: auto; }
  .layer-cloud-hosting .guides-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .layer-cloud-hosting .guide-card { padding: 20px 20px 28px; }
  .layer-cloud-hosting .reviews-heading,
  .layer-cloud-hosting .guides-heading { font-size: 34px; line-height: 48px; }
  .layer-cloud-hosting .why-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .layer-cloud-hosting .section-10 .faq-question { padding: 20px; gap: 16px; font-size: 16px; }
  .layer-cloud-hosting .section-10 .faq-answer { padding: 20px; }
  .layer-cloud-hosting .start-copy h2 { font-size: 34px; line-height: 48px; }
}
@media (max-width: 575.98px) {
  .layer-cloud-hosting .section-heading,
  .layer-cloud-hosting .feature-title,
  .layer-cloud-hosting .reviews-heading,
  .layer-cloud-hosting .guides-heading,
  .layer-cloud-hosting .migration-copy h2,
  .layer-cloud-hosting .start-copy h2 { font-size: 30px; line-height: 44px; }
  .layer-cloud-hosting .cloud-button { padding-inline: 24px; font-size: 16px; }
  .layer-cloud-hosting .hero-badge { font-size: 12px; gap: 5px; }
  .layer-cloud-hosting .hero-features { gap: 16px 12px; }
  .layer-cloud-hosting .hero-features li { font-size: 13px; line-height: 22px; gap: 6px; align-items: flex-start; }
  .layer-cloud-hosting .hero-features img { width: 20px; }
  .layer-cloud-hosting .trust-metric { padding-inline: 28px; }
  .layer-cloud-hosting .metric-number { font-size: 17px; }
  .layer-cloud-hosting .trust-metric p { font-size: 12px; }
  .layer-cloud-hosting .operations-grid { grid-template-columns: minmax(0, 1fr); }
  .layer-cloud-hosting .operation-card,
  .layer-cloud-hosting .operation-card:last-child { grid-column: auto; min-height: 368px; }
  .layer-cloud-hosting .vps-hosting-banner { padding: 24px 20px; }
  .layer-cloud-hosting .vps-hosting-copy h3 { font-size: 20px; line-height: 30px; }
  .layer-cloud-hosting .vps-hosting-banner .cloud-button { width: 100%; margin-left: 0; }
  .layer-cloud-hosting .migration-banner { padding: 32px 24px; border-radius: 22px; }
  .layer-cloud-hosting .migration-action { width: 100%; }
  .layer-cloud-hosting .migration-action .cloud-button { width: 100%; }
  .layer-cloud-hosting .feature-row:last-child .feature-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .layer-cloud-hosting .feature-checks li { font-size: 14px; }
  .layer-cloud-hosting .why-checks { gap: 16px 12px; }
  .layer-cloud-hosting .why-checks li { font-size: 14px; }
  .layer-cloud-hosting .customer-carousel { gap: 6px; margin-top: 40px; }
  .layer-cloud-hosting .start-action { flex-wrap: wrap; gap: 24px; }
  .layer-cloud-hosting .section-11 { padding-block: 48px; }
}
@media (width < 480px) {
  .layer-cloud-hosting .hero-main::before,
  .layer-cloud-hosting .hero-main::after { content: none; }
}

.layer-cloud-hosting [hidden] { display: none !important; }
.layer-cloud-hosting .plan-buy:disabled { opacity: .5; cursor: not-allowed; }

/* Cloud Hosting typography, feature dividers and category icons. */
.layer-cloud-hosting .cloud-text-bold,
.layer-cloud-hosting .billing-option,
.layer-cloud-hosting .billing-option .cycle-discount,
.layer-cloud-hosting .plan-price-meta .discount-badge,
.layer-cloud-hosting .plan-discount,
.layer-cloud-hosting .plan-price-value,
.layer-cloud-hosting .plan-price-unit {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-cloud-hosting .plan-feature-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex: none;
  margin-top: 3px;
  background-color: #5a28fa;
  -webkit-mask: var(--plan-feature-icon) center / contain no-repeat;
  mask: var(--plan-feature-icon) center / contain no-repeat;
}
.layer-cloud-hosting .section-5 .feature-checks {
  position: relative;
}
.layer-cloud-hosting .section-5 .feature-checks::before {
  content: "";
  position: absolute;
  top: -42px;
  left: 0;
  right: 0;
  border-top: 1px solid #ededed;
  pointer-events: none;
}
.layer-cloud-hosting .guide-category img {
  width: 22px;
  flex: none;
}
@media (max-width: 1199.98px) {
  .layer-cloud-hosting .section-5 .feature-checks::before {
    top: -20px;
  }
}

/* Cloud Hosting hero sizing and support chat cards matched to domain. */
.layer-cloud-hosting .hero-floating { max-width: none; }
.layer-cloud-hosting .hero-online { left: 23%; top: 49%; }
.layer-cloud-hosting .section-5 .support-visual {
  position: relative;
  min-width: 0;
  height: 610px;
  border-radius: 24px;
  background: url("../img/domain/bg-5.png") center / cover no-repeat;
}
.layer-cloud-hosting .section-5 .support-visual .block-3,
.layer-cloud-hosting .section-5 .support-visual .block-4 {
  position: absolute;
  max-width: calc(100% - 24px);
  background: #fff;
  border-radius: 22px;
}
.layer-cloud-hosting .section-5 .support-visual .block-3 {
  top: 45%; right: 3%; padding: 16px 28px 24px 16px;
}
.layer-cloud-hosting .section-5 .support-visual .block-4 {
  top: 72%; left: 4%; padding: 16px 20px 24px 16px;
}
.layer-cloud-hosting .section-5 .support-visual .content { background: #fafafa; min-width: 0; }
.layer-cloud-hosting .section-5 .support-visual .name {
  font-family: "PlusJakartaSans Bold" !important;
  font-size: 14px; margin-bottom: 4px;
}
.layer-cloud-hosting .section-5 .support-visual .question {
  font-family: "PlusJakartaSans Regular" !important;
  font-size: 12px;
}
.layer-cloud-hosting .section-5 .support-visual img { flex: none; }
@media (min-width: 992px) {
  .layer-cloud-hosting .hero-image {
    width: 112%; max-width: none; margin-left: -6%;
  }
}
@media (max-width: 767.98px) {
  .layer-cloud-hosting .section-5 .support-visual { height: 408px; }
  .layer-cloud-hosting .section-5 .support-visual .block-3,
  .layer-cloud-hosting .section-5 .support-visual .block-4 {
    border-radius: 16px; padding: 12px 16px 16px 12px;
  }
  .layer-cloud-hosting .section-5 .support-visual .question { font-size: 11px; }
}

/* Customer logos keep their original image dimensions and embedded borders. */
.layer-cloud-hosting .customer-track { flex: 1; min-width: 0; overflow: hidden; }
.layer-cloud-hosting .customer-track .swiper-wrapper { align-items: center; }
.layer-cloud-hosting .customer-logo { width: auto; height: auto; flex-shrink: 0; }
.layer-cloud-hosting .customer-logo img { display: block; max-width: none; }
.layer-cloud-hosting .customer-carousel .swiper-button-disabled { opacity: .35; cursor: default; }
.layer-cloud-hosting .customer-carousel .swiper-button-lock { display: none; }
@media (max-width: 480px) {
    .layer-cloud-hosting .hero-online {left: 4%; top: 20%;}
    .layer-cloud-hosting .hero-speed {top: 36%; right: auto;left: 0;}
    .layer-cloud-hosting .hero-cpanel {right: auto;left: 0;}
    .layer-cloud-hosting .hero-security {right: -2%;top: 70%;}
}

/* WordPress Hosting shared controls and responsive layout. */
.layer-wordpress-hosting {
  color: #1a1a1a;
  font-family: "PlusJakartaSans Regular" !important;
}
.layer-wordpress-hosting *,
.layer-wordpress-hosting *::before,
.layer-wordpress-hosting *::after { box-sizing: border-box; }
.layer-wordpress-hosting p,
.layer-wordpress-hosting li,
.layer-wordpress-hosting button,
.layer-wordpress-hosting input,
.layer-wordpress-hosting a { font-family: "PlusJakartaSans Regular" !important; }
.layer-wordpress-hosting img { max-width: 100%; height: auto; }
.layer-wordpress-hosting h1,
.layer-wordpress-hosting h2,
.layer-wordpress-hosting h3,
.layer-wordpress-hosting .cloud-button,
.layer-wordpress-hosting .section-badge {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-wordpress-hosting .section-head { text-align: center; }
.layer-wordpress-hosting .section-heading { margin: 0; font-size: 44px; line-height: 60px; color: #1a1a1a; }
.layer-wordpress-hosting .section-description { margin: 12px 0 0; font-size: 16px; line-height: 37px; font-family: "PlusJakartaSans Light" !important; }
.layer-wordpress-hosting .section-badge { display: inline-flex; align-items: center; padding: 6px 22px; border-radius: 999px; background: #f1f5ff; color: #457bff; font-size: 16px; line-height: 24px; }
.layer-wordpress-hosting .badge-purple { background: #eee7ff; color: #754bfc; }
.layer-wordpress-hosting .cloud-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 60px; padding: 14px 32px; border: 1px solid transparent; border-radius: 14px; font-size: 18px; line-height: 30px; text-decoration: none; transition: background-color .2s, box-shadow .2s; }
.layer-wordpress-hosting .cloud-button > span[aria-hidden] { font-size: 30px; line-height: 1; }
.layer-wordpress-hosting .button-primary { background: #457bff; color: #fff; }
.layer-wordpress-hosting .button-yellow { background: #ffe000; color: #1a1a1a; }
.layer-wordpress-hosting .button-outline { background: #fff; border-color: #e0e0e0; color: #1a1a1a; }
.layer-wordpress-hosting .cloud-button:hover { box-shadow: 0 6px 18px #1a1a1a1a; }
.layer-wordpress-hosting a:focus-visible,
.layer-wordpress-hosting button:focus-visible { outline: 3px solid #754bfc; outline-offset: 4px; }
.layer-wordpress-hosting .guarantee { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 18px 0 0; color: #fff; font-size: 14px; line-height: 28px; }
.layer-wordpress-hosting .guarantee img { width: 16px; flex: none; }
.layer-wordpress-hosting .section-1 { overflow: hidden; background: #fff; }
.layer-wordpress-hosting .hero-main { position: relative; isolation: isolate; min-height: 805px; padding: 80px 0 104px; background: url("../img/domain/bg001.png") center top / cover no-repeat; }
.layer-wordpress-hosting .hero-main::before,
.layer-wordpress-hosting .hero-main::after { content: ""; position: absolute; inset-block: 0; z-index: -1; width: 40%; pointer-events: none; background-repeat: no-repeat; background-size: cover; }
.layer-wordpress-hosting .hero-main::before { left: 0; background-image: url("../img/domain/left.png"); background-position: right top; }
.layer-wordpress-hosting .hero-main::after { right: 0; background-image: url("../img/domain/right.png"); background-position: left top; }
.layer-wordpress-hosting .hero-copy { position: relative; z-index: 2; }
.layer-wordpress-hosting .hero-badge { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; padding: 6px 14px; border-radius: 999px; background: #e8efff url("../img/hosting/vds/fl.png") center / cover no-repeat; color: #457bff; font-size: 16px; line-height: 24px; font-family: "PlusJakartaSans Regular" !important; }
.layer-wordpress-hosting .hero-badge img { width: 22px; }
.layer-wordpress-hosting .hero-title { margin: 0 0 4px; font-size: 48px; line-height: 64px; color: #181818; letter-spacing: .01em; }
.layer-wordpress-hosting .hero-description { max-width: 550px; margin: 0; font-size: 16px; line-height: 36px; }
.layer-wordpress-hosting .hero-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; max-width: 600px; margin: 32px 0; padding: 0; list-style: none; }
.layer-wordpress-hosting .hero-features li { display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: 24px; }
.layer-wordpress-hosting .hero-features li > span { font-family: "PlusJakartaSans Regular" !important; }
.layer-wordpress-hosting .hero-features img { width: 25px; flex: none; }
.layer-wordpress-hosting .hero-price { margin-bottom: 28px; }
.layer-wordpress-hosting .price-label { display: block; margin-bottom: 8px; font-size: 16px; line-height: 24px; color: #5c5c5c; }
.layer-wordpress-hosting .hero-price-line { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.layer-wordpress-hosting .hero-price-number { font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; }
.layer-wordpress-hosting .hero-price-unit { display: flex; flex-direction: column; font-size: 12px; line-height: 20px; }
.layer-wordpress-hosting .hero-price-unit span:first-child { font-family: "PlusJakartaSans Bold" !important; font-size: 18px; }
.layer-wordpress-hosting .discount-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid #dfe9d2; border-radius: 999px; background: #e8f3db; color: #659338; font-size: 14px; line-height: 22px; font-family: "PlusJakartaSans Bold" !important; }
.layer-wordpress-hosting .hero-price-line .discount-badge { margin-left: 24px; }
.layer-wordpress-hosting .money-back { display: flex; align-items: center; gap: 8px; margin: 40px 0 0; font-size: 16px; line-height: 31px; }
.layer-wordpress-hosting .hero-visual { position: relative; width: 100%; aspect-ratio: 760 / 650; }
.layer-wordpress-hosting .hero-image { display: block; width: 100%; }
.layer-wordpress-hosting .hero-floating { position: absolute; }
.layer-wordpress-hosting .trust-strip { background: url("../img/domain/bg-2.png") center / cover no-repeat; }
.layer-wordpress-hosting .trust-metrics { display: flex; justify-content: center; padding-block: 16px; }
.layer-wordpress-hosting .trust-metric { display: flex; align-items: center; gap: 20px; padding: 0 54px; }
.layer-wordpress-hosting .trust-metric + .trust-metric { border-left: 1px solid #bababa; }
.layer-wordpress-hosting .trust-metric > img { width: 100px; }
.layer-wordpress-hosting .metric-number { display: block; font-family: "PlusJakartaSans Bold" !important; font-size: 20px; line-height: 28px; }
.layer-wordpress-hosting .trust-metric p { margin: 0; font-size: 14px; line-height: 24px; }
.layer-wordpress-hosting .section-2 { padding: 80px 0 0; scroll-margin-top: 100px; }
.layer-wordpress-hosting .billing-options { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; width: fit-content; max-width: 100%; margin: 56px auto 96px; padding: 6px; border: 1px solid #ededed; border-radius: 999px; background: #fafafa; }
.layer-wordpress-hosting .billing-option { display: inline-flex; align-items: center; gap: 12px; padding: 10px 14px; border: 0; border-radius: 999px; background: transparent; font-size: 14px; line-height: 22px; cursor: pointer; }
.layer-wordpress-hosting .billing-option.is-active { background: #fff; box-shadow: 0 2px 8px #0000000d; font-family: "PlusJakartaSans Bold" !important; }
.layer-wordpress-hosting .billing-option .cycle-discount { padding: 1px 8px; border-radius: 999px; background: #e8f3db; color: #659338; font-size: 12px; }
.layer-wordpress-hosting .hosting-plans { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.layer-wordpress-hosting .hosting-plans.no-cycle-options { margin-top: 108px; }
.layer-wordpress-hosting .hosting-plan { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 34px 26px 40px; border: 1px solid #e6e6e6; border-radius: 22px; background: #fff; }
.layer-wordpress-hosting .hosting-plan.featured { border: 4px solid #457bff; padding: 31px 23px 37px; }
.layer-wordpress-hosting .plan-ribbon {
  position: absolute;
  bottom: 100%;
  left: -4px;
  right: -4px;
  padding: 10px 42px;
  border-radius: 22px 22px 0 0;
  background: #457bff;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  width: auto;
  min-width: max-content;
  z-index: 2;
  font-family: "PlusJakartaSans Bold" !important;
  font-size: 16px;
}
.layer-wordpress-hosting .plan-ribbon::before,
.layer-wordpress-hosting .plan-ribbon::after {
  content: "";
  position: absolute;
  bottom: -25px;
  width: 30px;
  height: 30px;
  pointer-events: none;
}
.layer-wordpress-hosting .plan-ribbon::before {
  left: 0;
  background: radial-gradient(circle at bottom right, transparent 28px, #457bff 30px);
}
.layer-wordpress-hosting .plan-ribbon::after {
  right: 0;
  background: radial-gradient(circle at bottom left, transparent 28px, #457bff 30px);
}
.layer-wordpress-hosting .hosting-plan.featured:hover {
  background: rgba(33, 37, 41, 0.02);
}
.layer-wordpress-hosting .plan-name { margin: 0 0 16px; font-size: 20px; line-height: 28px; }
.layer-wordpress-hosting .plan-description { min-height: 66px; margin: 0 0 24px; font-size: 14px; line-height: 28px; }
.layer-wordpress-hosting .plan-price-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; min-height: 28px; margin-bottom: 20px; }
.layer-wordpress-hosting .plan-original { color: #666; font-size: 14px; text-decoration: line-through; }
.layer-wordpress-hosting .plan-price-meta .discount-badge { padding: 2px 8px; font-size: 14px; line-height: 20px; }
.layer-wordpress-hosting .plan-price { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; color: #181818; }
.layer-wordpress-hosting .plan-price small { font-family: "PlusJakartaSans Bold" !important; font-size: 16px; white-space: nowrap; }
.layer-wordpress-hosting .plan-renewal { min-height: 22px; margin: 4px 0 22px; color: #666; font-size: 12px; line-height: 22px; }
.layer-wordpress-hosting .plan-buy { width: 100%; min-height: 60px; border-color: #457bff; color: #457bff; background: #fff; }
.layer-wordpress-hosting .featured .plan-buy { color: #fff; background: #457bff; }
.layer-wordpress-hosting .plan-features { display: grid; gap: 14px; margin: 40px 0 0; padding: 24px 0 0; border-top: 1px solid #ededed; list-style: none; }
.layer-wordpress-hosting .plan-feature { display: flex; align-items: flex-start; gap: 10px; font-size: 16px; line-height: 24px; }
.layer-wordpress-hosting .plan-feature > img { width: 18px; flex: none; margin-top: 3px; }
.layer-wordpress-hosting .plan-feature p { margin: 0; font-size: inherit; line-height: inherit; }
.layer-wordpress-hosting .plan-feature details { margin-left: auto; flex: none; position: relative; }
.layer-wordpress-hosting .plan-feature summary { display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid #aaa; border-radius: 50%; cursor: pointer; font-size: 12px; list-style: none; }
.layer-wordpress-hosting .feature-help { position: absolute; z-index: 3; right: 0; top: 24px; width: 240px; padding: 14px; border: 1px solid #e0e0e0; border-radius: 10px; background: #fff; box-shadow: 0 4px 16px #00000014; }
.layer-wordpress-hosting .operations-heading { max-width: 690px; margin: 0 auto 100px; text-align: center; line-height: 72px; }
.layer-wordpress-hosting .operations-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; }
.layer-wordpress-hosting .operation-card { min-width: 0; min-height: 368px; padding: 236px 28px 40px; border: 1px solid #ebebeb; border-radius: 22px; background-position: center top; background-repeat: no-repeat; background-size: cover; text-align: center; overflow: hidden; }
.layer-wordpress-hosting .operation-card-narrow { grid-column: span 5; }
.layer-wordpress-hosting .operation-card-wide { grid-column: span 7; }
.layer-wordpress-hosting .operation-card-third { grid-column: span 4; min-height: 388px; }
.layer-wordpress-hosting .operation-card h3 { margin: 0 0 12px; font-size: 24px; line-height: 31px; }
.layer-wordpress-hosting .operation-card p { margin: 0; color: #5c5c5c; font-size: 15px; line-height: 31px; white-space: pre-line; }
.layer-wordpress-hosting .migration-banner { display: flex; align-items: center; justify-content: space-between; gap: 60px; min-height: 407px; padding: 56px 84px; border-radius: 26px; background: #457bff url("../img/hosting/cloud-hosting/bg-2.png") center / cover no-repeat; color: #fff; }
.layer-wordpress-hosting .migration-copy { max-width: 610px; }
.layer-wordpress-hosting .migration-copy h2 { max-width: 510px; margin: 0 0 8px; color: #fff; font-size: 44px; line-height: 68px; }
.layer-wordpress-hosting .migration-copy p { margin: 0; font-family: "PlusJakartaSans Light" !important; font-size: 16px; line-height: 36px; }
.layer-wordpress-hosting .migration-action { flex: none; text-align: center; }
.layer-wordpress-hosting .feature-image { display: block; width: 100%; }
.layer-wordpress-hosting .customers-heading { max-width: 820px; margin-inline: auto; text-align: center; }
.layer-wordpress-hosting .section-8 { padding: 152px 0 0; }
.layer-wordpress-hosting .reviews-heading { max-width: 480px; margin: 32px 0 48px; font-size: 41px; line-height: 60px; }
.layer-wordpress-hosting .section-8 .swiper-wrapper { align-items: stretch; }
.layer-wordpress-hosting .section-8 .swiper-slide { height: auto; }
.layer-wordpress-hosting .testimonial-card { display: flex; flex-direction: column; height: 100%; min-height: 440px; padding: 34px 48px; border: 1px solid #ededed; border-radius: 22px; background: linear-gradient(135deg, #fff, #faf8ff); }
.layer-wordpress-hosting .testimonial-avatar { display: block; width: 44px; height: 44px; object-fit: cover; border-radius: 50%; margin-bottom: 32px; }
.layer-wordpress-hosting .testimonial-stars { display: block; width: 108px; margin-bottom: 28px; }
.layer-wordpress-hosting .testimonial-content { margin: 0 0 32px; font-family: "PlusJakartaSans Bold" !important; font-size: 16px; line-height: 31px; }
.layer-wordpress-hosting .testimonial-author { margin-top: auto; }
.layer-wordpress-hosting .testimonial-name { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 18px; line-height: 30px; }
.layer-wordpress-hosting .testimonial-role { margin: 0; font-size: 14px; line-height: 28px; color: #5c5c5c; }
.layer-wordpress-hosting .testimonial-pagination { position: static; display: flex; justify-content: center; gap: 8px; margin-top: 64px; }
.layer-wordpress-hosting .testimonial-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0; opacity: 1; background: #fff; border: 1px solid #bfc4ce; cursor: pointer; }
.layer-wordpress-hosting .testimonial-pagination .swiper-pagination-bullet-active { background: #457bff; border-color: #457bff; }
.layer-wordpress-hosting .section-9 { padding: 116px 0 80px; }
.layer-wordpress-hosting .guides-heading { margin: 28px 0 0; font-size: 41px; line-height: 55px; }
.layer-wordpress-hosting .guides-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 64px; }
.layer-wordpress-hosting .guide-card { display: block; padding: 26px 26px 40px; border: 1px solid #ededed; border-radius: 26px; text-decoration: none; color: #1a1a1a; }
.layer-wordpress-hosting .guide-image { display: block; width: 100%; aspect-ratio: 660 / 327; object-fit: cover; border-radius: 24px; background: #edf2ff; }
.layer-wordpress-hosting .guide-category { display: flex; margin-top: 22px; font-size: 16px; line-height: 24px; color: #4b7efc; align-items: center; gap: 10px; }
.layer-wordpress-hosting .guide-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-top: 8px; font-family: "PlusJakartaSans Bold" !important; font-size: 24px; line-height: 34px; }
.layer-wordpress-hosting .section-10 { padding: 104px 0 90px; background: #fafafa; }
.layer-wordpress-hosting .section-10 .section-head { margin-bottom: 100px; }
.layer-wordpress-hosting .section-11 { padding: 64px 0; background: #457bff url("../img/hosting/cloud-hosting/bg-2.png") center / cover no-repeat; color: #fff; }
.layer-wordpress-hosting .start-layout { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.layer-wordpress-hosting .start-copy { max-width: 760px; }
.layer-wordpress-hosting .start-copy h2 { margin: 0 0 8px; color: #fff; font-size: 44px; line-height: 68px; }
.layer-wordpress-hosting .start-copy p { max-width: 580px; margin: 0; font-size: 14px; line-height: 30px; }
.layer-wordpress-hosting .start-action { display: flex; align-items: center; gap: 52px; flex: none; }
.layer-wordpress-hosting .start-price > span { font-size: 16px; line-height: 24px; }
.layer-wordpress-hosting .start-price p { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; white-space: nowrap; }
.layer-wordpress-hosting .start-price small { font-size: 14px; }
@media (max-width: 1399.98px) {
  .layer-wordpress-hosting .hosting-plan { padding-inline: 20px; }
  .layer-wordpress-hosting .hosting-plan.featured { padding-inline: 17px; }
  .layer-wordpress-hosting .plan-price { font-size: 30px; }
  .layer-wordpress-hosting .start-action { gap: 24px; }
}
@media (max-width: 1199.98px) {
  .layer-wordpress-hosting .hero-main { padding-block: 72px; min-height: 0; }
  .layer-wordpress-hosting .hero-title { font-size: 42px; line-height: 56px; }
  .layer-wordpress-hosting .hero-price-line .discount-badge { margin-left: 0; }
  .layer-wordpress-hosting .trust-metric { padding-inline: 32px; }
  .layer-wordpress-hosting .hosting-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 80px; }
  .layer-wordpress-hosting .hosting-plan { padding: 32px; }
  .layer-wordpress-hosting .hosting-plan.featured { padding: 29px; }
  .layer-wordpress-hosting .migration-banner { padding: 48px; gap: 32px; }
  .layer-wordpress-hosting .migration-copy h2 { font-size: 38px; line-height: 56px; }
  .layer-wordpress-hosting .testimonial-card { padding: 28px; }
  .layer-wordpress-hosting .start-layout { flex-wrap: wrap; gap: 32px; }
}
@media (max-width: 991.98px) {
  .layer-wordpress-hosting .hero-main { padding: 56px 0 96px; }
  .layer-wordpress-hosting .hero-copy { max-width: 720px; margin-inline: auto; }
  .layer-wordpress-hosting .hero-visual { max-width: 700px; margin: 40px auto 0; }
  .layer-wordpress-hosting .trust-metric { padding-inline: 20px; gap: 12px; }
  .layer-wordpress-hosting .trust-metric > img { width: 64px; }
  .layer-wordpress-hosting .section-2 { padding-top: 64px; }
  .layer-wordpress-hosting .section-heading { font-size: 36px; line-height: 50px; }
  .layer-wordpress-hosting .operations-heading { margin-bottom: 56px; line-height: 54px; }
  .layer-wordpress-hosting .operation-card { grid-column: span 6; padding-inline: 20px; }
  .layer-wordpress-hosting .operation-card:last-child { grid-column: 4 / span 6; }
  .layer-wordpress-hosting .migration-banner { flex-direction: column; align-items: flex-start; }
  .layer-wordpress-hosting .section-8 { padding-top: 80px; }
  .layer-wordpress-hosting .section-9 { padding-block: 80px; }
  .layer-wordpress-hosting .guide-title { font-size: 20px; line-height: 30px; }
  .layer-wordpress-hosting .section-10 { padding-block: 72px; }
  .layer-wordpress-hosting .section-10 .section-head { margin-bottom: 56px; }
}
@media (max-width: 767.98px) {
  .layer-wordpress-hosting .hero-title { font-size: 36px; line-height: 48px; }
  .layer-wordpress-hosting .trust-metric { padding-inline: 16px; flex-direction: column; gap: 8px; text-align: center; }
  .layer-wordpress-hosting .trust-metric > img { width: 72px; }
  .layer-wordpress-hosting .billing-options { margin-block: 40px 72px; border-radius: 18px; }
  .layer-wordpress-hosting .billing-option { gap: 6px; padding-inline: 10px; }
  .layer-wordpress-hosting .hosting-plans { grid-template-columns: minmax(0, 1fr); max-width: 460px; margin-inline: auto; }
  .layer-wordpress-hosting .guides-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .layer-wordpress-hosting .guide-card { padding: 20px 20px 28px; }
  .layer-wordpress-hosting .reviews-heading,
  .layer-wordpress-hosting .guides-heading { font-size: 34px; line-height: 48px; }
  .layer-wordpress-hosting .section-10 .faq-question { padding: 20px; gap: 16px; font-size: 16px; }
  .layer-wordpress-hosting .section-10 .faq-answer { padding: 20px; }
  .layer-wordpress-hosting .start-copy h2 { font-size: 34px; line-height: 48px; }
}
@media (max-width: 575.98px) {
  .layer-wordpress-hosting .hero-main { padding: 56px 0 136px;}
  .layer-wordpress-hosting .section-heading,
  .layer-wordpress-hosting .reviews-heading,
  .layer-wordpress-hosting .guides-heading,
  .layer-wordpress-hosting .migration-copy h2,
  .layer-wordpress-hosting .start-copy h2 { font-size: 30px; line-height: 44px; }
  .layer-wordpress-hosting .cloud-button { padding-inline: 24px; font-size: 16px; }
  .layer-wordpress-hosting .hero-badge { font-size: 12px; gap: 5px; }
  .layer-wordpress-hosting .hero-features { gap: 16px 12px; }
  .layer-wordpress-hosting .hero-features li { font-size: 13px; line-height: 22px; gap: 6px; align-items: flex-start; }
  .layer-wordpress-hosting .hero-features img { width: 20px; }
  .layer-wordpress-hosting .trust-metric { padding-inline: 28px; }
  .layer-wordpress-hosting .metric-number { font-size: 17px; }
  .layer-wordpress-hosting .trust-metric p { font-size: 12px; }
  .layer-wordpress-hosting .operations-grid { grid-template-columns: minmax(0, 1fr); }
  .layer-wordpress-hosting .operation-card,
  .layer-wordpress-hosting .operation-card:last-child { grid-column: auto; min-height: 368px; }
  .layer-wordpress-hosting .migration-banner { padding: 32px 24px; border-radius: 22px; }
  .layer-wordpress-hosting .migration-action { width: 100%; }
  .layer-wordpress-hosting .migration-action .cloud-button { width: 100%; }
  .layer-wordpress-hosting .start-action { flex-wrap: wrap; gap: 24px; }
  .layer-wordpress-hosting .section-11 { padding-block: 48px; }
}
@media (width < 480px) {
  .layer-wordpress-hosting .hero-main { padding: 56px 0 96px; }
  .layer-wordpress-hosting .hero-main::before,
  .layer-wordpress-hosting .hero-main::after { content: none; }
}

.layer-wordpress-hosting [hidden] { display: none !important; }
.layer-wordpress-hosting .plan-buy:disabled { opacity: .5; cursor: not-allowed; }
.layer-wordpress-hosting .cloud-text-bold,
.layer-wordpress-hosting .billing-option,
.layer-wordpress-hosting .billing-option .cycle-discount,
.layer-wordpress-hosting .plan-price-meta .discount-badge,
.layer-wordpress-hosting .plan-discount,
.layer-wordpress-hosting .plan-price-value,
.layer-wordpress-hosting .plan-price-unit {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-wordpress-hosting .plan-feature-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex: none;
  margin-top: 3px;
  background-color: #5a28fa;
  -webkit-mask: var(--plan-feature-icon) center / contain no-repeat;
  mask: var(--plan-feature-icon) center / contain no-repeat;
}
.layer-wordpress-hosting .guide-category img {
  width: 22px;
  flex: none;
}
.layer-wordpress-hosting .hero-floating { max-width: none; }
@media (min-width: 992px) {
  .layer-wordpress-hosting .hero-image {
    width: 112%; max-width: none; margin-left: -6%;
  }
}


/* WordPress Hosting: sections from the 1920px PSD. */
.layer-wordpress-hosting .hero-speed { left: 6%; top: 42%; }
.layer-wordpress-hosting .hero-security { right: 1%; top: 38%; }
.layer-wordpress-hosting .hero-cpanel { right: 15%; top: 72%; }
.layer-wordpress-hosting .ask { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:80px; padding:18px 24px; border-radius:12px; background:linear-gradient(100deg,#f1f5ff,#f4f0f7); }
.layer-wordpress-hosting .ask p { margin:0; font-size:16px; line-height:28px; }
.layer-wordpress-hosting .ask img { flex:none; }
.layer-wordpress-hosting .section-3 { padding-top:112px; }
.layer-wordpress-hosting .builder-banner { min-height:785px; padding:80px 50px 0; border-radius:22px; overflow:hidden; background:#563cff url("../img/hosting/wordpress/bg-sec-2.png") center / cover no-repeat; }
.layer-wordpress-hosting .builder-banner .section-heading { color:#fff; margin:24px auto 0; max-width:1100px; }
.layer-wordpress-hosting .builder-banner .section-description { max-width:760px; margin:20px auto 0; color:#fff; line-height:36px; }
.layer-wordpress-hosting .builder-banner .section-badge { font-size:14px; background:#ffffff1f; color:#fff; }
.layer-wordpress-hosting .wordpress-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.layer-wordpress-hosting .builder-steps { margin-top:72px; }
.layer-wordpress-hosting .wordpress-card { min-width:0; overflow:hidden; border-radius:20px; background:linear-gradient(180deg,#fff,#f9f9f9); }
.layer-wordpress-hosting .wordpress-card-image { display:block; width:100%; }
.layer-wordpress-hosting .wordpress-card-body { padding:24px 32px 54px; }
.layer-wordpress-hosting .wordpress-card h3 { margin:12px 0 8px; font-size:24px; line-height:36px; }
.layer-wordpress-hosting .wordpress-card p { margin:0; font-size:16px; line-height:36px; font-family:"PlusJakartaSans Light" !important; }
.layer-wordpress-hosting .step-number { display:inline-flex; align-items:center; justify-content:center; padding:4px 10px; border-radius:12px; background:#ebf0fa; color:#457bff; font-family:"PlusJakartaSans Bold" !important; font-size:28px; line-height:42px; }
.layer-wordpress-hosting .section-4 { padding-top:140px; }
.layer-wordpress-hosting .operations-heading { max-width:750px; margin:0 auto 72px; }
.layer-wordpress-hosting .operations-heading .section-heading { max-width:680px; margin:auto; }
.layer-wordpress-hosting .operation-card-install { background-image:url("../img/hosting/wordpress/install.png"); }
.layer-wordpress-hosting .operation-card-backup { background-image:url("../img/hosting/wordpress/backup.png"); }
.layer-wordpress-hosting .operation-card-unlimited { background-image:url("../img/hosting/wordpress/unlimited.png"); }
.layer-wordpress-hosting .operation-card-speed { background-image:url("../img/hosting/wordpress/speed.png"); }
.layer-wordpress-hosting .operation-card-ssl { background-image:url("../img/hosting/wordpress/free-ssl.png"); }
.layer-wordpress-hosting .operation-card-secure { background-image:url("../img/hosting/wordpress/auto-secure.png"); }
.layer-wordpress-hosting .operation-card-payback { background-image:url("../img/hosting/wordpress/payback.png"); }
.layer-wordpress-hosting .section-5 { padding-top:114px; padding-bottom:130px; }
.layer-wordpress-hosting .migration-copy { max-width:680px; }
.layer-wordpress-hosting .migration-copy h2 { max-width:650px; }
.layer-wordpress-hosting .section-6 { padding:92px 0 112px; color:#fff; background:#7b2aff url("../img/hosting/wordpress/noi-bat.png") center / cover no-repeat; }
.layer-wordpress-hosting .section-6 .section-heading { max-width:720px; margin:24px auto 0; color:#fff; }
.layer-wordpress-hosting .section-6 .section-badge { color:#fff; background:#ffffff1a; font-size:14px; }
.layer-wordpress-hosting .wordpress-feature-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; max-width:1180px; margin:84px auto 0; border:1px solid rgba(255,255,255,.14); border-radius:16px; overflow:hidden; }
.layer-wordpress-hosting .wordpress-feature-columns > div { min-width:0; }
.layer-wordpress-hosting .wordpress-feature-columns > div + div { border-left:1px solid rgba(255,255,255,.14); }
.layer-wordpress-hosting .wordpress-feature-columns li:last-child { margin-bottom:0; }
.layer-wordpress-hosting .wordpress-feature-columns h3 { display:flex; align-items:center; min-height:88px; margin:0; padding:24px 48px; border-bottom:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.025); color:#fff; font-size:20px; line-height:36px; }
.layer-wordpress-hosting .wordpress-feature-columns ul { margin:0; padding:32px 48px 40px; list-style:none; }
.layer-wordpress-hosting .wordpress-feature-columns li { position:relative; padding-left:28px; font-family:"PlusJakartaSans Bold" !important; font-size:16px; line-height:30px; margin-bottom:16px; }
.layer-wordpress-hosting .wordpress-feature-columns li::before { content:""; position:absolute; top:8px; left:0; width:14px; height:14px; background:url("../img/hosting/cloud-hosting/yellow-check.png") center / contain no-repeat; }
.layer-wordpress-hosting .section-7 { padding-top:140px; }
.layer-wordpress-hosting .section-7 .section-description { max-width:910px; margin:20px auto 0; line-height:36px; }
.layer-wordpress-hosting .tools-grid { margin-top:72px; }
.layer-wordpress-hosting .tools-grid .wordpress-card { background:linear-gradient(180deg,#fff,#f5f0ff); text-align:center; }
.layer-wordpress-hosting .section-9 .guide-image { border-radius:20px; }
@media (max-width:1199.98px) {
 .layer-wordpress-hosting .builder-banner { min-height:640px; padding:60px 32px 0; }
 .layer-wordpress-hosting .wordpress-card-body { padding:20px 24px 28px; }
 .layer-wordpress-hosting .wordpress-feature-columns > div > h3 { padding-inline:28px; }
 .layer-wordpress-hosting .wordpress-feature-columns ul { padding-inline:28px; }
}
@media (max-width:991.98px) {
 .layer-wordpress-hosting .section-3,.layer-wordpress-hosting .section-4,.layer-wordpress-hosting .section-7 { padding-top:80px; }
 .layer-wordpress-hosting .section-5 { padding:80px 0; }
 .layer-wordpress-hosting .section-6 { padding:72px 0; }
 .layer-wordpress-hosting .builder-banner { position:relative; isolation:isolate; min-height:0; padding:40px 24px calc(36% + 24px); background:#563cff; }
 .layer-wordpress-hosting .builder-banner::before { content:""; position:absolute; z-index:-1; inset:auto 0 0; aspect-ratio:1440 / 785; pointer-events:none; background:url("../img/hosting/wordpress/bg-sec-2.png") center bottom / 100% 100% no-repeat; -webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%); mask-image:linear-gradient(to bottom,transparent,#000 30%); }
 .layer-wordpress-hosting .wordpress-card h3 { font-size:20px; line-height:30px; }
 .layer-wordpress-hosting .wordpress-card p { font-size:15px; line-height:28px; }
 .layer-wordpress-hosting .wordpress-card-body { padding:20px 18px 28px; }
 .layer-wordpress-hosting .wordpress-feature-columns { margin-top:56px; }
 .layer-wordpress-hosting .wordpress-feature-columns > div > h3 { padding-inline:20px; }
 .layer-wordpress-hosting .wordpress-feature-columns ul { padding-inline:20px; }
 .layer-wordpress-hosting .wordpress-feature-columns li { font-size:14px; }
}
@media (max-width:767.98px) {
 .layer-wordpress-hosting .wordpress-card-grid,.layer-wordpress-hosting .wordpress-feature-columns { grid-template-columns:minmax(0,1fr); }
 .layer-wordpress-hosting .wordpress-card-grid { max-width:540px; margin-inline:auto; gap:32px; }
 .layer-wordpress-hosting .builder-banner { padding-top:32px; padding-inline:20px; }
 .layer-wordpress-hosting .builder-banner .section-heading { margin-top:16px; }
 .layer-wordpress-hosting .builder-banner .section-description { font-size:14px; line-height:26px; margin-top:12px; }
 .layer-wordpress-hosting .wordpress-card-body { padding:24px; }
 .layer-wordpress-hosting .wordpress-feature-columns > div + div { border-left:0; border-top:1px solid rgba(255,255,255,.14); }
 .layer-wordpress-hosting .wordpress-feature-columns > div > h3 { min-height:0; padding:20px 24px; }
 .layer-wordpress-hosting .wordpress-feature-columns ul { padding:24px; }
 .layer-wordpress-hosting .wordpress-feature-columns li { font-size:16px; }
 .layer-wordpress-hosting .ask { margin-top:56px; gap:10px; padding:16px; }
 .layer-wordpress-hosting .ask p { font-size:13px; }
 .layer-wordpress-hosting .operations-heading { margin-bottom:48px; }
}
@media (max-width:479.98px) {
 .layer-wordpress-hosting .hero-floating { max-width:42%; }
 .layer-wordpress-hosting .hero-speed { left:0; top:40%; }
 .layer-wordpress-hosting .hero-security { right:0; top:30%; }
 .layer-wordpress-hosting .hero-cpanel { right:10%; top:68%; }

 .layer-wordpress-hosting .builder-banner .section-heading { font-size:26px; line-height:38px; }
}


/* Hosting hero pointer motion: shared with Free Domain in main.js. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .layer-cloud-hosting .section-1 .hero-floating,
  .layer-wordpress-hosting .section-1 .hero-floating {
    translate: var(--domain-card-x, 0px) var(--domain-card-y, 0px);
    transition: translate 350ms ease-out;
  }
  .layer-cloud-hosting .section-1 .hero-speed,
  .layer-cloud-hosting .section-1 .hero-security,
  .layer-wordpress-hosting .section-1 .hero-speed,
  .layer-wordpress-hosting .section-1 .hero-security {
    translate: calc(var(--domain-card-x, 0px) * 0.7) calc(var(--domain-card-y, 0px) * 0.7);
  }
}


/* Hosting solutions comparison — PSD 1920px. */
.layer-giai-phap-hosting { color:#1a1a1a; font-family:"PlusJakartaSans Regular" !important; }
.layer-giai-phap-hosting *, .layer-giai-phap-hosting *::before, .layer-giai-phap-hosting *::after { box-sizing:border-box; }
.layer-giai-phap-hosting p, .layer-giai-phap-hosting a, .layer-giai-phap-hosting button, .layer-giai-phap-hosting td { font-family:"PlusJakartaSans Regular" !important; }
.layer-giai-phap-hosting h1, .layer-giai-phap-hosting h2, .layer-giai-phap-hosting h3, .layer-giai-phap-hosting th, .layer-giai-phap-hosting .hosting-text-bold, .layer-giai-phap-hosting .hosting-button, .layer-giai-phap-hosting .section-badge { font-family:"PlusJakartaSans Bold" !important; }
.layer-giai-phap-hosting img { max-width:100%; height:auto; }
.layer-giai-phap-hosting .section-head { text-align:center; }
.layer-giai-phap-hosting .section-heading { margin:0; font-size:44px; line-height:60px; color:#1a1a1a; }
.layer-giai-phap-hosting .section-description { max-width:580px; margin:16px auto 28px; font-size:16px; line-height:36px; font-family:"PlusJakartaSans Light" !important; color:#5c5c5c; }
.layer-giai-phap-hosting .section-badge { display:inline-flex; margin-bottom:24px; padding:6px 18px; border-radius:999px; background:#f3efff; color:#754bfc; font-size:16px; line-height:24px; text-transform: uppercase; }
.layer-giai-phap-hosting .hosting-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:68px; padding:16px 32px; border:1px solid transparent; border-radius:14px; font-size:18px; line-height:30px; text-decoration:none; transition:box-shadow .2s,background-color .2s; }
.layer-giai-phap-hosting .hosting-button img { flex:none; }
.layer-giai-phap-hosting .hosting-button:hover { box-shadow:0 6px 18px #1a1a1a1a; }
.layer-giai-phap-hosting a:focus-visible, .layer-giai-phap-hosting button:focus-visible, .layer-giai-phap-hosting .comparison-scroll:focus-visible { outline:3px solid #754bfc; outline-offset:4px; }
.layer-giai-phap-hosting .button-primary { background:#457bff; color:#fff; }
.layer-giai-phap-hosting .button-outline { background:#fff; border-color:#ededed; color:#1a1a1a; }
.layer-giai-phap-hosting .button-yellow { background:#ffe000; color:#1a1a1a; }
.layer-giai-phap-hosting .button-chat { color:#fff; background:#ffffff33; }

/* Section 1 */
.layer-giai-phap-hosting .section-1 { overflow:hidden; }
.layer-giai-phap-hosting .hero-main { position:relative; isolation:isolate; min-height:856px; padding:80px 0 104px; background:#fff url("../img/domain/bg001.png") center top / cover no-repeat; }
.layer-giai-phap-hosting .hero-main::before, .layer-giai-phap-hosting .hero-main::after { content:""; position:absolute; inset-block:0; width:40%; z-index:-1; pointer-events:none; background-repeat:no-repeat; background-size:cover; }
.layer-giai-phap-hosting .hero-main::before { left:0; background-image:url("../img/domain/left.png"); background-position:right top; }
.layer-giai-phap-hosting .hero-main::after { right:0; background-image:url("../img/domain/right.png"); background-position:left top; }
.layer-giai-phap-hosting .hero-main .row { align-items:flex-start !important; }
.layer-giai-phap-hosting .hero-copy { position:relative; z-index:1; }
.layer-giai-phap-hosting .hero-badge { display:inline-flex; align-items:center; gap:8px; margin-bottom:32px; padding:6px 14px; border-radius:999px; background: #e8efff url("../img/hosting/vds/fl.png") center / cover no-repeat; color:#457bff; font-size:16px; line-height:24px; }
.layer-giai-phap-hosting .hero-badge img { width:22px; }
.layer-giai-phap-hosting .hero-title { margin:0; font-size:48px; line-height:60px; color:#181818; }
.layer-giai-phap-hosting .hero-description { max-width:550px; margin:24px 0 0; font-size:16px; line-height:36px; }
.layer-giai-phap-hosting .hero-actions { display:flex; flex-wrap:wrap; gap:30px; margin-top:72px; }
.layer-giai-phap-hosting .hero-visual { position:relative; width:100%; aspect-ratio:760 / 650; }
.layer-giai-phap-hosting .hero-image { display:block; max-width:none; margin-left:-6%; }
.layer-giai-phap-hosting .hero-floating { position:absolute; max-width:none; }
.layer-giai-phap-hosting .hero-vn { left:13.5%; top:84%; }
.layer-giai-phap-hosting .hero-cloud { right:17.5%; top:1%; }
.layer-giai-phap-hosting .hero-vps { right:2%; top:16%; }
.layer-giai-phap-hosting .trust-strip { background:url("../img/domain/bg-2.png") center / cover no-repeat; }
.layer-giai-phap-hosting .trust-metrics { display:flex; justify-content:center; padding-block:16px; }
.layer-giai-phap-hosting .trust-metric { display:flex; align-items:center; gap:20px; padding:0 54px; }
.layer-giai-phap-hosting .trust-metric + .trust-metric { border-left:1px solid #bababa; }
.layer-giai-phap-hosting .trust-metric > img { width:100px; }
.layer-giai-phap-hosting .metric-number { display:block; font-family:"PlusJakartaSans Bold" !important; font-size:20px; line-height:28px; }
.layer-giai-phap-hosting .trust-metric p { margin:0; font-size:14px; line-height:24px; }

/* Section 2: preserve all six service columns on smaller screens. */
.layer-giai-phap-hosting .section-2 { padding-top:88px; scroll-margin-top:100px; }
.layer-giai-phap-hosting .comparison-scroll { margin-top:64px; border:1px solid #ededed; border-radius:22px; background:#fff; overflow:hidden; }
.layer-giai-phap-hosting .comparison-table { width:100%; min-width:1200px; table-layout:fixed; border-collapse:separate; border-spacing:0; margin:0; font-size:16px; line-height:28px; color:#5c5c5c; }
.layer-giai-phap-hosting .comparison-table th, .layer-giai-phap-hosting .comparison-table td { padding:26px 20px; border:0; border-right:1px solid #ededed; border-bottom:1px solid #ededed; vertical-align:top; overflow-wrap:break-word; }
.layer-giai-phap-hosting .comparison-table thead th { padding-block:28px; text-align:center; color:#1a1a1a; background:#fff; }
.layer-giai-phap-hosting .comparison-table thead th:first-child { text-transform: uppercase; }
.layer-giai-phap-hosting .comparison-table th:first-child { width:24%; vertical-align: middle; padding-left: 28px; }
.layer-giai-phap-hosting .comparison-table tbody th { color:#1a1a1a; text-align:center; vertical-align:middle; }
.layer-giai-phap-hosting .comparison-table tbody tr { background:#fff; }
.layer-giai-phap-hosting .comparison-table tbody tr:nth-child(odd) { background:#f8f8f8; }
.layer-giai-phap-hosting .comparison-table tbody td { text-align:left; }
.layer-giai-phap-hosting .comparison-table .comparison-status { text-align:center; }
.layer-giai-phap-hosting .comparison-table .comparison-status img { display:inline-block; vertical-align:middle; }
.layer-giai-phap-hosting .comparison-table tr > :last-child { border-right:0; }
.layer-giai-phap-hosting .comparison-table tbody tr:last-child > * { border-bottom:0; }

/* Section 3 */
.layer-giai-phap-hosting .section-3 { padding-top:132px; }
.layer-giai-phap-hosting .benefits-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:64px; }
.layer-giai-phap-hosting .benefit-card { min-width:0; padding:36px 32px; border:1px solid #f0f0f0; border-radius:18px; background:#fff; box-shadow:0 4px 24px #1a1a1a03; }
.layer-giai-phap-hosting .benefit-icon { display:block; margin-bottom:24px; }
.layer-giai-phap-hosting .benefit-card h3 { margin:0 0 16px; font-size:24px; line-height:34px; }
.layer-giai-phap-hosting .benefit-card p { margin:0; font-size:16px; line-height:32px; color:#5c5c5c; font-family:"PlusJakartaSans Light" !important; }

/* Section 4: same ACF FAQ structure as the hosting pages. */
.layer-giai-phap-hosting .section-4 { padding:140px 0 104px; }
.layer-giai-phap-hosting .faq-accordion { margin-top:80px; border:1px solid #ededed; border-radius:16px; overflow:hidden; }
.layer-giai-phap-hosting .faq-item + .faq-item { border-top:1px solid #ededed; }
.layer-giai-phap-hosting .faq-question { display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; padding:24px 48px; border:0; background:#fff; color:#1a1a1a; text-align:left; font-size:18px; line-height:32px; cursor:pointer; }
.layer-giai-phap-hosting .sub-question { font-family:"PlusJakartaSans Bold" !important; }
.layer-giai-phap-hosting .faq-icon { flex:none; transition:transform .2s; }
.layer-giai-phap-hosting .faq-item.is-active .faq-question { background:#cfe1ff; }
.layer-giai-phap-hosting .faq-item.is-active .faq-icon { transform:rotate(180deg); }
.layer-giai-phap-hosting .faq-answer { padding:24px 48px; color:#5c5c5c; font-size:16px; line-height:32px; }
.layer-giai-phap-hosting .sub-answer, .layer-giai-phap-hosting .sub-answer p { font-family:"PlusJakartaSans Light" !important; font-size:16px; line-height:32px; }
.layer-giai-phap-hosting .sub-answer > :last-child { margin-bottom:0; }

/* Section 5 */
.layer-giai-phap-hosting .section-5 { padding:48px 0; background:#457bff url("../img/hosting/giai-phap/bg-2.png") center / cover no-repeat; color:#fff; }
.layer-giai-phap-hosting .start-layout { display:flex; align-items:center; justify-content:space-between; gap:48px; }
.layer-giai-phap-hosting .start-copy h2 { margin:0 0 8px; font-size:44px; line-height:68px; color:#fff; }
.layer-giai-phap-hosting .start-copy p { margin:0; font-size:16px; line-height:30px; font-family:"PlusJakartaSans Light" !important; }
.layer-giai-phap-hosting .start-actions { display:flex; flex:none; gap:20px; }

/* Hosting solutions responsive */
@media (max-width:1399.98px) {
 .layer-giai-phap-hosting .hero-title { font-size:42px; line-height:56px; }
 .layer-giai-phap-hosting .hero-actions { gap:20px; }
 .layer-giai-phap-hosting .start-layout { gap:32px; }
 .layer-giai-phap-hosting .start-actions { gap:16px; }
 .layer-giai-phap-hosting .start-actions .hosting-button { padding-inline:24px; }
}
@media (max-width:1199.98px) {
 .layer-giai-phap-hosting .hero-main { min-height:0; padding:80px 0; }
 .layer-giai-phap-hosting .hero-vps { right: -5%; top: 16%; }
 .layer-giai-phap-hosting .hero-cloud { right: 14.5%; top: -5%; }
 .layer-giai-phap-hosting .hero-image { max-width: 97%; }
 .layer-giai-phap-hosting .hero-actions { margin-top:40px; }
 .layer-giai-phap-hosting .trust-metric { padding-inline:32px; }
 .layer-giai-phap-hosting .comparison-scroll { margin-top:0; overflow: auto; }
 .layer-giai-phap-hosting .comparison-table th:first-child { position:sticky; left:0; z-index:1; width:240px; box-shadow:3px 0 6px #00000006; }
 .layer-giai-phap-hosting .comparison-table tbody tr:nth-child(odd) th { background:#f8f8f8; }
 .layer-giai-phap-hosting .comparison-table tbody tr:nth-child(even) th { background:#fff; }
 .layer-giai-phap-hosting .benefit-card { padding:28px; }
 .layer-giai-phap-hosting .benefit-card h3 { font-size:22px; }
 .layer-giai-phap-hosting .start-layout { flex-wrap:wrap; }
}
@media (max-width:991.98px) {
 .layer-giai-phap-hosting .hero-main { padding:56px 0; }
 .layer-giai-phap-hosting .hero-vps { right: 4%; top: 11%; }
 .layer-giai-phap-hosting .hero-cloud { right: 20.5%; top: -3%; }
 .layer-giai-phap-hosting .hero-visual { max-width:680px; margin:72px auto 0; }
 .layer-giai-phap-hosting .hero-image { width:85%; margin-left:0; }
 .layer-giai-phap-hosting .section-heading { font-size:36px; line-height:50px; }
 .layer-giai-phap-hosting .trust-metric { padding-inline:20px; gap:12px; }
 .layer-giai-phap-hosting .trust-metric > img { width:64px; }
 .layer-giai-phap-hosting .section-2, .layer-giai-phap-hosting .section-3 { padding-top:80px; }
 .layer-giai-phap-hosting .benefits-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:48px; }
 .layer-giai-phap-hosting .section-4 { padding:80px 0; }
 .layer-giai-phap-hosting .faq-accordion { margin-top:48px; }
}
@media (max-width:767.98px) {
 .layer-giai-phap-hosting .hero-title { font-size:36px; line-height:48px; }
 .layer-giai-phap-hosting .trust-metric { flex-direction:column; gap:8px; padding-inline:16px; text-align:center; }
 .layer-giai-phap-hosting .trust-metric > img { width:72px; }
 .layer-giai-phap-hosting .comparison-table { min-width:1100px; font-size:14px; line-height:26px; }
 .layer-giai-phap-hosting .comparison-table th, .layer-giai-phap-hosting .comparison-table td { padding:20px; }
 .layer-giai-phap-hosting .comparison-table th:first-child { width:176px; }
 .layer-giai-phap-hosting .benefits-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
 .layer-giai-phap-hosting .faq-question, .layer-giai-phap-hosting .faq-answer { padding:20px; }
 .layer-giai-phap-hosting .faq-question { font-size:16px; }
 .layer-giai-phap-hosting .start-copy h2 { font-size:34px; line-height:48px; }
 .layer-giai-phap-hosting .start-actions { flex-wrap:wrap; }
}
@media (max-width:479.98px) {
 .layer-giai-phap-hosting .hero-main::before, .layer-giai-phap-hosting .hero-main::after { content:none; }
 .layer-giai-phap-hosting .hero-badge { font-size:12px; gap:6px; margin-bottom:24px; }
 .layer-giai-phap-hosting .hero-title { font-size:32px; line-height:44px; }
 .layer-giai-phap-hosting .section-heading { font-size:30px; line-height:44px; }
 .layer-giai-phap-hosting .hosting-button { min-height:56px; padding:12px 20px; font-size:16px; gap:16px; }
 .layer-giai-phap-hosting .hero-actions { gap:12px; }
 .layer-giai-phap-hosting .hero-floating { max-width:38%; }
 .layer-giai-phap-hosting .hero-cloud { max-width:20%; right: 17.5%; top: -8%; }
 .layer-giai-phap-hosting .hero-vps { max-width:20%; right: 0%; top: 11%; }
 .layer-giai-phap-hosting .trust-metric { padding-inline:28px; }
 .layer-giai-phap-hosting .metric-number { font-size:17px; }
 .layer-giai-phap-hosting .trust-metric p { font-size:12px; }
 .layer-giai-phap-hosting .comparison-table th:first-child { width:140px; }
 .layer-giai-phap-hosting .comparison-table th, .layer-giai-phap-hosting .comparison-table td { padding:16px; }
}


.layer-giai-phap-hosting .comparison-table thead th { vertical-align:middle; }
.layer-giai-phap-hosting .comparison-table thead th:first-child { text-transform:uppercase; }

/* VPS Hosting: shared hosting controls, with its own page scope. */
.layer-vps-hosting {
  color: #1a1a1a;
  font-family: "PlusJakartaSans Regular" !important;
}
.layer-vps-hosting *,
.layer-vps-hosting *::before,
.layer-vps-hosting *::after { box-sizing: border-box; }
.layer-vps-hosting p,
.layer-vps-hosting li,
.layer-vps-hosting button,
.layer-vps-hosting input,
.layer-vps-hosting a { font-family: "PlusJakartaSans Regular" !important; }
.layer-vps-hosting img { max-width: 100%; height: auto; }
.layer-vps-hosting h1,
.layer-vps-hosting h2,
.layer-vps-hosting h3,
.layer-vps-hosting .cloud-button,
.layer-vps-hosting .section-badge {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-vps-hosting .section-head { text-align: center; }
.layer-vps-hosting .section-heading { margin: 0; font-size: 44px; line-height: 60px; color: #1a1a1a; }
.layer-vps-hosting .section-description { margin: 12px 0 0; font-size: 16px; line-height: 37px; font-family: "PlusJakartaSans Light" !important; }
.layer-vps-hosting .section-badge { display: inline-flex; align-items: center; padding: 6px 22px; border-radius: 999px; background: #f1f5ff; color: #457bff; font-size: 16px; line-height: 24px; }
.layer-vps-hosting .badge-purple { background: #eee7ff; color: #754bfc; }
.layer-vps-hosting .cloud-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 60px; padding: 14px 32px; border: 1px solid transparent; border-radius: 16px; font-size: 18px; line-height: 30px; text-decoration: none; transition: background-color .2s, box-shadow .2s; }
.layer-vps-hosting .cloud-button > span[aria-hidden] { font-size: 30px; line-height: 1; }
.layer-vps-hosting .button-primary { background: #457bff; color: #fff; }
.layer-vps-hosting .button-yellow { background: #ffe000; color: #1a1a1a; }
.layer-vps-hosting .button-outline { background: #fff; border-color: #e0e0e0; color: #1a1a1a; }
.layer-vps-hosting .cloud-button:hover { box-shadow: 0 6px 18px #1a1a1a1a; }
.layer-vps-hosting a:focus-visible,
.layer-vps-hosting button:focus-visible { outline: 3px solid #754bfc; outline-offset: 4px; }
.layer-vps-hosting .guarantee { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 18px 0 0; color: #fff; font-size: 14px; line-height: 28px; }
.layer-vps-hosting .guarantee img { width: 16px; flex: none; }
.layer-vps-hosting .section-1 { overflow: hidden; background: #fff; }
.layer-vps-hosting .hero-main { position: relative; isolation: isolate; min-height: 805px; padding: 80px 0 104px; background: url("../img/domain/bg001.png") center top / cover no-repeat; }
.layer-vps-hosting .hero-main::before,
.layer-vps-hosting .hero-main::after { content: ""; position: absolute; inset-block: 0; z-index: -1; width: 40%; pointer-events: none; background-repeat: no-repeat; background-size: cover; }
.layer-vps-hosting .hero-main::before { left: 0; background-image: url("../img/domain/left.png"); background-position: right top; }
.layer-vps-hosting .hero-main::after { right: 0; background-image: url("../img/domain/right.png"); background-position: left top; }
.layer-vps-hosting .hero-copy { position: relative; z-index: 2; }
.layer-vps-hosting .hero-badge { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; padding: 6px 14px; border-radius: 999px; background: #e8efff url("../img/hosting/vds/fl.png") center / cover no-repeat; color: #457bff; font-size: 16px; line-height: 24px; font-family: "PlusJakartaSans Regular" !important; }
.layer-vps-hosting .hero-badge img { width: 22px; }
.layer-vps-hosting .hero-title { margin: 0 0 4px; font-size: 48px; line-height: 64px; color: #181818; letter-spacing: .01em; }
.layer-vps-hosting .hero-description { max-width: 550px; margin: 0; font-size: 16px; line-height: 36px; }
.layer-vps-hosting .hero-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; max-width: 600px; margin: 32px 0; padding: 0; list-style: none; }
.layer-vps-hosting .hero-features li { display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: 24px; }
.layer-vps-hosting .hero-features li > span { font-family: "PlusJakartaSans Regular" !important; }
.layer-vps-hosting .hero-features img { width: 25px; flex: none; }
.layer-vps-hosting .hero-price { margin-bottom: 28px; }
.layer-vps-hosting .price-label { display: block; margin-bottom: 8px; font-size: 16px; line-height: 24px; color: #5c5c5c; }
.layer-vps-hosting .hero-price-line { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.layer-vps-hosting .hero-price-number { font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; }
.layer-vps-hosting .hero-price-unit { display: flex; flex-direction: column; font-size: 12px; line-height: 20px; }
.layer-vps-hosting .hero-price-unit span:first-child { font-family: "PlusJakartaSans Bold" !important; font-size: 18px; }
.layer-vps-hosting .discount-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid #dfe9d2; border-radius: 999px; background: #e8f3db; color: #659338; font-size: 14px; line-height: 22px; font-family: "PlusJakartaSans Bold" !important; }
.layer-vps-hosting .hero-price-line .discount-badge { margin-left: 24px; }
.layer-vps-hosting .money-back { display: flex; align-items: center; gap: 8px; margin: 40px 0 0; font-size: 16px; line-height: 31px; }
.layer-vps-hosting .money-back img { width: 24px; }
.layer-vps-hosting .hero-visual { position: relative; width: 100%; aspect-ratio: 760 / 650; }
.layer-vps-hosting .hero-image { display: block; width: 100%; }
.layer-vps-hosting .hero-floating { position: absolute; }
.layer-vps-hosting .trust-strip { background: url("../img/domain/bg-2.png") center / cover no-repeat; }
.layer-vps-hosting .trust-metrics { display: flex; justify-content: center; padding-block: 16px; }
.layer-vps-hosting .trust-metric { display: flex; align-items: center; gap: 20px; padding: 0 54px; }
.layer-vps-hosting .trust-metric + .trust-metric { border-left: 1px solid #bababa; }
.layer-vps-hosting .trust-metric > img { width: 100px; }
.layer-vps-hosting .metric-number { display: block; font-family: "PlusJakartaSans Bold" !important; font-size: 20px; line-height: 28px; }
.layer-vps-hosting .trust-metric p { margin: 0; font-size: 14px; line-height: 24px; }
.layer-vps-hosting .section-2 { padding: 80px 0 0; scroll-margin-top: 100px; }
.layer-vps-hosting .billing-options { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; width: fit-content; max-width: 100%; margin: 56px auto 96px; padding: 6px; border: 1px solid #ededed; border-radius: 999px; background: #fafafa; }
.layer-vps-hosting .billing-option { display: inline-flex; align-items: center; gap: 12px; padding: 10px 14px; border: 0; border-radius: 999px; background: transparent; font-size: 15px; line-height: 22px; cursor: pointer; }
.layer-vps-hosting .billing-option.is-active { background: #fff; box-shadow: 0 2px 8px #0000000d; font-family: "PlusJakartaSans Bold" !important; }
.layer-vps-hosting .billing-option .cycle-discount { padding: 1px 8px; border-radius: 999px; background: #e8f3db; color: #659338; font-size: 15px; }
.layer-vps-hosting .hosting-plans { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.layer-vps-hosting .hosting-plans.no-cycle-options { margin-top: 108px; }
.layer-vps-hosting .hosting-plan { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 34px 26px 40px; border: 1px solid #e6e6e6; border-radius: 22px; background: #fff; --vps-plan-padding-inline: 26px; }
.layer-vps-hosting .hosting-plan.featured { border: 4px solid #457bff; padding: 31px 22px 37px; --vps-plan-padding-inline: 22px; }
.layer-vps-hosting .plan-ribbon {
  position: absolute;
  bottom: 100%;
  left: -4px;
  right: -4px;
  padding: 10px 42px;
  border-radius: 22px 22px 0 0;
  background: #457bff;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  width: auto;
  min-width: max-content;
  z-index: 2;
  font-family: "PlusJakartaSans Bold" !important;
  font-size: 16px;
}
.layer-vps-hosting .plan-ribbon::before,
.layer-vps-hosting .plan-ribbon::after {
  content: "";
  position: absolute;
  bottom: -25px;
  width: 30px;
  height: 30px;
  pointer-events: none;
}
.layer-vps-hosting .plan-ribbon::before {
  left: 0;
  background: radial-gradient(circle at bottom right, transparent 28px, #457bff 30px);
}
.layer-vps-hosting .plan-ribbon::after {
  right: 0;
  background: radial-gradient(circle at bottom left, transparent 28px, #457bff 30px);
}
.layer-vps-hosting .hosting-plan.featured:hover {
  background: rgba(33, 37, 41, 0.02);
}
.layer-vps-hosting .plan-name { margin: 0 0 16px; font-size: 20px; line-height: 28px; }
.layer-vps-hosting .plan-description { min-height: 66px; margin: 0 0 24px; font-size: 14px; line-height: 28px; }
.layer-vps-hosting .plan-price-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; min-height: 28px; margin-bottom: 20px; }
.layer-vps-hosting .plan-original { color: #666; font-size: 14px; text-decoration: line-through; }
.layer-vps-hosting .plan-price-meta .discount-badge { padding: 2px 8px; font-size: 14px; line-height: 20px; }
.layer-vps-hosting .plan-price { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; color: #181818; }
.layer-vps-hosting .plan-price small { font-family: "PlusJakartaSans Bold" !important; font-size: 14px; white-space: nowrap; }
.layer-vps-hosting .plan-renewal { min-height: 22px; margin: 4px 0 22px; color: #666; font-size: 12px; line-height: 22px; font-family: "PlusJakartaSans Light" !important; }
.layer-vps-hosting .plan-buy { width: 100%; min-height: 60px; border-color: #457bff; color: #457bff; background: #fff; }
.layer-vps-hosting .featured .plan-buy { color: #fff; background: #457bff; }
.layer-vps-hosting .plan-features { display: grid; gap: 14px; margin: 40px 0 0; padding: 24px 0 0; border-top: 1px solid #ededed; list-style: none; margin-inline: calc(-1 * var(--vps-plan-padding-inline)); padding-inline: var(--vps-plan-padding-inline); }
.layer-vps-hosting .plan-feature { display: flex; align-items: flex-start; gap: 16px; font-size: 16px; line-height: 24px; }
.layer-vps-hosting .plan-feature > img { width: 18px; flex: none; margin-top: 3px; }
.layer-vps-hosting .plan-feature p { margin: 0; font-size: inherit; line-height: inherit; }
.layer-vps-hosting .plan-feature details { margin-left: auto; flex: none; position: relative; }
.layer-vps-hosting .plan-feature summary { display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid #aaa; border-radius: 50%; cursor: pointer; font-size: 12px; list-style: none; }
.layer-vps-hosting .feature-help { position: absolute; z-index: 3; right: 0; top: 24px; width: 240px; padding: 14px; border: 1px solid #e0e0e0; border-radius: 10px; background: #fff; box-shadow: 0 4px 16px #00000014; }
.layer-vps-hosting .operations-heading { max-width: 690px; margin: 0 auto 100px; text-align: center; line-height: 72px; }
.layer-vps-hosting .operations-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; }
.layer-vps-hosting .operation-card { min-width: 0; min-height: 368px; padding: 236px 28px 40px; border: 1px solid #ebebeb; border-radius: 22px; background-position: center top; background-repeat: no-repeat; background-size: cover; text-align: center; overflow: hidden; }
.layer-vps-hosting .operation-card-narrow { grid-column: span 5; }
.layer-vps-hosting .operation-card-wide { grid-column: span 7; }
.layer-vps-hosting .operation-card-third { grid-column: span 4; min-height: 388px; }
.layer-vps-hosting .operation-card h3 { margin: 0 0 12px; font-size: 24px; line-height: 31px; }
.layer-vps-hosting .operation-card p { margin: 0; color: #5c5c5c; font-size: 15px; line-height: 31px; white-space: pre-line; }
.layer-vps-hosting .migration-banner { display: flex; align-items: center; justify-content: space-between; gap: 60px; min-height: 407px; padding: 56px 84px; border-radius: 30px; background: #457bff url("../img/hosting/cloud-hosting/bg-2.png") center / cover no-repeat; color: #fff; }
.layer-vps-hosting .migration-copy { max-width: 610px; }
.layer-vps-hosting .migration-copy h2 { max-width: 510px; margin: 0 0 8px; color: #fff; font-size: 44px; line-height: 68px; }
.layer-vps-hosting .migration-copy p { margin: 0; font-family: "PlusJakartaSans Light" !important; font-size: 16px; line-height: 36px; }
.layer-vps-hosting .migration-action { flex: none; text-align: center; }
.layer-vps-hosting .feature-image { display: block; width: 100%; }
.layer-vps-hosting .customers-heading { max-width: 820px; margin-inline: auto; text-align: center; }
.layer-vps-hosting .reviews-heading { max-width: 480px; margin: 32px 0 48px; font-size: 41px; line-height: 60px; }
.layer-vps-hosting .testimonial-card { display: flex; flex-direction: column; height: 100%; min-height: 440px; padding: 34px 48px; border: 1px solid #ededed; border-radius: 22px; background: linear-gradient(135deg, #fff, #faf8ff); }
.layer-vps-hosting .testimonial-avatar { display: block; width: 44px; height: 44px; object-fit: cover; border-radius: 50%; margin-bottom: 32px; }
.layer-vps-hosting .testimonial-stars { display: block; width: 108px; margin-bottom: 28px; }
.layer-vps-hosting .testimonial-content { margin: 0 0 32px; font-family: "PlusJakartaSans Bold" !important; font-size: 16px; line-height: 31px; }
.layer-vps-hosting .testimonial-author { margin-top: auto; }
.layer-vps-hosting .testimonial-name { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 18px; line-height: 30px; }
.layer-vps-hosting .testimonial-role { margin: 0; font-size: 14px; line-height: 28px; color: #5c5c5c; }
.layer-vps-hosting .testimonial-pagination { position: static; display: flex; justify-content: center; gap: 8px; margin-top: 64px; }
.layer-vps-hosting .testimonial-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0; opacity: 1; background: #fff; border: 1px solid #bfc4ce; cursor: pointer; }
.layer-vps-hosting .testimonial-pagination .swiper-pagination-bullet-active { background: #457bff; border-color: #457bff; }
.layer-vps-hosting .section-9 { padding: 116px 0 80px; }
.layer-vps-hosting .guides-heading { margin: 28px 0 0; font-size: 41px; line-height: 55px; }
.layer-vps-hosting .guides-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 64px; }
.layer-vps-hosting .guide-card { display: block; padding: 26px 26px 40px; border: 1px solid #ededed; border-radius: 30px; text-decoration: none; color: #1a1a1a; }
.layer-vps-hosting .guide-image { display: block; width: 100%; aspect-ratio: 660 / 327; object-fit: cover; border-radius: 30px; background: #edf2ff; }
.layer-vps-hosting .guide-category { display: flex; margin-top: 22px; font-size: 16px; line-height: 24px; color: #4b7efc; align-items: center; gap: 10px; }
.layer-vps-hosting .guide-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-top: 8px; font-family: "PlusJakartaSans Bold" !important; font-size: 24px; line-height: 34px; }
.layer-vps-hosting .section-10 { padding: 104px 0 90px; background: #fafafa; }
.layer-vps-hosting .section-10 .section-head { margin-bottom: 100px; }
.layer-vps-hosting .section-11 { padding: 64px 0; background: #457bff url("../img/hosting/cloud-hosting/bg-2.png") center / cover no-repeat; color: #fff; }
.layer-vps-hosting .start-layout { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.layer-vps-hosting .start-copy { max-width: 760px; }
.layer-vps-hosting .start-copy h2 { margin: 0 0 8px; color: #fff; font-size: 44px; line-height: 68px; }
.layer-vps-hosting .start-copy p { max-width: 580px; margin: 0; font-size: 14px; line-height: 30px; }
.layer-vps-hosting .start-action { display: flex; align-items: center; gap: 52px; flex: none; }
.layer-vps-hosting .start-price > span { font-size: 16px; line-height: 24px; }
.layer-vps-hosting .start-price p { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; white-space: nowrap; }
.layer-vps-hosting .start-price small { font-size: 14px; }
@media (max-width: 1399.98px) {
  .layer-vps-hosting .hosting-plan { padding-inline: 20px; --vps-plan-padding-inline: 20px; }
  .layer-vps-hosting .hosting-plan.featured { padding-inline: 17px; --vps-plan-padding-inline: 17px; }
  .layer-vps-hosting .plan-price { font-size: 30px; }
  .layer-vps-hosting .start-action { gap: 24px; }
}
@media (max-width: 1199.98px) {
  .layer-vps-hosting .hero-main { padding-block: 72px; min-height: 0; }
  .layer-vps-hosting .hero-title { font-size: 42px; line-height: 56px; }
  .layer-vps-hosting .hero-price-line .discount-badge { margin-left: 0; }
  .layer-vps-hosting .trust-metric { padding-inline: 32px; }
  .layer-vps-hosting .hosting-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 80px; }
  .layer-vps-hosting .hosting-plan { padding: 32px; --vps-plan-padding-inline: 32px; }
  .layer-vps-hosting .hosting-plan.featured { padding: 29px; --vps-plan-padding-inline: 29px; }
  .layer-vps-hosting .migration-banner { padding: 48px; gap: 32px; }
  .layer-vps-hosting .migration-copy h2 { font-size: 38px; line-height: 56px; }
  .layer-vps-hosting .testimonial-card { padding: 28px; }
  .layer-vps-hosting .start-layout { flex-wrap: wrap; gap: 32px; }
}
@media (max-width: 991.98px) {
  .layer-vps-hosting .hero-main { padding: 56px 0 28px; }
  .layer-vps-hosting .hero-copy { max-width: 720px; margin-inline: auto; }
  .layer-vps-hosting .hero-visual { max-width: 700px; margin: 40px auto 0; }
  .layer-vps-hosting .trust-metric { padding-inline: 20px; gap: 12px; }
  .layer-vps-hosting .trust-metric > img { width: 64px; }
  .layer-vps-hosting .section-2 { padding-top: 64px; }
  .layer-vps-hosting .section-heading { font-size: 36px; line-height: 50px; }
  .layer-vps-hosting .operations-heading { margin-bottom: 56px; line-height: 54px; }
  .layer-vps-hosting .operation-card { grid-column: span 6; padding-inline: 20px; }
  .layer-vps-hosting .operation-card:last-child { grid-column: 4 / span 6; }
  .layer-vps-hosting .migration-banner { flex-direction: column; align-items: flex-start; }
  .layer-vps-hosting .section-9 { padding-block: 80px; }
  .layer-vps-hosting .guide-title { font-size: 20px; line-height: 30px; }
  .layer-vps-hosting .section-10 { padding-block: 72px; }
  .layer-vps-hosting .section-10 .section-head { margin-bottom: 56px; }
}
@media (max-width: 767.98px) {
  .layer-vps-hosting .hero-title { font-size: 36px; line-height: 48px; }
  .layer-vps-hosting .trust-metric { padding-inline: 16px; flex-direction: column; gap: 8px; text-align: center; }
  .layer-vps-hosting .trust-metric > img { width: 72px; }
  .layer-vps-hosting .billing-options { margin-block: 40px 72px; border-radius: 18px; }
  .layer-vps-hosting .billing-option { gap: 6px; padding-inline: 10px; }
  .layer-vps-hosting .hosting-plans { grid-template-columns: minmax(0, 1fr); max-width: 460px; margin-inline: auto; }
  .layer-vps-hosting .guides-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .layer-vps-hosting .guide-card { padding: 20px 20px 28px; }
  .layer-vps-hosting .reviews-heading,
  .layer-vps-hosting .guides-heading { font-size: 34px; line-height: 48px; }
  .layer-vps-hosting .section-10 .faq-question { padding: 20px; gap: 16px; font-size: 16px; }
  .layer-vps-hosting .section-10 .faq-answer { padding: 20px; }
  .layer-vps-hosting .start-copy h2 { font-size: 34px; line-height: 48px; }
}
@media (max-width: 575.98px) {
  .layer-vps-hosting .hero-main { padding: 56px 0 36px;}
  .layer-vps-hosting .section-heading,
  .layer-vps-hosting .reviews-heading,
  .layer-vps-hosting .guides-heading,
  .layer-vps-hosting .migration-copy h2,
  .layer-vps-hosting .start-copy h2 { font-size: 30px; line-height: 44px; }
  .layer-vps-hosting .cloud-button { padding-inline: 24px; font-size: 16px; }
  .layer-vps-hosting .hero-badge { font-size: 12px; gap: 5px; }
  .layer-vps-hosting .hero-features { gap: 16px 12px; }
  .layer-vps-hosting .hero-features li { font-size: 13px; line-height: 22px; gap: 6px; align-items: flex-start; }
  .layer-vps-hosting .hero-features img { width: 20px; }
  .layer-vps-hosting .trust-metric { padding-inline: 28px; }
  .layer-vps-hosting .metric-number { font-size: 17px; }
  .layer-vps-hosting .trust-metric p { font-size: 12px; }
  .layer-vps-hosting .operations-grid { grid-template-columns: minmax(0, 1fr); }
  .layer-vps-hosting .operation-card,
  .layer-vps-hosting .operation-card:last-child { grid-column: auto; min-height: 368px; }
  .layer-vps-hosting .migration-banner { padding: 32px 24px; border-radius: 22px; }
  .layer-vps-hosting .migration-action { width: 100%; }
  .layer-vps-hosting .migration-action .cloud-button { width: 100%; }
  .layer-vps-hosting .start-action { flex-wrap: wrap; gap: 24px; }
  .layer-vps-hosting .section-11 { padding-block: 48px; }
}
@media (width < 480px) {
  .layer-vps-hosting .hero-main { padding: 56px 0 28px; }
  .layer-vps-hosting .hero-main::before,
  .layer-vps-hosting .hero-main::after { content: none; }
}

.layer-vps-hosting [hidden] { display: none !important; }
.layer-vps-hosting .plan-buy:disabled { opacity: .5; cursor: not-allowed; }
.layer-vps-hosting .cloud-text-bold,
.layer-vps-hosting .billing-option,
.layer-vps-hosting .billing-option .cycle-discount,
.layer-vps-hosting .plan-price-meta .discount-badge,
.layer-vps-hosting .plan-discount,
.layer-vps-hosting .plan-price-value,
.layer-vps-hosting .plan-price-unit {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-vps-hosting .plan-feature-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex: none;
  margin-top: 3px;
  background-color: #5a28fa;
  -webkit-mask: var(--plan-feature-icon) center / contain no-repeat;
  mask: var(--plan-feature-icon) center / contain no-repeat;
}
.layer-vps-hosting .guide-category img {
  width: 22px;
  flex: none;
}
.layer-vps-hosting .hero-floating { max-width: none; }
@media (min-width: 992px) {
  .layer-vps-hosting .hero-image {
    width: 105%; max-width: none; margin-left: -16%;
  }
}
.layer-vps-hosting .ask { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:80px; padding:18px 24px; border-radius:12px; }
.layer-vps-hosting .ask p { margin:0; font-size:16px; line-height:28px; }
.layer-vps-hosting .ask img { flex:none; }
.layer-vps-hosting .operations-heading { max-width:750px; margin:0 auto 72px; }
.layer-vps-hosting .operations-heading .section-heading { max-width:680px; margin:auto; }
.layer-vps-hosting .migration-copy { max-width:680px; }
.layer-vps-hosting .migration-copy h2 { max-width:650px; }
.layer-vps-hosting .section-9 .guide-image { border-radius:30px; }
@media (max-width:767.98px) {
 .layer-vps-hosting .ask { margin-top:56px; gap:10px; padding:16px; }
 .layer-vps-hosting .ask p { font-size:13px; }
 .layer-vps-hosting .operations-heading { margin-bottom:48px; }
}
@media (max-width:479.98px) {
 .layer-vps-hosting .hero-floating { max-width:42%; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .layer-vps-hosting .section-1 .hero-floating {
    translate: var(--domain-card-x, 0px) var(--domain-card-y, 0px);
    transition: translate 350ms ease-out;
  }
}



/* VPS Hosting — page-specific sections and controls. */
.layer-vps-hosting .hero-description { max-width:580px; }
.layer-vps-hosting .hero-actions { display:flex; align-items:center; gap:32px; }
.layer-vps-hosting .hero-trial a { color:#1a1a1a; text-decoration:none; font-size:18px; line-height:30px; }
.layer-vps-hosting .hero-trial p { margin:4px 0 0; font-size:14px; line-height:24px; }
.layer-vps-hosting .hero-cursor { left:10%; top:27%; width: 20%; }
.layer-vps-hosting .hero-vps { left:50%; top:28%; }
.layer-vps-hosting .vps-plan-switch { position:relative; margin-top:56px; }
.layer-vps-hosting .vps-plan-panel .billing-options { margin:0 auto 96px; transform:translateX(-120px); }
.layer-vps-hosting .os-options { position:absolute; top:0; right:5%; display:flex; gap:4px; padding:6px; border:1px solid #ededed; border-radius:999px; background:#fafafa; z-index:1; }
.layer-vps-hosting .os-option { display:flex; align-items:center; gap:8px; border:0; border-radius:999px; padding:10px 14px; color:#666; background:transparent; font-size:15px; line-height:22px; cursor:pointer; font-family:"PlusJakartaSans Bold" !important; }
.layer-vps-hosting .os-option.is-active { background:#fff; color:#457bff; box-shadow:0 2px 8px #0000000d; }
.layer-vps-hosting .os-option img { width:20px; }
.layer-vps-hosting .vps-upgrade { display:flex; align-items:center; gap:20px; margin-top:64px; padding:24px 32px; border:1px solid #ededed; border-radius:16px; }
.layer-vps-hosting .upgrade-icon { width:44px; }
.layer-vps-hosting .vps-upgrade > div { flex:1; min-width:0; }
.layer-vps-hosting .vps-upgrade h3 { margin:0 0 4px; font-size:24px; line-height:36px; }
.layer-vps-hosting .vps-upgrade p { margin:0; font-size:14px; line-height:28px; }
.layer-vps-hosting .vps-upgrade .cloud-button { flex:none; }
.layer-vps-hosting .ask { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:32px; }
.layer-vps-hosting .ask p { margin:0; font-size:16px; line-height:28px; }
.layer-vps-hosting .section-3 { padding-top:132px; }
.layer-vps-hosting .section-3 .section-heading { max-width:550px; margin:auto; }
.layer-vps-hosting .operations-grid { margin-top:76px; }
.layer-vps-hosting .operation-card-vps-0 { background-image:url("../img/hosting/vps/vps-hosting.png"); }
.layer-vps-hosting .operation-card-vps-1 { background-image:url("../img/hosting/vps/seo.png"); }
.layer-vps-hosting .operation-card-vps-2 { background-image:url("../img/hosting/vps/config.png"); }
.layer-vps-hosting .operation-card-vps-3 { background-image:url("../img/hosting/vps/do-tre.png"); }
.layer-vps-hosting .section-4 { padding:132px 0 140px; }
.layer-vps-hosting .application-tabs { display:flex; justify-content:center; gap:4px; width:fit-content; margin:56px auto 64px; padding:6px; border-radius:999px; border:1px solid #f0f0f0; background:#fafafa; }
.layer-vps-hosting .application-tab { border:0; padding:12px 20px; border-radius:999px; font-size:15px; line-height:24px; background:transparent; color:#1a1a1a; cursor:pointer; font-family:"PlusJakartaSans Bold" !important; }
.layer-vps-hosting .application-tab.is-active { color:#fff; background:#457bff; }
.layer-vps-hosting .application-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px 24px; }
.layer-vps-hosting .application-item { display:flex; align-items:center; gap:24px; min-width:0; min-height:120px; padding:24px 32px; border:1px solid #f4f4f4; border-radius:14px; font-size:16px; line-height:26px; }
.layer-vps-hosting .application-item img { flex:none; max-width:48px; }
.layer-vps-hosting .application-item span { overflow-wrap:anywhere; }
.layer-vps-hosting .section-5 { padding:64px 0; overflow:hidden; background:#7b2aff; color:#fff; }
.layer-vps-hosting .feature-strip { display:grid; grid-template-columns:30% minmax(0,1fr); gap:48px; align-items:center; }
.layer-vps-hosting .feature-strip h2 { color:#fff; font-size:44px; line-height:60px; margin:24px 0 0; }
.layer-vps-hosting .feature-strip .section-badge { color:#fff; background:#ffffff1a; font-size:14px; }
.layer-vps-hosting .feature-strip-items { display:grid; grid-template-columns:repeat(5,max-content); grid-template-rows:repeat(2,1fr); overflow:auto; gap:32px 40px; padding:16px 0; }
.layer-vps-hosting .feature-strip-items > div { display:flex; align-items:center; gap:12px; font-size:16px; line-height:28px; }
.layer-vps-hosting .feature-strip-items img { max-width:30px; flex:none; }
.layer-vps-hosting .section-6 { padding:112px 0 0; }
.layer-vps-hosting .feature-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:100px; align-items:center; padding-inline:76px; }
.layer-vps-hosting .feature-row + .feature-row { margin-top:112px; }
.layer-vps-hosting .feature-row-reverse .feature-copy { grid-column:2; grid-row:1; }
.layer-vps-hosting .feature-row-reverse .support-visual { grid-column:1; grid-row:1; }
.layer-vps-hosting .feature-title { margin:24px 0 20px; font-size:41px; line-height:56px; }
.layer-vps-hosting .feature-description { font-size:16px; line-height:36px; font-family:"PlusJakartaSans Light" !important; margin:0; }
.layer-vps-hosting .feature-visual img { display:block; width:100%; }
.layer-vps-hosting .feature-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; list-style:none; margin:40px 0 0; padding:32px 0 0; border-top:1px solid #ededed; font-family:"PlusJakartaSans Light" !important; }
.layer-vps-hosting .feature-checks li { display:flex; align-items:center; gap:10px; font-size:16px; line-height:28px; }
.layer-vps-hosting .feature-checks img { flex:none; }
.layer-vps-hosting .support-visual { position:relative; min-width:0; height:610px; border-radius:24px; background:url("../img/domain/bg-5.png") center / cover no-repeat; }
.layer-vps-hosting .support-chat { position:absolute; display:flex; align-items:center; gap:16px; padding:16px 20px; border-radius:22px; background:#fff; box-shadow:0 10px 32px #0000000a; max-width:95%; }
.layer-vps-hosting .chat-question { top:45%; left:3%; }
.layer-vps-hosting .chat-answer { top:70%; left:20%; }
.layer-vps-hosting .support-chat img { flex:none; max-width:44px; }
.layer-vps-hosting .chat-name { font-family:"PlusJakartaSans Bold" !important; margin:0 0 4px; font-size:14px; line-height:22px; }
.layer-vps-hosting .chat-message { margin:0; font-size:12px; line-height:20px; }
.layer-vps-hosting .section-7 { padding-top:140px; }
.layer-vps-hosting .benefits-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:72px; }
.layer-vps-hosting .benefit-card { min-width:0; padding:36px 32px; border:1px solid #f0f0f0; border-radius:18px; background:#fff; box-shadow:0 4px 24px #1a1a1a03; }
.layer-vps-hosting .benefit-icon { display:block; margin-bottom:24px; }
.layer-vps-hosting .benefit-card h3 { margin:0 0 16px; font-size:24px; line-height:34px; }
.layer-vps-hosting .benefit-card p { margin:0; font-size:16px; line-height:32px; color:#5c5c5c; font-family:"PlusJakartaSans Regular" !important; }
.layer-vps-hosting .section-8 { padding-top:104px; }
.layer-vps-hosting .migration-banner { min-height:220px; padding:48px 64px; }
.layer-vps-hosting .migration-copy, .layer-vps-hosting .migration-copy h2 { max-width:900px; }
.layer-vps-hosting .migration-copy h2 { font-size:44px; line-height:60px; }
.layer-vps-hosting .start-copy { max-width:1000px; }
.layer-vps-hosting .start-copy h2 { font-size:38px; line-height:58px; }
.layer-vps-hosting .button-chat { color:#fff; background:#ffffff33; }

@media (max-width:1399.98px) {
 .layer-vps-hosting .os-options { right:0; }
 .layer-vps-hosting .feature-row { padding-inline:32px; gap:64px; }
 .layer-vps-hosting .application-item { padding:24px; gap:16px; }
 .layer-vps-hosting .feature-strip { grid-template-columns:34% minmax(0,1fr); gap:32px; }
}
@media (max-width:1199.98px) {
 .layer-vps-hosting .os-options { position:static; width:fit-content; margin:0 auto 24px; }
 .layer-vps-hosting .vps-plan-panel .billing-options { transform:none; }
 .layer-vps-hosting .feature-row { padding-inline:0; gap:40px; }
 .layer-vps-hosting .feature-title { font-size:34px; line-height:48px; }
 .layer-vps-hosting .application-item { padding:20px 16px; font-size:14px; gap:12px; }
 .layer-vps-hosting .feature-strip h2 { font-size:36px; line-height:50px; }
 .layer-vps-hosting .benefit-card { padding:28px; }
 .layer-vps-hosting .benefit-card h3 { font-size:22px; }
}
@media (max-width:991.98px) {
 .layer-vps-hosting .section-3,.layer-vps-hosting .section-6,.layer-vps-hosting .section-7,.layer-vps-hosting .section-8 { padding-top:80px; }
 .layer-vps-hosting .section-4 { padding:80px 0; }
 .layer-vps-hosting .operations-grid { margin-top:48px; }
 .layer-vps-hosting .operation-card:last-child { grid-column:span 6; }
 .layer-vps-hosting .vps-upgrade { flex-wrap:wrap; }
 .layer-vps-hosting .vps-upgrade .cloud-button { margin-left:64px; }
 .layer-vps-hosting .application-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
 .layer-vps-hosting .feature-strip { grid-template-columns:minmax(0,1fr); }
 .layer-vps-hosting .feature-strip h2 { margin-top:16px; }
 .layer-vps-hosting .feature-row { grid-template-columns:minmax(0,1fr); }
 .layer-vps-hosting .feature-row + .feature-row { margin-top:80px; }
 .layer-vps-hosting .feature-row-reverse .feature-copy,.layer-vps-hosting .feature-row-reverse .support-visual { grid-column:auto; grid-row:auto; }
 .layer-vps-hosting .feature-visual,.layer-vps-hosting .support-visual { width:100%; max-width:640px; margin-inline:auto; }
 .layer-vps-hosting .benefits-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:48px; }
 .layer-vps-hosting .migration-banner { padding:40px; }
 .layer-vps-hosting .migration-copy h2 { font-size:36px; line-height:50px; }
}
@media (max-width:767.98px) {
 .layer-vps-hosting .hero-actions { gap:20px; }
 .layer-vps-hosting .hero-trial a { font-size:16px; }
 .layer-vps-hosting .hero-trial p { font-size:12px; }
 .layer-vps-hosting .vps-plan-panel .billing-options { margin-bottom:72px; }
 .layer-vps-hosting .vps-upgrade { padding:24px; }
 .layer-vps-hosting .vps-upgrade h3 { font-size:20px; line-height:30px; }
 .layer-vps-hosting .ask { gap:10px; padding:16px; }
 .layer-vps-hosting .ask p { font-size:14px; }
 .layer-vps-hosting .application-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .layer-vps-hosting .application-tabs { margin:40px auto; }
 .layer-vps-hosting .application-tab { padding:10px 14px; font-size:14px; }
 .layer-vps-hosting .application-item { min-height:90px; }
 .layer-vps-hosting .application-item img { max-width:32px; }
 .layer-vps-hosting .support-visual { height:480px; }
 .layer-vps-hosting .support-chat { padding:12px; gap:10px; }
 .layer-vps-hosting .chat-answer { left:10%; }
 .layer-vps-hosting .benefits-grid { grid-template-columns:minmax(0,1fr); }
 .layer-vps-hosting .migration-banner { padding:32px 24px; }
 .layer-vps-hosting .migration-copy h2,.layer-vps-hosting .feature-title,.layer-vps-hosting .start-copy h2 { font-size:30px; line-height:44px; }
}
@media (max-width:575.98px) {
 .layer-vps-hosting .operation-card:last-child { grid-column:auto; }
}
@media (max-width:479.98px) {
 .layer-vps-hosting .hero-floating { max-width:44%; }
 .layer-vps-hosting .hero-vps { left:auto; right:0; top:40%; }
 .layer-vps-hosting .hero-cursor { left:14%; top:30%; max-width:20%; }
 .layer-vps-hosting .operation-card:last-child { grid-column:auto; }
 .layer-vps-hosting .vps-upgrade .cloud-button { width:100%; margin-left:0; }
 .layer-vps-hosting .feature-strip h2 { font-size:30px; line-height:44px; }
 .layer-vps-hosting .feature-checks { gap:12px; }
 .layer-vps-hosting .feature-checks li { font-size:14px; }
}


/* VPS review: hero assets, billing controls, image cards and feature marquee. */
.layer-vps-hosting .hero-trial p { display:flex; align-items:center; gap:8px; }
.layer-vps-hosting .hero-vn { left:9%; top:82%; }
.layer-vps-hosting .vps-plan-panel .billing-options { transform:none; margin:0 250px 96px 0; }
.layer-vps-hosting .os-options { right:0; }
.layer-vps-hosting .ask { background:#f1f5ff url("../img/home/bg-q.png") center / 100% 100% no-repeat; }
.layer-vps-hosting .section-4 .application-item { display:block; padding:0; min-height:0; border:0; border-radius:0; background:none; }
.layer-vps-hosting .section-4 .application-item img { display:block; max-width:100%; height:auto; margin:auto; }
.layer-vps-hosting .section-5 { background:linear-gradient(110deg,#6241ff 0%,#7b2aff 52%,#682dff 100%); }
.layer-vps-hosting .feature-strip-items { display:flex; flex-direction:column; gap:32px; overflow:hidden; min-width:0; padding:16px 0; }
.layer-vps-hosting .feature-strip-items > .feature-marquee { display:block; overflow:hidden; width:100%; mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.layer-vps-hosting .feature-marquee-track { display:flex; width:max-content; animation:vps-feature-marquee var(--marquee-duration,40s) linear infinite; }
.layer-vps-hosting .feature-marquee-group { display:flex; flex:none; align-items:center; gap:40px; padding-right:40px; }
.layer-vps-hosting .feature-marquee-group > div { display:flex; flex:none; align-items:center; gap:12px; min-height:76px; padding:20px 24px; border:1px solid rgba(255,255,255,.08); border-radius:22px; background:rgba(255,255,255,.05); color:#fff; white-space:nowrap; font-size:16px; line-height:28px; }
.layer-vps-hosting .feature-marquee-group > div > span { font-family:"PlusJakartaSans Bold" !important; }
.layer-vps-hosting .feature-marquee:hover .feature-marquee-track,
.layer-vps-hosting .feature-marquee:focus-within .feature-marquee-track { animation-play-state:paused; }
.layer-vps-hosting .section-6 .feature-row:first-child .badge-purple { color:#457bff; background-color:#f0f5ff; }
.layer-vps-hosting .benefit-card { border-radius:22px; }
@keyframes vps-feature-marquee { to { transform:translateX(-50%); } }
@media (max-width:1199.98px) {
 .layer-vps-hosting .vps-plan-panel .billing-options { margin:0 auto 96px; }
 .layer-vps-hosting .hero-cursor { max-width:21%; }
 .layer-vps-hosting .hero-vps { max-width:46%; }
 .layer-vps-hosting .hero-vn { max-width:50%; }
}
@media (max-width:991.98px) {
 .layer-vps-hosting .hero-visual { width:90%; max-width:640px; margin:48px auto 0; aspect-ratio:760 / 730; }
 .layer-vps-hosting .hero-image { width:100%; margin-left:0; }
 .layer-vps-hosting .hero-cursor { left:9%; top:26%; max-width:20%; }
 .layer-vps-hosting .hero-vps { left:auto; right:0; top:27%; max-width:46%; }
 .layer-vps-hosting .hero-vn { left:9%; top:74%; }
}
@media (max-width:767.98px) {
 .layer-vps-hosting .vps-plan-panel .billing-options { margin-bottom:72px; }
 .layer-vps-hosting .feature-strip-items { gap:24px; }
 .layer-vps-hosting .feature-marquee-group { gap:28px; padding-right:28px; }
}
@media (max-width:479.98px) {
 .layer-vps-hosting .hero-visual { width:100%; }
 .layer-vps-hosting .hero-trial p { gap:5px; }
 .layer-vps-hosting .hero-trial p img { width:16px; }
}
@media (prefers-reduced-motion:reduce) {
 .layer-vps-hosting .feature-marquee-track { animation:none; width:100%; }
 .layer-vps-hosting .feature-marquee-group { flex-wrap:wrap; gap:16px; padding-right:0; min-width:0 !important; }
 .layer-vps-hosting .feature-marquee-group > div { white-space:normal; }
 .layer-vps-hosting .feature-marquee-group[aria-hidden="true"] { display:none; }
 .layer-vps-hosting .feature-strip-items > .feature-marquee { mask-image:none; -webkit-mask-image:none; }
}



/* VPS section 2: centered billing and OS controls, matching WordPress Hosting. */
.layer-vps-hosting .section-2 .vps-plan-switch {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);
  column-gap:20px;
  row-gap:96px;
  align-items:start;
  margin-top:32px;
}
.layer-vps-hosting .section-2 .vps-plan-panel:not([hidden]) { display:contents; }
.layer-vps-hosting .section-2 .vps-plan-panel > .hosting-plans,
.layer-vps-hosting .section-2 .vps-plan-panel > .plans-empty { grid-column:1 / -1; margin-top:0; }
.layer-vps-hosting .section-2 .vps-plan-panel .billing-options,
.layer-vps-hosting .section-2 .os-options {
  position:static;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:fit-content;
  max-width:100%;
  margin:0;
  padding:8px;
  border:1px solid #ededed;
  border-radius:999px;
  background:#fafafa;
  transform:none;
}
.layer-vps-hosting .section-2 .vps-plan-panel .billing-options { grid-column:2; grid-row:1; }
.layer-vps-hosting .section-2 .os-options { grid-column:3; grid-row:1; }
.layer-vps-hosting .section-2 .billing-option,
.layer-vps-hosting .section-2 .os-option {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:10px 14px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:#1a1a1a;
  font-family:"PlusJakartaSans Bold" !important;
  font-size:15px;
  line-height:22px;
  white-space:nowrap;
}
.layer-vps-hosting .section-2 .billing-option.is-active,
.layer-vps-hosting .section-2 .os-option.is-active {
  color:#457bff;
  background:#fff;
  border-color:#e9e9e9;
  box-shadow:0 2px 8px #0000000d;
}
.layer-vps-hosting .section-2 .billing-option .cycle-discount {
  padding:1px 8px;
  border:0;
  border-radius:999px;
  background:#e8f3db;
  color:#659338;
  font-family:"PlusJakartaSans Bold" !important;
  font-size:15px;
  line-height:20px;
}
.layer-vps-hosting .section-2 .os-option img { width:20px; height:auto; flex:none; }
@media (max-width:991.98px) {
  .layer-vps-hosting .section-2 .vps-plan-switch { grid-template-columns:minmax(0,1fr); gap:20px; }
  .layer-vps-hosting .section-2 .vps-plan-panel .billing-options { grid-column:1; grid-row:1; justify-self:center; }
  .layer-vps-hosting .section-2 .os-options { grid-column:1; grid-row:2; justify-self:center; }
  .layer-vps-hosting .section-2 .vps-plan-panel > .hosting-plans { margin-top:52px; }
}
@media (max-width:575.98px) {
  .layer-vps-hosting .section-2 .vps-plan-panel .billing-options { flex-wrap:wrap; border-radius:22px; }
  .layer-vps-hosting .section-2 .billing-option { padding:8px 10px; gap:6px; font-size:13px; }
}


.layer-vps-hosting .section-6 .feature-checks li > span { font-family:"PlusJakartaSans Bold" !important; }

/* VDS Hosting — shared controls scoped to this page. */
.layer-vds-hosting {
  color: #1a1a1a;
  font-family: "PlusJakartaSans Regular" !important;
}
.layer-vds-hosting *,
.layer-vds-hosting *::before,
.layer-vds-hosting *::after { box-sizing: border-box; }
.layer-vds-hosting p,
.layer-vds-hosting li,
.layer-vds-hosting button,
.layer-vds-hosting input,
.layer-vds-hosting a { font-family: "PlusJakartaSans Regular" !important; }
.layer-vds-hosting img { max-width: 100%; height: auto; }
.layer-vds-hosting h1,
.layer-vds-hosting h2,
.layer-vds-hosting h3,
.layer-vds-hosting .cloud-button,
.layer-vds-hosting .section-badge {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-vds-hosting .section-head { text-align: center; }
.layer-vds-hosting .section-heading { margin: 0; font-size: 44px; line-height: 60px; color: #1a1a1a; }
.layer-vds-hosting .section-description { margin: 12px 0 0; font-size: 16px; line-height: 37px; font-family: "PlusJakartaSans Light" !important; }
.layer-vds-hosting .section-badge { display: inline-flex; align-items: center; padding: 6px 22px; border-radius: 999px; background: #f1f5ff; color: #457bff; font-size: 16px; line-height: 24px; }
.layer-vds-hosting .badge-purple { background: #eee7ff; color: #754bfc; }
.layer-vds-hosting .cloud-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 60px; padding: 14px 32px; border: 1px solid transparent; border-radius: 14px; font-size: 18px; line-height: 30px; text-decoration: none; transition: background-color .2s, box-shadow .2s; }
.layer-vds-hosting .cloud-button > span[aria-hidden] { font-size: 30px; line-height: 1; }
.layer-vds-hosting .button-primary { background: #457bff; color: #fff; }
.layer-vds-hosting .button-yellow { background: #ffe000; color: #1a1a1a; }
.layer-vds-hosting .button-outline { background: #fff; border-color: #e0e0e0; color: #1a1a1a; }
.layer-vds-hosting .cloud-button:hover { box-shadow: 0 6px 18px #1a1a1a1a; }
.layer-vds-hosting a:focus-visible,
.layer-vds-hosting button:focus-visible { outline: 3px solid #754bfc; outline-offset: 4px; }
.layer-vds-hosting .guarantee { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 18px 0 0; color: #fff; font-size: 14px; line-height: 28px; }
.layer-vds-hosting .guarantee img { width: 16px; flex: none; }
.layer-vds-hosting .section-1 { overflow: hidden; background: #fff; }
.layer-vds-hosting .hero-main { position: relative; isolation: isolate; min-height: 805px; padding: 80px 0 104px; background: url("../img/domain/bg001.png") center top / cover no-repeat; }
.layer-vds-hosting .hero-main::before,
.layer-vds-hosting .hero-main::after { content: ""; position: absolute; inset-block: 0; z-index: -1; width: 40%; pointer-events: none; background-repeat: no-repeat; background-size: cover; }
.layer-vds-hosting .hero-main::before { left: 0; background-image: url("../img/domain/left.png"); background-position: right top; }
.layer-vds-hosting .hero-main::after { right: 0; background-image: url("../img/domain/right.png"); background-position: left top; }
.layer-vds-hosting .hero-copy { position: relative; z-index: 2; }
.layer-vds-hosting .hero-badge { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; padding: 6px 14px; border-radius: 999px; background: #e8efff url("../img/hosting/vds/fl.png") center / cover no-repeat; color: #457bff; font-size: 16px; line-height: 24px; font-family: "PlusJakartaSans Regular" !important; }
.layer-vds-hosting .hero-badge img { width: 22px; }
.layer-vds-hosting .hero-title { margin: 0 0 4px; font-size: 48px; line-height: 64px; color: #181818; letter-spacing: .01em; }
.layer-vds-hosting .hero-description { max-width: 550px; margin: 0; font-size: 16px; line-height: 36px; }
.layer-vds-hosting .hero-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; max-width: 600px; margin: 32px 0; padding: 0; list-style: none; }
.layer-vds-hosting .hero-features li { display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: 24px; }
.layer-vds-hosting .hero-features li > span { font-family: "PlusJakartaSans Regular" !important; }
.layer-vds-hosting .hero-price { margin-bottom: 28px; }
.layer-vds-hosting .price-label { display: block; margin-bottom: 8px; font-size: 16px; line-height: 24px; color: #5c5c5c; }
.layer-vds-hosting .hero-price-line { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.layer-vds-hosting .hero-price-number { font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; }
.layer-vds-hosting .hero-price-unit { display: flex; flex-direction: column; font-size: 12px; line-height: 20px; }
.layer-vds-hosting .hero-price-unit span:first-child { font-family: "PlusJakartaSans Bold" !important; font-size: 18px; }
.layer-vds-hosting .discount-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid #dfe9d2; border-radius: 999px; background: #e8f3db; color: #659338; font-size: 14px; line-height: 22px; font-family: "PlusJakartaSans Bold" !important; }
.layer-vds-hosting .hero-price-line .discount-badge { margin-left: 24px; }
.layer-vds-hosting .money-back { display: flex; align-items: center; gap: 8px; margin: 40px 0 0; font-size: 16px; line-height: 31px; }
.layer-vds-hosting .money-back img { width: 24px; }
.layer-vds-hosting .hero-visual { position: relative; width: 100%; aspect-ratio: 760 / 650; }
.layer-vds-hosting .hero-image { display: block; width: 100%; }
.layer-vds-hosting .hero-floating { position: absolute; }
.layer-vds-hosting .trust-strip { background: url("../img/domain/bg-2.png") center / cover no-repeat; }
.layer-vds-hosting .trust-metrics { display: flex; justify-content: center; padding-block: 16px; }
.layer-vds-hosting .trust-metric { display: flex; align-items: center; gap: 20px; padding: 0 54px; }
.layer-vds-hosting .trust-metric + .trust-metric { border-left: 1px solid #bababa; }
.layer-vds-hosting .trust-metric > img { width: 100px; }
.layer-vds-hosting .metric-number { display: block; font-family: "PlusJakartaSans Bold" !important; font-size: 20px; line-height: 28px; }
.layer-vds-hosting .trust-metric p { margin: 0; font-size: 14px; line-height: 24px; }
.layer-vds-hosting .section-2 { padding: 80px 0 0; scroll-margin-top: 100px; }
.layer-vds-hosting .billing-options { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; width: fit-content; max-width: 100%; margin: 56px auto 96px; padding: 6px; border: 1px solid #ededed; border-radius: 999px; background: #fafafa; }
.layer-vds-hosting .billing-option { display: inline-flex; align-items: center; gap: 12px; padding: 10px 14px; border: 0; border-radius: 999px; background: transparent; font-size: 14px; line-height: 22px; cursor: pointer; }
.layer-vds-hosting .billing-option.is-active { background: #fff; box-shadow: 0 2px 8px #0000000d; font-family: "PlusJakartaSans Bold" !important; }
.layer-vds-hosting .billing-option .cycle-discount { padding: 1px 8px; border-radius: 999px; background: #e8f3db; color: #659338; font-size: 12px; }
.layer-vds-hosting .hosting-plans { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.layer-vds-hosting .hosting-plans.no-cycle-options { margin-top: 108px; }
.layer-vds-hosting .hosting-plan { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 34px 26px 40px; border: 1px solid #e6e6e6; border-radius: 22px; background: #fff; }
.layer-vds-hosting .hosting-plan.featured { border: 4px solid #457bff; padding: 31px 22px 37px; }
.layer-vds-hosting .plan-ribbon {
  position: absolute;
  bottom: 100%;
  left: -4px;
  right: -4px;
  padding: 10px 42px;
  border-radius: 22px 22px 0 0;
  background: #457bff;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  width: auto;
  min-width: max-content;
  z-index: 2;
  font-family: "PlusJakartaSans Bold" !important;
  font-size: 16px;
}
.layer-vds-hosting .plan-ribbon::before,
.layer-vds-hosting .plan-ribbon::after {
  content: "";
  position: absolute;
  bottom: -25px;
  width: 30px;
  height: 30px;
  pointer-events: none;
}
.layer-vds-hosting .plan-ribbon::before {
  left: 0;
  background: radial-gradient(circle at bottom right, transparent 28px, #457bff 30px);
}
.layer-vds-hosting .plan-ribbon::after {
  right: 0;
  background: radial-gradient(circle at bottom left, transparent 28px, #457bff 30px);
}
.layer-vds-hosting .hosting-plan.featured:hover {
  background: rgba(33, 37, 41, 0.02);
}
.layer-vds-hosting .plan-name { margin: 0 0 16px; font-size: 20px; line-height: 28px; }
.layer-vds-hosting .plan-description { min-height: 66px; margin: 0 0 24px; font-size: 14px; line-height: 28px; }
.layer-vds-hosting .plan-price-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; min-height: 28px; margin-bottom: 20px; }
.layer-vds-hosting .plan-original { color: #666; font-size: 14px; text-decoration: line-through; }
.layer-vds-hosting .plan-price-meta .discount-badge { padding: 2px 8px; font-size: 14px; line-height: 20px; }
.layer-vds-hosting .plan-price { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; color: #181818; }
.layer-vds-hosting .plan-price small { font-family: "PlusJakartaSans Bold" !important; font-size: 16px; white-space: nowrap; }
.layer-vds-hosting .plan-renewal { min-height: 22px; margin: 4px 0 22px; color: #666; font-size: 12px; line-height: 22px; }
.layer-vds-hosting .plan-buy { width: 100%; min-height: 60px; border-color: #457bff; color: #457bff; background: #fff; }
.layer-vds-hosting .featured .plan-buy { color: #fff; background: #457bff; }
.layer-vds-hosting .plan-features { display: grid; gap: 14px; margin: 40px 0 0; padding: 24px 0 0; border-top: 1px solid #ededed; list-style: none; }
.layer-vds-hosting .plan-feature { display: flex; align-items: flex-start; gap: 16px; font-size: 16px; line-height: 24px; }
.layer-vds-hosting .plan-feature > img { width: 18px; flex: none; margin-top: 3px; }
.layer-vds-hosting .plan-feature p { margin: 0; font-size: inherit; line-height: inherit; }
.layer-vds-hosting .plan-feature details { margin-left: auto; flex: none; position: relative; }
.layer-vds-hosting .plan-feature summary { display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid #aaa; border-radius: 50%; cursor: pointer; font-size: 12px; list-style: none; }
.layer-vds-hosting .feature-help { position: absolute; z-index: 3; right: 0; top: 24px; width: 240px; padding: 14px; border: 1px solid #e0e0e0; border-radius: 10px; background: #fff; box-shadow: 0 4px 16px #00000014; }
.layer-vds-hosting .operations-heading { max-width: 690px; margin: 0 auto 100px; text-align: center; line-height: 72px; }
.layer-vds-hosting .migration-banner { display: flex; align-items: center; justify-content: space-between; gap: 60px; min-height: 407px; padding: 56px 84px; border-radius: 26px; background: #457bff url("../img/hosting/cloud-hosting/bg-2.png") center / cover no-repeat; color: #fff; }
.layer-vds-hosting .migration-copy { max-width: 610px; }
.layer-vds-hosting .migration-copy h2 { max-width: 510px; margin: 0 0 8px; color: #fff; font-size: 44px; line-height: 68px; }
.layer-vds-hosting .migration-copy p { margin: 0; font-family: "PlusJakartaSans Light" !important; font-size: 16px; line-height: 36px; }
.layer-vds-hosting .migration-action { flex: none; text-align: center; }
.layer-vds-hosting .feature-image { display: block; width: 100%; }
.layer-vds-hosting .customers-heading { max-width: 820px; margin-inline: auto; text-align: center; }
.layer-vds-hosting .reviews-heading { max-width: 480px; margin: 32px 0 48px; font-size: 41px; line-height: 60px; }
.layer-vds-hosting .testimonial-card { display: flex; flex-direction: column; height: 100%; min-height: 440px; padding: 34px 48px; border: 1px solid #ededed; border-radius: 22px; background: linear-gradient(135deg, #fff, #faf8ff); }
.layer-vds-hosting .testimonial-avatar { display: block; width: 44px; height: 44px; object-fit: cover; border-radius: 50%; margin-bottom: 32px; }
.layer-vds-hosting .testimonial-stars { display: block; width: 108px; margin-bottom: 28px; }
.layer-vds-hosting .testimonial-content { margin: 0 0 32px; font-family: "PlusJakartaSans Bold" !important; font-size: 16px; line-height: 31px; }
.layer-vds-hosting .testimonial-author { margin-top: auto; }
.layer-vds-hosting .testimonial-name { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 18px; line-height: 30px; }
.layer-vds-hosting .testimonial-role { margin: 0; font-size: 14px; line-height: 28px; color: #5c5c5c; }
.layer-vds-hosting .testimonial-pagination { position: static; display: flex; justify-content: center; gap: 8px; margin-top: 64px; }
.layer-vds-hosting .testimonial-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0; opacity: 1; background: #fff; border: 1px solid #bfc4ce; cursor: pointer; }
.layer-vds-hosting .testimonial-pagination .swiper-pagination-bullet-active { background: #457bff; border-color: #457bff; }
.layer-vds-hosting .section-8 { padding: 116px 0 80px; }
.layer-vds-hosting .guides-heading { margin: 28px 0 0; font-size: 41px; line-height: 55px; }
.layer-vds-hosting .guides-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 64px; }
.layer-vds-hosting .guide-card { display: block; padding: 26px 26px 40px; border: 1px solid #ededed; border-radius: 26px; text-decoration: none; color: #1a1a1a; }
.layer-vds-hosting .guide-image { display: block; width: 100%; aspect-ratio: 660 / 327; object-fit: cover; border-radius: 24px; background: #edf2ff; }
.layer-vds-hosting .guide-category { display: flex; margin-top: 22px; font-size: 16px; line-height: 24px; color: #4b7efc; align-items: center; gap: 10px; }
.layer-vds-hosting .guide-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-top: 8px; font-family: "PlusJakartaSans Bold" !important; font-size: 24px; line-height: 34px; }
.layer-vds-hosting .section-9 { padding: 104px 0 90px; background: #fafafa; }
.layer-vds-hosting .section-9 .section-head { margin-bottom: 100px; }
.layer-vds-hosting .section-10 { padding: 64px 0; background: #457bff url("../img/hosting/cloud-hosting/bg-2.png") center / cover no-repeat; color: #fff; }
.layer-vds-hosting .start-layout { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.layer-vds-hosting .start-copy { max-width: 760px; }
.layer-vds-hosting .start-copy h2 { margin: 0 0 8px; color: #fff; font-size: 44px; line-height: 68px; }
.layer-vds-hosting .start-copy p { max-width: 580px; margin: 0; font-size: 14px; line-height: 30px; }
.layer-vds-hosting .start-action { display: flex; align-items: center; gap: 52px; flex: none; }
.layer-vds-hosting .start-price > span { font-size: 16px; line-height: 24px; }
.layer-vds-hosting .start-price p { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; white-space: nowrap; }
.layer-vds-hosting .start-price small { font-size: 14px; }
@media (max-width: 1399.98px) {
  .layer-vds-hosting .hosting-plan { padding-inline: 20px; }
  .layer-vds-hosting .hosting-plan.featured { padding-inline: 17px; }
  .layer-vds-hosting .plan-price { font-size: 30px; }
  .layer-vds-hosting .start-action { gap: 24px; }
}
@media (max-width: 1199.98px) {
  .layer-vds-hosting .hero-main { padding-block: 72px; min-height: 0; }
  .layer-vds-hosting .hero-title { font-size: 42px; line-height: 56px; }
  .layer-vds-hosting .hero-price-line .discount-badge { margin-left: 0; }
  .layer-vds-hosting .trust-metric { padding-inline: 32px; }
  .layer-vds-hosting .hosting-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 80px; }
  .layer-vds-hosting .hosting-plan { padding: 32px; }
  .layer-vds-hosting .hosting-plan.featured { padding: 29px; }
  .layer-vds-hosting .migration-banner { padding: 48px; gap: 32px; }
  .layer-vds-hosting .migration-copy h2 { font-size: 38px; line-height: 56px; }
  .layer-vds-hosting .testimonial-card { padding: 28px; }
  .layer-vds-hosting .start-layout { flex-wrap: wrap; gap: 32px; }
}
@media (max-width: 991.98px) {
  .layer-vds-hosting .hero-main { padding: 56px 0 28px; }
  .layer-vds-hosting .hero-copy { max-width: 720px; margin-inline: auto; }
  .layer-vds-hosting .hero-visual { max-width: 700px; margin: 40px auto 0; }
  .layer-vds-hosting .trust-metric { padding-inline: 20px; gap: 12px; }
  .layer-vds-hosting .trust-metric > img { width: 64px; }
  .layer-vds-hosting .section-2 { padding-top: 64px; }
  .layer-vds-hosting .section-heading { font-size: 36px; line-height: 50px; }
  .layer-vds-hosting .operations-heading { margin-bottom: 56px; line-height: 54px; }
  .layer-vds-hosting .migration-banner { flex-direction: column; align-items: flex-start; }
  .layer-vds-hosting .section-8 { padding-block: 80px; }
  .layer-vds-hosting .guide-title { font-size: 20px; line-height: 30px; }
  .layer-vds-hosting .section-9 { padding-block: 72px; }
  .layer-vds-hosting .section-9 .section-head { margin-bottom: 56px; }
}
@media (max-width: 767.98px) {
  .layer-vds-hosting .hero-title { font-size: 36px; line-height: 48px; }
  .layer-vds-hosting .trust-metric { padding-inline: 16px; flex-direction: column; gap: 8px; text-align: center; }
  .layer-vds-hosting .trust-metric > img { width: 72px; }
  .layer-vds-hosting .billing-options { margin-block: 40px 72px; border-radius: 18px; }
  .layer-vds-hosting .billing-option { gap: 6px; padding-inline: 10px; }
  .layer-vds-hosting .hosting-plans { grid-template-columns: minmax(0, 1fr); max-width: 460px; margin-inline: auto; }
  .layer-vds-hosting .guides-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .layer-vds-hosting .guide-card { padding: 20px 20px 28px; }
  .layer-vds-hosting .reviews-heading,
  .layer-vds-hosting .guides-heading { font-size: 34px; line-height: 48px; }
  .layer-vds-hosting .section-9 .faq-question { padding: 20px; gap: 16px; font-size: 16px; }
  .layer-vds-hosting .section-9 .faq-answer { padding: 20px; }
  .layer-vds-hosting .start-copy h2 { font-size: 34px; line-height: 48px; }
}
@media (max-width: 575.98px) {
  .layer-vds-hosting .hero-main { padding: 56px 0 36px;}
  .layer-vds-hosting .section-heading,
  .layer-vds-hosting .reviews-heading,
  .layer-vds-hosting .guides-heading,
  .layer-vds-hosting .migration-copy h2,
  .layer-vds-hosting .start-copy h2 { font-size: 30px; line-height: 44px; }
  .layer-vds-hosting .cloud-button { padding-inline: 24px; font-size: 16px; }
  .layer-vds-hosting .hero-badge { font-size: 12px; gap: 5px; }
  .layer-vds-hosting .hero-features { gap: 16px 12px; }
  .layer-vds-hosting .hero-features li { font-size: 13px; line-height: 22px; gap: 6px; align-items: flex-start; }
  .layer-vds-hosting .hero-features img { width: 20px; }
  .layer-vds-hosting .trust-metric { padding-inline: 28px; }
  .layer-vds-hosting .metric-number { font-size: 17px; }
  .layer-vds-hosting .trust-metric p { font-size: 12px; }
  .layer-vds-hosting .migration-banner { padding: 32px 24px; border-radius: 22px; }
  .layer-vds-hosting .migration-action { width: 100%; }
  .layer-vds-hosting .migration-action .cloud-button { width: 100%; }
  .layer-vds-hosting .start-action { flex-wrap: wrap; gap: 24px; }
  .layer-vds-hosting .section-10 { padding-block: 48px; }
}
@media (width < 480px) {
  .layer-vds-hosting .hero-main { padding: 56px 0 28px; }
  .layer-vds-hosting .hero-main::before,
  .layer-vds-hosting .hero-main::after { content: none; }
}

.layer-vds-hosting [hidden] { display: none !important; }
.layer-vds-hosting .plan-buy:disabled { opacity: .5; cursor: not-allowed; }
.layer-vds-hosting .cloud-text-bold,
.layer-vds-hosting .billing-option,
.layer-vds-hosting .billing-option .cycle-discount,
.layer-vds-hosting .plan-price-meta .discount-badge,
.layer-vds-hosting .plan-discount,
.layer-vds-hosting .plan-price-value,
.layer-vds-hosting .plan-price-unit {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-vds-hosting .plan-feature-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex: none;
  margin-top: 3px;
  background-color: #5a28fa;
  -webkit-mask: var(--plan-feature-icon) center / contain no-repeat;
  mask: var(--plan-feature-icon) center / contain no-repeat;
}
.layer-vds-hosting .guide-category img {
  width: 22px;
  flex: none;
}
.layer-vds-hosting .hero-floating { max-width: none; }
@media (min-width: 992px) {
  .layer-vds-hosting .hero-image {
    width: 105%; max-width: none; margin-left: -16%;
  }
}
.layer-vds-hosting .ask { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:80px; padding:18px 24px; border-radius:12px; }
.layer-vds-hosting .ask p { margin:0; font-size:16px; line-height:28px; }
.layer-vds-hosting .ask img { flex:none; }
.layer-vds-hosting .operations-heading { max-width:750px; margin:0 auto 72px; }
.layer-vds-hosting .operations-heading .section-heading { max-width:680px; margin:auto; }
.layer-vds-hosting .migration-copy { max-width:680px; }
.layer-vds-hosting .migration-copy h2 { max-width:650px; }
.layer-vds-hosting .section-8 .guide-image { border-radius:20px; }
@media (max-width:767.98px) {
 .layer-vds-hosting .ask { margin-top:56px; gap:10px; padding:16px; }
 .layer-vds-hosting .ask p { font-size:13px; }
 .layer-vds-hosting .operations-heading { margin-bottom:48px; }
}
@media (max-width:479.98px) {
 .layer-vds-hosting .hero-floating { max-width:42%; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .layer-vds-hosting .section-1 .hero-floating {
    translate: var(--domain-card-x, 0px) var(--domain-card-y, 0px);
    transition: translate 350ms ease-out;
  }
}
.layer-vds-hosting .hero-description { max-width:580px; }
.layer-vds-hosting .hero-actions { display:flex; align-items:center; gap:32px; }
.layer-vds-hosting .hero-trial a { color:#1a1a1a; text-decoration:none; font-size:18px; line-height:30px; }
.layer-vds-hosting .hero-trial p { margin:4px 0 0; font-size:14px; line-height:24px; }
.layer-vds-hosting .vps-plan-switch { position:relative; margin-top:56px; }
.layer-vds-hosting .vps-plan-panel .billing-options { margin:0 auto 96px; transform:translateX(-120px); }
.layer-vds-hosting .os-options { position:absolute; top:0; right:5%; display:flex; gap:4px; padding:6px; border:1px solid #ededed; border-radius:999px; background:#fafafa; z-index:1; }
.layer-vds-hosting .os-option { display:flex; align-items:center; gap:8px; border:0; border-radius:999px; padding:10px 14px; color:#666; background:transparent; font-size:14px; line-height:22px; cursor:pointer; font-family:"PlusJakartaSans Bold" !important; }
.layer-vds-hosting .os-option.is-active { background:#fff; color:#457bff; box-shadow:0 2px 8px #0000000d; }
.layer-vds-hosting .os-option img { width:20px; }
.layer-vds-hosting .vps-upgrade { display:flex; align-items:center; gap:20px; margin-top:64px; padding:24px 32px; border:1px solid #ededed; border-radius:16px; }
.layer-vds-hosting .upgrade-icon { width:44px; }
.layer-vds-hosting .vps-upgrade > div { flex:1; min-width:0; }
.layer-vds-hosting .vps-upgrade h3 { margin:0 0 4px; font-size:24px; line-height:36px; }
.layer-vds-hosting .vps-upgrade p { margin:0; font-size:14px; line-height:28px; }
.layer-vds-hosting .vps-upgrade .cloud-button { flex:none; }
.layer-vds-hosting .ask { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:32px; }
.layer-vds-hosting .ask p { margin:0; font-size:16px; line-height:28px; }
.layer-vds-hosting .section-5 { padding:112px 0 0; }
.layer-vds-hosting .feature-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:100px; align-items:center; padding-inline:76px; }
.layer-vds-hosting .feature-row + .feature-row { margin-top:112px; }
.layer-vds-hosting .feature-row-reverse .feature-copy { grid-column:2; grid-row:1; }
.layer-vds-hosting .feature-title { margin:24px 0 20px; font-size:41px; line-height:56px; }
.layer-vds-hosting .feature-description { font-size:16px; line-height:36px; font-family:"PlusJakartaSans Light" !important; margin:0; }
.layer-vds-hosting .feature-visual img { display:block; width:100%; }
.layer-vds-hosting .feature-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; list-style:none; margin:40px 0 0; padding:32px 0 0; border-top:1px solid #ededed; font-family:"PlusJakartaSans Light" !important; }
.layer-vds-hosting .feature-checks li { display:flex; align-items:center; gap:10px; font-size:16px; line-height:28px; }
.layer-vds-hosting .feature-checks img { flex:none; }
.layer-vds-hosting .section-3 { padding-top:140px; }
.layer-vds-hosting .benefits-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:72px; }
.layer-vds-hosting .benefit-card { min-width:0; padding:36px 32px; border:1px solid #f0f0f0; border-radius:18px; background:#fff; box-shadow:0 4px 24px #1a1a1a03; }
.layer-vds-hosting .benefit-icon { display:block; margin-bottom:24px; }
.layer-vds-hosting .benefit-card h3 { margin:0 0 16px; font-size:24px; line-height:34px; }
.layer-vds-hosting .benefit-card p { margin:0; font-size:16px; line-height:32px; color:#5c5c5c; font-family:"PlusJakartaSans Light" !important; }
.layer-vds-hosting .section-7 { padding-top:104px; }
.layer-vds-hosting .migration-banner { min-height:220px; padding:48px 64px; }
.layer-vds-hosting .migration-copy, .layer-vds-hosting .migration-copy h2 { max-width:900px; }
.layer-vds-hosting .migration-copy h2 { font-size:44px; line-height:60px; }
.layer-vds-hosting .guide-title { font-size:22px; line-height:34px; }
.layer-vds-hosting .start-copy { max-width:1000px; }
.layer-vds-hosting .start-copy h2 { font-size:38px; line-height:58px; }
.layer-vds-hosting .button-chat { color:#fff; background:#ffffff33; }

@media (max-width:1399.98px) {
 .layer-vds-hosting .os-options { right:0; }
 .layer-vds-hosting .feature-row { padding-inline:32px; gap:64px; }
}
@media (max-width:1199.98px) {
 .layer-vds-hosting .os-options { position:static; width:fit-content; margin:0 auto 24px; }
 .layer-vds-hosting .vps-plan-panel .billing-options { transform:none; }
 .layer-vds-hosting .feature-row { padding-inline:0; gap:40px; }
 .layer-vds-hosting .feature-title { font-size:34px; line-height:48px; }
 .layer-vds-hosting .benefit-card { padding:28px; }
 .layer-vds-hosting .benefit-card h3 { font-size:22px; }
}
@media (max-width:991.98px) {
 .layer-vds-hosting .section-5,.layer-vds-hosting .section-3,.layer-vds-hosting .section-7 { padding-top:80px; }
 .layer-vds-hosting .vps-upgrade { flex-wrap:wrap; }
 .layer-vds-hosting .vps-upgrade .cloud-button { margin-left:64px; }
 .layer-vds-hosting .feature-row { grid-template-columns:minmax(0,1fr); }
 .layer-vds-hosting .feature-row + .feature-row { margin-top:80px; }
 .layer-vds-hosting .feature-row-reverse .feature-copy { grid-column:auto; grid-row:auto; }
 .layer-vds-hosting .feature-visual { width:100%; max-width:640px; margin-inline:auto; }
 .layer-vds-hosting .benefits-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:48px; }
 .layer-vds-hosting .migration-banner { padding:40px; }
 .layer-vds-hosting .migration-copy h2 { font-size:36px; line-height:50px; }
}
@media (max-width:767.98px) {
 .layer-vds-hosting .hero-actions { gap:20px; }
 .layer-vds-hosting .hero-trial a { font-size:16px; }
 .layer-vds-hosting .hero-trial p { font-size:12px; }
 .layer-vds-hosting .vps-plan-panel .billing-options { margin-bottom:72px; }
 .layer-vds-hosting .vps-upgrade { padding:24px; }
 .layer-vds-hosting .vps-upgrade h3 { font-size:20px; line-height:30px; }
 .layer-vds-hosting .ask { gap:10px; padding:16px; }
 .layer-vds-hosting .ask p { font-size:14px; }
 .layer-vds-hosting .benefits-grid { grid-template-columns:minmax(0,1fr); }
 .layer-vds-hosting .migration-banner { padding:32px 24px; }
 .layer-vds-hosting .migration-copy h2,.layer-vds-hosting .feature-title,.layer-vds-hosting .start-copy h2 { font-size:30px; line-height:44px; }
}
@media (max-width:479.98px) {
 .layer-vds-hosting .hero-floating { max-width:44%; }
 .layer-vds-hosting .vps-upgrade .cloud-button { width:100%; margin-left:0; }
 .layer-vds-hosting .feature-checks { gap:12px; }
 .layer-vds-hosting .feature-checks li { font-size:14px; }
}
.layer-vds-hosting .hero-trial p { display:flex; align-items:center; gap:8px; }
.layer-vds-hosting .hero-vn { left:9%; top:82%; }
.layer-vds-hosting .vps-plan-panel .billing-options { transform:none; margin:0 250px 96px 0; }
.layer-vds-hosting .os-options { right:0; }
.layer-vds-hosting .ask { background:#f1f5ff url("../img/home/bg-q.png") center / 100% 100% no-repeat; }
.layer-vds-hosting .section-5 .feature-row:first-child .badge-purple { color:#457bff; background-color:#f0f5ff; }
.layer-vds-hosting .benefit-card { border-radius:22px; }
@media (max-width:1199.98px) {
 .layer-vds-hosting .vps-plan-panel .billing-options { margin:0 auto 96px; }
 .layer-vds-hosting .hero-vn { max-width:50%; }
}
@media (max-width:991.98px) {
 .layer-vds-hosting .hero-visual { width:90%; max-width:640px; margin:48px auto 0; aspect-ratio:760 / 730; }
 .layer-vds-hosting .hero-image { width:100%; margin-left:0; }
 .layer-vds-hosting .hero-vn { left:9%; top:74%; }
}
@media (max-width:767.98px) {
 .layer-vds-hosting .vps-plan-panel .billing-options { margin-bottom:72px; }
}
@media (max-width:479.98px) {
 .layer-vds-hosting .hero-visual { width:100%; }
 .layer-vds-hosting .hero-trial p { gap:5px; }
 .layer-vds-hosting .hero-trial p img { width:16px; }
}
.layer-vds-hosting .section-2 .vps-plan-switch {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);
  column-gap:20px;
  row-gap:96px;
  align-items:start;
  margin-top:32px;
}
.layer-vds-hosting .section-2 .vps-plan-panel:not([hidden]) { display:contents; }
.layer-vds-hosting .section-2 .vps-plan-panel > .hosting-plans,
.layer-vds-hosting .section-2 .vps-plan-panel > .plans-empty { grid-column:1 / -1; margin-top:0; }
.layer-vds-hosting .section-2 .vps-plan-panel .billing-options,
.layer-vds-hosting .section-2 .os-options {
  position:static;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:fit-content;
  max-width:100%;
  margin:0;
  padding:8px;
  border:1px solid #ededed;
  border-radius:999px;
  background:#fafafa;
  transform:none;
}
.layer-vds-hosting .section-2 .vps-plan-panel .billing-options { grid-column:2; grid-row:1; }
.layer-vds-hosting .section-2 .os-options { grid-column:3; grid-row:1; }
.layer-vds-hosting .section-2 .billing-option,
.layer-vds-hosting .section-2 .os-option {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:10px 14px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:#1a1a1a;
  font-family:"PlusJakartaSans Bold" !important;
  font-size:14px;
  line-height:22px;
  white-space:nowrap;
}
.layer-vds-hosting .section-2 .billing-option.is-active,
.layer-vds-hosting .section-2 .os-option.is-active {
  color:#457bff;
  background:#fff;
  border-color:#e9e9e9;
  box-shadow:0 2px 8px #0000000d;
}
.layer-vds-hosting .section-2 .billing-option .cycle-discount {
  padding:1px 8px;
  border:0;
  border-radius:999px;
  background:#e8f3db;
  color:#659338;
  font-family:"PlusJakartaSans Bold" !important;
  font-size:12px;
  line-height:20px;
}
.layer-vds-hosting .section-2 .os-option img { width:20px; height:auto; flex:none; }
@media (max-width:991.98px) {
  .layer-vds-hosting .section-2 .vps-plan-switch { grid-template-columns:minmax(0,1fr); gap:20px; }
  .layer-vds-hosting .section-2 .vps-plan-panel .billing-options { grid-column:1; grid-row:1; justify-self:center; }
  .layer-vds-hosting .section-2 .os-options { grid-column:1; grid-row:2; justify-self:center; }
  .layer-vds-hosting .section-2 .vps-plan-panel > .hosting-plans { margin-top:52px; }
}
@media (max-width:575.98px) {
  .layer-vds-hosting .section-2 .vps-plan-panel .billing-options { flex-wrap:wrap; border-radius:22px; }
  .layer-vds-hosting .section-2 .billing-option { padding:8px 10px; gap:6px; font-size:13px; }
}


.layer-vds-hosting .section-5 .feature-checks li > span { font-family:"PlusJakartaSans Bold" !important; }


/* VDS Hosting — layout measured from the VDS PSD. */
.layer-vds-hosting .hero-os { left:13%; top:31%; }
.layer-vds-hosting .hero-speed { left:58%; top:48%; }
.layer-vds-hosting .hosting-plans { row-gap:76px; }
.layer-vds-hosting .section-2 .section-description { max-width:760px; margin-inline:auto; }
.layer-vds-hosting .section-3 { margin-top:96px; padding:80px 0 112px; background:#fafafa; }
.layer-vds-hosting .section-3 .section-description { margin-top:16px; }
.layer-vds-hosting .section-3 .benefits-grid { margin-top:72px; }
.layer-vds-hosting .section-3 .benefit-card { border:0; border-radius:22px; box-shadow:none; }
.layer-vds-hosting .section-4 { padding:96px 0 112px; background:#7c33ff; color:#fff; }
.layer-vds-hosting .section-4 .section-heading { max-width:880px; margin:24px auto 0; color:#fff; }
.layer-vds-hosting .section-4 .section-badge { font-size:14px; color:#fff; background:#ffffff1a; }
.layer-vds-hosting .included-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:84px auto 0; border:1px solid #ffffff14; border-radius:16px; overflow:hidden; }
.layer-vds-hosting .included-columns > div { min-width:0; }
.layer-vds-hosting .included-columns > div + div { border-left:1px solid #ffffff14; }
.layer-vds-hosting .included-columns h3 { margin:0; padding:24px 64px; font-size:20px; line-height:36px; color:#fff; border-bottom:1px solid #ffffff14; background:#ffffff05; }
.layer-vds-hosting .included-columns ul { padding:32px 64px 40px; margin:0; list-style:none; }
.layer-vds-hosting .included-columns li { display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; font-size:16px; line-height:30px; }
.layer-vds-hosting .included-columns li:last-child { margin-bottom:0; }
.layer-vds-hosting .included-columns li img { flex:none; margin-top:8px; }
.layer-vds-hosting .included-columns li span { font-family:"PlusJakartaSans Bold" !important; }
.layer-vds-hosting .section-5 { padding:112px 0; }
.layer-vds-hosting .section-5 .badge-purple { color:#457bff; background:#f0f5ff; }
.layer-vds-hosting .section-5 .feature-row-reverse .feature-visual { grid-column:1; grid-row:1; }
.layer-vds-hosting .section-5 .feature-row + .feature-row { margin-top:112px; }
.layer-vds-hosting .section-5 .feature-checks li > span { font-family:"PlusJakartaSans Bold" !important; }
.layer-vds-hosting .section-6 { padding:88px 0 104px; background:#3c73fa; color:#fff; }
.layer-vds-hosting .section-6 .section-heading { color:#fff; }
.layer-vds-hosting .vds-comparison-scroll { max-width:980px; margin:72px auto 0; overflow:auto; border:1px solid #ffffff24; border-radius:16px; }
.layer-vds-hosting .vds-comparison { table-layout:fixed; width:100%; min-width:720px; border-collapse:separate; border-spacing:0; color:#fff; margin:0; }
.layer-vds-hosting .vds-comparison th,.layer-vds-hosting .vds-comparison td { padding:14px 24px; height:60px; border:0; border-right:1px solid #ffffff1a; border-bottom:1px solid #ffffff1a; vertical-align:middle; font-size:16px; line-height:30px; }
.layer-vds-hosting .vds-comparison thead th { padding-block:28px; background:#ffffff0a; font-family:"PlusJakartaSans Bold" !important; font-size:20px; text-align:center; }
.layer-vds-hosting .vds-comparison th:first-child { width:50%; text-align:left; }
.layer-vds-hosting .vds-comparison tbody th { font-family:"PlusJakartaSans Regular" !important; }
.layer-vds-hosting .vds-comparison tbody th > span { display:flex; align-items:center; gap:16px; }
.layer-vds-hosting .vds-comparison tbody th img { flex:none; }
.layer-vds-hosting .vds-comparison td { text-align:center; }
.layer-vds-hosting .vds-comparison tr > :last-child { border-right:0; }
.layer-vds-hosting .vds-comparison tbody tr:last-child > * { border-bottom:0; }
.layer-vds-hosting .vds-comparison td > img { vertical-align:middle; }
.layer-vds-hosting .comparison-stars { display:inline-flex; align-items:center; justify-content:center; gap:3px; }
.layer-vds-hosting .comparison-stars img { width:auto; max-width:100%; height:auto; }
.layer-vds-hosting .star-muted { opacity:.35; }
.layer-vds-hosting .vds-comparison-scroll:focus-visible { outline:3px solid #ffe000; outline-offset:4px; }
.layer-vds-hosting .section-7 { padding-top:112px; }
.layer-vds-hosting .section-10 .start-copy { max-width:860px; }
.layer-vds-hosting .section-10 .start-copy h2 { font-size:44px; line-height:60px; }

@media (max-width:1199.98px) {
 .layer-vds-hosting .included-columns h3 { padding-inline:32px; }
 .layer-vds-hosting .included-columns ul { padding-inline:32px; }
 .layer-vds-hosting .hero-os { left: 11%; }
 .layer-vds-hosting .hero-speed { max-width:34%; }
}
@media (max-width:991.98px) {
 .layer-vds-hosting .hero-os { left: 24%; top: 29%; }
 .layer-vds-hosting .hero-speed { left:58%; top:42%; max-width:34%; }
 .layer-vds-hosting .section-3 { margin-top:72px; padding:72px 0; }
 .layer-vds-hosting .section-4,.layer-vds-hosting .section-5,.layer-vds-hosting .section-6 { padding:80px 0; }
 .layer-vds-hosting .included-columns { margin-top:56px; }
 .layer-vds-hosting .included-columns h3 { padding:20px; font-size:18px; line-height:30px; min-height:100px; display:flex; align-items:center; }
 .layer-vds-hosting .included-columns ul { padding:24px 20px; }
 .layer-vds-hosting .included-columns li { font-size:14px; }
 .layer-vds-hosting .section-5 .feature-row + .feature-row { margin-top:80px; }
 .layer-vds-hosting .section-5 .feature-row-reverse .feature-visual { grid-column:auto; grid-row:auto; }
 .layer-vds-hosting .vds-comparison-scroll { margin-top:48px; }
 .layer-vds-hosting .section-7 { padding-top:80px; }
 .layer-vds-hosting .section-10 .start-copy h2 { font-size:36px; line-height:50px; }
}
@media (max-width:767.98px) {
 .layer-vds-hosting .included-columns { grid-template-columns:minmax(0,1fr); }
 .layer-vds-hosting .included-columns > div + div { border-left:0; border-top:1px solid #ffffff14; }
 .layer-vds-hosting .included-columns h3 { min-height:0; padding:20px 24px; }
 .layer-vds-hosting .included-columns ul { padding:24px; }
 .layer-vds-hosting .included-columns li { font-size:16px; }
 .layer-vds-hosting .vds-comparison th,.layer-vds-hosting .vds-comparison td { font-size:14px; padding:14px 16px; line-height:26px; }
 .layer-vds-hosting .vds-comparison thead th { font-size:16px; }
 .layer-vds-hosting .vds-comparison th:first-child { position:sticky; left:0; z-index:1; width:280px; background:#4074fa; }
 .layer-vds-hosting .section-10 .start-copy h2 { font-size:30px; line-height:44px; }
}


/* VDS support conversations and security badge. */
.layer-vds-hosting .section-5 .badge-security { color:#5a28fa; background:#f2eeff; text-transform:uppercase; }
.layer-vds-hosting .vds-support-visual { position:relative; }
.layer-vds-hosting .vds-support-visual .support-chat { position:absolute; display:flex; align-items:center; gap:16px; padding:16px 20px; border-radius:22px; background:#fff; box-shadow:0 10px 32px #0000000a; max-width:95%; }
.layer-vds-hosting .vds-support-visual .chat-question { top:45%; left:3%; }
.layer-vds-hosting .vds-support-visual .chat-answer { top:70%; left:20%; }
.layer-vds-hosting .vds-support-visual .support-chat img { width:auto; max-width:44px; flex:none; }
.layer-vds-hosting .vds-support-visual .chat-name { font-family:"PlusJakartaSans Bold" !important; margin:0 0 4px; font-size:14px; line-height:22px; }
.layer-vds-hosting .vds-support-visual .chat-message { font-family:"PlusJakartaSans Regular" !important; margin:0; font-size:12px; line-height:20px; }
@media (max-width:767.98px) {
 .layer-vds-hosting .vds-support-visual .support-chat { padding:12px; gap:10px; }
 .layer-vds-hosting .vds-support-visual .chat-answer { left:10%; }
}
@media (max-width:479.98px) {
 .layer-vds-hosting .vds-support-visual .support-chat { gap:8px; padding:10px; border-radius:16px; }
 .layer-vds-hosting .vds-support-visual .chat-question { top:42%; }
 .layer-vds-hosting .vds-support-visual .chat-answer { top:72%; left:6%; }
 .layer-vds-hosting .vds-support-visual .support-chat img { max-width:32px; }
 .layer-vds-hosting .vds-support-visual .chat-name { font-size:12px; line-height:18px; }
 .layer-vds-hosting .vds-support-visual .chat-message { font-size:11px; line-height:17px; }
}

/* VPS Windows Hosting */
.layer-vps-windows {
  color: #1a1a1a;
  font-family: "PlusJakartaSans Regular" !important;
}
.layer-vps-windows *,
.layer-vps-windows *::before,
.layer-vps-windows *::after { box-sizing: border-box; }
.layer-vps-windows p,
.layer-vps-windows li,
.layer-vps-windows button,
.layer-vps-windows input,
.layer-vps-windows a { font-family: "PlusJakartaSans Regular" !important; }
.layer-vps-windows img { max-width: 100%; height: auto; }
.layer-vps-windows h1,
.layer-vps-windows h2,
.layer-vps-windows h3,
.layer-vps-windows .cloud-button,
.layer-vps-windows .section-badge {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-vps-windows .section-head { text-align: center; }
.layer-vps-windows .section-heading { margin: 0; font-size: 44px; line-height: 60px; color: #1a1a1a; }
.layer-vps-windows .section-description { margin: 16px 0 0; font-size: 16px; line-height: 37px; font-family: "PlusJakartaSans Light" !important; }
.layer-vps-windows .section-badge { display: inline-flex; align-items: center; padding: 6px 22px; border-radius: 999px; background: #f1f5ff; color: #457bff; font-size: 16px; line-height: 24px; }
.layer-vps-windows .badge-purple { background: #eee7ff; color: #754bfc; }
.layer-vps-windows .cloud-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 60px; padding: 14px 32px; border: 1px solid transparent; border-radius: 16px; font-size: 18px; line-height: 30px; text-decoration: none; transition: background-color .2s, box-shadow .2s; }
.layer-vps-windows .cloud-button > span[aria-hidden] { font-size: 30px; line-height: 1; }
.layer-vps-windows .button-primary { background: #457bff; color: #fff; }
.layer-vps-windows .button-yellow { background: #ffe000; color: #1a1a1a; }
.layer-vps-windows .button-outline { background: #fff; border-color: #e0e0e0; color: #1a1a1a; }
.layer-vps-windows .cloud-button:hover { box-shadow: 0 6px 18px #1a1a1a1a; }
.layer-vps-windows a:focus-visible,
.layer-vps-windows button:focus-visible { outline: 3px solid #754bfc; outline-offset: 4px; }
.layer-vps-windows .guarantee { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 18px 0 0; color: #fff; font-size: 14px; line-height: 28px; }
.layer-vps-windows .guarantee img { width: 16px; flex: none; }
.layer-vps-windows .section-1 { overflow: hidden; background: #fff; }
.layer-vps-windows .hero-main { position: relative; isolation: isolate; min-height: 805px; padding: 80px 0 104px; background: url("../img/domain/bg001.png") center top / cover no-repeat; }
.layer-vps-windows .hero-main::before,
.layer-vps-windows .hero-main::after { content: ""; position: absolute; inset-block: 0; z-index: -1; width: 40%; pointer-events: none; background-repeat: no-repeat; background-size: cover; }
.layer-vps-windows .hero-main::before { left: 0; background-image: url("../img/domain/left.png"); background-position: right top; }
.layer-vps-windows .hero-main::after { right: 0; background-image: url("../img/domain/right.png"); background-position: left top; }
.layer-vps-windows .hero-copy { position: relative; z-index: 2; }
.layer-vps-windows .hero-badge { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; padding: 6px 14px; border-radius: 999px; background: #e8efff url("../img/hosting/vds/fl.png") center / cover no-repeat; color: #457bff; font-size: 16px; line-height: 24px; font-family: "PlusJakartaSans Regular" !important; }
.layer-vps-windows .hero-badge img { width: 22px; }
.layer-vps-windows .hero-title { margin: 0 0 4px; font-size: 48px; line-height: 64px; color: #181818; letter-spacing: .01em; }
.layer-vps-windows .hero-description { max-width: 550px; margin: 0; font-size: 16px; line-height: 36px; }
.layer-vps-windows .hero-features { display: grid; grid-template-columns: max-content max-content; gap: 20px 24px; max-width: 600px; margin: 32px 0; padding: 0; list-style: none; }
.layer-vps-windows .hero-features li { display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: 24px; }
.layer-vps-windows .hero-features li > span { font-family: "PlusJakartaSans Regular" !important; }
.layer-vps-windows .hero-price { margin-bottom: 28px; }
.layer-vps-windows .price-label { display: block; margin-bottom: 8px; font-size: 16px; line-height: 24px; color: #5c5c5c; }
.layer-vps-windows .hero-price-line { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.layer-vps-windows .hero-price-number { font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; }
.layer-vps-windows .hero-price-unit { display: flex; flex-direction: column; font-size: 12px; line-height: 20px; }
.layer-vps-windows .hero-price-unit span:first-child { font-family: "PlusJakartaSans Bold" !important; font-size: 18px; }
.layer-vps-windows .discount-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid #dfe9d2; border-radius: 999px; background: #e8f3db; color: #659338; font-size: 14px; line-height: 22px; font-family: "PlusJakartaSans Bold" !important; }
.layer-vps-windows .hero-price-line .discount-badge { margin-left: 24px; }
.layer-vps-windows .money-back { display: flex; align-items: center; gap: 8px; margin: 40px 0 0; font-size: 16px; line-height: 31px; }
.layer-vps-windows .money-back img { width: 24px; }
.layer-vps-windows .hero-visual { position: relative; width: 100%; aspect-ratio: 760 / 650; }
.layer-vps-windows .hero-image { display: block; width: 100%; }
.layer-vps-windows .hero-floating { position: absolute; }
.layer-vps-windows .trust-strip { background: url("../img/domain/bg-2.png") center / cover no-repeat; }
.layer-vps-windows .trust-metrics { display: flex; justify-content: center; padding-block: 16px; }
.layer-vps-windows .trust-metric { display: flex; align-items: center; gap: 20px; padding: 0 54px; }
.layer-vps-windows .trust-metric + .trust-metric { border-left: 1px solid #bababa; }
.layer-vps-windows .trust-metric > img { width: 100px; }
.layer-vps-windows .metric-number { display: block; font-family: "PlusJakartaSans Bold" !important; font-size: 20px; line-height: 28px; }
.layer-vps-windows .trust-metric p { margin: 0; font-size: 14px; line-height: 24px; }
.layer-vps-windows .section-2 { padding: 80px 0 0; scroll-margin-top: 100px; }
.layer-vps-windows .billing-options { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; width: fit-content; max-width: 100%; margin: 56px auto 96px; padding: 6px; border: 1px solid #ededed; border-radius: 999px; background: #fafafa; }
.layer-vps-windows .billing-option { display: inline-flex; align-items: center; gap: 12px; padding: 10px 14px; border: 0; border-radius: 999px; background: transparent; font-size: 15px; line-height: 22px; cursor: pointer; }
.layer-vps-windows .billing-option.is-active { background: #fff; box-shadow: 0 2px 8px #0000000d; font-family: "PlusJakartaSans Bold" !important; }
.layer-vps-windows .billing-option .cycle-discount { padding: 1px 8px; border-radius: 999px; background: #e8f3db; color: #659338; font-size: 15px; }
.layer-vps-windows .hosting-plans { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.layer-vps-windows .hosting-plans.no-cycle-options { margin-top: 108px; }
.layer-vps-windows .hosting-plan { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 34px 26px 40px; border: 1px solid #e6e6e6; border-radius: 22px; background: #fff; }
.layer-vps-windows .hosting-plan.featured { border: 4px solid #457bff; padding: 31px 22px 37px; }
.layer-vps-windows .plan-ribbon {
  position: absolute;
  bottom: 100%;
  left: -4px;
  right: -4px;
  padding: 10px 42px;
  border-radius: 22px 22px 0 0;
  background: #457bff;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  width: auto;
  min-width: max-content;
  z-index: 2;
  font-family: "PlusJakartaSans Bold" !important;
  font-size: 16px;
}
.layer-vps-windows .plan-ribbon::before,
.layer-vps-windows .plan-ribbon::after {
  content: "";
  position: absolute;
  bottom: -25px;
  width: 30px;
  height: 30px;
  pointer-events: none;
}
.layer-vps-windows .plan-ribbon::before {
  left: 0;
  background: radial-gradient(circle at bottom right, transparent 28px, #457bff 30px);
}
.layer-vps-windows .plan-ribbon::after {
  right: 0;
  background: radial-gradient(circle at bottom left, transparent 28px, #457bff 30px);
}
.layer-vps-windows .hosting-plan.featured:hover {
  background: rgba(33, 37, 41, 0.02);
}
.layer-vps-windows .plan-name { margin: 0 0 16px; font-size: 20px; line-height: 28px; }
.layer-vps-windows .plan-description { min-height: 66px; margin: 0 0 24px; font-size: 14px; line-height: 28px; }
.layer-vps-windows .plan-price-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; min-height: 28px; margin-bottom: 20px; }
.layer-vps-windows .plan-original { color: #666; font-size: 14px; text-decoration: line-through; }
.layer-vps-windows .plan-price-meta .discount-badge { padding: 2px 8px; font-size: 14px; line-height: 20px; }
.layer-vps-windows .plan-price { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 35px; line-height: 48px; color: #181818; }
.layer-vps-windows .plan-price small { font-family: "PlusJakartaSans Bold" !important; font-size: 16px; white-space: nowrap; }
.layer-vps-windows .plan-renewal { min-height: 22px; margin: 4px 0 22px; color: #666; font-size: 12px; line-height: 22px; }
.layer-vps-windows .plan-buy { width: 100%; min-height: 60px; border-color: #457bff; color: #457bff; background: #fff; }
.layer-vps-windows .featured .plan-buy { color: #fff; background: #457bff; }
.layer-vps-windows .plan-features { display: grid; gap: 14px; margin: 40px 0 0; padding: 24px 0 0; border-top: 1px solid #ededed; list-style: none; }
.layer-vps-windows .plan-feature { display: flex; align-items: flex-start; gap: 16px; font-size: 16px; line-height: 24px; }
.layer-vps-windows .plan-feature > img { width: 18px; flex: none; margin-top: 3px; }
.layer-vps-windows .plan-feature p { margin: 0; font-size: inherit; line-height: inherit; }
.layer-vps-windows .plan-feature details { margin-left: auto; flex: none; position: relative; }
.layer-vps-windows .plan-feature summary { display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid #aaa; border-radius: 50%; cursor: pointer; font-size: 12px; list-style: none; }
.layer-vps-windows .feature-help { position: absolute; z-index: 3; right: 0; top: 24px; width: 240px; padding: 14px; border: 1px solid #e0e0e0; border-radius: 10px; background: #fff; box-shadow: 0 4px 16px #00000014; }
.layer-vps-windows .migration-banner { display: flex; align-items: center; justify-content: space-between; gap: 60px; min-height: 407px; padding: 56px 84px; border-radius: 26px; background: #457bff url("../img/hosting/cloud-hosting/bg-2.png") center / cover no-repeat; color: #fff; }
.layer-vps-windows .migration-copy { max-width: 610px; }
.layer-vps-windows .migration-copy h2 { max-width: 510px; margin: 0 0 8px; color: #fff; font-size: 36px; line-height: 68px; }
.layer-vps-windows .migration-copy p { margin: 0; font-family: "PlusJakartaSans Light" !important; font-size: 16px; line-height: 36px; }
.layer-vps-windows .migration-action { flex: none; text-align: center; }
.layer-vps-windows .feature-image { display: block; width: 100%; }
.layer-vps-windows .customers-heading { max-width: 820px; margin-inline: auto; text-align: center; }
.layer-vps-windows .reviews-heading { max-width: 480px; margin: 32px 0 48px; font-size: 41px; line-height: 60px; }
.layer-vps-windows .testimonial-card { display: flex; flex-direction: column; height: 100%; min-height: 440px; padding: 34px 48px; border: 1px solid #ededed; border-radius: 22px; background: linear-gradient(135deg, #fff, #faf8ff); }
.layer-vps-windows .testimonial-avatar { display: block; width: 44px; height: 44px; object-fit: cover; border-radius: 50%; margin-bottom: 32px; }
.layer-vps-windows .testimonial-stars { display: block; width: 108px; margin-bottom: 28px; }
.layer-vps-windows .testimonial-content { margin: 0 0 32px; font-family: "PlusJakartaSans Bold" !important; font-size: 16px; line-height: 31px; }
.layer-vps-windows .testimonial-author { margin-top: auto; }
.layer-vps-windows .testimonial-name { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 18px; line-height: 30px; }
.layer-vps-windows .testimonial-role { margin: 0; font-size: 14px; line-height: 28px; color: #5c5c5c; }
.layer-vps-windows .testimonial-pagination { position: static; display: flex; justify-content: center; gap: 8px; margin-top: 64px; }
.layer-vps-windows .testimonial-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0; opacity: 1; background: #fff; border: 1px solid #bfc4ce; cursor: pointer; }
.layer-vps-windows .testimonial-pagination .swiper-pagination-bullet-active { background: #457bff; border-color: #457bff; }
.layer-vps-windows .section-11 { padding: 116px 0 80px; }
.layer-vps-windows .guides-heading { margin: 28px 0 0; font-size: 41px; line-height: 55px; }
.layer-vps-windows .guides-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 64px; }
.layer-vps-windows .guide-card { display: block; padding: 26px 26px 40px; border: 1px solid #ededed; border-radius: 26px; text-decoration: none; color: #1a1a1a; }
.layer-vps-windows .guide-image { display: block; width: 100%; aspect-ratio: 660 / 327; object-fit: cover; border-radius: 24px; background: #edf2ff; }
.layer-vps-windows .guide-category { display: flex; margin-top: 22px; font-size: 16px; line-height: 24px; color: #4b7efc; align-items: center; gap: 10px; }
.layer-vps-windows .guide-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-top: 8px; font-family: "PlusJakartaSans Bold" !important; font-size: 24px; line-height: 34px; }
.layer-vps-windows .section-12 { padding: 104px 0 90px; background: #fafafa; }
.layer-vps-windows .section-12 .section-head { margin-bottom: 100px; }
.layer-vps-windows .section-13 { padding: 64px 0; background: #457bff url("../img/hosting/cloud-hosting/bg-2.png") center / cover no-repeat; color: #fff; }
.layer-vps-windows .start-layout { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.layer-vps-windows .start-copy { max-width: 760px; }
.layer-vps-windows .start-copy h2 { margin: 0 0 8px; color: #fff; font-size: 44px; line-height: 68px; }
.layer-vps-windows .start-copy p { max-width: 580px; margin: 0; font-size: 14px; line-height: 30px; }
.layer-vps-windows .start-action { display: flex; align-items: center; gap: 52px; flex: none; }
.layer-vps-windows .start-price > span { font-size: 16px; line-height: 24px; }
.layer-vps-windows .start-price p { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; white-space: nowrap; }
.layer-vps-windows .start-price small { font-size: 14px; }
@media (max-width: 1399.98px) {
  .layer-vps-windows .hosting-plan { padding-inline: 20px; }
  .layer-vps-windows .hosting-plan.featured { padding-inline: 17px; }
  .layer-vps-windows .plan-price { font-size: 30px; }
  .layer-vps-windows .start-action { gap: 24px; }
}
@media (max-width: 1199.98px) {
  .layer-vps-windows .hero-main { padding-block: 72px; min-height: 0; }
  .layer-vps-windows .hero-title { font-size: 42px; line-height: 56px; }
  .layer-vps-windows .hero-price-line .discount-badge { margin-left: 0; }
  .layer-vps-windows .trust-metric { padding-inline: 32px; }
  .layer-vps-windows .hosting-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 80px; }
  .layer-vps-windows .hosting-plan { padding: 32px; }
  .layer-vps-windows .hosting-plan.featured { padding: 29px; }
  .layer-vps-windows .migration-banner { padding: 48px; gap: 32px; }
  .layer-vps-windows .migration-copy h2 { font-size: 38px; line-height: 56px; }
  .layer-vps-windows .testimonial-card { padding: 28px; }
  .layer-vps-windows .start-layout { flex-wrap: wrap; gap: 32px; }
}
@media (max-width: 991.98px) {
  .layer-vps-windows .hero-main { padding: 56px 0 28px; }
  .layer-vps-windows .hero-copy { max-width: 720px; margin-inline: auto; }
  .layer-vps-windows .hero-visual { max-width: 700px; margin: 40px auto 0; }
  .layer-vps-windows .trust-metric { padding-inline: 20px; gap: 12px; }
  .layer-vps-windows .trust-metric > img { width: 64px; }
  .layer-vps-windows .section-2 { padding-top: 64px; }
  .layer-vps-windows .section-heading { font-size: 36px; line-height: 50px; }
  .layer-vps-windows .migration-banner { flex-direction: column; align-items: flex-start; }
  .layer-vps-windows .section-11 { padding-block: 80px; }
  .layer-vps-windows .guide-title { font-size: 20px; line-height: 30px; }
  .layer-vps-windows .section-12 { padding-block: 72px; }
  .layer-vps-windows .section-12 .section-head { margin-bottom: 56px; }
}
@media (max-width: 767.98px) {
  .layer-vps-windows .hero-title { font-size: 36px; line-height: 48px; }
  .layer-vps-windows .trust-metric { padding-inline: 16px; flex-direction: column; gap: 8px; text-align: center; }
  .layer-vps-windows .trust-metric > img { width: 72px; }
  .layer-vps-windows .billing-options { margin-block: 40px 72px; border-radius: 18px; }
  .layer-vps-windows .billing-option { gap: 6px; padding-inline: 10px; }
  .layer-vps-windows .hosting-plans { grid-template-columns: minmax(0, 1fr); max-width: 460px; margin-inline: auto; }
  .layer-vps-windows .guides-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .layer-vps-windows .guide-card { padding: 20px 20px 28px; }
  .layer-vps-windows .reviews-heading,
  .layer-vps-windows .guides-heading { font-size: 34px; line-height: 48px; }
  .layer-vps-windows .section-12 .faq-question { padding: 20px; gap: 16px; font-size: 16px; }
  .layer-vps-windows .section-12 .faq-answer { padding: 20px; }
  .layer-vps-windows .start-copy h2 { font-size: 34px; line-height: 48px; }
}
@media (max-width: 575.98px) {
  .layer-vps-windows .hero-main { padding: 56px 0 36px;}
  .layer-vps-windows .section-heading,
  .layer-vps-windows .reviews-heading,
  .layer-vps-windows .guides-heading,
  .layer-vps-windows .migration-copy h2,
  .layer-vps-windows .start-copy h2 { font-size: 30px; line-height: 44px; }
  .layer-vps-windows .cloud-button { padding-inline: 24px; font-size: 16px; }
  .layer-vps-windows .hero-badge { font-size: 12px; gap: 5px; }
  .layer-vps-windows .hero-features { gap: 16px 12px; }
  .layer-vps-windows .hero-features li { font-size: 13px; line-height: 22px; gap: 6px; align-items: flex-start; }
  .layer-vps-windows .hero-features img { width: 20px; }
  .layer-vps-windows .trust-metric { padding-inline: 28px; }
  .layer-vps-windows .metric-number { font-size: 17px; }
  .layer-vps-windows .trust-metric p { font-size: 12px; }
  .layer-vps-windows .migration-banner { padding: 32px 24px; border-radius: 22px; }
  .layer-vps-windows .migration-action { width: 100%; }
  .layer-vps-windows .migration-action .cloud-button { width: 100%; }
  .layer-vps-windows .start-action { flex-wrap: wrap; gap: 24px; }
  .layer-vps-windows .section-13 { padding-block: 48px; }
}
@media (width < 480px) {
  .layer-vps-windows .hero-main { padding: 56px 0 28px; }
  .layer-vps-windows .hero-main::before,
  .layer-vps-windows .hero-main::after { content: none; }
}

.layer-vps-windows [hidden] { display: none !important; }
.layer-vps-windows .plan-buy:disabled { opacity: .5; cursor: not-allowed; }
.layer-vps-windows .cloud-text-bold,
.layer-vps-windows .billing-option,
.layer-vps-windows .billing-option .cycle-discount,
.layer-vps-windows .plan-price-meta .discount-badge,
.layer-vps-windows .plan-discount,
.layer-vps-windows .plan-price-value,
.layer-vps-windows .plan-price-unit {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-vps-windows .plan-feature-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex: none;
  margin-top: 3px;
  background-color: #5a28fa;
  -webkit-mask: var(--plan-feature-icon) center / contain no-repeat;
  mask: var(--plan-feature-icon) center / contain no-repeat;
}
.layer-vps-windows .guide-category img {
  width: 22px;
  flex: none;
}
.layer-vps-windows .hero-floating { max-width: none; }
@media (min-width: 992px) {
  .layer-vps-windows .hero-image {
    width: 105%; max-width: none; margin-left: -16%;
  }
}
.layer-vps-windows .ask { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:80px; padding:18px 24px; border-radius:12px; }
.layer-vps-windows .ask p { margin:0; font-size:16px; line-height:28px; }
.layer-vps-windows .ask img { flex:none; }
.layer-vps-windows .migration-copy { max-width:680px; }
.layer-vps-windows .migration-copy h2 { max-width:650px; }
.layer-vps-windows .section-11 .guide-image { border-radius:20px; }
@media (max-width:767.98px) {
 .layer-vps-windows .ask { margin-top:56px; gap:10px; padding:16px; }
 .layer-vps-windows .ask p { font-size:13px; }
}
@media (max-width:479.98px) {
 .layer-vps-windows .hero-floating { max-width:42%; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .layer-vps-windows .section-1 .hero-floating {
    translate: var(--domain-card-x, 0px) var(--domain-card-y, 0px);
    transition: translate 350ms ease-out;
  }
}
.layer-vps-windows .hero-description { max-width:580px; }
.layer-vps-windows .hero-actions { display:flex; align-items:center; gap:54px; flex-wrap: wrap; }
.layer-vps-windows .hero-trial a { color:#1a1a1a; text-decoration:none; font-size:16px; line-height:24px; display: inline-flex; align-items: center; gap: 11px; font-family: "PlusJakartaSans Bold" !important; }
.layer-vps-windows .hero-trial p { margin:4px 0 0; font-size:14px; line-height:24px; }
.layer-vps-windows .vps-plan-switch { position:relative; margin-top:56px; }
.layer-vps-windows .vps-plan-panel .billing-options { margin:0 auto 96px; transform:translateX(-120px); }
.layer-vps-windows .os-options { position:absolute; top:0; right:5%; display:flex; gap:4px; padding:6px; border:1px solid #ededed; border-radius:999px; background:#fafafa; z-index:1; }
.layer-vps-windows .os-option { display:flex; align-items:center; gap:8px; border:0; border-radius:999px; padding:10px 14px; color:#666; background:transparent; font-size:15px; line-height:22px; cursor:pointer; font-family:"PlusJakartaSans Bold" !important; }
.layer-vps-windows .os-option.is-active { background:#fff; color:#457bff; box-shadow:0 2px 8px #0000000d; }
.layer-vps-windows .os-option img { width:20px; }
.layer-vps-windows .vps-upgrade { display:flex; align-items:center; gap:20px; margin-top:64px; padding:24px 32px; border:1px solid #ededed; border-radius:16px; }
.layer-vps-windows .upgrade-icon { width:44px; }
.layer-vps-windows .vps-upgrade > div { flex:1; min-width:0; }
.layer-vps-windows .vps-upgrade h3 { margin:0 0 4px; font-size:24px; line-height:36px; }
.layer-vps-windows .vps-upgrade p { margin:0; font-size:14px; line-height:28px; }
.layer-vps-windows .vps-upgrade .cloud-button { flex:none; }
.layer-vps-windows .ask { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:32px; }
.layer-vps-windows .ask p { margin:0; font-size:16px; line-height:28px; }
.layer-vps-windows .section-5 { padding:112px 0 0; }
.layer-vps-windows .feature-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:100px; align-items:center; padding-inline:76px; }
.layer-vps-windows .feature-row + .feature-row { margin-top:112px; }
.layer-vps-windows .feature-row-reverse .feature-copy { grid-column:2; grid-row:1; }
.layer-vps-windows .feature-title { margin:24px 0 20px; font-size:41px; line-height:56px; }
.layer-vps-windows .feature-description { font-size:16px; line-height:36px; font-family:"PlusJakartaSans Light" !important; margin:0; }
.layer-vps-windows .feature-visual img { display:block; width:100%; }
.layer-vps-windows .feature-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; list-style:none; margin:40px 0 0; padding:32px 0 0; border-top:1px solid #ededed; font-family:"PlusJakartaSans Light" !important; }
.layer-vps-windows .feature-checks li { display:flex; align-items:center; gap:10px; font-size:16px; line-height:28px; }
.layer-vps-windows .feature-checks img { flex:none; }
.layer-vps-windows .section-8 { padding-top:140px; }
.layer-vps-windows .benefits-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:72px; }
.layer-vps-windows .benefit-card { min-width:0; padding:36px 32px; border:1px solid #f0f0f0; border-radius:18px; background:#fff; box-shadow:0 4px 24px #1a1a1a03; }
.layer-vps-windows .benefit-icon { display:block; margin-bottom:24px; }
.layer-vps-windows .benefit-card h3 { margin:0 0 16px; font-size:24px; line-height:34px; }
.layer-vps-windows .benefit-card p { margin:0; font-size:16px; line-height:32px; color:#5c5c5c; font-family:"PlusJakartaSans Light" !important; }
.layer-vps-windows .section-9 { padding-top:104px; }
.layer-vps-windows .migration-banner { min-height:220px; padding:48px 64px; }
.layer-vps-windows .migration-copy, .layer-vps-windows .migration-copy h2 { max-width:900px; }
.layer-vps-windows .migration-copy h2 { font-size:36px; line-height:60px; }
.layer-vps-windows .guide-title { font-size:22px; line-height:34px; }
.layer-vps-windows .start-copy { max-width:1000px; }
.layer-vps-windows .start-copy h2 { font-size:38px; line-height:58px; }
.layer-vps-windows .button-chat { color:#fff; background:#ffffff33; }

@media (max-width:1399.98px) {
 .layer-vps-windows .os-options { right:0; }
 .layer-vps-windows .feature-row { padding-inline:32px; gap:64px; }
}
@media (max-width:1199.98px) {
 .layer-vps-windows .os-options { position:static; width:fit-content; margin:0 auto 24px; }
 .layer-vps-windows .vps-plan-panel .billing-options { transform:none; }
 .layer-vps-windows .feature-row { padding-inline:0; gap:40px; }
 .layer-vps-windows .feature-title { font-size:34px; line-height:48px; }
 .layer-vps-windows .benefit-card { padding:28px; }
 .layer-vps-windows .benefit-card h3 { font-size:22px; }
}
@media (max-width:991.98px) {
 .layer-vps-windows .section-5,.layer-vps-windows .section-8,.layer-vps-windows .section-9 { padding-top:80px; }
 .layer-vps-windows .vps-upgrade { flex-wrap:wrap; }
 .layer-vps-windows .vps-upgrade .cloud-button { margin-left:64px; }
 .layer-vps-windows .feature-row { grid-template-columns:minmax(0,1fr); }
 .layer-vps-windows .feature-row + .feature-row { margin-top:80px; }
 .layer-vps-windows .feature-row-reverse .feature-copy { grid-column:auto; grid-row:auto; }
 .layer-vps-windows .feature-visual { width:100%; max-width:640px; margin-inline:auto; }
 .layer-vps-windows .benefits-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:48px; }
 .layer-vps-windows .migration-banner { padding:40px; }
 .layer-vps-windows .migration-copy h2 { font-size:36px; line-height:50px; }
}
@media (max-width:767.98px) {
 .layer-vps-windows .hero-actions { gap:20px; }
 .layer-vps-windows .hero-trial a { font-size:16px; }
 .layer-vps-windows .hero-trial p { font-size:12px; }
 .layer-vps-windows .vps-plan-panel .billing-options { margin-bottom:72px; }
 .layer-vps-windows .vps-upgrade { padding:24px; }
 .layer-vps-windows .vps-upgrade h3 { font-size:20px; line-height:30px; }
 .layer-vps-windows .ask { gap:10px; padding:16px; }
 .layer-vps-windows .ask p { font-size:14px; }
 .layer-vps-windows .benefits-grid { grid-template-columns:minmax(0,1fr); }
 .layer-vps-windows .migration-banner { padding:32px 24px; }
 .layer-vps-windows .migration-copy h2,.layer-vps-windows .feature-title,.layer-vps-windows .start-copy h2 { font-size:30px; line-height:44px; }
}
@media (max-width:479.98px) {
 .layer-vps-windows .hero-floating { max-width:44%; }
 .layer-vps-windows .vps-upgrade .cloud-button { width:100%; margin-left:0; }
 .layer-vps-windows .feature-checks { gap:12px; }
 .layer-vps-windows .feature-checks li { font-size:14px; }
}
.layer-vps-windows .hero-trial p { display:block; align-items:center; }
.layer-vps-windows .hero-vn { left:9%; top:82%; }
.layer-vps-windows .vps-plan-panel .billing-options { transform:none; margin:0 250px 96px 0; }
.layer-vps-windows .os-options { right:0; }
.layer-vps-windows .ask { background:#f1f5ff url("../img/home/bg-q.png") center / 100% 100% no-repeat; }
.layer-vps-windows .section-5 .feature-row:first-child .badge-purple { color:#457bff; background-color:#f0f5ff; }
.layer-vps-windows .benefit-card { border-radius:22px; }
@media (max-width:1199.98px) {
 .layer-vps-windows .vps-plan-panel .billing-options { margin:0 auto 96px; }
 .layer-vps-windows .hero-vn { max-width:50%; }
}
@media (max-width:991.98px) {
 .layer-vps-windows .hero-visual { width:90%; max-width:640px; margin:48px auto 0; aspect-ratio:760 / 730; }
 .layer-vps-windows .hero-image { width:100%; margin-left:0; }
 .layer-vps-windows .hero-vn { left:9%; top:74%; }
}
@media (max-width:767.98px) {
 .layer-vps-windows .vps-plan-panel .billing-options { margin-bottom:72px; }
}
@media (max-width:479.98px) {
 .layer-vps-windows .hero-visual { width:100%; }
 .layer-vps-windows .hero-trial p { gap:5px; }
}
.layer-vps-windows .section-2 .vps-plan-switch {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);
  column-gap:20px;
  row-gap:96px;
  align-items:start;
  margin-top:32px;
}
.layer-vps-windows .section-2 .vps-plan-panel:not([hidden]) { display:contents; }
.layer-vps-windows .section-2 .vps-plan-panel > .hosting-plans,
.layer-vps-windows .section-2 .vps-plan-panel > .plans-empty { grid-column:1 / -1; margin-top:0; }
.layer-vps-windows .section-2 .vps-plan-panel .billing-options,
.layer-vps-windows .section-2 .os-options {
  position:static;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:fit-content;
  max-width:100%;
  margin:0;
  padding:8px;
  border:1px solid #ededed;
  border-radius:999px;
  background:#fafafa;
  transform:none;
  min-height: 68px;
}
.layer-vps-windows .section-2 .vps-plan-panel .billing-options { grid-column:2; grid-row:1; }
.layer-vps-windows .section-2 .os-options { grid-column:3; grid-row:1; }
.layer-vps-windows .section-2 .billing-option,
.layer-vps-windows .section-2 .os-option {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:10px 14px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:#1a1a1a;
  font-family:"PlusJakartaSans Bold" !important;
  font-size:15px;
  line-height:22px;
  white-space:nowrap;
  min-height: 49px;
}
.layer-vps-windows .section-2 .billing-option.is-active,
.layer-vps-windows .section-2 .os-option.is-active {
  color:#457bff;
  background:#fff;
  border-color:#e9e9e9;
  box-shadow:0 2px 8px #0000000d;
}
.layer-vps-windows .section-2 .billing-option .cycle-discount {
  padding:1px 8px;
  border:0;
  border-radius:999px;
  background:#e8f3db;
  color:#659338;
  font-family:"PlusJakartaSans Bold" !important;
  font-size:15px;
  line-height:20px;
}
.layer-vps-windows .section-2 .os-option img { width:20px; height:auto; flex:none; }
@media (max-width:991.98px) {
  .layer-vps-windows .section-2 .vps-plan-switch { grid-template-columns:minmax(0,1fr); gap:20px; }
  .layer-vps-windows .section-2 .vps-plan-panel .billing-options { grid-column:1; grid-row:1; justify-self:center; }
  .layer-vps-windows .section-2 .os-options { grid-column:1; grid-row:2; justify-self:center; }
  .layer-vps-windows .section-2 .vps-plan-panel > .hosting-plans { margin-top:52px; }
}
@media (max-width:575.98px) {
  .layer-vps-windows .section-2 .vps-plan-panel .billing-options { flex-wrap:wrap; border-radius:22px; }
  .layer-vps-windows .section-2 .billing-option { padding:8px 10px; gap:6px; font-size:13px; }
}


.layer-vps-windows .section-5 .feature-checks li > span { font-family:"PlusJakartaSans Bold" !important; }
.layer-vps-windows .hosting-plans { row-gap:76px; }
.layer-vps-windows .section-2 .section-description { max-width:760px; margin-inline:auto; }
.layer-vps-windows .section-8 { margin-top:96px; padding:80px 0 112px; background:#fafafa; }
.layer-vps-windows .section-8 .section-description { margin-top:16px; }
.layer-vps-windows .section-8 .benefits-grid { margin-top:72px; }
.layer-vps-windows .section-8 .benefit-card { border:0; border-radius:22px; box-shadow:none; }
.layer-vps-windows .section-4 { padding:96px 0 112px; background:#7c33ff; color:#fff; }
.layer-vps-windows .section-4 .section-heading { max-width:880px; margin:24px auto 0; color:#fff; }
.layer-vps-windows .section-4 .section-badge { font-size:14px; color:#fff; background:#ffffff1a; }
.layer-vps-windows .included-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:84px auto 0; border:1px solid #ffffff14; border-radius:16px; overflow:hidden; }
.layer-vps-windows .included-columns > div { min-width:0; }
.layer-vps-windows .included-columns > div + div { border-left:1px solid #ffffff14; }
.layer-vps-windows .included-columns h3 { margin:0; padding:24px 64px; font-size:20px; line-height:36px; color:#fff; border-bottom:1px solid #ffffff14; background:#ffffff05; }
.layer-vps-windows .included-columns ul { padding:32px 64px 40px; margin:0; list-style:none; }
.layer-vps-windows .included-columns li { display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; font-size:16px; line-height:30px; }
.layer-vps-windows .included-columns li:last-child { margin-bottom:0; }
.layer-vps-windows .included-columns li img { flex:none; margin-top:8px; }
.layer-vps-windows .included-columns li span { font-family:"PlusJakartaSans Bold" !important; }
.layer-vps-windows .section-5 { padding:112px 0; }
.layer-vps-windows .section-5 .badge-purple { color:#457bff; background:#f0f5ff; }
.layer-vps-windows .section-5 .feature-row-reverse .feature-visual { grid-column:1; grid-row:1; }
.layer-vps-windows .section-5 .feature-row + .feature-row { margin-top:112px; }
.layer-vps-windows .section-5 .feature-checks li > span { font-family:"PlusJakartaSans Bold" !important; }
.layer-vps-windows .section-9 { padding-top:112px; }
.layer-vps-windows .section-13 .start-copy { max-width:860px; }
.layer-vps-windows .section-13 .start-copy h2 { font-size:44px; line-height:60px; }

@media (max-width:1199.98px) {
 .layer-vps-windows .included-columns h3 { padding-inline:32px; }
 .layer-vps-windows .included-columns ul { padding-inline:32px; }
}
@media (max-width:991.98px) {
 .layer-vps-windows .section-8 { margin-top:72px; padding:72px 0; }
 .layer-vps-windows .section-4,.layer-vps-windows .section-5 { padding:80px 0; }
 .layer-vps-windows .included-columns { margin-top:56px; }
 .layer-vps-windows .included-columns h3 { padding:20px; font-size:18px; line-height:30px; min-height:100px; display:flex; align-items:center; }
 .layer-vps-windows .included-columns ul { padding:24px 20px; }
 .layer-vps-windows .included-columns li { font-size:14px; }
 .layer-vps-windows .section-5 .feature-row + .feature-row { margin-top:80px; }
 .layer-vps-windows .section-5 .feature-row-reverse .feature-visual { grid-column:auto; grid-row:auto; }
 .layer-vps-windows .section-9 { padding-top:80px; }
 .layer-vps-windows .section-13 .start-copy h2 { font-size:36px; line-height:50px; }
}
@media (max-width:767.98px) {
 .layer-vps-windows .included-columns { grid-template-columns:minmax(0,1fr); }
 .layer-vps-windows .included-columns > div + div { border-left:0; border-top:1px solid #ffffff14; }
 .layer-vps-windows .included-columns h3 { min-height:0; padding:20px 24px; }
 .layer-vps-windows .included-columns ul { padding:24px; }
 .layer-vps-windows .included-columns li { font-size:16px; }
 .layer-vps-windows .section-13 .start-copy h2 { font-size:30px; line-height:44px; }
}
.layer-vps-windows .section-5 .badge-security { color:#5a28fa; background:#f2eeff; text-transform:uppercase; }
.layer-vps-windows .windows-support-visual { position:relative; }
.layer-vps-windows .windows-support-visual .support-chat { position:absolute; display:flex; align-items:center; gap:16px; padding:16px 20px; border-radius:22px; background:#fff; box-shadow:0 10px 32px #0000000a; max-width:95%; }
.layer-vps-windows .windows-support-visual .chat-question { top:45%; left:3%; }
.layer-vps-windows .windows-support-visual .chat-answer { top:70%; left:20%; }
.layer-vps-windows .windows-support-visual .support-chat img { width:auto; max-width:44px; flex:none; }
.layer-vps-windows .windows-support-visual .chat-name { font-family:"PlusJakartaSans Bold" !important; margin:0 0 4px; font-size:14px; line-height:22px; }
.layer-vps-windows .windows-support-visual .chat-message { font-family:"PlusJakartaSans Regular" !important; margin:0; font-size:12px; line-height:20px; }
@media (max-width:767.98px) {
 .layer-vps-windows .windows-support-visual .support-chat { padding:12px; gap:10px; }
 .layer-vps-windows .windows-support-visual .chat-answer { left:10%; }
}
@media (max-width:479.98px) {
 .layer-vps-windows .windows-support-visual .support-chat { gap:8px; padding:10px; border-radius:16px; }
 .layer-vps-windows .windows-support-visual .chat-question { top:42%; }
 .layer-vps-windows .windows-support-visual .chat-answer { top:72%; left:6%; }
 .layer-vps-windows .windows-support-visual .support-chat img { max-width:32px; }
 .layer-vps-windows .windows-support-visual .chat-name { font-size:12px; line-height:18px; }
 .layer-vps-windows .windows-support-visual .chat-message { font-size:11px; line-height:17px; }
}

/* VPS Windows: dimensions and layouts from the supplied PSD. */
.layer-vps-windows .hero-windows { left:75%; top:38%; }
.layer-vps-windows .hero-windows-badge { left:66%; top:89%; }
.layer-vps-windows .section-2 .section-description { max-width:760px; margin-inline:auto; }
.layer-vps-windows .hosting-plans { row-gap:76px; }
.layer-vps-windows .section-3 { padding:112px 0 152px; }
.layer-vps-windows .section-4 { padding:96px 0 112px; background:#7b2aff; }
.layer-vps-windows .section-4 .included-columns { margin-top:76px; }
.layer-vps-windows .section-5 .badge-security { color:#5a28fa; background:#f2eeff; }
.layer-vps-windows .section-6 { padding:96px 0 88px; background:#583cff url("../img/hosting/vps-windows/bg.png") center / cover no-repeat; color:#fff; }
.layer-vps-windows .windows-tools { display:flex; justify-content:center; align-items:flex-start; gap:24px; margin:0 auto 64px; max-width:1100px; }
.layer-vps-windows .windows-tools .tool-card { max-width:calc((100% - 72px)/4); height:auto; }
.layer-vps-windows .tool-card:nth-child(odd) { margin-top:64px; }
.layer-vps-windows .section-6 .section-heading { color:#fff; }
.layer-vps-windows .section-6 .section-description { max-width:840px; margin:20px auto 40px; color:#fff; }
.layer-vps-windows .section-7 { padding:96px 0 104px; background:#fafafa; }
.layer-vps-windows .windows-comparison-scroll { margin-top:80px; overflow:auto; border:1px solid #ededed; border-bottom:0; border-radius:30px 30px 0 0; }
.layer-vps-windows .windows-comparison { width:100%; min-width:1200px; border-collapse:separate; border-spacing:0; table-layout:fixed; margin:0; }
.layer-vps-windows .windows-comparison th,
.layer-vps-windows .windows-comparison td { border:0; border-right:1px solid #ededed; border-bottom:1px solid #ededed; padding:18px 16px; font-size:16px; line-height:28px; vertical-align:middle; text-align:center; }
.layer-vps-windows .windows-comparison th:first-child { width:25%; text-align:left; }
.layer-vps-windows .windows-comparison thead th { background:#fff; color:#1a1a1a; font-family:"PlusJakartaSans Bold" !important; }
.layer-vps-windows .windows-comparison tbody th { font-family:"PlusJakartaSans Bold" !important; }
.layer-vps-windows .windows-comparison tbody td { font-family:"PlusJakartaSans Regular" !important; }
.layer-vps-windows .windows-comparison tr > :last-child { border-right:0; }
.layer-vps-windows .windows-comparison tbody tr:last-child > * { border-bottom:1px solid #ededed; }
.layer-vps-windows .windows-comparison td img { vertical-align:middle; }
.layer-vps-windows .windows-comparison .comparison-plan-price { display:block; margin-top:8px; font-size:inherit; font-family:"PlusJakartaSans Regular" !important; font-synthesis:none !important; }
.layer-vps-windows .comparison-extra[hidden] { display:none; }
.layer-vps-windows .comparison-toggle { display:flex; width:239px; height:63px; min-height:63px; margin:32px auto 0; gap:24px; padding:0 24px; border-radius:16px; }
.layer-vps-windows .section-8 { margin-top:0; padding:112px 0 64px; background:#fff; }
.layer-vps-windows .section-8 .benefits-grid { margin-top:72px; }
.layer-vps-windows .section-8 .benefit-card { background:#fff; border:1px solid #f5f5f5; border-radius:22px; }
.layer-vps-windows .section-9 { padding-top:32px; }
.layer-vps-windows .section-9 .migration-copy { max-width:880px; }
.layer-vps-windows .section-9 .migration-copy h2 { max-width:none; }
.layer-vps-windows .section-10 { padding-top:112px; }
.layer-vps-windows .versions-heading { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.layer-vps-windows .versions-heading .section-heading { font-size:41px; line-height:56px; }
.layer-vps-windows .versions-heading .cloud-button { flex:none; }
.layer-vps-windows .windows-versions { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; margin-top:80px; padding:32px; border:1px solid #ebebeb; border-radius:30px; }
.layer-vps-windows .windows-version { min-width:0; padding:28px 24px 32px; border-radius:16px; border: 1px solid #ebebeb; }
.layer-vps-windows .windows-version > img { display:block; margin-bottom:20px; }
.layer-vps-windows .windows-version:last-child { background-color: #f3f7ff; border-color: #ebf2ff; }
.layer-vps-windows .windows-version h3 { margin:0 0 12px; font-size:24px; line-height:34px; }
.layer-vps-windows .windows-version p { margin:0; font-family:"PlusJakartaSans Light" !important; font-size:16px; line-height:28px; }
.layer-vps-windows .section-10 .ask { margin-top:40px; }
.layer-vps-windows .section-11 { padding:112px 0; }
.layer-vps-windows .section-12 { padding:96px 0 112px; }
.layer-vps-windows .section-13 .start-copy { max-width:930px; }
.layer-vps-windows .section-13 .start-copy h2 { font-size:42px; line-height:60px; }
@media (max-width:1199.98px) {
 .layer-vps-windows .hero-windows { max-width:22%; }
 .layer-vps-windows .hero-windows-badge { max-width:20%; }
 .layer-vps-windows .windows-comparison th:first-child { position:sticky; left:0; z-index:1; width:240px; background:#fafafa; }
 .layer-vps-windows .windows-comparison thead th:first-child { background:#fff; }
 .layer-vps-windows .windows-version { padding:24px 16px; }
 .layer-vps-windows .windows-version h3 { font-size:20px; line-height:30px; }
 .layer-vps-windows .windows-version p { font-size:14px; line-height:26px; }
}
@media (max-width:991.98px) {
 .layer-vps-windows .hero-windows { left:80%; top:32%; }
 .layer-vps-windows .hero-windows-badge { left:76%; top:72%; }
 .layer-vps-windows .section-3,.layer-vps-windows .section-6,.layer-vps-windows .section-7,
 .layer-vps-windows .section-8,.layer-vps-windows .section-11,.layer-vps-windows .section-12 { padding:80px 0; }
 .layer-vps-windows .section-10 { padding-top:80px; }
 .layer-vps-windows .windows-tools { gap:16px; margin-bottom:40px; }
 .layer-vps-windows .windows-tools .tool-card { max-width:calc((100% - 48px)/4); }
 .layer-vps-windows .tool-card:nth-child(odd) { margin-top:36px; }
 .layer-vps-windows .windows-comparison-scroll { margin-top:48px; }
 .layer-vps-windows .versions-heading .section-heading { font-size:34px; line-height:48px; }
 .layer-vps-windows .windows-versions { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:48px; }
 .layer-vps-windows .section-13 .start-copy h2 { font-size:34px; line-height:48px; }
}
@media (max-width:767.98px) {
 .layer-vps-windows .windows-tools { gap:8px; }
 .layer-vps-windows .windows-tools .tool-card { max-width:calc((100% - 24px)/4); }
 .layer-vps-windows .tool-card:nth-child(odd) { margin-top:24px; }
 .layer-vps-windows .windows-comparison th,.layer-vps-windows .windows-comparison td { padding:14px; font-size:14px; line-height:26px; }
 .layer-vps-windows .windows-comparison th:first-child { width:176px; }
 .layer-vps-windows .versions-heading { align-items:flex-start; flex-direction:column; gap:24px; }
 .layer-vps-windows .versions-heading .section-heading { font-size:30px; line-height:44px; }
 .layer-vps-windows .windows-versions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:16px; }
 .layer-vps-windows .section-13 .start-copy h2 { font-size:30px; line-height:44px; }
}
@media (max-width:479.98px) {
 .layer-vps-windows .windows-comparison th:first-child { width:140px; }
 .layer-vps-windows .windows-version h3 { font-size:18px; line-height:28px; }
 .layer-vps-windows .windows-version { padding:20px 14px; }
 .layer-vps-windows .windows-version:last-child { grid-column:1 / -1; }
}

/* VPS Windows section 3: same card layout as VPS Hosting. */
.layer-vps-windows .operations-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; }
.layer-vps-windows .operation-card { min-width: 0; min-height: 368px; padding: 236px 28px 40px; border: 1px solid #ebebeb; border-radius: 22px; background-position: center top; background-repeat: no-repeat; background-size: cover; text-align: center; overflow: hidden; }
.layer-vps-windows .operation-card-narrow { grid-column: span 5; }
.layer-vps-windows .operation-card-wide { grid-column: span 7; }
.layer-vps-windows .operation-card h3 { margin: 0 0 12px; font-size: 24px; line-height: 31px; }
.layer-vps-windows .operation-card p { margin: 0; color: #5c5c5c; font-size: 15px; line-height: 31px; white-space: pre-line; }
@media (max-width: 991.98px) {
  .layer-vps-windows .operation-card { grid-column: span 6; padding-inline: 20px; }
  .layer-vps-windows .operation-card:last-child { grid-column: 4 / span 6; }
}
@media (max-width: 575.98px) {
  .layer-vps-windows .operations-grid { grid-template-columns: minmax(0, 1fr); }
  .layer-vps-windows .operation-card,
  .layer-vps-windows .operation-card:last-child { grid-column: auto; min-height: 368px; }
}
.layer-vps-windows .operations-grid { margin-top:76px; }
@media (max-width:991.98px) {
 .layer-vps-windows .operations-grid { margin-top:48px; }
 .layer-vps-windows .operation-card:last-child { grid-column:span 6; }
}
@media (max-width:575.98px) {
 .layer-vps-windows .operation-card:last-child { grid-column:auto; }
}
@media (max-width:479.98px) {
 .layer-vps-windows .operation-card:last-child { grid-column:auto; }
}

.layer-vps-windows .operation-card-windows-0 { background-image:url("../img/hosting/vps-windows/remote.png"); }
.layer-vps-windows .operation-card-windows-1 { background-image:url("../img/hosting/vps-windows/uptime.png"); }
.layer-vps-windows .operation-card-windows-2 { background-image:url("../img/hosting/vps-windows/secure.png"); }
.layer-vps-windows .operation-card-windows-3 { background-image:url("../img/hosting/vps-windows/bang-thong.png"); }
.layer-vps-windows .operation-card-windows-4 { background-image:url("../img/hosting/vps-windows/drive.png"); }
.layer-vps-windows .operation-card-windows-5 { background-image:url("../img/hosting/vps-windows/auto.png"); }
.layer-vps-windows .comparison-toggle { align-items:center; justify-content:center; }
.layer-vps-windows .comparison-toggle > span { display:inline-flex; align-items:center; line-height:1; }
.layer-vps-windows .comparison-toggle > span:not([aria-hidden]) { font-family:"PlusJakartaSans Bold" !important; }
.layer-vps-windows .comparison-toggle > span[aria-hidden] { position:relative; flex:none; width:18px; height:18px; font-size:0; }
.layer-vps-windows .comparison-toggle > span[aria-hidden]::before,
.layer-vps-windows .comparison-toggle > span[aria-hidden]::after { content:""; position:absolute; left:0; top:50%; width:100%; height:2px; background:currentColor; transform:translateY(-50%); }
.layer-vps-windows .comparison-toggle > span[aria-hidden]::after { transform:translateY(-50%) rotate(90deg); }
.layer-vps-windows .comparison-toggle[aria-expanded="true"] > span[aria-hidden]::after { display:none; }

/* Center the expand control on the table footer's lower border. */
.layer-vps-windows .windows-comparison-footer { position:relative; height:64px; margin-bottom:32px; background:#fff; border:1px solid #ededed; border-top:0; border-radius:0 0 30px 30px; }
.layer-vps-windows .windows-comparison-footer .comparison-toggle { position:absolute; z-index:2; left:50%; bottom:0; transform:translate(-50%,50%); margin:0; max-width:calc(100% - 32px); background:#fff; white-space:nowrap; }

/* VPS Windows hero and operating-system controls, checked against PSD. */
.layer-vps-windows .hero-features li > span.cloud-text-bold { font-family:"PlusJakartaSans Bold" !important; }
.layer-vps-windows .hero-price-amount { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.layer-vps-windows .hero-price-separator { font-family:"PlusJakartaSans Light" !important; font-size:36px; line-height:48px; }
.layer-vps-windows .hero-trial a > span { font-family:"PlusJakartaSans Bold" !important; }
.layer-vps-windows .hero-trial a > img { display:block; flex:none; width:18px; height:auto; }
.layer-vps-windows .hero-actions > .cloud-button { width:182px; min-height:66px; border-radius:16px; }
@media (max-width:575.98px) {
 .layer-vps-windows .hero-features { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .layer-vps-windows .hero-actions > .cloud-button { width:160px; min-height:56px; padding-inline:20px; }
 .layer-vps-windows .section-2 .billing-option { min-height:42px; }
 .layer-vps-windows .section-2 .billing-option .cycle-discount { font-size:13px; }
}

/* VPS Windows: badge artwork and PSD feature-copy alignment. */
.layer-vps-windows .section-4 .section-badge {
  background: url('../img/hosting/vps-windows/feature-bg.png') center / 100% 100% no-repeat;
}
.layer-vps-windows .section-7 .section-badge {
  color: #5a28fa;
  background: url('../img/hosting/vps-windows/secure-bg.png') center / 100% 100% no-repeat;
  margin-bottom: 24px;
}
.layer-vps-windows .section-11 .section-badge {
  background: url('../img/hosting/vps-windows/instruction.png') center / 100% 100% no-repeat;
}
@media (min-width: 992px) {
  .layer-vps-windows .section-5 .feature-row:nth-child(-n+2) { align-items: start; }
  .layer-vps-windows .section-5 .feature-row:first-child .feature-copy { padding-top: 26.15%; }
  .layer-vps-windows .section-5 .feature-row:nth-child(2) .feature-copy { padding-top: 19.22%; }
}

/* VPS Windows footer actions. */
.layer-vps-windows .section-13 .start-action { gap:16px; }
.layer-vps-windows .section-13 .start-action .cloud-button { padding:18px 40px; }
@media (max-width:575.98px) {
  .layer-vps-windows .section-13 .start-action { gap:12px; }
  .layer-vps-windows .section-13 .start-action .cloud-button { padding:16px 28px; gap:16px; }
}

/* Dedicated Hosting */
.layer-dedicated-hosting {
  color: #1a1a1a;
  font-family: "PlusJakartaSans Regular" !important;
}
.layer-dedicated-hosting *,
.layer-dedicated-hosting *::before,
.layer-dedicated-hosting *::after { box-sizing: border-box; }
.layer-dedicated-hosting p,
.layer-dedicated-hosting li,
.layer-dedicated-hosting button,
.layer-dedicated-hosting input,
.layer-dedicated-hosting a { font-family: "PlusJakartaSans Regular" !important; }
.layer-dedicated-hosting img { max-width: 100%; height: auto; }
.layer-dedicated-hosting h1,
.layer-dedicated-hosting h2,
.layer-dedicated-hosting h3,
.layer-dedicated-hosting .cloud-button,
.layer-dedicated-hosting .section-badge {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-dedicated-hosting .section-head { text-align: center; }
.layer-dedicated-hosting .section-heading { margin: 0; font-size: 44px; line-height: 60px; color: #1a1a1a; }
.layer-dedicated-hosting .section-description { margin: 16px 0 0; font-size: 16px; line-height: 37px; font-family: "PlusJakartaSans Light" !important; }
.layer-dedicated-hosting .section-badge { display: inline-flex; align-items: center; padding: 6px 22px; border-radius: 999px; background: #f1f5ff; color: #457bff; font-size: 16px; line-height: 24px; }
.layer-dedicated-hosting .badge-purple { background: #eee7ff; color: #754bfc; }
.layer-dedicated-hosting .cloud-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 60px; padding: 14px 32px; border: 1px solid transparent; border-radius: 16px; font-size: 18px; line-height: 30px; text-decoration: none; transition: background-color .2s, box-shadow .2s; }
.layer-dedicated-hosting .cloud-button > span[aria-hidden] { font-size: 30px; line-height: 1; }
.layer-dedicated-hosting .button-primary { background: #457bff; color: #fff; }
.layer-dedicated-hosting .button-yellow { background: #ffe000; color: #1a1a1a; }
.layer-dedicated-hosting .button-outline { background: #fff; border-color: #e0e0e0; color: #1a1a1a; }
.layer-dedicated-hosting .cloud-button:hover { box-shadow: 0 6px 18px #1a1a1a1a; }
.layer-dedicated-hosting a:focus-visible,
.layer-dedicated-hosting button:focus-visible { outline: 3px solid #754bfc; outline-offset: 4px; }
.layer-dedicated-hosting .guarantee { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 18px 0 0; color: #fff; font-size: 14px; line-height: 28px; }
.layer-dedicated-hosting .guarantee img { width: 16px; flex: none; }
.layer-dedicated-hosting .section-1 { overflow: hidden; background: #fff; }
.layer-dedicated-hosting .hero-main { position: relative; isolation: isolate; min-height: 805px; padding: 80px 0 104px; background: url("../img/domain/bg001.png") center top / cover no-repeat; }
.layer-dedicated-hosting .hero-main::before,
.layer-dedicated-hosting .hero-main::after { content: ""; position: absolute; inset-block: 0; z-index: -1; width: 40%; pointer-events: none; background-repeat: no-repeat; background-size: cover; }
.layer-dedicated-hosting .hero-main::before { left: 0; background-image: url("../img/domain/left.png"); background-position: right top; }
.layer-dedicated-hosting .hero-main::after { right: 0; background-image: url("../img/domain/right.png"); background-position: left top; }
.layer-dedicated-hosting .hero-copy { position: relative; z-index: 2; }
.layer-dedicated-hosting .hero-badge { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; padding: 6px 14px; border-radius: 999px; background: #e8efff url("../img/hosting/vds/fl.png") center / cover no-repeat; color: #457bff; font-size: 16px; line-height: 24px; font-family: "PlusJakartaSans Regular" !important; }
.layer-dedicated-hosting .hero-badge img { width: 22px; }
.layer-dedicated-hosting .hero-title { margin: 0 0 4px; font-size: 48px; line-height: 64px; color: #181818; letter-spacing: .01em; }
.layer-dedicated-hosting .hero-description { max-width: 550px; margin: 0; font-size: 16px; line-height: 36px; }
.layer-dedicated-hosting .hero-features { display: grid; grid-template-columns: max-content max-content; gap: 20px 24px; max-width: 600px; margin: 32px 0; padding: 0; list-style: none; }
.layer-dedicated-hosting .hero-features li { display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: 24px; }
.layer-dedicated-hosting .hero-features li > span { font-family: "PlusJakartaSans Regular" !important; }
.layer-dedicated-hosting .hero-price { margin-bottom: 28px; }
.layer-dedicated-hosting .price-label { display: block; margin-bottom: 8px; font-size: 16px; line-height: 24px; color: #5c5c5c; }
.layer-dedicated-hosting .hero-price-line { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.layer-dedicated-hosting .hero-price-number { font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; }
.layer-dedicated-hosting .hero-price-unit { display: flex; flex-direction: column; font-size: 12px; line-height: 20px; }
.layer-dedicated-hosting .hero-price-unit span:first-child { font-family: "PlusJakartaSans Bold" !important; font-size: 18px; }
.layer-dedicated-hosting .discount-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid #dfe9d2; border-radius: 999px; background: #e8f3db; color: #659338; font-size: 14px; line-height: 22px; font-family: "PlusJakartaSans Bold" !important; }
.layer-dedicated-hosting .hero-price-line .discount-badge { margin-left: 24px; }
.layer-dedicated-hosting .money-back { display: flex; align-items: center; gap: 8px; margin: 40px 0 0; font-size: 16px; line-height: 31px; }
.layer-dedicated-hosting .hero-visual { position: relative; width: 100%; aspect-ratio: 760 / 650; }
.layer-dedicated-hosting .hero-image { display: block; width: 100%; }
.layer-dedicated-hosting .hero-floating { position: absolute; }
.layer-dedicated-hosting .trust-strip { background: url("../img/domain/bg-2.png") center / cover no-repeat; }
.layer-dedicated-hosting .trust-metrics { display: flex; justify-content: center; padding-block: 16px; }
.layer-dedicated-hosting .trust-metric { display: flex; align-items: center; gap: 20px; padding: 0 54px; }
.layer-dedicated-hosting .trust-metric + .trust-metric { border-left: 1px solid #bababa; }
.layer-dedicated-hosting .trust-metric > img { width: 100px; }
.layer-dedicated-hosting .metric-number { display: block; font-family: "PlusJakartaSans Bold" !important; font-size: 20px; line-height: 28px; }
.layer-dedicated-hosting .trust-metric p { margin: 0; font-size: 14px; line-height: 24px; }
.layer-dedicated-hosting .section-2 { padding: 80px 0 0; scroll-margin-top: 100px; }
.layer-dedicated-hosting .billing-options { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; width: fit-content; max-width: 100%; margin: 56px auto 96px; padding: 6px; border: 1px solid #ededed; border-radius: 999px; background: #fafafa; }
.layer-dedicated-hosting .billing-option { display: inline-flex; align-items: center; gap: 12px; padding: 10px 14px; border: 0; border-radius: 999px; background: transparent; font-size: 15px; line-height: 22px; cursor: pointer; }
.layer-dedicated-hosting .billing-option.is-active { background: #fff; box-shadow: 0 2px 8px #0000000d; font-family: "PlusJakartaSans Bold" !important; }
.layer-dedicated-hosting .billing-option .cycle-discount { padding: 1px 8px; border-radius: 999px; background: #e8f3db; color: #659338; font-size: 15px; }
.layer-dedicated-hosting .hosting-plans { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.layer-dedicated-hosting .hosting-plans.no-cycle-options { margin-top: 108px; }
.layer-dedicated-hosting .hosting-plan { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 34px 26px 40px; border: 1px solid #e6e6e6; border-radius: 22px; background: #fff; }
.layer-dedicated-hosting .hosting-plan.featured { border: 4px solid #457bff; padding: 31px 22px 37px; }
.layer-dedicated-hosting .plan-ribbon {
  position: absolute;
  bottom: 100%;
  left: -4px;
  right: -4px;
  padding: 10px 42px;
  border-radius: 22px 22px 0 0;
  background: #457bff;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  width: auto;
  min-width: max-content;
  z-index: 2;
  font-family: "PlusJakartaSans Bold" !important;
  font-size: 16px;
}
.layer-dedicated-hosting .plan-ribbon::before,
.layer-dedicated-hosting .plan-ribbon::after {
  content: "";
  position: absolute;
  bottom: -25px;
  width: 30px;
  height: 30px;
  pointer-events: none;
}
.layer-dedicated-hosting .plan-ribbon::before {
  left: 0;
  background: radial-gradient(circle at bottom right, transparent 28px, #457bff 30px);
}
.layer-dedicated-hosting .plan-ribbon::after {
  right: 0;
  background: radial-gradient(circle at bottom left, transparent 28px, #457bff 30px);
}
.layer-dedicated-hosting .hosting-plan.featured:hover {
  background: rgba(33, 37, 41, 0.02);
}
.layer-dedicated-hosting .plan-name { margin: 0 0 16px; font-size: 20px; line-height: 28px; }
.layer-dedicated-hosting .plan-description { min-height: 66px; margin: 0 0 24px; font-size: 14px; line-height: 28px; }
.layer-dedicated-hosting .plan-price-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; min-height: 28px; margin-bottom: 20px; }
.layer-dedicated-hosting .plan-original { color: #666; font-size: 14px; text-decoration: line-through; }
.layer-dedicated-hosting .plan-price-meta .discount-badge { padding: 2px 8px; font-size: 14px; line-height: 20px; }
.layer-dedicated-hosting .plan-price { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 35px; line-height: 48px; color: #181818; }
.layer-dedicated-hosting .plan-price small { font-family: "PlusJakartaSans Bold" !important; font-size: 16px; white-space: nowrap; }
.layer-dedicated-hosting .plan-renewal { min-height: 22px; margin: 4px 0 22px; color: #666; font-size: 12px; line-height: 22px; }
.layer-dedicated-hosting .plan-buy { width: 100%; min-height: 60px; border-color: #457bff; color: #457bff; background: #fff; }
.layer-dedicated-hosting .featured .plan-buy { color: #fff; background: #457bff; }
.layer-dedicated-hosting .plan-features { display: grid; gap: 14px; margin: 40px 0 0; padding: 24px 0 0; border-top: 1px solid #ededed; list-style: none; }
.layer-dedicated-hosting .plan-feature { display: flex; align-items: flex-start; gap: 16px; font-size: 16px; line-height: 24px; }
.layer-dedicated-hosting .plan-feature > img { width: 18px; flex: none; margin-top: 3px; }
.layer-dedicated-hosting .plan-feature p { margin: 0; font-size: inherit; line-height: inherit; }
.layer-dedicated-hosting .plan-feature details { margin-left: auto; flex: none; position: relative; }
.layer-dedicated-hosting .plan-feature summary { display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid #aaa; border-radius: 50%; cursor: pointer; font-size: 12px; list-style: none; }
.layer-dedicated-hosting .feature-image { display: block; width: 100%; }
.layer-dedicated-hosting .customers-heading { max-width: 820px; margin-inline: auto; text-align: center; }
.layer-dedicated-hosting .reviews-heading { max-width: 480px; margin: 32px 0 48px; font-size: 41px; line-height: 60px; }
.layer-dedicated-hosting .testimonial-card { display: flex; flex-direction: column; height: 100%; min-height: 440px; padding: 34px 48px; border: 1px solid #ededed; border-radius: 22px; background: linear-gradient(135deg, #fff, #faf8ff); }
.layer-dedicated-hosting .testimonial-avatar { display: block; width: 44px; height: 44px; object-fit: cover; border-radius: 50%; margin-bottom: 32px; }
.layer-dedicated-hosting .testimonial-stars { display: block; width: 108px; margin-bottom: 28px; }
.layer-dedicated-hosting .testimonial-content { margin: 0 0 32px; font-family: "PlusJakartaSans Bold" !important; font-size: 16px; line-height: 31px; }
.layer-dedicated-hosting .testimonial-author { margin-top: auto; }
.layer-dedicated-hosting .testimonial-name { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 18px; line-height: 30px; }
.layer-dedicated-hosting .testimonial-role { margin: 0; font-size: 14px; line-height: 28px; color: #5c5c5c; }
.layer-dedicated-hosting .testimonial-pagination { position: static; display: flex; justify-content: center; gap: 8px; margin-top: 64px; }
.layer-dedicated-hosting .testimonial-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0; opacity: 1; background: #fff; border: 1px solid #bfc4ce; cursor: pointer; }
.layer-dedicated-hosting .testimonial-pagination .swiper-pagination-bullet-active { background: #457bff; border-color: #457bff; }
.layer-dedicated-hosting .section-8 { padding: 116px 0 80px; }
.layer-dedicated-hosting .guides-heading { margin: 28px 0 0; font-size: 41px; line-height: 55px; }
.layer-dedicated-hosting .guides-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 64px; }
.layer-dedicated-hosting .guide-card { display: block; padding: 26px 26px 40px; border: 1px solid #ededed; border-radius: 26px; text-decoration: none; color: #1a1a1a; }
.layer-dedicated-hosting .guide-image { display: block; width: 100%; aspect-ratio: 660 / 327; object-fit: cover; border-radius: 24px; background: #edf2ff; }
.layer-dedicated-hosting .guide-category { display: flex; margin-top: 22px; font-size: 16px; line-height: 24px; color: #4b7efc; align-items: center; gap: 10px; }
.layer-dedicated-hosting .guide-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-top: 8px; font-family: "PlusJakartaSans Bold" !important; font-size: 24px; line-height: 34px; }
.layer-dedicated-hosting .section-9 { padding: 104px 0 90px; background: #fafafa; }
.layer-dedicated-hosting .section-9 .section-head { margin-bottom: 100px; }
.layer-dedicated-hosting .section-10 { padding: 64px 0; background: #457bff url("../img/hosting/cloud-hosting/bg-2.png") center / cover no-repeat; color: #fff; }
.layer-dedicated-hosting .start-layout { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.layer-dedicated-hosting .start-copy { max-width: 760px; }
.layer-dedicated-hosting .start-copy h2 { margin: 0 0 8px; color: #fff; font-size: 44px; line-height: 68px; }
.layer-dedicated-hosting .start-copy p { max-width: 580px; margin: 0; font-size: 14px; line-height: 30px; }
.layer-dedicated-hosting .start-action { display: flex; align-items: center; gap: 52px; flex: none; }
@media (max-width: 1399.98px) {
  .layer-dedicated-hosting .hosting-plan { padding-inline: 20px; }
  .layer-dedicated-hosting .hosting-plan.featured { padding-inline: 17px; }
  .layer-dedicated-hosting .plan-price { font-size: 30px; }
  .layer-dedicated-hosting .start-action { gap: 24px; }
}
@media (max-width: 1199.98px) {
  .layer-dedicated-hosting .hero-main { padding-block: 72px; min-height: 0; }
  .layer-dedicated-hosting .hero-title { font-size: 42px; line-height: 56px; }
  .layer-dedicated-hosting .hero-price-line .discount-badge { margin-left: 0; }
  .layer-dedicated-hosting .trust-metric { padding-inline: 32px; }
  .layer-dedicated-hosting .hosting-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 80px; }
  .layer-dedicated-hosting .hosting-plan { padding: 32px; }
  .layer-dedicated-hosting .hosting-plan.featured { padding: 29px; }
  .layer-dedicated-hosting .testimonial-card { padding: 28px; }
  .layer-dedicated-hosting .start-layout { flex-wrap: wrap; gap: 32px; }
}
@media (max-width: 991.98px) {
  .layer-dedicated-hosting .hero-main { padding: 56px 0 28px; }
  .layer-dedicated-hosting .hero-copy { max-width: 720px; margin-inline: auto; }
  .layer-dedicated-hosting .hero-visual { max-width: 700px; margin: 40px auto 0; }
  .layer-dedicated-hosting .trust-metric { padding-inline: 20px; gap: 12px; }
  .layer-dedicated-hosting .trust-metric > img { width: 64px; }
  .layer-dedicated-hosting .section-2 { padding-top: 64px; }
  .layer-dedicated-hosting .section-heading { font-size: 36px; line-height: 50px; }
  .layer-dedicated-hosting .section-8 { padding-block: 80px; }
  .layer-dedicated-hosting .guide-title { font-size: 20px; line-height: 30px; }
  .layer-dedicated-hosting .section-9 { padding-block: 72px; }
  .layer-dedicated-hosting .section-9 .section-head { margin-bottom: 56px; }
}
@media (max-width: 767.98px) {
  .layer-dedicated-hosting .hero-title { font-size: 36px; line-height: 48px; }
  .layer-dedicated-hosting .trust-metric { padding-inline: 16px; flex-direction: column; gap: 8px; text-align: center; }
  .layer-dedicated-hosting .trust-metric > img { width: 72px; }
  .layer-dedicated-hosting .billing-options { margin-block: 40px 72px; border-radius: 18px; }
  .layer-dedicated-hosting .billing-option { gap: 6px; padding-inline: 10px; }
  .layer-dedicated-hosting .hosting-plans { grid-template-columns: minmax(0, 1fr); max-width: 460px; margin-inline: auto; }
  .layer-dedicated-hosting .guides-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .layer-dedicated-hosting .guide-card { padding: 20px 20px 28px; }
  .layer-dedicated-hosting .reviews-heading,
  .layer-dedicated-hosting .guides-heading { font-size: 34px; line-height: 48px; }
  .layer-dedicated-hosting .section-9 .faq-question { padding: 20px; gap: 16px; font-size: 16px; }
  .layer-dedicated-hosting .section-9 .faq-answer { padding: 20px; }
  .layer-dedicated-hosting .start-copy h2 { font-size: 34px; line-height: 48px; }
}
@media (max-width: 575.98px) {
  .layer-dedicated-hosting .hero-main { padding: 56px 0 36px;}
  .layer-dedicated-hosting .cloud-button { padding-inline: 24px; font-size: 16px; }
  .layer-dedicated-hosting .hero-badge { font-size: 12px; gap: 5px; }
  .layer-dedicated-hosting .hero-features { gap: 16px 12px; }
  .layer-dedicated-hosting .hero-features li { font-size: 13px; line-height: 22px; gap: 6px; align-items: flex-start; }
  .layer-dedicated-hosting .hero-features img { width: 20px; }
  .layer-dedicated-hosting .trust-metric { padding-inline: 28px; }
  .layer-dedicated-hosting .metric-number { font-size: 17px; }
  .layer-dedicated-hosting .trust-metric p { font-size: 12px; }
  .layer-dedicated-hosting .start-action { flex-wrap: wrap; gap: 24px; }
  .layer-dedicated-hosting .section-10 { padding-block: 48px; }
}
@media (width < 480px) {
  .layer-dedicated-hosting .hero-main { padding: 56px 0 28px; }
  .layer-dedicated-hosting .hero-main::before,
  .layer-dedicated-hosting .hero-main::after { content: none; }
}

.layer-dedicated-hosting [hidden] { display: none !important; }
.layer-dedicated-hosting .plan-buy:disabled { opacity: .5; cursor: not-allowed; }
.layer-dedicated-hosting .cloud-text-bold,
.layer-dedicated-hosting .billing-option,
.layer-dedicated-hosting .billing-option .cycle-discount,
.layer-dedicated-hosting .plan-price-meta .discount-badge,
.layer-dedicated-hosting .plan-discount,
.layer-dedicated-hosting .plan-price-value,
.layer-dedicated-hosting .plan-price-unit {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-dedicated-hosting .plan-feature-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex: none;
  margin-top: 3px;
  background-color: #5a28fa;
  -webkit-mask: var(--plan-feature-icon) center / contain no-repeat;
  mask: var(--plan-feature-icon) center / contain no-repeat;
}
.layer-dedicated-hosting .guide-category img {
  width: 22px;
  flex: none;
}
.layer-dedicated-hosting .hero-floating { max-width: none; }
@media (min-width: 992px) {
  .layer-dedicated-hosting .hero-image {
    width: 105%; max-width: none; margin-left: -16%;
  }
}
.layer-dedicated-hosting .ask { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:80px; padding:18px 24px; border-radius:12px; }
.layer-dedicated-hosting .ask p { margin:0; font-size:16px; line-height:28px; }
.layer-dedicated-hosting .ask img { flex:none; }
.layer-dedicated-hosting .section-8 .guide-image { border-radius:20px; }
@media (max-width:767.98px) {
 .layer-dedicated-hosting .ask { margin-top:56px; gap:10px; padding:16px; }
 .layer-dedicated-hosting .ask p { font-size:13px; }
}
@media (max-width:479.98px) {
 .layer-dedicated-hosting .hero-floating { max-width:42%; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .layer-dedicated-hosting .section-1 .hero-floating {
    translate: var(--domain-card-x, 0px) var(--domain-card-y, 0px);
    transition: translate 350ms ease-out;
  }
}
.layer-dedicated-hosting .hero-description { max-width:580px; }
.layer-dedicated-hosting .hero-actions { display:flex; align-items:center; gap:54px; flex-wrap: wrap; }
.layer-dedicated-hosting .upgrade-icon { width:44px; }
.layer-dedicated-hosting .ask { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:32px; }
.layer-dedicated-hosting .ask p { margin:0; font-size:16px; line-height:28px; }
.layer-dedicated-hosting .section-5 { padding:112px 0 0; }
.layer-dedicated-hosting .feature-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:100px; align-items:center; padding-inline:76px; }
.layer-dedicated-hosting .feature-row + .feature-row { margin-top:112px; }
.layer-dedicated-hosting .feature-row-reverse .feature-copy { grid-column:2; grid-row:1; }
.layer-dedicated-hosting .feature-title { margin:24px 0 20px; font-size:41px; line-height:56px; }
.layer-dedicated-hosting .feature-description { font-size:16px; line-height:36px; font-family:"PlusJakartaSans Light" !important; margin:0; }
.layer-dedicated-hosting .feature-visual img { display:block; width:100%; }
.layer-dedicated-hosting .feature-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; list-style:none; margin:40px 0 0; padding:32px 0 0; border-top:1px solid #ededed; font-family:"PlusJakartaSans Light" !important; }
.layer-dedicated-hosting .feature-checks li { display:flex; align-items:center; gap:10px; font-size:16px; line-height:28px; }
.layer-dedicated-hosting .feature-checks img { flex:none; }
.layer-dedicated-hosting .section-7 { padding-top:140px; }
.layer-dedicated-hosting .benefits-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:72px; }
.layer-dedicated-hosting .benefit-card { min-width:0; padding:36px 32px; border:1px solid #f0f0f0; border-radius:18px; background:#fff; box-shadow:0 4px 24px #1a1a1a03; }
.layer-dedicated-hosting .benefit-icon { display:block; margin-bottom:24px; }
.layer-dedicated-hosting .benefit-card h3 { margin:0 0 16px; font-size:24px; line-height:34px; }
.layer-dedicated-hosting .benefit-card p { margin:0; font-size:16px; line-height:32px; color:#5c5c5c; font-family:"PlusJakartaSans Light" !important; }
.layer-dedicated-hosting .guide-title { font-size:22px; line-height:34px; }
.layer-dedicated-hosting .start-copy { max-width:1000px; }
.layer-dedicated-hosting .start-copy h2 { font-size:38px; line-height:58px; }
.layer-dedicated-hosting .button-chat { color:#fff; background:#ffffff33; }

@media (max-width:1399.98px) {
 .layer-dedicated-hosting .feature-row { padding-inline:32px; gap:64px; }
}
@media (max-width:1199.98px) {
 .layer-dedicated-hosting .feature-row { padding-inline:0; gap:40px; }
 .layer-dedicated-hosting .feature-title { font-size:34px; line-height:48px; }
 .layer-dedicated-hosting .benefit-card { padding:28px; }
 .layer-dedicated-hosting .benefit-card h3 { font-size:22px; }
}
@media (max-width:991.98px) {
 .layer-dedicated-hosting .section-5,.layer-dedicated-hosting .section-7 { padding-top:80px; }
 .layer-dedicated-hosting .feature-row { grid-template-columns:minmax(0,1fr); }
 .layer-dedicated-hosting .feature-row + .feature-row { margin-top:80px; }
 .layer-dedicated-hosting .feature-row-reverse .feature-copy { grid-column:auto; grid-row:auto; }
 .layer-dedicated-hosting .feature-visual { width:100%; max-width:640px; margin-inline:auto; }
 .layer-dedicated-hosting .benefits-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:48px; }
}
@media (max-width:767.98px) {
 .layer-dedicated-hosting .hero-actions { gap:20px; }
 .layer-dedicated-hosting .ask { gap:10px; padding:16px; }
 .layer-dedicated-hosting .ask p { font-size:14px; }
 .layer-dedicated-hosting .benefits-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:479.98px) {
 .layer-dedicated-hosting .hero-floating { max-width:44%; }
 .layer-dedicated-hosting .feature-checks { gap:12px; }
 .layer-dedicated-hosting .feature-checks li { font-size:14px; }
}
.layer-dedicated-hosting .ask { background:#f1f5ff url("../img/home/bg-q.png") center / 100% 100% no-repeat; }
.layer-dedicated-hosting .section-5 .feature-row:first-child .badge-purple { color:#457bff; background-color:#f0f5ff; }
.layer-dedicated-hosting .benefit-card { border-radius:22px; }
@media (max-width:991.98px) {
 .layer-dedicated-hosting .hero-visual { width:90%; max-width:640px; margin:48px auto 0; aspect-ratio:760 / 730; }
 .layer-dedicated-hosting .hero-image { width:100%; margin-left:0; }
}
@media (max-width:479.98px) {
 .layer-dedicated-hosting .hero-visual { width:100%; }
}
.layer-dedicated-hosting .section-2 .billing-option {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:10px 14px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:#1a1a1a;
  font-family:"PlusJakartaSans Bold" !important;
  font-size:15px;
  line-height:22px;
  white-space:nowrap;
  min-height: 49px;
}
.layer-dedicated-hosting .section-2 .billing-option.is-active {
  color:#457bff;
  background:#fff;
  border-color:#e9e9e9;
  box-shadow:0 2px 8px #0000000d;
}
.layer-dedicated-hosting .section-2 .billing-option .cycle-discount {
  padding:1px 8px;
  border:0;
  border-radius:999px;
  background:#e8f3db;
  color:#659338;
  font-family:"PlusJakartaSans Bold" !important;
  font-size:15px;
  line-height:20px;
}
@media (max-width:575.98px) {
  .layer-dedicated-hosting .section-2 .billing-option { padding:8px 10px; gap:6px; font-size:13px; }
}


.layer-dedicated-hosting .section-5 .feature-checks li > span { font-family:"PlusJakartaSans Bold" !important; }
.layer-dedicated-hosting .hosting-plans { row-gap:76px; }
.layer-dedicated-hosting .section-2 .section-description { max-width:760px; margin-inline:auto; }
.layer-dedicated-hosting .section-7 { margin-top:96px; padding:80px 0 112px; background:#fafafa; }
.layer-dedicated-hosting .section-7 .section-description { margin-top:16px; }
.layer-dedicated-hosting .section-7 .benefits-grid { margin-top:72px; }
.layer-dedicated-hosting .section-7 .benefit-card { border:0; border-radius:22px; box-shadow:none; }
.layer-dedicated-hosting .section-4 { padding:96px 0 112px; background:#7c33ff; color:#fff; }
.layer-dedicated-hosting .section-4 .section-heading { max-width:880px; margin:24px auto 0; color:#fff; }
.layer-dedicated-hosting .section-4 .section-badge { font-size:14px; color:#fff; background:#ffffff1a; }
.layer-dedicated-hosting .included-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:84px auto 0; border:1px solid #ffffff14; border-radius:16px; overflow:hidden; }
.layer-dedicated-hosting .included-columns > div { min-width:0; }
.layer-dedicated-hosting .included-columns > div + div { border-left:1px solid #ffffff14; }
.layer-dedicated-hosting .included-columns h3 { margin:0; padding:24px 64px; font-size:20px; line-height:36px; color:#fff; border-bottom:1px solid #ffffff14; background:#ffffff05; }
.layer-dedicated-hosting .included-columns ul { padding:32px 64px 40px; margin:0; list-style:none; }
.layer-dedicated-hosting .included-columns li { display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; font-size:16px; line-height:30px; }
.layer-dedicated-hosting .included-columns li:last-child { margin-bottom:0; }
.layer-dedicated-hosting .included-columns li img { flex:none; margin-top:8px; }
.layer-dedicated-hosting .included-columns li span { font-family:"PlusJakartaSans Bold" !important; }
.layer-dedicated-hosting .section-5 { padding:112px 0; }
.layer-dedicated-hosting .section-5 .badge-purple { color:#457bff; background:#f0f5ff; }
.layer-dedicated-hosting .section-5 .feature-row-reverse .feature-visual { grid-column:1; grid-row:1; }
.layer-dedicated-hosting .section-5 .feature-row + .feature-row { margin-top:112px; }
.layer-dedicated-hosting .section-5 .feature-checks li > span { font-family:"PlusJakartaSans Bold" !important; }
.layer-dedicated-hosting .section-10 .start-copy { max-width:860px; }
.layer-dedicated-hosting .section-10 .start-copy h2 { font-size:44px; line-height:60px; }

@media (max-width:1199.98px) {
 .layer-dedicated-hosting .included-columns h3 { padding-inline:32px; }
 .layer-dedicated-hosting .included-columns ul { padding-inline:32px; }
}
@media (max-width:991.98px) {
 .layer-dedicated-hosting .section-7 { margin-top:72px; padding:72px 0; }
 .layer-dedicated-hosting .section-4,.layer-dedicated-hosting .section-5 { padding:80px 0; }
 .layer-dedicated-hosting .included-columns { margin-top:56px; }
 .layer-dedicated-hosting .included-columns h3 { padding:20px; font-size:18px; line-height:30px; min-height:100px; display:flex; align-items:center; }
 .layer-dedicated-hosting .included-columns ul { padding:24px 20px; }
 .layer-dedicated-hosting .included-columns li { font-size:14px; }
 .layer-dedicated-hosting .section-5 .feature-row + .feature-row { margin-top:80px; }
 .layer-dedicated-hosting .section-5 .feature-row-reverse .feature-visual { grid-column:auto; grid-row:auto; }
 .layer-dedicated-hosting .section-10 .start-copy h2 { font-size:36px; line-height:50px; }
}
@media (max-width:767.98px) {
 .layer-dedicated-hosting .included-columns { grid-template-columns:minmax(0,1fr); }
 .layer-dedicated-hosting .included-columns > div + div { border-left:0; border-top:1px solid #ffffff14; }
 .layer-dedicated-hosting .included-columns h3 { min-height:0; padding:20px 24px; }
 .layer-dedicated-hosting .included-columns ul { padding:24px; }
 .layer-dedicated-hosting .included-columns li { font-size:16px; }
 .layer-dedicated-hosting .section-10 .start-copy h2 { font-size:30px; line-height:44px; }
}
.layer-dedicated-hosting .section-5 .badge-security { color:#5a28fa; background:#f2eeff; text-transform:uppercase; }
.layer-dedicated-hosting .dedicated-support-visual { position:relative; }
.layer-dedicated-hosting .dedicated-support-visual .support-chat { position:absolute; display:flex; align-items:center; gap:16px; padding:16px 20px; border-radius:22px; background:#fff; box-shadow:0 10px 32px #0000000a; max-width:95%; }
.layer-dedicated-hosting .dedicated-support-visual .chat-question { top:45%; left:3%; }
.layer-dedicated-hosting .dedicated-support-visual .chat-answer { top:70%; left:20%; }
.layer-dedicated-hosting .dedicated-support-visual .support-chat img { width:auto; max-width:44px; flex:none; }
.layer-dedicated-hosting .dedicated-support-visual .chat-name { font-family:"PlusJakartaSans Bold" !important; margin:0 0 4px; font-size:14px; line-height:22px; }
.layer-dedicated-hosting .dedicated-support-visual .chat-message { font-family:"PlusJakartaSans Regular" !important; margin:0; font-size:12px; line-height:20px; }
@media (max-width:767.98px) {
 .layer-dedicated-hosting .dedicated-support-visual .support-chat { padding:12px; gap:10px; }
 .layer-dedicated-hosting .dedicated-support-visual .chat-answer { left:10%; }
}
@media (max-width:479.98px) {
 
 .layer-dedicated-hosting .dedicated-support-visual .support-chat { gap:8px; padding:10px; border-radius:16px; }
 .layer-dedicated-hosting .dedicated-support-visual .chat-question { top:42%; }
 .layer-dedicated-hosting .dedicated-support-visual .chat-answer { top:72%; left:6%; }
 .layer-dedicated-hosting .dedicated-support-visual .support-chat img { max-width:32px; }
 .layer-dedicated-hosting .dedicated-support-visual .chat-name { font-size:12px; line-height:18px; }
 .layer-dedicated-hosting .dedicated-support-visual .chat-message { font-size:11px; line-height:17px; }
}
.layer-dedicated-hosting .section-2 .section-description { max-width:760px; margin-inline:auto; }
.layer-dedicated-hosting .hosting-plans { row-gap:76px; }
.layer-dedicated-hosting .section-3 { padding:112px 0 152px; }
.layer-dedicated-hosting .section-4 { padding:96px 0 112px; background:#7b2aff; }
.layer-dedicated-hosting .section-4 .included-columns { margin-top:76px; }
.layer-dedicated-hosting .section-5 .badge-security { color:#5a28fa; background:#f2eeff; }
.layer-dedicated-hosting .windows-tools { display:flex; justify-content:center; align-items:flex-start; gap:24px; margin:0 auto 64px; max-width:1100px; }
.layer-dedicated-hosting .windows-tools .tool-card { max-width:calc((100% - 72px)/4); height:auto; }
.layer-dedicated-hosting .tool-card:nth-child(odd) { margin-top:64px; }
.layer-dedicated-hosting .section-7 { margin-top:0; padding:112px 0 64px; background:#fff; }
.layer-dedicated-hosting .section-7 .benefits-grid { margin-top:72px; }
.layer-dedicated-hosting .section-7 .benefit-card { background:#fff; border:1px solid #f5f5f5; border-radius:22px; }
.layer-dedicated-hosting .section-8 { padding:112px 0; }
.layer-dedicated-hosting .section-9 { padding:96px 0 112px; }
.layer-dedicated-hosting .section-10 .start-copy { max-width:930px; }
.layer-dedicated-hosting .section-10 .start-copy h2 { font-size:42px; line-height:60px; }
@media (max-width:991.98px) {
 .layer-dedicated-hosting .section-3,.layer-dedicated-hosting .section-7,.layer-dedicated-hosting .section-8,.layer-dedicated-hosting .section-9 { padding:80px 0; }
 .layer-dedicated-hosting .windows-tools { gap:16px; margin-bottom:40px; }
 .layer-dedicated-hosting .windows-tools .tool-card { max-width:calc((100% - 48px)/4); }
 .layer-dedicated-hosting .tool-card:nth-child(odd) { margin-top:36px; }
 .layer-dedicated-hosting .section-10 .start-copy h2 { font-size:34px; line-height:48px; }
}
@media (max-width:767.98px) {
 .layer-dedicated-hosting .windows-tools { gap:8px; }
 .layer-dedicated-hosting .windows-tools .tool-card { max-width:calc((100% - 24px)/4); }
 .layer-dedicated-hosting .tool-card:nth-child(odd) { margin-top:24px; }
 .layer-dedicated-hosting .section-10 .start-copy h2 { font-size:30px; line-height:44px; }
}
.layer-dedicated-hosting .operations-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; }
.layer-dedicated-hosting .operation-card { min-width: 0; min-height: 368px; padding: 236px 28px 40px; border: 1px solid #ebebeb; border-radius: 22px; background-position: center top; background-repeat: no-repeat; background-size: cover; text-align: center; overflow: hidden; }
.layer-dedicated-hosting .operation-card-narrow { grid-column: span 5; }
.layer-dedicated-hosting .operation-card-wide { grid-column: span 7; }
.layer-dedicated-hosting .operation-card h3 { margin: 0 0 12px; font-size: 24px; line-height: 31px; }
.layer-dedicated-hosting .operation-card p { margin: 0; color: #5c5c5c; font-size: 15px; line-height: 31px; white-space: pre-line; }
@media (max-width: 991.98px) {
  .layer-dedicated-hosting .operation-card { grid-column: span 6; padding-inline: 20px; }
  .layer-dedicated-hosting .operation-card:last-child { grid-column: 4 / span 6; }
}
@media (max-width: 575.98px) {
  .layer-dedicated-hosting .operations-grid { grid-template-columns: minmax(0, 1fr); }
  .layer-dedicated-hosting .operation-card,
  .layer-dedicated-hosting .operation-card:last-child { grid-column: auto; min-height: 368px; }
}
.layer-dedicated-hosting .operations-grid { margin-top:76px; }
@media (max-width:991.98px) {
 .layer-dedicated-hosting .operations-grid { margin-top:48px; }
 .layer-dedicated-hosting .operation-card:last-child { grid-column:span 6; }
}
@media (max-width:575.98px) {
 .layer-dedicated-hosting .operation-card:last-child { grid-column:auto; }
}
@media (max-width:479.98px) {
 .layer-dedicated-hosting .operation-card:last-child { grid-column:auto; }
}
.layer-dedicated-hosting .hero-features li > span.cloud-text-bold { font-family:"PlusJakartaSans Bold" !important; }
.layer-dedicated-hosting .hero-price-amount { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.layer-dedicated-hosting .hero-price-separator { font-family:"PlusJakartaSans Light" !important; font-size:36px; line-height:48px; }
.layer-dedicated-hosting .hero-actions > .cloud-button { width:182px; min-height:66px; border-radius:16px; }
@media (max-width:575.98px) {
 .layer-dedicated-hosting .hero-features { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .layer-dedicated-hosting .hero-actions > .cloud-button { width:160px; min-height:56px; padding-inline:20px; }
 .layer-dedicated-hosting .section-2 .billing-option { min-height:42px; }
 .layer-dedicated-hosting .section-2 .billing-option .cycle-discount { font-size:13px; }
}
.layer-dedicated-hosting .section-4 .section-badge {
  background: #ffffff1a url('../img/hosting/vps-windows/feature-bg.png') center / cover no-repeat;
  border-radius: 999px;
  overflow: hidden;
  white-space: nowrap;
}
.layer-dedicated-hosting .section-8 .section-badge {
  background: url('../img/hosting/vps-windows/instruction.png') center / 100% 100% no-repeat;
}
.layer-dedicated-hosting .section-10 .start-action { gap:16px; }
.layer-dedicated-hosting .section-10 .start-action .cloud-button { padding:18px 40px; }
@media (max-width:575.98px) {
  .layer-dedicated-hosting .section-10 .start-action { gap:12px; }
  .layer-dedicated-hosting .section-10 .start-action .cloud-button { padding:16px 28px; gap:16px; }
}

.layer-dedicated-hosting [hidden] { display:none !important; }
.layer-dedicated-hosting .hero-float { position:absolute; z-index:2; transition:translate .25s ease-out; }
.layer-dedicated-hosting .hero-protected { top:34%; left:74%; }
.layer-dedicated-hosting .hero-server { top:75%; left:32%; }
.layer-dedicated-hosting .money-back { display:flex; align-items:center; gap:12px; margin:28px 0 0; font-size:16px; }
.layer-dedicated-hosting .hero-actions > .cloud-button { width:auto; padding-inline:32px; }
.layer-dedicated-hosting .section-2 .billing-options { margin:40px auto 60px; }
.layer-dedicated-hosting .dedicated-filters { display:flex; flex-wrap:wrap; gap:24px; align-items:center; margin-bottom:40px; }
.layer-dedicated-hosting .dedicated-filters select { max-width:210px; padding:10px 28px 10px 0; border:0; background:transparent url('../img/hosting/dedicated/arrow-down.png') right center no-repeat; appearance:none; font-size:16px; font-family:"PlusJakartaSans Bold" !important; color:#1a1a1a; }
.layer-dedicated-hosting .gpu-filter { margin-left:auto; display:flex; align-items:center; gap:8px; font-family:"PlusJakartaSans Bold" !important; }

.layer-dedicated-hosting .section-2 .hosting-plans { display:grid; grid-template-columns:minmax(0,1fr); gap:28px; margin:0; }
.layer-dedicated-hosting .section-2 .hosting-plan { position:relative; display:grid; grid-template-columns:minmax(180px,1.3fr) minmax(0,4fr) minmax(180px,1.25fr) 136px; align-items:center; gap:24px; padding:30px 28px; border:1px solid #ededed; border-radius:22px; background:#fff; box-shadow:none; }
.layer-dedicated-hosting .section-2 .hosting-plan.featured { border:4px solid #457bff; padding:29px 27px; }
.layer-dedicated-hosting .section-2 .plan-ribbon { position:absolute; inset:auto auto 100% 20px; width:auto; padding:4px 16px; border-radius:10px 10px 0 0; font-size:12px; line-height:20px; background:#457bff; color:#fff; }
.layer-dedicated-hosting .section-2 .plan-name { margin:0 0 20px; font-size:20px; line-height:28px; }
.layer-dedicated-hosting .section-2 .plan-description { display:flex; align-items:center; gap:12px; min-height:0; margin:0; font-size:16px; line-height:26px; }
.layer-dedicated-hosting .plan-description > img { width:28px; }
.layer-dedicated-hosting .section-2 .plan-features { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; border:0; padding:0; margin:0; }
.layer-dedicated-hosting .section-2 .plan-feature { display:flex; align-items:flex-start; gap:8px; margin:0; font-size:16px; line-height:27px; }
.layer-dedicated-hosting .plan-feature > img { height:16px; width:auto; flex:none; margin-top:4px; }
.layer-dedicated-hosting .plan-feature p { margin:0; font-size:inherit; }
.layer-dedicated-hosting .section-2 .plan-price { margin:0; font-size:26px; line-height:36px; }
.layer-dedicated-hosting .section-2 .plan-price-value { font-size:26px; }
.layer-dedicated-hosting .section-2 .plan-price-unit { font-size:14px; }
.layer-dedicated-hosting .section-2 .plan-original { font-size:14px; }
.layer-dedicated-hosting .section-2 .plan-renewal { font-size:12px; line-height:20px; min-height:0; margin:8px 0 0; }
.layer-dedicated-hosting .section-2 .discount-badge { font-size:14px; margin-top:6px; }
.layer-dedicated-hosting .section-2 .plan-buy { padding:12px 18px; width:100%; min-height:54px; font-size:18px; border-radius:14px; color:#457bff; border:1px solid #457bff; background:#fff; }
.layer-dedicated-hosting .section-2 .featured .plan-buy { background:#457bff; color:#fff; }
.layer-dedicated-hosting .section-2 .ask { margin-top:52px; background:#f2f5ff url('../img/home/bg-q.png') center / 100% 100% no-repeat; }
.layer-dedicated-hosting .operation-card { grid-column:span 6; padding:0 28px 32px; min-height:0; border:0; background:linear-gradient(135deg,#fff,#f7f4ff); }
.layer-dedicated-hosting .operation-card:nth-child(n+5) { grid-column:span 4; }
.layer-dedicated-hosting .operation-card > img { display:block; width:auto; max-width:100%; height:auto; margin:0 auto 24px; }
.layer-dedicated-hosting .operation-card h3 { font-family:"PlusJakartaSans Bold" !important; }
.layer-dedicated-hosting .operation-card p { font-family:"PlusJakartaSans Regular" !important; }
.layer-dedicated-hosting .section-4 .included-columns { border:0; overflow:visible; }
.layer-dedicated-hosting .included-columns > div + div,.layer-dedicated-hosting .included-columns h3 { border:0; background:none; }
.layer-dedicated-hosting .section-5 .feature-row { align-items:center; }
.layer-dedicated-hosting .section-5 .feature-row .feature-copy { padding-top:0; }
.layer-dedicated-hosting .section-5 .feature-checks { grid-template-columns:repeat(2,minmax(0,1fr)); }
.layer-dedicated-hosting .feature-title { font-family:"PlusJakartaSans Bold" !important; }
.layer-dedicated-hosting .dedicated-support-visual { position:relative; }
.layer-dedicated-hosting .support-chat { position:absolute; padding:12px 16px; background:#fff; border-radius:16px; box-shadow:0 8px 24px #0000000d; max-width:76%; }
.layer-dedicated-hosting .support-chat strong { font-family:"PlusJakartaSans Bold" !important; font-size:14px; }
.layer-dedicated-hosting .support-chat p { font-size:12px; line-height:20px; margin:4px 0 0; }
.layer-dedicated-hosting .chat-question { top:48%; left:3%; }
.layer-dedicated-hosting .chat-answer { top:72%; left:22%; }
.layer-dedicated-hosting .section-6 { padding:64px 0 112px; }
.layer-dedicated-hosting .application-tabs { display:flex; justify-content:center; gap:8px; width:fit-content; margin:64px auto 48px; padding:6px; border-radius:999px; background:#fafafa; }
.layer-dedicated-hosting .application-tab { padding:12px 24px; border:0; border-radius:999px; background:transparent; font-size:15px; font-family:"PlusJakartaSans Bold" !important; cursor:pointer; }
.layer-dedicated-hosting .application-tab.is-active { color:#fff; background:#457bff; }
.layer-dedicated-hosting .application-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.layer-dedicated-hosting .application-item img { display:block; max-width:100%; height:auto; }
.layer-dedicated-hosting .os-install-item { display:flex; align-items:center; gap:16px; padding:24px; border:1px solid #ededed; border-radius:16px; }
.layer-dedicated-hosting .os-install-item img { width:32px; }
.layer-dedicated-hosting .benefit-card > img { margin-bottom:24px; }
.layer-dedicated-hosting .benefit-card p { font-family:"PlusJakartaSans Regular" !important; }
.layer-dedicated-hosting .benefit-card h3 { font-family:"PlusJakartaSans Bold" !important; }
.layer-dedicated-hosting .section-8 .section-badge { background:transparent url('../img/hosting/vps-windows/instruction.png') center / 100% 100% no-repeat; }
@media(max-width:1399.98px) {
 .layer-dedicated-hosting .section-2 .hosting-plan { grid-template-columns:180px minmax(0,1fr) 170px; gap:20px; }
 .layer-dedicated-hosting .section-2 .hosting-plan form { grid-column:3; }
 .layer-dedicated-hosting .section-2 .plan-features { gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:991.98px) {
 .layer-dedicated-hosting .hero-server { top: 66%; }
 .layer-dedicated-hosting .hero-protected { left:72%; }
 .layer-dedicated-hosting .section-2 .hosting-plan { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .layer-dedicated-hosting .section-2 .plan-identity { grid-column:1 / -1; }
 .layer-dedicated-hosting .section-2 .hosting-plan form { grid-column:2; }
 .layer-dedicated-hosting .section-5 .feature-row { grid-template-columns:minmax(0,1fr); gap:32px; }
 .layer-dedicated-hosting .section-5 .feature-row-reverse .feature-copy,.layer-dedicated-hosting .section-5 .feature-row-reverse .feature-visual { grid-column:auto; grid-row:auto; }
 .layer-dedicated-hosting .section-6 { padding:64px 0 80px; }
 .layer-dedicated-hosting .application-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .layer-dedicated-hosting .operation-card:nth-child(n) { grid-column:span 6; }
 .layer-dedicated-hosting .operation-card:last-child { grid-column:4 / span 6; }
}
@media(max-width:575.98px) {
 .layer-dedicated-hosting .hero-features { grid-template-columns:minmax(0,1fr); }
 .layer-dedicated-hosting .dedicated-filters { gap:12px; }
 .layer-dedicated-hosting .dedicated-filters label { max-width:calc(50% - 6px); }
 .layer-dedicated-hosting .dedicated-filters select { width:100%; font-size:14px; }
 .layer-dedicated-hosting .section-2 .hosting-plan,.layer-dedicated-hosting .section-2 .hosting-plan.featured { padding:24px 18px; gap:20px; }
 .layer-dedicated-hosting .section-2 .plan-features { grid-column:1 / -1; }
 .layer-dedicated-hosting .section-2 .plan-pricing { grid-column:1; }
 .layer-dedicated-hosting .section-2 .plan-price-value { font-size:22px; }
 .layer-dedicated-hosting .operations-grid { grid-template-columns:minmax(0,1fr); }
 .layer-dedicated-hosting .operation-card:nth-child(n) { grid-column:auto; }
 .layer-dedicated-hosting .application-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 .layer-dedicated-hosting .section-5 .feature-checks { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .layer-dedicated-hosting .hero-float { transition:none; } }

/* Dedicated: reuse Windows support avatars and compact benefit icons. */
.layer-dedicated-hosting .dedicated-support-visual .support-chat { display:flex; align-items:center; gap:16px; }
.layer-dedicated-hosting .dedicated-support-visual .support-chat > img { width:auto; max-width:44px; height:auto; flex:none; }
.layer-dedicated-hosting .dedicated-support-visual .chat-name { font-family:"PlusJakartaSans Bold" !important; font-size:14px; }
.layer-dedicated-hosting .dedicated-support-visual .chat-message { font-family:"PlusJakartaSans Regular" !important; font-size:12px; line-height:20px; }
.layer-dedicated-hosting .section-7 .benefit-icon { display:block; width:auto; height:auto; }
@media(max-width:575.98px) {
 .layer-dedicated-hosting .dedicated-support-visual .support-chat { gap:8px; padding:8px 10px; }
 .layer-dedicated-hosting .dedicated-support-visual .support-chat > img { max-width:32px; }
}

/* Dedicated section 3: artwork already includes the card background and border. */
.layer-dedicated-hosting .section-3 .operations-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:20px; row-gap:28px; }
.layer-dedicated-hosting .section-3 .operation-card:nth-child(n) { position:relative; isolation:isolate; grid-column:span 4; min-width:0; min-height:389px; padding:234px 28px 40px; border:0; border-radius:0; background:transparent; overflow:hidden; text-align:center; }
.layer-dedicated-hosting .section-3 .operation-card:nth-child(1),
.layer-dedicated-hosting .section-3 .operation-card:nth-child(4) { grid-column:span 7; min-height:368px; padding-bottom:28px; }
.layer-dedicated-hosting .section-3 .operation-card:nth-child(2),
.layer-dedicated-hosting .section-3 .operation-card:nth-child(3) { grid-column:span 5; min-height:368px; padding-bottom:28px; }
.layer-dedicated-hosting .section-3 .operation-card > img { position:absolute; inset:0; z-index:-1; display:block; width:100%; max-width:none; height:100%; margin:0; object-fit:fill; object-position:center top; }
.layer-dedicated-hosting .section-3 .operation-card h3 { margin:0 0 16px; font-family:"PlusJakartaSans Bold" !important; font-size:24px; line-height:32px; color:#1a1a1a; }
.layer-dedicated-hosting .section-3 .operation-card p { max-width:560px; margin:0 auto; font-family:"PlusJakartaSans Regular" !important; font-size:15px; line-height:31px; color:#5c5c5c; white-space:normal; }
@media(max-width:991.98px) {
 .layer-dedicated-hosting .section-3 .operation-card:nth-child(n) { grid-column:span 6; min-height:368px; padding:234px 20px 28px; }
 .layer-dedicated-hosting .section-3 .operation-card:last-child { grid-column:4 / span 6; }
 .layer-dedicated-hosting .section-3 .operation-card h3 { font-size:22px; line-height:30px; }
}
@media(max-width:575.98px) {
 .layer-dedicated-hosting .section-3 .operations-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 .layer-dedicated-hosting .section-3 .operation-card:nth-child(n) { grid-column:auto; }
}

/* Dedicated review: hero, filters, specification table and control-panel frame. */
.layer-dedicated-hosting .money-back > span { font-family:"PlusJakartaSans Regular" !important; }
.layer-dedicated-hosting .money-back .cloud-text-bold { font-family:"PlusJakartaSans Bold" !important; }
.layer-dedicated-hosting .hero-os { left:12%; top:27%; }
.layer-dedicated-hosting .dedicated-filters select[data-dedicated-sort] { background-image:url('../img/hosting/dedicated/sort.png'); }
.layer-dedicated-hosting .gpu-filter { position:relative; cursor:pointer; }
.layer-dedicated-hosting .gpu-switch-input { position:absolute; width:1px; height:1px; opacity:0; }
.layer-dedicated-hosting .gpu-switch-track { position:relative; display:inline-block; flex:none; width:36px; height:20px; border-radius:999px; background:#e5e7eb; transition:background .2s; order:1; }
.layer-dedicated-hosting .gpu-switch-track::after { content:""; position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #0002; transition:transform .2s; }
.layer-dedicated-hosting .gpu-switch-input:checked + .gpu-switch-track { background:#457bff; }
.layer-dedicated-hosting .gpu-switch-input:checked + .gpu-switch-track::after { transform:translateX(16px); }
.layer-dedicated-hosting .gpu-switch-input:focus-visible + .gpu-switch-track { outline:2px solid #457bff; outline-offset:3px; }
.layer-dedicated-hosting .section-4 .section-badge { text-transform:uppercase; }
.layer-dedicated-hosting .section-4 .included-columns { border:1px solid #ffffff24; border-radius:22px; overflow:hidden; }
.layer-dedicated-hosting .section-4 .included-columns > div + div { border-left:1px solid #ffffff24; }
.layer-dedicated-hosting .section-4 .included-columns h3 { border-bottom:1px solid #ffffff24; background:#ffffff05; }
.layer-dedicated-hosting .section-5 .section-badge { text-transform:uppercase; background-color:transparent; background-position:center; background-repeat:no-repeat; background-size:100% 100%; }
.layer-dedicated-hosting .section-5 .feature-row:nth-child(1) .section-badge { background-image:url('../img/hosting/dedicated/bg1.png'); color:#457bff; }
.layer-dedicated-hosting .section-5 .feature-row:nth-child(2) .section-badge { background-image:url('../img/hosting/dedicated/bg2.png'); color:#5a28fa; }
.layer-dedicated-hosting .section-5 .feature-row:nth-child(3) .section-badge { background-image:url('../img/hosting/dedicated/bg3.png'); color:#457bff; }
.layer-dedicated-hosting .section-5 .feature-row:nth-child(4) .section-badge { background-image:url('../img/hosting/dedicated/bg4.png'); color:#5a28fa; }
.layer-dedicated-hosting .section-6 .application-panel { margin-top:56px; padding:40px 30px; border:1px solid #ededed; border-radius:22px; }
.layer-dedicated-hosting .section-6 .application-panel .application-tabs { margin:0 auto 40px; }
@media(max-width:767.98px) {
 .layer-dedicated-hosting .section-4 .included-columns > div + div { border-left:0; border-top:1px solid #ffffff24; }
 .layer-dedicated-hosting .section-6 .application-panel { margin-top:40px; padding:24px 20px; }
}
@media(max-width:575.98px) {
 .layer-dedicated-hosting .hero-os { left: 21%; top: 23%; }
 .layer-dedicated-hosting .hero-server { top: 53%; left: -12%; }
 .layer-dedicated-hosting .hero-protected { left: 59%; top: 61%; }
 .layer-dedicated-hosting .section-6 .application-panel { padding:24px 16px; }
 .layer-dedicated-hosting .section-6 .application-panel .application-tabs { margin-bottom:28px; }
}
@media(prefers-reduced-motion:reduce) {
 .layer-dedicated-hosting .gpu-switch-track,.layer-dedicated-hosting .gpu-switch-track::after { transition:none; }
}

/* Dedicated: optional ACF detail below the main specification. */
.layer-dedicated-hosting .section-2 .plan-feature-content { min-width:0; }
.layer-dedicated-hosting .section-2 .plan-feature-note,
.layer-dedicated-hosting .section-2 .plan-feature-note p,
.layer-dedicated-hosting .section-2 .plan-feature-note span {
  font-family:"PlusJakartaSans Regular" !important;
  font-size:13px;
  line-height:20px;
  color:#999;
}
.layer-dedicated-hosting .section-2 .plan-feature-note { margin-top:4px; }
.layer-dedicated-hosting .section-2 .plan-feature-note p { margin:0; }

/* Dedicated plan rows: model beneath name; four specifications; compact pricing. */
.layer-dedicated-hosting .section-2 .hosting-plan { --plan-accent:#457bff; grid-template-columns:minmax(170px,1.25fr) minmax(0,3.5fr) minmax(200px,1.2fr) 144px; column-gap:20px; row-gap:16px; padding:28px; background:#fff; }
.layer-dedicated-hosting .section-2 .hosting-plan.featured { padding:27px; border-color:var(--plan-accent); background:#fff; overflow:visible; }
.layer-dedicated-hosting .section-2 .hosting-plan.recommended { --plan-accent:#5a28fa; }
.layer-dedicated-hosting .section-2 .hosting-plan.featured:hover { background:#fff; }
.layer-dedicated-hosting .section-2 .hosting-plans { row-gap:24px; }
/* Reserve the protruding badge height so every visible row has the same clear gap. */
.layer-dedicated-hosting .section-2 .hosting-plans > .hosting-plan.featured { margin-top:24px; }
.layer-dedicated-hosting .section-2 .plan-name { margin-bottom:14px; }
.layer-dedicated-hosting .section-2 .plan-description { gap:10px; }
.layer-dedicated-hosting .section-2 .plan-description > img { width:auto; height:auto; max-width:32px; flex:none; }
.layer-dedicated-hosting .section-2 .plan-features { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.layer-dedicated-hosting .section-2 .plan-feature { font-size:16px; line-height:25px; }
.layer-dedicated-hosting .section-2 .plan-pricing { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:6px 10px; }
.layer-dedicated-hosting .section-2 .plan-price { font-size:20px; line-height:28px; white-space:nowrap; }
.layer-dedicated-hosting .section-2 .plan-price-value { font-size:20px; }
.layer-dedicated-hosting .section-2 .plan-original { font-size:14px; line-height:24px; }
.layer-dedicated-hosting .section-2 .discount-badge { margin:0; }
.layer-dedicated-hosting .section-2 .plan-renewal { display:none; }
.layer-dedicated-hosting .section-2 .hosting-plan form { grid-column:auto; margin:0; }
.layer-dedicated-hosting .section-2 .plan-buy { display:flex; gap:12px; padding:14px 16px; min-height:60px; white-space:nowrap; }
.layer-dedicated-hosting .section-2 .plan-buy > img { width:auto; height:auto; flex:none; }
.layer-dedicated-hosting .section-2 .featured .plan-buy { background:var(--plan-accent); border-color:var(--plan-accent); }
.layer-dedicated-hosting .section-2 .plan-ribbon { inset:auto auto calc(100% + 3px) 34px; min-width:0; padding:3px 14px 2px; font-size:12px; line-height:20px; border-radius:10px 10px 0 0; background:var(--plan-accent); }
.layer-dedicated-hosting .section-2 .plan-ribbon::before,
.layer-dedicated-hosting .section-2 .plan-ribbon::after { content:""; inset:auto; bottom:0; width:12px; height:12px; background:none; pointer-events:none; }
.layer-dedicated-hosting .section-2 .plan-ribbon::before { left:-12px; background:radial-gradient(circle at top left,transparent 11px,var(--plan-accent) 12px); }
.layer-dedicated-hosting .section-2 .plan-ribbon::after { right:-12px; background:radial-gradient(circle at top right,transparent 11px,var(--plan-accent) 12px); }
@media(max-width:1399.98px) {
 .layer-dedicated-hosting .section-2 .hosting-plan { grid-template-columns:170px minmax(0,1fr) 190px; }
 .layer-dedicated-hosting .section-2 .plan-features { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .layer-dedicated-hosting .section-2 .hosting-plan form { grid-column:3; }
}
@media(max-width:991.98px) {
 .layer-dedicated-hosting .section-2 .hosting-plan { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .layer-dedicated-hosting .section-2 .plan-identity,.layer-dedicated-hosting .section-2 .plan-features { grid-column:1 / -1; }
 .layer-dedicated-hosting .section-2 .plan-pricing { grid-column:1; justify-content:flex-start; }
 .layer-dedicated-hosting .section-2 .hosting-plan form { grid-column:2; justify-self:end; }
}
@media(max-width:575.98px) {
 .layer-dedicated-hosting .section-2 .hosting-plan,.layer-dedicated-hosting .section-2 .hosting-plan.featured { padding:24px 18px; }
 .layer-dedicated-hosting .section-2 .plan-feature { font-size:14px; }
 .layer-dedicated-hosting .section-2 .plan-buy { font-size:16px; padding:12px; gap:8px; }
}

/* Size each Dedicated filter to the selected label, not the longest option. */
.layer-dedicated-hosting .dedicated-filters select {
  field-sizing:content;
  width:auto;
  min-width:0;
  max-width:210px;
  padding-right:24px;
}
@media(max-width:575.98px) {
  .layer-dedicated-hosting .dedicated-filters select { max-width:100%; }
}

/* Desktop Dedicated specifications use their content width instead of equal narrow cells. */
@media (min-width:1400px) {
 .layer-dedicated-hosting .section-2 .hosting-plan {
   grid-template-columns:minmax(180px,1fr) max-content minmax(180px,1fr) 144px;
   column-gap:20px;
 }
 .layer-dedicated-hosting .section-2 .plan-features {
   grid-template-columns:repeat(4,max-content);
   column-gap:24px;
 }
 .layer-dedicated-hosting .section-2 .plan-feature-value,
 .layer-dedicated-hosting .section-2 .plan-feature-note {
   white-space:nowrap;
 }
}

/* Dedicated multi-select filters. Native details supports keyboard and touch. */
.layer-dedicated-hosting .dedicated-filters { position:relative; gap:24px; margin-bottom:16px; }
.layer-dedicated-hosting .dedicated-filter-dropdown { position:relative; }
.layer-dedicated-hosting .dedicated-filter-dropdown > summary { display:flex; align-items:center; gap:8px; padding:10px 0; list-style:none; cursor:pointer; font-size:16px; font-family:"PlusJakartaSans Bold" !important; }
.layer-dedicated-hosting .dedicated-filter-dropdown > summary::-webkit-details-marker { display:none; }
.layer-dedicated-hosting .dedicated-filter-dropdown > summary > img { width:auto; height:auto; flex:none; }
.layer-dedicated-hosting .dedicated-filter-dropdown[open] > summary { color:#457bff; }

.layer-dedicated-hosting .dedicated-filter-menu { position:absolute; top:calc(100% + 6px); left:0; z-index:20; min-width:160px; max-width:calc(100vw - 40px); padding:16px; border:1px solid #ededed; border-radius:14px; background:#fff; box-shadow:0 8px 24px #00000012; }
.layer-dedicated-hosting .filter-options { max-height:260px; overflow-y:auto; }
.layer-dedicated-hosting .filter-options > label { display:flex; align-items:center; gap:10px; max-width:none; padding:8px 4px; cursor:pointer; font-family:"PlusJakartaSans Regular" !important; font-size:15px; white-space:nowrap; }
.layer-dedicated-hosting .filter-options input { accent-color:#457bff; }
.layer-dedicated-hosting .filter-no-data { margin:0; font-size:14px; line-height:24px; color:#777; }
@media(max-width:575.98px) {
 .layer-dedicated-hosting .dedicated-filters { gap:10px 20px; }
 .layer-dedicated-hosting .dedicated-filter-dropdown > summary { font-size:14px; }
 .layer-dedicated-hosting .dedicated-filter-menu { min-width:130px; padding:12px; }
}

.layer-dedicated-hosting .dedicated-filters { margin-bottom:40px; }
.layer-dedicated-hosting .dedicated-sort-button { display:inline-flex; align-items:center; gap:8px; padding:10px 0; border:0; background:transparent; color:#1a1a1a; font-size:16px; font-family:"PlusJakartaSans Bold" !important; cursor:pointer; }
.layer-dedicated-hosting .dedicated-sort-button > img { width:auto; height:auto; flex:none; }

@media(max-width:575.98px) { .layer-dedicated-hosting .dedicated-sort-button { font-size:14px; } }

.layer-dedicated-hosting .dedicated-filters .dedicated-filter-dropdown > summary,
.layer-dedicated-hosting .dedicated-filters .dedicated-filter-dropdown > summary > span,
.layer-dedicated-hosting .dedicated-filters .dedicated-sort-button,
.layer-dedicated-hosting .dedicated-filters .dedicated-sort-button > span,
.layer-dedicated-hosting .dedicated-filters .gpu-filter {
  font-family:"PlusJakartaSans Bold" !important;
}

/* Preserve illustration proportions on mobile; crop only the empty text area in the artwork. */
.layer-dedicated-hosting .section-3 .operation-art { display:contents; }
.layer-dedicated-hosting .section-3 .operation-art > img { position:absolute; inset:0; z-index:-1; display:block; width:100%; max-width:none; height:100%; margin:0; object-fit:fill; object-position:center top; }
@media(max-width:575.98px) {
 .layer-dedicated-hosting .section-3 .operation-card:nth-child(n) { --art-ratio:469 / 235; min-height:0; padding:0 20px 28px; border:1px solid #ebebeb; border-radius:22px; background:#fff; }
 .layer-dedicated-hosting .section-3 .operation-card:nth-child(1),
 .layer-dedicated-hosting .section-3 .operation-card:nth-child(4) { --art-ratio:836 / 235; }
 .layer-dedicated-hosting .section-3 .operation-card:nth-child(2),
 .layer-dedicated-hosting .section-3 .operation-card:nth-child(3) { --art-ratio:595 / 235; }
 .layer-dedicated-hosting .section-3 .operation-art { display:block; position:relative; margin:0 -20px 20px; aspect-ratio:var(--art-ratio); overflow:hidden; }
 .layer-dedicated-hosting .section-3 .operation-art > img { position:relative; inset:auto; z-index:auto; display:block; width:calc(100% + 2px); max-width:none; height:auto; margin:-1px -1px 0; object-fit:contain; }
 .layer-dedicated-hosting .section-3 .operation-card p { line-height:28px; }
}

/* VPS Windows Hosting: fade the collapsed comparison, reveal it when expanded. */
.layer-vps-windows:not(.layer-vps-windows-page) .section-7:has(.comparison-toggle[aria-expanded="false"]) .windows-comparison-scroll {
  mask-image:linear-gradient(#000 0%,#000 75%,transparent 100%);
}
.layer-vps-windows:not(.layer-vps-windows-page) .section-7 .windows-comparison-footer { border:0; background:transparent; }
.layer-vps-windows:not(.layer-vps-windows-page) .section-7:has(.comparison-toggle[aria-expanded="true"]) .windows-comparison-scroll {
  border-bottom:1px solid #ededed;
  border-radius:30px;
}

@media (width < 480px) {
  .layer-vps-windows .ask p { font-size:13px; }
}

@media (width < 480px) {
  .layer-wordpress-hosting .ask p,
  .layer-vps-hosting .ask p,
  .layer-vds-hosting .ask p,
  .layer-dedicated-hosting .ask p { font-size:13px; }
}

/* Space before the footer. */
.layer-cloud-hosting > section:last-child,
.layer-wordpress-hosting > section:last-child,
.layer-giai-phap-hosting > section:last-child,
.layer-vps-hosting > section:last-child,
.layer-vds-hosting > section:last-child,
.layer-vps-windows > section:last-child,
.layer-dedicated-hosting > section:last-child,
.layer-vps-windows-page > section:last-child { margin-bottom:52px; }