/* SS Web Design Era — Web Hosting page CSS. Does not override shared header/footer. */
.web-hosting-page{background:#0b090f;color:#f7f0e8}
.web-hosting-page .wh-wrap{width:min(1160px,calc(100% - 32px));margin-inline:auto}
.web-hosting-page .wh-hero{padding:18px 0 0}
.web-hosting-page .wh-hero img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:15px}
.web-hosting-page .wh-intro{padding:55px 0 62px;text-align:center;background:radial-gradient(ellipse at 50% 5%,#25152b 0%,transparent 65%)}
.web-hosting-page .wh-eyebrow{color:#e9c986;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800}
.web-hosting-page .wh-intro h1,.web-hosting-page .wh-heading h2,.web-hosting-page .wh-cta h2{font:700 clamp(2rem,4vw,3.5rem)/1.18 Georgia,serif;margin:15px 0 20px}
.web-hosting-page .wh-lead,.web-hosting-page .wh-heading>p:not(.wh-eyebrow){color:#cdbfcc;line-height:1.8;font-size:1.08rem;max-width:810px;margin-inline:auto}
.web-hosting-page .wh-actions{display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap;margin-top:30px}
.web-hosting-page .wh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 20px;border-radius:9px;text-decoration:none;font-weight:800;border:1px solid #d6af69}
.web-hosting-page .wh-btn.primary{background:linear-gradient(110deg,#b68037,#f5dda0);color:#1c1309}
.web-hosting-page .wh-btn.secondary{color:#faefd9;background:#16121c}
.web-hosting-page .wh-btn:focus-visible{outline:3px solid #f5dda0;outline-offset:3px}
.web-hosting-page .wh-section{padding:65px 0 73px}
.web-hosting-page .wh-alt{background:#141019}
.web-hosting-page .wh-heading{text-align:center;max-width:860px;margin:0 auto 34px}
.web-hosting-page .wh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.web-hosting-page .wh-card{padding:26px 23px;min-height:175px;border:1px solid rgba(225,185,104,.29);border-radius:15px;background:linear-gradient(145deg,#211725,#111017);transition:transform .2s,box-shadow .2s,border-color .2s}
.web-hosting-page .wh-card:hover,.web-hosting-page .wh-faq details:hover{border-color:#ecc57b;box-shadow:0 0 27px rgba(207,151,55,.24),0 14px 30px rgba(0,0,0,.15);transform:translateY(-3px)}
.web-hosting-page .wh-step{color:#dfb771;letter-spacing:.14em;font-size:.76rem;font-weight:700}
.web-hosting-page .wh-card h3{font:700 1.42rem Georgia,serif;margin:15px 0 12px}
.web-hosting-page .wh-card p{color:#cbbdca;line-height:1.74;margin:0}
.web-hosting-page .wh-symbol{display:block;color:#e6ba66;font-size:2rem;line-height:1}
.web-hosting-page .wh-small{font-size:.86rem;color:#b9aab8;text-align:center;margin:22px auto 0}
.web-hosting-page .wh-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.web-hosting-page .wh-process .wh-card{border-top:2px solid #e5bc73}
.web-hosting-page .wh-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.web-hosting-page .wh-faq>div{display:grid;gap:13px;align-content:start}
.web-hosting-page .wh-faq details{border:1px solid rgba(225,185,104,.29);border-radius:12px;background:#17111b;padding:20px 22px;transition:transform .2s,box-shadow .2s,border-color .2s}
.web-hosting-page .wh-faq summary{cursor:pointer;font-weight:800;line-height:1.4}
.web-hosting-page .wh-faq details p{color:#cbbdca;line-height:1.75;margin:14px 0 0}
.web-hosting-page .wh-cta{text-align:center;padding:70px 0 80px;background:radial-gradient(ellipse at center,rgba(99,55,108,.25),transparent 70%)}
.web-hosting-page .wh-cta p:not(.wh-eyebrow){color:#ccbdca}
@media(max-width:950px){.web-hosting-page .wh-process{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.web-hosting-page .wh-grid,.web-hosting-page .wh-process,.web-hosting-page .wh-faq{grid-template-columns:1fr}.web-hosting-page .wh-wrap{width:calc(100% - 20px)}.web-hosting-page .wh-section{padding:48px 0}.web-hosting-page .wh-intro{padding:40px 0}.web-hosting-page .wh-actions{justify-content:center}}
@media(prefers-reduced-motion:reduce){.web-hosting-page .wh-card,.web-hosting-page .wh-faq details{transition:none}}

/* Page-only related-service navigation: does not affect shared site/header/footer. */
.web-hosting-page .wh-related-section { padding: 42px 16px; background: #100d15; }
.web-hosting-page .wh-related-inner { max-width: 1160px; margin: 0 auto; text-align: center; }
.web-hosting-page .wh-related-inner h2 { color: #f0d097; margin: 0 0 12px; font-size: clamp(1.4rem, 3vw, 2rem); }
.web-hosting-page .wh-related-inner p { color: #d0c3ca; margin: 0 0 22px; }
.web-hosting-page .wh-related-links { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.web-hosting-page .wh-related-link { display: inline-flex; gap: 8px; align-items: center; border: 1px solid #b99051; border-radius: 10px; padding: 12px 16px; color: #f5e6c8; text-decoration: none; background: #191320; transition: border-color .2s, box-shadow .2s; }
.web-hosting-page .wh-related-link:hover, .web-hosting-page .wh-related-link:focus-visible { border-color: #ebc47b; box-shadow: 0 0 18px #d29d4666; }