.wp-block-vaula-features {
	--vf-card: #081a1f;
	--vf-panel: #031217;
	--vf-accent: #00fff6;
	--vf-gap: 1.35rem;
	color: #fff;
	margin-bottom: clamp(4rem, 6vw, 7rem) !important;
}

:where(.wp-block-vaula-features) {
	font-size: var(--wp--preset--font-size--small, .875rem);
}

.vaula-features__group + .vaula-features__group { margin-top: 4rem; }
.vaula-features__group-title { margin: 0 0 1.75rem; color: var(--vf-accent); font-size: .94rem; font-weight: 500; letter-spacing: .16em; line-height: 1.3; text-transform: uppercase; }
.vaula-features__rows { display: flex; flex-direction: column; gap: var(--vf-gap); }
.vaula-features__row { isolation: isolate; position: relative; }
.vaula-features__cards { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--vf-gap); align-items: stretch; }
.vaula-features__item-heading { width: 100% !important; min-width: 0; max-width: none !important; height: 100%; margin: 0 !important; padding: 0; align-self: stretch; justify-self: stretch; font: inherit; }
.vaula-features__card { position: relative; z-index: 2; display: grid; grid-template-columns: 1.5rem 1fr; gap: 1rem; width: 100%; max-width: none; min-height: 8.25rem; height: 100%; padding: 1.55rem 1.85rem; border: 0; border-radius: .65rem; background: var(--vf-card); color: inherit; font: inherit; text-align: left; cursor: pointer; box-sizing: border-box; }
.vaula-features__card-copy { display: flex; flex-direction: column; gap: .9rem; }
.vaula-features__item-title { color: var(--vf-title-color, #67ff71); font-size: 1em; font-weight: 700; line-height: 1.25; }
.vaula-features__summary { font-size: 1em; line-height: 1.35; }
.vaula-features__chevron { align-self: center; width: .62rem; height: .62rem; margin-top: 0; border-right: .22rem solid currentColor; border-bottom: .22rem solid currentColor; transform: rotate(45deg); transition: transform .2s ease; }
.vaula-features__card[aria-expanded="true"] { background: var(--vf-panel); border-radius: .65rem; }
.vaula-features__card[aria-expanded="true"] .vaula-features__chevron { transform: translateY(.28rem) rotate(225deg); }
.vaula-features__detail { position: relative; z-index: 1; display: grid; grid-template-rows: 0fr; box-sizing: border-box; margin-top: 0; border-radius: 0 0 .65rem .65rem; opacity: 0; visibility: hidden; }
.vaula-features__detail::before { content: ""; position: absolute; z-index: -1; top: calc(-1 * var(--vf-card-height, 8.25rem)); right: 0; bottom: 0; left: 0; border-radius: .65rem; background: var(--vf-panel); opacity: 0; transition: opacity .65s cubic-bezier(.4, 0, .2, 1); }
.vaula-features__detail[hidden] { display: none; }
.vaula-features__detail:not([hidden]) { display: grid; }
.vaula-features__detail.is-open { grid-template-rows: 1fr; opacity: 1; visibility: visible; transition-delay: 0s; }
.vaula-features__detail.is-open::before { opacity: 1; }
.vaula-features__detail.is-closing { visibility: visible; }
.vaula-features__detail.is-closing::before { opacity: 0; }
.vaula-features__detail-inner { min-height: 0; overflow: hidden; display: grid; grid-template-columns: minmax(17rem, .9fr) minmax(22rem, 1.15fr); gap: clamp(2.5rem, 7vw, 8rem); padding: 0 4.6rem; }
.vaula-features__detail.is-open .vaula-features__detail-inner { padding-top: 4.2rem; padding-bottom: 4.2rem; }
.vaula-features__detail-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.vaula-features__content { font-size: 1.45em; line-height: 1.35; }
.vaula-features__content p { margin: 0 0 1.25em; }
.vaula-features__button { display: inline-flex; gap: 1.5rem; align-items: center; margin-top: 1.25rem; padding: 1rem 1.8rem; border-radius: 999px; background: #12333b; color: #fff; font-weight: 700; text-decoration: none; }
.vaula-features__button:hover, .vaula-features__button:focus-visible { color: var(--vf-accent); }
.vaula-features__image { align-self: center; margin: 0; }
.vaula-features__image img, .vaula-features__image video { display: block; width: 100%; height: auto; max-height: 29rem; object-fit: contain; border-radius: .35rem; }
.vaula-features__visual-block { min-width: 0; align-self: center; }
.vaula-features__visual-block .wp-block-vaula-mcp-conversation { margin: 0; }

@media (max-width: 900px) {
	.vaula-features__cards { grid-template-columns: 1fr 1fr; }
	.vaula-features__detail-inner { grid-template-columns: 1fr; gap: 2rem; padding-right: 2.5rem; padding-left: 2.5rem; }
	.vaula-features__detail.is-open .vaula-features__detail-inner { padding-top: 2.5rem; padding-bottom: 2.5rem; }
	.vaula-features__detail:not([hidden]) { grid-template-columns: 1fr; gap: 2rem; }
}

@media (max-width: 600px) {
	.wp-block-vaula-features { margin-bottom: 3rem !important; }
	.vaula-features__group + .vaula-features__group { margin-top: 3rem; }
	.vaula-features__cards { grid-template-columns: 1fr; }
	.vaula-features__card { min-height: 0; padding: 1.35rem; }
	.vaula-features__detail-inner { padding-right: 1.35rem; padding-left: 1.35rem; }
	.vaula-features__detail.is-open .vaula-features__detail-inner { padding-top: 2rem; padding-bottom: 2rem; }
}

@media (prefers-reduced-motion: reduce) { .vaula-features__chevron { transition: none; } }