body[data-page="home"] .bento > .card { padding:0; }
.feature-trigger { display:flex; flex-direction:column; align-items:flex-start; text-align:left; width:100%; height:100%; padding:28px 24px; border:0; border-radius:16px; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.feature-trigger h3 { text-align:left; }
.feature-more { display:block; color:var(--blue); font-weight:600; font-size:.82rem; padding-top:20px; margin-top:auto; }
.feature-trigger:hover .feature-more { text-decoration:underline; text-underline-offset:4px; }
.feature-trigger:focus-visible { outline:2px solid var(--blue); outline-offset:4px; }
.feature-dialog { box-sizing:border-box; width:min(620px,calc(100% - 32px)); max-height:calc(100dvh - 40px); overflow:auto; padding:36px; border:1px solid var(--line); border-radius:20px; background:var(--surface); color:var(--ink); box-shadow:0 30px 100px #0008; }
.feature-dialog::backdrop { background:rgba(2,8,18,.78); backdrop-filter:blur(5px); }
body[data-page="home"] .feature-dialog h2 { font-size:clamp(1.5rem,4vw,2rem); margin:0 30px 14px 0; }
.feature-intro { color:var(--muted); }
.feature-dialog ul { padding-left:20px; margin:24px 0; color:var(--ink-2); }
.feature-dialog li { padding-left:4px; margin:14px 0; line-height:1.7; }
.feature-close { position:absolute; right:16px; top:14px; width:36px; height:36px; background:var(--sky); color:var(--ink); border:1px solid var(--line); border-radius:50%; cursor:pointer; font-size:24px; }
.feature-actions { display:flex; flex-wrap:wrap; gap:12px; border-top:1px solid var(--line); padding-top:24px; }
@media(max-width:480px){.feature-dialog{padding:26px 22px}.feature-actions .btn{width:100%}}