/* /register – choose account type (Framer design) */
.djs-hub { background: var(--djs-canvas, #f5f5fd); }

.djs-hub__hero { padding-block: 80px 56px; text-align: center; }
.djs-hub__eyebrow { margin: 0 0 24px; font-size: var(--djs-fs-label, .875rem); font-weight: 600; color: var(--djs-action-blue, #143f66); }
.djs-hub__hero h1 { max-width: 11.5em; margin: 0 auto 28px; line-height: 1.05; color: var(--djs-ink, #143f66); }
.djs-hub__sub { max-width: 40em; margin: 0 auto; color: var(--djs-muted, #555968); }

.djs-hub__body { padding-block: 0 96px; }
.djs-hub__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.djs-hub__card { display: flex; flex-direction: column; padding: 40px; border-radius: var(--djs-radius-card, 24px); }
.djs-hub__tag { margin: 0 0 28px; font-size: var(--djs-fs-small, .8125rem); font-weight: 600; text-transform: uppercase; }
.djs-hub__card h2 { margin: 0 0 28px; font-size: 2rem; line-height: 1.15; }
.djs-hub__copy { flex: 1; }
.djs-hub__copy p { margin: 0 0 20px; }
.djs-hub__copy p:last-child { margin-bottom: 0; }
.djs-hub__price { margin: 24px 0 24px; font-size: var(--djs-fs-label, .875rem); font-weight: 700; }

.djs-hub__card--dark { background: var(--djs-action-blue, #143f66); color: #fff; }
.djs-hub__card--dark .djs-hub__tag, .djs-hub__card--dark .djs-hub__price { color: var(--djs-soft-lavender, #bcc2f0); }
.djs-hub__card--dark h2 { color: #fff; }

.djs-hub__card--light { background: var(--djs-soft-lavender, #bcc2f0); color: var(--djs-action-blue, #143f66); }
.djs-hub__card--light h2, .djs-hub__card--light .djs-hub__tag, .djs-hub__card--light .djs-hub__price { color: var(--djs-action-blue, #143f66); }
.djs-hub__card--light .djs-hub__copy { color: var(--djs-link-hover, #555a91); }

.djs-hub__cta { display: block; padding: 16px 20px; border-radius: 8px; text-align: center; font-size: .9375rem; font-weight: 700; text-decoration: none; text-transform: lowercase; transition: filter .15s; }
.djs-hub__cta:hover { filter: brightness(.95); }
.djs-hub__cta--yellow, .djs-hub__cta--yellow:hover { background: var(--djs-sunshine, #ffdf7c); color: var(--djs-action-blue, #143f66); }
.djs-hub__cta--navy, .djs-hub__cta--navy:hover { background: var(--djs-action-blue, #143f66); color: #fff; }

.djs-hub__signin { margin: 40px 0 0; text-align: center; font-size: var(--djs-fs-label, .875rem); font-weight: 700; color: var(--djs-action-blue, #143f66); }
.djs-hub__signin a { color: inherit; }
.djs-hub__signin a:hover { color: var(--djs-link-hover, #555a91); }

@media (max-width: 800px) {
	.djs-hub__hero { padding-block: 48px 32px; }
	.djs-hub__cards { grid-template-columns: 1fr; }
	.djs-hub__card { padding: 28px 22px; }
	.djs-hub__card h2 { font-size: 1.75rem; }
}