/* WordPress variation of the shared branded hosting hero. */
.wordpress-reference-hero .crh-copy h1{font-size:clamp(36px,3.4vw,52px)}
.wordpress-reference-hero .crh-browser .wpr-browser-label{display:flex;align-items:center;justify-content:flex-end;flex:1;min-height:34px;padding:7px 14px;border-radius:24px;background:#0066cc;color:#fff;font-size:11px;font-weight:750}
.wordpress-reference-hero .wpr-security{top:25%;right:0;width:165px;text-align:center}
.wpr-security .crh-card-icon{margin-inline:auto}.wpr-security small{margin-top:8px}
.wordpress-reference-hero .wpr-speed{top:43%;bottom:auto;left:-10px;width:210px}
.wordpress-reference-hero .wpr-speed .crh-card-icon{margin-bottom:8px}
.wpr-site-card{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:16px;width:255px;padding:24px 18px;border:1px solid #ffffff66;border-radius:20px;background:linear-gradient(125deg,#0054aa,#007bd9);color:#fff;text-align:center;box-shadow:0 18px 38px #004b9626}
.wpr-site-card>img{width:42px;height:42px;padding:7px;border-radius:50%;background:#fff}.wpr-site-card>strong{font-size:18px;font-weight:800;line-height:1.45}.wpr-site-card>span{display:flex;align-items:center;gap:6px;font-size:11px;color:#e4f2ff}.wpr-site-card i{font-style:normal;color:#fff}
@media(max-width:1100px){.wordpress-reference-hero .wpr-speed{width:175px;left:0}.wordpress-reference-hero .wpr-security{width:150px;top:23%}.wpr-site-card{width:225px;padding:20px 14px;gap:12px}.wpr-site-card>strong{font-size:16px}}
@media(max-width:767px){.wordpress-reference-hero .crh-copy h1{font-size:clamp(34px,8.5vw,48px)}.wordpress-reference-hero .crh-visual{height:480px}.wordpress-reference-hero .wpr-security{top:25%;width:135px;padding:12px}.wordpress-reference-hero .wpr-speed{top:48%;width:166px;padding:12px}.wordpress-reference-hero .crh-browser .wpr-browser-label{font-size:9px;min-height:27px;padding:5px 9px}.wpr-site-card{bottom:0;width:220px;padding:17px 14px;gap:10px}.wpr-site-card>img{width:34px;height:34px;padding:5px}.wpr-site-card>strong{font-size:15px}.wpr-site-card>span{font-size:10px}}
@media(max-width:380px){.wordpress-reference-hero .crh-visual{height:425px}.wordpress-reference-hero .wpr-security{width:124px}.wordpress-reference-hero .wpr-speed{width:152px;top:45%}.wpr-site-card{width:195px}.wordpress-reference-hero .crh-browser>div{gap:6px;padding-inline:10px}}