/* Finfolder pricing and the account preview share the approved neutral palette. */
.finfolder-page .layout-two-main>.pricing-section{max-width:none;padding:100px max(4.5vw,calc((100vw - 1740px)/2 + 4.5vw));background:#e2e2e2;color:#080808;border:0;scroll-margin-top:50px}
.pricing-heading{margin-bottom:42px}
.finfolder-page .pricing-heading h2{color:#080808;font:700 clamp(40px,5.1vw,76px)/1.04 Arial,sans-serif;letter-spacing:-.045em;margin:20px 0}
.finfolder-page .pricing-heading p{color:#3b3b3b;font-size:19px;margin:0}
.pricing-heading .eyebrow{color:#555}
.pricing-window{border-radius:22px;background:#efefef;overflow:hidden;border:1px solid #bfc3c0}
.pricing-window-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;border-bottom:1px solid #d1d3d1}
.pricing-product{font:700 26px/1 Arial,sans-serif;letter-spacing:-1.1px}
.pricing-trial-label{font-size:13px;color:#555}
.pricing-trial-label>span{margin-right:8px}
.pricing-trial{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:34px 32px}
.finfolder-page .pricing-trial h3{font-size:clamp(25px,2.6vw,36px);line-height:1.15;color:#090909;margin:0 0 9px}
.finfolder-page .pricing-trial p{color:#484848;font-size:15px;margin:0}
.pricing-plans{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 24px 24px}
.pricing-plan{padding:32px;border-radius:15px;background:#fafafa;min-width:0;display:flex;flex-direction:column}
.pricing-plan-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pricing-plan-label{font-size:13px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.pricing-saving{display:inline-flex;font-size:11px;line-height:1.4;background:#ffffff16;border:1px solid #ffffff45;border-radius:30px;padding:6px 11px}
.finfolder-page .pricing-plan h3{margin:26px 0 8px;line-height:1;color:#080808;white-space:nowrap;display:flex;align-items:baseline;gap:5px}
.pricing-amount{font:700 clamp(60px,6.5vw,96px)/1 Arial,sans-serif;letter-spacing:-.055em;font-variant-numeric:lining-nums tabular-nums}
.pricing-euro{font-size:.56em;letter-spacing:-.03em}
.pricing-period{font-size:17px;font-weight:400}
.finfolder-page .pricing-plan .pricing-payment{color:#555;font-size:14px;margin:8px 0 28px;line-height:1.6}
.pricing-features{list-style:none;margin:0 0 30px;padding:0;flex:1}
.pricing-features li{position:relative;padding:9px 0 9px 26px;font-size:15px;line-height:1.5;border-bottom:1px solid #dedfdf}
.pricing-features li::before{content:'✓';position:absolute;left:0;font-size:15px}
.pricing-features li:last-child{border:0}
.pricing-button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;background:#101010;color:#fff;text-decoration:none;font:500 15px/1.4 Aileron,Arial,sans-serif;padding:16px 21px;border:1px solid #101010;border-radius:8px;transition:background .2s,transform .2s;cursor:pointer}
.pricing-button>span{font-size:20px;line-height:1}
.pricing-button:hover{background:#2e2e2e;transform:translateY(-2px)}
.pricing-button:focus-visible,.account-page a:focus-visible,.account-page button:focus-visible,.account-page input:focus-visible{outline:2px solid #111;outline-offset:5px}
.pricing-button--outline{background:transparent;color:#111;border-color:#a5aaa6;white-space:nowrap}
.pricing-button--outline:hover{background:#e1e1e1}
.finfolder-page .pricing-plan--yearly{background:#263c36;color:#f7f7f7}
.finfolder-page .pricing-plan--yearly h3{color:#f7f7f7}
.finfolder-page .pricing-plan--yearly .pricing-payment{color:#d5ded9}
.pricing-plan--yearly .pricing-features li{border-color:#ffffff26}
.pricing-plan--yearly .pricing-button{background:#f3f3f3;color:#111;border-color:#f3f3f3}
.pricing-plan--yearly .pricing-button:hover{background:#fff}
.pricing-plan--yearly .pricing-button:focus-visible{outline-color:#fff}
.pricing-availability{display:flex;align-items:baseline;gap:10px;padding:0 32px 24px}
.pricing-state-dot{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#707773}
.finfolder-page .pricing-availability p{font-size:12px;line-height:1.6;color:#5a5a5a;max-width:none;margin:0}
.pricing-account-link{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;padding-top:26px;font-size:14px}
.finfolder-page .pricing-account-link p{color:#555;margin:0}
.pricing-account-link a{color:#111}
.pricing-account-link a>span{margin-left:8px}
.finfolder-page .intro-mask .intro-download{cursor:pointer;text-decoration:none}
/* Only JavaScript-enhanced elements are hidden; the page remains usable without it. */
.pricing-motion-ready [data-price-reveal]{opacity:0;transform:translateY(36px);transition:opacity .85s ease var(--price-delay,0s),transform .85s cubic-bezier(.2,.7,.2,1) var(--price-delay,0s)}
.pricing-motion-ready [data-price-reveal].price-is-visible{opacity:1;transform:none}
.pricing-plan:nth-child(2){--price-delay:.14s}
.account-page{background:#e2e2e2;color:#080808;min-height:100svh;display:flex;flex-direction:column}
html:has(.account-page){background:#e2e2e2;color-scheme:light}
.account-page .product-header{background:#f7f7f7;position:sticky;top:0;z-index:20}
.account-page .product-header nav{height:50px;min-height:50px;max-width:1920px;border:0;padding:0 4.5vw;flex-wrap:nowrap;gap:20px}
.account-page .product-header .brand{width:auto;margin-right:0;font:900 24px/1 Arial,sans-serif;letter-spacing:-1.5px;color:#000}
.account-page .product-nav-links{display:flex;align-items:center;gap:30px;margin-left:auto}
.account-page .product-nav-links a{font-size:12px;color:#000;white-space:nowrap}
.account-page .product-nav-links [aria-current]{text-decoration:underline}
.account-main{width:100%;max-width:1280px;padding:45px 4.5vw 80px;flex:1}
.account-back{display:inline-flex;gap:12px;align-items:center;font-size:13px;text-decoration:none;color:#424242}
.account-heading{margin-top:45px;max-width:700px}
.account-page .eyebrow{color:#555}
.account-heading h1{font:700 clamp(42px,5.5vw,72px)/1.04 Arial,sans-serif;letter-spacing:-.045em;margin:20px 0}
.account-heading>p{font-size:19px;color:#4a4a4a;margin:0 0 35px}
.account-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;align-items:start}
.account-card{padding:32px 38px 36px;border:1px solid #c5c8c5;border-radius:18px;background:#f6f6f6;scroll-margin-top:65px}
.account-mode{display:grid;grid-template-columns:1fr 1fr;background:#e8e8e8;border-radius:9px;padding:4px;gap:4px;margin-bottom:32px}
.account-mode button{font:400 14px/1.4 Aileron,Arial,sans-serif;color:#505050;border:0;background:transparent;padding:12px 8px;border-radius:6px;cursor:pointer}
.account-mode button[aria-selected="true"]{background:#fff;color:#080808;box-shadow:0 1px 4px #00000008}
.account-preview-tag{display:inline-flex;font-size:11px;color:#4d4d4d;background:#e7e7e7;border-radius:30px;padding:5px 10px}
.account-card h2{font-size:30px;margin:20px 0 14px;line-height:1.15;color:#080808}
.account-card p{font-size:15px;line-height:1.6;color:#4a4a4a}
#account-form{margin-top:28px}
#account-form label{display:block;font-size:13px;margin-bottom:8px}
#account-form input{font:400 16px/1.5 Aileron,Arial,sans-serif;border:1px solid #babeba;background:#fff;color:#111;border-radius:7px;width:100%;padding:13px 14px;min-width:0}
.account-continue{width:100%;margin-top:14px}
.account-continue:disabled{background:#dedfdd;border-color:#dedfdd;color:#666;cursor:not-allowed;transform:none}
.account-card .account-readiness{font-size:13px;margin-top:19px;color:#555}
.account-card .account-privacy{font-size:12px;margin-top:12px;color:#626262}
.account-inline-link{display:inline-block;font-size:13px;color:#222;margin-top:8px}
.account-summary{--price-delay:.14s;border-radius:18px;overflow:hidden;background:#ececec;border:1px solid #c5c8c5}
.account-plan-summary{padding:32px}
.account-plan-summary h2{font-size:27px;line-height:1.2;margin:18px 0;color:#080808}
.account-page .account-plan-price{font:700 46px/1.2 Arial,sans-serif;letter-spacing:-.04em;color:#080808;margin:20px 0 12px}
.account-plan-price span{display:block;font:400 13px/1.5 Aileron,Arial,sans-serif;letter-spacing:0;color:#555;margin-top:5px}
.account-plan-summary>p:not(.account-plan-price){font-size:14px;color:#4a4a4a;line-height:1.6}
.account-plan-summary>a{font-size:13px;color:#222}
.account-future{border-top:1px solid #c8ccc8;padding:24px 32px}
.account-future h3{font-size:17px;color:#111;margin:0 0 16px}
.account-future ul{list-style:none;padding:0;margin:0 0 18px;font-size:13px;line-height:1.6}
.account-future li{padding:5px 0 5px 21px;position:relative}
.account-future li::before{content:'↗';position:absolute;left:0}
.account-future p{font-size:12px;line-height:1.6;color:#5a5a5a;margin:0}
.account-footer{width:100%;max-width:1280px;padding:24px 4.5vw 34px;font-size:12px;border-top:1px solid #c5c8c5;color:#333}
@media(max-width:850px){.pricing-trial{align-items:start;flex-direction:column}.pricing-window-top{align-items:start}.pricing-plan{padding:26px}.pricing-saving{font-size:10px}.account-layout{grid-template-columns:1fr}.account-summary{--price-delay:0s}.account-main{padding-top:30px}.account-heading{margin-top:35px}}
@media(max-width:600px){.finfolder-page .layout-two-main>.pricing-section{padding:64px 6vw}.pricing-heading{margin-bottom:28px}.finfolder-page .pricing-heading p{font-size:17px}.pricing-window{border-radius:16px}.pricing-window-top{padding:22px;gap:12px}.pricing-product{font-size:23px}.pricing-trial-label{font-size:11px;max-width:155px;line-height:1.5}.pricing-trial{padding:26px 22px;gap:22px}.pricing-trial .pricing-button{width:100%;white-space:normal}.pricing-plans{grid-template-columns:1fr;padding:0 12px 16px;gap:14px}.pricing-plan{padding:26px 22px}.pricing-amount{font-size:78px}.pricing-period{font-size:16px}.pricing-plan h3{margin-top:26px}.pricing-features li{font-size:14px}.pricing-availability{padding:0 22px 22px}.pricing-account-link{font-size:13px}.finfolder-page .product-nav-links>a:first-child{display:none}.account-page .product-header nav{padding:0 6vw;gap:12px}.account-page .product-header .brand{font-size:20px}.account-page .product-nav-links{gap:13px}.account-page .product-nav-links a{font-size:10px}.account-main{padding:28px 6vw 55px}.account-heading>p{font-size:17px}.account-card{padding:23px 22px 28px}.account-mode{margin-bottom:26px}.account-mode button{font-size:13px}.account-card h2{font-size:26px}.account-plan-summary{padding:26px 24px}.account-future{padding:24px}.account-footer{padding:24px 6vw;gap:15px}}
@media(prefers-reduced-motion:reduce){.pricing-motion-ready [data-price-reveal]{opacity:1;transform:none;transition:none}.pricing-button{transition:none}}
/* Match the product page's stronger link-colour selectors. */
.finfolder-page .pricing-button{color:#fff}
.finfolder-page .pricing-button--outline,.finfolder-page .pricing-plan--yearly .pricing-button{color:#111}
.finfolder-page .pricing-account-link a{color:#111}
@media(min-width:601px){.pricing-plan>.pricing-plan-label,.pricing-plan-top{min-height:30px;display:flex;align-items:center}}

/* Highlight the monthly plan; keep the trial on its original neutral surface. */
.finfolder-page .pricing-plan--monthly{background:#c4d4ca}

/* Cents stay readable while the larger annual price fits compact cards. */
.pricing-cents{font-size:.48em;letter-spacing:-.035em}
@media(max-width:600px){.finfolder-page .pricing-plan h3{flex-wrap:wrap}.pricing-plan .pricing-period{flex-basis:100%;line-height:1.3;margin-top:5px}}

/* Independent scale preserves the cards' scroll entrance and grid spacing. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .pricing-plan{scale:1;transition:scale .24s cubic-bezier(.2,.7,.2,1)}
 .pricing-motion-ready .pricing-plan[data-price-reveal]{transition:opacity .85s ease var(--price-delay,0s),transform .85s cubic-bezier(.2,.7,.2,1) var(--price-delay,0s),scale .24s cubic-bezier(.2,.7,.2,1)}
 .pricing-plan:hover,.pricing-plan:focus-within{scale:1.02}
}

/* Three equal plans: neutral trial, light monthly, dark yearly. */
.pricing-plans{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:28px}
.pricing-plan{padding:28px;min-height:490px}
.pricing-plan:nth-child(3){--price-delay:.28s}
.pricing-amount{font-size:clamp(58px,5.5vw,86px)}
.finfolder-page .pricing-plan h3{flex-wrap:wrap;gap:0}
.pricing-plan .pricing-period{flex-basis:100%;margin-top:10px;line-height:1.3}
.finfolder-page .pricing-plan--trial{background:#fafafa}
.finfolder-page .pricing-plan--monthly .pricing-button{background:#fff;border-color:#fff;color:#111}
.finfolder-page .pricing-plan--monthly .pricing-button:hover{background:#f3f3f3}
.pricing-account-link{font-size:clamp(20px,2vw,27px);padding-top:36px;gap:18px}
.pricing-account-link a{font-weight:700;text-underline-offset:5px}
@media(max-width:1100px){.pricing-plans{gap:16px;padding:24px 20px}.pricing-plan{padding:24px 20px}.pricing-saving{font-size:10px}.pricing-features li{font-size:14px}.pricing-button{padding:15px;gap:12px}}
@media(max-width:1000px){.pricing-plans{grid-template-columns:1fr}.pricing-plan{min-height:0;padding:28px}.pricing-amount{font-size:78px}.pricing-plan .pricing-period{flex-basis:auto;margin-top:0;margin-left:8px}.pricing-features{margin-top:0}.pricing-plan-top{min-height:30px}}
@media(max-width:600px){.pricing-plans{padding:20px 12px 16px}.pricing-plan{padding:26px 22px}.pricing-account-link{font-size:20px;gap:12px}}

.finfolder-page .pricing-plan--yearly .pricing-button{background:#fff;border-color:#fff}

/* The monthly action uses the same black treatment as the trial. */
.finfolder-page .pricing-plan--monthly .pricing-button{background:#101010;border-color:#101010;color:#fff}
.finfolder-page .pricing-plan--monthly .pricing-button:hover{background:#2e2e2e}

/* Account entry: final interface, shared button language and equal desktop panels. */
.account-layout{align-items:stretch}
.account-summary{display:flex;flex-direction:column}
.account-future{margin-top:auto}
.account-mode{background:#e7e7e7;padding:6px;gap:6px;border-radius:14px}
.account-mode button{font-size:17px;font-weight:700;padding:17px 12px;border-radius:10px;color:#252525;transition:background .2s,color .2s}
.account-mode button[aria-selected="true"]{background:#080808;color:#fff;box-shadow:none}
.account-mode button:disabled{cursor:wait}
.account-card h2{margin-top:0}
.account-continue{display:flex;align-items:center;justify-content:center;gap:12px;background:#263c36;border:1px solid #263c36;color:#fff;min-height:58px;border-radius:9px;font-size:18px;font-weight:700;text-decoration:none}
.account-continue:hover{background:#344e44;border-color:#344e44;color:#fff}
.account-continue:disabled{background:#b6bdb8;color:#263c36;border-color:#b6bdb8}
#account-form,#account-code-form{margin-top:26px}
#account-code-form h3{font-size:24px;line-height:1.2;margin:0 0 14px}
#account-code-form label{display:block;font-size:13px;margin-bottom:8px}
#account-code{font:400 23px/1.5 Aileron,Arial,sans-serif;letter-spacing:.35em;border:1px solid #babeba;background:#fff;color:#111;border-radius:7px;width:100%;padding:12px 14px}
.account-code-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:22px}
.account-code-actions button,.account-signout{border:0;background:transparent;padding:0;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px;color:#263c36;cursor:pointer}
.account-code-actions button:disabled{color:#6b706c;text-decoration:none;cursor:default}
.account-status{padding:12px 14px;border:1px solid #b7bdb8;background:#eceeec;border-radius:8px;font-size:14px!important;color:#25342d!important}
.account-session{max-width:780px;margin-top:32px}
.account-session dl{display:grid;grid-template-columns:1fr 2fr;gap:16px;font-size:16px;margin:30px 0}
.account-session dt{color:#555}.account-session dd{margin:0;color:#111}
.account-signout{margin-top:24px;font-size:15px}
.account-page [hidden]{display:none!important}
@media(max-width:600px){.account-mode button{font-size:15px;padding:15px 8px}.account-continue{font-size:17px}}
@media(prefers-reduced-motion:reduce){.account-mode button{transition:none}}

/* Finfolder's raised capsule selector, matching the approved reference. */
.account-mode{height:54px;align-items:center;padding:0;gap:0;border-radius:999px;background:#fff;margin-top:7px;margin-bottom:38px}
.account-mode button{height:54px;min-width:0;margin:0;padding:12px 20px;border-radius:999px;background:transparent;font-size:20px;font-weight:400;line-height:1.2;color:#6c6c6c}
.account-mode button[aria-selected="true"]{height:66px;margin-top:-6px;margin-bottom:-6px;border-radius:999px;background:#101010;color:#fff;box-shadow:none}
@media(max-width:600px){.account-mode{height:46px}.account-mode button{height:46px;padding:10px 12px;font-size:16px}.account-mode button[aria-selected="true"]{height:58px}}

/* Slim selector and matching account surfaces. */
.account-summary{background:#f6f6f6}
.account-mode{height:40px;width:100%;max-width:520px;margin:10px auto 42px;border:1px solid #bfc3bf;background:#fff}
.account-mode button{height:38px;font-size:19px;padding:8px 18px}
.account-mode button[aria-selected="true"]{height:60px;margin-top:-11px;margin-bottom:-11px}
.account-continue{background:#080808;border-color:#080808;color:#fff}
.account-continue:hover{background:#252525;border-color:#252525;color:#fff}
@media(max-width:600px){.account-mode{height:36px;margin-top:10px;margin-bottom:36px}.account-mode button{height:34px;padding:8px 10px;font-size:15px}.account-mode button[aria-selected="true"]{height:54px;margin-top:-10px;margin-bottom:-10px}}

/* Keep both selector labels centred, including narrow mobile cards. */
.account-mode{display:flex;align-items:center}
.account-mode button{flex:1 1 0;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.account-mode button[aria-selected="true"]{margin-top:0;margin-bottom:0;align-self:center}
@media(max-width:600px){.account-mode button{padding-left:4px;padding-right:4px;font-size:15px}.account-mode button[aria-selected="true"]{margin-top:0;margin-bottom:0}}