/* Agency Access page. CSS-compatible SCSS; copy to css/agency-access.css. */
.agency-page { color: var(--color-text-primary); }
.agency-page h1, .agency-page h2 { font-family: "Segoe UI", Arial, sans-serif; font-weight: 700; letter-spacing: -.045em; line-height: 1.12; text-wrap: balance; }
.agency-page h1 { margin: 0 0 24px; font-size: clamp(2.7rem, 4.7vw, 4.1rem); }
.agency-page h2 { margin: 0 0 22px; font-size: clamp(2rem, 3.3vw, 2.8rem); }
.agency-page em { color: var(--color-text-brand); font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.agency-page p { color: var(--color-text-secondary); line-height: 1.7; margin: 0 0 20px; }
.agency-page a, .agency-page a:hover { text-decoration: none; }
.agency-page a:focus-visible { outline: 3px solid var(--color-text-brand); outline-offset: 5px; }
.agency-page img { display: block; max-width: 100%; height: auto; }
.agency-page .btn-primary { border-radius: 4px; color: #fff; background: #2563eb; }
.agency-page .btn-primary:hover { background: #1d4ed8; }
.agency-page .cta-group { gap: 14px 24px; align-items: center; }
.agency-link { display: inline-flex; gap: 10px; align-items: center; min-height: 44px; font-weight: 600; color: var(--color-text-brand); }
.agency-split { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 64px; }
.agency-hero { padding: 36px 0 64px; }
.agency-hero .cta-group { margin-top: 26px; }
.agency-page .agency-plan { margin: 24px 0 0; font-size: .875rem; max-width: 470px; }
.agency-plan a { color: var(--color-text-brand); font-weight: 600; }
.agency-art { width: 100%; border-radius: 4px; }
.agency-art--access { background: #fff; padding: 18px; box-sizing: border-box; }
.agency-scope, .agency-permissions { padding: 72px 0; }
.agency-scope { scroll-margin-top: 90px; }
.agency-flow { border: 1px solid var(--color-border); padding: 30px 24px; background: var(--color-bg); text-align: center; }
.agency-flow h3 { font-size: 1.15rem; padding-bottom: 24px; margin: 0; border-bottom: 1px solid var(--color-border); }
.agency-flow__branches { display: grid; grid-template-columns: 1fr 1fr; padding-top: 24px; }
.agency-flow__branches > div + div { border-left: 1px solid var(--color-border); }
.agency-flow strong, .agency-flow b, .agency-flow span { display: block; }
.agency-flow strong { font-size: 1rem; }
.agency-flow span { padding: 12px 0; font-size: 1.5rem; color: var(--color-text-brand); }
.agency-flow b { color: var(--color-text-brand); font-size: 1rem; }
.agency-flow p { font-size: .875rem; margin: 8px 0 0; }
.agency-capture { min-width: 0; display: block; }
.agency-capture img, .agency-permission-capture { width: 100%; border: 1px solid var(--color-border); border-radius: 4px; background: #fff; }
.agency-setup { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.agency-steps { list-style: none; counter-reset: steps; padding: 0; margin: 0; }
.agency-steps li { counter-increment: steps; position: relative; padding: 0 0 26px 42px; }
.agency-steps li:last-child { padding-bottom: 0; }
.agency-steps li::before { content: counter(steps, decimal-leading-zero); color: var(--color-text-brand); position: absolute; left: 0; top: 3px; font-size: .875rem; }
.agency-steps h3 { font-size: 1.125rem; font-weight: 600; margin: 0 0 8px; }
.agency-steps p { font-size: .9375rem; margin: 0; }
.agency-close { background: #0b2842; padding: 64px 0 0; }
.agency-close__main { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); align-items: center; gap: 64px; padding-bottom: 48px; }
.agency-close h2 { color: white; font-size: clamp(2.4rem,4.4vw,3.6rem); }
.agency-close h2 em { color: #9ec4ff; }
.agency-close p { color: #cfdeea; }
.agency-close__main p { max-width: 460px; }
.agency-close__main p a { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.agency-close .btn-primary { background: #fff; color: #0b2842; margin-top: 10px; }
.agency-close .btn-primary:hover { background: #e7effb; }
.agency-close a:focus-visible { outline-color: #9ec4ff; }
.agency-close__footer { border-top: 1px solid #ffffff30; padding: 22px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.agency-close__footer p { margin: 0; font-size: .875rem; }
.agency-close__footer a { display: inline-flex; align-items: center; min-height: 44px; gap: 8px; color: #fff; font-size: .875rem; }
.agency-close__footer p a { margin-left: 12px; }
@media (max-width: 1000px) { .agency-split, .agency-setup, .agency-close__main { gap: 36px; } }
@media (max-width: 760px) {
  .agency-split, .agency-setup, .agency-close__main { grid-template-columns: 1fr; gap: 30px; }
  .agency-page h1 { font-size: clamp(2.55rem,8.5vw,3.6rem); }
  .agency-page h2 { font-size: clamp(1.9rem,6.8vw,2.6rem); }
  .agency-hero { padding: 28px 0 44px; }
  .agency-scope, .agency-permissions { padding: 48px 0; }
  .agency-page .cta-group { flex-direction: column; align-items: flex-start; }
  .agency-flow { padding: 24px 14px; }
  .agency-flow__branches { gap: 8px; }
  .agency-flow__branches p { font-size: .8125rem; }
  .agency-close { padding-top: 44px; }
  .agency-close__main { padding-bottom: 32px; }
  .agency-close__footer { flex-direction: column; align-items: flex-start; gap: 0; }
  .agency-close__footer p a { margin-left: 0; display: flex; }
}