.cpqr{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;--ink:#361722;--muted:#6b5560;--mint:#1e7a5f;--mint-lite:#8dd9bf;--mint-soft:#e8f2ec;--pink:#f6eaee;--cream:#f3ece1;--bd:#ddd0bb}.cpqr *{box-sizing:border-box}.cpqr-stage{position:relative;background:var(--pink);border:1px solid var(--bd);border-radius:24px;box-shadow:0 18px 50px -30px #3617226b;padding:22px 24px 20px;overflow:hidden}.cpqr-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.cpqr-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(54,23,34,.12);background:#fff;color:var(--muted);text-align:left;padding:10px 13px 0;border-radius:14px;cursor:pointer;position:relative;overflow:hidden;font-family:inherit;transition:border-color .25s,color .25s,background .25s,box-shadow .25s;min-height:56px}.cpqr-trole{font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;opacity:.72;display:block}.cpqr-tname{font-weight:700;font-size:15.5px;color:var(--ink);margin-top:1px;line-height:1.1;display:block}.cpqr-fill{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--mint)}.cpqr-tab.active{border-color:var(--mint);background:var(--mint-soft);box-shadow:0 10px 22px -16px #1e7a5fd9}.cpqr-tab.active .cpqr-trole{color:var(--mint);opacity:1}.cpqr-tab.run .cpqr-fill{animation:cpqr-fill var(--dur,8s) linear forwards}.cpqr.paused .cpqr-tab.active .cpqr-fill{animation-play-state:paused}.cpqr-tab:focus-visible{outline:2px solid var(--mint);outline-offset:2px}@keyframes cpqr-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cpqr-scenes{min-height:360px}.cpqr-scene{display:none;grid-template-columns:236px 1fr;gap:40px;align-items:center}.cpqr-scene.active{display:grid}.cpqr-motif{width:100%;max-width:280px;margin:0 auto;aspect-ratio:1/1}.cpqr-motif svg{width:100%;height:100%;display:block}.cpqr-kick{font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mint);margin:0}.cpqr-title{font-weight:700;font-size:clamp(24px,3vw,31px);line-height:1.06;margin:3px 0 5px;color:var(--ink)}.cpqr-id{margin:0 0 18px;font-size:clamp(15px,1.2vw,17.5px);line-height:1.5;color:var(--muted);max-width:54ch}.cpqr-beats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.cpqr-beat{display:flex;gap:12px;align-items:flex-start}.cpqr-bico{flex:none;width:30px;height:30px;border-radius:9px;background:var(--mint-soft);border:1px solid #cfe6db;display:grid;place-items:center;margin-top:1px}.cpqr-bico svg{width:16px;height:16px}.cpqr-btag{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}.cpqr-beat>div>strong{display:block;font-size:16px;color:var(--ink);font-weight:700;line-height:1.25}.cpqr-bsub{display:block;font-size:14px;color:var(--muted);margin-top:3px;line-height:1.45}.cpqr-bsub strong{font-weight:700;color:var(--ink)}.cpqr-chips{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.cpqr-chip{font-size:11.5px;font-weight:500;color:var(--ink);background:var(--pink);border:1px solid rgba(54,23,34,.14);padding:3px 9px;border-radius:999px;white-space:nowrap}.cpqr-chip.m{color:var(--mint);background:var(--mint-soft);border-color:#cfe6db}.cpqr-payoff{margin:17px 0 0;padding-left:14px;border-left:3px solid var(--mint);font-size:16px;font-weight:500;font-style:italic;color:var(--ink);line-height:1.3}.cpqr-scene.active .cpqr-beat,.cpqr-scene.active .cpqr-payoff,.cpqr-scene.active .cpqr-kick,.cpqr-scene.active .cpqr-title,.cpqr-scene.active .cpqr-id{opacity:0;animation:cpqr-rise .55s cubic-bezier(.2,.7,.2,1) forwards}.cpqr-scene.active .cpqr-kick{animation-delay:.02s}.cpqr-scene.active .cpqr-title{animation-delay:.09s}.cpqr-scene.active .cpqr-id{animation-delay:.17s}.cpqr-scene.active .cpqr-beats .cpqr-beat:nth-child(1){animation-delay:.3s}.cpqr-scene.active .cpqr-beats .cpqr-beat:nth-child(2){animation-delay:.52s}.cpqr-scene.active .cpqr-beats .cpqr-beat:nth-child(3){animation-delay:.74s}.cpqr-scene.active .cpqr-beats .cpqr-beat:nth-child(4){animation-delay:.96s}.cpqr-scene.active .cpqr-payoff{animation-delay:1.18s}@keyframes cpqr-rise{0%{opacity:0;transform:translateY(11px)}to{opacity:1;transform:none}}@keyframes cpqr-draw{to{stroke-dashoffset:0}}@keyframes cpqr-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@keyframes cpqr-grow{0%{transform:scale(0)}to{transform:none}}@keyframes cpqr-fadein{0%{opacity:0}to{opacity:1}}@keyframes cpqr-growbar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes cpqr-slidein{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes cpqr-travelarc{0%{opacity:0;transform:translate(73px,150px)}14%{opacity:1}50%{transform:translate(150px,84px)}to{opacity:1;transform:translate(227px,150px)}}.cpqr-motif :is(.r-comp circle,.n-seats circle,.n-core,.r-seal,.r-check,.s-bridge,.s-cbo g,.d-b,.d-star){transform-box:fill-box}.cpqr-scene.active .r-seal{animation:cpqr-draw 1s ease .45s forwards}.cpqr-scene.active .r-check{animation:cpqr-draw .45s ease 1.35s forwards}.cpqr-scene.active .r-comp circle{opacity:0;transform-origin:center;animation:cpqr-pop .4s ease forwards}.cpqr-scene.active .r-comp circle:nth-child(1){animation-delay:.65s}.cpqr-scene.active .r-comp circle:nth-child(2){animation-delay:.8s}.cpqr-scene.active .r-comp circle:nth-child(3){animation-delay:.95s}.cpqr-scene.active .n-seats circle{opacity:0;transform-origin:center;animation:cpqr-pop .42s ease forwards}.cpqr-scene.active .n-seats circle:nth-child(1){animation-delay:.3s}.cpqr-scene.active .n-seats circle:nth-child(2){animation-delay:.45s}.cpqr-scene.active .n-seats circle:nth-child(3){animation-delay:.6s}.cpqr-scene.active .n-seats circle:nth-child(4){animation-delay:.75s}.cpqr-scene.active .n-seats circle:nth-child(5){animation-delay:.9s}.cpqr-scene.active .n-seats circle:nth-child(6){animation-delay:1.05s}.cpqr-scene.active .n-spokes line{opacity:0;animation:cpqr-fadein .5s ease 1s forwards}.cpqr-scene.active .n-core{transform-origin:center;transform:scale(0);animation:cpqr-grow .5s cubic-bezier(.2,.9,.3,1.3) 1.15s forwards}.cpqr-scene.active .n-core-check{opacity:0;animation:cpqr-fadein .4s ease 1.55s forwards}.cpqr-scene.active .s-bridge{animation:cpqr-draw 1.15s ease .45s forwards}.cpqr-scene.active .s-card{opacity:0;animation:cpqr-travelarc 2.1s ease 1.35s forwards}.cpqr-scene.active .s-cbo g{opacity:0;transform-origin:center;animation:cpqr-pop .45s ease forwards}.cpqr-scene.active .s-cbo g:nth-child(1){animation-delay:1.5s}.cpqr-scene.active .s-cbo g:nth-child(2){animation-delay:1.68s}.cpqr-scene.active .d-b{transform-origin:bottom;transform:scaleY(0);animation:cpqr-growbar .7s cubic-bezier(.2,.7,.2,1) forwards}.cpqr-scene.active .d-b:nth-child(1){animation-delay:.45s}.cpqr-scene.active .d-b:nth-child(2){animation-delay:.6s}.cpqr-scene.active .d-b:nth-child(3){animation-delay:.75s}.cpqr-scene.active .d-b:nth-child(4){animation-delay:.9s}.cpqr-scene.active .d-target{opacity:0;animation:cpqr-fadein .6s ease 1.15s forwards}.cpqr-scene.active .d-star{opacity:0;transform-origin:center;animation:cpqr-pop .5s cubic-bezier(.2,.9,.3,1.4) 1.25s forwards}.cpqr-scene.active .d-roi{opacity:0;animation:cpqr-slidein .55s ease 1.45s forwards}.cpqr-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(54,23,34,.1);flex-wrap:wrap}.cpqr-ctrls{display:flex;align-items:center;gap:10px}.cpqr-pp{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(54,23,34,.16);background:#fff;width:38px;height:38px;border-radius:11px;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:border-color .2s,background .2s}.cpqr-pp:hover{border-color:var(--mint);background:var(--mint-soft)}.cpqr-pp:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.cpqr-lbl{font-size:13.5px;color:var(--muted)}.cpqr-lbl b{color:var(--ink);font-weight:700}.cpqr-go{font-size:14px;font-weight:700;color:var(--mint);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s}.cpqr-go:hover{color:var(--mint);border-color:var(--mint)}.cpqr-foot{margin:18px 4px 0;font-size:12.5px;color:var(--muted);text-align:center}@media(max-width:768px){.cpqr-scene.active{grid-template-columns:1fr;gap:16px}.cpqr-motif{max-width:210px}.cpqr-rail{grid-template-columns:repeat(2,1fr)}.cpqr-scenes{min-height:0}}@media(prefers-reduced-motion:reduce){.cpqr-scene.active .cpqr-beat,.cpqr-scene.active .cpqr-payoff,.cpqr-scene.active .cpqr-kick,.cpqr-scene.active .cpqr-title,.cpqr-scene.active .cpqr-id{opacity:1;animation:none}.cpqr-tab.run .cpqr-fill{animation:none;transform:scaleX(1)}.cpqr-motif *{animation:none!important}.r-seal,.r-check,.s-bridge{stroke-dashoffset:0}.r-comp circle,.n-seats circle,.n-spokes line,.n-core-check,.s-cbo g,.d-target,.d-star,.d-roi{opacity:1}.n-core{transform:none}.d-b{transform:scaleY(1)}.s-card{opacity:1;transform:translate(227px,150px)}}.cpq-ppn{cursor:default;outline:none}.cpq-ppn rect{transition:fill .12s ease,stroke .12s ease}.cpq-ppn:hover rect,.cpq-ppn:focus rect,.cpq-ppn.on rect{fill:#eef7f2;stroke:#1e7a5f;stroke-width:2.6}@media(prefers-reduced-motion:reduce){#cpq-loop-pulse{display:none}}