/* Hosting reuses the VPS page shell, plan banners and FAQ interactions. */
.hosting-hero-art{margin:0;min-width:0;text-align:center;}
.hosting-hero-art>img{display:block;width:min(100%,540px);height:auto;margin-inline:auto;filter:drop-shadow(0 22px 28px #183c3010);}
.hosting-hero-art>figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;margin-top:12px;color:var(--muted);font-size:12px;}
.hosting-hero-art>figcaption>span{padding:5px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--accent);font-weight:750;}
.hosting-plan .service-plan__service-icon>img{width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1);}
.hosting-hero__tags{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:24px;color:var(--muted);font-size:12px;}
.hosting-hero__tags li{display:flex;align-items:center;gap:6px;}.hosting-hero__tags .icon{width:16px;height:16px;color:var(--accent);}
.hosting-panel__bar{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px;}.hosting-panel__brand{color:var(--accent);font:800 27px/1.3 Arial,sans-serif;margin-left:auto;}.hosting-panel__bar>.icon{width:18px;}
.hosting-panel__site{display:flex;align-items:center;gap:14px;padding:25px 0;}.hosting-panel__site>.icon{width:44px;height:44px;padding:9px;box-sizing:content-box;border:1px solid var(--border);border-radius:16px;color:var(--accent);background:var(--accent-soft);}.hosting-panel__site strong{font-size:17px;}.hosting-panel__site small{display:block;margin-top:4px;font-size:12px;color:var(--muted);}
.hosting-panel__tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.hosting-panel__tools>div{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 6px;border:1px solid var(--border);border-radius:14px;background:#ffffffc9;}.hosting-panel__tools .icon{width:25px;height:25px;color:var(--accent);}.hosting-panel__tools strong{font-size:12px;}.hosting-panel__tools small{font:10px/1.6 Arial,sans-serif;color:var(--muted);}
.hosting-panel__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:22px;padding-top:15px;border-top:1px solid var(--border);font-size:10px;color:var(--muted);}.hosting-panel__footer>span{display:flex;align-items:center;gap:6px;}.hosting-panel__footer .icon{width:16px;height:16px;}
.hosting-specs{margin-bottom:18px;}.hosting-specs__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;min-height:48px;padding-block:12px;border-bottom:1px dashed var(--border);font-size:13px;line-height:1.8;}.hosting-specs__row dt{display:flex;align-items:center;gap:10px;color:var(--muted);}.hosting-specs__row dt>.icon{width:21px;height:21px;color:var(--accent);}.hosting-specs__row dd{text-align:left;font-weight:700;overflow-wrap:anywhere;}.hosting-specs__row--separated{margin-top:20px;}.hosting-specs__row:last-child{border-bottom:0;}
.hosting-plan__panel{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;padding:10px;border:1px solid var(--border);border-radius:10px;color:var(--accent);background:var(--accent-soft);font-size:12px;}.hosting-plan__panel .icon{width:17px;height:17px;}
.hosting-cpanel{padding-block:80px;background:var(--accent-soft);border-block:1px solid var(--border);}.hosting-cpanel__layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center;}.hosting-cpanel__intro>p:not(.eyebrow){margin-top:20px;color:var(--muted);line-height:2.1;}.hosting-cpanel__intro>.button{margin-top:26px;}.hosting-cpanel__features{display:grid;gap:16px;}.hosting-cpanel__features article{display:flex;align-items:start;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);}.hosting-cpanel__features article>.icon{width:26px;height:26px;color:var(--accent);}.hosting-cpanel__features h3{font-size:17px;}.hosting-cpanel__features p{margin-top:8px;font-size:14px;line-height:2;color:var(--muted);}.hosting-page .service-guide__card p{margin-top:12px;}.hosting-page .service-guide__card a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;}
@media(max-width:1100px){.hosting-specs__row{font-size:12px;gap:8px;}.hosting-specs__row dt{gap:7px;}.hosting-cpanel__layout{gap:35px;}.hosting-panel__tools{gap:8px;}}
@media(max-width:950px) and (min-width:701px){.hosting-panel__tools{grid-template-columns:repeat(2,minmax(0,1fr));}.hosting-panel__bar{flex-wrap:wrap;}.hosting-panel__site strong{font-size:14px;}.hosting-panel__site>.icon{width:26px;height:26px;}.hosting-specs__row dt>.icon{width:18px;height:18px;}}
@media(max-width:700px){.hosting-hero__tags{justify-content:center;}.hosting-cpanel{padding-block:50px;}.hosting-cpanel__layout{grid-template-columns:1fr;gap:30px;}.hosting-cpanel__features article{padding:20px;}.hosting-specs__row{font-size:14px;}.hosting-panel__site strong{font-size:15px;}.hosting-panel__site>.icon{width:30px;height:30px;}}

/* WordPress: one storage headline and a compact CPU/RAM strip. */
.hosting-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--surface);}
.hosting-resources__item{min-width:0;padding:14px 16px;}
.hosting-resources__item dt{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;}
.hosting-resources__item dt>span{display:inline-flex;color:var(--accent);}
.hosting-resources__item .icon{width:18px;height:18px;}
.hosting-resources__item dd{margin-top:6px;padding-inline-start:26px;color:var(--text);font-size:13px;font-weight:700;line-height:1.8;overflow-wrap:anywhere;}
.hosting-resources__item:last-child{border-inline-start:1px solid var(--border);}
.hosting-resources__item--storage{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 16px;border-bottom:1px solid var(--border);background:var(--accent-soft);}
.hosting-resources__item--storage dt{font-size:12px;flex-shrink:0;}
.hosting-resources__item--storage dd{margin:0;padding:0;text-align:left;font-size:14px;font-weight:700;color:var(--accent);}
.hosting-resources__item--storage .icon{width:22px;height:22px;}
/* Both hosting hero panels share the site's existing floating motion. */
.hosting-panel{animation:float-up 6s ease-in-out infinite;}
.hosting-panel__tools>div>.icon{animation:hosting-tool-signal 6s ease-in-out infinite;}
.hosting-panel__tools>div:nth-child(2)>.icon{animation-delay:1s;}
.hosting-panel__tools>div:nth-child(3)>.icon{animation-delay:2s;}
.hosting-panel__tools>div:nth-child(4)>.icon{animation-delay:3s;}
.hosting-panel__tools>div:nth-child(5)>.icon{animation-delay:4s;}
.hosting-panel__tools>div:nth-child(6)>.icon{animation-delay:5s;}
@keyframes hosting-tool-signal{0%,18%,100%{transform:translateY(0) scale(1);}9%{transform:translateY(-4px) scale(1.12);}}
@media(prefers-reduced-motion:reduce){.hosting-panel,.hosting-panel__tools>div>.icon{animation:none!important;}}