.pf-directory{padding-block:18px;border-bottom:1px solid var(--ex-rule);display:flex;gap:24px;align-items:center;justify-content:space-between}.pf-directory>p{font-size:13px;font-weight:500;display:flex;align-items:center;gap:16px;white-space:nowrap}.pf-directory>p span{color:var(--ex-green);font-size:20px}.pf-directory nav{display:flex;gap:4px;padding:5px;border:1px solid var(--ex-rule);border-radius:8px;background:var(--ex-white)}.pf-directory a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 17px;font-size:12px;border-radius:4px;color:var(--ex-muted)}.pf-directory a[aria-current]{background:var(--ex-green);color:var(--ex-white);font-weight:600}.pf-directory a:hover:not([aria-current]){background:var(--ex-selected);color:var(--ex-green)}.pf-page .lp-hero{padding-top:44px}.pf-benefits{row-gap:42px}.pf-choice{border:0;padding:0;margin:0;min-width:0}.pf-choice>input{position:absolute;opacity:0;width:1px;height:1px}.pf-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.pf-controls label{display:flex;align-items:center;min-height:44px;padding:8px 17px;border:1px solid var(--ex-rule);border-radius:24px;font-size:13px;cursor:pointer}.pf-choice>input:nth-of-type(1):checked~.pf-controls label:nth-child(1),.pf-choice>input:nth-of-type(2):checked~.pf-controls label:nth-child(2),.pf-choice>input:nth-of-type(3):checked~.pf-controls label:nth-child(3){background:var(--ex-green);color:var(--ex-white);border-color:var(--ex-green)}.pf-choice>input:nth-of-type(1):focus-visible~.pf-controls label:nth-child(1),.pf-choice>input:nth-of-type(2):focus-visible~.pf-controls label:nth-child(2),.pf-choice>input:nth-of-type(3):focus-visible~.pf-controls label:nth-child(3){outline:3px solid var(--ex-green);outline-offset:4px}.pf-explanations{display:grid;margin-top:24px}.pf-explanation{grid-area:1/1;visibility:hidden}.pf-page .pf-explanation h2{font-size:22px;letter-spacing:-.025em;line-height:1.25;text-wrap:initial}.pf-explanation p{margin-top:10px;color:var(--ex-muted);font-size:14px;line-height:1.75}.pf-choice>input:nth-of-type(1):checked~.pf-explanations .pf-explanation:nth-child(1),.pf-choice>input:nth-of-type(2):checked~.pf-explanations .pf-explanation:nth-child(2),.pf-choice>input:nth-of-type(3):checked~.pf-explanations .pf-explanation:nth-child(3){visibility:visible}.pf-panel{border:1px solid var(--ex-rule);border-radius:12px;background:var(--ex-white);box-shadow:0 25px 60px -38px var(--ex-card-shadow);overflow:hidden}.pf-panel-head{padding:23px 24px;border-bottom:1px solid var(--ex-rule);display:flex;gap:18px;align-items:center;justify-content:space-between}.pf-panel-head strong{font-weight:500;font-size:16px}.pf-panel-head span{font-size:12px;color:var(--ex-muted)}.pf-panel-foot{padding:22px 24px;border-top:1px solid var(--ex-rule);font-size:14px;line-height:1.7;color:var(--ex-muted)}.pf-panel-foot strong{display:block;font-weight:500;color:var(--ex-ink);font-size:16px;margin-bottom:5px}.pf-art{width:100%;display:block;fill:none;stroke:var(--lp-line);stroke-width:1.4}.pf-art .paper{fill:var(--ex-white);stroke:var(--lp-line)}.pf-art .soft{fill:var(--ex-selected);stroke:var(--ex-rule)}.pf-art .ink{stroke:var(--ex-green)}.pf-art .fill{fill:var(--ex-green);stroke:none}.pf-art .guide{stroke:var(--ex-rule)}.pf-art text{stroke:none;fill:var(--ex-muted);font:13px Plus Jakarta Sans,sans-serif}.pf-art .trace{stroke:var(--ex-green);stroke-dasharray:1;stroke-dashoffset:0}.pf-choice>input:nth-of-type(1):checked~.pf-panel [data-focus="0"],.pf-choice>input:nth-of-type(2):checked~.pf-panel [data-focus="1"],.pf-choice>input:nth-of-type(3):checked~.pf-panel [data-focus="2"]{stroke:var(--ex-green);stroke-width:2.3}@media(prefers-reduced-motion:no-preference){.pf-art [data-focus]{transition:stroke .3s,stroke-width .3s}.lp-in-view .pf-art .trace{animation:pf-draw 1.7s ease both}.pf-art [data-lp-arrive]{animation-delay:var(--pf-delay,0ms)}}@keyframes pf-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@media(max-width:1100px){.pf-directory{flex-direction:column;align-items:stretch;gap:12px}.pf-directory>p{justify-content:space-between}.pf-directory nav{justify-content:space-between}}@media(max-width:620px){.pf-directory{padding-block:16px}.pf-directory>p{font-size:12px}.pf-directory nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.pf-directory a{padding:8px 3px;font-size:11px}.pf-page .lp-hero{padding-top:28px}.pf-controls{gap:6px}.pf-controls label{font-size:12px;padding:8px 13px}.pf-panel-head,.pf-panel-foot{padding:18px}.pf-panel-head strong{font-size:14px}.pf-panel-head span{font-size:11px}}.pf-art-states{display:grid}.pf-art-state{grid-area:1/1;visibility:hidden}.pf-art-state p{font-size:13px;line-height:1.7}.pf-choice>input:nth-of-type(1):checked~.pf-panel .pf-art-state-0,.pf-choice>input:nth-of-type(2):checked~.pf-panel .pf-art-state-1,.pf-choice>input:nth-of-type(3):checked~.pf-panel .pf-art-state-2{visibility:visible}.pf-conversation{padding:22px 24px 18px}.pf-question{display:flex;gap:14px;align-items:center;padding:18px;background:var(--ex-selected);border-radius:8px}.pf-question svg{width:23px;flex-shrink:0;fill:none;stroke:var(--ex-green);stroke-width:1.4}.pf-question p{font-size:16px;line-height:1.5}.pf-source{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:var(--ex-muted);flex-wrap:wrap}.pf-source span{color:var(--ex-green)}.pf-review-code{padding:22px 24px 10px}.pf-review-code>span{font:12px JetBrains Mono,monospace;color:var(--ex-muted)}.pf-review-code code{display:block;padding:20px 0 16px;font:13px/1.9 JetBrains Mono,monospace;color:var(--ex-ink);overflow-wrap:anywhere}@media(max-width:620px){.pf-conversation{padding:18px}.pf-question{padding:14px}.pf-question p{font-size:14px}.pf-review-code{padding:18px}.pf-review-code code{font-size:11px}}