/* Virtual hosting landing page. All page rules are scoped; shared navigation stays authoritative. */
body.hosting-page { --vh-ink:#1d2b3d; --vh-muted:#728094; --vh-orange:#f66c37; --vh-line:#e7ebf1; margin:0; background:#f6f8fb; color:var(--vh-ink); }
.hosting-page #hosting-main { font-size:14px; line-height:1.7; }
.hosting-page #hosting-main *, .hosting-page #hosting-main *::before, .hosting-page #hosting-main *::after { box-sizing:border-box; }
.hosting-page #hosting-main section { width:100% !important; transform:none !important; }
.hosting-page .vh-wrap { width:100%; max-width:1440px; padding-inline:20px; margin-inline:auto; }
.hosting-page #hosting-main :is(h1,h2,h3,p) { margin:0; }
.hosting-page #hosting-main a { text-decoration:none; }
.hosting-page #hosting-main [hidden] { display:none !important; }
.hosting-page #hosting-main :is(a,button,summary):focus-visible { outline:2px solid #ef8253; outline-offset:4px; }
.hosting-page .vh-hero { position:relative; overflow:hidden; padding-bottom:32px; background:radial-gradient(ellipse at 79% 35%,#ffe8db90,transparent 53%),linear-gradient(110deg,#fbfcfe,#f8f9fc 56%,#fff6ef); }
.hosting-page .vh-hero-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; min-height:530px; padding-block:54px 46px; }
.hosting-page .vh-eyebrow { display:flex; align-items:center; gap:9px; color:#8d7769; font-size:12px; letter-spacing:1px; margin-bottom:23px !important; }
.hosting-page .vh-eyebrow>span { width:6px; height:6px; border-radius:50%; background:#f58251; }
.hosting-page #hosting-title { color:var(--vh-ink); font-size:clamp(34px,3.8vw,56px); line-height:1.3; font-weight:800; letter-spacing:-1.8px; }
.hosting-page #hosting-title>span { color:var(--vh-orange); }
.hosting-page .vh-lead { margin-top:24px !important; color:var(--vh-muted); font-size:15px; line-height:1.95; }
.hosting-page .vh-actions { display:flex; flex-wrap:wrap; gap:12px; margin:29px 0 24px; }
.hosting-page .vh-button { display:inline-flex; justify-content:center; align-items:center; gap:28px; min-height:46px; padding:11px 23px; border:1px solid transparent; border-radius:7px; font-size:14px; font-weight:600; line-height:1.6; transition:background .2s,box-shadow .2s,transform .2s; }
.hosting-page .vh-button-primary { color:#fff; background:linear-gradient(115deg,#ff8753,#f36931); box-shadow:0 7px 18px #f3793820; }
.hosting-page .vh-button-primary:hover { color:#fff; background:#ee602b; box-shadow:0 8px 22px #f3793833; transform:translateY(-2px); }
.hosting-page .vh-button-white { background:#ffffffc9; color:#344457; border-color:#dfe5ed; }
.hosting-page .vh-button-white:hover { border-color:#f2b08e; color:#d3592d; }
.hosting-page .vh-button>span { font-size:18px; font-weight:400; }
.hosting-page .vh-hero-points { display:flex; flex-wrap:wrap; gap:22px; color:#8a96a4; font-size:12px; }
.hosting-page .vh-hero-art { position:relative; height:430px; min-width:0; display:flex; align-items:center; justify-content:center; }
.hosting-page .vh-orbit { position:absolute; width:94%; height:86%; border:1px solid #f0dccc; border-radius:50%; transform:rotate(-18deg); }
.hosting-page .vh-orbit-two { width:104%; height:66%; transform:rotate(20deg); opacity:.5; }
.hosting-page .vh-art-dot { position:absolute; z-index:1; width:8px; height:8px; background:#f7a477; border-radius:50%; }
.hosting-page .vh-art-dot-one { top:67px; right:9%; }
.hosting-page .vh-art-dot-two { bottom:49px; left:8%; width:5px; height:5px; }
.hosting-page .vh-browser { position:relative; width:88%; max-width:540px; border:1px solid #e7dfd8; border-radius:13px; background:#fff; box-shadow:0 24px 60px #5b462c10,10px 12px 0 #f3dfce70; transform:perspective(1400px) rotateY(-9deg) rotateZ(1deg); overflow:hidden; }
.hosting-page .vh-browser-bar { display:flex; align-items:center; gap:5px; padding:12px 15px; background:#faf9f7; border-bottom:1px solid #efece8; }
.hosting-page .vh-browser-bar>i { width:6px; height:6px; background:#dccbc0; border-radius:50%; }
.hosting-page .vh-browser-bar>i:first-child { background:#f7a684; }
.hosting-page .vh-browser-bar>span { flex:1; text-align:center; font-size:9px; color:#9d9b99; letter-spacing:1px; }
.hosting-page .vh-browser-bar>b { font-weight:400; color:#b2a292; font-size:14px; }
.hosting-page .vh-site-nav { display:flex; justify-content:space-between; align-items:center; padding:20px 25px 14px; font-size:8px; color:#aaa5a0; }
.hosting-page .vh-site-brand { display:flex; align-items:center; gap:6px; color:#4e4e4e; font-size:9px; letter-spacing:.4px; font-weight:700; }
.hosting-page .vh-site-brand>i { width:14px; height:14px; border:4px solid #f67c47; border-radius:50%; }
.hosting-page .vh-site-content { position:relative; margin:0 17px; min-height:224px; padding:28px 25px; background:#fff5eb; overflow:hidden; }
.hosting-page .vh-site-kicker { position:relative; z-index:1; color:#bc9378; font-size:7px; letter-spacing:1px; }
.hosting-page .vh-site-content>strong { position:relative; z-index:1; display:block; margin:10px 0 14px; color:#57473e; font-size:30px; line-height:1.35; letter-spacing:1px; }
.hosting-page .vh-site-line { display:block; width:97px; height:3px; margin:7px 0; background:#e5d3c6; }
.hosting-page .vh-site-line-short { width:70px; }
.hosting-page .vh-site-action { display:flex; align-items:center; justify-content:space-between; width:110px; margin-top:19px; padding:7px 10px; border:1px solid #cdad95; color:#a38064; font-size:7px; letter-spacing:.5px; }
.hosting-page .vh-site-art { position:absolute; inset:0 0 0 45%; }
.hosting-page .vh-art-door { position:absolute; width:111px; height:169px; right:22%; bottom:0; border:16px solid #f4ad7e; border-bottom:0; border-radius:70px 70px 0 0; background:linear-gradient(135deg,#f9d3b4,#f08f53); box-shadow:12px 0 0 #e48d57; }
.hosting-page .vh-art-step { position:absolute; height:21px; right:8%; bottom:0; width:190px; background:#f5c6a5; border-top:7px solid #ffdfc5; transform:skewY(-4deg); }
.hosting-page .vh-art-step-two { bottom:20px; right:14%; width:158px; background:#eeae81; }
.hosting-page .vh-art-step-three { bottom:39px; right:20%; width:126px; background:#efb38c; }
.hosting-page .vh-art-sun { position:absolute; right:10%; top:25px; width:42px; height:42px; border-radius:50%; background:#ffddbd; }
.hosting-page .vh-site-tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:17px 22px 22px; }
.hosting-page .vh-site-tiles>div { padding:11px; border:1px solid #f0ede9; border-radius:3px; }
.hosting-page .vh-site-tiles i { display:block; font-size:10px; color:#ce956c; font-style:normal; margin-bottom:9px; }
.hosting-page .vh-site-tiles span { display:block; width:85%; height:3px; margin:6px 0; background:#ede9e4; }
.hosting-page .vh-site-tiles span:last-child { width:56%; }
.hosting-page .vh-art-note { position:absolute; display:flex; align-items:center; gap:12px; z-index:2; padding:16px 20px; background:#fffffff2; border:1px solid #fff; border-radius:10px; box-shadow:0 10px 35px #6b492d10; }
.hosting-page .vh-art-note strong { display:block; font-size:13px; color:#5b574e; }
.hosting-page .vh-art-note span:not(.vh-online-dot) { display:block; margin-top:3px; color:#a49a8f; font-size:9px; letter-spacing:.5px; }
.hosting-page .vh-art-note svg { width:30px; height:30px; fill:none; stroke:#f2814b; stroke-width:1.5; }
.hosting-page .vh-art-note-top { top:1px; right:0; }
.hosting-page .vh-art-note-bottom { bottom:4px; left:0; }
.hosting-page .vh-online-dot { flex:0 0 8px; width:8px; height:8px; border:3px solid #e3f0e7; box-sizing:content-box !important; border-radius:50%; background:#8eaf99; }
.hosting-page .vh-benefit-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:24px 0; border:1px solid var(--vh-line); border-radius:12px; background:#ffffffd9; box-shadow:0 8px 22px #25394a03; }
.hosting-page .vh-benefit-strip>div { display:flex; align-items:center; gap:15px; padding:0 25px; border-right:1px solid var(--vh-line); }
.hosting-page .vh-benefit-strip>div:last-child { border:0; }
.hosting-page .vh-strip-icon { display:grid; place-items:center; flex:0 0 42px; height:42px; color:#ef8254; background:#fff2ea; border-radius:10px; }
.hosting-page .vh-strip-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.hosting-page .vh-benefit-strip strong { font-size:14px; font-weight:600; }
.hosting-page .vh-benefit-strip p { margin-top:4px !important; color:#8994a1; font-size:11px; }
.hosting-page .vh-section-nav { position:sticky; top:0; z-index:30; border-block:1px solid var(--vh-line); background:#fffffff2; backdrop-filter:blur(12px); }
.hosting-page .vh-section-nav>.vh-wrap { display:flex; align-items:center; gap:38px; }
.hosting-page .vh-section-nav a { position:relative; display:block; flex-shrink:0; padding:21px 0; color:#657389; font-size:14px; line-height:1.4; }
.hosting-page .vh-section-nav a.is-active { color:#ee6c37; font-weight:600; }
.hosting-page .vh-section-nav a.is-active::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:3px; background:#f77a45; border-radius:2px; }
.hosting-page .vh-section-nav .vh-nav-contact { margin-left:auto; color:#a28978; font-size:12px; }
.hosting-page .vh-nav-contact>span { padding-left:14px; }
.hosting-page .vh-section { padding:72px 0; scroll-margin-top:64px; }
.hosting-page .vh-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:32px; }
.hosting-page .vh-overline { color:#c38867; font-size:10px; letter-spacing:1.8px; margin-bottom:11px !important; }
.hosting-page #hosting-main h2 { color:var(--vh-ink); font-size:30px; line-height:1.45; font-weight:700; letter-spacing:-.6px; }
.hosting-page .vh-section-heading>div>p:last-child { margin-top:11px !important; color:var(--vh-muted); font-size:14px; }
.hosting-page .vh-heading-note { flex-shrink:0; font-size:11px; color:#94a0ae; }
.hosting-page .vh-catalog-message { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px; min-height:230px; padding:35px; border:1px solid var(--vh-line); border-radius:12px; background:white; color:#8491a2; text-align:center; }
.hosting-page .vh-catalog-message a { color:#d85e31; }
.hosting-page .vh-loading-mark { width:16px; height:16px; border:2px solid #fce2d6; border-top-color:#ef8a5c; border-radius:50%; animation:vh-spin 1s linear infinite; }
@keyframes vh-spin { to { transform:rotate(360deg); } }
.hosting-page .vh-retry { border:1px solid #f1c5ad; border-radius:5px; background:#fff8f2; color:#d06438; padding:6px 14px; cursor:pointer; }
.hosting-page .vh-plan-help { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:21px 2px 0; color:#8c99a9; font-size:12px; }
.hosting-page .vh-plan-help b { color:#58697e; margin-right:8px; font-weight:500; }
.hosting-page .vh-plan-help>a { flex-shrink:0; color:#c67850; }
.hosting-page .vh-plan-help>a>span { padding-left:12px; }
.hosting-page .vh-scenes { background:#fff; }
.hosting-page .vh-scene-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.hosting-page .vh-scene-card { min-width:0; }
.hosting-page .vh-scene-visual { position:relative; display:grid; place-items:center; height:210px; overflow:hidden; border-radius:9px; background:#f8f2ec; }
.hosting-page .vh-scene-number { position:absolute; right:18px; bottom:8px; color:#d3c3b7; font-size:50px; font-weight:300; line-height:1; opacity:.45; }
.hosting-page .vh-mini-browser { position:relative; width:64%; height:165px; margin-top:40px; padding:20px; border:1px solid #e9d9cc; border-radius:6px; box-shadow:0 12px 20px #a48a6c0a; background:#fff; transform:rotate(-5deg); }
.hosting-page .vh-mini-browser>i { display:block; width:25px; height:5px; background:#f3c6a5; margin-bottom:20px; }
.hosting-page .vh-mini-browser>strong { display:block; color:#ac8b72; font-size:15px; }
.hosting-page .vh-mini-browser>span { display:block; width:60%; height:3px; background:#eee4dc; margin-top:9px; }
.hosting-page .vh-mini-browser>b { display:block; width:45px; height:12px; margin-top:16px; background:#eec9ad; }
.hosting-page .vh-scene-personal { background:#f0f2f8; }
.hosting-page .vh-mini-portfolio { width:65%; height:156px; padding:20px; border:1px solid #dce1ed; border-radius:6px; background:#fff; transform:rotate(4deg); }
.hosting-page .vh-mini-portfolio>i { display:inline-block; width:19px; height:19px; background:#c9cedd; border-radius:50%; vertical-align:middle; margin-right:6px; }
.hosting-page .vh-mini-portfolio>strong { color:#9a9eb1; font-size:7px; letter-spacing:.4px; }
.hosting-page .vh-mini-portfolio>div { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:20px; }
.hosting-page .vh-mini-portfolio>div>span { height:67px; background:linear-gradient(140deg,#e5e7f2,#bfc5d8); border-radius:3px; }
.hosting-page .vh-mini-portfolio>div>span:nth-child(2) { background:linear-gradient(45deg,#efdfd5,#f4ede8); }
.hosting-page .vh-scene-personal .vh-scene-number { color:#b4bbce; }
.hosting-page .vh-scene-content { background:#edf4f3; }
.hosting-page .vh-mini-news { width:66%; padding:22px; height:161px; background:#fff; border:1px solid #d6e5e0; border-radius:6px; transform:rotate(-4deg); }
.hosting-page .vh-mini-news>b { display:block; margin-bottom:18px; color:#8ea89f; font-size:8px; letter-spacing:1px; }
.hosting-page .vh-mini-news>div { position:relative; padding-left:46px; height:34px; margin-bottom:13px; }
.hosting-page .vh-mini-news i { position:absolute; inset:0 auto auto 0; height:34px; width:35px; background:#d8e7e2; border-radius:3px; }
.hosting-page .vh-mini-news span { display:block; height:3px; background:#dfe8e4; margin:8px 0 10px; }
.hosting-page .vh-mini-news span:last-child { width:70%; }
.hosting-page .vh-scene-content .vh-scene-number { color:#a8c1b9; }
.hosting-page #hosting-main .vh-scene-card h3 { font-size:19px; margin:23px 0 10px; font-weight:600; }
.hosting-page .vh-scene-card>p { color:var(--vh-muted); font-size:13px; line-height:1.95; max-width:96%; }
.hosting-page .vh-scene-tag { display:block; color:#9ba5b1; margin-top:16px; font-size:11px; }
.hosting-page .vh-start-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; }
.hosting-page .vh-start-copy { position:relative; overflow:hidden; border-radius:12px; padding:35px; background:linear-gradient(135deg,#eef1f6,#f4f6fa); border:1px solid #e5e9f0; }
.hosting-page .vh-start-copy>p:not(.vh-overline) { margin:16px 0 24px !important; color:#8893a3; font-size:13px; line-height:1.9; }
.hosting-page .vh-start-copy>a { position:relative; z-index:1; color:#a67c61; font-size:12px; }
.hosting-page .vh-start-copy>a>span { margin-left:20px; }
.hosting-page .vh-start-symbol { position:absolute; right:25px; bottom:5px; font-size:120px; color:#dde3ec; letter-spacing:-13px; font-family:monospace; line-height:1.3; transform:rotate(-8deg); }
.hosting-page .vh-start-steps { margin:0; padding:0; list-style:none; }
.hosting-page .vh-start-steps>li { position:relative; display:flex; gap:22px; padding-bottom:26px; }
.hosting-page .vh-start-steps>li:last-child { padding-bottom:0; }
.hosting-page .vh-start-steps>li:not(:last-child)::before { content:''; position:absolute; top:38px; bottom:3px; left:18px; border-left:1px dashed #d5dce6; }
.hosting-page .vh-start-steps>li>span { display:grid; place-items:center; flex:0 0 38px; height:38px; border:1px solid #ead7c9; border-radius:50%; color:#c79676; background:#fffaf5; font-size:12px; }
.hosting-page #hosting-main .vh-start-steps h3 { font-size:17px; line-height:1.5; margin:4px 0 8px; font-weight:600; }
.hosting-page .vh-start-steps p { color:var(--vh-muted); font-size:13px; line-height:1.9; }
.hosting-page .vh-start-steps a { color:#b58260; font-size:11px; margin:8px 20px 0 0; display:inline-block; }
.hosting-page .vh-faq { background:#fff; }
.hosting-page .vh-faq-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:100px; }
.hosting-page .vh-faq-intro { margin-top:20px !important; color:#8b97a7; font-size:13px; line-height:2; }
.hosting-page .vh-faq-intro>a { color:#b18164; }
.hosting-page .vh-faq-list details { border-bottom:1px solid #e9edf2; }
.hosting-page .vh-faq-list details:first-child { border-top:1px solid #e9edf2; }
.hosting-page .vh-faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 0; font-size:15px; color:#47596e; font-weight:500; cursor:pointer; list-style:none; }
.hosting-page .vh-faq-list summary::-webkit-details-marker { display:none; }
.hosting-page .vh-faq-list summary>span { position:relative; width:12px; height:12px; flex-shrink:0; }
.hosting-page .vh-faq-list summary>span::before,.hosting-page .vh-faq-list summary>span::after { content:''; position:absolute; top:5px; width:12px; height:1px; background:#a3adbb; }
.hosting-page .vh-faq-list summary>span::after { transform:rotate(90deg); transition:transform .15s; }
.hosting-page .vh-faq-list details[open] summary>span::after { transform:rotate(0); }
.hosting-page .vh-faq-list details[open] summary { color:#cc7749; }
.hosting-page .vh-faq-list details>p { padding:0 24px 23px 0; color:#8390a1; font-size:13px; line-height:2; }
.hosting-page .vh-bottom { padding:55px 0; background:radial-gradient(ellipse at 80% 50%,#ffe8d8,transparent 70%),#f9f3ee; border-top:1px solid #efe5dd; }
.hosting-page .vh-bottom>.vh-wrap { display:flex; justify-content:space-between; align-items:center; gap:30px; }
.hosting-page .vh-bottom p { font-size:9px; color:#b29885; letter-spacing:1.7px; margin-bottom:10px !important; }
.hosting-page .vh-bottom h2 { font-size:28px !important; }
.hosting-page .vh-bottom>div>div>span { display:block; margin-top:10px; font-size:13px; color:#9c8e83; }
.hosting-page .vh-bottom .vh-button { flex-shrink:0; }
@media (max-width:1199px) {
  .hosting-page .vh-hero-grid { gap:20px; }
  .hosting-page .vh-hero-art { height:400px; }
  .hosting-page .vh-site-content { padding-left:18px; }
  .hosting-page .vh-site-content>strong { font-size:26px; }
  .hosting-page .vh-site-art { transform:translateX(12px) scale(.9); transform-origin:right bottom; }
  .hosting-page .vh-benefit-strip>div { padding:0 17px; gap:11px; }
  .hosting-page .vh-start-grid,.hosting-page .vh-faq-grid { gap:60px; }
}
@media (max-width:991px) {
  .hosting-page .vh-hero-grid { min-height:0; padding-block:45px 35px; }
  .hosting-page .vh-hero-art { height:360px; }
  .hosting-page .vh-browser { width:94%; }
  .hosting-page .vh-browser-bar { padding:10px; }
  .hosting-page .vh-site-nav { padding:16px; }
  .hosting-page .vh-site-content { min-height:205px; margin-inline:10px; padding:20px 15px; }
  .hosting-page .vh-site-content>strong { font-size:24px; }
  .hosting-page .vh-site-art { inset-inline-start:48%; transform:translateX(19px) scale(.8); }
  .hosting-page .vh-site-tiles { padding:12px; }
  .hosting-page .vh-art-note { padding:11px 14px; gap:9px; }
  .hosting-page .vh-art-note-top { right:-5px; top:-12px; }
  .hosting-page .vh-art-note-bottom { left:-10px; bottom:-8px; }
  .hosting-page .vh-art-note strong { font-size:11px; }
  .hosting-page .vh-art-note svg { width:23px; height:23px; }
  .hosting-page .vh-benefit-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 0; }
  .hosting-page .vh-benefit-strip>div { padding-inline:25px; }
  .hosting-page .vh-benefit-strip>div:nth-child(2) { border:0; }
  .hosting-page .vh-section { padding:56px 0; }
  .hosting-page .vh-heading-note { display:none; }
  .hosting-page .vh-scene-grid { gap:20px; }
  .hosting-page .vh-scene-visual { height:170px; }
  .hosting-page .vh-mini-browser,.hosting-page .vh-mini-portfolio,.hosting-page .vh-mini-news { width:80%; }
  .hosting-page .vh-mini-portfolio { padding:15px; }
  .hosting-page .vh-start-grid,.hosting-page .vh-faq-grid { gap:35px; }
  .hosting-page .vh-start-copy { padding:28px; }
  .hosting-page #hosting-main h2 { font-size:26px; }
}
@media (max-width:700px) {
  .hosting-page .vh-wrap { padding-inline:20px; }
  .hosting-page .vh-hero-grid { grid-template-columns:1fr; gap:28px; padding-block:40px 30px; }
  .hosting-page .vh-eyebrow { margin-bottom:18px !important; font-size:11px; }
  .hosting-page #hosting-title { font-size:40px; letter-spacing:-1.5px; }
  .hosting-page .vh-lead { font-size:13px; margin-top:18px !important; }
  .hosting-page .vh-actions { margin:24px 0 19px; }
  .hosting-page .vh-button { min-height:43px; padding:10px 18px; gap:16px; font-size:13px; }
  .hosting-page .vh-hero-points { font-size:11px; gap:18px; }
  .hosting-page .vh-hero-art { width:100%; max-width:480px; height:358px; margin:auto; }
  .hosting-page .vh-browser { width:87%; }
  .hosting-page .vh-site-content { min-height:206px; }
  .hosting-page .vh-site-art { inset-inline-start:45%; }
  .hosting-page .vh-art-note-top { right:0; top:0; }
  .hosting-page .vh-art-note-bottom { left:0; bottom:-3px; }
  .hosting-page .vh-hero { padding-bottom:24px; }
  .hosting-page .vh-benefit-strip { padding-block:20px; gap:20px 0; }
  .hosting-page .vh-benefit-strip>div { padding-inline:16px; gap:10px; }
  .hosting-page .vh-strip-icon { flex-basis:33px; height:33px; border-radius:8px; }
  .hosting-page .vh-strip-icon svg { width:20px; height:20px; }
  .hosting-page .vh-benefit-strip strong { font-size:12px; }
  .hosting-page .vh-benefit-strip p { font-size:9px; }
  .hosting-page .vh-section-nav>.vh-wrap { gap:26px; overflow-x:auto; }
  .hosting-page .vh-section-nav a { padding-block:17px; font-size:12px; }
  .hosting-page .vh-section-nav .vh-nav-contact { display:none; }
  .hosting-page .vh-section { padding:44px 0; scroll-margin-top:52px; }
  .hosting-page .vh-section-heading { margin-bottom:24px; }
  .hosting-page #hosting-main h2 { font-size:24px; }
  .hosting-page .vh-overline { font-size:9px; letter-spacing:1.4px; margin-bottom:8px !important; }
  .hosting-page .vh-section-heading>div>p:last-child { font-size:12px; line-height:1.9; }
  .hosting-page .vh-plan-help { display:block; font-size:11px; }
  .hosting-page .vh-plan-help b { display:block; margin-bottom:5px; }
  .hosting-page .vh-plan-help>a { display:inline-block; margin-top:10px; }
  .hosting-page .vh-scene-grid { grid-template-columns:1fr; gap:30px; }
  .hosting-page .vh-scene-visual { height:190px; }
  .hosting-page .vh-mini-browser,.hosting-page .vh-mini-portfolio,.hosting-page .vh-mini-news { width:64%; max-width:280px; }
  .hosting-page #hosting-main .vh-scene-card h3 { margin-top:18px; font-size:18px; }
  .hosting-page .vh-scene-card>p { font-size:12px; max-width:none; }
  .hosting-page .vh-scene-tag { margin-top:10px; font-size:10px; }
  .hosting-page .vh-start-grid,.hosting-page .vh-faq-grid { grid-template-columns:1fr; gap:30px; }
  .hosting-page .vh-start-copy { padding:27px; }
  .hosting-page .vh-start-symbol { font-size:90px; right:25px; bottom:10px; }
  .hosting-page .vh-start-steps>li { gap:17px; }
  .hosting-page #hosting-main .vh-start-steps h3 { font-size:16px; }
  .hosting-page .vh-start-steps p { font-size:12px; }
  .hosting-page .vh-faq-intro { margin-top:14px !important; font-size:12px; }
  .hosting-page .vh-faq-list summary { font-size:13px; padding:19px 0; }
  .hosting-page .vh-faq-list details>p { font-size:12px; padding-right:8px; }
  .hosting-page .vh-bottom { padding:36px 0; }
  .hosting-page .vh-bottom>.vh-wrap { flex-direction:column; align-items:flex-start; gap:23px; }
  .hosting-page .vh-bottom h2 { font-size:24px !important; }
  .hosting-page .vh-bottom>div>div>span { font-size:12px; }
}
@media (max-width:374px) {
  .hosting-page .vh-wrap { padding-inline:16px; }
  .hosting-page #hosting-title { font-size:34px; }
  .hosting-page .vh-button { padding-inline:13px; gap:10px; }
  .hosting-page .vh-benefit-strip>div { padding-inline:11px; gap:7px; }
  .hosting-page .vh-strip-icon { flex-basis:28px; height:28px; }
  .hosting-page .vh-benefit-strip p { font-size:8px; }
  .hosting-page .vh-hero-art { height:338px; }
  .hosting-page .vh-browser { width:92%; }
  .hosting-page .vh-site-nav { padding-inline:12px; }
  .hosting-page .vh-site-content>strong { font-size:22px; }
  .hosting-page .vh-section-nav>.vh-wrap { gap:22px; }
}
/* Regional product catalog: compact comparison rows, independent of catalog size. */
.hosting-page .vh-heading-tail { display:inline-block; }
.hosting-page .vh-region-picker { display:flex; align-items:flex-start; gap:27px; margin-bottom:22px; }
.hosting-page .vh-region-label { flex-shrink:0; padding:11px 0; color:#8995a4; font-size:12px; }
.hosting-page .vh-region-tabs { display:flex; flex-wrap:wrap; gap:10px; min-width:0; }
.hosting-page .vh-region-tab { appearance:none; display:block; padding:9px 22px; border:1px solid #e4e9f0; border-radius:6px; background:#fff; color:#5b6a7e; font:inherit; font-size:13px; line-height:1.6; cursor:pointer; transition:background .15s,border-color .15s; }
.hosting-page .vh-region-tab:hover { border-color:#edc4ac; color:#bd714b; }
.hosting-page .vh-region-tab.is-active { border-color:#f4a683; background:#fff3ec; color:#de6b35; font-weight:600; }
.hosting-page .vh-catalog-panel { border:1px solid var(--vh-line); border-radius:12px; background:#fff; box-shadow:0 8px 26px #213b5604; min-width:0; overflow:hidden; }
.hosting-page .vh-catalog-toolbar { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:21px 24px; }
.hosting-page .vh-result-count { display:flex; flex-wrap:wrap; align-items:center; gap:13px; font-size:12px; color:#8b98a8; }
.hosting-page .vh-result-count>strong { font-weight:600; color:#405169; font-size:15px; }
.hosting-page .vh-catalog-controls { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.hosting-page .vh-search { display:flex; align-items:center; gap:7px; width:246px; height:37px; padding:0 11px; margin:0; border:1px solid #e2e7ee; border-radius:5px; background:#fbfcfe; }
.hosting-page .vh-search:focus-within { border-color:#eea582; }
.hosting-page .vh-search-symbol { color:#a6b0bf; font-size:22px; line-height:1; }
.hosting-page .vh-search input { width:100%; min-width:0; height:100%; border:0; outline:0; background:transparent; color:#425269; font:inherit; font-size:12px; }
.hosting-page .vh-search input::placeholder { color:#a0abba; opacity:1; }
.hosting-page .vh-catalog-select { height:37px; max-width:180px; padding:0 27px 0 11px; border:1px solid #e2e7ee; border-radius:5px; background:#fff; color:#758298; font:inherit; font-size:12px; cursor:pointer; }
.hosting-page .vh-catalog-select:focus-visible { outline:1px solid #eea582; outline-offset:1px; }
.hosting-page .vh-catalog-controls :disabled { opacity:.5; cursor:wait; }
.hosting-page .vh-catalog-notice>.vh-catalog-message { min-height:0; padding:12px 20px; border:0; border-top:1px solid #f2e0d2; border-radius:0; background:#fff8f0; color:#b08b6f; font-size:12px; }
.hosting-page .vh-table-scroll { overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#d5dde7 #f5f7fa; }
.hosting-page .vh-table-scroll:focus-visible { outline:1px solid #f0be9e; outline-offset:-2px; }
.hosting-page .vh-product-table { width:100%; min-width:1040px; border-collapse:collapse; table-layout:fixed; margin:0; color:#526277; font-size:13px; }
.hosting-page .vh-product-table th { background:#f8fafc; border-block:1px solid #edf0f5; padding:14px 18px; color:#8b97a8; font-weight:400; font-size:12px; text-align:left; }
.hosting-page .vh-product-table th:first-child { width:20%; padding-left:24px; }
.hosting-page .vh-product-table th:nth-child(2),.hosting-page .vh-product-table th:nth-child(3) { width:11%; }
.hosting-page .vh-product-table th:nth-child(4) { width:12%; }
.hosting-page .vh-product-table th:nth-child(5) { width:18%; }
.hosting-page .vh-product-table th:nth-child(6) { width:16%; }
.hosting-page .vh-product-table th:last-child { width:12%; padding-right:24px; }
.hosting-page .vh-product-row>td { padding:17px 18px; border-bottom:1px solid #edf0f5; vertical-align:middle; line-height:1.7; overflow-wrap:anywhere; }
.hosting-page .vh-product-row:hover { background:#fffcf9; }
.hosting-page .vh-product-row>td:first-child { padding-left:24px; }
.hosting-page .vh-product-row>td:last-child { padding-right:24px; }
.hosting-page .vh-cell-name>strong { display:block; color:#34465d; font-size:14px; font-weight:600; }
.hosting-page .vh-row-details { display:inline-block; padding:0; margin-top:5px; border:0; background:none; color:#a3adbb; font:inherit; font-size:10px; line-height:1.5; cursor:pointer; }
.hosting-page .vh-row-details:hover,.hosting-page .vh-row-details[aria-expanded=true] { color:#d78253; }
.hosting-page .vh-cell-price { white-space:nowrap; }
.hosting-page .vh-cell-price>strong { display:inline-block; vertical-align:baseline; font-weight:650; font-size:22px; line-height:1.4; color:#ed743e; letter-spacing:-.5px; }
.hosting-page .vh-cell-price>small { display:inline-block; vertical-align:baseline; margin-left:5px; color:#a0aab7; font-size:10px; }
.hosting-page .vh-cell-action { text-align:right; }
.hosting-page .vh-buy { display:inline-flex; justify-content:center; align-items:center; padding:9px 16px; min-width:85px; border:1px solid #f6b694; border-radius:5px; background:#fff6ee; color:#d87944; font-size:12px; font-weight:500; white-space:nowrap; transition:color .15s,background .15s; }
.hosting-page .vh-buy:hover { border-color:#f17841; background:#f17841; color:#fff; }
.hosting-page .vh-stock-empty { color:#9faab7; font-size:12px; }
.hosting-page .vh-product-details>td { padding:0; border-bottom:1px solid #edf0f5; }
.hosting-page .vh-row-description { display:flex; flex-wrap:wrap; gap:11px 30px; padding:21px 24px; background:#fafbfd; color:#7e8b9c; font-size:12px; line-height:1.9; }
.hosting-page .vh-row-description>span { min-width:25%; overflow-wrap:anywhere; }
.hosting-page .vh-row-description b { color:#a0aabb; font-weight:400; }
.hosting-page .vh-row-description>p { flex:0 0 100%; min-width:0; overflow-wrap:anywhere; font-size:11px; }
.hosting-page .vh-catalog-panel .vh-catalog-message { border:0; border-radius:0; }
.hosting-page .vh-catalog-pagination { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px 24px; color:#9aa5b4; font-size:11px; }
.hosting-page .vh-page-buttons { display:flex; align-items:center; gap:15px; }
.hosting-page .vh-page-buttons>button { padding:5px 12px; border:1px solid #e3e8ee; border-radius:4px; background:#fff; color:#78879a; font:inherit; font-size:11px; cursor:pointer; }
.hosting-page .vh-page-buttons>button:hover:not(:disabled) { color:#cd8055; border-color:#ecc1a6; }
.hosting-page .vh-page-buttons>button:disabled { cursor:default; opacity:.35; }
.hosting-page .vh-page-number { font-size:11px; color:#6d7c91; }
.hosting-page .vh-visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media (max-width:1100px) {
  .hosting-page .vh-catalog-toolbar { align-items:flex-start; gap:17px; }
  .hosting-page .vh-result-count { display:block; min-width:120px; }
  .hosting-page .vh-result-count>span { display:block; margin-top:3px; font-size:11px; }
  .hosting-page .vh-catalog-controls { justify-content:flex-end; }
  .hosting-page .vh-search { width:220px; }
}
/* Leave a rail for the site's fixed support toolbar near the right edge. */
@media (min-width:768px) and (max-width:1639px) {
  .hosting-page .vh-plans>.vh-wrap { padding-right:112px; }
}
@media (max-width:700px) {
  .hosting-page .vh-region-picker { display:block; margin-bottom:17px; }
  .hosting-page .vh-region-label { display:block; padding:0 0 12px; font-size:11px; }
  .hosting-page .vh-region-tabs { flex-wrap:nowrap; overflow-x:auto; padding-bottom:5px; }
  .hosting-page .vh-region-tab { flex-shrink:0; padding:8px 16px; font-size:12px; }
  .hosting-page .vh-catalog-panel { background:transparent; border:0; box-shadow:none; overflow:visible; }
  .hosting-page .vh-catalog-toolbar { flex-direction:column; align-items:stretch; padding:0 0 19px; gap:16px; }
  .hosting-page .vh-result-count { display:flex; justify-content:space-between; align-items:center; }
  .hosting-page .vh-result-count>span { display:inline; margin:0; }
  .hosting-page .vh-catalog-controls { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .hosting-page .vh-search { grid-column:1/-1; width:100%; height:39px; background:#fff; }
  .hosting-page .vh-catalog-select { width:100%; max-width:none; height:37px; font-size:11px; }
  .hosting-page .vh-table-scroll { overflow:visible; }
  .hosting-page .vh-product-table { display:block; min-width:0; width:100%; }
  .hosting-page .vh-product-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
  .hosting-page .vh-product-table tbody { display:block; }
  .hosting-page .vh-product-row { display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; padding:21px; margin:0 0 14px; border:1px solid #e6ebf2; border-radius:10px; background:#fff; }
  .hosting-page .vh-product-row>td,.hosting-page .vh-product-row>td:first-child,.hosting-page .vh-product-row>td:last-child { display:block; padding:0; border:0; min-width:0; }
  .hosting-page .vh-cell-name { display:flex !important; align-items:center; justify-content:space-between; gap:13px; grid-column:1/-1; padding-bottom:16px !important; border-bottom:1px solid #eef1f5 !important; }
  .hosting-page .vh-cell-name>strong { font-size:15px; }
  .hosting-page .vh-row-details { flex-shrink:0; font-size:10px; margin:0; }
  .hosting-page .vh-cell-spec { font-size:12px; font-weight:500; }
  .hosting-page .vh-cell-spec::before { content:attr(data-label); display:block; margin-bottom:5px; color:#9da8b7; font-size:10px; font-weight:400; }
  .hosting-page .vh-cell-price { padding-top:8px !important; }
  .hosting-page .vh-cell-price>strong { font-size:25px; }
  .hosting-page .vh-cell-price>small { margin-top:0; }
  .hosting-page .vh-cell-action { display:flex !important; justify-content:flex-end; align-items:center; padding-top:8px !important; }
  .hosting-page .vh-buy { padding:9px 16px; font-size:12px; min-width:95px; background:#f78147; border-color:#f78147; color:#fff; }
  .hosting-page .vh-product-details { display:block; margin:-14px 0 14px; }
  .hosting-page .vh-product-details>td { display:block; padding:0; border:1px solid #e6ebf2; border-top:0; border-radius:0 0 10px 10px; overflow:hidden; }
  .hosting-page .vh-row-description { display:block; padding:17px 20px; font-size:11px; }
  .hosting-page .vh-row-description>span { display:block; margin:0 0 6px; }
  .hosting-page .vh-row-description>p { margin-top:10px !important; }
  .hosting-page .vh-catalog-pagination { flex-direction:column; gap:14px; padding:8px 0 0; }
  .hosting-page .vh-page-buttons { width:100%; justify-content:space-between; }
  .hosting-page .vh-page-buttons>button { padding:7px 16px; background:#fff; }
  .hosting-page .vh-catalog-message { padding:26px 20px; min-height:180px; font-size:12px; border:1px solid #e6ebf2 !important; border-radius:10px !important; }
  .hosting-page .vh-catalog-notice { margin-bottom:15px; }
}
@media (prefers-reduced-motion:reduce) {
  .hosting-page #hosting-main * { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}