.applications-page { overflow-wrap:break-word; }
.applications-page .app-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; padding-block:24px; font-size:14px; line-height:22px; color:var(--muted); }
.applications-page .app-breadcrumb a { text-decoration:none; }
.applications-page .app-breadcrumb a:hover { color:var(--action); text-decoration:underline; }
.applications-page .app-hero { padding-block:24px 64px; }
.applications-page .app-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:64px; }
.applications-page h1 { font-size:48px; line-height:56px; }
.applications-page .app-lead { margin-top:24px; max-width:36em; font-size:20px; line-height:32px; }
.applications-page .app-hero-note { margin-top:16px; color:var(--muted); font-size:16px; line-height:26px; max-width:34em; }
.applications-page .app-hero .actions { margin-top:32px; align-items:center; }
.applications-page .app-hero-media { aspect-ratio:16/10; }
.applications-page .app-task-nav { background:var(--bg); border-block:1px solid var(--line); scroll-margin-top:104px; }
.applications-page .app-task-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.applications-page .app-task-grid>a { padding:28px 24px; text-decoration:none; border-inline-start:1px solid var(--line); transition:background 160ms; }
.applications-page .app-task-grid>a:last-child { border-inline-end:1px solid var(--line); }
.applications-page .app-task-grid>a:hover { background:var(--soft); }
.applications-page .app-number { display:block; color:var(--action); font-size:14px; font-weight:500; margin-bottom:12px; }
.applications-page .app-task-title { display:flex; align-items:start; justify-content:space-between; gap:12px; color:var(--ink); font-size:18px; font-weight:600; line-height:26px; }
.applications-page .app-task-text { display:block; color:var(--muted); font-size:15px; line-height:24px; margin-top:8px; }
.applications-page .app-chapter-grid { display:grid; grid-template-columns:0.9fr 1.3fr; gap:88px; }
.applications-page .app-chapter-heading>p:not(.eyebrow) { margin-top:24px; max-width:30em; }
.applications-page .app-chapter-heading>.text-link { margin-top:16px; }
.applications-page .app-check-steps { list-style:none; }
.applications-page .app-check-steps li { display:grid; grid-template-columns:32px 1fr; gap:20px; padding-block:24px; border-top:1px solid var(--line); }
.applications-page .app-check-steps li:first-child { padding-top:0; border-top:0; }
.applications-page .app-check-steps li>span { color:var(--action); font-size:16px; font-weight:500; line-height:32px; }
.applications-page .app-check-steps p { margin-top:8px; font-size:16px; line-height:26px; }
.applications-page .app-inline-cta { border-top:1px solid var(--line); padding-top:24px; }
.applications-page .app-inline-cta p { color:var(--muted); font-size:16px; line-height:26px; }
.applications-page .app-inline-cta .button { margin-top:16px; }
.applications-page .app-recognition { background:var(--bg); }
.applications-page .app-section-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:64px; margin-bottom:40px; }
.applications-page .app-section-heading>p { max-width:34em; }
.applications-page .app-comparison { overflow:auto; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.applications-page .app-comparison:focus-visible { outline:3px solid var(--action); outline-offset:4px; }
.applications-page table { width:100%; border-collapse:collapse; min-width:700px; table-layout:fixed; text-align:left; font-size:16px; line-height:26px; }
.applications-page caption { padding:20px 24px; text-align:left; color:var(--ink); font-weight:500; }
.applications-page thead { background:var(--soft); color:var(--ink); }
.applications-page th,.applications-page td { padding:20px 24px; vertical-align:top; border-top:1px solid var(--line); }
.applications-page th { font-weight:500; }
.applications-page th:first-child { width:28%; }
.applications-page tbody th a { color:var(--action); }
.applications-page tbody th .arrow { font-size:16px; }
.applications-page .app-connection-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; margin-top:40px; }
.applications-page .app-connection-media { aspect-ratio:16/7; background:var(--surface); }
.applications-page .app-connection-grid h3+p { margin-top:12px; }
.applications-page .app-connection-grid p { font-size:16px; line-height:26px; }
.applications-page .app-connection-grid .actions { margin-top:12px; gap:8px 24px; }
.applications-page .app-pedestrian-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.applications-page .app-selection-list { padding-left:24px; }
.applications-page .app-selection-list li { padding-left:12px; margin-bottom:24px; }
.applications-page .app-selection-list li::marker { color:var(--action); font-size:16px; font-weight:500; }
.applications-page .app-selection-list p { margin-top:8px; font-size:16px; line-height:26px; }
.applications-page .app-small-note { padding:20px 24px; background:var(--bg); border-left:2px solid var(--action); font-size:16px; line-height:26px; }
.applications-page .app-pedestrian-media { aspect-ratio:16/9; }
.applications-page .app-product-links { margin-top:24px; }
.applications-page .app-product-links a { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-block:14px; border-bottom:1px solid var(--line); color:var(--action); font-size:16px; line-height:24px; font-weight:500; text-decoration:none; }
.applications-page .app-product-links a:hover { text-decoration:underline; }
.applications-page .app-advertising { border-top:1px solid var(--line); }
.applications-page .app-advertising-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.applications-page .app-advertising-media { aspect-ratio:4/3; }
.applications-page .app-model-links { display:flex; flex-direction:column; align-items:start; gap:4px; margin-top:20px; }
.applications-page .app-section-intro { margin-top:24px; }
.applications-page .app-advertising-checks { margin:24px 0 32px; }
.applications-page .app-advertising-checks>div { padding-block:16px; border-bottom:1px solid var(--line); }
.applications-page .app-advertising-checks dt { color:var(--ink); font-size:18px; font-weight:500; }
.applications-page .app-advertising-checks dd { margin:4px 0 0; font-size:16px; line-height:26px; }
.applications-page .app-contact { background:var(--soft); padding-block:64px; }
.applications-page .app-contact-inner { display:grid; grid-template-columns:1.3fr 0.8fr; gap:64px; align-items:center; }
.applications-page .app-contact h2+p { margin-top:16px; max-width:40em; }
.applications-page .app-contact-actions { display:flex; flex-direction:column; align-items:start; gap:12px; justify-self:end; min-width:0; }
.applications-page .app-contact-actions .text-link { overflow-wrap:anywhere; }
@media(max-width:1199px) {
  .applications-page h1 { font-size:40px; line-height:48px; }
  .applications-page .app-hero-grid,.applications-page .app-chapter-grid,.applications-page .app-section-heading,.applications-page .app-pedestrian-grid,.applications-page .app-advertising-grid,.applications-page .app-contact-inner { gap:40px; }
  .applications-page .app-task-grid>a { padding-inline:16px; }
  .applications-page .app-task-title { font-size:16px; line-height:24px; }
}
@media(max-width:1023px) {
  .applications-page .app-hero-grid { grid-template-columns:1fr; gap:32px; }
  .applications-page .app-hero-media { max-width:640px; width:100%; }
  .applications-page .app-task-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .applications-page .app-task-grid>a { padding:24px; }
  .applications-page .app-task-grid>a:nth-child(2) { border-inline-end:1px solid var(--line); }
  .applications-page .app-task-grid>a:nth-child(n+3) { border-top:1px solid var(--line); }
  .applications-page .app-chapter-grid,.applications-page .app-section-heading,.applications-page .app-connection-grid,.applications-page .app-pedestrian-grid,.applications-page .app-advertising-grid,.applications-page .app-contact-inner { grid-template-columns:1fr; gap:32px; }
  .applications-page .app-section-heading { margin-bottom:32px; }
  .applications-page .app-contact-actions { justify-self:start; }
  .applications-page .app-advertising-grid>div:first-child { order:2; }
  .applications-page .app-advertising-media { max-width:640px; }
}
@media(max-width:767px) {
  .applications-page h1 { font-size:32px; line-height:40px; }
  .applications-page .app-breadcrumb { font-size:13px; line-height:20px; padding-block:20px; }
  .applications-page .app-hero { padding-block:12px 40px; }
  .applications-page .app-lead { font-size:18px; line-height:28px; margin-top:20px; }
  .applications-page .app-hero .actions { margin-top:24px; }
  .applications-page .app-task-grid>a { padding:20px 16px; }
  .applications-page .app-task-title { flex-direction:column; gap:8px; }
  .applications-page .app-task-title>span { display:none; }
  .applications-page .app-task-text { font-size:14px; line-height:22px; }
  .applications-page .app-task-nav { scroll-margin-top:88px; }
  .applications-page .app-check-steps li { grid-template-columns:24px 1fr; gap:12px; padding-block:20px; }
  .applications-page h3 { font-size:21px; line-height:29px; }
  .applications-page .app-comparison table { min-width:0; }
  .applications-page .app-comparison thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .applications-page .app-comparison tbody,.applications-page .app-comparison tr,.applications-page .app-comparison th,.applications-page .app-comparison td { display:block; width:100%; }
  .applications-page .app-comparison caption { padding:20px; font-size:15px; }
  .applications-page .app-comparison tbody th { background:var(--soft); padding:16px 20px; }
  .applications-page .app-comparison td { padding:12px 20px; border:0; }
  .applications-page .app-comparison td:last-child { padding-bottom:20px; }
  .applications-page .app-comparison td:nth-child(2)::before { content:'A starting point when…'; display:block; color:var(--ink); font-weight:500; margin-bottom:4px; }
  .applications-page .app-comparison td:nth-child(3)::before { content:'What to confirm'; display:block; color:var(--ink); font-weight:500; margin-bottom:4px; }
  .applications-page .app-connection-grid { margin-top:32px; }
  .applications-page .app-small-note { padding:16px 20px; }
  .applications-page .app-contact { padding-block:48px; }
}
@media(prefers-reduced-motion:reduce) {
  .applications-page .app-task-grid>a { transition:none; }
}