/* Shared brand primitives, with a different composition for each useful visual. */
.pf-section{scroll-margin-top:130px;max-width:1200px;width:100%;margin:auto;padding:70px 64px;box-sizing:border-box}.pf-section [hidden]{display:none!important}.pf-heading{max-width:760px;margin:0 auto 38px;display:grid;gap:23px;text-align:center;justify-items:center}.pf-heading .pill{margin:0;font-size:11px;line-height:1.5}.pf-heading h2{margin:0;font:500 48px/1.08 Inter,sans-serif;letter-spacing:-2.5px}.pf-heading>p:last-child{max-width:640px;margin:0;font-size:17px;line-height:1.75;color:#625f5a}.pf-section h3{font:500 28px/1.18 Inter,sans-serif;letter-spacing:-1px;margin:0}.pf-section p{line-height:1.75}.pf-step{font:italic 500 43px/1.1 'Source Serif 4',serif;letter-spacing:-1.2px;color:#314c40}.pf-label{display:block;font-size:10px;line-height:1.6;letter-spacing:.5px;text-transform:uppercase;color:#625f5a}
.pf-decision{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;border:1px solid #d4cdc3;border-radius:24px;padding:34px;background:#f7f2ea;box-shadow:0 25px 50px -40px #282b2555}.pf-decision>[role=tablist]{display:grid;gap:12px;align-content:start}.pf-decision button{display:flex;align-items:center;gap:15px;width:100%;min-height:66px;padding:18px;text-align:left;background:#e8e3db;border:1px solid transparent;border-radius:13px;color:#252821;font:500 13px/1.5 Inter,sans-serif;cursor:pointer;transition:background .25s,box-shadow .25s}.pf-decision button>span{font:italic 500 24px/1 'Source Serif 4',serif}.pf-decision button>i{font-style:normal;margin-left:auto}.pf-decision button[aria-selected=true]{background:#233b32;color:#f7f2ea;box-shadow:0 8px 20px -12px #233b3280}.pf-decision button:hover{border-color:#617568}.pf-decision [role=tabpanel]{min-width:0;background:#efebe5;padding:35px;border:1px solid #ded7cc;border-radius:17px;display:grid;gap:26px;align-content:center;box-shadow:0 15px 30px -27px #25251f66}.pf-decision [role=tabpanel]>p{margin:0;font-size:16px;color:#625f5a}.pf-decision [role=tabpanel]>h3{font:italic 500 36px/1.12 'Source Serif 4',serif;letter-spacing:-1px}
.pf-comparison{background:#f7f2ea;border:1px solid #d4cdc3;border-radius:23px;overflow:hidden;box-shadow:0 25px 50px -40px #282b2555}.pf-ledger-header{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;padding:22px 35px;background:#233b32;color:#f7f2ea;font-size:10px;letter-spacing:.6px}.pf-comparison article{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;padding:34px 35px;border-bottom:1px solid #ded7cc;align-items:center;transition:background .3s}.pf-comparison article:last-child{border:0}.pf-comparison article:hover{background:#e9e4dc}.pf-comparison article>div{display:grid;gap:14px}.pf-comparison article>p{font-size:16px;margin:0;color:#625f5a}.pf-comparison h3{font-size:26px;max-width:370px}
.pf-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.pf-timeline li{border-top:2px solid #314c40;background:#f7f2ea;padding:30px 26px;border-radius:0 0 20px 20px;display:grid;gap:23px;align-content:start;min-width:0;box-shadow:0 16px 36px -35px #233b3280;transition:translate .3s,box-shadow .3s}.pf-timeline li:hover,.pf-timeline li:focus-visible{translate:0 -5px;box-shadow:0 20px 40px -28px #233b3266}.pf-timeline h3{font-size:27px}.pf-timeline p{font-size:15px;margin:0;color:#625f5a}.pf-section button:focus-visible,.pf-timeline li:focus-visible{outline:2px solid #314c40;outline-offset:5px}
@media(max-width:1100px){.pf-section{padding:60px 35px}.pf-heading h2{font-size:43px;letter-spacing:-2.2px}.pf-decision{gap:25px;padding:28px}.pf-decision [role=tabpanel]{padding:28px}.pf-ledger-header,.pf-comparison article{gap:35px;padding-left:28px;padding-right:28px}.pf-timeline{gap:18px}.pf-timeline li{padding:26px 23px}.pf-timeline h3{font-size:24px}}
@media(max-width:810px){.pf-section{padding:52px 24px}.pf-heading{gap:22px;margin-bottom:32px}.pf-heading>p:last-child{font-size:16px}.pf-decision{gap:22px;padding:24px;grid-template-columns:1fr 1.1fr}.pf-decision button{padding:15px;font-size:12px;gap:11px}.pf-decision [role=tabpanel]{padding:25px;gap:23px}.pf-decision [role=tabpanel]>h3{font-size:32px}.pf-decision [role=tabpanel]>p{font-size:14px}.pf-ledger-header,.pf-comparison article{grid-template-columns:1fr 1.1fr;gap:28px}.pf-comparison h3{font-size:25px}.pf-comparison article>p{font-size:15px}.pf-timeline{grid-template-columns:1fr}.pf-timeline li{grid-template-columns:50px 1fr;gap:15px 22px;border-top:0;border-left:2px solid #314c40;border-radius:0 18px 18px 0}.pf-timeline .pf-step{grid-row:1/4}.pf-timeline p{max-width:600px}}
@media(max-width:540px){.pf-heading h2{font-size:37px;letter-spacing:-1.9px}.pf-heading>p:last-child{font-size:15px}.pf-decision{grid-template-columns:1fr;padding:20px;gap:24px;border-radius:20px}.pf-decision button{font-size:12px;min-height:59px}.pf-decision [role=tabpanel]{padding:27px}.pf-decision [role=tabpanel]>h3{font-size:32px}.pf-ledger-header{grid-template-columns:1fr;padding:20px 26px}.pf-ledger-header>span:first-child{display:none}.pf-comparison article{grid-template-columns:1fr;gap:22px;padding:28px 26px}.pf-comparison h3{font-size:27px}.pf-comparison article>p{font-size:14px}.pf-timeline li{padding:26px 22px;grid-template-columns:36px 1fr;gap:14px 18px}.pf-timeline h3{font-size:26px}.pf-timeline p{font-size:14px}.pf-step{font-size:37px}}
@media(prefers-reduced-motion:reduce){.pf-section *{transition:none!important;translate:none!important}}.motion-paused .pf-section *{transition:none!important;translate:none!important}

.pf-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pf-matrix article{display:grid;gap:24px;align-content:start;background:#f7f2ea;border:1px solid #d4cdc3;border-radius:20px;padding:30px;box-shadow:0 20px 40px -35px #233b3266;min-width:0}.pf-matrix article:first-child{background:#233b32;color:#f7f2ea}.pf-matrix article:first-child .pf-label,.pf-matrix article:first-child .pf-step,.pf-matrix article:first-child p{color:#e0e4db}.pf-matrix h3{font-size:27px}.pf-matrix p{margin:0;font-size:15px;color:#625f5a}
@media(max-width:810px){.pf-matrix{gap:16px}.pf-matrix article{padding:25px 21px}.pf-matrix h3{font-size:24px}.pf-matrix p{font-size:14px}}
@media(max-width:540px){.pf-matrix{grid-template-columns:1fr}.pf-matrix article{padding:29px;gap:22px}.pf-matrix h3{font-size:28px}}
