.hosting-guides { padding:5rem 0; background:#f8f9fd; border-top:1px solid #e9edf5; border-bottom:1px solid #e9edf5; }
.hosting-location-summary { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.85rem 1.5rem; align-items:center; margin:1.7rem auto 0; max-width:930px; padding:1.3rem 1.5rem; border:1px solid #e0e6f2; border-radius:18px; background:linear-gradient(125deg,#fff,#f8faff); box-shadow:0 8px 24px #30487806; text-align:left; }
.hosting-location-summary-label { display:flex; align-items:center; gap:.6rem; color:#35435f; font-size:.82rem; line-height:1.5; }
.hosting-location-summary-label > i { color:#6876bd; font-size:1.1rem; }
.hosting-location-summary-label strong { font-weight:700; }
.hosting-location-badges { display:flex; flex-wrap:wrap; gap:.5rem; margin:0; padding:0; list-style:none; }
.hosting-location-badges li { display:inline-flex; align-items:center; gap:.4rem; padding:.4rem .6rem; border:1px solid #e5e9f2; border-radius:8px; color:#536078; background:#fff; font-size:.73rem; font-weight:600; line-height:1.4; white-space:nowrap; }
.hosting-location-badges li > span { font-size:1rem; line-height:1; }
.hosting-location-summary .hosting-location-guide-link { grid-column:2; grid-row:1 / 3; display:flex; align-items:center; justify-content:space-between; gap:1.2rem; padding:.9rem 1.1rem; border:1px solid #dce2f7; border-radius:12px; color:#4556a9; background:#eff2ff; text-decoration:none; font-size:.77rem; line-height:1.6; font-weight:700; transition:background .2s,border-color .2s; }
.hosting-location-guide-link > i { font-size:1.05rem; }
.hosting-location-summary .hosting-location-guide-link:hover { background:#e5eaff; border-color:#bbc7ee; }
.hosting-location-guide-link:focus-visible { outline:3px solid #6366f1; outline-offset:3px; }
@media(max-width:767px) { .hosting-location-summary { grid-template-columns:1fr; gap:1rem; padding:1.2rem; border-radius:16px; }.hosting-location-summary .hosting-location-guide-link { grid-column:1; grid-row:auto; }.hosting-location-guide-link br { display:none; } }
@media(prefers-reduced-motion:reduce) { .hosting-location-summary .hosting-location-guide-link { transition:none; } }
.hosting-locations { padding:4.5rem 0; background:linear-gradient(155deg,#f5f7ff,#fbfdff); border-block:1px solid #e5eaf4; scroll-margin-top:95px; }
.hosting-locations-intro { max-width:780px; }
.hosting-locations h2 { margin:.85rem 0 1rem; color:#172033; font-size:clamp(2rem,3.5vw,3rem); line-height:1.16; letter-spacing:-.035em; font-weight:800; }
.hosting-locations-intro p { margin:0; color:#64748b; line-height:1.8; }
.hosting-location-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:2rem 0; padding:0; list-style:none; }
.hosting-location-list li { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem; padding:1.1rem; border:1px solid #e1e7f3; border-radius:16px; background:#fff; }
.hosting-location-flag { font-size:1.9rem; line-height:1.2; }
.hosting-location-list strong { color:#26344d; font-size:.88rem; font-weight:750; }
.hosting-location-code { margin-left:auto; color:#8894a8; font-size:.66rem; font-weight:700; letter-spacing:.06em; }
.hosting-location-tips { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; padding-top:.6rem; }
.hosting-location-tips > div { border-top:2px solid #dde4f5; padding-top:1.2rem; }
.hosting-location-tips > div > span { color:#8a99bf; font-size:.72rem; font-weight:750; }
.hosting-location-tips h3 { margin:.6rem 0; color:#26344d; font-size:1rem; line-height:1.5; font-weight:750; }
.hosting-location-tips p { margin:0; color:#64748b; font-size:.87rem; line-height:1.8; }
.hosting-location-tips a { display:inline-flex; align-items:center; gap:8px; margin-top:.8rem; color:#4658bb; font-size:.82rem; font-weight:700; text-underline-offset:3px; }
@media(max-width:991px) { .hosting-location-list { grid-template-columns:repeat(3,minmax(0,1fr)); }.hosting-location-tips { gap:1.3rem; } }
@media(max-width:575px) { .hosting-locations { padding:3rem 0; }.hosting-location-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.hosting-location-list li { display:grid; grid-template-columns:1fr auto; padding:.95rem; gap:.6rem; }.hosting-location-flag { grid-column:1; grid-row:1; }.hosting-location-list strong { grid-column:1 / -1; grid-row:2; font-size:.8rem; }.hosting-location-code { grid-column:2; grid-row:1; font-size:.6rem; }.hosting-location-tips { grid-template-columns:1fr; gap:1.5rem; } }
.hosting-guides h2 { max-width:760px; margin:.8rem 0 1rem; color:#172033; font-size:clamp(2rem,3.5vw,3rem); font-weight:800; line-height:1.14; letter-spacing:-.035em; }
.hosting-guides > .container > p { max-width:750px; margin:0 0 2rem; color:#707b90; line-height:1.8; }
.hosting-guides-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.85rem; }
.hosting-guides-grid > a { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.2rem 1.3rem; border:1px solid #e1e6f1; border-radius:15px; background:#fff; color:#3947a8; text-decoration:none; font-size:.88rem; font-weight:750; line-height:1.5; transition:transform .2s,border-color .2s; }
.hosting-guides-grid > a:hover { transform:translateY(-2px); border-color:#a6b3f2; }.hosting-guides-grid i { color:#6678dd; }
@media(max-width:991px){.hosting-guides-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575px){.hosting-guides{padding:3.5rem 0;}.hosting-guides-grid{grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce){.hosting-guides-grid>a{transition:none;}}

/* Explain the included SEO tool on feature pages without a full product tour. */
.hosting-platform-note { padding:1.75rem 0; border-top:1px solid #e7ebf3; background:#f8f9fc; }
.hosting-platform-note p { margin:0; color:#68758b; font-size:.8rem; line-height:1.8; }
.hosting-platform-note p + p { margin-top:.6rem; }
.hosting-platform-note strong { color:#34435b; font-weight:700; }

.hosting-maxpage { padding:4rem 0; background:#fff; scroll-margin-top:100px; }
.hosting-maxpage-card { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:clamp(2rem,5vw,4rem); align-items:center; padding:clamp(1.5rem,4vw,3rem); border:1px solid #e2e5f3; border-radius:24px; background:linear-gradient(125deg,#fafaff,#f1f4ff); }
.hosting-maxpage h2 { margin:1rem 0; color:#172033; font-size:clamp(1.8rem,3vw,2.5rem); font-weight:800; line-height:1.2; letter-spacing:-.03em; }
.hosting-maxpage-copy p { margin:0; color:#64748b; font-size:.95rem; line-height:1.8; }
.hosting-maxpage-benefit { display:flex; flex-direction:column; gap:.5rem; padding:1.5rem; border:1px solid #e1e5f5; border-radius:18px; background:#fff; }
.hosting-maxpage-benefit > i { color:#6961ca; font-size:1.6rem; }
.hosting-maxpage-benefit strong { color:#4147a3; font-size:1.35rem; }
.hosting-maxpage-benefit > span { color:#526174; font-size:.82rem; line-height:1.6; }
.hosting-maxpage-benefit p { margin:.4rem 0 0; padding-top:.9rem; border-top:1px solid #e7ebf5; color:#64748b; font-size:.78rem; line-height:1.7; }
@media(max-width:767px) { .hosting-maxpage { padding:3rem 0; }.hosting-maxpage-card { grid-template-columns:1fr; gap:1.5rem; } }