/* Shared HostGree logo treatment across all staging pages. */
.hostgree-brand{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;line-height:1;margin:0!important;padding:5px 9px;background:#fff;border-radius:8px;text-decoration:none;vertical-align:middle;max-width:100%;box-sizing:border-box}
.hostgree-logo{display:block;width:180px;max-width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
.hostgree-brand:focus-visible{outline:3px solid #2f8f68;outline-offset:4px}
header:not(.nav){flex-wrap:wrap;gap:16px}header:not(.nav) nav{display:flex;flex-wrap:wrap;gap:14px}header:not(.nav) nav a{margin-left:0}
body>.legacy-brand-nav{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.legacy-brand-nav>.hostgree-brand{order:-1}.legacy-brand-nav>.links{margin-left:auto}
.footer .hostgree-brand,footer .hostgree-brand{margin-bottom:12px!important}
@media(max-width:620px){.hostgree-logo{width:156px}.navin{gap:16px!important;flex-wrap:wrap!important;height:auto!important;min-height:76px;padding:12px 0}.navin>.btn{font-size:12px;padding:10px 12px}.legacy-brand-nav{padding-left:16px;padding-right:16px}}

/* Homepage footer shared by all pages, including blog articles. */
footer.footer{box-sizing:border-box;display:block;width:100%;max-width:none;margin:0;padding:55px 0 28px;background:#0f2035;color:#aebccd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;text-align:left}
footer.footer .wrap{box-sizing:border-box;width:min(1160px,calc(100% - 40px));max-width:none;margin:0 auto;padding:0}
footer.footer .footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}
footer.footer .footgrid>div{min-width:0}
footer.footer h4{font-size:16px;font-weight:700;line-height:1.6;color:#fff;margin:0 0 12px}
footer.footer p{font-size:13px;line-height:1.6;color:#aebccd;margin:13px 0}
footer.footer a{display:block;font-size:13px;line-height:1.6;color:#aebccd;text-decoration:none;margin:7px 0}
footer.footer a:hover{color:#fff}
footer.footer a:focus-visible{outline:3px solid #79d5a8;outline-offset:4px}
footer.footer .copy{border-top:1px solid #2a3c51;margin:40px 0 0;padding:22px 0 0;font-size:12px;color:#aebccd}
@media(max-width:900px){footer.footer .footgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){footer.footer .wrap{width:min(1160px,calc(100% - 28px))}footer.footer .footgrid{grid-template-columns:1fr}}

/* Payment-provider marks shown as informational brand badges; not a live checkout. */
footer.footer .payment-marks{display:flex;align-items:center;flex-wrap:nowrap;gap:7px;margin:15px 0 0;max-width:100%}
footer.footer .payment-marks img{display:block;width:auto;height:25px;max-width:24%;object-fit:contain;background:#fff;border-radius:5px;padding:3px 6px;box-sizing:content-box}
@media(max-width:480px){footer.footer .payment-marks{gap:5px}footer.footer .payment-marks img{height:20px;padding:3px 4px}}