.hosting-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hosting-prod-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 24px;position:relative;display:flex;flex-direction:column;gap:10px;transition:all .2s}.hosting-prod-card:hover{box-shadow:var(--sh-lg);transform:translateY(-4px);border-color:transparent}.hpc-badge{position:absolute;top:-12px;left:22px;background:var(--maroon);color:#fff;font-family:Sora,'Sora Fallback',sans-serif;font-size:.71rem;font-weight:700;padding:4px 14px;border-radius:50px;letter-spacing:.05em;text-transform:uppercase}.hpc-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.hosting-prod-card h3{font-family:Sora,'Sora Fallback',sans-serif;font-size:1.05rem;font-weight:700;color:var(--text)}.hpc-tagline{font-size:.82rem;color:var(--text-muted);margin-bottom:4px}.hpc-price{font-size:.84rem;color:var(--text-mid)}.hpc-price strong{font-family:Sora,'Sora Fallback',sans-serif;font-size:1.05rem;color:var(--maroon);font-weight:800}.hpc-features{list-style:none;display:flex;flex-direction:column;gap:6px;flex:1}.hpc-features li{font-size:.81rem;color:var(--text-mid);display:flex;align-items:center;gap:7px}.hpc-features li::before{content:'✓';color:#22a66a;font-weight:700;flex-shrink:0}.hpc-btn{display:inline-flex;align-items:center;font-family:Sora,'Sora Fallback',sans-serif;font-size:.83rem;font-weight:700;color:var(--maroon);margin-top:6px;transition:gap .2s;gap:4px}.hpc-btn:hover{gap:8px}.hosting-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hcg-card{background:var(--soft);border:1px solid var(--border);border-radius:var(--r-lg);padding:26px 22px;display:flex;flex-direction:column;gap:10px;transition:all .2s}.hcg-card:hover{background:var(--white);box-shadow:var(--sh-md)}.hcg-icon{font-size:2rem}.hcg-card h3{font-family:Sora,'Sora Fallback',sans-serif;font-size:1rem;font-weight:700;color:var(--text)}.hcg-card p{font-size:.84rem;color:var(--text-mid);line-height:1.7;flex:1}.hcg-rec{font-size:.84rem;color:var(--navy);font-weight:600;background:rgba(27,58,107,.06);padding:8px 12px;border-radius:8px}.hcg-link{font-family:Sora,'Sora Fallback',sans-serif;font-size:.81rem;font-weight:700;color:var(--maroon);transition:color .2s}.hcg-link:hover{color:var(--maroon-lt)}.sh-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.sh-plan{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:var(--sh-sm);transition:transform .2s,box-shadow .2s}.sh-plan:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}.sh-plan--featured{border:2px solid var(--cerulean);box-shadow:0 8px 32px rgba(33,118,200,.18)}.sh-plan-badge{background:var(--cerulean);color:#fff;text-align:center;padding:7px;font-family:Sora,'Sora Fallback',sans-serif;font-size:.73rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sh-plan-header{padding:24px 22px 18px;border-bottom:1px solid rgba(255,255,255,.15)}.sh-starter{background:linear-gradient(135deg,#22a66a,#16834f)}.sh-business{background:linear-gradient(135deg,var(--cerulean),#1558a0)}.sh-professional{background:linear-gradient(135deg,var(--maroon),var(--maroon-dk))}.sh-plan-name{font-family:Sora,'Sora Fallback',sans-serif;font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:8px}.sh-plan-price{font-family:Sora,'Sora Fallback',sans-serif;font-size:2.2rem;font-weight:900;color:#fff;line-height:1}.sh-plan-price span{font-size:.85rem;font-weight:500;opacity:.8}.sh-plan-billing{font-size:.76rem;color:rgba(255,255,255,.65);margin-top:5px}.sh-plan-ideal{font-size:.78rem;color:rgba(255,255,255,.75);margin-top:8px}.sh-plan-body{padding:16px 22px;flex:1}.sh-spec-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:.83rem}.sh-spec-row:last-child{border-bottom:none}.sh-spec-label{color:var(--text-muted)}.sh-spec-val{color:var(--text);font-weight:600;text-align:right}.sh-spec-val.sh-yes{color:#22a66a}@media (max-width:1100px){.hosting-products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:960px){.hosting-products-grid{grid-template-columns:repeat(2,1fr)}.hosting-compare-grid{grid-template-columns:repeat(2,1fr)}.sh-plans{grid-template-columns:1fr}}@media (max-width:640px){.hosting-products-grid{grid-template-columns:1fr}.hosting-compare-grid{grid-template-columns:1fr}}