/* ==========================================================================
   Pricing page elements (bdn-core)
   [bdn_pricing_plans] [bdn_pricing_plan] [bdn_pricing_trust]
   [bdn_pricing_preview] [bdn_pricing_comparison] [bdn_pricing_card]

   Taken unchanged from the stylesheet that shipped inside the Raw HTML block
   on /plans-pricing/, so converting that block into editable elements does not
   change the design. Everything is scoped to .ocp.
   ========================================================================== */

.ocp{--ocp-ink:#11111a;--ocp-muted:#636377;--ocp-line:#e8e6ec;--ocp-soft:#f7f6f8;--ocp-pink:#ed1768;--ocp-pink-dark:#c90d54;--ocp-navy:#171943;--ocp-violet:#6d43c8;--ocp-green:#00b67a;color:var(--ocp-ink);font-family:inherit;line-height:1.55}
.ocp *{box-sizing:border-box}
.ocp a{text-decoration:none}
.ocp-container{width:min(1160px,calc(100% - 40px));margin:0 auto}
.ocp-button{min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:800;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.ocp-button:hover{transform:translateY(-1px)}
.ocp-button-primary{color:#fff!important;background:var(--ocp-pink);box-shadow:0 10px 24px rgba(237,23,104,.2)}
.ocp-button-primary:hover{background:var(--ocp-pink-dark)}
.ocp-button-dark{color:#fff!important;background:var(--ocp-navy)}
.ocp-button-dark:hover{background:#0e1033}
.ocp-button-secondary{color:var(--ocp-ink)!important;background:#fff;border-color:#d9d6df}
.ocp-button-secondary:hover{border-color:var(--ocp-ink)}
.ocp-button-block{width:100%}
.ocp-section-heading{max-width:720px;margin:0 auto 34px;text-align:center}
.ocp-section-heading h2{margin:0 0 10px;font-size:34px;line-height:1.2}
.ocp-section-heading p{margin:0;color:var(--ocp-muted);font-size:17px}
.ocp-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--ocp-pink-dark);font-size:13px;font-weight:850;text-transform:uppercase}
.ocp-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ocp-pink)}
.ocp-pricing{padding:118px 0 78px;background:#fff}
.ocp-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.ocp-plan{position:relative;overflow:hidden;border:1px solid var(--ocp-line);border-top:5px solid var(--ocp-pink);border-radius:8px;background:#fff;box-shadow:0 18px 55px rgba(26,22,40,.1);display:flex;flex-direction:column}
.ocp-plan-managed{border-top-color:var(--ocp-violet)}
.ocp-plan-head{padding:32px 34px 26px;border-bottom:1px solid var(--ocp-line)}
.ocp-plan-label{margin-bottom:6px;color:var(--ocp-pink-dark);font-size:14px;font-weight:850;text-transform:uppercase}
.ocp-plan-managed .ocp-plan-label{color:var(--ocp-violet)}
.ocp-plan-title{margin:0 0 5px;font-size:27px;line-height:1.2}
.ocp-plan-for{min-height:48px;margin:0 0 22px;color:var(--ocp-muted)}
.ocp-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
.ocp-price{font-size:48px;line-height:1;font-weight:850}
.ocp-price-unit{font-size:16px;font-weight:700}
.ocp-billing-note{min-height:44px;margin:0 0 20px;color:var(--ocp-muted);font-size:14px}
.ocp-billing-input{position:absolute;opacity:0;pointer-events:none}
.ocp-billing-control{margin-bottom:22px}
.ocp-billing-label{margin-bottom:8px;color:var(--ocp-muted);font-size:12px;font-weight:800;text-transform:uppercase}
.ocp-segmented{width:100%;padding:4px;border:1px solid var(--ocp-line);border-radius:7px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--ocp-soft)}
.ocp-segment{min-height:40px;border:0;border-radius:5px;color:var(--ocp-muted);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}
.ocp-save{margin-left:5px;color:var(--ocp-pink-dark);font-size:12px}
#ocp-billing-quarterly:checked~.ocp-pricing-grid label[for="ocp-billing-quarterly"],#ocp-billing-annual:checked~.ocp-pricing-grid label[for="ocp-billing-annual"]{color:var(--ocp-ink);background:#fff;box-shadow:0 2px 10px rgba(20,20,30,.08)}
#ocp-billing-quarterly:checked~.ocp-pricing-grid .ocp-annual-only,#ocp-billing-annual:checked~.ocp-pricing-grid .ocp-quarterly-only{display:none!important}
.ocp-trial-note{margin:12px 0 0;color:var(--ocp-muted);text-align:center;font-size:12px}
.ocp-secondary-action{margin-top:12px;text-align:center}
.ocp-secondary-action a{color:var(--ocp-violet);font-size:13px;font-weight:800}
.ocp-plan-body{padding:28px 34px 34px;flex:1;background:#fbfafc}
.ocp-included{margin:0 0 18px;font-size:15px;font-weight:850}
.ocp-feature-list{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.ocp-feature-list li{position:relative;padding-left:29px;color:#2b2a34;font-size:15px}
.ocp-feature-list li:before{content:"";position:absolute;top:1px;left:0;width:20px;height:20px;border:1.5px solid rgba(237,23,104,.55);border-radius:50%;box-sizing:border-box;background:#fff}
.ocp-feature-list li:after{content:"";position:absolute;top:5px;left:7px;width:5px;height:9px;border:solid var(--ocp-pink);border-width:0 2px 2px 0;box-sizing:border-box;transform:rotate(45deg)}
.ocp-plan-managed .ocp-feature-list li:before{border-color:rgba(109,67,200,.55)}
.ocp-plan-managed .ocp-feature-list li:after{border-color:var(--ocp-violet)}
.ocp-trust-bar{padding:22px 0;border-top:1px solid var(--ocp-line);border-bottom:1px solid var(--ocp-line);background:var(--ocp-soft)}
.ocp-trust-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px 34px}
.ocp-trust-link{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px 34px;color:inherit;text-decoration:none}
.ocp-trust-link:hover{color:inherit;text-decoration:none}.ocp-trust-link:hover .ocp-trust-copy{color:var(--ocp-ink)}
.ocp-trustpilot{display:flex;align-items:center;gap:9px;font-weight:850}
.ocp-trustpilot-star,.ocp-stars{color:var(--ocp-green)}
.ocp-trustpilot-star{font-size:24px}
.ocp-stars{letter-spacing:2px}
.ocp-trust-copy{color:var(--ocp-muted);font-size:14px}
.ocp-preview{padding:78px 0;background:#fff}
.ocp-preview-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}
.ocp-preview h2{margin:0 0 12px;font-size:36px;line-height:1.18}
.ocp-preview-copy{margin:0 0 26px;color:var(--ocp-muted);font-size:17px}
.ocp-steps{margin:0 0 28px;padding:0;list-style:none;display:grid;gap:18px;counter-reset:ocp-step}
.ocp-steps li{position:relative;padding-left:46px;counter-increment:ocp-step}
.ocp-steps li:before{content:counter(ocp-step);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--ocp-pink);font-size:13px;font-weight:900}
.ocp-steps strong{display:block;margin-bottom:2px}
.ocp-steps span{color:var(--ocp-muted);font-size:14px}
.ocp-product-visual{overflow:hidden;margin:0;border:1px solid var(--ocp-line);border-radius:8px;box-shadow:0 18px 55px rgba(26,22,40,.1);background:#fff}
.ocp-profile-showcase{position:relative;min-height:430px;overflow:hidden;padding:42px 28px 34px 78px;background:radial-gradient(circle at 12% 12%,rgba(237,23,104,.14),transparent 30%),radial-gradient(circle at 92% 88%,rgba(109,67,200,.12),transparent 34%),#fbf8f9}
.ocp-profile-showcase:after{content:"";position:absolute;width:58px;height:58px;right:20px;top:22px;border:2px solid rgba(237,23,104,.22);border-radius:13px;transform:rotate(16deg)}
.ocp-buyer-card,.ocp-filter-card{position:relative;z-index:2;border:1px solid rgba(232,230,236,.95);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 22px 48px rgba(26,22,40,.13)}
.ocp-buyer-card{margin-top:96px;padding:24px}
.ocp-profile-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.ocp-kicker,.ocp-profile-label,.ocp-filter-title,.ocp-stat span{color:#9693a2;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ocp-company{margin:3px 0 1px;font-size:23px;line-height:1.2}
.ocp-meta{color:var(--ocp-muted);font-size:10px}
.ocp-verified{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:5px 8px;border-radius:999px;color:#147356;background:#e8f8f2;font-size:8px;font-weight:900;text-transform:uppercase}
.ocp-verified:before{content:"";width:5px;height:5px;border-radius:50%;background:#24b483}
.ocp-profile-section{margin-top:18px}
.ocp-profile-label{margin-bottom:7px}
.ocp-chips{display:flex;flex-wrap:wrap;gap:6px}
.ocp-chip{padding:5px 9px;border:1px solid #ece5e8;border-radius:999px;color:#535060;background:#fcf8f9;font-size:9px;font-weight:700}
.ocp-contact{margin-top:18px;padding:13px;border:1px solid #eee7ea;border-radius:14px;background:#fcf8f9}
.ocp-contact-top{display:flex;align-items:center;gap:10px}
.ocp-avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:linear-gradient(135deg,#ff8bb6,var(--ocp-pink));font-size:12px;font-weight:800}
.ocp-contact-copy{min-width:0;flex:1}.ocp-contact-copy strong,.ocp-contact-copy span{display:block}.ocp-contact-copy strong{font-size:11px}.ocp-contact-copy span{color:var(--ocp-muted);font-size:9px}
.ocp-contact-status{flex:0 0 auto;padding:5px 7px;border-radius:6px;color:var(--ocp-pink-dark);background:#ffeaf2;font-size:8px;font-weight:900}
.ocp-contact-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}
.ocp-contact-channels span{color:var(--ocp-muted);font-size:8px}.ocp-contact-channels span:before{content:"";display:inline-block;width:4px;height:4px;margin-right:5px;border-radius:50%;background:var(--ocp-pink);vertical-align:middle}
.ocp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.ocp-stat strong{display:block;font-size:17px;line-height:1.2}.ocp-stat span{display:block;margin-top:2px;font-size:7px}
.ocp-filter-card{position:absolute;z-index:3;top:22px;left:16px;width:174px;padding:14px;transform:rotate(-4deg)}
.ocp-filter-title{margin-bottom:9px}.ocp-filter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;color:#4d4a58;font-size:9px}.ocp-filter-row strong{color:var(--ocp-ink)}.ocp-filter-count{color:#9895a3}.ocp-filter-choice{display:inline-flex;align-items:center;gap:6px}.ocp-filter-check{width:14px;height:14px;display:grid;place-items:center;border-radius:4px;color:#fff;background:var(--ocp-pink);font-size:9px}
.ocp-visual-caption{padding:14px 18px;color:var(--ocp-muted);font-size:13px}
.ocp-comparison{padding:78px 0 72px;background:var(--ocp-navy);color:#fff}
.ocp-comparison .ocp-section-heading{margin-bottom:42px}.ocp-comparison .ocp-section-heading h2{color:#fff;font-size:38px}.ocp-comparison .ocp-section-heading p{max-width:650px;margin:0 auto;color:#b9bad0}
.ocp-comparison-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:6px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#e6e6f0;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.ocp-comparison-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ocp-pink)}
.ocp-comparison-cards{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.ocp-comparison-card{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-top:4px solid var(--ocp-pink);border-radius:18px;display:flex;flex-direction:column;color:var(--ocp-ink);background:#fff;box-shadow:0 24px 48px rgba(5,6,28,.24)}
.ocp-comparison-managed{border-top-color:var(--ocp-violet)}
.ocp-comparison-head{padding:28px 31px 24px;border-bottom:1px solid var(--ocp-line)}
.ocp-comparison-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ocp-comparison-label{color:var(--ocp-pink-dark);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.ocp-comparison-managed .ocp-comparison-label{color:var(--ocp-violet)}
.ocp-comparison-badge{padding:5px 10px;border-radius:999px;color:var(--ocp-pink-dark);background:#fff0f5;font-size:10px;font-weight:900}.ocp-comparison-managed .ocp-comparison-badge{color:var(--ocp-violet);background:#f2edfc}
.ocp-comparison-title{margin:10px 0 5px;font-size:27px;line-height:1.2}.ocp-comparison-summary{margin:0;color:var(--ocp-muted);font-size:14px}
.ocp-comparison-body{padding:24px 31px 27px;display:flex;flex:1;flex-direction:column;background:#fbfafc}.ocp-comparison-fact+.ocp-comparison-fact{margin-top:18px;padding-top:18px;border-top:1px solid var(--ocp-line)}.ocp-comparison-fact span{display:block;margin-bottom:6px;color:#92909f;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ocp-comparison-fact strong{display:block;font-size:14px;line-height:1.45}.ocp-comparison-action{margin-top:auto;padding-top:24px}.ocp-comparison-action .ocp-button{width:100%}.ocp-comparison-note{margin:11px 0 0;color:#8d8a9a;text-align:center;font-size:12px}.ocp-comparison-footnote{margin:28px 0 0;color:#aaaac0;text-align:center;font-size:13px}
.ocp-faq{padding:78px 0;background:var(--ocp-soft)}.ocp-faq-list{max-width:900px;margin:0 auto;border-top:1px solid #dcd9e2}.ocp-faq details{border-bottom:1px solid #dcd9e2}.ocp-faq summary{padding:22px 4px;cursor:pointer;font-size:18px;font-weight:800}.ocp-faq details p{max-width:760px;padding:0 4px 22px;margin:0;color:var(--ocp-muted)}
@media(min-width:861px){.ocp-pricing-grid .ocp-plan-head{display:grid;grid-template-rows:auto auto 70px 100px 52px 64px 48px 32px 32px}.ocp-plan-label{grid-row:1}.ocp-plan-title{grid-row:2}.ocp-plan-for{grid-row:3}.ocp-billing-control{grid-row:4}.ocp-price-row{grid-row:5}.ocp-billing-note{grid-row:6}.ocp-plan-head>.ocp-button{grid-row:7}.ocp-trial-note{grid-row:8}.ocp-plan-managed .ocp-price-row{grid-row:5}.ocp-plan-managed .ocp-billing-note{grid-row:6}.ocp-plan-managed .ocp-secondary-action{grid-row:9}}
@media(max-width:860px){.ocp-pricing-grid,.ocp-preview-grid{grid-template-columns:1fr}.ocp-preview-grid{gap:34px}.ocp-comparison-cards{max-width:680px;grid-template-columns:1fr}.ocp-plan-for{min-height:0}.ocp-plan-managed .ocp-billing-control{display:none}}
@media(max-width:600px){.ocp{width:auto;margin-left:24px;margin-right:24px}.ocp-container{width:min(100% - 28px,1160px)}.ocp-pricing,.ocp-preview,.ocp-faq{padding:56px 0}.ocp-section-heading h2,.ocp-preview h2{font-size:29px}.ocp-plan-head,.ocp-plan-body{padding-left:22px;padding-right:22px}.ocp-price{font-size:42px}.ocp-comparison{padding:54px 0}.ocp-comparison .ocp-section-heading h2{font-size:30px}.ocp-comparison-head,.ocp-comparison-body{padding-left:21px;padding-right:21px}.ocp-profile-showcase{min-height:0;padding:18px}.ocp-profile-showcase:after{display:none}.ocp-filter-card{position:relative;top:auto;left:auto;width:100%;margin-bottom:12px;transform:none}.ocp-buyer-card{margin-top:0;padding:18px}.ocp-profile-header{flex-direction:column}.ocp-contact-status{display:none}.ocp-button{width:100%}}

/* The sections are full-bleed bands: they span the window whatever row they sit
   in, so the trust bar and the navy comparison band never stop at the content
   width. On the original full-width row this changes nothing visible; it only
   drops the 24px that used to hang past each edge. */
.ocp > section { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }

/* The testimonial carousel's dots sat 40px under the card: 24px of carousel
   gap plus 16px of padding on the dots themselves. Pull them up to 16px. This
   stylesheet loads only on pages that use the [bdn_pricing_*] elements, so the
   same grid layout stays untouched on the homepage. */
.w-grid.type_carousel.layout_78982 .owl-dots { padding-top: 0; margin-top: -0.5rem; }