/* October web stories. Scoped to the public feature pages and the site's theme tokens. */
.wfx-overview,.wfx-hero,.wfx-stories{--wfx-accent:var(--ci-primary,#5a45e6);--wfx-soft:var(--mw-surface,#f3f6ff);--wfx-text:var(--bs-heading-color,#0b0f19);--wfx-muted:var(--bs-body-color,#565973);--wfx-border:var(--bs-border-color,#e2e5ef)}
.wfx-tone-accounts{--wfx-accent:#0d9488;--wfx-soft:#e7f8f6}.wfx-tone-investments{--wfx-accent:#15803d;--wfx-soft:#ebfaf1}.wfx-tone-liabilities{--wfx-accent:#be304b;--wfx-soft:#fbe9ec}
[data-bs-theme=dark] .wfx-overview,[data-bs-theme=dark] .wfx-hero,[data-bs-theme=dark] .wfx-stories{--wfx-text:#eef0fa;--wfx-muted:#b4b7c9;--wfx-border:#2b3045}
[data-bs-theme=dark] .wfx-tone-accounts{--wfx-accent:#5eead4;--wfx-soft:#122c30}[data-bs-theme=dark] .wfx-tone-investments{--wfx-accent:#6ee7b7;--wfx-soft:#152d25}[data-bs-theme=dark] .wfx-tone-liabilities{--wfx-accent:#fda4af;--wfx-soft:#321e2b}
.wfx-overview-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:3.5rem;align-items:center;padding-top:10rem;padding-bottom:4rem}.wfx-overview-hero h1{font-size:clamp(2.6rem,4.5vw,4.8rem);letter-spacing:-.055em;line-height:1.08;margin:1.2rem 0 1.5rem}.wfx-lead{font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.8;color:var(--wfx-muted);max-width:64ch}.wfx-overview-note{font-size:.86rem;margin-top:1.8rem;color:var(--wfx-muted)}.wfx-overview-note i{color:#0d9488;margin-right:.35rem}
.wfx-overview-art{min-width:0;border:1px solid var(--wfx-border);border-radius:1.25rem;overflow:hidden;background:var(--wfx-soft);box-shadow:0 1.5rem 5rem #16123c16;transform:rotate(-2deg)}.wfx-overview-art>img{width:100%;height:auto;object-fit:contain;object-position:top}.wfx-browser-top{display:flex;gap:.8rem;align-items:center;justify-content:space-between;padding:.8rem 1rem;font-size:.72rem;color:var(--wfx-muted);background:var(--bs-body-bg,#fff);border-bottom:1px solid var(--wfx-border)}.wfx-browser-top>span:first-child{font-size:.65rem;letter-spacing:.12em;opacity:.5}.wfx-overview-caption{display:flex;gap:.8rem;align-items:center;padding:1rem 1.2rem;color:var(--wfx-text);font-size:.8rem}.wfx-overview-caption>i{font-size:1.7rem;color:var(--wfx-accent)}.wfx-overview-caption strong{display:block;margin-bottom:.2rem}
.wfx-latest{padding:4rem 0}.wfx-section-heading{max-width:47rem;margin-bottom:2rem}.wfx-section-heading h2,.wfx-connected h2{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.04em;line-height:1.2;margin:.9rem 0}.wfx-section-heading p,.wfx-connected p{color:var(--wfx-muted);line-height:1.8}.wfx-release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.wfx-release{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--wfx-border);border-radius:1.2rem;background:var(--bs-body-bg,#fff);color:var(--wfx-text);transition:transform .2s,border-color .2s}.wfx-release:hover{transform:translateY(-5px);border-color:var(--wfx-accent);color:var(--wfx-text)}.wfx-release-image{padding:.8rem .8rem 0;background:var(--wfx-soft);aspect-ratio:1.8;overflow:hidden}.wfx-release-image img{width:100%;height:auto;border:1px solid var(--wfx-border);border-radius:.6rem .6rem 0 0}.wfx-release-copy{padding:1.5rem;display:flex;flex-direction:column;flex:1}.wfx-release-copy>.nf-eyebrow{color:var(--wfx-accent);display:flex;align-items:center;gap:.45rem;font-size:.66rem}.wfx-release-copy h3{font-size:1.35rem;margin:.7rem 0 .5rem;letter-spacing:-.03em}.wfx-release-copy>strong{font-size:.95rem;line-height:1.5;font-weight:600}.wfx-release-copy p{font-size:.9rem;line-height:1.75;margin:1rem 0 1.5rem;color:var(--wfx-muted)}.wfx-release-copy>.nf-text-link{margin-top:auto;color:var(--wfx-accent)}
.wfx-connected{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:3.5rem;margin:1rem 0 4rem;border:1px solid var(--wfx-border);border-radius:1.5rem;background:color-mix(in srgb,var(--bs-body-bg,#fff),var(--ci-primary,#5a45e6) 4%)}.wfx-connected-links{display:grid;gap:.6rem;align-content:center}.wfx-connected-links>a{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--wfx-border);color:var(--wfx-muted);font-size:.85rem}.wfx-connected-links>a>i{font-size:1.5rem;color:var(--ci-primary,#5a45e6)}.wfx-connected-links>a>i:last-child{margin-left:auto}.wfx-connected-links strong{display:block;color:var(--wfx-text);font-size:1rem;margin-bottom:.2rem}.wfx-overview .nf-cta .mw-actions{justify-content:center}
.wfx-hero{padding:2rem 0 1rem}.wfx-hero-copy{max-width:62rem;margin:0 auto;text-align:center}.wfx-release-name{font-size:1rem;font-weight:600;margin:1.4rem 0 .7rem;color:var(--wfx-accent)}.wfx-hero h1{font-size:clamp(2.4rem,4.6vw,4.7rem);letter-spacing:-.055em;line-height:1.1;margin:0 auto 1.5rem;max-width:20ch;color:var(--wfx-text)}.wfx-hero .wfx-lead{margin:0 auto 1.8rem}.wfx-hero .mw-actions{justify-content:center}.wfx-new{display:inline-block;font-size:.6rem;letter-spacing:.05em;background:var(--wfx-soft);color:var(--wfx-accent);padding:.4rem .6rem;border-radius:1rem;margin-left:.6rem}.wfx-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;list-style:none;padding:0;margin:1.8rem 0 2.5rem}.wfx-pills li{display:flex;align-items:center;gap:.45rem;font-size:.8rem;padding:.6rem .85rem;border:1px solid var(--wfx-border);border-radius:2rem;color:var(--wfx-muted)}.wfx-pills i{color:var(--wfx-accent);font-size:1.1rem}.wfx-hero-art{max-width:68rem;margin:0 auto}.wfx-motion{overflow:hidden;border:1px solid var(--wfx-border);border-radius:1.1rem;background:var(--bs-body-bg,#fff);box-shadow:0 1rem 4rem color-mix(in srgb,var(--wfx-accent) 9%,transparent)}.wfx-motion .v4-motion-art{aspect-ratio:auto}.wfx-screen-stack{position:relative;aspect-ratio:2.1;overflow:hidden;background:var(--wfx-soft)}.wfx-screen{position:absolute;inset:0;margin:0;opacity:0}.wfx-screen-0{opacity:1}.wfx-screen img{width:100%;height:100%;object-fit:contain;object-position:top;display:block}.wfx-screen figcaption{position:absolute;left:1rem;bottom:1rem;max-width:calc(100% - 2rem);padding:.55rem .85rem;border:1px solid var(--wfx-border);border-radius:.6rem;background:var(--bs-body-bg,#fff);color:var(--wfx-text);font-size:.8rem;font-weight:600}.wfx-motion .v4-motion-controls{border-top:1px solid var(--wfx-border)}.wfx-art-note{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap;font-size:.76rem;color:var(--wfx-muted);margin:.9rem 0 0}.wfx-art-note i{color:var(--wfx-accent)}.wfx-art-note span{opacity:.85}
.wfx-motion .wfx-screen{animation:wfx-screens 24s linear infinite both;animation-play-state:paused}.wfx-motion[data-motion=running] .wfx-screen{animation-play-state:running}.wfx-motion .wfx-screen-1{animation-delay:-16s}.wfx-motion .wfx-screen-2{animation-delay:-8s}.wfx-motion[data-motion=paused] .wfx-screen{animation-play-state:paused}@keyframes wfx-screens{0%,30%{opacity:1}33.333%,96%{opacity:0}100%{opacity:1}}
.wfx-stories{padding-top:1rem}.wfx-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem;margin:1.5rem 0 4rem}.wfx-jump a{display:flex;gap:.5rem;align-items:center;border:1px solid var(--wfx-border);border-radius:2rem;padding:.7rem 1rem;font-size:.64rem;font-weight:600;letter-spacing:.04em;color:var(--wfx-muted)}.wfx-jump a:hover{color:var(--wfx-accent);border-color:var(--wfx-accent)}.wfx-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:center;padding:2rem 0 4rem;scroll-margin-top:6rem}.wfx-story:nth-of-type(even) .wfx-story-copy{order:2}.wfx-story-copy>.nf-eyebrow{color:var(--wfx-accent)}.wfx-story h2{font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.2;letter-spacing:-.04em;margin:1rem 0 1.3rem;color:var(--wfx-text)}.wfx-story-copy>p{line-height:1.85;color:var(--wfx-muted)}.wfx-story-copy ul{list-style:none;padding:0;margin:1.5rem 0}.wfx-story-copy li{display:flex;gap:.6rem;margin:.65rem 0;font-size:.9rem;color:var(--wfx-text)}.wfx-story-copy li i{color:var(--wfx-accent);font-size:1.2rem}.wfx-story-copy .nf-text-link{color:var(--wfx-accent)}.wfx-story-visual{margin:0;overflow:hidden;border-radius:1rem;border:1px solid var(--wfx-border);background:var(--wfx-soft);padding:.7rem}.wfx-story-visual>img{display:block;width:100%;height:auto;border-radius:.55rem;border:1px solid var(--wfx-border)}.wfx-story-visual figcaption{padding:.9rem .3rem .3rem;color:var(--wfx-text);font-size:.83rem;font-weight:600}.wfx-story-visual figcaption span{display:block;font-size:.68rem;font-weight:400;color:var(--wfx-muted);margin-top:.3rem}
@media(max-width:991.98px){.wfx-overview-hero{gap:2rem;grid-template-columns:1fr;padding-top:8rem}.wfx-overview-art{max-width:48rem;transform:none}.wfx-release-grid{grid-template-columns:1fr}.wfx-release{display:grid;grid-template-columns:1fr 1fr}.wfx-release-image{aspect-ratio:auto;padding:1rem}.wfx-release-image img{height:100%;object-fit:cover;object-position:top;border-radius:.6rem}.wfx-connected{gap:2rem;padding:2rem}.wfx-story{gap:1.7rem;grid-template-columns:.9fr 1.1fr}.wfx-screen-stack{aspect-ratio:1.9}}
@media(max-width:767.98px){.wfx-hero{padding-top:1rem}.wfx-new{display:block;width:max-content;margin:.7rem auto 0}.wfx-hero h1{max-width:20ch}.wfx-story,.wfx-connected{grid-template-columns:1fr}.wfx-story:nth-of-type(even) .wfx-story-copy{order:0}.wfx-story{padding-bottom:2.7rem}.wfx-connected{padding:1.5rem;gap:1rem}.wfx-jump{justify-content:flex-start;margin-bottom:2rem}.wfx-screen-stack{aspect-ratio:1.5}.wfx-screen img{object-fit:contain;object-position:top}.wfx-motion .v4-motion-controls{flex-wrap:wrap;gap:.5rem}.wfx-motion .v4-demo-disclaimer{display:none}.wfx-art-note{line-height:1.5}.wfx-pills{gap:.4rem}.wfx-pills li{font-size:.72rem;padding:.5rem .65rem}.wfx-release{display:flex}.wfx-release-image{aspect-ratio:1.9;padding:.8rem .8rem 0}.wfx-release-image img{height:auto}.wfx-latest{padding-top:2.5rem}.wfx-overview-hero h1{font-size:3rem}.wfx-hero .mw-actions,.wfx-overview .mw-actions{gap:1rem}}
@media(prefers-reduced-motion:reduce){.wfx-motion .wfx-screen{animation:none!important}.wfx-motion .wfx-screen-0{opacity:1!important}.wfx-motion .wfx-screen-1,.wfx-motion .wfx-screen-2{opacity:0!important}.wfx-release{transition:none}.wfx-release:hover{transform:none}}
[data-a11y-reduce-motion=on] .wfx-motion .wfx-screen{animation:none!important}[data-a11y-reduce-motion=on] .wfx-screen-0{opacity:1!important}[data-a11y-reduce-motion=on] .wfx-screen-1,[data-a11y-reduce-motion=on] .wfx-screen-2{opacity:0!important}

.nf-lightbox .nf-full-dark{display:none}[data-bs-theme=dark] .nf-lightbox .nf-full-light{display:none}[data-bs-theme=dark] .nf-lightbox .nf-full-dark{display:inline}

.nf-cta .btn{white-space:normal;max-width:100%}

/* The public theme uses Silicon tokens; Bootstrap's body token can stay white in dark mode. */
[data-bs-theme=dark] :is(.wfx-overview, .wfx-hero, .wfx-stories) {
    --wfx-surface: #151c2b;
}
[data-bs-theme=dark] :is(.wfx-browser-top, .wfx-release, .wfx-motion, .wfx-screen figcaption, .wfx-motion .v4-motion-controls) {
    background: var(--wfx-surface, #151c2b);
}
[data-bs-theme=dark] .wfx-connected {
    background: color-mix(in srgb, var(--wfx-surface, #151c2b), var(--ci-primary, #5a45e6) 4%);
}
[data-bs-theme=dark] .wfx-motion .v4-motion-controls {
    color: var(--wfx-muted, #b4b7c9);
}

/* Budgeting shares the release-card frame; its illustrative preview follows the active theme. */
.wfx-tone-budgeting { --wfx-accent:#8336bf; --wfx-soft:#f3eafa; --wfx-budget-positive:#16835b; }
[data-bs-theme=dark] .wfx-tone-budgeting { --wfx-accent:#e294f4; --wfx-soft:#2b1d38; --wfx-budget-positive:#6ee7b7; }
.wfx-budget-art { container-type:inline-size; }
.wfx-budget-preview { background:var(--wfx-surface,#fff); border:1px solid var(--wfx-border); border-radius:.6rem .6rem 0 0; color:var(--wfx-text); overflow:hidden; }
.wfx-budget-window { display:flex; justify-content:space-between; align-items:center; padding:1.5cqi 2.5cqi; border-bottom:1px solid var(--wfx-border); font-size:2cqi; color:var(--wfx-muted); }
.wfx-budget-window>span:first-child { letter-spacing:.15em; opacity:.5; }
.wfx-budget-body { padding:2cqi 3cqi; }
.wfx-budget-heading { display:flex; justify-content:space-between; align-items:center; gap:2cqi; font-size:3cqi; }
.wfx-budget-heading>span { font-size:2cqi; padding:1cqi 2cqi; border-radius:2cqi; background:var(--wfx-soft); color:var(--wfx-accent); }
.wfx-budget-health { display:flex; align-items:center; gap:4cqi; padding:1cqi 3cqi; margin:1.5cqi 0; border:1px solid var(--wfx-border); border-radius:2cqi; background:linear-gradient(120deg,var(--wfx-soft),var(--wfx-surface,#fff)); }
.wfx-budget-ring { display:grid; place-items:center; width:12cqi; height:12cqi; border-radius:50%; background:conic-gradient(var(--wfx-accent) 86%,var(--wfx-border) 0); flex-shrink:0; }
.wfx-budget-ring>b { display:flex; flex-direction:column; align-items:center; justify-content:center; width:9.7cqi; height:9.7cqi; border-radius:50%; background:var(--wfx-surface,#fff); font-size:4.3cqi; line-height:1.15; }
.wfx-budget-ring small { color:var(--wfx-accent); font-size:1.4cqi; letter-spacing:.05em; margin-top:.4cqi; }
.wfx-budget-health>div:last-child { display:flex; flex-direction:column; color:var(--wfx-muted); font-size:2cqi; }
.wfx-budget-health>div>small { font-size:1.7cqi; letter-spacing:.06em; }
.wfx-budget-health strong { color:var(--wfx-text); font-size:5cqi; line-height:1.2; }
.wfx-budget-health strong>span { font-size:3cqi; }
.wfx-budget-line { margin:1.5cqi 0; font-size:2.1cqi; }
.wfx-budget-line>span { display:flex; justify-content:space-between; }
.wfx-budget-line b { font-weight:500; color:var(--wfx-muted); }
.wfx-budget-line>i { display:block; height:1cqi; margin-top:1cqi; border-radius:1cqi; background:var(--wfx-border); overflow:hidden; }
.wfx-budget-line>i::before { content:""; display:block; height:100%; width:var(--progress); border-radius:inherit; background:var(--wfx-budget-positive); }
.wfx-budget-ask { display:flex; align-items:center; gap:1.5cqi; margin-top:1.5cqi; padding:1.5cqi; border-radius:1.5cqi; background:var(--wfx-soft); color:var(--wfx-accent); font-size:2.1cqi; }
.wfx-budget-ask>i { font-size:3cqi; }
.wfx-budget-ask>i:last-child { margin-left:auto; }