.ol-cpx{--cpx-accent:#0891b2;--cpx-soft:#ecfeff;--cpx-line:#c8edf2;color:#0b0b0f;background:#f8fafc;padding:72px 0;scroll-margin-top:90px}.ol-cpx.ol-cpx-m-unlimited{--cpx-accent:var(--color-primary);--cpx-soft:var(--color-orange-50);--cpx-line:var(--color-orange-200);background:#fff}.ol-cpx *{box-sizing:border-box}.ol-cpx-wrap{width:min(1152px,100% - 48px);margin:auto}.ol-cpx-head{max-width:870px;margin-bottom:32px}.ol-cpx-kicker{color:var(--cpx-accent);margin:0 0 14px;font-size:15px;font-weight:650}.ol-cpx-head h2{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(30px,3.2vw,44px);font-weight:750;line-height:1.15}.ol-cpx-head>p:last-child{color:#626e7d;max-width:800px;margin:18px 0 0;font-size:19px;line-height:1.6}.ol-cpx-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ol-cpx-card{background:#fff;border:1px solid #e3e7ed;border-radius:20px;padding:28px 32px;box-shadow:0 5px 18px -12px #16213020}.ol-cpx-card.ol-cpx-m-profile{border-color:var(--cpx-line);background:var(--cpx-soft)}.ol-cpx-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.ol-cpx-type{color:#626f7d;font-size:15px;font-weight:650}.ol-cpx-freq{color:#697583;background:#fff;border:1px solid #e2e7ec;border-radius:8px;padding:5px 10px;font-size:14px}.ol-cpx-card h3{letter-spacing:-.03em;margin:26px 0 12px;font-size:28px;font-weight:700;line-height:1.2}.ol-cpx-card>p{color:#626e7d;margin:0;font-size:18px;line-height:1.6}.ol-cpx-vis{grid-template-columns:1fr 44px 1fr;align-items:center;gap:8px;max-width:360px;display:grid}.ol-cpx-box{color:#647382;background:#f5f7f9;border:1px solid #e5e9ee;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:114px;padding:14px 10px;display:flex}.ol-cpx-box.ol-cpx-m-next{color:var(--cpx-accent);background:var(--cpx-soft);border-color:var(--cpx-line)}.ol-cpx-box.ol-cpx-m-profile{background:#fff}.ol-cpx-box.ol-cpx-m-new{color:#fff;background:#111923;border-color:#111923}.ol-cpx-box.ol-cpx-m-new>svg{color:var(--cpx-accent)}.ol-cpx-box>svg{stroke-width:1.5px;width:36px;height:36px}.ol-cpx-box b{font-size:16px;font-weight:600}.ol-cpx-arrow{color:var(--cpx-accent);justify-content:center;align-items:center;display:flex}.ol-cpx-arrow svg{width:24px;height:24px}.ol-cpx-arrow.ol-cpx-m-moving svg{animation:4s ease-in-out infinite olCpxShift}@keyframes olCpxShift{0%,25%,to{opacity:.5;transform:translate(-3px)}55%,70%{opacity:1;transform:translate(3px)}}.ol-cpx-note{color:#566575;align-items:flex-start;gap:12px;padding:22px 0;display:flex}.ol-cpx-note>svg{width:24px;height:24px;color:var(--cpx-accent);flex:none;margin-top:2px}.ol-cpx-note>p{margin:0;font-size:17px;line-height:1.6}.ol-cpx-details{background:#fff;border:1px solid #e3e7ed;border-radius:13px}.ol-cpx-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:19px 22px;font-size:17px;font-weight:600;list-style:none;display:flex}.ol-cpx-details summary::-webkit-details-marker{display:none}.ol-cpx-details summary>span{color:var(--cpx-accent);font-size:26px;font-weight:400;line-height:1;transition:transform .2s}.ol-cpx-details[open] summary>span{transform:rotate(45deg)}.ol-cpx-details>div{padding:0 22px 20px}.ol-cpx-details p{color:#65717f;margin:12px 0 0;font-size:17px;line-height:1.65}.ol-cpx-details .ol-cpx-details-title{color:#171717;margin-top:4px;font-weight:650}.ol-cpx-details-h{color:#171717;font-weight:650}.ol-cpx-foot{justify-content:space-between;align-items:center;gap:24px;margin-top:24px;display:flex}.ol-cpx-foot button,.ol-cpx-foot a{cursor:pointer;min-height:50px;color:var(--cpx-accent);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.ol-cpx-foot button.ol-cpx-m-primary,.ol-cpx-foot a.ol-cpx-m-primary{background:var(--cpx-accent);color:#fff;padding:13px 20px}.ol-cpx-foot svg{width:20px;height:20px}.ol-cpx-foot :is(button,a)>svg:last-child{transition:transform .15s}.ol-cpx-foot :is(button,a):is(:hover,:focus-visible)>svg:last-child{transform:translate(4px)}.ol-cpx :is(button,summary,a):focus-visible{outline:3px solid var(--cpx-accent);outline-offset:4px}@media (max-width:760px){.ol-cpx{padding:52px 0}.ol-cpx-wrap{width:calc(100% - 36px)}.ol-cpx-head>p:last-child{font-size:18px}.ol-cpx-grid{grid-template-columns:1fr;gap:16px}.ol-cpx-card{padding:24px}.ol-cpx-card h3{font-size:27px}.ol-cpx-card>p{font-size:17px}.ol-cpx-top{gap:8px}.ol-cpx-type{font-size:14px}.ol-cpx-freq{padding:5px 8px;font-size:13px}.ol-cpx-vis{grid-template-columns:1fr 28px 1fr;gap:5px}.ol-cpx-box b{font-size:15px}.ol-cpx-details summary{padding:18px;font-size:16px}.ol-cpx-details>div{padding:0 18px 18px}.ol-cpx-foot{flex-direction:column;align-items:stretch;gap:12px}.ol-cpx-foot :is(button,a){text-align:center;justify-content:center}}@media (prefers-reduced-motion:reduce){.ol-cpx-arrow.ol-cpx-m-moving svg{animation:none}.ol-cpx *{transition:none!important}}