.brand-page {
  margin:0;
  background:#fafafa;
  color:#111827;
  font-family:Inter,"PingFang SC","Noto Sans SC",system-ui,sans-serif;
  line-height:1.6;
}
.brand-page main { overflow:hidden; }
.brand-hero,.brand-section { width:min(100% - 48px,1080px); margin:0 auto; padding:96px 0; }
.brand-hero { display:flex; min-height:100vh; flex-direction:column; justify-content:center; }
.brand-wordmark { color:#111827; font-size:var(--text-sm); font-weight:var(--font-bold); letter-spacing:.14em; }
.brand-hero h1 { margin:.2em 0; font-size:clamp(2.8rem,7vw,5rem); line-height:1.05; letter-spacing:-.055em; }
.brand-lead { max-width:720px; color:#6b7280; font-size:clamp(1.08rem,2vw,1.3rem); line-height:1.7; }
.brand-button { display:inline-flex; width:max-content; min-height:52px; margin-top:28px; align-items:center; justify-content:center; padding:0 28px; border-radius:12px; background:#2563eb; color:#fff; font-weight:var(--font-semibold); transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard); }
.brand-button:hover { background:#1d4ed8; transform:translateY(-1px); }
.brand-button:focus-visible { outline:3px solid rgba(37,99,235,.24); outline-offset:3px; }
.brand-boundary { max-width:720px; margin-top:var(--space-5); color:#8a919e; font-size:var(--text-xs); }
.brand-section { border-top:1px solid #e5e7eb; }
.brand-section h2 { margin:0; font-size:clamp(1.75rem,4vw,2rem); line-height:1.25; letter-spacing:-.035em; }
.brand-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:var(--space-7); }
.brand-card { min-height:190px; padding:24px; border:1px solid #e5e7eb; border-radius:16px; background:#fff; }
.brand-card h3 { font-size:var(--text-lg); letter-spacing:-.02em; }
.brand-card p { margin-top:var(--space-3); color:#6b7280; font-size:var(--text-sm); line-height:1.75; }
.brand-flow { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:var(--space-7); font-weight:var(--font-bold); }
.brand-flow li { display:flex; align-items:center; gap:12px; }
.brand-flow li:not(:last-child)::after { color:#9ca3af; content:"→"; }
.brand-flow span { display:inline-block; padding:10px 14px; border:1px solid #e5e7eb; border-radius:999px; background:#fff; }
.brand-lead--section { margin-top:var(--space-5); font-size:var(--text-md); }
.brand-start { padding-top:112px; padding-bottom:112px; }
.brand-footer { padding:60px 24px; border-top:1px solid #e5e7eb; color:#6b7280; font-size:var(--text-sm); text-align:center; }
@media (max-width:720px) {
  .brand-hero,.brand-section { width:calc(100% - 32px); padding:72px 0; }
  .brand-hero { min-height:calc(100svh - 24px); }
  .brand-grid { grid-template-columns:1fr; }
  .brand-card { min-height:auto; }
  .brand-flow { align-items:flex-start; flex-direction:column; }
  .brand-flow li { width:100%; }
  .brand-flow li:not(:last-child)::after { margin-left:auto; transform:rotate(90deg); }
}
@media (prefers-reduced-motion:reduce) {
  .brand-button { transition:none; }
  .brand-button:hover { transform:none; }
}