.home { width: min(var(--content-width), 100% - var(--space-8)); margin-inline: auto; }
.introduction { padding-block: clamp(var(--space-12), 9vw, var(--space-24)); max-width: var(--reading-width); }
.introduction .platform { font-size: .9rem; color: var(--muted); margin-bottom: var(--space-6); }
.introduction h1 { font-size: clamp(2.8rem, 7vw, 5.9rem); font-weight: 620; margin-bottom: var(--space-8); }
.introduction .lead { max-width: 37rem; color: var(--muted); font-size: clamp(1.05rem, 2vw, 1.2rem); margin-bottom: var(--space-8); }
.contact-link { display: inline-block; background: var(--accent); color: var(--on-accent); text-decoration: none; padding: var(--space-3) var(--space-6); border-radius: var(--radius); font-weight: 600; }
.contact-link:hover { text-decoration: underline; }
.features { border-top: 1px solid var(--border); padding-block: var(--space-12); }
.features h2, .account-note h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: var(--space-8); }
.features dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: var(--space-8); margin-bottom: 0; }
.features dt { font-weight: 650; margin-bottom: var(--space-3); }
.features dd { margin: 0; color: var(--muted); font-size: .95rem; }
.account-note { border-top: 1px solid var(--border); padding-block: var(--space-12) var(--space-16); }
.account-note p { max-width: var(--reading-width); color: var(--muted); }