/* Detail controls preserve the homepage card geometry and artwork. */
.card-detail-trigger{font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-align:inherit;background:none;border:0;padding:0;cursor:pointer}
.card-detail-trigger:after{content:'';position:absolute;inset:0;border-radius:7px}
.capability:focus-within,.workflow-grid>article:focus-within{outline:2px solid var(--cyan);outline-offset:4px}
.card-detail-trigger:hover{color:var(--cyan)}
.feature-detail{width:min(650px,calc(100% - 32px));height:min(760px,85vh);height:min(760px,85dvh);max-height:85dvh;overflow:hidden;padding:36px;border:1px solid #34536e;border-radius:12px;background:#091422;color:var(--text);box-shadow:0 24px 100px #0009}
.feature-detail[open]{display:flex;flex-direction:column}
.feature-detail form,.detail-navigation{flex-shrink:0}
.detail-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px}
.feature-detail::backdrop{background:#020712c9;backdrop-filter:blur(5px)}
.feature-detail form{display:flex;justify-content:flex-end;margin-bottom:20px}
.detail-close{color:#c6e7f3;border:1px solid #34536e;border-radius:5px;padding:6px 12px;background:#102137;cursor:pointer}
.feature-detail h2{font-size:clamp(27px,4vw,36px);margin-bottom:22px}
.detail-body>p:not(.eyebrow),.feature-detail li{color:var(--muted);line-height:1.75}
.feature-detail ul{padding-left:22px;margin:24px 0 30px}.feature-detail li+li{margin-top:12px}
.detail-navigation{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:16px;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #34536e}
.detail-navigation span{grid-column:2;grid-row:1;text-align:center;color:var(--muted);font-size:13px;letter-spacing:.12em}
.detail-navigation button{grid-row:1;width:48px;height:44px;border:1px solid #34536e;border-radius:6px;background:#102137;color:var(--cyan);font-size:25px;cursor:pointer}
.detail-navigation .detail-previous{grid-column:1}.detail-navigation .detail-next{grid-column:3}
.detail-navigation button:hover{background:#19354d}.detail-navigation button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:680px){.feature-detail{padding:24px}.feature-detail .button{font-size:12px;padding:12px;gap:12px}}