/* HostPlus 2026 / Why HostPlus: independent scoped component */
.hp26-why-section { margin: 0 !important; }
.hp26-why-section > .fusion-builder-row { max-width: 1680px !important; width: 100% !important; }
.hp26-why-section .fusion-layout-column { margin-bottom: 0 !important; }
.hp26-why-section .fusion-text { margin-bottom: 0 !important; }
.hp26-why {
    display: grid;
    grid-template-columns: minmax(0, 41fr) minmax(0, 59fr);
    align-items: stretch;
    gap: clamp(24px, 3vw, 45px);
    padding: 12px;
    width: 100%;
    background: #f7f9fd;
    border-radius: 23px;
    box-sizing: border-box;
    color: #152e58;
}
.hp26-why-photo { min-height: 350px; border-radius: 15px; overflow: hidden; }
.hp26-why-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hp26-why-content { min-width: 0; padding: 15px 18px 7px 0; }
.hp26-why-content h2 {
    color: #132e5a !important;
    margin: 0 0 29px !important;
    font-size: clamp(24px, 2.15vw, 35px) !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    letter-spacing: -.5px;
}
.hp26-why-content h2 span { color: #f5820b; }
.hp26-why-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); row-gap: 17px; column-gap: 18px; }
.hp26-why-feature { display: flex; align-items: flex-start; gap: 11px; padding: 6px 0 16px; border-bottom: 1px solid #e9edf5; min-width: 0; }
.hp26-why-icon {
    display: flex; flex: 0 0 41px; align-items: center; justify-content: center;
    width: 41px; height: 41px; border-radius: 50%;
    border: 2px solid currentColor; background: #f5f9ff;
    color: #2871f4; box-shadow: 0 0 0 5px rgba(40,113,244,.06);
}
.hp26-why-icon svg { width: 23px; height: 23px; }
.hp26-why-icon img { max-width: 30px; max-height: 30px; object-fit: contain; }
.hp26-why-feature-security .hp26-why-icon { color: #ff5c4b; background: #fff2ef; box-shadow: 0 0 0 5px rgba(255,92,75,.06); }
.hp26-why-feature-support .hp26-why-icon { color: #ad32cc; background: #fdf4ff; box-shadow: 0 0 0 5px rgba(173,50,204,.06); }
.hp26-why-feature-manage .hp26-why-icon { color: #286be7; background: #edf4ff; }
.hp26-why-feature-performance .hp26-why-icon { color: #0bb9b3; background: #ebfffe; box-shadow: 0 0 0 5px rgba(11,185,179,.06); }
.hp26-why-feature-prices .hp26-why-icon { color: #ff9c11; background: #fff7e9; box-shadow: 0 0 0 5px rgba(255,156,17,.06); }
.hp26-why-feature-copy { min-width: 0; }
.hp26-why-feature h3 { font-size: clamp(14px,1.06vw,17px) !important; line-height: 1.35 !important; color: #142a53 !important; margin: 0 0 4px !important; font-weight: 800 !important; }
.hp26-why-feature p { font-size: clamp(12px,.86vw,14px); line-height: 1.5; color: #445777; margin: 0 !important; }
@media(max-width:1100px){
  .hp26-why {grid-template-columns: minmax(0,39fr) minmax(0,61fr); gap: 22px;}
  .hp26-why-content {padding: 10px 4px 6px 0;}
  .hp26-why-grid {gap: 9px 14px;}
  .hp26-why-icon {flex-basis: 36px;width:36px;height:36px;}
  .hp26-why-feature {gap: 9px;}
}
@media(max-width:850px){
  .hp26-why {grid-template-columns: minmax(0,1fr);}
  .hp26-why-photo {min-height:0; aspect-ratio: 1.75;}
  .hp26-why-content {padding: 4px 13px 13px;}
}
@media(max-width:540px){
  .hp26-why {padding:9px;border-radius:16px;gap:15px;}
  .hp26-why-photo {aspect-ratio:1.5;}
  .hp26-why-content h2 {font-size:24px!important;margin-bottom:20px!important;}
  .hp26-why-grid {grid-template-columns:minmax(0,1fr);gap:3px;}
  .hp26-why-feature {padding:10px 0 13px;}
  .hp26-why-feature h3 {font-size:15px!important;}
  .hp26-why-feature p {font-size:13px;}
}

/* Additional administrator-selectable built-in symbols. */
.hp26-why-icon-globe {color:#2475d6;background:#edf6ff;box-shadow:0 0 0 5px rgba(36,117,214,.06)}
.hp26-why-icon-rocket {color:#f5820b;background:#fff4e7;box-shadow:0 0 0 5px rgba(245,130,11,.06)}
.hp26-why-icon-cloud {color:#3186dd;background:#edf6ff;box-shadow:0 0 0 5px rgba(49,134,221,.06)}
.hp26-why-icon-star {color:#e59d08;background:#fff9ea;box-shadow:0 0 0 5px rgba(229,157,8,.06)}
.hp26-why-icon-server {color:#415e95;background:#eff3ff;box-shadow:0 0 0 5px rgba(65,94,149,.06)}
.hp26-why-icon-tools {color:#2b9e88;background:#eafff8;box-shadow:0 0 0 5px rgba(43,158,136,.06)}