section.px{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:76px max(24px,calc((100% - 1240px)/2));background:#f0f2ff;color:#17191c;font-family:inherit;font-size:16px;line-height:1.6;scroll-margin-top:90px}
.px *{box-sizing:border-box}.px [hidden]{display:none!important}.px .px-intro{position:static;display:block;padding:0;margin:0 0 32px;width:auto;max-width:900px;height:auto;background:transparent;border:0;box-shadow:none;color:inherit}
.px .px-label{display:block;font-size:13px;font-weight:750;letter-spacing:.07em;line-height:1.5;margin:0 0 12px;color:#45496b;text-transform:uppercase}
.px h2{font:inherit;font-size:clamp(32px,4vw,54px);font-weight:800;line-height:1.1;letter-spacing:-.035em;margin:0 0 22px;color:#17191c;text-transform:none}
.px .px-intro>p:last-child{font-size:20px;line-height:1.55;color:#4b5064;max-width:850px;margin:0}
.px h3{font:inherit;font-size:25px;font-weight:750;line-height:1.25;letter-spacing:-.02em;margin:0 0 18px;color:#17191c;text-transform:none}
.px p{font-size:16px;line-height:1.6;color:#4b5064;margin:16px 0}.px .px-note,.px .px-mobile-note{font-size:14px;line-height:1.6;color:#545b70;margin:18px 0 0;max-width:none}
.px .px-widget{background:#fff;padding:26px;margin:0 0 30px;border-radius:14px;min-width:0}
.px .px-widget-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:24px}.px .px-widget-heading h3{margin-bottom:0}
.px .px-button,.px .px-chip{appearance:none;font:inherit;font-size:14px;font-weight:700;line-height:1.4;display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:12px 18px;border:1px solid transparent;border-radius:999px;background:#3439db;color:#fff;cursor:pointer;text-decoration:none;text-align:center;box-shadow:none;transform:none;white-space:normal}
.px .px-button:hover{background:#252ab6}.px .px-secondary,.px .px-chip{background:#fff;color:#262b57;border-color:#bfc4df}.px .px-secondary:hover,.px .px-chip:hover{background:#e8ebff}.px .px-chip[aria-pressed=true]{background:#d8ff3e;color:#17191c;border-color:transparent}.px button:disabled{opacity:.45;cursor:not-allowed}.px .px-choice{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0}
.px .px-control{display:block;font-size:15px;font-weight:650;line-height:1.45;margin:20px 0;color:#252b41}.px input[type=text],.px select{display:block;width:100%;min-height:48px;margin-top:8px;padding:10px 12px;border:1px solid #aeb6d4;border-radius:6px;background:#fff;color:#17191c;font:inherit;font-size:16px}.px input[type=range]{display:block;width:100%;height:32px;margin:10px 0 0;padding:0;accent-color:#3439db;cursor:pointer;max-width:none}.px output{font-size:14px;color:#59617c;margin-left:12px;font-weight:600}
.px .px-image-pair{position:relative;overflow:hidden;background:transparent;border:0;--split:50%}.px .px-image-pair img{display:block;width:100%;height:auto;max-width:100%;margin:0}.px .px-image-pair .px-image-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;clip-path:inset(0 0 0 var(--split))}.px .px-divider{position:absolute;inset:0 auto 0 var(--split);width:3px;background:#d8ff3e;pointer-events:none}.px .px-compare-labels{display:flex;justify-content:space-between;gap:18px;font-size:14px;font-weight:700;color:#353b51;margin-top:14px}.px .px-comparison .px-control{margin-bottom:0}
.px .px-poster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}.px .px-poster figure{margin:0;display:flex;flex-direction:column;align-items:center;min-width:0}.px canvas[data-px-poster]{display:block;width:auto;max-width:100%;height:auto;max-height:580px;aspect-ratio:2/3;object-fit:contain}.px figcaption{font-size:13px;line-height:1.5;color:#60677d;margin-top:12px}.px .px-controls{max-width:470px}.px video{display:block;width:100%;height:auto;max-height:570px;margin-top:20px;background:transparent;border:0}
.px .px-recipes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 28px}.px .px-recipe{display:block;margin:0;padding:24px;background:#fff;border:0;border-top:4px solid #c6cdfb;border-radius:0;min-width:0;scroll-margin-top:100px}.px .px-recipe summary{cursor:pointer;list-style:none;display:block;padding:0}.px .px-recipe summary::-webkit-details-marker{display:none}.px .px-recipe summary::after{content:'Show steps +';font-size:14px;color:#3439db;font-weight:650}.px .px-recipe[open] summary::after{content:'Hide steps −'}.px .px-recipe h3{font-size:22px;margin:0 0 14px}.px .px-tags{font-size:13px;color:#5d6380;margin:20px 0 16px;line-height:1.5}.px .px-recipe ol{display:block;list-style:decimal;margin:0;padding:0 0 0 22px}.px .px-recipe li{display:list-item;list-style:decimal;padding:0 0 0 4px;margin:0 0 12px;font-size:16px;line-height:1.6;color:#414962;background:transparent;border:0}.px .px-recipe li::before{content:none}.px .px-result{border-top:1px solid #dce0f2;padding-top:18px;font-size:15px;margin-bottom:0}.px .px-result strong{display:block;color:#17191c;margin-bottom:7px}
.px .px-resources{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 26px}.px .px-resources .px-note{flex-basis:100%;margin:0}.px .px-live,.px .px-next{border-top:2px solid #c5ccee;padding-top:30px;margin-top:30px}.px .px-frame-wrap{margin-top:24px;width:100%;background:#fff;border:1px solid #c5ccee;border-radius:8px;overflow:hidden}.px iframe{display:block;width:100%;height:760px;border:0;background:#fff}.px .px-mobile-note{display:none}
.px .px-table-wrap{overflow-x:auto;width:100%;margin:20px 0}.px table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px;background:#fff;color:#303750}.px caption{caption-side:top;text-align:left;font-size:14px;color:#555f79;padding-bottom:14px}.px th,.px td{padding:12px 10px;text-align:left;border:0;border-bottom:1px solid #dce0ec;vertical-align:top}.px td code{font-size:12px;white-space:nowrap;color:#414a65}.px .px-duplicate{background:#edf7db}.px .px-faders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:30px 0}.px .px-fader{display:block;font-size:16px;font-weight:700;color:#242d47}.px .px-fader output{display:block;margin:8px 0;font-size:14px}.px .px-cross span{float:right}.px .px-eq-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0}
.px [data-px-chain-list]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:24px 0}.px [data-px-chain-list] li{display:block;padding:20px;background:#f2f4fb;border:0;list-style:none;color:#242d47;margin:0}.px [data-px-chain-list] strong{display:block;font-size:18px}.px [data-px-chain-list] p{font-size:15px;margin:12px 0}.px [data-px-chain-list] .px-button{font-size:13px;padding:8px 10px;min-height:40px}.px [data-px-chain-list] li::before{content:none}
.ph-actions .px-hero-link,.hero-cta .px-hero-link{font:inherit;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.4;padding:12px 18px;background:#d8ff3e;color:#17191c;border-radius:999px;text-decoration:none}
.px :is(button,a,input,select,summary):focus-visible,.px-hero-link:focus-visible{outline:3px solid #3439db;outline-offset:4px}
@media(max-width:1000px){.px .px-recipes{grid-template-columns:repeat(2,minmax(0,1fr))}.px .px-faders{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){section.px{padding:46px 18px;scroll-margin-top:76px}.px .px-intro>p:last-child{font-size:18px}.px .px-widget{padding:18px;border-radius:10px}.px .px-poster{grid-template-columns:1fr;gap:24px}.px canvas[data-px-poster]{max-height:450px}.px .px-controls{max-width:none}.px .px-recipes{grid-template-columns:1fr;gap:18px}.px .px-recipe{padding:20px}.px .px-eq-controls{grid-template-columns:1fr;gap:0}.px .px-faders{gap:18px}.px .px-cross span{float:none;display:block;margin-top:6px}.px [data-px-chain-list]{grid-template-columns:1fr}.px [data-px-launch]{display:none}.px .px-mobile-note{display:block}.px iframe{height:620px}.px .px-frame-wrap{display:none}.px .px-choice{gap:8px}.px .px-button{padding:11px 15px}.px .px-widget-heading{gap:18px}.px .px-compare-labels{font-size:13px}.px .px-recipe{scroll-margin-top:80px}}