/* Photo accordion (home "Which of these costs you most?", /features "Not sure which you need?"): Figma 772:8105 accordion with the open item's photo; phones show every item with its photo on top (Figma 784:12304) */
.hp-door_card{background:#fff;border:1px solid #dfe4ea;border-radius:12px;transition:border-color .2s}
.hp-door.is-open .hp-door_card{border-color:#08a270}
.hp-door_head{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1.35rem 1.5rem;background:none;border:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
.hp-door_title{margin:0;font-family:var(--_typography---font--heading);font-size:1.25rem;font-weight:700;line-height:1.3;color:#181e35}
.hp-door_chev{flex:none;width:1.25rem;height:1.25rem;fill:none;stroke:#181e35;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.hp-door.is-open .hp-door_chev{transform:rotate(180deg)}
.hp-door_body{padding:0 1.5rem 1.5rem;margin-top:-.35rem}
.hp-door_text{margin:0;font-size:1rem;line-height:1.55;color:#4a5568}
.hp-door_body .route-link{display:inline-block;padding-top:.75rem}
.hp-door_img{display:block;width:100%;object-fit:cover;border-radius:12px}
.hp-door_head:focus-visible{outline:2px solid #08a270;outline-offset:-2px;border-radius:12px}
@media (min-width:992px){
.hp-doors_grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(3,auto) 1fr;column-gap:1.5rem;row-gap:1rem;max-width:66rem;margin:0 auto;min-height:27rem}
.hp-door{display:contents}
.hp-door_card{grid-column:1;grid-row:var(--row);align-self:start}
.hp-door_img{grid-column:2;grid-row:1/-1;height:0;min-height:100%;opacity:0;transition:opacity .35s ease}
.hp-door.is-open .hp-door_img{opacity:1}
.hp-door:not(.is-open) .hp-door_body{display:none}
}
@media (max-width:991px){
.hp-doors_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.hp-door{display:flex;flex-direction:column}
.hp-door_img{aspect-ratio:16/10;height:auto;border-radius:12px 12px 0 0}
.hp-door_card,.hp-door.is-open .hp-door_card{flex:1;border-color:#08a270;border-top:0;border-radius:0 0 12px 12px}
.hp-door_head{pointer-events:none;padding-bottom:.5rem}
.hp-door_chev{display:none}
.hp-door_body{margin-top:0}
}
@media (max-width:767px){.hp-doors_grid{grid-template-columns:minmax(0,1fr)}.hp-door_img{aspect-ratio:16/9}.hp-door_head{padding:1.1rem 1.25rem .4rem}.hp-door_title{font-size:1.125rem}.hp-door_body{padding:0 1.25rem 1.25rem}.hp-door_text{font-size:.9375rem}}