.brand-ui {
  --brand-blue: #1748dc;
  --brand-blue-dark: #1538a0;
  --brand-yellow: #ffda35;
  --brand-ink: #17212b;
  --brand-muted: #586577;
  --brand-canvas: #f6f7fb;
  --brand-border: #dfe4ed;
  color: var(--brand-ink);
  background: var(--brand-canvas);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.brand-ui .features-brand { color: var(--brand-ink); font-size: 29px; letter-spacing: -1.3px; }
.brand-ui .features-button { min-height: 50px; border: 0; border-radius: 999px; padding: 14px 28px; background: var(--brand-blue); color: #fff; font-size: 15px; font-weight: 700; box-shadow: 0 3px 8px #1748dc18; }
.brand-ui .features-button:hover { background: var(--brand-blue-dark); }
.brand-ui .features-button--small { min-height: 42px; padding: 10px 20px; font-size: 13px; }
.brand-ui .features-text-link { color: var(--brand-blue); }
.brand-ui .features-nav a[aria-current=page] { color: var(--brand-blue); border-color: var(--brand-blue); }
.brand-ui .features-account-menu nav { border-color: var(--brand-border); border-radius: 16px; box-shadow: 0 12px 36px #17212b18; }
.brand-ui a:focus-visible,
.brand-ui button:focus-visible,
.brand-ui summary:focus-visible { outline: 3px solid #537bf0; outline-offset: 4px; }
.brand-ui .features-eyebrow { color: var(--brand-blue); }
.brand-ui .features-lead { color: var(--brand-muted); }
.brand-ui .features-footer { border-color: var(--brand-border); }
.brand-ui .account-plan-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0; padding: 20px 0; }
.brand-ui .account-plan-actions>* { min-width: 0; max-width: 100%; margin: 0; }
.brand-ui .account-plan-actions a.border { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 100%; min-height: 44px; padding: 10px 18px; border: 1px solid var(--brand-blue); border-radius: 999px; color: var(--brand-blue); font-size: 14px; line-height: 1.7; text-align: center; }
.illustrated-home .learning-home-choices { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.illustrated-home .feature-menu__name { font-size: clamp(40px,13cqw,88px); }
.illustrated-home .learning-home-intro { padding-block: 32px; }
.illustrated-home .learning-home-main { padding-bottom: 48px; }
.illustrated-home { background: #fff; }
@media(max-width:760px) {
  .illustrated-home .learning-home-choices { grid-template-columns: 1fr; gap: 20px; }
}
@media(max-width:640px) {
  .brand-ui .features-brand { font-size: 25px; }
  .brand-ui .features-button--small { min-height: 40px; padding: 9px 16px; }
}