.pp{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:14px;max-width:620px;margin-left:auto;font-size:12.5px;display:grid;position:relative}.pp-k{font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--g700);margin-bottom:8px}.pp-ed{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;gap:6px;padding:16px;display:grid}.pp-for{letter-spacing:-.01em;font-size:15px}.pp-sub{color:var(--muted);font-size:11px}.pp-blocks{gap:6px;margin-top:8px;display:grid}.pp-blocks>button{border:1px solid var(--line);background:var(--bg2);font:600 12px var(--sans);color:var(--muted);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;transition:all .2s;display:flex}.pp-blocks>button>i{background:#cfd8d1;border-radius:99px;flex:none;width:26px;height:15px;transition:background .2s;position:relative}.pp-blocks>button>i:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .2s;position:absolute;top:2px;left:2px}.pp-blocks>button.on{background:var(--g50);color:var(--g800);border-color:#bfdcc5}.pp-blocks>button.on>i{background:var(--g500)}.pp-blocks>button.on>i:after{transform:translate(11px)}.pp-flow{gap:4px;margin-top:10px;display:flex}.pp-flow>span{text-align:center;background:var(--bg2);color:var(--muted);border-radius:8px;flex:1;padding:6px 0;font-size:10.5px;font-weight:700;transition:all .3s}.pp-flow>span.on{background:var(--g800);color:#fff}.pp-site{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 50px -28px #0d381473}.pp-bar{border-bottom:1px solid var(--line);background:#f1f3f1;align-items:center;gap:5px;padding:8px 10px;display:flex}.pp-bar>i{background:#d5dbd6;border-radius:50%;width:7px;height:7px}.pp-bar>span{color:var(--muted);text-align:center;background:#fff;border-radius:99px;flex:1;margin-left:6px;padding:3px 10px;font-size:10px}.pp-page{flex-direction:column;max-height:470px;display:flex;overflow:hidden}.pp-hero{color:#fff;isolation:isolate;background-position:50%;background-size:cover;padding:28px 18px 18px;position:relative}.pp-hero:before{content:"";z-index:-1;background:linear-gradient(#0d281240,#0d3814eb);position:absolute;inset:0}.pp-hero small{letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-size:10px}.pp-hero b{margin-top:24px;font:600 19px/1.15 Georgia,serif;display:block}.pp-sec{grid-template-rows:1fr;padding:0 16px;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1),opacity .3s,padding .45s;display:grid}.pp-sec>*{min-height:0;overflow:hidden}.pp-sec.off{opacity:0;grid-template-rows:0fr;padding-block:0}.pp-sec:not(.off){padding-block:10px 0}.pp-letter{color:var(--ink2);font:13px/1.5 Georgia,serif}.pp-vid{background-position:50%;background-size:cover;border-radius:10px;place-items:center;height:96px;display:grid;position:relative}.pp-vid:before{content:"";border-radius:inherit;background:#0000004d;position:absolute;inset:0}.pp-vid>span{background:#ffffffeb;border-radius:50%;width:34px;height:34px;position:relative}.pp-vid>span:after{content:"";border-left:11px solid var(--g800);border-top:7px solid #0000;border-bottom:7px solid #0000;position:absolute;top:10px;left:13px}.pp-vid small{color:#fff;font-size:10px;position:absolute;bottom:7px;left:10px}.pp-story{background:var(--bg2);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.pp-story>span{background-position:50% 25%;background-size:cover;border-radius:50%;flex:none;width:44px;height:44px}.pp-story b{font-size:12px;display:block}.pp-story q{color:var(--ink2);font:italic 12.5px/1.35 Georgia,serif}.pp-opt{background:var(--g900);color:#fff;border-radius:12px;margin-bottom:14px;padding:12px}.pp-opt-hd{justify-content:space-between;align-items:baseline;display:flex}.pp-opt-hd span{color:#a9c7ae;font-size:11px}.pp-amt{letter-spacing:-.03em;color:var(--g300);font-variant-numeric:tabular-nums;font-size:22px}.pp-opt input{width:100%;accent-color:var(--g500);margin:8px 0 4px}.pp-imp{color:#cfe0d2;font-size:12px}.pp-imp b{color:#fff}.pp-eng{border:1px solid var(--line);width:200px;box-shadow:var(--shadow);opacity:0;background:#fff;border-radius:14px;padding:12px 14px;transition:all .4s;position:absolute;bottom:-6px;left:0;transform:translateY(8px)}.pp.sent .pp-eng{opacity:1;transform:none}.pp-ev{gap:6px;display:grid}.pp-ev>div{gap:7px;font-size:11px;line-height:1.3;animation:.35s both pp-in;display:flex}.pp-ev i{background:var(--g500);border-radius:50%;flex:none;width:7px;height:7px;margin-top:4px}.pp-ev small{color:var(--muted);font-size:10px;display:block}@keyframes pp-in{0%{opacity:0;transform:translateY(4px)}}@media (width<=760px){.pp{grid-template-columns:minmax(0,1fr)}.pp-eng{opacity:1;width:auto;position:static;transform:none}.pp-blocks{grid-template-columns:1fr 1fr}}.pp-feats b{font-size:clamp(26px,3vw,38px)}
