.apm-about-hero { background: radial-gradient(900px 420px at 82% -10%, rgba(61, 80, 224, 0.14), transparent 62%), linear-gradient(180deg, var(--apm-bg-hero-top) 0%, var(--apm-bg-section) 100%); border-block-end: 1px solid var(--apm-border); padding-block: var(--apm-section-block-sm) 72px; } .apm-about-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--apm-space-2xl); align-items: center; } @media (max-width: 1024px) { .apm-about-hero__grid { grid-template-columns: minmax(0, 1fr); } } .apm-note-pill { display: inline-flex; align-items: center; gap: 9px; font-size: var(--apm-size-small); color: var(--apm-text-muted); background: var(--apm-brand-tint); border: 1px solid var(--apm-brand-tint-border); border-radius: var(--apm-radius-pill); padding: 9px 15px; margin: 0; } .apm-note-pill::before { content: ""; width: 7px; height: 7px; border-radius: var(--apm-radius-pill); background: var(--apm-brand); flex: 0 0 auto; } .apm-viz { border: 1px solid var(--apm-border-card); border-radius: var(--apm-radius-2xl); background: var(--apm-white); padding: 22px; box-shadow: var(--apm-shadow-soft); } .apm-viz__core { display: flex; justify-content: center; margin-block-end: 2px; } .apm-viz__core span { display: inline-flex; align-items: center; gap: 10px; padding: var(--apm-space-sm) 18px; border-radius: var(--apm-radius-pill); background: var(--apm-dark); color: var(--apm-white); font-size: 14px; font-weight: 700; } .apm-viz__core i { width: 9px; height: 9px; border-radius: var(--apm-radius-pill); background: var(--apm-success-bright); flex: 0 0 auto; } .apm-rail { display: flex; max-width: 100%; gap: var(--apm-space-xs); overflow-x: auto; padding-block-end: var(--apm-space-2xs); scrollbar-width: thin; -webkit-overflow-scrolling: touch; min-width: 0; margin: 0; padding-inline: 0; list-style: none; } .apm-rail::-webkit-scrollbar { height: 4px; } .apm-rail::-webkit-scrollbar-thumb { background: var(--apm-border-strong); border-radius: var(--apm-radius-pill); } .apm-node-btn { display: inline-flex; align-items: center; gap: var(--apm-space-xs); min-height: var(--apm-tap); padding-inline: var(--apm-space-sm); border: 1px solid var(--apm-border-card); border-radius: var(--apm-radius-pill); background: var(--apm-white); color: var(--apm-text-body); font-family: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; white-space: nowrap; transition: border-color 0.2s var(--apm-ease), background 0.2s var(--apm-ease), color 0.2s var(--apm-ease); } .apm-node-btn[aria-pressed="true"], .apm-node-btn[aria-selected="true"] { border-color: var(--apm-brand); background: var(--apm-brand-tint); color: var(--apm-brand-hover); } .apm-node-btn i { width: 9px; height: 9px; border-radius: var(--apm-radius-pill); flex: 0 0 auto; } .apm-viz__detail, .apm-detail-card { border: 1px solid var(--apm-border-card); border-radius: var(--apm-radius-lg); background: var(--apm-bg-subtle); padding: var(--apm-space-md) 18px; min-height: 112px; } .apm-detail-card[hidden] { display: none; } .apm-chip { display: inline-flex; align-items: center; gap: var(--apm-space-xs); font-size: 12px; font-weight: 700; color: var(--apm-brand-hover); background: var(--apm-brand-tint); border-radius: var(--apm-radius-pill); padding: 6px var(--apm-space-sm); margin: 0; }  .apm-aud { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: var(--apm-space-md); align-items: start; } @media (max-width: 900px) { .apm-aud { grid-template-columns: minmax(0, 1fr); } } .apm-aud__tabs { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; } .apm-aud__tab { display: flex; align-items: center; gap: var(--apm-space-sm); width: 100%; min-height: 56px; padding-inline: var(--apm-space-md); border: 1px solid var(--apm-border-card); border-radius: var(--apm-radius-md); background: var(--apm-white); cursor: pointer; font-family: inherit; text-align: start; font-size: var(--apm-size-base); font-weight: 700; color: var(--apm-text-body); transition: border-color 0.22s var(--apm-ease), background 0.22s var(--apm-ease), box-shadow 0.22s var(--apm-ease); } .apm-aud__tab[aria-selected="true"] { border-color: var(--apm-brand); background: var(--apm-brand-tint); color: var(--apm-text-strong); box-shadow: 0 0 0 1px rgba(61, 80, 224, 0.22); } .apm-aud__panel { border: 1px solid var(--apm-border-card); border-radius: var(--apm-radius-xl); background: linear-gradient(180deg, var(--apm-bg-subtle), #f6f8fe); padding: 28px; min-height: 264px; } .apm-aud__panel[hidden] { display: none; } .apm-aud__panel h3 { font-size: clamp(20px, 2.2vw, 24px); margin-block-end: 18px; } .apm-aud__panel dl { display: grid; gap: var(--apm-space-md); margin: 0; } .apm-aud__panel dt { font-size: 11.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--apm-dark-text-dimmer); margin-block-end: 6px; } .apm-aud__panel dd { font-size: var(--apm-size-base); line-height: var(--apm-lh-body); color: var(--apm-text-muted); margin: 0; } .apm-aud__panel dd.is-outcome { color: var(--apm-text-strong); font-weight: 600; }  .apm-cmp { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--apm-space-md); align-items: start; } @media (max-width: 860px) { .apm-cmp { grid-template-columns: minmax(0, 1fr); } } .apm-cmp__card { border: 1px solid var(--apm-dark-border-soft); border-radius: var(--apm-radius-xl); background: rgba(20, 27, 50, 0.6); padding: 26px; transition: border-color var(--apm-dur) var(--apm-ease), background var(--apm-dur) var(--apm-ease); } .apm-cmp__card[data-active="true"] { border-color: var(--apm-dark-border-focus); background: rgba(61, 80, 224, 0.12); } .apm-cmp__card h3 { font-size: var(--apm-size-small); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 var(--apm-space-md); } .apm-cmp__card--before h3 { color: var(--apm-pink-soft); } .apm-cmp__card--after h3 { color: var(--apm-success-soft); } .apm-cmp__card ul { display: grid; gap: var(--apm-space-sm); margin: 0; padding: 0; list-style: none; } .apm-cmp__card li { display: flex; gap: var(--apm-space-sm); align-items: flex-start; font-size: 14.5px; line-height: 1.55; color: var(--apm-dark-text-body); } .apm-cmp__card li::before { flex: 0 0 auto; width: 18px; height: 18px; border-radius: var(--apm-radius-pill); font-size: var(--apm-size-micro); line-height: 16px; text-align: center; border: 1px solid; } .apm-cmp__card--before li::before { content: "\00D7"; border-color: rgba(242, 168, 205, 0.5); color: var(--apm-pink-soft); } .apm-cmp__card--after li::before { content: "\2713"; border-color: rgba(143, 227, 190, 0.5); color: var(--apm-success-soft); }  .apm-flow { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: start; } @media (max-width: 900px) { .apm-flow { grid-template-columns: minmax(0, 1fr); } } .apm-flow__list { display: grid; gap: var(--apm-space-xs); margin: 0; padding: 0; list-style: none; } .apm-flow__btn { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 56px; padding-inline: var(--apm-space-md); border: 1px solid var(--apm-border-card); border-radius: var(--apm-radius-md); background: var(--apm-white); cursor: pointer; font-family: inherit; text-align: start; transition: border-color 0.22s var(--apm-ease), background 0.22s var(--apm-ease); } .apm-flow__btn[aria-selected="true"] { border-color: var(--apm-brand); background: var(--apm-brand-tint); } .apm-flow__no { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 auto; border-radius: var(--apm-radius-pill); background: var(--apm-border-softer); color: var(--apm-text-muted); font-family: var(--apm-font-mono); font-size: 12px; font-weight: 700; } .apm-flow__btn[aria-selected="true"] .apm-flow__no { background: var(--apm-brand); color: var(--apm-white); } .apm-flow__label { flex: 1; min-width: 0; font-size: var(--apm-size-base); font-weight: 700; color: var(--apm-text-body); } .apm-flow__detail { position: sticky; inset-block-start: 96px; border: 1px solid var(--apm-border-card); border-radius: var(--apm-radius-xl); background: linear-gradient(180deg, var(--apm-bg-subtle), var(--apm-bg-section)); padding: 26px; min-height: 220px; } .apm-flow__detail[hidden] { display: none; }  .apm-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: 14px; margin: 0 0 var(--apm-space-lg); padding: 0; list-style: none; } .apm-steps li { border: 1px solid var(--apm-dark-border-soft); border-radius: var(--apm-radius-md); background: rgba(20, 27, 50, 0.6); padding: var(--apm-space-lg); } .apm-steps__no { display: grid; place-items: center; width: 34px; height: 34px; border-radius: var(--apm-radius-pill); background: rgba(61, 80, 224, 0.24); color: var(--apm-brand-pale); font-family: var(--apm-font-mono); font-size: 12px; font-weight: 700; margin-block-end: 14px; } .apm-quote-note { font-size: 14px; line-height: 1.7; color: var(--apm-dark-text-body); margin: 0; max-width: 680px; padding-inline-start: 18px; border-inline-start: 2px solid var(--apm-dark-border-bright); }  .apm-principles { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 14px; align-items: start; } .apm-principle { border: 1px solid var(--apm-border-card); background: var(--apm-bg-subtle); border-radius: var(--apm-radius-md); overflow: hidden; transition: border-color var(--apm-dur) var(--apm-ease), background var(--apm-dur) var(--apm-ease), box-shadow var(--apm-dur) var(--apm-ease); } .apm-principle[data-open="true"] { border-color: var(--apm-brand); background: var(--apm-white); box-shadow: 0 0 0 1px rgba(61, 80, 224, 0.22), 0 18px 40px -28px rgba(61, 80, 224, 0.85); } .apm-principle h3 { margin: 0; } .apm-principle__trigger { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 64px; padding: var(--apm-space-md) 18px; border: 0; background: transparent; cursor: pointer; font-family: inherit; text-align: start; } .apm-principle__icon { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 auto; border-radius: 11px; background: var(--apm-brand-tint); color: var(--apm-brand-hover); transition: background var(--apm-dur) var(--apm-ease), color var(--apm-dur) var(--apm-ease); } .apm-principle[data-open="true"] .apm-principle__icon { background: var(--apm-brand); color: var(--apm-white); } .apm-principle__label { flex: 1; min-width: 0; font-size: 15.5px; font-weight: 700; color: var(--apm-text-strong); line-height: 1.3; } .apm-principle__chev { flex: 0 0 auto; display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid var(--apm-border-card); border-radius: var(--apm-radius-pill); font-size: 14px; font-weight: 700; line-height: 1; color: var(--apm-text-muted); transition: transform 0.22s var(--apm-ease); } .apm-principle[data-open="true"] .apm-principle__chev { transform: rotate(45deg); } .apm-principle__panel { padding: 0 18px 18px; font-size: 14.5px; line-height: var(--apm-lh-relaxed); color: var(--apm-text-muted); margin: 0; } .apm-principle__panel[hidden] { display: none; } @media(max-width:640px){.apm-aud__panel,.apm-flow__detail{padding:var(--apm-space-lg)}}