/* Quản Trị Máy Chủ — page-scoped styles */
.layer-quan-tri-may-chu {
  color: #1a1a1a;
  font-family: "PlusJakartaSans Regular" !important;
}
.layer-quan-tri-may-chu *,
.layer-quan-tri-may-chu *::before,
.layer-quan-tri-may-chu *::after { box-sizing: border-box; }
.layer-quan-tri-may-chu p,
.layer-quan-tri-may-chu li,
.layer-quan-tri-may-chu button,
.layer-quan-tri-may-chu input,
.layer-quan-tri-may-chu a { font-family: "PlusJakartaSans Regular" !important; }
.layer-quan-tri-may-chu img { max-width: 100%; height: auto; }
.layer-quan-tri-may-chu h1,
.layer-quan-tri-may-chu h2,
.layer-quan-tri-may-chu h3,
.layer-quan-tri-may-chu .cloud-button,
.layer-quan-tri-may-chu .section-badge {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-quan-tri-may-chu .section-head { text-align: center; }
.layer-quan-tri-may-chu .section-heading { margin: 0; font-size: 44px; line-height: 60px; color: #1a1a1a; }
.layer-quan-tri-may-chu .section-description { margin: 16px 0 0; font-size: 16px; line-height: 37px; font-family: "PlusJakartaSans Light" !important; }
.layer-quan-tri-may-chu .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-quan-tri-may-chu .badge-purple { background: #eee7ff; color: #754bfc; }
.layer-quan-tri-may-chu .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-quan-tri-may-chu .cloud-button > span[aria-hidden] { font-size: 30px; line-height: 1; }
.layer-quan-tri-may-chu .button-primary { background: #457bff; color: #fff; }
.layer-quan-tri-may-chu .button-yellow { background: #ffe000; color: #1a1a1a; }
.layer-quan-tri-may-chu .cloud-button:hover { box-shadow: 0 6px 18px #1a1a1a1a; }
.layer-quan-tri-may-chu a:focus-visible,
.layer-quan-tri-may-chu button:focus-visible { outline: 3px solid #754bfc; outline-offset: 4px; }
.layer-quan-tri-may-chu .guarantee { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 18px 0 0; color: #fff; font-size: 14px; line-height: 28px; }
.layer-quan-tri-may-chu .guarantee img { width: 16px; flex: none; }
.layer-quan-tri-may-chu .section-1 { overflow: hidden; background: #fff; }
.layer-quan-tri-may-chu .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-quan-tri-may-chu .hero-main::before,
.layer-quan-tri-may-chu .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-quan-tri-may-chu .hero-main::before { left: 0; background-image: url("../img/domain/left.png"); background-position: right top; }
.layer-quan-tri-may-chu .hero-main::after { right: 0; background-image: url("../img/domain/right.png"); background-position: left top; }
.layer-quan-tri-may-chu .hero-copy { position: relative; z-index: 2; }
.layer-quan-tri-may-chu .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-quan-tri-may-chu .hero-badge img { width: 22px; }
.layer-quan-tri-may-chu .hero-title { margin: 0 0 4px; font-size: 48px; line-height: 64px; color: #181818; letter-spacing: .01em; }
.layer-quan-tri-may-chu .hero-description { max-width: 550px; margin: 0; font-size: 16px; line-height: 36px; }
.layer-quan-tri-may-chu .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-quan-tri-may-chu .hero-features li { display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: 24px; }
.layer-quan-tri-may-chu .hero-features li > span { font-family: "PlusJakartaSans Regular" !important; }
.layer-quan-tri-may-chu .hero-price { margin-bottom: 28px; }
.layer-quan-tri-may-chu .price-label { display: block; margin-bottom: 8px; font-size: 16px; line-height: 24px; color: #5c5c5c; }
.layer-quan-tri-may-chu .hero-price-line { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.layer-quan-tri-may-chu .hero-price-number { font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; }
.layer-quan-tri-may-chu .hero-price-unit { display: flex; flex-direction: column; font-size: 12px; line-height: 20px; }
.layer-quan-tri-may-chu .hero-price-unit span:first-child { font-family: "PlusJakartaSans Bold" !important; font-size: 18px; }
.layer-quan-tri-may-chu .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-quan-tri-may-chu .hero-price-line .discount-badge { margin-left: 24px; }
.layer-quan-tri-may-chu .hero-visual { position: relative; width: 100%; aspect-ratio: 760 / 650; }
.layer-quan-tri-may-chu .hero-image { display: block; width: 100%; }
.layer-quan-tri-may-chu .hero-floating { position: absolute; }
.layer-quan-tri-may-chu .trust-strip { background: url("../img/domain/bg-2.png") center / cover no-repeat; }
.layer-quan-tri-may-chu .trust-metrics { display: flex; justify-content: center; padding-block: 16px; }
.layer-quan-tri-may-chu .trust-metric { display: flex; align-items: center; gap: 20px; padding: 0 54px; }
.layer-quan-tri-may-chu .trust-metric + .trust-metric { border-left: 1px solid #bababa; }
.layer-quan-tri-may-chu .trust-metric > img { width: 100px; }
.layer-quan-tri-may-chu .metric-number { display: block; font-family: "PlusJakartaSans Bold" !important; font-size: 20px; line-height: 28px; }
.layer-quan-tri-may-chu .trust-metric p { margin: 0; font-size: 14px; line-height: 24px; }
.layer-quan-tri-may-chu .section-2 { padding: 80px 0 0; scroll-margin-top: 100px; }
.layer-quan-tri-may-chu .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-quan-tri-may-chu .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-quan-tri-may-chu .billing-option.is-active { background: #fff; box-shadow: 0 2px 8px #0000000d; font-family: "PlusJakartaSans Bold" !important; }
.layer-quan-tri-may-chu .billing-option .cycle-discount { padding: 1px 8px; border-radius: 999px; background: #e8f3db; color: #659338; font-size: 15px; }
.layer-quan-tri-may-chu .hosting-plans { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.layer-quan-tri-may-chu .hosting-plans.no-cycle-options { margin-top: 108px; }
.layer-quan-tri-may-chu .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-quan-tri-may-chu .hosting-plan.featured { border: 4px solid #457bff; padding: 31px 22px 37px; }
.layer-quan-tri-may-chu .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-quan-tri-may-chu .plan-ribbon::before,
.layer-quan-tri-may-chu .plan-ribbon::after {
  content: "";
  position: absolute;
  bottom: -25px;
  width: 30px;
  height: 30px;
  pointer-events: none;
}
.layer-quan-tri-may-chu .plan-ribbon::before {
  left: 0;
  background: radial-gradient(circle at bottom right, transparent 28px, #457bff 30px);
}
.layer-quan-tri-may-chu .plan-ribbon::after {
  right: 0;
  background: radial-gradient(circle at bottom left, transparent 28px, #457bff 30px);
}
.layer-quan-tri-may-chu .hosting-plan.featured:hover {
  background: rgba(33, 37, 41, 0.02);
}
.layer-quan-tri-may-chu .plan-name { margin: 0 0 16px; font-size: 20px; line-height: 28px; }
.layer-quan-tri-may-chu .plan-description { min-height: 66px; margin: 0 0 24px; font-size: 14px; line-height: 28px; }
.layer-quan-tri-may-chu .plan-price-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; min-height: 28px; margin-bottom: 20px; }
.layer-quan-tri-may-chu .plan-original { color: #666; font-size: 14px; text-decoration: line-through; }
.layer-quan-tri-may-chu .plan-price-meta .discount-badge { padding: 2px 8px; font-size: 14px; line-height: 20px; }
.layer-quan-tri-may-chu .plan-price { margin: 0; font-family: "PlusJakartaSans Bold" !important; font-size: 35px; line-height: 48px; color: #181818; }
.layer-quan-tri-may-chu .plan-price small { font-family: "PlusJakartaSans Bold" !important; font-size: 16px; white-space: nowrap; }
.layer-quan-tri-may-chu .plan-renewal { min-height: 22px; margin: 4px 0 22px; color: #666; font-size: 12px; line-height: 22px; }
.layer-quan-tri-may-chu .plan-buy { width: 100%; min-height: 60px; border-color: #457bff; color: #457bff; background: #fff; }
.layer-quan-tri-may-chu .featured .plan-buy { color: #fff; background: #457bff; }
.layer-quan-tri-may-chu .plan-features { display: grid; gap: 14px; margin: 40px 0 0; padding: 24px 0 0; border-top: 1px solid #ededed; list-style: none; }
.layer-quan-tri-may-chu .plan-feature { display: flex; align-items: center; gap: 15px; font-size: 16px; line-height: 24px; }
.layer-quan-tri-may-chu .plan-feature > img { width: 18px; flex: none; margin-top: 3px; }
.layer-quan-tri-may-chu .plan-feature p { margin: 0; font-size: inherit; line-height: inherit; }
.layer-quan-tri-may-chu .plan-feature details { margin-left: auto; flex: none; position: relative; }
.layer-quan-tri-may-chu .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-quan-tri-may-chu .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-quan-tri-may-chu .section-5 { padding: 116px 0 80px; }
.layer-quan-tri-may-chu .guides-heading { margin: 28px 0 0; font-size: 41px; line-height: 55px; }
.layer-quan-tri-may-chu .guides-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 64px; }
.layer-quan-tri-may-chu .guide-card { display: block; padding: 26px 26px 40px; border: 1px solid #ededed; border-radius: 26px; text-decoration: none; color: #1a1a1a; }
.layer-quan-tri-may-chu .guide-image { display: block; width: 100%; aspect-ratio: 660 / 327; object-fit: cover; border-radius: 24px; background: #edf2ff; }
.layer-quan-tri-may-chu .guide-category { display: flex; margin-top: 22px; font-size: 16px; line-height: 24px; color: #4b7efc; align-items: center; gap: 10px; }
.layer-quan-tri-may-chu .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-quan-tri-may-chu .section-7 { padding: 80px 0; background: #457bff url("../img/hosting/cloud-hosting/bg-2.png") center / cover no-repeat; color: #fff; }
.layer-quan-tri-may-chu .start-layout { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.layer-quan-tri-may-chu .start-copy { max-width: 760px; }
.layer-quan-tri-may-chu .start-copy h2 { margin: 0 0 8px; color: #fff; font-size: 44px; line-height: 68px; }
.layer-quan-tri-may-chu .start-copy p { max-width: 580px; margin: 0; font-size: 14px; line-height: 30px; }
.layer-quan-tri-may-chu .start-action { display: flex; align-items: center; gap: 52px; flex: none; }
@media (max-width: 1399.98px) {
  .layer-quan-tri-may-chu .hosting-plan { padding-inline: 20px; }
  .layer-quan-tri-may-chu .hosting-plan.featured { padding-inline: 17px; }
  .layer-quan-tri-may-chu .plan-price { font-size: 30px; }
  .layer-quan-tri-may-chu .start-action { gap: 24px; }
}
@media (max-width: 1199.98px) {
  .layer-quan-tri-may-chu .hero-main { padding-block: 72px; min-height: 0; }
  .layer-quan-tri-may-chu .hero-title { font-size: 42px; line-height: 56px; }
  .layer-quan-tri-may-chu .hero-price-line .discount-badge { margin-left: 0; }
  .layer-quan-tri-may-chu .trust-metric { padding-inline: 32px; }
  .layer-quan-tri-may-chu .hosting-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 80px; }
  .layer-quan-tri-may-chu .hosting-plan { padding: 32px; }
  .layer-quan-tri-may-chu .hosting-plan.featured { padding: 29px; }
  .layer-quan-tri-may-chu .start-layout { flex-wrap: wrap; gap: 32px; }
}
@media (max-width: 991.98px) {
  .layer-quan-tri-may-chu .hero-main { padding: 56px 0 28px; }
  .layer-quan-tri-may-chu .hero-copy { max-width: 720px; margin-inline: auto; }
  .layer-quan-tri-may-chu .hero-visual { max-width: 700px; margin: 40px auto 0; }
  .layer-quan-tri-may-chu .trust-metric { padding-inline: 20px; gap: 12px; }
  .layer-quan-tri-may-chu .trust-metric > img { width: 64px; }
  .layer-quan-tri-may-chu .section-2 { padding-top: 64px; }
  .layer-quan-tri-may-chu .section-heading { font-size: 36px; line-height: 50px; }
  .layer-quan-tri-may-chu .section-5 { padding-block: 80px; }
  .layer-quan-tri-may-chu .guide-title { font-size: 20px; line-height: 30px; }
}
@media (max-width: 767.98px) {
  .layer-quan-tri-may-chu .hero-title { font-size: 36px; line-height: 48px; }
  .layer-quan-tri-may-chu .trust-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .layer-quan-tri-may-chu .trust-metric { min-width:0; padding-inline:16px; flex-direction:column; gap:8px; text-align:center; }
  .layer-quan-tri-may-chu .trust-metric > img { width: 72px; }
  .layer-quan-tri-may-chu .billing-options { margin-block: 40px 72px; border-radius: 18px; }
  .layer-quan-tri-may-chu .billing-option { gap: 6px; padding-inline: 10px; }
  .layer-quan-tri-may-chu .hosting-plans { grid-template-columns: minmax(0, 1fr); max-width: 460px; margin-inline: auto; }
  .layer-quan-tri-may-chu .guides-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .layer-quan-tri-may-chu .guide-card { padding: 20px 20px 28px; }
  .layer-quan-tri-may-chu .guides-heading { font-size: 34px; line-height: 48px; }
  .layer-quan-tri-may-chu .start-copy h2 { font-size: 34px; line-height: 48px; }
}
@media (max-width: 575.98px) {
  .layer-quan-tri-may-chu .hero-main { padding: 56px 0 36px;}
  .layer-quan-tri-may-chu .section-heading,
  .layer-quan-tri-may-chu .guides-heading,
  .layer-quan-tri-may-chu .start-copy h2 { font-size: 30px; line-height: 44px; }
  .layer-quan-tri-may-chu .cloud-button { padding-inline: 24px; font-size: 16px; }
  .layer-quan-tri-may-chu .hero-badge { font-size: 12px; gap: 5px; }
  .layer-quan-tri-may-chu .hero-features { gap: 16px 12px; }
  .layer-quan-tri-may-chu .hero-features li { font-size: 13px; line-height: 22px; gap: 6px; align-items: flex-start; }
  .layer-quan-tri-may-chu .hero-features img { width: 20px; }
  .layer-quan-tri-may-chu .trust-metric { padding-inline:12px; }
  .layer-quan-tri-may-chu .metric-number { font-size: 17px; }
  .layer-quan-tri-may-chu .trust-metric p { font-size: 12px; }
  .layer-quan-tri-may-chu .start-action { flex-wrap: wrap; gap: 24px; }
  .layer-quan-tri-may-chu .section-7 { padding-block: 48px; }
}
@media (width < 480px) {
  .layer-quan-tri-may-chu .hero-main { padding: 56px 0 28px; }
  .layer-quan-tri-may-chu .hero-main::before,
  .layer-quan-tri-may-chu .hero-main::after { content: none; }
}

.layer-quan-tri-may-chu [hidden] { display: none !important; }
.layer-quan-tri-may-chu .plan-buy:disabled { opacity: .5; cursor: not-allowed; }
.layer-quan-tri-may-chu .cloud-text-bold,
.layer-quan-tri-may-chu .billing-option,
.layer-quan-tri-may-chu .billing-option .cycle-discount,
.layer-quan-tri-may-chu .plan-price-meta .discount-badge,
.layer-quan-tri-may-chu .plan-discount,
.layer-quan-tri-may-chu .plan-price-value,
.layer-quan-tri-may-chu .plan-price-unit {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-quan-tri-may-chu .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-quan-tri-may-chu .guide-category img {
  width: 22px;
  flex: none;
}
.layer-quan-tri-may-chu .hero-floating { max-width: none; }
@media (min-width: 992px) {
  .layer-quan-tri-may-chu .hero-image {
    width: 105%; max-width: none; margin-left: -16%;
  }
}
.layer-quan-tri-may-chu .ask { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:80px; padding:18px 24px; border-radius:12px; }
.layer-quan-tri-may-chu .ask p { margin:0; font-size:16px; line-height:28px; }
.layer-quan-tri-may-chu .ask img { flex:none; }
.layer-quan-tri-may-chu .section-5 .guide-image { border-radius:20px; }
@media (max-width:767.98px) {
 .layer-quan-tri-may-chu .ask { margin-top:56px; gap:10px; padding:16px; }
 .layer-quan-tri-may-chu .ask p { font-size:13px; }
}
@media (max-width:479.98px) {
 .layer-quan-tri-may-chu .hero-floating { max-width:42%; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .layer-quan-tri-may-chu .section-1 .hero-floating {
    translate: var(--domain-card-x, 0px) var(--domain-card-y, 0px);
    transition: translate 350ms ease-out;
  }
}
.layer-quan-tri-may-chu .hero-description { max-width:580px; }
.layer-quan-tri-may-chu .hero-actions { display:flex; align-items:center; gap:54px; flex-wrap: wrap; }
.layer-quan-tri-may-chu .vps-plan-switch { position:relative; margin-top:56px; }
.layer-quan-tri-may-chu .vps-plan-panel .billing-options { margin:0 auto 96px; transform:translateX(-120px); }
.layer-quan-tri-may-chu .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-quan-tri-may-chu .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-quan-tri-may-chu .os-option.is-active { background:#fff; color:#457bff; box-shadow:0 2px 8px #0000000d; }
.layer-quan-tri-may-chu .os-option img { width:20px; }
.layer-quan-tri-may-chu .ask { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:64px; }
.layer-quan-tri-may-chu .ask p { margin:0; font-size:16px; line-height:28px; }
.layer-quan-tri-may-chu .guide-title { font-size:22px; line-height:34px; }
.layer-quan-tri-may-chu .start-copy { max-width:1000px; }
.layer-quan-tri-may-chu .start-copy h2 { font-size:38px; line-height:58px; }
.layer-quan-tri-may-chu .button-chat { color:#fff; background:#ffffff33; }

@media (max-width:1399.98px) {
 .layer-quan-tri-may-chu .os-options { right:0; }
}
@media (max-width:1199.98px) {
 .layer-quan-tri-may-chu .os-options { position:static; width:fit-content; margin:0 auto 24px; }
 .layer-quan-tri-may-chu .vps-plan-panel .billing-options { transform:none; }
}
@media (max-width:767.98px) {
 .layer-quan-tri-may-chu .hero-actions { gap:20px; }
 .layer-quan-tri-may-chu .vps-plan-panel .billing-options { margin-bottom:72px; }
 .layer-quan-tri-may-chu .ask { gap:10px; padding:16px; }
 .layer-quan-tri-may-chu .ask p { font-size:14px; }
 .layer-quan-tri-may-chu .start-copy h2 { font-size:30px; line-height:44px; }
}
@media (max-width:479.98px) {
 .layer-quan-tri-may-chu .hero-floating { max-width:44%; }
}
.layer-quan-tri-may-chu .vps-plan-panel .billing-options { transform:none; margin:0 250px 96px 0; }
.layer-quan-tri-may-chu .os-options { right:0; }
.layer-quan-tri-may-chu .ask { background:#f1f5ff url("../img/home/bg-q.png") center / 100% 100% no-repeat; }
@media (max-width:1199.98px) {
 .layer-quan-tri-may-chu .vps-plan-panel .billing-options { margin:0 auto 96px; }
}
@media (max-width:991.98px) {
 .layer-quan-tri-may-chu .hero-visual { width:90%; max-width:640px; margin:48px auto 0; aspect-ratio:760 / 730; }
 .layer-quan-tri-may-chu .hero-image { width:100%; margin-left:0; }
}
@media (max-width:767.98px) {
 .layer-quan-tri-may-chu .vps-plan-panel .billing-options { margin-bottom:72px; }
}
@media (max-width:479.98px) {
 .layer-quan-tri-may-chu .hero-visual { width:100%; }
}
.layer-quan-tri-may-chu .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-quan-tri-may-chu .section-2 .vps-plan-panel:not([hidden]) { display:contents; }
.layer-quan-tri-may-chu .section-2 .vps-plan-panel > .hosting-plans,
.layer-quan-tri-may-chu .section-2 .vps-plan-panel > .plans-empty { grid-column:1 / -1; margin-top:0; }
.layer-quan-tri-may-chu .section-2 .vps-plan-panel .billing-options,
.layer-quan-tri-may-chu .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-quan-tri-may-chu .section-2 .vps-plan-panel .billing-options { grid-column:2; grid-row:1; }
.layer-quan-tri-may-chu .section-2 .os-options { grid-column:3; grid-row:1; }
.layer-quan-tri-may-chu .section-2 .billing-option,
.layer-quan-tri-may-chu .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-quan-tri-may-chu .section-2 .billing-option.is-active,
.layer-quan-tri-may-chu .section-2 .os-option.is-active {
  color:#457bff;
  background:#fff;
  border-color:#e9e9e9;
  box-shadow:0 2px 8px #0000000d;
}
.layer-quan-tri-may-chu .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-quan-tri-may-chu .section-2 .os-option img { width:20px; height:auto; flex:none; }
@media (max-width:991.98px) {
  .layer-quan-tri-may-chu .section-2 .vps-plan-switch { grid-template-columns:minmax(0,1fr); gap:20px; }
  .layer-quan-tri-may-chu .section-2 .vps-plan-panel .billing-options { grid-column:1; grid-row:1; justify-self:center; }
  .layer-quan-tri-may-chu .section-2 .os-options { grid-column:1; grid-row:2; justify-self:center; }
  .layer-quan-tri-may-chu .section-2 .vps-plan-panel > .hosting-plans { margin-top:52px; }
}
@media (max-width:575.98px) {
  .layer-quan-tri-may-chu .section-2 .vps-plan-panel .billing-options { flex-wrap:wrap; border-radius:22px; }
  .layer-quan-tri-may-chu .section-2 .billing-option { padding:8px 10px; gap:6px; font-size:13px; }
}
.layer-quan-tri-may-chu .hosting-plans { row-gap:76px; }
.layer-quan-tri-may-chu .section-2 .section-description { max-width:760px; margin-inline:auto; }
.layer-quan-tri-may-chu .section-7 .start-copy { max-width:860px; }
.layer-quan-tri-may-chu .section-7 .start-copy h2 { font-size:44px; line-height:60px; }
@media (max-width:991.98px) {
 .layer-quan-tri-may-chu .section-7 .start-copy h2 { font-size:36px; line-height:50px; }
}
@media (max-width:767.98px) {
 .layer-quan-tri-may-chu .section-7 .start-copy h2 { font-size:30px; line-height:44px; }
}
.layer-quan-tri-may-chu .section-2 .section-description { max-width:760px; margin-inline:auto; }
.layer-quan-tri-may-chu .hosting-plans { row-gap:76px; }
.layer-quan-tri-may-chu .section-5 { padding:112px 0; }
.layer-quan-tri-may-chu .section-7 .start-copy { max-width:930px; }
.layer-quan-tri-may-chu .section-7 .start-copy h2 { font-size:42px; line-height:60px; }
@media (max-width:991.98px) {
 .layer-quan-tri-may-chu .section-5 { padding:80px 0; }
 .layer-quan-tri-may-chu .section-7 .start-copy h2 { font-size:34px; line-height:48px; }
}
@media (max-width:767.98px) {
 .layer-quan-tri-may-chu .section-7 .start-copy h2 { font-size:30px; line-height:44px; }
}
.layer-quan-tri-may-chu .hero-features li > span.cloud-text-bold { font-family:"PlusJakartaSans Bold" !important; }
.layer-quan-tri-may-chu .hero-price-amount { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.layer-quan-tri-may-chu .hero-price-separator { font-family:"PlusJakartaSans Light" !important; font-size:36px; line-height:48px; }
.layer-quan-tri-may-chu .hero-actions > .cloud-button { width:182px; min-height:66px; border-radius:16px; }
@media (max-width:575.98px) {
 .layer-quan-tri-may-chu .hero-features { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .layer-quan-tri-may-chu .hero-actions > .cloud-button { width:160px; min-height:56px; padding-inline:20px; }
 .layer-quan-tri-may-chu .section-2 .billing-option { min-height:42px; }
 .layer-quan-tri-may-chu .section-2 .billing-option .cycle-discount { font-size:13px; }
}
.layer-quan-tri-may-chu .section-5 .section-badge {
  background: url('../img/hosting/vps-windows/instruction.png') center / 100% 100% no-repeat;
}
.layer-quan-tri-may-chu .section-7 .start-action { gap:16px; }
.layer-quan-tri-may-chu .section-7 .start-action .cloud-button { padding:18px 40px; }
@media (max-width:575.98px) {
  .layer-quan-tri-may-chu .section-7 .start-action { gap:12px; }
  .layer-quan-tri-may-chu .section-7 .start-action .cloud-button { padding:16px 28px; gap:16px; }
}
.layer-quan-tri-may-chu { font-synthesis:none; }
.layer-quan-tri-may-chu .hero-main { min-height:858px; padding:108px 0; }
.layer-quan-tri-may-chu .hero-badge { margin-bottom:30px; }
.layer-quan-tri-may-chu .hero-title { margin-bottom:28px; letter-spacing:0; }
.layer-quan-tri-may-chu .hero-description { max-width:580px; }
.layer-quan-tri-may-chu .hero-features { margin:32px 0 76px; gap:24px 28px; }
.layer-quan-tri-may-chu .hero-features img { flex:none; width:26px; }
.layer-quan-tri-may-chu .hero-price { margin-bottom:28px; }
.layer-quan-tri-may-chu .hero-price-line .discount-badge { margin-left:8px; }
.layer-quan-tri-may-chu .hero-visual { aspect-ratio:778 / 709; }
.layer-quan-tri-may-chu .hero-image { width:100%; margin:0; }
.layer-quan-tri-may-chu .section-2 { padding-top:112px; }
.layer-quan-tri-may-chu .section-2 .section-description { max-width:none; }
.layer-quan-tri-may-chu .plan-price { font-size:36px; }
.layer-quan-tri-may-chu .plan-price small { font-size:14px; }
.layer-quan-tri-may-chu .plan-renewal { font-family:"PlusJakartaSans Light" !important; }
.layer-quan-tri-may-chu .guide-title { font-size:18.22px; line-height:30px; }
.layer-quan-tri-may-chu .section-5 .section-description { max-width:860px; margin-inline:auto; }
@media (min-width:1400px) {
  .layer-quan-tri-may-chu .hero-visual { width:108%; margin-left:-5%; }
  .layer-quan-tri-may-chu .hero-main .row { align-items:start !important; }
  .layer-quan-tri-may-chu .hero-visual { margin-top:-34px; }
}
@media (max-width:1399.98px) {
  .layer-quan-tri-may-chu .hero-main { min-height:0; padding:80px 0; }
  .layer-quan-tri-may-chu .hero-title { font-size:42px; line-height:56px; }
  .layer-quan-tri-may-chu .hero-features { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:40px; gap:20px; }
}
@media (max-width:1199.98px) {
  .layer-quan-tri-may-chu .section-2 .vps-plan-switch { grid-template-columns:minmax(0,1fr); gap:20px; }
  .layer-quan-tri-may-chu .section-2 .vps-plan-panel .billing-options { grid-column:1; grid-row:1; justify-self:center; }
  .layer-quan-tri-may-chu .section-2 .os-options { grid-column:1; grid-row:2; justify-self:center; }
  .layer-quan-tri-may-chu .section-2 .vps-plan-panel > .hosting-plans { margin-top:52px; }
}
@media (max-width:991.98px) {
  .layer-quan-tri-may-chu .hero-main { padding:56px 0 40px; }
  .layer-quan-tri-may-chu .hero-visual { width:100%; max-width:700px; margin:40px auto 0; }
  .layer-quan-tri-may-chu .section-2 { padding-top:80px; }
}
@media (max-width:767.98px) {
  .layer-quan-tri-may-chu .hero-title { font-size:36px; line-height:48px; }
  .layer-quan-tri-may-chu .hero-features { gap:18px 12px; }
  .layer-quan-tri-may-chu .hero-features img { width:22px; }
}
@media (max-width:575.98px) {
  .layer-quan-tri-may-chu .hero-main { padding-top:48px; }
  .layer-quan-tri-may-chu .hero-title { font-size:30px; line-height:42px; margin-bottom:20px; }
  .layer-quan-tri-may-chu .hero-description { line-height:30px; }
  .layer-quan-tri-may-chu .hero-features { margin-block:28px 36px; }
  .layer-quan-tri-may-chu .hero-features li { font-size:13px; }
  .layer-quan-tri-may-chu .hero-actions { gap:20px; }
  .layer-quan-tri-may-chu .section-2 .os-option { padding-inline:10px; font-size:13px; }
}

@media (width < 480px) {
  .layer-quan-tri-may-chu .ask p { font-size:13px; }
}
.layer-quan-tri-may-chu > section:last-child { margin-bottom:52px; }
.layer-quan-tri-may-chu .hero-main {min-height:858px;padding:108px 0 90px;}
.layer-quan-tri-may-chu .hero-badge {margin-bottom:30px;}
.layer-quan-tri-may-chu .hero-title {margin-bottom:28px;}
.layer-quan-tri-may-chu .hero-features {margin:32px 0 76px;gap:24px 28px;}
.layer-quan-tri-may-chu .hero-features img {width:26px;flex:none;}
.layer-quan-tri-may-chu .hero-features li span {font-family:"PlusJakartaSans Regular" !important;}
.layer-quan-tri-may-chu .hero-visual {aspect-ratio:728/684;}
.layer-quan-tri-may-chu .hero-floating {transition:translate .2s ease-out;translate:var(--domain-card-x,0px) var(--domain-card-y,0px);}
@media(min-width:1400px){.layer-quan-tri-may-chu .hero-visual {margin-top:0;}}
.layer-quan-tri-may-chu .section-2 {padding-top:120px;}
.layer-quan-tri-may-chu .hosting-plans {row-gap:66px;}
.layer-quan-tri-may-chu .badge-purple {background-image:url('../img/cloud/vps/bao-mat-bg.png');background-color:transparent;color:#7948ed;}
.layer-quan-tri-may-chu .badge-blue {background-image:url('../img/cloud/vps/bg-1-3.png');background-color:transparent;color:#457bff;}
.layer-quan-tri-may-chu .section-5 {padding:128px 0 100px;}
.layer-quan-tri-may-chu .section-5 .section-badge {background:transparent url('../img/hosting/vps-windows/instruction.png') center/100% 100% no-repeat;}
.layer-quan-tri-may-chu .section-6 {padding:90px 0 110px;background:#fafafa;}
.layer-quan-tri-may-chu .management-faq {margin-top:64px;border:1px solid #ededed;border-radius:8px;overflow:hidden;background:#fff;}
.layer-quan-tri-may-chu .management-faq-item + .management-faq-item {border-top:1px solid #ededed;}
.layer-quan-tri-may-chu .management-faq-item summary {list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 40px;font-family:"PlusJakartaSans Bold" !important;font-size:18px;line-height:30px;}
.layer-quan-tri-may-chu .management-faq-item summary::-webkit-details-marker {display:none;}
.layer-quan-tri-may-chu .management-faq-item[open] summary {background:#d3e4ff;}
.layer-quan-tri-may-chu .management-faq-item .faq-icon {width:12px;flex:none;}
.layer-quan-tri-may-chu .management-faq-item[open] .faq-icon {transform:rotate(180deg);}
.layer-quan-tri-may-chu .management-faq-answer {padding:24px 40px;font-family:"PlusJakartaSans Light" !important;font-size:16px;line-height:32px;}
.layer-quan-tri-may-chu .management-faq-answer p {margin:0;font-family:inherit !important;}
.layer-quan-tri-may-chu .section-7 {margin-bottom:52px;}
.layer-quan-tri-may-chu .section-7 h2 {font-size:42px;line-height:58px;}
.layer-quan-tri-may-chu [hidden] {display:none !important;}
@media(max-width:1399.98px){
 .layer-quan-tri-may-chu .hero-main {min-height:0;padding:80px 0;}
 .layer-quan-tri-may-chu .hero-features {margin-bottom:48px;gap:18px 20px;}
}
@media(max-width:1199.98px){
 .layer-quan-tri-may-chu .hero-title {font-size:40px;line-height:54px;}
 .layer-quan-tri-may-chu .hero-features {grid-template-columns:1fr 1fr;}
 .layer-quan-tri-may-chu .hero-features li {font-size:14px;}
 .layer-quan-tri-may-chu .hero-features img {width:20px;}
 .layer-quan-tri-may-chu .hero-badge {font-size:14px;}
 .layer-quan-tri-may-chu .guarantee {max-width:240px;}
}
@media(max-width:991.98px){
 .layer-quan-tri-may-chu .hero-main {padding:56px 0;}
 .layer-quan-tri-may-chu .hero-copy {text-align:left;}
 .layer-quan-tri-may-chu .hero-features {grid-template-columns:max-content max-content;}
 .layer-quan-tri-may-chu .hero-visual {max-width:680px;margin:40px auto 0;}
 .layer-quan-tri-may-chu .section-2,.layer-quan-tri-may-chu .section-5,.layer-quan-tri-may-chu .section-6 {padding-top:72px;}
 .layer-quan-tri-may-chu .section-5,.layer-quan-tri-may-chu .section-6 {padding-bottom:72px;}
 .layer-quan-tri-may-chu .guarantee {max-width:none;}
 .layer-quan-tri-may-chu .section-7 h2 {font-size:32px;line-height:44px;}
}
@media(max-width:575.98px){
 .layer-quan-tri-may-chu .hero-main {padding:40px 0;}
 .layer-quan-tri-may-chu .hero-badge {font-size:12px;gap:4px;}
 .layer-quan-tri-may-chu .hero-title {font-size:34px;line-height:46px;}
 .layer-quan-tri-may-chu .hero-features {grid-template-columns:1fr 1fr;gap:16px 12px;margin:24px 0 32px;}
 .layer-quan-tri-may-chu .hero-features li {gap:6px;font-size:12px;}
 .layer-quan-tri-may-chu .hero-title {margin-bottom:20px;}
 .layer-quan-tri-may-chu .hero-description {font-size:14px;line-height:28px;}
 .layer-quan-tri-may-chu .hero-price-line .discount-badge {margin-left:0;font-size:12px;}
 .layer-quan-tri-may-chu .section-heading {font-size:28px;line-height:40px;}
 .layer-quan-tri-may-chu .section-description {font-size:14px;line-height:28px;}
 .layer-quan-tri-may-chu .guarantee {font-size:12px;line-height:24px;}
 .layer-quan-tri-may-chu .management-faq {margin-top:36px;}
 .layer-quan-tri-may-chu .management-faq-item summary {padding:20px;font-size:15px;line-height:26px;}
 .layer-quan-tri-may-chu .management-faq-answer {padding:20px;font-size:14px;line-height:28px;}
 .layer-quan-tri-may-chu .section-7 h2 {font-size:28px;line-height:40px;}
}
@media(max-width:479.98px){.layer-quan-tri-may-chu .ask p {font-size:13px;}}
@media(prefers-reduced-motion:reduce){.layer-quan-tri-may-chu .hero-floating {transition:none;translate:none;}}
.layer-quan-tri-may-chu .hero-title {font-size:48px;line-height:64px;}
.layer-quan-tri-may-chu .hero-description {max-width:620px;}
.layer-quan-tri-may-chu .hero-features {gap:24px 28px;}
.layer-quan-tri-may-chu .hero-visual {aspect-ratio:778/662;margin-top:0;}
.layer-quan-tri-may-chu .hero-server {width:auto;max-width:29%;left:32%;bottom:-7%;}
.layer-quan-tri-may-chu .hero-actions > .cloud-button {width:auto;min-width:220px;}
.layer-quan-tri-may-chu .hero-price-line {column-gap:8px;}
.layer-quan-tri-may-chu .hero-price-line .discount-badge {margin-left:22px;}
.layer-quan-tri-may-chu .section-2 .vps-plan-switch {display:grid;grid-template-columns:max-content max-content;justify-content:center;gap:0 20px;}
.layer-quan-tri-may-chu .section-2 .vps-plan-panel {display:contents;}
.layer-quan-tri-may-chu .section-2 .vps-plan-panel .billing-options {grid-column:1;grid-row:1;justify-self:center;margin:0;}
.layer-quan-tri-may-chu .section-2 .os-options {grid-column:2;grid-row:1;position:static;margin:0;justify-self:center;}
.layer-quan-tri-may-chu .section-2 .vps-plan-panel > .hosting-plans {grid-column:1/-1;grid-row:2;margin-top:100px;}
.layer-quan-tri-may-chu .section-2 .plans-empty {grid-column:1/-1;margin-top:64px;text-align:center;}
.layer-quan-tri-may-chu .section-2 .vps-plan-switch {grid-template-columns:minmax(0,max-content) minmax(0,max-content);}
.layer-quan-tri-may-chu .section-2 .os-option {font-size:14px;padding-inline:18px;white-space:nowrap;}
.layer-quan-tri-may-chu .plan-name {font-size:20px;line-height:30px;}
.layer-quan-tri-may-chu .plan-price {font-size:34px;}
.layer-quan-tri-may-chu .plan-renewal {min-height:44px;}
.layer-quan-tri-may-chu .section-2 .ask {margin-top:32px;}
.layer-quan-tri-may-chu .section-5 {padding:100px 0 120px;}
.layer-quan-tri-may-chu .section-5 .section-heading {font-size:41px;line-height:55px;margin-top:26px;}
.layer-quan-tri-may-chu .section-6 {padding:110px 0;}
.layer-quan-tri-may-chu .section-6 .section-heading {font-size:41px;line-height:55px;}
.layer-quan-tri-may-chu .section-7 .start-copy {max-width:none;}
.layer-quan-tri-may-chu .section-7 .start-copy h2 {font-size:40px;line-height:56px;}
.layer-quan-tri-may-chu .section-7 .start-action .cloud-button {padding:16px 26px;white-space:nowrap;}
@media(min-width:1400px){
 .layer-quan-tri-may-chu .hero-title {width:760px;max-width:none;}
 .layer-quan-tri-may-chu .hero-visual {margin-top:0;}
}
@media(max-width:1399.98px){
 .layer-quan-tri-may-chu .hero-title {font-size:40px;line-height:54px;}
 .layer-quan-tri-may-chu .hero-features {grid-template-columns:1fr 1fr;gap:18px 16px;}
 .layer-quan-tri-may-chu .hero-features li {font-size:14px;}
 .layer-quan-tri-may-chu .section-2 .vps-plan-switch {grid-template-columns:1fr;gap:20px;}
 .layer-quan-tri-may-chu .section-2 .os-options {grid-column:1;grid-row:2;}
 .layer-quan-tri-may-chu .section-2 .vps-plan-panel > .hosting-plans {grid-row:3;margin-top:64px;}
 .layer-quan-tri-may-chu .section-7 .start-copy h2 {font-size:32px;line-height:44px;}
}
@media(max-width:991.98px){
 .layer-quan-tri-may-chu .hero-title {max-width:700px;}
 .layer-quan-tri-may-chu .hero-features {grid-template-columns:max-content max-content;}
 .layer-quan-tri-may-chu .hero-visual {margin:64px auto 24px;max-width:680px;}
 .layer-quan-tri-may-chu .section-5,.layer-quan-tri-may-chu .section-6 {padding:72px 0;}
}
@media(max-width:575.98px){
 .layer-quan-tri-may-chu .hero-title {font-size:32px;line-height:44px;}
 .layer-quan-tri-may-chu .hero-features {grid-template-columns:1fr 1fr;}
 .layer-quan-tri-may-chu .hero-features li {font-size:12px;line-height:22px;}
 .layer-quan-tri-may-chu .hero-price-number {font-size:32px;}
 .layer-quan-tri-may-chu .hero-price-line .discount-badge {margin-left:0;}
 .layer-quan-tri-may-chu .hero-server {max-width:30%;left:30%;bottom:-6%;}
 .layer-quan-tri-may-chu .section-2 .os-options {width:100%;border-radius:20px;flex-wrap:wrap;justify-content:center;}
 .layer-quan-tri-may-chu .section-2 .os-option {font-size:12px;padding:10px 12px;white-space:normal;}
 .layer-quan-tri-may-chu .section-5 .section-heading,.layer-quan-tri-may-chu .section-6 .section-heading {font-size:28px;line-height:40px;}
 .layer-quan-tri-may-chu .section-7 .start-copy h2 {font-size:28px;line-height:40px;}
 
 
 .layer-quan-tri-may-chu .section-7 .start-action {flex-wrap:wrap;justify-content:center;}
}
.layer-quan-tri-may-chu .hero-main {min-height:858px;padding:108px 0 104px;}
.layer-quan-tri-may-chu .hero-title {font-size:48px;line-height:64px;letter-spacing:0;margin-bottom:18px;}
.layer-quan-tri-may-chu .hero-description {max-width:620px;}
.layer-quan-tri-may-chu .hero-features {margin-top:28px;gap:24px 28px;}
.layer-quan-tri-may-chu .hero-features li,.layer-quan-tri-may-chu .hero-features li span {font-family:"PlusJakartaSans Regular" !important;}
.layer-quan-tri-may-chu .hero-price {margin-top:88px;}
.layer-quan-tri-may-chu .hero-actions {align-items:center;gap:32px;}
.layer-quan-tri-may-chu .hero-actions > .cloud-button {min-width:0;}
.layer-quan-tri-may-chu .hero-trial a {display:inline-flex;align-items:center;gap:8px;color:#1a1a1a;font-family:"PlusJakartaSans Bold" !important;font-size:18px;line-height:28px;text-decoration:none;}
.layer-quan-tri-may-chu .hero-trial a span {font-family:"PlusJakartaSans Bold" !important;}
.layer-quan-tri-may-chu .hero-trial a img {flex:none;}
.layer-quan-tri-may-chu .hero-trial p {margin:4px 0 0;color:#555;font-size:14px;line-height:24px;}
.layer-quan-tri-may-chu .hero-visual {width:100%;max-width:685px;aspect-ratio:685/644;margin:0;}
.layer-quan-tri-may-chu .hero-server {width:auto;max-width:30.8%;left:auto;right:-4%;top:auto;bottom:-5%;}
.layer-quan-tri-may-chu .section-2 {padding-top:100px;}
.layer-quan-tri-may-chu .section-2 .vps-plan-switch {display:block;margin-top:0;}
.layer-quan-tri-may-chu .section-2 .vps-plan-panel {display:block;}
.layer-quan-tri-may-chu .section-2 .vps-plan-panel .billing-options {display:flex;margin:56px auto 100px;}
.layer-quan-tri-may-chu .section-2 .vps-plan-panel > .hosting-plans {margin-top:0;}
.layer-quan-tri-may-chu .section-2 .hosting-plans {column-gap:32px;row-gap:80px;}
.layer-quan-tri-may-chu .plan-name {font-size:20px;line-height:30px;}
.layer-quan-tri-may-chu .plan-description {font-size:14px;line-height:24px;min-height:72px;}
.layer-quan-tri-may-chu .plan-price {font-size:36px;line-height:46px;}
.layer-quan-tri-may-chu .plan-renewal {min-height:44px;font-size:12px;line-height:22px;}
.layer-quan-tri-may-chu .card-icon {display:block;width:56px;height:56px;object-fit:contain;margin-bottom:36px;}
.layer-quan-tri-may-chu .section-5 {padding:140px 0 120px;}
.layer-quan-tri-may-chu .section-5 .section-heading,.layer-quan-tri-may-chu .section-6 .section-heading {font-size:41px;line-height:56px;}
.layer-quan-tri-may-chu .section-5 .guides-grid {margin-top:64px;}
.layer-quan-tri-may-chu .section-6 {padding:100px 0 120px;background:#fafafa;}
.layer-quan-tri-may-chu .section-7 {margin-bottom:52px;}
.layer-quan-tri-may-chu .section-7 .start-copy h2 {font-size:42px;line-height:56px;}
@media (max-width:1599.98px) and (min-width:992px) {
 .layer-quan-tri-may-chu .hero-server {right:0;}
}
@media (max-width:1199.98px) {
 .layer-quan-tri-may-chu .hero-main {padding:80px 0;}
 .layer-quan-tri-may-chu .hero-title {font-size:42px;line-height:56px;}
 .layer-quan-tri-may-chu .hero-price {margin-top:48px;}
 .layer-quan-tri-may-chu .hero-actions {gap:20px;flex-wrap:wrap;}
}
@media (max-width:991.98px) {
 .layer-quan-tri-may-chu .hero-main {padding:64px 0 80px;}
 .layer-quan-tri-may-chu .hero-visual {width:90%;max-width:620px;margin:72px auto 40px;}
 .layer-quan-tri-may-chu .hero-server {right:0;}
 .layer-quan-tri-may-chu .section-2 {padding-top:80px;}
 .layer-quan-tri-may-chu .section-5,.layer-quan-tri-may-chu .section-6 {padding-block:80px;}
}
@media (max-width:767.98px) {
 .layer-quan-tri-may-chu .hero-title {font-size:36px;line-height:48px;}
 .layer-quan-tri-may-chu .section-5 .section-heading,.layer-quan-tri-may-chu .section-6 .section-heading,.layer-quan-tri-may-chu .section-7 .start-copy h2 {font-size:32px;line-height:44px;}
 .layer-quan-tri-may-chu .section-2 .vps-plan-panel .billing-options {margin:40px auto 72px;}
 .layer-quan-tri-may-chu .section-7 .start-action {flex-wrap:wrap;justify-content:center;}
}
@media (max-width:575.98px) {
 .layer-quan-tri-may-chu .hero-title {font-size:32px;line-height:44px;}
 .layer-quan-tri-may-chu .hero-features {gap:16px;}
 .layer-quan-tri-may-chu .hero-features li {font-size:13px;line-height:22px;}
 .layer-quan-tri-may-chu .hero-trial a {font-size:16px;}
 .layer-quan-tri-may-chu .hero-trial p {font-size:12px;}
 .layer-quan-tri-may-chu .hero-actions {gap:16px;}
 .layer-quan-tri-may-chu .hero-actions > .cloud-button {padding-inline:20px;}
 .layer-quan-tri-may-chu .card-icon {margin-bottom:24px;}
 .layer-quan-tri-may-chu .section-5 .section-heading,.layer-quan-tri-may-chu .section-6 .section-heading,.layer-quan-tri-may-chu .section-7 .start-copy h2 {font-size:28px;line-height:40px;}
}

/* Server management: PSD typography, spacing and page-only layouts. */
.layer-quan-tri-may-chu .hero-main {min-height:885px;padding:108px 0 110px;}
.layer-quan-tri-may-chu .hero-title {width:auto;max-width:none;margin:0 0 24px;font-size:48px;line-height:64px;letter-spacing:0;}
.layer-quan-tri-may-chu .hero-description {max-width:660px;font-size:16px;line-height:32px;}
.layer-quan-tri-may-chu .hero-features {grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin:40px 0 118px;gap:24px;}
.layer-quan-tri-may-chu .hero-features li {font-size:16px;line-height:26px;align-items:flex-start;gap:12px;}
.layer-quan-tri-may-chu .hero-features img {width:20px;height:20px;flex:none;margin-top:3px;}
.layer-quan-tri-may-chu .hero-price {margin-top:0;margin-bottom:36px;}
.layer-quan-tri-may-chu .hero-visual {position:relative;width:108%;max-width:778px;aspect-ratio:778/682;margin-left:-5%;}
.layer-quan-tri-may-chu .hero-image {width:auto;max-width:100%;height:auto;display:block;}
.layer-quan-tri-may-chu .hero-os {width:auto;max-width:none;left:28%;top:29%;right:auto;bottom:auto;}
.layer-quan-tri-may-chu .hero-speed {width:auto;max-width:none;right:-1%;top:36%;left:auto;bottom:auto;}
.layer-quan-tri-may-chu .hero-vn {width:auto;max-width:none;left:16%;bottom:-2%;top:auto;right:auto;}
.layer-quan-tri-may-chu .section-2 {padding:100px 0 140px;}
.layer-quan-tri-may-chu .section-2 .hosting-plans {grid-template-columns:repeat(3,minmax(0,1fr));gap:80px 32px;}
.layer-quan-tri-may-chu .plan-features {gap:18px;}
.layer-quan-tri-may-chu .section-3 {padding:100px 0 120px;background:#7031fc url('../img/may-chu/quan-tri/bg.png') center/cover no-repeat;}
.layer-quan-tri-may-chu .section-3 .section-heading {color:#fff;}
.layer-quan-tri-may-chu .management-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:90px;}
.layer-quan-tri-may-chu .management-card {padding:36px;border:1px solid #ededed;border-radius:24px;background:#fff;min-width:0;}
.layer-quan-tri-may-chu .card-icon {display:block;width:56px;height:56px;object-fit:contain;margin-bottom:28px;}
.layer-quan-tri-may-chu .management-card h3 {font-size:24px;line-height:34px;margin:0 0 20px;}
.layer-quan-tri-may-chu .management-card p {font-size:16px;line-height:30px;color:#555;margin:0;}
.layer-quan-tri-may-chu .section-4 {padding:150px 0 140px;}
.layer-quan-tri-may-chu .feature-rows {margin-top:100px;}
.layer-quan-tri-may-chu .feature-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;margin-bottom:20px;}
.layer-quan-tri-may-chu .feature-row:last-child {margin-bottom:0;}
.layer-quan-tri-may-chu .feature-copy {min-width:0;padding:40px 52px;}
.layer-quan-tri-may-chu .feature-copy h3 {font-size:41px;line-height:54px;margin:0 0 28px;}
.layer-quan-tri-may-chu .feature-copy p {font-size:16px;line-height:32px;color:#555;margin:0;}
.layer-quan-tri-may-chu .feature-visual {padding:0 12px;min-width:0;}
.layer-quan-tri-may-chu .feature-image {display:block;width:100%;height:auto;}
.layer-quan-tri-may-chu .feature-row.is-reversed .feature-copy {order:2;}
.layer-quan-tri-may-chu .feature-row.is-reversed .feature-visual {order:1;}
.layer-quan-tri-may-chu .section-5 {padding:0 0 120px;}
.layer-quan-tri-may-chu .section-5 .section-heading {margin-top:24px;}
.layer-quan-tri-may-chu .section-5 .guide-card {padding:24px;border:1px solid #ededed;border-radius:28px;}
.layer-quan-tri-may-chu .section-6 {padding:100px 0 120px;}
.layer-quan-tri-may-chu .section-6 .section-heading {max-width:850px;margin:auto;}
.layer-quan-tri-may-chu .section-7 {margin-bottom:52px;}
.layer-quan-tri-may-chu .section-7 .start-copy h2 {font-size:44px;line-height:60px;}
@media(max-width:1399.98px){
 .layer-quan-tri-may-chu .hero-main {min-height:0;padding:80px 0;}
 .layer-quan-tri-may-chu .hero-title {font-size:42px;line-height:56px;}
 .layer-quan-tri-may-chu .hero-features {margin-bottom:70px;gap:20px;}
 .layer-quan-tri-may-chu .hero-features li {font-size:14px;line-height:24px;}
 .layer-quan-tri-may-chu .hero-visual {width:100%;margin-left:0;}
 .layer-quan-tri-may-chu .management-card {padding:28px;}
 .layer-quan-tri-may-chu .feature-copy {padding:32px;}
 .layer-quan-tri-may-chu .feature-copy h3 {font-size:36px;line-height:48px;}
}
@media(max-width:1199.98px){
 .layer-quan-tri-may-chu .section-2 .hosting-plans {grid-template-columns:repeat(2,minmax(0,1fr));}
 .layer-quan-tri-may-chu .management-cards {grid-template-columns:repeat(2,minmax(0,1fr));}
 .layer-quan-tri-may-chu .hero-actions {gap:18px;}
 .layer-quan-tri-may-chu .section-7 .start-copy h2 {font-size:36px;line-height:48px;}
}
@media(max-width:991.98px){
 .layer-quan-tri-may-chu .hero-visual {width:94%;max-width:680px;margin:56px auto 20px;}
 .layer-quan-tri-may-chu .hero-features {margin-bottom:48px;}
 .layer-quan-tri-may-chu .section-2,.layer-quan-tri-may-chu .section-3,.layer-quan-tri-may-chu .section-4,.layer-quan-tri-may-chu .section-6 {padding-block:80px;}
 .layer-quan-tri-may-chu .management-cards,.layer-quan-tri-may-chu .feature-rows {margin-top:56px;}
 .layer-quan-tri-may-chu .feature-row {grid-template-columns:1fr;margin-bottom:56px;}
 .layer-quan-tri-may-chu .feature-copy,.layer-quan-tri-may-chu .feature-row.is-reversed .feature-copy {order:0;padding:0 12px 32px;}
 .layer-quan-tri-may-chu .feature-visual,.layer-quan-tri-may-chu .feature-row.is-reversed .feature-visual {order:1;max-width:660px;width:100%;margin:auto;}
 .layer-quan-tri-may-chu .section-5 {padding-bottom:80px;}
}
@media(max-width:767.98px){
 .layer-quan-tri-may-chu .section-2 .hosting-plans,.layer-quan-tri-may-chu .management-cards {grid-template-columns:1fr;}
 .layer-quan-tri-may-chu .hero-title {font-size:36px;line-height:48px;}
 .layer-quan-tri-may-chu .section-7 .start-copy h2 {font-size:30px;line-height:42px;}
}
@media(max-width:575.98px){
 .layer-quan-tri-may-chu .hero-main {padding:48px 0;}
 .layer-quan-tri-may-chu .hero-title {font-size:32px;line-height:44px;}
 .layer-quan-tri-may-chu .hero-badge {font-size:11px;padding-inline:10px;gap:5px;}
 .layer-quan-tri-may-chu .hero-badge img {width:18px;}
 .layer-quan-tri-may-chu .hero-features {gap:16px 12px;margin:28px 0 40px;}
 .layer-quan-tri-may-chu .hero-features li {font-size:13px;line-height:22px;gap:8px;}
 .layer-quan-tri-may-chu .feature-copy h3 {font-size:28px;line-height:40px;}
 .layer-quan-tri-may-chu .management-card h3 {font-size:22px;line-height:32px;}
 .layer-quan-tri-may-chu .section-5 .guide-card {padding:16px;}
}

@media(min-width:1400px){
 .layer-quan-tri-may-chu .hero-description {width:700px;max-width:none;}
 .layer-quan-tri-may-chu .hero-features {grid-template-columns:max-content max-content;gap:24px;}
}

/* CTA dimensions from the management PSD; intrinsic hero decorations on desktop. */
.layer-quan-tri-may-chu .section-7 .start-action {gap:21px;}
.layer-quan-tri-may-chu .section-7 .start-action .cloud-button {min-height:68px;padding:18px 32px;font-size:18px;line-height:30px;gap:18px;}
.layer-quan-tri-may-chu .section-7 .start-action .button-chat {min-width:174px;}
.layer-quan-tri-may-chu .section-7 .start-action .button-yellow {min-width:234px;}
@media(max-width:1199.98px){
 .layer-quan-tri-may-chu .hero-os {max-width:10%;}
 .layer-quan-tri-may-chu .hero-speed {max-width:39%;}
 .layer-quan-tri-may-chu .hero-vn {max-width:32%;}
}
@media(max-width:575.98px){
 .layer-quan-tri-may-chu .section-7 .start-action {gap:12px;}
 .layer-quan-tri-may-chu .section-7 .start-action .cloud-button {min-width:0;min-height:56px;padding:12px 24px;font-size:16px;line-height:30px;gap:12px;}
}

/* Let the desktop hero use its intrinsic size instead of the Bootstrap column width. */
@media(min-width:1400px){
 .layer-quan-tri-may-chu .hero-visual {width:max-content;max-width:calc(50vw - 24px);aspect-ratio:auto;}
 .layer-quan-tri-may-chu .hero-image {width:auto;max-width:100%;height:auto;}
}

/* Avoid adding excess height around the intrinsic-size desktop hero. */
@media(min-width:1400px){
 .layer-quan-tri-may-chu .hero-main {min-height:0;padding:72px 0 80px;}
}

/* The portrait starts above the Flash Sale badge in the desktop composition. */
@media(min-width:992px){
 .layer-quan-tri-may-chu .hero-visual {top:-44px;}
}

/* Match the background panels, excluding the labels protruding from each PNG. */
@media(min-width:992px){
 .layer-quan-tri-may-chu .section-4 .feature-row:nth-child(1) .feature-image {width:113.6364%;max-width:none;margin-left:-13.6364%;}
 .layer-quan-tri-may-chu .section-4 .feature-row:nth-child(2) .feature-image {width:106.4263%;max-width:none;margin-left:-6.4263%;}
 .layer-quan-tri-may-chu .section-4 .feature-row:nth-child(4) .feature-image {width:108%;max-width:none;margin-left:-8%;}
 .layer-quan-tri-may-chu .section-4 .feature-row:nth-child(1) {margin-bottom:15px;}
 .layer-quan-tri-may-chu .section-4 .feature-row:nth-child(2) {margin-bottom:6px;}
 .layer-quan-tri-may-chu .section-4 .feature-row:nth-child(3) {margin-bottom:30px;}
}


.layer-quan-tri-may-chu .section-4 .feature-text-black {color:#000;}


/* Chỗ Đặt Máy Chủ — page-scoped styles. */
.layer-cho-dat-may-chu {
  color: #1a1a1a;
  font-family: "PlusJakartaSans Regular" !important;
}
.layer-cho-dat-may-chu *,
.layer-cho-dat-may-chu *::before,
.layer-cho-dat-may-chu *::after { box-sizing: border-box; }
.layer-cho-dat-may-chu p,
.layer-cho-dat-may-chu li,
.layer-cho-dat-may-chu button,
.layer-cho-dat-may-chu input,
.layer-cho-dat-may-chu a { font-family: "PlusJakartaSans Regular" !important; }
.layer-cho-dat-may-chu img { max-width: 100%; height: auto; }
.layer-cho-dat-may-chu h1,
.layer-cho-dat-may-chu h2,
.layer-cho-dat-may-chu h3,
.layer-cho-dat-may-chu .cloud-button,
.layer-cho-dat-may-chu .section-badge {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-cho-dat-may-chu .section-head { text-align: center; }
.layer-cho-dat-may-chu .section-heading { margin: 0; font-size: 44px; line-height: 60px; color: #1a1a1a; }
.layer-cho-dat-may-chu .section-description { margin: 16px 0 0; font-size: 16px; line-height: 37px; font-family: "PlusJakartaSans Light" !important; }
.layer-cho-dat-may-chu .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-cho-dat-may-chu .badge-purple { background: #eee7ff; color: #754bfc; }
.layer-cho-dat-may-chu .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-cho-dat-may-chu .cloud-button > span[aria-hidden] { font-size: 30px; line-height: 1; }
.layer-cho-dat-may-chu .button-primary { background: #457bff; color: #fff; }
.layer-cho-dat-may-chu .button-yellow { background: #ffe000; color: #1a1a1a; }
.layer-cho-dat-may-chu .cloud-button:hover { box-shadow: 0 6px 18px #1a1a1a1a; }
.layer-cho-dat-may-chu a:focus-visible,
.layer-cho-dat-may-chu button:focus-visible { outline: 3px solid #754bfc; outline-offset: 4px; }
.layer-cho-dat-may-chu .guarantee { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 18px 0 0; color: #fff; font-size: 14px; line-height: 28px; }
.layer-cho-dat-may-chu .guarantee img { width: 16px; flex: none; }
.layer-cho-dat-may-chu .section-1 { overflow: hidden; background: #fff; }
.layer-cho-dat-may-chu .hero-main { position: relative; isolation: isolate; background: url("../img/domain/bg001.png") center top / cover no-repeat;min-height:0;padding:108px 0 104px; }
.layer-cho-dat-may-chu .hero-main::before,
.layer-cho-dat-may-chu .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-cho-dat-may-chu .hero-main::before { left: 0; background-image: url("../img/domain/left.png"); background-position: right top; }
.layer-cho-dat-may-chu .hero-main::after { right: 0; background-image: url("../img/domain/right.png"); background-position: left top; }
.layer-cho-dat-may-chu .hero-copy { position: relative; z-index: 2; }
.layer-cho-dat-may-chu .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-cho-dat-may-chu .hero-badge img { width: 22px; }
.layer-cho-dat-may-chu .hero-title { margin: 0 0 4px; color: #181818; letter-spacing: .01em;font-size:48px;line-height:64px;margin-bottom:24px;width:850px;max-width:calc(100vw - 48px); }
.layer-cho-dat-may-chu .hero-description { margin: 0; font-size: 16px;max-width:680px;line-height:32px; }
.layer-cho-dat-may-chu .hero-features { display: grid; padding: 0; list-style: none;grid-template-columns:max-content max-content;gap:24px;margin:32px 0 118px;max-width:none; }
.layer-cho-dat-may-chu .hero-features li { display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: 24px; }
.layer-cho-dat-may-chu .hero-features li > span { font-family: "PlusJakartaSans Regular" !important; }
.layer-cho-dat-may-chu .hero-price {margin-bottom:36px; }
.layer-cho-dat-may-chu .price-label { display: block; margin-bottom: 8px; font-size: 16px; line-height: 24px; color: #5c5c5c; }
.layer-cho-dat-may-chu .hero-price-line { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.layer-cho-dat-may-chu .hero-price-number { font-family: "PlusJakartaSans Bold" !important; font-size: 36px; line-height: 48px; }
.layer-cho-dat-may-chu .hero-price-unit { display: flex; flex-direction: column; font-size: 12px; line-height: 20px; }
.layer-cho-dat-may-chu .hero-price-unit span:first-child { font-family: "PlusJakartaSans Bold" !important; font-size: 18px; }
.layer-cho-dat-may-chu .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-cho-dat-may-chu .hero-price-line .discount-badge { margin-left: 24px; }
.layer-cho-dat-may-chu .hero-visual { position: relative;width:max-content;max-width:calc(50vw - 24px);margin-left:-5%;top:-34px;aspect-ratio:auto; }
.layer-cho-dat-may-chu .hero-image { display: block;width:auto;max-width:100%; }
.layer-cho-dat-may-chu .hero-floating { position: absolute;width:auto;max-width:none; }
.layer-cho-dat-may-chu .trust-strip { background: url("../img/domain/bg-2.png") center / cover no-repeat; }
.layer-cho-dat-may-chu .trust-metrics { display: flex; justify-content: center; padding-block: 16px; }
.layer-cho-dat-may-chu .trust-metric { display: flex; align-items: center; gap: 20px; padding: 0 54px; }
.layer-cho-dat-may-chu .trust-metric + .trust-metric { border-left: 1px solid #bababa; }
.layer-cho-dat-may-chu .trust-metric > img {width:auto; }
.layer-cho-dat-may-chu .metric-number { display: block; font-family: "PlusJakartaSans Bold" !important; font-size: 20px; line-height: 28px; }
.layer-cho-dat-may-chu .trust-metric p { margin: 0; font-size: 14px; line-height: 24px; }
.layer-cho-dat-may-chu .section-2 { scroll-margin-top: 100px;padding:110px 0 130px;background:url('../img/domain/bg001.png') center top/100% auto no-repeat; }
.layer-cho-dat-may-chu .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-cho-dat-may-chu .billing-option { display: inline-flex; align-items: center; gap: 12px; padding: 10px 14px; border: 0; border-radius: 999px; background: transparent; cursor: pointer; font-size: 18px; line-height: 26px; font-family: "PlusJakartaSans Bold" !important; color: #1a1a1a; }
.layer-cho-dat-may-chu .billing-option.is-active { background: #fff; box-shadow: 0 2px 8px #0000000d; font-family: "PlusJakartaSans Bold" !important; color: #457bff; }
.layer-cho-dat-may-chu .billing-option .cycle-discount { padding: 1px 8px; border-radius: 999px; font-size: 18px; line-height: 24px; font-family: "PlusJakartaSans Bold" !important; color: #49832b; background: #edf6e5; }
.layer-cho-dat-may-chu .hosting-plans { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));gap:80px 24px; }
.layer-cho-dat-may-chu .hosting-plans.no-cycle-options { margin-top: 108px; }
.layer-cho-dat-may-chu .hosting-plan { position: relative; display: flex; flex-direction: column; min-width: 0; border: 1px solid #e6e6e6; border-radius: 22px; background: #fff;padding:34px 26px 40px; }
.layer-cho-dat-may-chu .hosting-plan.featured { border: 4px solid #457bff;padding:31px 23px 37px; }
.layer-cho-dat-may-chu .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-cho-dat-may-chu .plan-ribbon::before,
.layer-cho-dat-may-chu .plan-ribbon::after {
  content: "";
  position: absolute;
  bottom: -25px;
  width: 30px;
  height: 30px;
  pointer-events: none;
}
.layer-cho-dat-may-chu .plan-ribbon::before {
  left: 0;
  background: radial-gradient(circle at bottom right, transparent 28px, #457bff 30px);
}
.layer-cho-dat-may-chu .plan-ribbon::after {
  right: 0;
  background: radial-gradient(circle at bottom left, transparent 28px, #457bff 30px);
}
.layer-cho-dat-may-chu .hosting-plan.featured:hover {
  background: rgba(33, 37, 41, 0.02);
}
.layer-cho-dat-may-chu .plan-name { margin: 0 0 16px; font-size: 20px; line-height: 28px; }
.layer-cho-dat-may-chu .plan-description { margin: 0 0 24px;min-height:64px;font-size:14px;line-height:26px; }
.layer-cho-dat-may-chu .plan-price-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; min-height: 28px; margin-bottom: 20px; }
.layer-cho-dat-may-chu .plan-original { color: #666; font-size: 14px; text-decoration: line-through; }
.layer-cho-dat-may-chu .plan-price-meta .discount-badge { padding: 2px 8px; font-size: 14px; line-height: 20px; }
.layer-cho-dat-may-chu .plan-price { margin: 0; font-family: "PlusJakartaSans Bold" !important; color: #181818;display:flex;align-items:baseline;gap:5px;white-space:nowrap;font-size:32px;line-height:46px; }
.layer-cho-dat-may-chu .plan-price small { font-family: "PlusJakartaSans Bold" !important; white-space: nowrap;font-size:14px; }
.layer-cho-dat-may-chu .plan-renewal { margin: 4px 0 22px; color: #666; font-size: 12px; line-height: 22px;min-height:44px; }
.layer-cho-dat-may-chu .plan-buy { width: 100%; border-color: #457bff; color: #457bff; background: #fff;min-height:56px;border-radius:10px; }
.layer-cho-dat-may-chu .featured .plan-buy { color: #fff; background: #457bff; }
.layer-cho-dat-may-chu .plan-features { display: grid; margin: 40px 0 0; padding: 24px 0 0; border-top: 1px solid #ededed; list-style: none;gap:18px;margin-top:32px;padding-top:30px; }
.layer-cho-dat-may-chu .plan-feature { display: flex; font-size: 16px; line-height: 24px;gap:12px;align-items:flex-start; }
.layer-cho-dat-may-chu .plan-feature > img { flex: none; margin-top: 3px; }
.layer-cho-dat-may-chu .plan-feature p { margin: 0; font-size: inherit; line-height: inherit; }
.layer-cho-dat-may-chu .plan-feature details { margin-left: auto; flex: none; position: relative; }
.layer-cho-dat-may-chu .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-cho-dat-may-chu .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-cho-dat-may-chu .guides-heading { margin: 28px 0 0; font-size: 41px; line-height: 55px; }
.layer-cho-dat-may-chu .guides-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 64px; }
.layer-cho-dat-may-chu .guide-card { display: block; padding: 26px 26px 40px; border: 1px solid #ededed; border-radius: 26px; text-decoration: none; color: #1a1a1a; }
.layer-cho-dat-may-chu .guide-image { display: block; width: 100%; aspect-ratio: 660 / 327; object-fit: cover; border-radius: 24px; background: #edf2ff; }
.layer-cho-dat-may-chu .guide-category { display: flex; margin-top: 22px; font-size: 16px; line-height: 24px; color: #4b7efc; align-items: center; gap: 10px; }
.layer-cho-dat-may-chu .guide-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-top: 8px; font-family: "PlusJakartaSans Bold" !important;font-size:18px;line-height:30px; }
.layer-cho-dat-may-chu .start-layout { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.layer-cho-dat-may-chu .start-copy { max-width: 760px; }
.layer-cho-dat-may-chu .start-copy h2 { margin: 0 0 8px; color: #fff;font-size:44px;line-height:60px; }
.layer-cho-dat-may-chu .start-copy p { max-width: 580px; margin: 0; font-size: 14px; line-height: 30px; }
.layer-cho-dat-may-chu .start-action { display: flex; align-items: center; flex: none;gap:21px; }
.layer-cho-dat-may-chu .cloud-text-bold {font-family:"PlusJakartaSans Bold" !important;}
.layer-cho-dat-may-chu .hero-main .row {align-items:flex-start !important;}
.layer-cho-dat-may-chu .hero-features img {width:20px;flex:none;}
.layer-cho-dat-may-chu .hero-price-amount {display:inline-flex;align-items:center;gap:10px;}
.layer-cho-dat-may-chu .hero-price-separator {font-size:36px;font-family:"PlusJakartaSans Light" !important;}
.layer-cho-dat-may-chu .hero-actions {display:flex;align-items:center;gap:32px;}
.layer-cho-dat-may-chu .hero-actions .cloud-button {min-height:68px;}
.layer-cho-dat-may-chu .hero-trial a {display:flex;gap:8px;align-items:center;color:#1a1a1a;font-size:18px;text-decoration:none;}
.layer-cho-dat-may-chu .hero-trial p {margin:4px 0 0;font-size:14px;line-height:24px;color:#555;}
.layer-cho-dat-may-chu .hero-os {left:28%;top:26%;}
.layer-cho-dat-may-chu .hero-speed {right:-1%;top:36%;}
.layer-cho-dat-may-chu .hero-vn {left:16%;bottom:-2%;}
.layer-cho-dat-may-chu .plan-feature-icon {display:block;flex:none;margin-top:3px;background:#457bff;mask:var(--plan-feature-icon) center/contain no-repeat;-webkit-mask:var(--plan-feature-icon) center/contain no-repeat;}
.layer-cho-dat-may-chu [hidden] {display:none !important;}
.layer-cho-dat-may-chu .section-3 {background:#f7f7f7;padding:80px 0 0;}
.layer-cho-dat-may-chu .options-shell {margin-top:90px;padding:32px;border-radius:28px;background:#fff;}
.layer-cho-dat-may-chu .table-scroll {overflow-x:auto;max-width:100%;}
.layer-cho-dat-may-chu table {border-collapse:separate;border-spacing:0;width:100%;margin:0;color:#1a1a1a;}
.layer-cho-dat-may-chu th {font-weight:normal;font-family:"PlusJakartaSans Bold" !important;}
.layer-cho-dat-may-chu .options-table {min-width:1040px;}
.layer-cho-dat-may-chu .option-name {width:50%;}
.layer-cho-dat-may-chu .option-block {width:18%;}
.layer-cho-dat-may-chu .option-price {width:32%;}
.layer-cho-dat-may-chu .options-table th,.layer-cho-dat-may-chu .options-table td {padding:20px 32px;line-height:26px;border:0;border-bottom:1px solid #e6e6e6;vertical-align:middle;}
.layer-cho-dat-may-chu .options-table th {font-size:18px;text-align:left;}
.layer-cho-dat-may-chu .options-table td {font-size:16px;text-align:center;}
.layer-cho-dat-may-chu .options-table td:last-child {text-align:right;padding-inline:16px;font-size:15px;}
.layer-cho-dat-may-chu .options-table .plain td {font-family:"PlusJakartaSans Bold" !important;}
.layer-cho-dat-may-chu .options-table .highlight {background:#7f2fff;color:#fff;}
.layer-cho-dat-may-chu .options-table .tint {background:#f1e9fd;color:#1a082c;}
.layer-cho-dat-may-chu .options-table .highlight td,.layer-cho-dat-may-chu .options-table .tint td {border-left:1px solid #fff;font-family:"PlusJakartaSans Bold" !important;}
.layer-cho-dat-may-chu .options-table tr > :first-child {border-radius:6px 0 0 6px;}
.layer-cho-dat-may-chu .options-table tr > :last-child {border-radius:0 6px 6px 0;}
.layer-cho-dat-may-chu .section-4 {background:#f7f7f7;padding:120px 0 140px;}
.layer-cho-dat-may-chu .benefit-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:80px;}
.layer-cho-dat-may-chu .benefit-card {padding:36px;border:1px solid #e6e6e6;border-radius:24px;background:#fff;}
.layer-cho-dat-may-chu .card-icon {display:block;width:56px;height:56px;object-fit:contain;margin-bottom:36px;}
.layer-cho-dat-may-chu .benefit-card h3,.layer-cho-dat-may-chu .process-card h3 {font-size:24px;line-height:34px;margin:0 0 20px;}
.layer-cho-dat-may-chu .benefit-card p,.layer-cho-dat-may-chu .process-card p {font-size:16px;line-height:32px;color:#555;margin:0;}
.layer-cho-dat-may-chu .section-5 {padding:100px 0 140px;background:#7621d7 url('../img/may-chu/cho-dat/bg.png') center/cover no-repeat;}
.layer-cho-dat-may-chu .section-5 .section-heading {color:#fff;}
.layer-cho-dat-may-chu .process-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:80px;}
.layer-cho-dat-may-chu .process-card {background:#fff;border:1px solid #eee;border-radius:24px;padding:32px 28px 40px;}
.layer-cho-dat-may-chu .process-step {display:flex;align-items:flex-start;height:84px;gap:6px;margin-bottom:20px;}
.layer-cho-dat-may-chu .process-step img {width:auto;height:74px;object-fit:contain;}
.layer-cho-dat-may-chu .section-6 {padding:110px 0 120px;background:#fafafa;}
.layer-cho-dat-may-chu .comparison-scroll {margin-top:64px;border-radius:28px;border: 1px solid #dedede;background: #fff;}
.layer-cho-dat-may-chu .comparison-table {min-width:760px;table-layout:fixed;font-size:16px;line-height:28px;}
.layer-cho-dat-may-chu .comparison-table th,.layer-cho-dat-may-chu .comparison-table td {border:0;padding:22px 32px;vertical-align:middle;}
.layer-cho-dat-may-chu .comparison-table thead th {font-size:18px;line-height:28px;text-align:center;background:#fff;}
.layer-cho-dat-may-chu .comparison-table thead th:last-child {background:#428dff;color:white;}
.layer-cho-dat-may-chu .comparison-table tbody th {text-align:left;}
.layer-cho-dat-may-chu .comparison-table td {text-align:center;}
.layer-cho-dat-may-chu .comparison-table tbody tr:nth-child(odd) {background:#fff;}
.layer-cho-dat-may-chu .comparison-table tbody tr:nth-child(even) {background:#f5f5f5;}
.layer-cho-dat-may-chu .section-7 {padding:120px 0;}
.layer-cho-dat-may-chu .section-7 .section-heading {font-size:41px;line-height:56px;margin-top:24px;}
.layer-cho-dat-may-chu .section-8 {padding:100px 0 120px;background:#fafafa;}
.layer-cho-dat-may-chu .section-8 .section-heading {max-width:900px;margin:auto;}
.layer-cho-dat-may-chu .colocation-faq {margin-top:64px;border:1px solid #ededed;border-radius:8px;overflow:hidden;background:#fff;}
.layer-cho-dat-may-chu .colocation-faq-item + .colocation-faq-item {border-top:1px solid #ededed;}
.layer-cho-dat-may-chu .colocation-faq-item summary {list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 40px;font-family:"PlusJakartaSans Bold" !important;font-size:18px;line-height:30px;}
.layer-cho-dat-may-chu .colocation-faq-item summary::-webkit-details-marker {display:none;}
.layer-cho-dat-may-chu .colocation-faq-item[open] summary {background:#d3e4ff;}
.layer-cho-dat-may-chu .faq-icon {width:12px;flex:none;}
.layer-cho-dat-may-chu .colocation-faq-item[open] .faq-icon {transform:rotate(180deg);}
.layer-cho-dat-may-chu .colocation-faq-answer {padding:24px 40px;font-size:16px;line-height:32px;color:#555;}
.layer-cho-dat-may-chu .colocation-faq-answer p {margin:0;}
.layer-cho-dat-may-chu .section-9 {padding:80px 0;margin-bottom:52px;background:#457bff url('../img/hosting/cloud-hosting/bg-2.png') center/cover no-repeat;}
.layer-cho-dat-may-chu .start-action .cloud-button {min-height:68px;padding:18px 32px;gap:18px;white-space:nowrap;}
.layer-cho-dat-may-chu .button-chat {color:white;background:#ffffff33;min-width:174px;}
.layer-cho-dat-may-chu .start-action .button-yellow {min-width:234px;}
@media(max-width:1399.98px){
 .layer-cho-dat-may-chu .hero-main {padding:80px 0;}
 .layer-cho-dat-may-chu .hero-title {font-size:40px;line-height:54px;width:auto;}
 .layer-cho-dat-may-chu .hero-features {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:64px;}
 .layer-cho-dat-may-chu .hero-features li {font-size:14px;}
 .layer-cho-dat-may-chu .hero-visual {width:108%;max-width:none;}
 .layer-cho-dat-may-chu .hero-os {max-width:10%;}
 .layer-cho-dat-may-chu .hero-speed {max-width:39%;}
 .layer-cho-dat-may-chu .hero-vn {max-width:32%;}
 .layer-cho-dat-may-chu .hosting-plan {padding-inline:20px;}
 .layer-cho-dat-may-chu .hosting-plan.featured {padding-inline:17px;}
 .layer-cho-dat-may-chu .plan-price {font-size:28px;}
 .layer-cho-dat-may-chu .benefit-card {padding:28px;}
 .layer-cho-dat-may-chu .process-card {padding:28px 22px;}
 .layer-cho-dat-may-chu .start-copy h2 {font-size:36px;line-height:48px;}
}
@media(max-width:1199.98px){
 .layer-cho-dat-may-chu .hosting-plans,.layer-cho-dat-may-chu .benefit-grid,.layer-cho-dat-may-chu .process-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .layer-cho-dat-may-chu .hero-actions {gap:20px;flex-wrap:wrap;}
 .layer-cho-dat-may-chu .start-layout {flex-direction:column;gap:32px;text-align:center;}
}
@media(max-width:991.98px){
 .layer-cho-dat-may-chu .hero-main {padding:64px 0 56px;}
 .layer-cho-dat-may-chu .hero-visual {width:94%;max-width:680px;top:0;margin:64px auto 24px;}
 .layer-cho-dat-may-chu .hero-features {grid-template-columns:max-content max-content;margin-bottom:48px;}
 .layer-cho-dat-may-chu .trust-metric {padding-inline:24px;gap:12px;}
 .layer-cho-dat-may-chu .section-heading {font-size:34px;line-height:46px;}
 .layer-cho-dat-may-chu .section-2,.layer-cho-dat-may-chu .section-4,.layer-cho-dat-may-chu .section-5,.layer-cho-dat-may-chu .section-6,.layer-cho-dat-may-chu .section-7,.layer-cho-dat-may-chu .section-8 {padding-block:80px;}
 .layer-cho-dat-may-chu .options-shell {padding:20px;margin-top:56px;}
 .layer-cho-dat-may-chu .benefit-grid,.layer-cho-dat-may-chu .process-grid {margin-top:56px;}
}
@media(max-width:767.98px){
 .layer-cho-dat-may-chu .hero-title {font-size:34px;line-height:46px;}
 .layer-cho-dat-may-chu .hero-features {grid-template-columns:repeat(2,minmax(0,1fr));}
 .layer-cho-dat-may-chu .trust-metrics {flex-wrap:wrap;gap:20px 0;}
 .layer-cho-dat-may-chu .trust-metric {padding-inline:14px;gap:8px;}
 .layer-cho-dat-may-chu .trust-metric > img {width:64px;}
 .layer-cho-dat-may-chu .metric-number {font-size:16px;}
 .layer-cho-dat-may-chu .trust-metric p {font-size:12px;}
 .layer-cho-dat-may-chu .trust-metric:last-child {border:0;}
 .layer-cho-dat-may-chu .hosting-plans,.layer-cho-dat-may-chu .benefit-grid,.layer-cho-dat-may-chu .process-grid,.layer-cho-dat-may-chu .guides-grid {grid-template-columns:1fr;}
 .layer-cho-dat-may-chu .section-heading,.layer-cho-dat-may-chu .section-7 .section-heading,.layer-cho-dat-may-chu .start-copy h2 {font-size:28px;line-height:40px;}
 .layer-cho-dat-may-chu .section-description {line-height:28px;font-size:14px;}
 .layer-cho-dat-may-chu .billing-options {margin:40px auto 80px;border-radius:24px;}
 .layer-cho-dat-may-chu .billing-option {font-size:13px;gap:6px;padding:8px 10px;}
 .layer-cho-dat-may-chu .billing-option .cycle-discount {font-size:12px;}
 .layer-cho-dat-may-chu .hosting-plan {padding:32px;}
 .layer-cho-dat-may-chu .hosting-plan.featured {padding:29px;}
 .layer-cho-dat-may-chu .plan-price {font-size:36px;}
 .layer-cho-dat-may-chu .guide-card {padding:16px 16px 24px;}
 .layer-cho-dat-may-chu .colocation-faq-item summary {font-size:15px;line-height:26px;padding:20px;}
 .layer-cho-dat-may-chu .colocation-faq-answer {font-size:14px;line-height:28px;padding:20px;}
 .layer-cho-dat-may-chu .start-action {gap:12px;flex-wrap:wrap;justify-content:center;}
 .layer-cho-dat-may-chu .start-action .cloud-button {min-width:0;min-height:56px;font-size:16px;padding:12px 24px;gap:12px;}
}
@media(max-width:479.98px){
 .layer-cho-dat-may-chu .hero-main {padding-top:48px;}
 .layer-cho-dat-may-chu .hero-badge {font-size:11px;padding:6px 10px;gap:5px;}
 .layer-cho-dat-may-chu .hero-features li {font-size:13px;line-height:22px;gap:8px;align-items:flex-start;}
 .layer-cho-dat-may-chu .hero-price-line .discount-badge {margin-left:0;}
 .layer-cho-dat-may-chu .hero-price-number {font-size:32px;}
 .layer-cho-dat-may-chu .hero-trial a {font-size:16px;}
 .layer-cho-dat-may-chu .hero-trial p {font-size:12px;}
 .layer-cho-dat-may-chu .hero-actions {gap:16px;}
 .layer-cho-dat-may-chu .hero-actions .cloud-button {padding-inline:24px;font-size:16px;}
}
.layer-cho-dat-may-chu .plan-price-value,.layer-cho-dat-may-chu .hero-trial a span {font-family:"PlusJakartaSans Bold" !important;}

/* Keep discount text and nested percentage spans in the same Bold face. */
.layer-quan-tri-may-chu .discount-badge,
.layer-quan-tri-may-chu .discount-badge span,
.layer-cho-dat-may-chu .discount-badge,
.layer-cho-dat-may-chu .discount-badge span {font-family:"PlusJakartaSans Bold" !important;}
.layer-cho-dat-may-chu .plan-feature-icon > img {display:block;opacity:0;}

/* Mixed Regular/Bold runs from the Colocation hero design. */
.layer-cho-dat-may-chu .hero-copy .hero-text-bold {font-family:"PlusJakartaSans Bold" !important;}
.layer-cho-dat-may-chu .hero-features li {color:#555;}

/* Comparison typography follows the PSD text runs. */
.layer-cho-dat-may-chu .comparison-table td {font-family:"PlusJakartaSans Regular" !important;font-size:16px;color:#555;}
.layer-cho-dat-may-chu .comparison-table thead th {font-family:"PlusJakartaSans Bold" !important;font-size:18px;}
.layer-cho-dat-may-chu .comparison-table tbody th {font-family:"PlusJakartaSans Bold" !important;font-size:16px;}
.layer-cho-dat-may-chu .comparison-table .comparison-text-bold {font-family:"PlusJakartaSans Bold" !important;}
.layer-cho-dat-may-chu .comparison-table tr > * + * {border-left:1px solid #dedede;}
.layer-cho-dat-may-chu .comparison-table tbody tr > * {border-top:1px solid #dedede;}

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

.layer-thue-may-chu [hidden] { display: none !important; }
.layer-thue-may-chu .plan-buy:disabled { opacity: .5; cursor: not-allowed; }
.layer-thue-may-chu .cloud-text-bold,
.layer-thue-may-chu .billing-option,
.layer-thue-may-chu .billing-option .cycle-discount,
.layer-thue-may-chu .plan-price-meta .discount-badge,
.layer-thue-may-chu .plan-discount,
.layer-thue-may-chu .plan-price-value,
.layer-thue-may-chu .plan-price-unit {
  font-family: "PlusJakartaSans Bold" !important;
}
.layer-thue-may-chu .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-thue-may-chu .guide-category img {
  width: 22px;
  flex: none;
}
@media (min-width: 992px) {
  .layer-thue-may-chu .hero-image {
    width: 105%; max-width: none; margin-left: -16%;
  }
}
.layer-thue-may-chu .ask { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:80px; padding:18px 24px; border-radius:12px; }
.layer-thue-may-chu .ask p { margin:0; font-size:16px; line-height:28px; }
.layer-thue-may-chu .ask img { flex:none; }
.layer-thue-may-chu .section-9 .guide-image { border-radius:20px; }
@media (max-width:767.98px) {
 .layer-thue-may-chu .ask { margin-top:56px; gap:10px; padding:16px; }
 .layer-thue-may-chu .ask p { font-size:13px; }
}
.layer-thue-may-chu .hero-description { max-width:580px; }
.layer-thue-may-chu .hero-actions { display:flex; align-items:center; gap:54px; flex-wrap: wrap; }
.layer-thue-may-chu .upgrade-icon { width:44px; }
.layer-thue-may-chu .ask { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:32px; }
.layer-thue-may-chu .ask p { margin:0; font-size:16px; line-height:28px; }
.layer-thue-may-chu .section-6 { padding:112px 0 0; }
.layer-thue-may-chu .feature-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:100px; align-items:center; padding-inline:76px; }
.layer-thue-may-chu .feature-row + .feature-row { margin-top:112px; }
.layer-thue-may-chu .feature-row-reverse .feature-copy { grid-column:2; grid-row:1; }
.layer-thue-may-chu .feature-title { margin:24px 0 20px; font-size:41px; line-height:56px; }
.layer-thue-may-chu .feature-description { font-size:16px; line-height:36px; font-family:"PlusJakartaSans Light" !important; margin:0; }
.layer-thue-may-chu .feature-visual img { display:block; width:100%; }
.layer-thue-may-chu .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-thue-may-chu .feature-checks li { display:flex; align-items:center; gap:10px; font-size:16px; line-height:28px; }
.layer-thue-may-chu .feature-checks img { flex:none; }
.layer-thue-may-chu .section-8 { padding-top:140px; }
.layer-thue-may-chu .benefits-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:72px; }
.layer-thue-may-chu .benefit-card { min-width:0; padding:36px 32px; border:1px solid #f0f0f0; border-radius:18px; background:#fff; box-shadow:0 4px 24px #1a1a1a03; }
.layer-thue-may-chu .benefit-icon { display:block; margin-bottom:24px; }
.layer-thue-may-chu .benefit-card h3 { margin:0 0 16px; font-size:24px; line-height:34px; }
.layer-thue-may-chu .benefit-card p { margin:0; font-size:16px; line-height:32px; color:#5c5c5c; font-family:"PlusJakartaSans Light" !important; }
.layer-thue-may-chu .guide-title { font-size:22px; line-height:34px; }
.layer-thue-may-chu .start-copy { max-width:1000px; }
.layer-thue-may-chu .start-copy h2 { font-size:38px; line-height:58px; }
.layer-thue-may-chu .button-chat { color:#fff; background:#ffffff33; }

@media (max-width:1399.98px) {
 .layer-thue-may-chu .feature-row { padding-inline:32px; gap:64px; }
}
@media (max-width:1199.98px) {
 .layer-thue-may-chu .feature-row { padding-inline:0; gap:40px; }
 .layer-thue-may-chu .feature-title { font-size:34px; line-height:48px; }
 .layer-thue-may-chu .benefit-card { padding:28px; }
 .layer-thue-may-chu .benefit-card h3 { font-size:22px; }
}
@media (max-width:991.98px) {
 .layer-thue-may-chu .section-6,.layer-thue-may-chu .section-8 { padding-top:80px; }
 .layer-thue-may-chu .feature-row { grid-template-columns:minmax(0,1fr); }
 .layer-thue-may-chu .feature-row + .feature-row { margin-top:80px; }
 .layer-thue-may-chu .feature-row-reverse .feature-copy { grid-column:auto; grid-row:auto; }
 .layer-thue-may-chu .feature-visual { width:100%; max-width:640px; margin-inline:auto; }
 .layer-thue-may-chu .benefits-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:48px; }
}
@media (max-width:767.98px) {
 .layer-thue-may-chu .hero-actions { gap:20px; }
 .layer-thue-may-chu .ask { gap:10px; padding:16px; }
 .layer-thue-may-chu .ask p { font-size:14px; }
 .layer-thue-may-chu .benefits-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:479.98px) {
 .layer-thue-may-chu .feature-checks { gap:12px; }
 .layer-thue-may-chu .feature-checks li { font-size:14px; }
}
.layer-thue-may-chu .ask { background:#f1f5ff url("../img/home/bg-q.png") center / 100% 100% no-repeat; }
.layer-thue-may-chu .section-6 .feature-row:first-child .badge-purple { color:#457bff; background-color:#f0f5ff; }
.layer-thue-may-chu .benefit-card { border-radius:22px; }
@media (max-width:991.98px) {
 .layer-thue-may-chu .hero-visual { width:90%; max-width:640px; margin:48px auto 0; aspect-ratio:760 / 730; }
 .layer-thue-may-chu .hero-image { width:100%; margin-left:0; }
}
@media (max-width:479.98px) {
 .layer-thue-may-chu .hero-visual { width:100%; }
}
.layer-thue-may-chu .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-thue-may-chu .section-2 .billing-option.is-active {
  color:#457bff;
  background:#fff;
  border-color:#e9e9e9;
  box-shadow:0 2px 8px #0000000d;
}
.layer-thue-may-chu .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-thue-may-chu .section-2 .billing-option { padding:8px 10px; gap:6px; font-size:13px; }
}


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

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

.layer-thue-may-chu [hidden] { display:none !important; }
.layer-thue-may-chu .hero-float { position:absolute; z-index:2; transition:translate .25s ease-out; }
.layer-thue-may-chu .hero-protected { top:34%; left:74%; }
.layer-thue-may-chu .hero-server { top:75%; left:32%; }
.layer-thue-may-chu .money-back { display:flex; align-items:center; gap:12px; margin:28px 0 0; font-size:16px; }
.layer-thue-may-chu .hero-actions > .cloud-button { width:auto; padding-inline:32px; }
.layer-thue-may-chu .section-2 .billing-options { margin:40px auto 60px; }
.layer-thue-may-chu .dedicated-filters { display:flex; flex-wrap:wrap; gap:24px; align-items:center; margin-bottom:40px; }
.layer-thue-may-chu .gpu-filter { margin-left:auto; display:flex; align-items:center; gap:8px; font-family:"PlusJakartaSans Bold" !important; }

.layer-thue-may-chu .section-2 .hosting-plans { display:grid; grid-template-columns:minmax(0,1fr); gap:28px; margin:0; }
.layer-thue-may-chu .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-thue-may-chu .section-2 .hosting-plan.featured { border:4px solid #457bff; padding:29px 27px; }
.layer-thue-may-chu .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-thue-may-chu .section-2 .plan-name { margin:0 0 20px; font-size:20px; line-height:28px; }
.layer-thue-may-chu .section-2 .plan-description { display:flex; align-items:center; gap:12px; min-height:0; margin:0; font-size:16px; line-height:26px; }
.layer-thue-may-chu .plan-description > img { width:28px; }
.layer-thue-may-chu .section-2 .plan-features { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; border:0; padding:0; margin:0; }
.layer-thue-may-chu .section-2 .plan-feature { display:flex; align-items:flex-start; gap:8px; margin:0; font-size:16px; line-height:27px; }
.layer-thue-may-chu .plan-feature > img { height:16px; width:auto; flex:none; margin-top:4px; }
.layer-thue-may-chu .plan-feature p { margin:0; font-size:inherit; }
.layer-thue-may-chu .section-2 .plan-price { margin:0; font-size:26px; line-height:36px; }
.layer-thue-may-chu .section-2 .plan-price-value { font-size:26px; }
.layer-thue-may-chu .section-2 .plan-price-unit { font-size:14px; }
.layer-thue-may-chu .section-2 .plan-original { font-size:14px; }
.layer-thue-may-chu .section-2 .plan-renewal { font-size:12px; line-height:20px; min-height:0; margin:8px 0 0; }
.layer-thue-may-chu .section-2 .discount-badge { font-size:14px; margin-top:6px; }
.layer-thue-may-chu .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-thue-may-chu .section-2 .featured .plan-buy { background:#457bff; color:#fff; }
.layer-thue-may-chu .section-2 .ask { margin-top:52px; background:#f2f5ff url('../img/home/bg-q.png') center / 100% 100% no-repeat; }
.layer-thue-may-chu .operation-card { grid-column:span 6; padding:0 28px 32px; min-height:0; border:0; background:linear-gradient(135deg,#fff,#f7f4ff); }
.layer-thue-may-chu .operation-card:nth-child(n+5) { grid-column:span 4; }
.layer-thue-may-chu .operation-card > img { display:block; width:auto; max-width:100%; height:auto; margin:0 auto 24px; }
.layer-thue-may-chu .operation-card h3 { font-family:"PlusJakartaSans Bold" !important; }
.layer-thue-may-chu .operation-card p { font-family:"PlusJakartaSans Regular" !important; }
.layer-thue-may-chu .section-5 .included-columns { border:0; overflow:visible; }
.layer-thue-may-chu .included-columns > div + div,.layer-thue-may-chu .included-columns h3 { border:0; background:none; }
.layer-thue-may-chu .section-6 .feature-row { align-items:center; }
.layer-thue-may-chu .section-6 .feature-row .feature-copy { padding-top:0; }
.layer-thue-may-chu .section-6 .feature-checks { grid-template-columns:repeat(2,minmax(0,1fr)); }
.layer-thue-may-chu .feature-title { font-family:"PlusJakartaSans Bold" !important; }
.layer-thue-may-chu .dedicated-support-visual { position:relative; }
.layer-thue-may-chu .support-chat { position:absolute; padding:12px 16px; background:#fff; border-radius:16px; box-shadow:0 8px 24px #0000000d; max-width:76%; }
.layer-thue-may-chu .support-chat strong { font-family:"PlusJakartaSans Bold" !important; font-size:14px; }
.layer-thue-may-chu .support-chat p { font-size:12px; line-height:20px; margin:4px 0 0; }
.layer-thue-may-chu .chat-question { top:48%; left:3%; }
.layer-thue-may-chu .chat-answer { top:72%; left:22%; }
.layer-thue-may-chu .section-7 { padding:64px 0 112px; }
.layer-thue-may-chu .application-tabs { display:flex; justify-content:center; gap:8px; width:fit-content; margin:64px auto 48px; padding:6px; border-radius:999px; background:#fafafa; }
.layer-thue-may-chu .application-tab { padding:12px 24px; border:0; border-radius:999px; background:transparent; font-size:15px; font-family:"PlusJakartaSans Bold" !important; cursor:pointer; }
.layer-thue-may-chu .application-tab.is-active { color:#fff; background:#457bff; }
.layer-thue-may-chu .application-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.layer-thue-may-chu .application-item img { display:block; max-width:100%; height:auto; }
.layer-thue-may-chu .os-install-item { display:flex; align-items:center; gap:16px; padding:24px; border:1px solid #ededed; border-radius:16px; }
.layer-thue-may-chu .os-install-item img { width:32px; }
.layer-thue-may-chu .benefit-card > img { margin-bottom:24px; }
.layer-thue-may-chu .benefit-card p { font-family:"PlusJakartaSans Regular" !important; }
.layer-thue-may-chu .benefit-card h3 { font-family:"PlusJakartaSans Bold" !important; }
.layer-thue-may-chu .section-9 .section-badge { background:transparent url('../img/hosting/vps-windows/instruction.png') center / 100% 100% no-repeat; }
@media(max-width:1399.98px) {
 .layer-thue-may-chu .section-2 .hosting-plan { grid-template-columns:180px minmax(0,1fr) 170px; gap:20px; }
 .layer-thue-may-chu .section-2 .hosting-plan form { grid-column:3; }
 .layer-thue-may-chu .section-2 .plan-features { gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:991.98px) {
 .layer-thue-may-chu .hero-server { top: 66%; }
 .layer-thue-may-chu .hero-protected { left:72%; }
 .layer-thue-may-chu .section-2 .hosting-plan { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .layer-thue-may-chu .section-2 .plan-identity { grid-column:1 / -1; }
 .layer-thue-may-chu .section-2 .hosting-plan form { grid-column:2; }
 .layer-thue-may-chu .section-6 .feature-row { grid-template-columns:minmax(0,1fr); gap:32px; }
 .layer-thue-may-chu .section-6 .feature-row-reverse .feature-copy,.layer-thue-may-chu .section-6 .feature-row-reverse .feature-visual { grid-column:auto; grid-row:auto; }
 .layer-thue-may-chu .section-7 { padding:64px 0 80px; }
 .layer-thue-may-chu .application-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .layer-thue-may-chu .operation-card:nth-child(n) { grid-column:span 6; }
 .layer-thue-may-chu .operation-card:last-child { grid-column:4 / span 6; }
}
@media(max-width:575.98px) {
 .layer-thue-may-chu .hero-features { grid-template-columns:minmax(0,1fr); }
 .layer-thue-may-chu .dedicated-filters { gap:12px; }
 .layer-thue-may-chu .dedicated-filters label { max-width:calc(50% - 6px); }
 .layer-thue-may-chu .section-2 .hosting-plan,.layer-thue-may-chu .section-2 .hosting-plan.featured { padding:24px 18px; gap:20px; }
 .layer-thue-may-chu .section-2 .plan-features { grid-column:1 / -1; }
 .layer-thue-may-chu .section-2 .plan-pricing { grid-column:1; }
 .layer-thue-may-chu .section-2 .plan-price-value { font-size:22px; }
 .layer-thue-may-chu .operations-grid { grid-template-columns:minmax(0,1fr); }
 .layer-thue-may-chu .operation-card:nth-child(n) { grid-column:auto; }
 .layer-thue-may-chu .application-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 .layer-thue-may-chu .section-6 .feature-checks { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .layer-thue-may-chu .hero-float { transition:none; } }
.layer-thue-may-chu .dedicated-support-visual .support-chat { display:flex; align-items:center; gap:16px; }
.layer-thue-may-chu .dedicated-support-visual .support-chat > img { width:auto; max-width:44px; height:auto; flex:none; }
.layer-thue-may-chu .dedicated-support-visual .chat-name { font-family:"PlusJakartaSans Bold" !important; font-size:14px; }
.layer-thue-may-chu .dedicated-support-visual .chat-message { font-family:"PlusJakartaSans Regular" !important; font-size:12px; line-height:20px; }
.layer-thue-may-chu .section-8 .benefit-icon { display:block; width:auto; height:auto; }
@media(max-width:575.98px) {
 .layer-thue-may-chu .dedicated-support-visual .support-chat { gap:8px; padding:8px 10px; }
 .layer-thue-may-chu .dedicated-support-visual .support-chat > img { max-width:32px; }
}
.layer-thue-may-chu .section-4 .operations-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:20px; row-gap:28px; }
.layer-thue-may-chu .section-4 .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-thue-may-chu .section-4 .operation-card:nth-child(1),
.layer-thue-may-chu .section-4 .operation-card:nth-child(4) { grid-column:span 7; min-height:368px; padding-bottom:28px; }
.layer-thue-may-chu .section-4 .operation-card:nth-child(2),
.layer-thue-may-chu .section-4 .operation-card:nth-child(3) { grid-column:span 5; min-height:368px; padding-bottom:28px; }
.layer-thue-may-chu .section-4 .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-thue-may-chu .section-4 .operation-card h3 { margin:0 0 16px; font-family:"PlusJakartaSans Bold" !important; font-size:24px; line-height:32px; color:#1a1a1a; }
.layer-thue-may-chu .section-4 .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-thue-may-chu .section-4 .operation-card:nth-child(n) { grid-column:span 6; min-height:368px; padding:234px 20px 28px; }
 .layer-thue-may-chu .section-4 .operation-card:last-child { grid-column:4 / span 6; }
 .layer-thue-may-chu .section-4 .operation-card h3 { font-size:22px; line-height:30px; }
}
@media(max-width:575.98px) {
 .layer-thue-may-chu .section-4 .operations-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 .layer-thue-may-chu .section-4 .operation-card:nth-child(n) { grid-column:auto; }
}
.layer-thue-may-chu .money-back > span { font-family:"PlusJakartaSans Regular" !important; }
.layer-thue-may-chu .money-back .cloud-text-bold { font-family:"PlusJakartaSans Bold" !important; }
.layer-thue-may-chu .hero-os { left:12%; top:27%; }
.layer-thue-may-chu .gpu-filter { position:relative; cursor:pointer; }
.layer-thue-may-chu .gpu-switch-input { position:absolute; width:1px; height:1px; opacity:0; }
.layer-thue-may-chu .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-thue-may-chu .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-thue-may-chu .gpu-switch-input:checked + .gpu-switch-track { background:#457bff; }
.layer-thue-may-chu .gpu-switch-input:checked + .gpu-switch-track::after { transform:translateX(16px); }
.layer-thue-may-chu .gpu-switch-input:focus-visible + .gpu-switch-track { outline:2px solid #457bff; outline-offset:3px; }
.layer-thue-may-chu .section-5 .section-badge { text-transform:uppercase; }
.layer-thue-may-chu .section-5 .included-columns { border:1px solid #ffffff24; border-radius:22px; overflow:hidden; }
.layer-thue-may-chu .section-5 .included-columns > div + div { border-left:1px solid #ffffff24; }
.layer-thue-may-chu .section-5 .included-columns h3 { border-bottom:1px solid #ffffff24; background:#ffffff05; }
.layer-thue-may-chu .section-6 .section-badge { text-transform:uppercase; background-color:transparent; background-position:center; background-repeat:no-repeat; background-size:100% 100%; }
.layer-thue-may-chu .section-6 .feature-row:nth-child(1) .section-badge { background-image:url('../img/hosting/dedicated/bg1.png'); color:#457bff; }
.layer-thue-may-chu .section-6 .feature-row:nth-child(2) .section-badge { background-image:url('../img/hosting/dedicated/bg2.png'); color:#5a28fa; }
.layer-thue-may-chu .section-6 .feature-row:nth-child(3) .section-badge { background-image:url('../img/hosting/dedicated/bg3.png'); color:#457bff; }
.layer-thue-may-chu .section-6 .feature-row:nth-child(4) .section-badge { background-image:url('../img/hosting/dedicated/bg4.png'); color:#5a28fa; }
.layer-thue-may-chu .section-7 .application-panel { margin-top:56px; padding:40px 30px; border:1px solid #ededed; border-radius:22px; }
.layer-thue-may-chu .section-7 .application-panel .application-tabs { margin:0 auto 40px; }
@media(max-width:767.98px) {
 .layer-thue-may-chu .section-5 .included-columns > div + div { border-left:0; border-top:1px solid #ffffff24; }
 .layer-thue-may-chu .section-7 .application-panel { margin-top:40px; padding:24px 20px; }
}
@media(max-width:575.98px) {
 .layer-thue-may-chu .hero-os { left: 21%; top: 23%; }
 .layer-thue-may-chu .hero-server { top: 53%; left: -12%; }
 .layer-thue-may-chu .hero-protected { left: 59%; top: 61%; }
 .layer-thue-may-chu .section-7 .application-panel { padding:24px 16px; }
 .layer-thue-may-chu .section-7 .application-panel .application-tabs { margin-bottom:28px; }
}
@media(prefers-reduced-motion:reduce) {
 .layer-thue-may-chu .gpu-switch-track,.layer-thue-may-chu .gpu-switch-track::after { transition:none; }
}
.layer-thue-may-chu .section-2 .plan-feature-content { min-width:0; }
.layer-thue-may-chu .section-2 .plan-feature-note,
.layer-thue-may-chu .section-2 .plan-feature-note p,
.layer-thue-may-chu .section-2 .plan-feature-note span {
  font-family:"PlusJakartaSans Regular" !important;
  font-size:13px;
  line-height:20px;
  color:#999;
}
.layer-thue-may-chu .section-2 .plan-feature-note { margin-top:4px; }
.layer-thue-may-chu .section-2 .plan-feature-note p { margin:0; }
.layer-thue-may-chu .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-thue-may-chu .section-2 .hosting-plan.featured { padding:27px; border-color:var(--plan-accent); background:#fff; overflow:visible; }
.layer-thue-may-chu .section-2 .hosting-plan.recommended { --plan-accent:#5a28fa; }
.layer-thue-may-chu .section-2 .hosting-plan.featured:hover { background:#fff; }
.layer-thue-may-chu .section-2 .hosting-plans { row-gap:24px; }
.layer-thue-may-chu .section-2 .hosting-plans > .hosting-plan.featured { margin-top:24px; }
.layer-thue-may-chu .section-2 .plan-name { margin-bottom:14px; }
.layer-thue-may-chu .section-2 .plan-description { gap:10px; }
.layer-thue-may-chu .section-2 .plan-description > img { width:auto; height:auto; max-width:32px; flex:none; }
.layer-thue-may-chu .section-2 .plan-features { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.layer-thue-may-chu .section-2 .plan-feature { font-size:16px; line-height:25px; }
.layer-thue-may-chu .section-2 .plan-pricing { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:6px 10px; }
.layer-thue-may-chu .section-2 .plan-price { font-size:20px; line-height:28px; white-space:nowrap; }
.layer-thue-may-chu .section-2 .plan-price-value { font-size:20px; }
.layer-thue-may-chu .section-2 .plan-original { font-size:14px; line-height:24px; }
.layer-thue-may-chu .section-2 .discount-badge { margin:0; }
.layer-thue-may-chu .section-2 .plan-renewal { display:none; }
.layer-thue-may-chu .section-2 .hosting-plan form { grid-column:auto; margin:0; }
.layer-thue-may-chu .section-2 .plan-buy { display:flex; gap:12px; padding:14px 16px; min-height:60px; white-space:nowrap; }
.layer-thue-may-chu .section-2 .plan-buy > img { width:auto; height:auto; flex:none; }
.layer-thue-may-chu .section-2 .featured .plan-buy { background:var(--plan-accent); border-color:var(--plan-accent); }
.layer-thue-may-chu .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-thue-may-chu .section-2 .plan-ribbon::before,
.layer-thue-may-chu .section-2 .plan-ribbon::after { content:""; inset:auto; bottom:0; width:12px; height:12px; background:none; pointer-events:none; }
.layer-thue-may-chu .section-2 .plan-ribbon::before { left:-12px; background:radial-gradient(circle at top left,transparent 11px,var(--plan-accent) 12px); }
.layer-thue-may-chu .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-thue-may-chu .section-2 .hosting-plan { grid-template-columns:170px minmax(0,1fr) 190px; }
 .layer-thue-may-chu .section-2 .plan-features { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .layer-thue-may-chu .section-2 .hosting-plan form { grid-column:3; }
}
@media(max-width:991.98px) {
 .layer-thue-may-chu .section-2 .hosting-plan { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .layer-thue-may-chu .section-2 .plan-identity,.layer-thue-may-chu .section-2 .plan-features { grid-column:1 / -1; }
 .layer-thue-may-chu .section-2 .plan-pricing { grid-column:1; justify-content:flex-start; }
 .layer-thue-may-chu .section-2 .hosting-plan form { grid-column:2; justify-self:end; }
}
@media(max-width:575.98px) {
 .layer-thue-may-chu .section-2 .hosting-plan,.layer-thue-may-chu .section-2 .hosting-plan.featured { padding:24px 18px; }
 .layer-thue-may-chu .section-2 .plan-feature { font-size:14px; }
 .layer-thue-may-chu .section-2 .plan-buy { font-size:16px; padding:12px; gap:8px; }
}
@media (min-width:1400px) {
 .layer-thue-may-chu .section-2 .hosting-plan {
   grid-template-columns:minmax(180px,1fr) max-content minmax(180px,1fr) 144px;
   column-gap:20px;
 }
 .layer-thue-may-chu .section-2 .plan-features {
   grid-template-columns:repeat(4,max-content);
   column-gap:24px;
 }
 .layer-thue-may-chu .section-2 .plan-feature-value,
 .layer-thue-may-chu .section-2 .plan-feature-note {
   white-space:nowrap;
 }
}
.layer-thue-may-chu .dedicated-filters { position:relative; gap:24px; margin-bottom:16px; }
.layer-thue-may-chu .dedicated-filter-dropdown { position:relative; }
.layer-thue-may-chu .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-thue-may-chu .dedicated-filter-dropdown > summary::-webkit-details-marker { display:none; }
.layer-thue-may-chu .dedicated-filter-dropdown > summary > img { width:auto; height:auto; flex:none; }
.layer-thue-may-chu .dedicated-filter-dropdown[open] > summary { color:#457bff; }

.layer-thue-may-chu .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-thue-may-chu .filter-options { max-height:260px; overflow-y:auto; }
.layer-thue-may-chu .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-thue-may-chu .filter-options input { accent-color:#457bff; }
.layer-thue-may-chu .filter-no-data { margin:0; font-size:14px; line-height:24px; color:#777; }
@media(max-width:575.98px) {
 .layer-thue-may-chu .dedicated-filters { gap:10px 20px; }
 .layer-thue-may-chu .dedicated-filter-dropdown > summary { font-size:14px; }
 .layer-thue-may-chu .dedicated-filter-menu { min-width:130px; padding:12px; }
}

.layer-thue-may-chu .dedicated-filters { margin-bottom:40px; }
.layer-thue-may-chu .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-thue-may-chu .dedicated-sort-button > img { width:auto; height:auto; flex:none; }

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

.layer-thue-may-chu .dedicated-filters .dedicated-filter-dropdown > summary,
.layer-thue-may-chu .dedicated-filters .dedicated-filter-dropdown > summary > span,
.layer-thue-may-chu .dedicated-filters .dedicated-sort-button,
.layer-thue-may-chu .dedicated-filters .dedicated-sort-button > span,
.layer-thue-may-chu .dedicated-filters .gpu-filter {
  font-family:"PlusJakartaSans Bold" !important;
}
.layer-thue-may-chu .section-4 .operation-art { display:contents; }
.layer-thue-may-chu .section-4 .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-thue-may-chu .section-4 .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-thue-may-chu .section-4 .operation-card:nth-child(1),
 .layer-thue-may-chu .section-4 .operation-card:nth-child(4) { --art-ratio:836 / 235; }
 .layer-thue-may-chu .section-4 .operation-card:nth-child(2),
 .layer-thue-may-chu .section-4 .operation-card:nth-child(3) { --art-ratio:595 / 235; }
 .layer-thue-may-chu .section-4 .operation-art { display:block; position:relative; margin:0 -20px 20px; aspect-ratio:var(--art-ratio); overflow:hidden; }
 .layer-thue-may-chu .section-4 .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-thue-may-chu .section-4 .operation-card p { line-height:28px; }
}

@media (width < 480px) {
  .layer-thue-may-chu .ask p { font-size:13px; }
}
.layer-thue-may-chu > section:last-child { margin-bottom:52px; }
.layer-thue-may-chu .section-7 .application-grid[hidden] { display:none; }
.layer-thue-may-chu .section-7 .application-item > img { width:100%; }

/* Match the header and email-page containers on wide screens. */
@media(min-width:1600px){
 .layer-thue-may-chu .container,
 .layer-cho-dat-may-chu .container,
 .layer-quan-tri-may-chu .container {max-width:1468px;}
}
.layer-thue-may-chu .hero-main{min-height:0;padding:30px 0 82px}
.layer-thue-may-chu .hero-main .row{align-items:center}
.layer-thue-may-chu .hero-copy{padding-top:48px;padding-bottom:68px}
.layer-thue-may-chu .hero-title{font-size:48px;line-height:64px;letter-spacing:0;margin-bottom:20px}
.layer-thue-may-chu .hero-description{max-width:740px;line-height:32px}
.layer-thue-may-chu .hero-features{margin:42px 0 112px;gap:22px 28px}
.layer-thue-may-chu .hero-features li>span{font-family:"PlusJakartaSans Regular"!important}
.layer-thue-may-chu .hero-price{margin-bottom:38px}
.layer-thue-may-chu .hero-actions{gap:36px}
.layer-thue-may-chu .hero-actions>.cloud-button{padding-inline:42px;min-height:66px;border-radius:16px}
.layer-thue-may-chu .hero-trial{font-size:18px;line-height:28px;display: grid;grid-template-columns: auto auto;column-gap: 8px;row-gap: 4px;align-items: center}
.layer-thue-may-chu .hero-trial>img{width:22px;margin-top: 0;grid-column: 1;grid-row: 1}
.layer-thue-may-chu .hero-trial p{font-size:14px;line-height:24px;margin: 0;grid-column: 1 / -1;grid-row: 2}
.layer-thue-may-chu .hero-visual{width:110%;max-width:none;margin:0 0 0 -12%;aspect-ratio:800/760}
.layer-thue-may-chu .hero-image{width:100%;max-width:100%;margin:0}
.layer-thue-may-chu .hero-float{max-width:none}
.layer-thue-may-chu .hero-os{width:10%;left:27%;top:31%}
.layer-thue-may-chu .hero-protected{width:21%;left:87%;top:35%}
.layer-thue-may-chu .hero-server{width:33%;left:46%;top:77%}
.layer-thue-may-chu .trust-metric>img{width:90px}
.layer-thue-may-chu .trust-metric{padding-inline:48px}
.layer-thue-may-chu .section-2{padding-top:120px}
.layer-thue-may-chu .section-2 .billing-options{margin:52px auto 80px}
.layer-thue-may-chu .section-2 .hosting-plan{min-width:0}
.layer-thue-may-chu .section-2 .plan-feature-value,.layer-thue-may-chu .section-2 .plan-feature-note{white-space:normal;overflow-wrap:anywhere}
.layer-thue-may-chu .section-2 .plan-features{grid-template-columns:repeat(4,minmax(0,1fr))}
.layer-thue-may-chu .section-2 .hosting-plan{grid-template-columns:minmax(150px,1.1fr) minmax(0,3.5fr) minmax(180px,1.2fr) 144px}
.layer-thue-may-chu .section-2 .plan-feature>img{width:auto;height:auto;max-width:28px}
.layer-thue-may-chu .section-2 .ask{margin-top:56px;border:1px solid #eef0fa;background:#f6f5fc url('../img/home/bg-q.png') center/cover no-repeat}
.layer-thue-may-chu .section-3{padding:120px 0 0}
.layer-thue-may-chu .configuration-scroll{margin-top:120px;border:1px solid #457bff;border-top-width:3px;border-radius:20px;overflow:auto}
.layer-thue-may-chu .configuration-scroll:focus-visible{outline:3px solid #7f37ff;outline-offset:4px}
.layer-thue-may-chu .configuration-table{width:100%;min-width:1000px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:16px;line-height:26px}
.layer-thue-may-chu .configuration-category-column{width:25%}
.layer-thue-may-chu .configuration-price-column{width:32%}
.layer-thue-may-chu .configuration-table thead th{padding:26px 20px;text-align:center;font-family:"PlusJakartaSans Bold"!important;font-size:18px;border-bottom:1px solid #457bff}
.layer-thue-may-chu .configuration-table thead th+th{border-left:1px solid #e7e7fa}
.layer-thue-may-chu .configuration-table thead span{display:flex;align-items:center;justify-content:center;gap:12px}
.layer-thue-may-chu .configuration-table thead img{flex:none}
.layer-thue-may-chu .configuration-table td{padding:20px 6px 20px 50px;border-bottom:1px solid #ddd;vertical-align:middle}
.layer-thue-may-chu .configuration-table td+td{border-left:1px solid #eee}
.layer-thue-may-chu .configuration-table tr:nth-child(even) td{background:#f6f6f6}
.layer-thue-may-chu .configuration-table .configuration-price{text-align:center;padding-inline:20px;font-family:"PlusJakartaSans Bold"!important}
.layer-thue-may-chu .configuration-category{position:relative;padding:24px;vertical-align:top;border-right:1px solid #e7e7fa;font-family:"PlusJakartaSans Bold"!important;font-size:18px}
.layer-thue-may-chu .configuration-category:before{content:"";position:absolute;inset:24px;background:center/100% 100% no-repeat;z-index:0}
.layer-thue-may-chu .configuration-category>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px;padding:80px 8px 24px}
.layer-thue-may-chu .configuration-category img{width:auto;height:auto}
.layer-thue-may-chu .configuration-ssd .configuration-category:before{background-image:url('../img/may-chu/thue/bg-ssd.png')}
.layer-thue-may-chu .configuration-ram .configuration-category:before{background-image:url('../img/may-chu/thue/bg-ram.png')}
.layer-thue-may-chu .configuration-ip .configuration-category:before{background-image:url('../img/may-chu/thue/bg-ip.png')}
.layer-thue-may-chu .configuration-cpu .configuration-category:before{background-image:url('../img/may-chu/thue/bg-cpu.png')}
.layer-thue-may-chu .configuration-other .configuration-category:before{background-image:url('../img/may-chu/thue/bg-other.png')}
.layer-thue-may-chu .configuration-group+.configuration-group tr:first-child>*{border-top:2px solid #457bff}
.layer-thue-may-chu .configuration-group tr:first-child td{padding-top:44px}
.layer-thue-may-chu .configuration-group tr:last-child td{padding-bottom:44px}
.layer-thue-may-chu .configuration-other .configuration-category>div,.layer-thue-may-chu .configuration-ip .configuration-category>div{padding-top:64px}
.layer-thue-may-chu .section-4{padding:120px 0 140px}
.layer-thue-may-chu .section-5{background:#7f37ff;padding:96px 0 112px}
.layer-thue-may-chu .section-5 .included-columns{border: 1px solid #ffffff24;border-radius: 22px;overflow: hidden}
.layer-thue-may-chu .section-5 .included-columns h3{border:0;padding:24px 64px;font-size:20px;background: #7f37ff;border-bottom: 1px solid #ffffff24}
.layer-thue-may-chu .section-5 .included-columns>div+div{border:0;border-left: 1px solid #ffffff24}
.layer-thue-may-chu .section-5 .included-columns ul{padding:40px 64px 24px}
.layer-thue-may-chu .section-5 .included-columns li{margin-bottom:20px}
.layer-thue-may-chu .section-6{padding:112px 0 0}
.layer-thue-may-chu .section-6 .feature-row{padding-inline:60px;gap:180px;grid-template-columns:minmax(0,1fr) minmax(0,1.242fr);align-items:start}
.layer-thue-may-chu .section-6 .feature-row .feature-copy{padding-top:60px}
.layer-thue-may-chu .section-6 .feature-row-reverse{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.layer-thue-may-chu .section-6 .feature-row+.feature-row{margin-top:112px}
.layer-thue-may-chu .section-6 .feature-checks{gap:16px 24px}
.layer-thue-may-chu .section-6 .feature-checks li{font-size:14px}
.layer-thue-may-chu .section-6 .feature-visual>img{height:auto}
.layer-thue-may-chu .section-7{padding:112px 0 0}
.layer-thue-may-chu .section-7 .application-panel{margin-top:64px;border: 1px solid #ededed;border-radius: 22px;padding: 40px 30px}
.layer-thue-may-chu .section-7 .application-grid{gap:24px 32px}
.layer-thue-may-chu .section-8{margin:0;padding:120px 0 0;background:#fff}
.layer-thue-may-chu .section-8 .benefit-card{border:1px solid #f6f6f6;box-shadow:none;padding:32px}
.layer-thue-may-chu .section-9{padding:120px 0 112px}
.layer-thue-may-chu .section-9 .section-badge{background:transparent url('../img/cloud/vps/bg-huong-dan.png') center/100% 100% no-repeat}
.layer-thue-may-chu .guide-card{border: 1px solid #ededed;border-radius: 26px;padding: 26px 26px 40px}
.layer-thue-may-chu .guide-title{font-size:22px}
.layer-thue-may-chu .section-10{padding:96px 0 112px}
.layer-thue-may-chu .section-10 .section-head{margin-bottom:80px}
.layer-thue-may-chu .rental-faq{background:#fff;border-radius:12px;overflow:hidden}
.layer-thue-may-chu .rental-faq-item{border-bottom:1px solid #eee}
.layer-thue-may-chu .rental-faq-item:last-child{border-bottom:0}
.layer-thue-may-chu .rental-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 40px;list-style:none;cursor:pointer;font-size:16px;line-height:26px;font-family: "PlusJakartaSans Bold" !important}
.layer-thue-may-chu .rental-faq-item summary::-webkit-details-marker{display:none}
.layer-thue-may-chu .rental-faq-item[open] summary{background:#cfe2ff}
.layer-thue-may-chu .rental-faq-item[open] .faq-icon{transform:rotate(180deg)}
.layer-thue-may-chu .rental-faq-answer{padding:20px 40px;font-size:16px;line-height:32px}
.layer-thue-may-chu .rental-faq-answer p:last-child{margin-bottom:0}
.layer-thue-may-chu .section-11 .start-copy h2{font-size:44px;line-height:60px;margin:0}
.layer-thue-may-chu .section-11 .start-action .cloud-button{border-radius:12px;font-size:18px;min-height:66px}
@media(min-width:1600px){.layer-thue-may-chu .hero-description{width:740px;max-width:none}}
@media(max-width:1599.98px){
 .layer-thue-may-chu .hero-title{font-size:42px;line-height:56px}
 .layer-thue-may-chu .hero-features{margin-bottom:72px}
 .layer-thue-may-chu .hero-visual{width:100%;margin:0}
 .layer-thue-may-chu .hero-protected{left:80%;width:20%}
 .layer-thue-may-chu .section-6 .feature-row{gap:80px;padding-inline:32px}
}
@media(max-width:1399.98px){
 .layer-thue-may-chu .section-2 .hosting-plan{grid-template-columns:170px minmax(0,1fr) 190px}
 .layer-thue-may-chu .section-2 .plan-features{grid-template-columns:repeat(2,minmax(0,1fr))}
 .layer-thue-may-chu .section-2 .hosting-plan form{grid-column:3}
 .layer-thue-may-chu .section-5 .included-columns h3,.layer-thue-may-chu .section-5 .included-columns ul{padding-inline:32px}
}
@media(max-width:1199.98px){
 .layer-thue-may-chu .hero-copy{padding-block:24px}
 .layer-thue-may-chu .hero-features{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:48px;gap:18px 12px}
 .layer-thue-may-chu .hero-features li{font-size:14px}
 .layer-thue-may-chu .hero-actions{gap:24px}
 .layer-thue-may-chu .hero-trial{font-size:16px}
 .layer-thue-may-chu .section-6 .feature-row{gap:48px;padding-inline:0}
 .layer-thue-may-chu .configuration-table td{padding-inline:28px}
}
@media(max-width:991.98px){
 .layer-thue-may-chu .hero-main{padding:48px 0 40px}
 .layer-thue-may-chu .hero-copy{padding-block:0}
 .layer-thue-may-chu .hero-features{margin-bottom:40px}
 .layer-thue-may-chu .hero-visual{width:90%;max-width:700px;margin:40px auto 0;aspect-ratio:800/790}
 .layer-thue-may-chu .hero-os{left:25%;top:30%}
 .layer-thue-may-chu .hero-server{top:77%;left:46%}
 .layer-thue-may-chu .trust-metric{padding-inline:24px;gap:12px}
 .layer-thue-may-chu .trust-metric>img{width:64px}
 .layer-thue-may-chu .section-2 .hosting-plan{grid-template-columns:repeat(2,minmax(0,1fr))}
 .layer-thue-may-chu .section-2 .hosting-plan form{grid-column:2}
 .layer-thue-may-chu .section-2,.layer-thue-may-chu .section-3,.layer-thue-may-chu .section-7,.layer-thue-may-chu .section-8{padding-top:80px}
 .layer-thue-may-chu .configuration-scroll{margin-top:56px}
 .layer-thue-may-chu .section-4,.layer-thue-may-chu .section-5,.layer-thue-may-chu .section-9,.layer-thue-may-chu .section-10{padding-block:80px}
 .layer-thue-may-chu .section-6{padding-top:80px}
 .layer-thue-may-chu .section-6 .feature-row{grid-template-columns:minmax(0,1fr);gap:32px}
 .layer-thue-may-chu .section-6 .feature-row .feature-copy{padding-top:0}
 .layer-thue-may-chu .section-6 .feature-row+.feature-row{margin-top:80px}
 .layer-thue-may-chu .section-6 .feature-copy{max-width:640px;margin-inline:auto;width:100%}
 .layer-thue-may-chu .section-5 .included-columns h3,.layer-thue-may-chu .section-5 .included-columns ul{padding-inline:24px}
 .layer-thue-may-chu .section-11 .start-copy h2{font-size:36px;line-height:50px}
}
@media(max-width:767.98px){
 .layer-thue-may-chu .section-heading,.layer-thue-may-chu .guides-heading{font-size:28px;line-height:40px}
 .layer-thue-may-chu .hero-title{font-size:32px;line-height:44px}
 .layer-thue-may-chu .hero-description{font-size:15px;line-height:28px}
 .layer-thue-may-chu .hero-features{margin:28px 0 40px;gap:16px 10px}
 .layer-thue-may-chu .hero-features li{font-size:13px}
 .layer-thue-may-chu .hero-visual{width:100%}
 .layer-thue-may-chu .hero-actions{gap:16px}
 .layer-thue-may-chu .hero-actions>.cloud-button{padding-inline:24px;min-height:56px}
 .layer-thue-may-chu .hero-trial{gap:6px;font-size:14px}
 .layer-thue-may-chu .hero-trial p{font-size:12px}
 .layer-thue-may-chu .hero-badge{white-space:nowrap;max-width:100%}
 .layer-thue-may-chu .hero-badge>span{overflow:hidden;text-overflow:ellipsis}
 .layer-thue-may-chu .dedicated-filter-dropdown:nth-child(n+3) .dedicated-filter-menu{left:auto;right:0}
 .layer-thue-may-chu .trust-metrics{padding-inline:8px}
 .layer-thue-may-chu .trust-metric{flex:1;padding-inline:8px;gap:8px}
 .layer-thue-may-chu .trust-metric>img{width:64px}
 .layer-thue-may-chu .section-2 .billing-options{margin:40px auto 48px}
 .layer-thue-may-chu .section-2,.layer-thue-may-chu .section-3,.layer-thue-may-chu .section-6,.layer-thue-may-chu .section-7,.layer-thue-may-chu .section-8{padding-top:64px}
 .layer-thue-may-chu .section-4,.layer-thue-may-chu .section-5,.layer-thue-may-chu .section-9,.layer-thue-may-chu .section-10{padding-block:64px}
 .layer-thue-may-chu .section-5 .included-columns ul{padding-top:20px}
 .layer-thue-may-chu .section-5 .included-columns h3{padding-top:28px}
 .layer-thue-may-chu .section-6 .feature-title{font-size:28px;line-height:40px}
 .layer-thue-may-chu .section-6 .feature-row+.feature-row{margin-top:64px}
 .layer-thue-may-chu .section-10 .section-head{margin-bottom:40px}
 .layer-thue-may-chu .rental-faq-item summary{padding:18px 20px;font-size:14px;gap:16px}
 .layer-thue-may-chu .rental-faq-answer{padding:18px 20px;font-size:14px;line-height:28px}
 .layer-thue-may-chu .section-11 .start-copy h2{font-size:28px;line-height:40px}
 .layer-thue-may-chu .section-11 .start-action .cloud-button{font-size:16px;min-height:56px;padding:14px 24px}
}
/* Desktop illustrations retain their intrinsic size; hero and mobile are unchanged. */
@media (min-width: 992px) {
 .layer-thue-may-chu .guarantee img,
 .layer-thue-may-chu .section-2 .plan-feature > img,
 .layer-thue-may-chu .section-2 .plan-description > img,
 .layer-thue-may-chu .feature-image,
 .layer-thue-may-chu .guide-image,
 .layer-thue-may-chu .guide-category img,
 .layer-thue-may-chu .section-4 .operation-card > img,
 .layer-thue-may-chu .section-4 .operation-art > img,
 .layer-thue-may-chu .section-6 .feature-visual > img,
 .layer-thue-may-chu .section-7 .application-item > img,
 .layer-thue-may-chu .os-install-item img {
   width: auto;
   height: auto;
   max-width: 100%;
 }
 .layer-thue-may-chu .guide-image { aspect-ratio: auto; object-fit: contain; }
.layer-thue-may-chu .hero-os,
.layer-thue-may-chu .hero-protected,
.layer-thue-may-chu .hero-server,
.layer-thue-may-chu .hero-trial > img {
  width: auto;
  height: auto;
  max-width: none;
  flex-shrink: 0;
}
}
/* Keep the hardware row border directly beneath its content. */
.layer-thue-may-chu .configuration-other tr:first-child td {
  vertical-align: top;
  padding-top: 32px;
  padding-bottom: 26px;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.layer-thue-may-chu .configuration-table .configuration-other .configuration-spacer td {
  height: 216px;
  padding: 0;
  border: 0;
  background: #fff;
}
@media (max-width: 767.98px) {
 .layer-thue-may-chu .section-5 .included-columns > div + div {
   border-left: 0;
   border-top: 1px solid #ffffff24;
 }
}
@media (max-width: 767.98px) {
 .layer-thue-may-chu .section-7 .application-panel { padding: 24px 20px; }
}
@media (max-width: 575.98px) {
 .layer-thue-may-chu .section-7 .application-panel { padding: 24px 16px; }
}
@media (max-width: 767.98px) {
 .layer-thue-may-chu .section-9 .guide-card { padding: 20px 20px 28px; }
}
.layer-thue-may-chu .hero-trial > div { display: contents; }
.layer-thue-may-chu .hero-trial .cloud-text-bold { grid-column: 2; grid-row: 1; }
/* The final category divider ends at the hardware row, above the empty space. */
.layer-thue-may-chu .configuration-table .configuration-other .configuration-category {
  border-right: 0;
}
.layer-thue-may-chu .configuration-table .configuration-other tr:first-child > td:first-of-type {
  border-left: 1px solid #e7e7fa;
}
/* Keep application artwork at its intrinsic size when the layout wraps. */
@media (max-width: 1399.98px) {
 .layer-thue-may-chu .section-7 .application-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
 }
 .layer-thue-may-chu .section-7 .application-item {
    width: 100%;
    max-width: 300px;
    min-width: 0;
    justify-self: center; }
 .layer-thue-may-chu .section-7 .application-item > img {
   width: 100%;
   max-width: 300px;
   height: auto;
 }
}
@media (max-width: 575.98px) {
 .layer-thue-may-chu .section-7 .application-panel { padding-inline: 8px; }
}
@media (max-width: 991.98px) {
 .layer-thue-may-chu .section-7 .application-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
 .layer-thue-may-chu .section-7 .application-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 575.98px) {
 .layer-thue-may-chu .hero-visual {
   width: 100%;
   max-width: 440px;
   margin: 32px auto 0;
   aspect-ratio: 800 / 840;
 }
 .layer-thue-may-chu .hero-os { width: 12%; left: 23%; top: 28%; }
 .layer-thue-may-chu .hero-protected { width: 28%; left: auto; right: 0; top: 34%; }
 .layer-thue-may-chu .hero-server { width: 42%; left: 41%; top: 72%; }
}

/* Match the shared Domain/Hosting hero card motion. */
.layer-cho-dat-may-chu .section-1 .hero-floating {transition:translate .2s ease-out;translate:var(--domain-card-x,0px) var(--domain-card-y,0px);}
@media(prefers-reduced-motion:reduce){
.layer-cho-dat-may-chu .section-1 .hero-floating {transition:none;translate:none;}
}

/* Match Google Workspace header-to-hero spacing at each breakpoint. */
.layer-thue-may-chu .hero-main,
.layer-cho-dat-may-chu .hero-main,
.layer-quan-tri-may-chu .hero-main {padding-top:64px;}
@media(min-width:992px) and (max-width:1199.98px){
.layer-thue-may-chu .hero-main,
.layer-cho-dat-may-chu .hero-main,
.layer-quan-tri-may-chu .hero-main {padding-top:72px;}
}