/* Locked September 13, 2026 homepage skin. Scoped to html.ap-home.
 * Adapted from the approved handoff; shared production styles remain unchanged. */
@font-face{font-family:AP Lato;src:url("fonts/Lato-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:AP Lato;src:url("fonts/Lato-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:AP Lato;src:url("fonts/Lato-Black.woff2") format("woff2");font-weight:900;font-display:swap}
html.ap-home{
  --ap-blue:#3554F4;--ap-graphite:#151921;--ap-white:#F4F6FA;--ap-ember:#FF8055;
  --font:"AP Lato",sans-serif;
  
  --gold:var(--ap-blue);--gold-deep:var(--ap-blue);--gold-bright:#92A4FF;
  --gold-text:var(--ap-blue);--gold-metal:linear-gradient(120deg,#3554F4,#3554F4);
  --primary:var(--ap-blue);--primary-bright:#92A4FF;
  --primary-line:rgba(53,84,244,.28);--primary-tint:rgba(53,84,244,.065);
  --on-gold:var(--ap-white);--focus-ring:rgba(53,84,244,.38);
  --bg:#fff;--bg-elevated:var(--ap-white);--dark-bg:#11151D;--dark-bg-elevated:var(--ap-graphite);
  --text:var(--ap-graphite);--text-secondary:#4C5565;--text-muted:#626D7D;
  --hero-bg:radial-gradient(ellipse at 85% 100%,rgba(53,84,244,.22),transparent 65%),linear-gradient(135deg,#151921,#1C2230);
  --hero-fg:var(--ap-white);--hero-fg-dim:#CAD0DC;--hero-fg-faint:#AFB8C9;
  --blob-a:radial-gradient(circle,rgba(53,84,244,.12),transparent 68%);
  --blob-b:radial-gradient(circle,rgba(53,84,244,.10),transparent 68%);
  --blob-c:radial-gradient(circle,rgba(255,128,85,.045),transparent 68%);
  --header-bg:rgba(244,246,250,.96);--header-border:#DDE2EC;
  --nav-fg:#E2E7F2;--nav-fg-hover:#fff;--nav-fg-scrolled:var(--ap-graphite);
  --nav-cta-bg:var(--ap-blue);--nav-cta-bg-hover:#2947DA;--nav-cta-fg:#fff;
  --btn-primary-bg:var(--ap-blue);--btn-primary-bg-hover:#2947DA;--btn-primary-fg:#fff;
  --btn-primary-shadow:0 4px 16px rgba(53,84,244,.18);
  --btn-primary-shadow-hover:0 6px 22px rgba(53,84,244,.25);
  --cta-bg:var(--ap-graphite);--footer-bg:#11151D;
  --pill-bg:var(--ap-graphite);--pill-fg:var(--ap-white);--pill-border:#3D4757;
}
html.ap-home[data-theme="dark"]{
  --bg:#151921;--bg-elevated:#1B202A;--bg-elevated-2:#202631;
  --dark-bg:#11151D;--dark-bg-elevated:#202631;
  --text:#F4F6FA;--text-secondary:#C3CBD8;--text-muted:#A7B2C3;
  --gold-text:#92A4FF;--header-bg:rgba(21,25,33,.97);--header-border:#343D4C;
  --nav-fg-scrolled:#E2E7F2;--drop-bg:#202631;--drop-fg:#F4F6FA;--drop-muted:#ACB6C7;
  --drop-border:#394252;--drop-hover:#2A3343;
}
:where(html.ap-home) .on-light{
  --text:#151921;--text-secondary:#4C5565;--text-muted:#626D7D;
  --gold-text:#3554F4;--card-bg:#fff;--card-solid:#fff;--card-elev:#fff;
  --card-border:#DEE3ED;--card-border-hover:#B3BFF5;
  --card-shadow:0 2px 3px rgba(21,25,33,.025),0 8px 24px -14px rgba(21,25,33,.14);
  --card-shadow-hover:0 5px 22px -10px rgba(53,84,244,.20);
  --chip-bg:#EEF1F9;--chip-border:#DDE3F0;--icon-ink:#3554F4;
  --shadow-lg-ctx:0 12px 36px rgba(21,25,33,.09);
  --shadow-card:0 16px 40px rgba(21,25,33,.08);
}
:where(html.ap-home) .on-dark{
  --text:#F4F6FA;--text-secondary:#C3CBD8;--text-muted:#A7B2C3;
  --gold-text:#92A4FF;--card-bg:#202631;--card-solid:#202631;--card-elev:#202631;
  --card-border:#374151;--card-border-hover:#697AA7;
  --card-shadow:inset 0 1px 0 rgba(244,246,250,.035);
  --card-shadow-hover:inset 0 1px 0 rgba(244,246,250,.07),0 8px 28px -18px rgba(53,84,244,.4);
  --chip-bg:#252D3A;--chip-border:#3A4659;--icon-ink:#92A4FF;
  --shadow-lg-ctx:0 12px 36px rgba(0,0,0,.25);
  --shadow-card:0 16px 40px rgba(0,0,0,.25);
}
:where(html.ap-home) .band-light{background:#F4F6FA}
:where(html.ap-home) .h1{font-weight:900;letter-spacing:-.035em}
:where(html.ap-home) .h2{font-weight:900;letter-spacing:-.025em}
:where(html.ap-home) .hero .metal{background:none;-webkit-text-fill-color:#7892FF;color:#7892FF;white-space:nowrap}
:where(html.ap-home) .hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3554F4 0 86%,#FF8055 86% 89%,#3554F4 89%)}
:where(html.ap-home) .eyebrow{letter-spacing:.12em}
:where(html.ap-home) .on-dark .eyebrow{color:#92A4FF}
:where(html.ap-home) .on-light .eyebrow{color:#3554F4}
:where(html.ap-home) .btn,
:where(html.ap-home) .btn--hero,
:where(html.ap-home) .nav-cta,
:where(html.ap-home) .news input{border-radius:9px}
:where(html.ap-home) .btn--primary,
:where(html.ap-home) .on-light .btn--primary,
:where(html.ap-home) .on-dark .btn--primary{
  --btn-primary-bg:#3554F4;--btn-primary-bg-hover:#2947DA;--btn-primary-fg:#fff;
  --btn-primary-shadow:0 4px 16px rgba(53,84,244,.16);
  --btn-primary-shadow-hover:0 6px 22px rgba(53,84,244,.24);
  border:1px solid #3554F4;text-shadow:none;font-weight:700;
}
:where(html.ap-home) .btn--primary:hover,
:where(html.ap-home) .on-light .btn--primary:hover{filter:none}
:where(html.ap-home) .nav .nav-cta,
:where(html.ap-home) .header.scrolled .nav .nav-cta{background:#3554F4;color:#fff!important;box-shadow:none}
:where(html.ap-home) .nav .nav-cta:hover,
:where(html.ap-home) .header.scrolled .nav .nav-cta:hover{background:#2947DA}
:where(html.ap-home) .on-light .btn--glass{--glass-btn-fg:#151921;--glass-btn-bg:#fff;--glass-btn-border:#BAC3D3}
:where(html.ap-home) .hero .btn--glass{--glass-btn-bg:rgba(244,246,250,.04);--glass-btn-bg-hover:rgba(244,246,250,.1);--glass-btn-border:#697489}
:where(html.ap-home) .card--u,
:where(html.ap-home) .card--factor,
:where(html.ap-home) .card--step,
:where(html.ap-home) .card--price,
:where(html.ap-home) .card--review,
:where(html.ap-home) .academy-band{border-radius:12px}
:where(html.ap-home) .card--u .icon-box{background:var(--primary-tint);border:1px solid var(--primary-line);color:var(--icon-ink);border-radius:9px}
:where(html.ap-home) .card--price.featured,
:where(html.ap-home) .card--price.featured:hover{border-color:#3554F4;box-shadow:0 0 0 4px rgba(53,84,244,.07),0 14px 36px -22px rgba(53,84,244,.36)}
:where(html.ap-home) .price-pill{background:#3554F4;border-color:#3554F4;color:#fff;border-radius:6px}
:where(html.ap-home) .pricing .blob-a{background:radial-gradient(circle,rgba(53,84,244,.09),transparent 68%)}
:where(html.ap-home) .pricing .blob-b{background:radial-gradient(circle,rgba(53,84,244,.045),transparent 68%)}
:where(html.ap-home) .cta-band .blob-a{background:radial-gradient(circle,rgba(53,84,244,.15),transparent 66%)}
:where(html.ap-home) .card--step .snum{background:var(--primary-tint)}
:where(html.ap-home) .stat b{color:var(--text)}
:where(html.ap-home) .fine,
:where(html.ap-home) .pfine,
:where(html.ap-home) .hero-note{font-size:13px}
:where(html.ap-home) :where(a,button,input):focus-visible{outline:3px solid #92A4FF;outline-offset:4px}
:where(html.ap-home) .on-light :where(a,button,input):focus-visible{outline-color:#3554F4}
:where(html.ap-home) .eqcard,
:where(html.ap-home) .prow-vis{
  --ap-chart-line:#7892FF;
  --gold:var(--ap-blue);--gold-bright:#92A4FF;--gold-deep:var(--ap-blue);
  --gold-text:#92A4FF;--primary:var(--ap-blue);--primary-bright:#92A4FF;
  --primary-tint:rgba(53,84,244,.10);--primary-line:rgba(120,146,255,.36);
  --text:var(--ap-white);--text-secondary:#C3CBD8;--text-muted:#A7B2C3;
  --card-bg:#1B202A;--card-solid:#1B202A;--card-elev:var(--ap-graphite);
  --card-border:#374151;--card-border-hover:#374151;
  --card-shadow:inset 0 1px 0 rgba(244,246,250,.035);
  --card-shadow-hover:var(--card-shadow);
  --border:#374151;--border-light:rgba(167,178,195,.14);
  --eq-grid:rgba(167,178,195,.10);
}
:where(html.ap-home) .eqcard,
:where(html.ap-home) .on-dark .eqcard,
:where(html.ap-home) .prow-vis,
:where(html.ap-home) .on-dark .prow-vis{
  background:var(--ap-graphite);border-radius:12px;
}
:where(html.ap-home) .eqcard .eq-line{stroke:var(--ap-chart-line)}
:where(html.ap-home) .eqcard .eq-dot{fill:var(--ap-chart-line)}
:where(html.ap-home) .eqcard .eq-num--end{fill:var(--ap-white)}
:where(html.ap-home) .eqcard .eq-num--end{paint-order:stroke;stroke:var(--ap-graphite);stroke-width:4px;stroke-linejoin:round}
:where(html.ap-home) .eqcard .chip--flag{color:var(--ap-white)}
:where(html.ap-home) .eqcard .chip--quiet{color:var(--ap-ember);border-color:rgba(255,128,85,.28)}
:where(html.ap-home) .prow-vis .sigcard{border-radius:10px}
:where(html.ap-home) .prow-vis .sigfrom{color:var(--gold-text)}
:where(html.ap-home) .prow-vis .sigchip{color:var(--text);background:var(--primary-tint)}
:where(html.ap-home) .prow-vis .sigchip--conv{color:var(--text-secondary);background:none}
:where(html.ap-home) .prow-vis .sigcard--upd{border-left:2px solid var(--ap-blue)}
:where(html.ap-home) .prow-vis .fatable .fa-call,
:where(html.ap-home) .prow-vis .fatable .fa-put{color:var(--text-secondary)}
:where(html.ap-home) .prow-vis .panel-bar{border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:12px}
:where(html.ap-home) .prow-vis .panel-bar::before{content:"";width:3px;height:14px;background:var(--ap-blue);flex:none}
:where(html.ap-home) .prow-vis .pvis-cap{font-size:12px;line-height:1.6;letter-spacing:.01em}
@media(max-width:640px){
:where(html.ap-home) .hero-note{max-width:310px}
:where(html.ap-home) .hero .h1{letter-spacing:-.035em}
:where(html.ap-home) .btn--sm{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
html.ap-home{scroll-behavior:auto!important}
:where(html.ap-home) *,
:where(html.ap-home) *::before,
:where(html.ap-home) *::after{animation:none!important;transition:none!important}
}

html.ap-home{scrollbar-gutter:stable}
:where(html.ap-home) .eqcard{margin-inline:0}
:where(html.ap-home) .card--u:not(:has(a,button)):hover,
:where(html.ap-home) .card--factor:hover,
:where(html.ap-home) .card--step:hover,
:where(html.ap-home) .card--review:hover,
:where(html.ap-home) .eqcard:hover,
:where(html.ap-home) .prow-vis:hover{
  border-color:var(--card-border);box-shadow:var(--card-shadow);transform:none;
}
:where(html.ap-home) .ap-inspect{
  display:flex;align-items:center;justify-content:center;gap:8px;
  align-self:flex-end;min-height:44px;margin:18px 0 0 auto;padding:8px 12px;
  background:transparent;border:1px solid var(--card-border);border-radius:8px;
  font:700 12px var(--font);color:var(--text);cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease;
}
:where(html.ap-home) .ap-inspect svg{width:14px;height:14px;flex:none}
:where(html.ap-home) .ap-inspect:hover{background:var(--primary-tint);border-color:var(--gold-text)}
:where(html.ap-home) .ap-inspect:focus-visible{outline:3px solid var(--gold-text);outline-offset:3px}
:where(html.ap-home) .ap-viewer{
  width:min(1080px,calc(100% - 32px));max-width:none;max-height:90vh;max-height:90dvh;
  margin:auto;padding:0;border:1px solid #374151;border-radius:12px;
  background:var(--ap-graphite);color:var(--ap-white);
  box-shadow:0 24px 80px rgba(0,0,0,.4);overflow:auto;overscroll-behavior:contain;
}
:where(html.ap-home) .ap-viewer::backdrop{background:rgba(8,11,17,.78)}
:where(html.ap-home) .ap-viewer-head{
  position:sticky;top:0;z-index:1;display:flex;align-items:center;
  justify-content:space-between;gap:16px;padding:18px 24px;
  background:var(--ap-graphite);border-bottom:1px solid #374151;
}
:where(html.ap-home) .ap-viewer-title{margin:0;font:700 18px/1.35 var(--font);color:var(--ap-white)}
:where(html.ap-home) .ap-viewer-close{
  flex:none;min-height:44px;min-width:64px;padding:8px 12px;
  border:1px solid #697489;border-radius:8px;background:transparent;
  color:var(--ap-white);font:700 13px var(--font);cursor:pointer;
}
:where(html.ap-home) .ap-viewer-close:hover{background:rgba(120,146,255,.10)}
:where(html.ap-home) .ap-viewer-content{padding:8px 24px 24px}
:where(html.ap-home) .ap-viewer-content .eqcard,
:where(html.ap-home) .ap-viewer-content .prow-vis{
  margin:0;padding:20px 0 0;min-height:0;border:0;border-radius:0;box-shadow:none;
}
:where(html.ap-home) .ap-viewer-content .eqcard .eqchart--d{display:block;min-width:900px}
:where(html.ap-home) .ap-viewer-content .eqcard .eqchart--m{display:none}
:where(html.ap-home) .ap-chart-scroll,
:where(html.ap-home) .ap-viewer-content .prow-visinner{
  overflow-x:auto;overscroll-behavior-x:contain;
}
:where(html.ap-home) .ap-chart-scroll:focus-visible,
:where(html.ap-home) .ap-viewer-content .prow-visinner:focus-visible{
  outline:2px solid #92A4FF;outline-offset:-2px;
}
:where(html.ap-home) .ap-viewer-content .pvis--sig{width:min(100%,580px);margin:auto}
:where(html.ap-home) .ap-viewer-content .sigrows dd{font-size:15px}
:where(html.ap-home) .ap-viewer-content .sigtkr{font-size:20px}
:where(html.ap-home) .ap-viewer-content .sigthesis,
:where(html.ap-home) .ap-viewer-content .sigcard--upd p{font-size:14px}
:where(html.ap-home) .ap-viewer-content .pvis--term{min-width:560px}
:where(html.ap-home) .ap-viewer-content .fatable td{font-size:13px;padding-top:12px;padding-bottom:12px}
:where(html.ap-home) .ap-viewer-content .fatable .fa-exec{display:table-cell}
:where(html.ap-home) .ap-viewer-content .pvis--detail{min-width:606px;max-width:606px;margin:auto}
:where(html.ap-home) .ap-viewer-content .pvis--detail .detail-shot{display:block}
:where(html.ap-home) .ap-viewer-content .pvis--detail .detail-alt{display:none}
:where(html.ap-home) .ap-viewer-hint{display:none;margin:8px 0 4px;font-size:12px;color:#C3CBD8}
@media(max-width:1000px){
:where(html.ap-home) .ap-viewer[data-kind="chart"] .ap-viewer-hint{display:block}
}
@media(max-width:700px){
:where(html.ap-home) .ap-viewer{width:calc(100% - 20px);max-height:94vh;max-height:94dvh}
:where(html.ap-home) .ap-viewer-head{padding:12px 16px;gap:12px}
:where(html.ap-home) .ap-viewer-title{font-size:16px}
:where(html.ap-home) .ap-viewer-content{padding:8px 16px 20px}
:where(html.ap-home) .ap-viewer[data-kind="image"] .ap-viewer-hint,
:where(html.ap-home) .ap-viewer[data-kind="table"] .ap-viewer-hint{display:block}
}
@media(max-width:640px){
:where(html.ap-home) #proof .eqchart--m{overflow:visible}
:where(html.ap-home) #proof .eqchart--m .eq-tick,
:where(html.ap-home) #proof .eqchart--m .eq-ax{font-size:15px}
:where(html.ap-home) #proof .eqchart--m .eq-num{font-size:19px}
}
@media(max-width:420px){
:where(html.ap-home) #proof .eqchart--m .eq-tick,
:where(html.ap-home) #proof .eqchart--m .eq-ax{font-size:19px}
:where(html.ap-home) #proof .eqchart--m .eq-ax[text-anchor="middle"]{display:none}
}
@media(min-width:641px) and (max-width:1100px){
:where(html.ap-home) #proof .eqchart--d .eq-tick,
:where(html.ap-home) #proof .eqchart--d .eq-ax,
:where(html.ap-home) #proof .eqchart--d .eq-num{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
:where(html.ap-home) .ap-inspect,
:where(html.ap-home) .ap-viewer-close{transition:none}
}
/* Use the frozen art with the current header scroll and theme states. */
:where(html.ap-home) .ap-brand-lockup{position:relative;width:153px;height:auto;min-height:44px;flex:none;gap:0}
:where(html.ap-home) .ap-brand-lockup img{display:block;width:100%;height:auto}
:where(html.ap-home) .ap-brand-lockup .ap-logo-dark{position:absolute;left:0;visibility:hidden}
:where(html.ap-home[data-theme="light"]) .header.scrolled .ap-logo-light{visibility:hidden}
:where(html.ap-home[data-theme="light"]) .header.scrolled .ap-logo-dark{visibility:visible}
:where(html.ap-home) .cmp-row:not(:has(a,button)):hover{border-color:var(--card-border);box-shadow:var(--card-shadow);transform:none}
/* Owner review: a restrained border/shadow response on membership and reading cards. */
html.ap-home :is(.card--u,.card--factor,.card--step,.card--review,.cmp-row){transition:border-color .18s ease,box-shadow .18s ease}
@media(hover:hover) and (pointer:fine){
  html.ap-home :is(.card--u,.card--factor,.card--step,.card--review,.cmp-row):hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:none}
}
html.ap-home :is(.card--u,.card--factor,.card--step,.card--review,.cmp-row):has(:focus-visible){border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}
:where(html.ap-home) .btn,:where(html.ap-home) .nav a,:where(html.ap-home) .navlink,:where(html.ap-home) .drop .dt,:where(html.ap-home) .mobile-panel a,:where(html.ap-home) .cmp-row .cr-t,:where(html.ap-home) .theme-pill{font-weight:700}
@media(max-width:640px){:where(html.ap-home) .ap-brand-lockup{width:137px}}
/* Preserve the 10px rendered minimum immediately above the mobile SVG switch. */
@media(min-width:641px) and (max-width:767px){
  :where(html.ap-home) #proof .eqchart--d .eq-tick,
  :where(html.ap-home) #proof .eqchart--d .eq-ax,
  :where(html.ap-home) #proof .eqchart--d .eq-num{font-size:18px}
}