/* Variant C reference composition. All dimensions keep the fluid rem scale. */
.hosting-in-cards .hero{display:block;padding-block:9rem 6rem}
.hosting-in-cards .hero h1{font-size:4.5rem;line-height:1.04;max-width:42rem}
.hosting-in-cards .hero>p{max-width:28rem;margin-top:2rem;font-size:1rem;line-height:1.4;color:var(--muted)}
.hosting-in-cards .hero>.hero-studio-copy{margin-top:1.25rem}
.hosting-in-cards #websites>.note{font-size:.875rem;line-height:1.5;max-width:51rem;margin-top:3rem}
.hosting-in-cards #websites>.timing-note{margin-top:1.25rem}
.hosting-in-cards #websites>.tools-strip{display:flex;flex-direction:column;align-items:center;gap:0;padding:9rem 0 7rem!important;border:0}
.hosting-in-cards .tools-strip .tool-logos{display:grid;grid-template-columns:repeat(5,5.5rem);gap:2rem 1.5rem;margin:0;padding:0}
.hosting-in-cards .tool-logos li{display:flex;flex-direction:column;align-items:center;gap:.75rem;font-size:.75rem;line-height:1.3;color:var(--muted);font-weight:400;text-align:center;flex-basis:auto}
.hosting-in-cards .tool-icon{width:5.5rem;height:5.5rem;border:1px solid var(--line);border-radius:1rem;display:flex;align-items:center;justify-content:center}
.hosting-in-cards .tool-logos img{width:2.5rem;height:2.5rem;filter:none}
.hosting-in-cards #tools-title{font-size:.875rem;color:var(--muted);margin-top:4rem;letter-spacing:0}
.hosting-in-cards .website-comparison{margin-top:0}
.hosting-in-cards .website-comparison h3{font-size:2.5rem;margin-bottom:3rem}
@media(min-width:1000px){
 .hosting-in-cards .pricing-with-rail{grid-template-columns:repeat(12,minmax(0,1fr))}
 .hosting-in-cards .pricing-with-rail>main{grid-column:1/10}
 .hosting-in-cards .pricing-rail{grid-column:10/13}
 .hosting-in-cards .pricing-with-rail #websites>.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hosting-in-cards #websites>.cards>.plan{padding:2.5rem 1.875rem;border-right:1px solid var(--line);border-bottom:0}
 .hosting-in-cards #websites>.cards>.plan:last-child{border-right:0}
 .hosting-in-cards #websites .plan h3{font-size:2.25rem}
 .hosting-in-cards #websites .plan .desc{min-height:5rem;margin-top:1.75rem;font-size:.875rem;line-height:1.5}
 .hosting-in-cards #websites .plan .project-price{margin-top:1.5rem;font-size:2.25rem}
 .hosting-in-cards #websites .plan .features{gap:.75rem;margin-block:1.75rem}
 .hosting-in-cards #websites .plan .features li{font-size:.875rem;line-height:1.5}
 .hosting-in-cards #websites .plan .delivery-time{font-size:.875rem;padding-bottom:1.75rem}
 .hosting-in-cards #websites .plan .package-size{font-size:.875rem}
}
/* Height fallback uses the same inline editor and bottom bar as tablet/phone. */
.hosting-in-cards.compact-calculator .pricing-with-rail #calculator{display:block}
.hosting-in-cards.compact-calculator #calculator>.section-head{display:none}
.hosting-in-cards.compact-calculator #calculator .pricing-rail{display:block;padding-top:0}
.hosting-in-cards.compact-calculator #calculator .rail-panel{position:static;max-height:none;overflow:visible;max-width:32rem;margin-inline:auto}
.hosting-in-cards.compact-calculator .rail-cta{position:static}
.hosting-in-cards.compact-calculator .mobile-pricebar:not([hidden]){display:flex!important}
@media(max-width:999px){
 .hosting-in-cards .hero{padding-block:5rem 4rem}
 .hosting-in-cards .hero h1{font-size:3.75rem}
 .hosting-in-cards #websites>.tools-strip{padding-block:6rem!important}
}
@media(max-width:699px){
 .hosting-in-cards .hero{padding-block:4rem 3rem}
 .hosting-in-cards .hero h1{font-size:2.75rem}
 .hosting-in-cards .hero>p{max-width:100%}
 .hosting-in-cards .tools-strip .tool-logos{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:1.5rem .5rem}
 .hosting-in-cards .tool-icon{width:3.5rem;height:3.5rem;border-radius:.75rem}
 .hosting-in-cards .tool-logos img{width:1.75rem;height:1.75rem}
 .hosting-in-cards .tool-logos li{font-size:.625rem}
 .hosting-in-cards #tools-title{margin-top:2rem}
 .hosting-in-cards .website-comparison h3{font-size:2rem}
}
@media(min-width:1000px){.hosting-in-cards.compact-calculator .pricing-with-rail>main{grid-column:1/-1}}