.px-page{--px-navy:#03243b;--px-orange:#c65e37;--px-line:#dce3e8;--px-muted:#5c6b75}
.px-page .breadcrumb{font-size:.875rem;padding-block:24px;flex-wrap:wrap}
.px-intro{padding:32px 0 0;background:#fff}
.px-intro-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(35px,6vw,100px)}
.px-kicker{display:flex;align-items:center;gap:13px;font-size:.875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--px-muted);margin-bottom:24px}
.px-intro h1{font-size:clamp(3.4rem,5.6vw,6.2rem);line-height:1.04;letter-spacing:-.025em;margin:0;font-weight:600;color:var(--px-navy)}
.px-intro h1 em,.px-finish h2 em{font-style:normal;color:var(--px-orange)}
.px-intro-copy{max-width:520px;justify-self:end;padding-top:25px}
.px-intro-copy>p:first-child{font-size:clamp(1.2rem,1.5vw,1.55rem);line-height:1.6;color:var(--px-navy);margin:0}
.px-intro-secondary{color:var(--px-muted);font-size:1rem;line-height:1.7;margin:23px 0 0;max-width:420px}
.px-chapters{margin-top:50px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--px-line);gap:30px}
.px-chapters a{display:flex;align-items:center;gap:15px;position:relative;padding:22px 0;font-size:1rem;font-weight:600;color:var(--px-navy);transition:color .25s}
.px-chapters a span{color:var(--px-orange);font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums}
.px-chapters a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--px-orange);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.px-chapters a:hover,.px-chapters a:focus-visible{color:var(--px-orange)}
.px-chapters a:hover:after,.px-chapters a:focus-visible:after{transform:scaleX(1)}
.px-block{padding:72px 0 82px;scroll-margin-top:106px}
.px-section-heading{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(35px,6vw,100px);align-items:end;margin-bottom:34px}
.px-number{font-size:1rem;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;color:var(--px-orange);border:1px solid #c65e3740;background:#c65e3708}
.px-section-heading .px-kicker{margin-bottom:17px}
.px-section-heading h2{font-size:clamp(2.6rem,3.9vw,4.55rem);letter-spacing:-.015em;line-height:1.08;margin:0;color:var(--px-navy);font-weight:600}
.px-section-heading>p{font-size:1.0625rem;line-height:1.8;color:var(--px-muted);margin:0;max-width:500px;justify-self:end}
.px-comparison{margin:0;position:relative}
.px-compare-stage{position:relative;aspect-ratio:16/8.4;isolation:isolate;overflow:hidden;background:#e3e7e9;border-radius:3px}
.px-compare-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;pointer-events:none;user-select:none}
.px-compare-after{z-index:0}
.px-compare-before{z-index:1;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.px-image-label{position:absolute;top:25px;z-index:2;padding:9px 17px;font-size:.875rem;font-weight:700;color:#03243b;background:#ffffffec;border:1px solid #ffffff80;border-radius:3px;pointer-events:none;box-shadow:0 3px 15px #001a2520}
.px-image-label-before{left:25px}
.px-image-label-after{right:25px;background:#03243bdc;color:#fff}
.px-compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;transform:translateX(-50%);background:#fff;z-index:3;pointer-events:none;box-shadow:0 0 10px #00142342}
.px-compare-ball{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--px-navy);border:6px solid #ffffff70;box-shadow:0 4px 20px #001a2542;transition:box-shadow .25s,background .25s}
.px-compare-ball svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.px-compare-control{position:absolute;inset:0;z-index:4;display:block;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none}
.px-compare-control::-webkit-slider-thumb{appearance:none;width:1px;height:100%;cursor:ew-resize}
.px-compare-control::-moz-range-thumb{width:1px;height:100%;border:0;cursor:ew-resize}
.px-comparison.is-dragging .px-compare-ball{background:#ffe9df;box-shadow:0 0 0 8px #ffffff35,0 6px 25px #001a2535}
.px-compare-stage:focus-within{outline:3px solid var(--px-orange);outline-offset:5px}
.px-compare-stage:focus-within .px-compare-ball{box-shadow:0 0 0 7px #c65e3740,0 4px 20px #001a2542}
.px-comparison figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;font-size:.875rem;color:var(--px-muted);line-height:1.6}
.px-comparison figcaption>span:last-child{font-variant-numeric:tabular-nums}
.px-compare-instruction{display:inline-flex;align-items:center;gap:10px}
.px-compare-instruction:before{content:'';width:18px;height:2px;background:var(--px-orange)}
.px-material-note{display:flex;flex-wrap:wrap;gap:20px 40px;margin-top:33px;padding-top:25px;border-top:1px solid var(--px-line);font-size:.9375rem;color:var(--px-navy)}
.px-material-note span{display:flex;align-items:center;gap:10px}
.px-material-note span:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--px-orange)}
.px-application{background:var(--px-navy);padding-block:82px 74px}
.px-application .px-kicker{color:#b7cad7}
.px-application .px-number{color:#ff9d65;background:#ff9d650e;border-color:#ff9d6548}
.px-application .px-section-heading h2{color:#fff}
.px-application .px-section-heading>p{color:#c2d0da}
.px-film{margin-top:38px}
.px-film-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0d3246;border:1px solid #ffffff1e;border-radius:3px}
.px-film-video{display:block;width:100%;height:100%;object-fit:contain;background:#0d3246}
.px-film-overlay{position:absolute;top:24px;left:24px;display:flex;gap:12px;align-items:center;pointer-events:none;font-size:.875rem}
.px-zone-label{background:#fff;color:var(--px-navy);padding:9px 13px;border-radius:3px;font-weight:700;letter-spacing:.03em}
.px-film-scene{padding:9px 13px;color:#fff;background:#03243bdb;border:1px solid #ffffff35;border-radius:3px;backdrop-filter:blur(8px)}
.px-film-toggle{position:absolute;right:24px;bottom:24px;display:flex;gap:10px;align-items:center;background:#fffffff2;border:1px solid #fff;color:var(--px-navy);padding:12px 17px;border-radius:40px;cursor:pointer;font-size:.875rem;font-weight:700;box-shadow:0 4px 20px #0002;transition:background .2s}
.px-film-toggle:hover{background:#ffe9df}
.px-film-toggle svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round}
.px-film-controls{display:flex;align-items:center;gap:20px;margin:19px 0 12px;min-height:25px;color:#c2d0da;font-size:.875rem}
.px-film-controls input{flex:1;min-width:0;accent-color:#e17c4d;cursor:pointer;height:20px;margin:0}
.px-film-controls>span{white-space:nowrap;font-variant-numeric:tabular-nums}
.px-film-expand{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #ffffff35;background:#ffffff0b;color:#c2d0da;border-radius:5px;cursor:pointer}
.px-film-expand:hover{background:#ffffff20;color:#fff}
.px-film-expand svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.px-film-expand:focus-visible{outline:3px solid #e4895c;outline-offset:4px}
.px-film-stage:fullscreen{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;background:#06304a}
.px-film-close{display:none;position:absolute;top:24px;right:24px;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #d7e1e8;border-radius:50%;background:#fff;color:var(--px-navy);cursor:pointer;box-shadow:0 3px 16px #0002}
.px-film-close svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
.px-film-close:focus-visible{outline:3px solid #e4895c;outline-offset:5px}
.px-film-stage:fullscreen .px-film-close{display:flex}
.px-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:25px}
.px-phase{display:flex;gap:15px;text-align:left;align-items:flex-start;border:0;border-top:2px solid #ffffff2b;background:transparent;padding:22px 0 8px;color:#b2c5d2;cursor:pointer;transition:border-color .25s,color .25s,transform .25s}
.px-phase-number{display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;width:33px;height:33px;border:1px solid #ffffff30;border-radius:50%;flex:none;transition:background .25s,color .25s,border-color .25s}
.px-phase strong{display:block;font-size:1.0625rem;font-weight:600;line-height:1.4;margin:2px 0 9px}
.px-phase small{display:block;font-size:.875rem;line-height:1.6;color:#9fb7c7}
.px-phase.is-active,.px-phase:hover{color:#fff;border-color:#ed9160}
.px-phase.is-active .px-phase-number{background:#d77745;border-color:#d77745;color:#fff}
.px-phase:hover{transform:translateY(-2px)}
.px-phase:disabled{opacity:.55;cursor:wait;transform:none}
.px-video-status{margin-top:20px;font-size:1rem;line-height:1.6;color:#fff}
.px-finish{padding-block:85px 78px;background:#fff}
.px-finish-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:35px;padding-top:28px;border-top:1px solid var(--px-line)}
.px-finish-footer p{max-width:570px;color:var(--px-muted);font-size:1rem;line-height:1.7;margin:0}
.px-finish-footer .button{flex:none;white-space:nowrap}
.px-page .content-section.alt{border-top:1px solid var(--px-line)}
.px-page [hidden]{display:none!important}
.px-page .px-reveal-ready [data-px-reveal]{transition:opacity .6s ease,transform .6s ease}
.px-page .px-reveal-ready [data-px-reveal]:not(.is-revealed){opacity:.5;transform:translateY(16px)}
.px-page :is(.px-chapters a,.px-phase,.px-film-toggle):focus-visible{outline:3px solid #e4895c;outline-offset:5px}
@media(min-width:1600px){.px-intro{padding-top:43px}.px-compare-stage{aspect-ratio:16/8.7}}
@media(max-width:1000px){.px-intro-grid,.px-section-heading{gap:40px;grid-template-columns:1fr 1fr}.px-intro h1{font-size:4.3rem}.px-intro-copy>p:first-child{font-size:1.25rem}.px-section-heading h2{font-size:3.4rem}.px-phases{gap:18px}.px-phase{gap:10px}}
@media(max-width:780px){.px-page .breadcrumb{font-size:.8125rem;line-height:1.6;padding:19px 0}.px-intro{padding-top:19px}.px-intro-grid{grid-template-columns:1fr;gap:25px}.px-intro h1{font-size:clamp(3.2rem,11vw,4.9rem);letter-spacing:-.02em}.px-kicker{font-size:.8125rem;letter-spacing:.08em;margin-bottom:21px}.px-intro-copy{padding:0;justify-self:start;max-width:570px}.px-intro-copy>p:first-child{font-size:1.125rem;line-height:1.7}.px-intro-secondary{font-size:1rem;margin-top:14px}.px-chapters{margin-top:30px;gap:0;grid-template-columns:1fr}.px-chapters a{padding:15px 0;min-height:52px;font-size:1rem;border-top:1px solid var(--px-line);gap:18px}.px-chapters a:after{width:70px}.px-block{padding:47px 0 52px;scroll-margin-top:90px}.px-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px;align-items:start}.px-section-heading h2{font-size:clamp(2.65rem,8.7vw,3.7rem);line-height:1.1}.px-section-heading>p{justify-self:start;font-size:1rem;line-height:1.75}.px-section-heading .px-kicker{margin-bottom:17px}.px-number{width:33px;height:33px;font-size:.9375rem}.px-compare-stage{aspect-ratio:4/3;min-height:0}.px-compare-image{object-position:center 62%}.px-image-label{top:15px;padding:7px 11px;font-size:.875rem}.px-image-label-before{left:13px}.px-image-label-after{right:13px}.px-compare-ball{width:50px;height:50px;border-width:5px}.px-compare-ball svg{width:24px;height:24px}.px-comparison figcaption{font-size:.875rem;align-items:start;gap:14px}.px-comparison figcaption>span:last-child{display:none}.px-material-note{display:grid;gap:15px;margin-top:23px;padding-top:22px;font-size:.9375rem}.px-application{padding-block:52px}.px-film{margin-top:0}.px-film-stage{aspect-ratio:16/9}.px-film-overlay{top:10px;left:10px;gap:7px;font-size:.75rem}.px-zone-label,.px-film-scene{padding:6px 8px}.px-film-toggle{right:10px;bottom:10px;gap:6px;padding:9px 12px;font-size:.8125rem}.px-film-toggle svg{width:15px;height:15px}.px-film-controls{gap:13px;margin-top:15px}.px-phases{grid-template-columns:1fr;gap:0;margin-top:18px}.px-phase{padding:17px 0;gap:14px;min-height:83px}.px-phase strong{font-size:1rem;margin:1px 0 5px}.px-phase small{font-size:.875rem}.px-finish-footer{flex-direction:column;align-items:start;gap:24px;margin-top:24px;padding-top:24px}.px-finish-footer .button{width:100%;justify-content:center}.px-finish-footer p{font-size:1rem}.px-page .content-section.alt{padding-block:53px}}
@media(prefers-reduced-motion:reduce){.px-page *{scroll-behavior:auto!important}.px-chapters a:after,.px-compare-ball,.px-phase,.px-phase-number,.px-page .px-reveal-ready [data-px-reveal]{transition:none!important}.px-page .px-reveal-ready [data-px-reveal]:not(.is-revealed){opacity:1;transform:none}.px-phase:hover{transform:none}}