/* CyberFence buyer article components v1 — additive; does not restyle existing article markup. */
.bb-answer{margin:0 0 var(--space-8);padding:var(--space-6);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.article-content .bb-answer h2,.article-content .bb-answer h2:first-of-type{margin:0 0 var(--space-3);padding:0;border:0;font-size:var(--text-lg);line-height:1.25}
.article-content .bb-eyebrow{display:inline-block;margin:0 0 var(--space-2)!important;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cf-green)}
.article-content .bb-answer__lead{margin:0 0 var(--space-4)!important;font-size:var(--text-base);line-height:1.6}
.bb-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.92rem;line-height:1.45;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}
.bb-table caption{caption-side:top;text-align:left;font-weight:700;font-size:.85rem;color:var(--color-text-muted);padding:0 0 var(--space-2)}
.bb-table th,.bb-table td{padding:.7rem .8rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border)}
.bb-table thead th{background:var(--color-surface-2);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--cf-dark-green)}
.bb-table tbody tr:last-child th,.bb-table tbody tr:last-child td{border-bottom:0}
.bb-table tbody th{font-weight:700;width:42%}
.bb-table tr.bb-table__vpn{background:#f3fbe9}
.bb-table tr.bb-table__vpn th::before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.4rem;border-radius:50%;background:var(--cf-green);vertical-align:.05rem}
@media (max-width:560px){.bb-table thead{display:none}.bb-table,.bb-table tbody,.bb-table tr,.bb-table th,.bb-table td{display:block;width:100%}.bb-table tbody th{width:auto;border-bottom:0;padding-bottom:.15rem}.bb-table td{padding-top:0}.bb-table caption{display:block;padding:.75rem .8rem .25rem;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;color:var(--cf-dark-green)}}

.bb-offer,.article-callout.bb-offer{border:0;position:relative;display:grid;grid-template-columns:1fr;gap:var(--space-5);margin:var(--space-10) 0;padding:var(--space-6);background:linear-gradient(160deg,#0d1f0e 0%,#1d3a1f 100%);color:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}
.bb-offer .bb-eyebrow{color:var(--cf-lime)}
.article-content .bb-offer h3{margin:0 0 var(--space-3)!important;padding:0;border:0;color:#fff;font-size:clamp(1.3rem,1.1rem + 1vw,1.7rem);line-height:1.2;letter-spacing:-.01em}
.article-content .bb-offer p:not([class]){color:#dfe9df;margin:0 0 var(--space-4)!important;line-height:1.55}
.bb-checks{list-style:none;margin:0 0 var(--space-5)!important;padding:0!important;display:grid;gap:.55rem}
.bb-checks li{position:relative;margin:0!important;padding-left:1.7rem;color:#fff;font-size:.95rem;line-height:1.45}
.bb-checks li::before{content:"";position:absolute;left:0;top:.15rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--cf-lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D1F0E' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/70% no-repeat}
.article-content .bb-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .6rem;margin:0 0 var(--space-4)}
.article-content .bb-price strong{font-size:1.9rem;font-weight:800;color:#fff;letter-spacing:-.02em}
.article-content .bb-price span{color:#cfe0cf;font-size:.9rem}
.bb-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:52px;padding:.85rem 1.4rem;border-radius:var(--radius-full);background:var(--cf-lime);color:var(--cf-black)!important;font-weight:800;font-size:1rem;text-decoration:none!important;border:2px solid var(--cf-lime);transition:transform var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out),background var(--duration)}
.bb-btn:hover{background:#99dc41;border-color:#99dc41;transform:translateY(-1px);box-shadow:0 8px 24px #abe55155}
.bb-btn:focus-visible,.bb-link:focus-visible,.bb-plan__btn:focus-visible,.bb-device:focus-visible,.bb-sticky a:focus-visible,.bb-sticky button:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px var(--cf-green)}
.article-content .bb-offer__links{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin:var(--space-4) 0 0!important}
.bb-offer .bb-link{color:var(--cf-lime)!important;font-weight:700;font-size:.92rem;text-decoration:underline;text-underline-offset:3px}
.article-content .bb-fine{margin:var(--space-4) 0 0!important;font-size:.8rem!important;line-height:1.5;color:#b9cbb9!important}
.bb-offer__shot{display:none}
@media (min-width:720px){.bb-offer,.article-callout.bb-offer{grid-template-columns:1fr 200px;padding:var(--space-8)}.bb-offer__shot{display:block;align-self:end;margin:0 -8px -40px 0}.bb-offer__shot img{width:200px;height:auto;display:block;border-radius:18px 18px 0 0;box-shadow:0 18px 40px #0008}.bb-offer__cta{max-width:340px}}

.cf-device-video--inline .cf-device-video__actions .bb-btn{display:inline-flex}

.bb-devices{margin:var(--space-10) 0;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}
.article-content .bb-devices h3{margin:0 0 var(--space-2)!important;padding:0;border:0;font-size:var(--text-lg)}
.bb-devices>p{margin:0 0 var(--space-4)!important;color:var(--color-text-muted)}
.bb-devices__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.bb-device{display:flex;flex-direction:column;gap:.15rem;min-height:72px;padding:var(--space-4);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none!important;color:var(--color-text)!important;transition:border-color var(--duration),transform var(--duration) var(--ease-out)}
.bb-device:hover{border-color:var(--cf-green);transform:translateY(-1px)}
.bb-device strong{font-size:1rem}
.bb-device span{font-size:.82rem;color:var(--color-text-muted)}
.bb-device em{font-style:normal;font-weight:700;font-size:.85rem;color:var(--cf-green);margin-top:.25rem}

.bb-faq{margin:var(--space-10) 0}
.bb-faq details{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;margin:0 0 var(--space-3)}
.bb-faq summary{cursor:pointer;list-style:none;padding:var(--space-4) 3rem var(--space-4) var(--space-4);font-weight:700;position:relative;line-height:1.4;min-height:44px}
.bb-faq summary::-webkit-details-marker{display:none}
.bb-faq summary::after{content:"+";position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:600;color:var(--cf-green)}
.bb-faq details[open] summary::after{content:"\2212"}
.bb-faq details>div{padding:0 var(--space-4) var(--space-4)}
.bb-faq details>div p{margin:0!important}

.bb-plans{margin:var(--space-10) 0;padding:var(--space-6);border-radius:var(--radius-xl);background:linear-gradient(160deg,#f3fbe9,#fff 60%);border:1px solid var(--color-divider)}
.article-content .bb-plans h3{margin:0 0 var(--space-2)!important;padding:0;border:0;font-size:clamp(1.3rem,1.1rem + 1vw,1.7rem);line-height:1.2}
.bb-plans>p{margin:0 0 var(--space-5)!important;color:var(--color-text-muted)}
.bb-plans__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}
.bb-plan{position:relative;display:flex;flex-direction:column;padding:var(--space-5);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg)}
.bb-plan--pick{border-color:var(--cf-green);box-shadow:0 8px 28px #008b471f}
.bb-plan__tag{position:absolute;top:-.7rem;left:var(--space-5);padding:.2rem .6rem;border-radius:var(--radius-full);background:var(--cf-green);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.article-content .bb-plan__name{font-weight:800;font-size:1rem;margin:0 0 .2rem!important}
.article-content .bb-plan__price{margin:0!important;font-size:1.75rem;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--color-text)}
.article-content .bb-plan__price small{font-size:.9rem;font-weight:600;color:var(--color-text-muted)}
.article-content .bb-plan__note{margin:.2rem 0 var(--space-4)!important;font-size:.85rem;color:var(--color-text-muted);flex:1}
.bb-plan__btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem .6rem;white-space:nowrap;font-size:.92rem;border-radius:var(--radius-full);font-weight:800;text-decoration:none!important;border:2px solid var(--cf-dark-green);color:var(--cf-dark-green)!important;background:#fff;transition:background var(--duration),color var(--duration)}
.bb-plan__btn:hover{background:var(--cf-dark-green);color:#fff!important}
.bb-plan--pick .bb-plan__btn{background:var(--cf-lime);border-color:var(--cf-lime);color:var(--cf-black)!important}
.bb-plan--pick .bb-plan__btn:hover{background:#99dc41;border-color:#99dc41}
.article-content .bb-plans__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin:var(--space-5) 0 0!important;font-size:.85rem;color:var(--color-text-muted)}
.article-content .bb-plans__foot a{font-weight:700}
@media (min-width:640px){.bb-plans__grid{grid-template-columns:repeat(3,1fr)}.bb-plans{padding:var(--space-8)}}

.bb-next{margin:var(--space-10) 0}
.article-content .bb-next h2{font-size:var(--text-lg)}
.bb-next ul{list-style:none;padding:0!important;margin:0!important;display:grid;gap:var(--space-3)}
.bb-next li{margin:0!important}
.bb-next a{display:block;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none!important;color:var(--color-text)!important;font-weight:700;line-height:1.4;background:#fff}
.bb-next a:hover{border-color:var(--cf-green)}
.bb-next a span{display:block;font-weight:500;font-size:.85rem;color:var(--color-text-muted);margin-top:.2rem}

.bb-sticky{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom));background:#0d1f0e;color:#fff;box-shadow:0 -6px 24px #0004;transform:translateY(110%);transition:transform .28s var(--ease-out);visibility:hidden}
.bb-sticky.is-on{transform:none;visibility:visible}
.bb-sticky__txt{flex:1;min-width:0;font-size:.82rem;line-height:1.3}
.bb-sticky__txt strong{display:block;font-size:.9rem;color:#fff}
.bb-sticky__txt span{color:#cfe0cf}
.bb-sticky a{flex:none;display:flex;align-items:center;min-height:44px;padding:.55rem 1.1rem;border-radius:var(--radius-full);background:var(--cf-lime);color:var(--cf-black)!important;font-weight:800;font-size:.9rem;text-decoration:none!important}
.bb-sticky button{flex:none;width:44px;height:44px;margin-left:-.2rem;border:0;background:transparent;color:#cfe0cf;font-size:1.4rem;line-height:1;cursor:pointer}
@media (min-width:769px){.bb-sticky{display:none}}
@media (prefers-reduced-motion:reduce){.bb-sticky,.bb-btn,.bb-device,.bb-plan__btn{transition:none}}
html.bb-sticky-on{scroll-padding-bottom:calc(var(--bb-sticky-h,72px) + 8px)}
html.bb-sticky-on body{padding-bottom:var(--bb-sticky-h,72px)}
@media (min-width:769px){html.bb-sticky-on body{padding-bottom:0}}
.article-updated{white-space:nowrap}