.bbpr{--_bg:#07080a;--_card-bg:linear-gradient(137deg,rgb(34,35,38) 4.87%,rgb(21,22,25) 75.88%);--_white:#fff;--_muted:#6a6b6c;--_sub:#9c9c9d;--_border:rgba(255,255,255,0.06);--_accent:#EA720F;--_accent-g:rgba(234,114,15,0.15);--_green:#00e599;--_sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--_mono:'JetBrains Mono',ui-monospace,monospace;--_ease:cubic-bezier(0.16,1,0.3,1);position:relative;background:var(--_bg);font-family:var(--_sans);color:var(--_white);padding:0 0 100px;-webkit-font-smoothing:antialiased;contain:layout style}.bbpr__w{max-width:1200px;margin:0 auto;padding:0 24px}.bbpr .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bbpr__divider{display:flex;justify-content:center;align-items:center;width:100%;height:46px;margin-bottom:80px}.bbpr__divider-line{flex:1;height:1px}.bbpr__divider-line--l{background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08))}.bbpr__divider-line--r{background:linear-gradient(90deg,rgba(255,255,255,0.08),transparent)}.bbpr__divider-tag{font-family:var(--_mono);font-size:13px;font-weight:500;letter-spacing:0.3px;color:rgba(255,255,255,0.5);padding:0 16px}.bbpr.js-ready [data-bbpr-reveal]{opacity:0;transform:translate3d(0,18px,0);transition:opacity 0.7s ease,transform 0.7s ease}.bbpr.js-ready [data-bbpr-reveal].is-visible{opacity:1;transform:translate3d(0,0,0);will-change:opacity,transform}.bbpr.js-ready [data-bbpr-reveal].is-settled{will-change:auto}.bbpr.js-ready [data-bbpr-card="lifetime"]{transition-delay:0s}.bbpr.js-ready [data-bbpr-card="monthly"]{transition-delay:0.08s}.bbpr.js-ready [data-bbpr-card="yearly"]{transition-delay:0.16s}.bbpr__promo{max-width:680px;margin:0 auto 48px;display:flex;align-items:center;gap:16px;padding:14px 24px;background:var(--_bg);border:1px solid #242728;border-radius:12px;font-size:14px;color:rgba(255,255,255,0.85)}.bbpr__promo-dot{width:8px;height:8px;flex-shrink:0;background:var(--_accent);border-radius:50%;box-shadow:0 0 12px var(--_accent);animation:bbpr-pulse 2s ease infinite}@keyframes bbpr-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.bbpr__header{text-align:center;max-width:700px;margin:0 auto 56px}section[data-bbpr-root] .bbpr__h2{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-0.04em;color:#fff;margin:0 0 16px}.bbpr__sub{font-size:16px;color:var(--_muted);line-height:1.6;margin:0}.bbpr__grid{display:flex;justify-content:center;align-items:stretch}.bbpr__card{display:flex;flex-direction:column;border:1px solid var(--_border);position:relative;contain:layout}.bbpr__card--side{background:var(--_bg);z-index:1;padding:40px 32px;flex:1;max-width:360px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}.bbpr__card--left{border-radius:16px 0 0 16px;margin-right:-16px;padding-right:48px}.bbpr__card--right{border-radius:0 16px 16px 0;margin-left:-16px;padding-left:48px}.bbpr__card--center{background:var(--_card-bg);z-index:2;padding:40px;flex:1.1;max-width:400px;border-radius:16px;box-shadow:0 1px 40px var(--_accent-g),0 0 16px -7px var(--_accent-g),0 2px 40px 10px var(--_accent-g),inset 0 1px 1px rgba(255,255,255,0.1)}.bbpr__c-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.bbpr__c-name{font-size:18px;font-weight:500;letter-spacing:0.2px;color:var(--_sub)}.bbpr__c-name--bright{color:#fff;font-weight:600}.bbpr__c-sub{font-size:14px;color:var(--_sub);margin-top:2px}.bbpr__pill{font-size:11px;font-weight:600;padding:4px 10px;border-radius:100px;letter-spacing:0.5px;color:var(--_green);background:rgba(0,229,153,0.1)}.bbpr__pill--value{color:var(--_accent);background:rgba(234,114,15,0.12)}.bbpr__price{display:flex;align-items:baseline;gap:8px;margin-bottom:4px;flex-wrap:wrap}.bbpr__p-num{font-size:56px;font-weight:600;color:var(--_white);line-height:1}.bbpr__p-num--bright{color:#fff}.bbpr__p-per{font-family:var(--_mono);font-size:14px;color:var(--_muted)}.bbpr__strike{font-family:var(--_mono);font-size:14px;color:var(--_muted);text-decoration:line-through;opacity:0.6;align-self:center}.bbpr__split{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--_sub);margin:8px 0 4px}.bbpr__split-badge{font-size:10px;font-weight:700;color:var(--_green);background:rgba(0,229,153,0.1);padding:3px 8px;border-radius:6px;letter-spacing:0.3px}.bbpr__p-note{font-family:var(--_mono);font-size:13px;color:var(--_muted);margin-bottom:28px}.bbpr__feats{display:flex;flex-direction:column;gap:14px;margin-bottom:36px;flex-grow:1}.bbpr__feat{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:500;color:var(--_muted);line-height:1.5}.bbpr__card--center .bbpr__feat{color:rgba(255,255,255,0.7)}.bbpr__feat--hi{color:#fff!important}.bbpr__check{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:inherit}.bbpr__card--center .bbpr__feat--hi .bbpr__check{color:#fff}.bbpr__cta-wrap{margin-top:auto}.bbpr__btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:10px;font-family:var(--_sans);font-size:14px;font-weight:600;cursor:pointer;border:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:box-shadow 0.2s ease,background 0.2s ease,transform 0.15s var(--_ease)}.bbpr__btn:active{transform:scale(0.97)}.bbpr__btn--primary{background:#e6e6e6;color:#2f3031;box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 0 14px rgba(255,255,255,0.19),inset 0 -1px 0.4px rgba(0,0,0,0.2),inset 0 1px 0.4px #fff}.bbpr__btn--ghost{background:linear-gradient(rgba(255,255,255,0.03),rgba(255,255,255,0.1));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 0 0 1px rgba(255,255,255,0.25),inset 0 -1px 0 rgba(0,0,0,0.2)}@media (hover:hover){.bbpr__btn--primary:hover{box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 0 24px rgba(255,255,255,0.3),inset 0 -1px 0.4px rgba(0,0,0,0.2),inset 0 1px 0.4px #fff}.bbpr__btn--ghost:hover{background:linear-gradient(rgba(255,255,255,0.05),rgba(255,255,255,0.15));box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 0 0 1px rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.2)}}.bbpr__compare{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:48px 0 32px;font-size:14px;color:var(--_muted);text-align:center}.bbpr__compare-sep{color:rgba(255,255,255,0.15)}.bbpr__compare-item strong{color:var(--_white)}.bbpr__compare-item--hl{color:var(--_accent)}.bbpr__compare-item--hl strong{color:var(--_accent)}.bbpr__trust{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:24px 0;margin-bottom:24px}.bbpr__trust-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:rgba(255,255,255,0.35);white-space:nowrap}.bbpr__trust-item svg{flex-shrink:0}.bbpr__trust-sep{width:1px;height:14px;background:rgba(255,255,255,0.08);flex-shrink:0}.bbpr__fallback{text-align:center;font-size:14px;color:var(--_muted);margin:0}.bbpr__fallback p{margin:0}.bbpr__fallback-btn{background:none;border:none;cursor:pointer;color:var(--_accent);font-family:inherit;font-size:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;transition:color 0.2s ease}@media (hover:hover){.bbpr__fallback-btn:hover{color:#fff}}.bbpr__form-section{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows 0.6s var(--_ease),opacity 0.5s ease;margin-top:0}.bbpr__form-section.is-open{grid-template-rows:1fr;opacity:1;margin-top:48px}.bbpr__form-inner{min-height:0;overflow:hidden}.bbpr__glass{position:relative;width:100%;max-width:480px;margin:0 auto;padding:36px 32px 28px;background:rgba(22,22,24,0.95);border:1px solid rgba(255,255,255,0.1);border-top:1px solid rgba(255,255,255,0.15);border-radius:24px;box-shadow:0 32px 64px rgba(0,0,0,0.5),inset 0 1px 1px rgba(255,255,255,0.05)}@supports (backdrop-filter:blur(1px)){.bbpr__glass{background:rgba(22,22,24,0.75);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}}.bbpr__glass-close{position:absolute;top:12px;right:12px;min-width:44px;min-height:44px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.05);color:rgba(255,255,255,0.6);display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background 0.2s ease,color 0.2s ease}@media (hover:hover){.bbpr__glass-close:hover{background:rgba(255,255,255,0.15);color:#fff}}.bbpr__glass-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px;padding-right:28px;line-height:1.35;letter-spacing:-0.01em}.bbpr__glass-plan{text-align:center;font-size:15px;font-weight:700;color:var(--_accent);margin:0 0 20px;padding:10px 16px;background:rgba(234,114,15,0.08);border:1px solid rgba(234,114,15,0.15);border-radius:10px}.bbpr__glass-sub{text-align:center;color:rgba(255,255,255,0.5);font-size:14px;margin:-8px 0 16px;line-height:1.4}.bbpr__glass-meta{font-size:12px;color:rgba(255,255,255,0.4);margin:20px 0 0;text-align:center}.bbpr__oxy-form .bb-form-wrapper{max-width:100%}.bbpr__oxy-form .bb-form{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}.bbpr__oxy-form .bb-form-row{display:block!important;margin-bottom:16px}.bbpr__oxy-form .bb-form-row label{position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0 0 6px 0!important;overflow:visible!important;clip:unset!important;clip-path:none!important;white-space:normal!important;display:block!important;color:rgba(255,255,255,0.7);font-size:14px;font-weight:500}.bbpr__oxy-form .bb-required{color:var(--_accent)}.bbpr__oxy-form .bb-form-row input[type="text"],.bbpr__oxy-form .bb-form-row input[type="email"],.bbpr__oxy-form .bb-form-row input[type="tel"],.bbpr__oxy-form .bb-form-row input[type="number"],.bbpr__oxy-form .bb-form-row input[type="url"],.bbpr__oxy-form .bb-form-row input[type="date"],.bbpr__oxy-form .bb-form-row textarea,.bbpr__oxy-form .bb-form-row select{width:100%!important;padding:14px 16px!important;margin:0!important;background:rgba(0,0,0,0.25)!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:12px!important;color:#fff!important;font-size:16px!important;font-family:inherit;box-sizing:border-box;-webkit-appearance:none;appearance:none;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)!important;transition:border-color 0.2s ease,box-shadow 0.2s ease}.bbpr__oxy-form .bb-form-row input:focus,.bbpr__oxy-form .bb-form-row textarea:focus,.bbpr__oxy-form .bb-form-row select:focus{outline:none;background:rgba(0,0,0,0.4)!important;border-color:rgba(234,114,15,0.5)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1),0 0 0 4px rgba(234,114,15,0.15)!important}.bbpr__oxy-form .bb-form-row input::placeholder,.bbpr__oxy-form .bb-form-row textarea::placeholder{color:rgba(255,255,255,0.3)}.bbpr__oxy-form .bb-form-row select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='rgba(255,255,255,0.5)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:12px!important;padding-right:38px!important;cursor:pointer}.bbpr__oxy-form .bb-form-row select option{background:#1c1c1e;color:#fff}.bbpr__oxy-form .bb-phone-wrap{display:flex!important;align-items:stretch;gap:0}.bbpr__oxy-form .bb-phone-country{flex:0 0 auto;width:110px!important;background:rgba(0,0,0,0.25)!important;border:1px solid rgba(255,255,255,0.08)!important;border-right:none!important;border-radius:12px 0 0 12px!important;color:#fff!important;font-size:15px!important;padding:14px 8px 14px 12px!important}.bbpr__oxy-form .bb-phone-input{flex:1;border-radius:0 12px 12px 0!important}.bbpr__oxy-form .bb-radio-group{display:flex!important;flex-direction:column;gap:8px}.bbpr__oxy-form .bb-radio-label{display:flex!important;align-items:center;gap:10px;padding:14px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:rgba(255,255,255,0.8);cursor:pointer;font-size:14px;font-weight:500;transition:all 0.2s ease;position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:unset!important;clip-path:none!important;white-space:normal!important;margin:0!important}@media (hover:hover){.bbpr__oxy-form .bb-radio-label:hover{background:rgba(255,255,255,0.08);border-color:rgba(234,114,15,0.3)}}.bbpr__oxy-form .bb-radio-group input[type="radio"]{width:18px!important;height:18px;margin:0!important;padding:0!important;accent-color:var(--_accent);flex-shrink:0;-webkit-appearance:auto!important;appearance:auto!important;background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important}.bbpr__oxy-form .bb-consent-label{position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important;clip:unset!important;clip-path:none!important;white-space:normal!important;display:flex!important;align-items:flex-start;gap:10px;color:rgba(255,255,255,0.5);font-size:13px;font-weight:400;line-height:1.5;cursor:pointer}.bbpr__oxy-form .bb-consent-label input[type="checkbox"]{width:18px!important;height:18px;margin:2px 0 0 0!important;padding:0!important;flex-shrink:0;accent-color:var(--_accent);-webkit-appearance:auto!important;appearance:auto!important;background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important}.bbpr__oxy-form .bb-form-btn.bb-submit-btn,.bbpr__oxy-form .bb-form-btn[type="submit"],.bbpr__oxy-form button[type="submit"]{width:100%;min-height:52px;padding:14px;margin-top:8px;background:#161618!important;color:#fff!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:14px!important;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 12px 30px -10px rgba(234,114,15,0.6)!important;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}@media (hover:hover){.bbpr__oxy-form .bb-form-btn.bb-submit-btn:hover,.bbpr__oxy-form button[type="submit"]:hover{transform:translateY(-2px);border-color:rgba(234,114,15,0.3)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 16px 40px -10px rgba(234,114,15,0.8)!important}}.bbpr__oxy-form .bb-has-error input,.bbpr__oxy-form .bb-has-error select,.bbpr__oxy-form .bb-has-error textarea,.bbpr__oxy-form .bb-has-error .bb-phone-country{border-color:#f87171!important;box-shadow:0 0 0 2px rgba(248,113,113,0.2)!important}.bbpr__oxy-form .bb-field-error{color:#f87171;font-size:12px;margin-top:4px}.bbpr__oxy-form .bb-form-message.bb-success{background:rgba(0,163,42,0.1);border:1px solid rgba(0,163,42,0.3);color:#4ade80;border-radius:12px;padding:16px;font-size:14px;margin-top:16px;text-align:center}.bbpr__oxy-form .bb-form-message.bb-error{background:rgba(214,54,56,0.1);border:1px solid rgba(214,54,56,0.3);color:#f87171;border-radius:12px;padding:16px;font-size:14px;margin-top:16px}.bbpr__oxy-form .bb-whatsapp-cta{display:inline-block;margin-top:12px;padding:12px 24px;background:#25D366;color:#fff!important;text-decoration:none;border-radius:10px;font-weight:700;font-size:14px;transition:background 0.2s}.bbpr__oxy-form .bb-whatsapp-cta:hover{background:#1ebe5d}.bbpr__oxy-form .bb-char-count{font-size:12px;color:rgba(255,255,255,0.35);text-align:right;margin-top:4px}.bbpr__oxy-form input[type="file"]{border:2px dashed rgba(255,255,255,0.15)!important;background:rgba(0,0,0,0.15)!important;border-radius:12px!important;color:rgba(255,255,255,0.5)!important}.bbpr__oxy-form input[type="hidden"]{display:none!important}.bbpr__oxy-form .bb-btn-spinner svg{color:#fff}@media (max-width:960px){.bbpr__grid{flex-direction:column;align-items:center;gap:24px}.bbpr__card{width:100%;max-width:500px}.bbpr__card--side{margin:0;padding:32px;border-radius:16px}.bbpr__card--center{order:-1;padding:32px}.bbpr__card--left{padding-right:32px}.bbpr__card--right{padding-left:32px}.bbpr__card--center{box-shadow:0 1px 30px var(--_accent-g),inset 0 1px 1px rgba(255,255,255,0.1)}}@media (max-width:600px){.bbpr{padding-bottom:64px}.bbpr__divider{margin-bottom:48px}section[data-bbpr-root] .bbpr__h2{font-size:32px}.bbpr__p-num{font-size:48px}.bbpr__promo{flex-direction:column;text-align:center;gap:10px}.bbpr__compare{flex-direction:column;gap:8px}.bbpr__compare-sep{display:none}.bbpr__trust{flex-direction:column;gap:12px}.bbpr__trust-sep{display:none}.bbpr__glass{padding:32px 20px 24px;border-radius:20px}.bbpr__glass-title{font-size:16px;text-align:center;padding-right:0}.bbpr__oxy-form .bb-phone-country{width:95px!important}}@media (max-width:380px){.bbpr__w{padding:0 16px}.bbpr__card--side{padding:24px 20px}.bbpr__card--center{padding:24px 20px}.bbpr__p-num{font-size:40px}.bbpr__glass{padding:24px 16px 20px}}@media (prefers-reduced-motion:reduce){.bbpr.js-ready [data-bbpr-reveal]{opacity:1;transform:none;transition:none}.bbpr__form-section{transition:none}.bbpr__promo-dot{animation:none}}.bbh{--_bg:#07080a;--_white:#fff;--_white-80:rgba(255,255,255,0.8);--_white-60:rgba(255,255,255,0.6);--_white-50:rgba(255,255,255,0.5);--_white-40:rgba(255,255,255,0.4);--_white-20:rgba(255,255,255,0.2);--_white-08:rgba(255,255,255,0.08);--_white-05:rgba(255,255,255,0.05);--_accent:#ff6b35;--_green:#00B67A;--_green-dim:rgba(0,182,122,0.15);--_radius:20px;--_radius-sm:10px;--_tile-size:80px;--_tile-gap:64px;--_font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--_ease:cubic-bezier(0.16,1,0.3,1);--_ease-spring:cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden;background:var(--_bg);color:var(--_white);font-family:var(--_font);line-height:1.15;-webkit-font-smoothing:antialiased}.bbh__inner{position:relative;display:flex;flex-direction:column;align-items:center;padding:180px 24px 120px;overflow:hidden;contain:layout style}.bbh__bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(255,255,255,0.04) 0%,transparent 70%),var(--_bg)}.bbh__ambient{position:absolute;pointer-events:none;z-index:0;filter:blur(120px);opacity:0.6;mix-blend-mode:screen}.bbh__ambient--top{top:-15%;left:50%;transform:translateX(-50%);width:1000px;height:500px;background:radial-gradient(ellipse at center,rgba(255,107,53,0.25) 0%,transparent 70%)}.bbh__ambient--bottom{bottom:0%;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(circle at center,rgba(255,107,53,0.15) 0%,rgba(0,182,122,0.05) 50%,transparent 70%)}.bbh__carousel{position:relative;width:100%;max-width:1000px;margin:0 auto 60px;display:flex;flex-direction:column;gap:24px;z-index:1;pointer-events:none;user-select:none;-webkit-mask-image:radial-gradient(farthest-side,rgba(0,0,0,0) 0%,#000 10%,#000 50%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(farthest-side,rgba(0,0,0,0) 0%,#000 10%,#000 50%,rgba(0,0,0,0) 100%)}.bbh__row{display:flex;gap:var(--_tile-gap);width:100%;overflow:hidden}.bbh__track{display:flex;gap:var(--_tile-gap);min-width:max-content}@keyframes bbh-scroll-left{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}@keyframes bbh-scroll-right{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}.bbh__track[data-active="left"]{animation:bbh-scroll-left var(--row-speed) linear infinite;will-change:transform}.bbh__track[data-active="right"]{animation:bbh-scroll-right var(--row-speed) linear infinite;will-change:transform}.bbh__tile{flex-shrink:0;width:var(--_tile-size);height:var(--_tile-size);display:flex;align-items:center;justify-content:center;border-radius:var(--_radius);box-sizing:border-box;border:1px solid var(--_white-05);background:linear-gradient(45deg,rgba(24,24,24,0.4),rgba(47,47,47,0.6));box-shadow:inset 0 0 1px 0 var(--_white-20),0 2px 8px 0 rgba(0,0,0,0.4)}.bbh__tile img{width:50px;height:50px;object-fit:contain;border-radius:6px}.bbh__logo-anchor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;justify-content:center}.bbh__logo-img{width:110px;height:110px;border-radius:24px;position:relative;z-index:2;animation:bbh-float 4s ease-in-out infinite}@keyframes bbh-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.bbh__logo-glow{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%) rotate(0deg) scale(1.25);filter:blur(20px);opacity:0.6;pointer-events:none;animation:bbh-glow-rotate 20s linear infinite}.bbh__logo-glow-img{width:110px;height:110px;border-radius:24px}@keyframes bbh-glow-rotate{from{transform:translate(-50%,-50%) rotate(0deg) scale(1.25)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1.25)}}.bbh__copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:680px}.bbh__live{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(255,255,255,0.04);border:1px solid var(--_white-08);border-radius:1000px;font-size:13px;font-weight:500;color:var(--_white-60);margin-bottom:24px}.bbh__live-dot{width:8px;height:8px;background:var(--_green);border-radius:50%;box-shadow:0 0 8px rgba(0,182,122,0.5);animation:bbh-live-pulse 2s ease-in-out infinite}@keyframes bbh-live-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.bbh__live-count{font-weight:700;color:var(--_white-80);font-variant-numeric:tabular-nums}.bbh__h1{font-size:clamp(32px,5.5vw,48px);font-weight:600;line-height:1.15;letter-spacing:-0.02em;margin:0;color:var(--_white);text-wrap:balance}.bbh__h1 em{font-style:normal;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0.7) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bbh__sub{max-width:600px;font-size:clamp(16px,2vw,18px);font-weight:400;line-height:1.6;color:var(--_white-60);text-wrap:balance;margin:18px 0 0}.bbh__seal{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:10px 20px;margin-top:24px;border-radius:100px;border:1px solid var(--_green-dim);background:rgba(0,182,122,0.04);font-size:13px;font-weight:600;color:var(--_green)}.bbh__seal-icon{width:16px;height:16px;flex-shrink:0;color:var(--_green)}.bbh__seal-sep{width:3px;height:3px;border-radius:50%;background:rgba(0,182,122,0.4);flex-shrink:0}.bbh__actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;width:100%}.bbh__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 32px;border:none;border-radius:var(--_radius-sm);font-family:inherit;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;text-decoration:none;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:box-shadow 0.2s ease,transform 0.15s var(--_ease-spring),background 0.2s ease}.bbh__btn:active{transform:scale(0.97)}.bbh__btn--primary{background:#e6e6e6;color:#1a1a1a;box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 0 14px 0 rgba(255,255,255,0.19),inset 0 -1px 0.4px 0 rgba(0,0,0,0.2),inset 0 1px 0.4px 0 #fff}.bbh__btn--ghost{background:rgba(255,255,255,0.05);color:var(--_white);box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.06),0 0 0 1px rgba(255,255,255,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.2)}@media (hover:hover){.bbh__btn--primary:hover{background:#f0f0f0;box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 0 24px 0 rgba(255,255,255,0.3),inset 0 -1px 0.4px 0 rgba(0,0,0,0.2),inset 0 1px 0.4px 0 #fff}.bbh__btn--ghost:hover{background:rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.08),0 0 0 1px rgba(255,255,255,0.45),inset 0 -1px 0 0 rgba(0,0,0,0.2)}}.bbh__cta-sub{font-size:13px;font-weight:500;color:var(--_white-40);margin-top:16px;text-align:center}.bbh__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:36px}.bbh__trust-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;background:rgba(255,255,255,0.03);border:1px solid var(--_white-08);font-size:12px;font-weight:500;color:var(--_white-50);white-space:nowrap}.bbh__toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom, 0px));left:50%;transform:translate3d(-50%,150%,0);z-index:100;display:flex;align-items:center;gap:12px;padding:10px 16px;background:rgba(24,24,27,0.85);border:1px solid rgba(255,255,255,0.1);border-radius:100px;box-shadow:0 12px 32px rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:transform 0.6s var(--_ease-spring),opacity 0.4s ease}@supports (backdrop-filter:blur(1px)){.bbh__toast{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}.bbh__toast.is-visible{transform:translate3d(-50%,0,0);opacity:1}.bbh__toast-icon{width:24px;height:24px;background:rgba(0,182,122,0.2);color:var(--_green);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bbh__toast-icon svg{width:14px;height:14px}.bbh__toast-text{font-size:13px;color:rgba(255,255,255,0.7);margin:0;white-space:nowrap}.bbh__toast-text span{color:#fff;font-weight:600}.bbh.js-ready [data-reveal]{opacity:0;transform:translate3d(0,36px,0);transition:opacity 0.8s var(--_ease),transform 0.8s var(--_ease)}.bbh.js-ready [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0);will-change:transform,opacity}.bbh.js-ready [data-reveal].is-settled{will-change:auto}.bbh.js-ready [data-animate="stagger"]>[data-reveal]:nth-child(1){transition-delay:0.1s}.bbh.js-ready [data-animate="stagger"]>[data-reveal]:nth-child(2){transition-delay:0.2s}.bbh.js-ready [data-animate="stagger"]>[data-reveal]:nth-child(3){transition-delay:0.3s}.bbh.js-ready [data-animate="stagger"]>[data-reveal]:nth-child(4){transition-delay:0.4s}.bbh.js-ready [data-animate="stagger"]>[data-reveal]:nth-child(5){transition-delay:0.5s}.bbh.js-ready [data-animate="stagger"]>[data-reveal]:nth-child(6){transition-delay:0.55s}@media (max-width:960px){.bbh__inner{padding:140px 24px 80px}.bbh__carousel{max-width:700px}.bbh__tile{--_tile-size:64px}.bbh__tile img{width:40px;height:40px}.bbh__logo-img{width:90px;height:90px}.bbh__logo-glow{display:none}}@media (max-width:600px){.bbh__inner{padding:120px 16px calc(64px + env(safe-area-inset-bottom, 0px))}.bbh__ambient--top{width:100%;height:300px;filter:blur(80px)}.bbh__ambient--bottom{width:100%;height:250px;filter:blur(80px)}.bbh__ambient{mix-blend-mode:normal;opacity:0.3}.bbh__carousel{gap:12px;margin-bottom:32px}.bbh__tile{--_tile-size:48px;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,0.3);transition:none}.bbh__tile img{width:32px;height:32px}.bbh__logo-img{width:80px;height:80px}.bbh__row,.bbh__track{gap:16px}.bbh__live{font-size:12px;padding:6px 14px;margin-bottom:24px}.bbh__h1{font-size:clamp(28px,9vw,36px);padding:0 4px}.bbh__sub{font-size:16px;margin-top:20px;padding:0 4px}.bbh__seal{flex-direction:column;border-radius:16px;padding:12px;gap:6px}.bbh__seal-sep{display:none}.bbh__actions{flex-direction:column;width:100%;gap:12px;margin-top:36px}.bbh__btn{width:100%;min-height:54px;font-size:16px}.bbh__cta-sub{margin-top:16px}}@media (max-width:380px){.bbh__ambient{display:none}.bbh__inner{padding:110px 12px 48px}.bbh__toast{width:90%;max-width:320px;padding:10px 12px;bottom:calc(16px + env(safe-area-inset-bottom, 0px))}.bbh__toast-text{font-size:11px;white-space:normal;line-height:1.4}}@media (prefers-reduced-motion:reduce){.bbh__track,.bbh__logo-glow,.bbh__logo-img,.bbh__live-dot{animation:none!important}.bbh.js-ready [data-reveal]{opacity:1;transform:none;transition:none}}.bbo{--_bg:#07080a;--_white:#fff;--_white-80:rgba(255,255,255,0.8);--_white-40:rgba(255,255,255,0.4);--_text:rgba(255,255,255,0.6);--_accent:#56c2ff;--_orange:#ff6b35;--_orange-glow:rgba(255,107,53,0.35);--_border:rgba(255,255,255,0.08);--_font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--_ease:cubic-bezier(0.16,1,0.3,1);--_ease-spring:cubic-bezier(0.34,1.56,0.64,1);--_radius-sm:10px;background-color:var(--_bg);color:var(--_text);font-family:var(--_font);padding:60px 24px 120px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;position:relative}.bbo__bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 80% at 50% 0%,rgba(255,255,255,0.03) 0%,transparent 70%)}.bbo__ambient{position:absolute;pointer-events:none;z-index:0;filter:blur(100px);opacity:0.5;mix-blend-mode:screen}.bbo__ambient--left{top:20%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(86,194,255,0.15) 0%,transparent 70%)}.bbo__ambient--right{bottom:-10%;right:-10%;width:700px;height:500px;background:radial-gradient(circle,rgba(255,107,53,0.15) 0%,transparent 70%)}.bbo__inner{position:relative;z-index:1;max-width:1140px;margin:0 auto}.bbo__header{display:flex;flex-direction:column;align-items:center;text-align:center}.bbo__h2{font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.1;letter-spacing:-0.02em;color:var(--_white);max-width:520px;margin:0 0 16px 0}.bbo__sub{font-size:18px;font-weight:400;line-height:1.6;color:var(--_text);max-width:520px;margin:0}.bbo__grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:72px;align-items:center;margin-top:72px}.bbo__media{position:relative;display:flex;align-items:center;justify-content:center;width:100%;contain:layout style;perspective:1000px}.bbo__glass-panel{position:relative;z-index:1;width:100%;padding:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-top:1px solid rgba(255,255,255,0.15);border-radius:24px;box-shadow:0 32px 64px rgba(0,0,0,0.5),inset 0 1px 1px rgba(255,255,255,0.05);animation:bbo-float 6s ease-in-out infinite;will-change:transform}@supports (backdrop-filter:blur(1px)){.bbo__glass-panel{background:rgba(30,30,32,0.4);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}}.bbo__glass-inner{border-radius:16px;overflow:hidden;background:#0a0a0c;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05)}.bbo__img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;opacity:0.85;transform:scaleX(-1);transition:opacity 0.4s ease}@media (hover:hover){.bbo__glass-panel:hover .bbo__img{opacity:1}}@keyframes bbo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.bbo__content{display:flex;flex-direction:column;gap:24px}.bbo__label-wrap{margin-bottom:-4px}.bbo__label{display:inline-flex;align-items:center;gap:8px;background:rgba(86,194,255,0.1);border:1px solid rgba(86,194,255,0.2);color:var(--_accent);padding:6px 14px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;box-shadow:0 0 12px rgba(86,194,255,0.15)}.bbo__label-icon{width:14px;height:14px;flex-shrink:0}.bbo__h3{font-size:clamp(22px,2.5vw,28px);font-weight:500;line-height:1.4;letter-spacing:-0.01em;color:var(--_white);font-style:italic;margin:0;min-height:80px}.bbo__h3::after{content:'|';color:var(--_accent);opacity:1;animation:bbo-blink 1s step-end infinite}.bbo__h3.bbo-typing-done::after{display:none}@keyframes bbo-blink{50%{opacity:0}}.bbo__text-body{display:flex;flex-direction:column;gap:16px}.bbo__p{font-size:16px;font-weight:400;line-height:1.6;color:var(--_text);margin:0}.bbo__p--strong{color:var(--_white);font-weight:500}.bbo__closing{font-size:16px;font-weight:600;line-height:1.5;color:var(--_white);margin:8px 0 0 0}.bbo__cta-wrap{margin-top:12px}.bbo__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 32px;border:none;border-radius:var(--_radius-sm);font-family:inherit;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;text-decoration:none;box-sizing:border-box;touch-action:manipulation;transition:box-shadow 0.2s ease,transform 0.15s var(--_ease-spring),background 0.2s ease}.bbo__btn:active{transform:scale(0.97)}.bbo__btn--primary{background:#e6e6e6;color:#1a1a1a;box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 0 14px 0 rgba(255,255,255,0.19),inset 0 -1px 0.4px 0 rgba(0,0,0,0.2),inset 0 1px 0.4px 0 #fff}.bbo__btn--primary:hover{background:#f0f0f0;box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 0 24px 0 rgba(255,255,255,0.3),inset 0 -1px 0.4px 0 rgba(0,0,0,0.2),inset 0 1px 0.4px 0 #fff}.bbo [data-bbo-reveal]{opacity:1;transform:translate3d(0,0,0)}.bbo.js-ready [data-bbo-reveal]{opacity:0;transform:translate3d(0,20px,0);transition:opacity 0.6s var(--_ease),transform 0.6s var(--_ease);will-change:transform,opacity}.bbo.js-ready [data-bbo-reveal].is-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}@media (max-width:960px){.bbo{padding:40px 24px 80px}.bbo__grid{grid-template-columns:1fr;gap:48px;margin-top:48px}.bbo__media{order:-1;max-width:500px;margin:0 auto}.bbo__h3{min-height:60px}.bbo__glass-panel{animation:none;will-change:auto}}@media (max-width:600px){.bbo{padding:24px 16px 80px}.bbo__h2{font-size:32px}.bbo__sub{font-size:16px}.bbo__grid{margin-top:40px;gap:40px}.bbo__h3{font-size:22px;min-height:52px}.bbo__glass-panel{padding:10px;border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 12px 32px rgba(0,0,0,0.4)}.bbo__img{opacity:1}.bbo__ambient{filter:blur(80px)}.bbo__cta-wrap{width:100%;margin-top:24px}.bbo__btn{width:100%;min-height:54px;font-size:16px}}@media (max-width:380px){.bbo{padding:16px 12px 64px}.bbo__h2{font-size:28px}.bbo__h3{font-size:20px;min-height:48px}.bbo__p{font-size:15px}.bbo__ambient{display:none}}@media (prefers-reduced-motion:reduce){.bbo__glass-panel{animation:none!important;will-change:auto}.bbo__h3::after{animation:none!important}.bbo.js-ready [data-bbo-reveal]{opacity:1;transform:none;transition:none;will-change:auto}}.bbs8{--_bg:#07080a;--_surface:rgba(255,255,255,0.02);--_surface-hi:rgba(255,255,255,0.06);--_border:rgba(255,255,255,0.06);--_border-hi:rgba(34,197,94,0.3);--_text-main:#fff;--_text-muted:#a1a1aa;--_text-dim:#71717a;--_green:#00B67A;--_gold:#facc15;--_radius:16px;--_font:'Inter',-apple-system,sans-serif;--_mono:'JetBrains Mono',ui-monospace,monospace;--_card-w:380px;position:relative;overflow:hidden;background:var(--_bg);font-family:var(--_font);color:var(--_text-main);padding:120px 0}.bbs8::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:800px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent)}.bbs8__inner{max-width:1067px;margin:0 auto;padding:0 24px}.bbs8__head{text-align:center;margin-bottom:24px}.bbs8__label{font-family:var(--_mono);font-size:14px;font-weight:500;color:var(--_text-dim);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:16px}section[data-bbs8-root] .bbs8__title{font-size:36px;font-weight:600;letter-spacing:-0.5px;margin:0 0 12px;color:#fff}.bbs8__subtitle{font-size:16px;color:var(--_text-muted);margin:0}.bbs8__tp{text-align:center;margin-bottom:56px}.bbs8__tp-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;background:var(--_surface);border:1px solid var(--_border);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.bbs8__tp-stars{color:var(--_green);font-size:14px;letter-spacing:2px}.bbs8__tp-score{font-weight:600;font-size:14px;color:#fff}.bbs8__tp-sep{color:var(--_text-dim)}.bbs8__tp-count{font-size:13px;color:var(--_text-muted)}.bbs8__tp-brand{font-size:13px;font-weight:700;color:var(--_green)}.bbs8__marquee{width:100%;overflow:hidden;padding:12px 0;mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 85%,transparent 100%)}.bbs8__track{display:flex;gap:24px;width:max-content;transform:translateZ(0)}.bbs8__track[data-bbs8-scroll="left"]{animation:bbs8Left 65s linear infinite}.bbs8__track[data-bbs8-scroll="right"]{animation:bbs8Right 75s linear infinite}@keyframes bbs8Left{to{transform:translate3d(-50%,0,0)}}@keyframes bbs8Right{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}@media (pointer:coarse){.bbs8__marquee{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%)}.bbs8__marquee::-webkit-scrollbar{display:none}.bbs8__marquee{scrollbar-width:none}.bbs8__track[data-bbs8-scroll="left"],.bbs8__track[data-bbs8-scroll="right"]{animation:none}.bbs8__card{scroll-snap-align:start;flex-shrink:0}}.bbs8__card{width:var(--_card-w);padding:24px;border-radius:var(--_radius);background:linear-gradient(145deg,rgba(24,24,27,0.6),rgba(9,9,11,0.8));border:1px solid var(--_border);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 4px 12px rgba(0,0,0,0.3);user-select:none}.bbs8__card--hl{border-color:var(--_border-hi);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 0 20px rgba(34,197,94,0.1),0 4px 12px rgba(0,0,0,0.4)}.bbs8__card-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.bbs8__avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:hsl(var(--_hue,140) 80% 80%);background:hsl(var(--_hue,140) 40% 15%);border:1px solid hsl(var(--_hue,140) 40% 30%)}.bbs8__meta{display:flex;flex-direction:column}.bbs8__name{font-size:15px;font-weight:600;color:#fff}.bbs8__date{font-size:12px;color:var(--_text-dim)}.bbs8__stars{color:var(--_gold);font-size:14px;margin-bottom:10px;letter-spacing:2px}.bbs8__quote{font-size:15px;line-height:1.6;color:var(--_text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.bbs8__featured{display:grid;grid-template-columns:1fr auto 1.5fr;align-items:center;gap:40px;margin-top:64px;padding:48px;border-radius:var(--_radius);border:1px solid var(--_border);background:linear-gradient(135deg,rgba(255,255,255,0.03),transparent)}.bbs8__stats{display:flex;flex-direction:column;gap:12px}.bbs8__stat{display:flex;align-items:center;gap:12px}.bbs8__stat-label{font-family:var(--_mono);font-size:13px;color:var(--_text-dim)}.bbs8__stat-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.05);padding:4px 12px;border-radius:6px;font-size:13px;font-weight:600;color:#fff;border:1px solid var(--_border)}.bbs8__stat-pill svg{color:var(--_green)}.bbs8__stat-desc{font-size:14px;color:var(--_text-muted);margin:0 0 16px 0}.bbs8__featured-div{width:1px;height:120px;background:var(--_border)}.bbs8__hero-quote{display:flex;flex-direction:column;gap:24px}.bbs8__hero-text{font-size:22px;font-weight:500;line-height:1.5;color:var(--_text-main);margin:0;text-wrap:balance;max-width:520px}.bbs8__hero-dim{color:var(--_text-dim)}.bbs8__hero-attr{display:flex;align-items:center;gap:14px}.bbs8__hero-name{display:block;font-size:15px;font-weight:600;color:#fff}.bbs8__hero-date{display:block;font-size:13px;color:var(--_text-dim)}.bbs8__footer{text-align:center;margin-top:48px}.bbs8__live{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:var(--_text-muted)}.bbs8__live-dot{width:8px;height:8px;border-radius:50%;background:var(--_green);box-shadow:0 0 10px rgba(0,182,122,0.6);animation:bbs8Pulse 2s infinite}.bbs8__live-num{color:var(--_text-main);font-weight:600}section[data-bbs8-root] .bbs8__tp-cta{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:14px 28px;border-radius:100px;font-size:15px;font-weight:600;color:#fff;text-decoration:none;background:var(--_surface);border:1px solid var(--_border);transition:background 0.2s ease,border-color 0.2s ease,transform 0.2s ease}section[data-bbs8-root] .bbs8__tp-cta:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15);color:#fff;text-decoration:none;transform:translateY(-1px)}@keyframes bbs8Pulse{0%,100%{opacity:1}50%{opacity:0.3}}.bbs8__reveal{opacity:0;transform:translateY(20px);transition:opacity 0.8s ease,transform 0.8s ease}.bbs8__reveal.is-visible{opacity:1;transform:translateY(0)}.bbs8__reveal--d1{transition-delay:0.1s}.bbs8__reveal--d2{transition-delay:0.2s}.bbs8__reveal--d3{transition-delay:0.3s}@media (max-width:960px){.bbs8__featured{grid-template-columns:1fr;gap:40px;padding:40px 32px}.bbs8__featured-div{display:none}}@media (max-width:768px){.bbs8__hero-text{font-size:20px}.bbs8__stat-desc{font-size:13px}}@media (max-width:600px){.bbs8{padding:80px 0;--_card-w:320px}section[data-bbs8-root] .bbs8__title{font-size:28px}.bbs8__tp-pill{flex-wrap:wrap;justify-content:center}.bbs8__tp-sep{display:none}.bbs8__featured{padding:32px 20px}.bbs8__hero-text{font-size:18px}}@media (prefers-reduced-motion:reduce){.bbs8__reveal{opacity:1;transform:none;transition:none}.bbs8__track{animation:none!important}}.bb3{--_bg:#07080a;--_text-main:#fff;--_text-sec:rgba(255,255,255,0.6);--_text-muted:rgba(255,255,255,0.4);--_accent:#00B67A;--_orange:#ff6b35;--_border:rgba(255,255,255,0.08);--_card-bg:rgba(24,24,27,0.4);--_sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--_ease:cubic-bezier(0.16,1,0.3,1);--_ease-spring:cubic-bezier(0.34,1.56,0.64,1);position:relative;background:var(--_bg);color:var(--_text-sec);font-family:var(--_sans);padding:80px 24px 100px;overflow:hidden;-webkit-font-smoothing:antialiased}.bb3__grid-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,0.06) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 10%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 10%,transparent 100%)}.bb3__ambient-glow{position:absolute;top:40%;left:50%;width:800px;height:400px;background:radial-gradient(ellipse at center,rgba(0,182,122,0.1) 0%,rgba(255,107,53,0.05) 40%,transparent 70%);transform:translate(-50%,-50%);filter:blur(60px);z-index:0;pointer-events:none}.bb3__inner{position:relative;z-index:1;max-width:1060px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:64px}.bb3 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bb3.js-ready [data-bb3-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity 0.8s ease,transform 0.8s ease}.bb3.js-ready [data-bb3-reveal].is-visible{opacity:1;transform:translate3d(0,0,0);will-change:opacity,transform}.bb3.js-ready [data-bb3-reveal].is-settled{will-change:auto}.bb3.js-ready [data-bb3-reveal="1"]{transition-delay:0.1s}.bb3.js-ready [data-bb3-reveal="2"]{transition-delay:0.2s}.bb3.js-ready [data-bb3-reveal="3"]{transition-delay:0.3s}.bb3__header{text-align:center;max-width:680px;display:flex;flex-direction:column;align-items:center}.bb3__badge{display:inline-flex;padding:6px 14px;background:rgba(255,255,255,0.03);border:1px solid var(--_border);border-radius:100px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--_text-muted);margin-bottom:24px}.bb3__h2{font-size:clamp(28px,4vw,44px);font-weight:600;letter-spacing:-0.02em;color:#fff;margin:0 0 16px;line-height:1.15}.bb3__sub{font-size:18px;line-height:1.6;margin:0;text-wrap:balance}.bb3__devices{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}.bb3__device{font-size:13px;font-weight:500;color:var(--_text-muted);padding:4px 12px;background:rgba(255,255,255,0.03);border-radius:6px;border:1px solid rgba(255,255,255,0.05)}.bb3__device-sep{display:none}.bb3__showcase{position:relative;width:100%;max-width:840px;display:flex;flex-direction:column;align-items:center;contain:layout style;perspective:1000px}.bb3__dashboard{width:100%;background:linear-gradient(180deg,rgba(22,22,24,0.8) 0%,rgba(10,10,12,0.9) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:20px;box-shadow:0 32px 64px rgba(0,0,0,0.6),inset 0 1px 1px rgba(255,255,255,0.15);overflow:hidden;position:relative;z-index:2;transform:rotateX(2deg);transition:transform 0.5s var(--_ease)}@media (hover:hover){.bb3__dashboard:hover{transform:rotateX(0deg) translateY(-4px)}}.bb3__dash-top{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:rgba(255,255,255,0.02);border-bottom:1px solid var(--_border)}.bb3__dash-brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#fff}.bb3__dash-brand img{border-radius:6px}.bb3__dash-nav{display:flex;gap:20px}.bb3__nav-item{font-size:13px;font-weight:500;color:var(--_text-muted);cursor:default}.bb3__nav-item--active{color:#fff;text-shadow:0 0 12px rgba(255,255,255,0.4)}.bb3__dash-hero{padding:80px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(ellipse at center,rgba(229,62,62,0.15) 0%,transparent 60%)}.bb3__dash-live-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(229,62,62,0.15);border:1px solid rgba(229,62,62,0.3);color:#fc8181;padding:4px 12px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:0.5px;margin-bottom:16px}.bb3__dash-live-dot{width:6px;height:6px;background:#fc8181;border-radius:50%;box-shadow:0 0 8px #fc8181;animation:bb3Pulse 2s infinite}@keyframes bb3Pulse{0%,100%{opacity:1}50%{opacity:0.4}}.bb3__dash-match{font-size:15px;font-weight:500;color:var(--_text-muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.bb3__dash-teams{font-size:36px;font-weight:700;color:#fff;margin:0 0 32px;line-height:1.1;text-shadow:0 4px 12px rgba(0,0,0,0.5)}.bb3__dash-play{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#000;padding:12px 28px;border-radius:100px;font-size:15px;font-weight:600;box-shadow:0 8px 24px rgba(255,255,255,0.2);cursor:default}.bb3__dash-dock-wrap{padding:0 24px 24px}.bb3__dash-dock{display:flex;gap:12px;padding:16px;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.06);border-radius:20px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;box-shadow:inset 0 2px 10px rgba(0,0,0,0.5)}.bb3__dash-dock::-webkit-scrollbar{display:none}.bb3__dock-icon{width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.2s ease,background 0.2s ease}.bb3__dock-icon img{border-radius:8px}@media (hover:hover){.bb3__dock-icon:hover{transform:scale(1.1);background:rgba(255,255,255,0.1)}}.bb3__shelf{width:85%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);box-shadow:0 8px 32px rgba(255,255,255,0.2);margin-top:-1px;z-index:1;border-radius:50%}.bb3__bento{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;max-width:900px}.bb3__bento-card{background:var(--_card-bg);border:1px solid var(--_border);border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:24px;box-shadow:0 12px 32px rgba(0,0,0,0.3),inset 0 1px 1px rgba(255,255,255,0.05);contain:layout style}.bb3__bento-card--tech{background:linear-gradient(135deg,rgba(24,24,27,0.6) 0%,rgba(10,10,12,0.8) 100%)}.bb3__bento-visual{display:flex;align-items:center;gap:20px;padding:16px 24px;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.05);border-radius:16px;width:fit-content;max-width:100%;box-shadow:inset 0 2px 8px rgba(0,0,0,0.5)}.bb3__spinner{width:22px;height:22px;flex-shrink:0;border:2px solid rgba(229,62,62,0.2);border-top-color:#e53e3e;border-radius:50%;animation:bb3Spin 1s linear infinite;animation-play-state:paused}.bb3.js-ready [data-bb3-reveal].is-visible .bb3__spinner{animation-play-state:running}@keyframes bb3Spin{to{transform:rotate(360deg)}}.bb3__tech-arrow{color:rgba(255,255,255,0.15)}.bb3__play-check{width:32px;height:32px;flex-shrink:0;background:rgba(0,182,122,0.15);color:var(--_accent);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(0,182,122,0.2)}.bb3__bento-card--accent{background:linear-gradient(145deg,rgba(24,24,27,0.6) 0%,rgba(0,182,122,0.08) 100%);justify-content:space-between;border-color:rgba(0,182,122,0.15)}.bb3__bento-h4{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.3}.bb3__bento-p{font-size:15px;color:var(--_text-muted);line-height:1.6;margin:0}.bb3__bento-p strong{color:#fff;font-weight:500}.bb3__price-tag{display:inline-flex;padding:12px 20px;background:rgba(0,182,122,0.1);border:1px solid rgba(0,182,122,0.2);border-radius:12px;font-size:15px;color:var(--_text-muted);width:fit-content}.bb3__price-tag strong{color:var(--_accent);font-weight:700;margin-left:6px}.bb3__cta{display:flex;flex-direction:column;align-items:center;margin-top:16px;width:100%}.bb3__actions{display:flex;align-items:center;justify-content:center;width:100%}.bb3__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 28px;border:none;border-radius:var(--_radius-sm,8px);font-family:inherit;font-size:15px;font-weight:600;letter-spacing:0.2px;white-space:nowrap;line-height:1.2;cursor:pointer;text-decoration:none;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:box-shadow 0.2s ease,transform 0.15s var(--_ease-spring),background 0.2s ease}.bb3__btn:active{transform:scale(0.97)}.bb3__btn--primary{background:#e6e6e6;color:#1a1a1a;box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 0 14px 0 rgba(255,255,255,0.19),inset 0 -1px 0.4px 0 rgba(0,0,0,0.2),inset 0 1px 0.4px 0 #fff}.bb3__btn--primary svg{opacity:0.6;transition:transform 0.2s ease,opacity 0.2s ease}@media (hover:hover){.bb3__btn--primary:hover{background:#f0f0f0;box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 0 20px 0 rgba(255,255,255,0.25),inset 0 -1px 0.4px 0 rgba(0,0,0,0.2),inset 0 1px 0.4px 0 #fff}.bb3__btn--primary:hover svg{opacity:1;transform:translateX(2px)}}.bb3__cta-sub{font-size:13px;font-weight:500;color:rgba(255,255,255,0.4);margin-top:16px;letter-spacing:0.2px;text-align:center}@media (max-width:960px){.bb3__bento{grid-template-columns:1fr}.bb3__dash-nav{display:none}}@media (max-width:600px){.bb3{padding:48px 16px 64px}.bb3__inner{gap:48px}.bb3__h2{font-size:32px}.bb3__sub{font-size:16px}.bb3__dashboard{border-radius:16px;transform:none!important}.bb3__dash-hero{padding:48px 16px}.bb3__dash-teams{font-size:26px}.bb3__dock-icon{width:44px;height:44px}.bb3__dock-icon img{width:28px;height:28px}.bb3__bento-card{padding:24px;border-radius:20px}.bb3__bento-h4{font-size:18px}.bb3__bento-p{font-size:14px}.bb3__btn{width:100%}}@media (max-width:380px){.bb3{padding:40px 12px 48px}.bb3__h2{font-size:28px}.bb3__dash-teams{font-size:22px}.bb3__bento-card{padding:20px}}@media (prefers-reduced-motion:reduce){.bb3.js-ready [data-bb3-reveal]{opacity:1;transform:none;transition:none}.bb3__spinner{animation:none}.bb3__dashboard{transform:none!important;transition:none}}.bbsc{--_bg:#07080a;--_white:#fff;--_muted:#6a6b6c;--_dim:rgba(255,255,255,0.35);--_glass:rgba(15,15,15,0.85);--_border:rgba(255,255,255,0.06);--_accent:#ff6b35;--_sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--_mono:'JetBrains Mono',ui-monospace,monospace;--_ease:cubic-bezier(0.16,1,0.3,1);--_card-w:360px;position:relative;background:var(--_bg);color:var(--_white);font-family:var(--_sans);padding:0 0 100px;overflow:hidden;-webkit-font-smoothing:antialiased;contain:layout style}.bbsc__divider{display:flex;justify-content:center;align-items:center;width:100%;height:46px;margin-bottom:80px}.bbsc__divider-line{flex:1;height:1px}.bbsc__divider-line--l{background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08))}.bbsc__divider-line--r{background:linear-gradient(90deg,rgba(255,255,255,0.08),transparent)}.bbsc__divider-tag{font-family:var(--_mono);font-size:13px;font-weight:500;letter-spacing:0.3px;color:rgba(255,255,255,0.5);padding:0 16px}.bbsc__reveal{opacity:0;transform:translateY(18px);transition:opacity 0.7s ease,transform 0.7s ease}.bbsc__reveal.is-visible{opacity:1;transform:translateY(0)}.bbsc__reveal[data-bbsc-card]{transition-delay:var(--_d,0s)}.bbsc__header{max-width:1280px;margin:0 auto 40px;padding:0 24px;display:flex;flex-direction:column;gap:24px}@media (min-width:768px){.bbsc__header{flex-direction:row;align-items:flex-end;justify-content:space-between;padding:0 48px}}.bbsc__header-text{max-width:500px}section[data-bbsc-root] .bbsc__h2{font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.1;letter-spacing:-0.02em;color:var(--_white);margin:0 0 8px}.bbsc__sub{font-size:15px;color:rgba(255,255,255,0.7);line-height:1.5;margin:0}.bbsc__tabs{display:flex;position:relative;background:rgba(255,255,255,0.02);border:1px solid var(--_border);border-radius:100px;padding:4px;align-self:flex-start;flex-shrink:0}.bbsc__tab{font-family:inherit;font-size:13px;font-weight:500;color:var(--_dim);background:none;border:none;padding:8px 18px;border-radius:100px;cursor:pointer;position:relative;z-index:1;transition:color 0.3s ease;white-space:nowrap}.bbsc__tab:hover,.bbsc__tab.is-active{color:var(--_white)}.bbsc__tab-bg{position:absolute;top:4px;left:4px;height:calc(100% - 8px);border-radius:100px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);z-index:0;pointer-events:none;box-sizing:border-box;transition:transform 0.4s var(--_ease),width 0.4s var(--_ease)}.bbsc__carousel{position:relative;z-index:2;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;outline:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,transparent,#000 48px,#000 calc(100% - 48px),transparent)}.bbsc__carousel::-webkit-scrollbar{display:none}@media (pointer:fine){.bbsc__carousel{cursor:grab}.bbsc__carousel.is-dragging{cursor:grabbing}}.bbsc__track{display:inline-flex;gap:20px;padding:12px 48px 40px;scroll-behavior:auto}.bbsc__carousel.is-dragging .bbsc__track{user-select:none}.bbsc__card{flex:0 0 var(--_card-w);width:var(--_card-w);border-radius:20px;overflow:hidden;background:var(--_glass);border:1px solid var(--_border);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 10px 30px rgba(0,0,0,0.5);contain:layout;transition:transform 0.35s var(--_ease),box-shadow 0.35s ease}.bbsc__card:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 20px 40px rgba(0,0,0,0.6),0 0 0 1px rgba(var(--_color),0.15)}.bbsc__carousel.is-dragging .bbsc__card:hover{transform:none}.bbsc__card.is-hidden{opacity:0.15;transform:scale(0.92);pointer-events:none}.bbsc__card-top{padding:24px 24px 0}.bbsc__card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.bbsc__card-icon{width:44px;height:44px;border-radius:10px;background:rgba(var(--_color),0.08);border:1px solid rgba(var(--_color),0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:rgb(var(--_color))}.bbsc__card-icon svg{width:22px;height:22px}.bbsc__card-title{font-size:18px;font-weight:600;flex:1;color:var(--_white);margin:0}.bbsc__card-desc{font-size:14px;color:rgba(255,255,255,0.7);line-height:1.5;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bbsc__card-rule{height:1px;background:linear-gradient(90deg,transparent,var(--_border),transparent)}.bbsc__card-art{padding:20px;display:flex;align-items:center;justify-content:center;min-height:160px;position:relative;pointer-events:none}.bbsc__card:not(.is-visible) .bbsc__card-art,.bbsc__card:not(.is-visible) .bbsc__card-art *{animation-play-state:paused!important}.art-pitch{width:100%;height:130px;position:relative;border:1px solid rgba(255,255,255,0.05);border-radius:12px;overflow:hidden;background:radial-gradient(circle at center,rgba(34,197,94,0.06),transparent)}.art-pitch__lines{position:absolute;inset:10px;border:1px solid rgba(255,255,255,0.08)}.art-pitch__mid{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,0.08)}.art-pitch__circle{position:absolute;left:50%;top:50%;width:36px;height:36px;border:1px solid rgba(255,255,255,0.08);border-radius:50%;transform:translate(-50%,-50%)}.art-pitch__dot{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px currentColor;transform:translate(var(--_x),var(--_y));animation:bbscDrift 4s ease-in-out infinite alternate}.art-pitch__dot--a{color:#22c55e;background:#22c55e}.art-pitch__dot--b{color:#ef4444;background:#ef4444;animation-delay:-2s}@keyframes bbscDrift{to{transform:translate(calc(var(--_x) + 12px),calc(var(--_y) - 8px)) translateZ(0)}}.art-pitch__badge{position:absolute;top:8px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.6);padding:3px 10px;border-radius:100px;font-size:9px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,0.1)}.art-pitch__live{width:4px;height:4px;border-radius:50%;background:#ef4444;animation:bbscPulse 1.5s infinite}@keyframes bbscPulse{0%,100%{opacity:1}50%{opacity:0.3}}.art-stat{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}.art-stat__ring{width:80px;height:80px}.art-stat__arc{animation:bbscDraw 2s ease-out forwards}@keyframes bbscDraw{to{stroke-dashoffset:0}}.art-stat__num{position:absolute;top:18px;font-size:20px;font-weight:700;color:#fff}.art-stat__label{position:absolute;top:42px;font-size:9px;text-transform:uppercase;color:var(--_dim)}.art-stat__tags{display:flex;gap:6px}.art-stat__tags span{font-size:9px;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid var(--_border);color:var(--_dim)}.art-movies{text-align:center}.art-movies__big{display:block;font-size:32px;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(168,85,247,0.3)}.art-movies__sub{font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--_dim)}.art-tv{display:flex;flex-direction:column;align-items:center}.art-tv__screen{width:100px;height:70px;border-radius:8px;border:1px solid rgba(255,255,255,0.15);background:#0a0a0a;position:relative;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,0.5)}.art-tv__scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,0.015) 2px,rgba(255,255,255,0.015) 4px);animation:bbscScan 8s linear infinite}@keyframes bbscScan{to{transform:translateY(4px) translateZ(0)}}.art-tv__ch{position:absolute;top:6px;right:8px;font-size:9px;font-weight:700;color:rgba(255,255,255,0.5);font-family:monospace}.art-ai{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.art-ai__core{width:36px;height:36px;border-radius:50%;background:rgba(255,107,53,0.1);border:1px solid rgba(255,107,53,0.4);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--_accent);position:relative;z-index:2;box-shadow:0 0 16px rgba(255,107,53,0.15)}.art-ai__ring{position:absolute;border:1px dashed rgba(255,255,255,0.08);border-radius:50%;animation:bbscSpin 10s linear infinite}.art-ai__ring--1{width:70px;height:70px;animation-duration:8s}.art-ai__ring--2{width:100px;height:100px;animation-direction:reverse;animation-duration:12s}.art-ai__node{position:absolute;top:-3px;left:50%;width:5px;height:5px;border-radius:50%;background:var(--_accent);box-shadow:0 0 8px var(--_accent);transform:translateX(-50%)}@keyframes bbscSpin{to{transform:rotate(360deg) translateZ(0)}}.art-globe{display:flex;flex-direction:column;align-items:center;gap:12px}.art-globe__sphere{width:80px;height:80px;border-radius:50%;border:1px solid rgba(255,255,255,0.15);background:radial-gradient(circle at 30% 30%,rgba(6,182,212,0.15),transparent 70%),#0a0a0a;box-shadow:inset -8px -8px 16px rgba(0,0,0,0.8),0 0 16px rgba(6,182,212,0.1)}.art-globe__flags{font-size:14px;letter-spacing:3px;opacity:0.7}.art-devices{display:flex;align-items:flex-end;gap:10px;height:70px}.art-devices__tv{width:72px;height:46px;border:1px solid rgba(255,255,255,0.15);background:#0a0a0a;border-radius:6px}.art-devices__tablet{width:36px;height:50px;border:1px solid rgba(255,255,255,0.15);background:#0a0a0a;border-radius:4px}.art-devices__phone{width:22px;height:40px;border:1px solid rgba(255,255,255,0.15);background:#0a0a0a;border-radius:4px}.art-catchup{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.art-catchup__badge{font-size:10px;font-weight:700;color:#ec4899;border:1px solid rgba(236,72,153,0.25);padding:3px 10px;border-radius:100px;background:rgba(236,72,153,0.08)}.art-catchup__bar{width:80%;height:3px;background:rgba(255,255,255,0.08);border-radius:2px;overflow:hidden}.art-catchup__fill{height:100%;width:100%;background:#ec4899;transform-origin:left;transform:scaleX(0);animation:bbscLoad 3s ease-in-out infinite alternate}@keyframes bbscLoad{0%{transform:scaleX(0.15) translateZ(0)}100%{transform:scaleX(0.75) translateZ(0)}}.bbsc__footer{display:flex;gap:8px;justify-content:flex-end;max-width:1280px;margin:0 auto;padding:0 48px;position:relative;z-index:2}@media (max-width:768px){.bbsc__footer{padding:0 24px}}.bbsc__nav{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid var(--_border);color:var(--_dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease}.bbsc__nav:hover:not(:disabled){background:rgba(255,255,255,0.08);color:var(--_white);border-color:rgba(255,255,255,0.15)}.bbsc__nav:disabled{opacity:0.3;cursor:not-allowed}.bbsc__nav svg{width:16px;height:16px}@media (max-width:768px){.bbsc{padding-bottom:72px}.bbsc__divider{margin-bottom:48px}.bbsc__card{--_card-w:300px}.bbsc__tabs{overflow-x:auto;scrollbar-width:none}.bbsc__tabs::-webkit-scrollbar{display:none}.bbsc__tab{padding:8px 14px;font-size:12px}.bbsc__track{padding:12px 24px 32px}}@media (prefers-reduced-motion:reduce){.bbsc__reveal{opacity:1;transform:none;transition:none}.art-pitch__dot,.art-pitch__live,.art-stat__arc,.art-tv__scan,.art-ai__ring,.art-catchup__fill,.bbsc__tab-bg{animation:none!important;transition:none!important}.art-stat__arc{stroke-dashoffset:0}.art-catchup__fill{transform:scaleX(0.5)}}.bb-s5{--_bg:#07080a;--_card-bg:rgba(255,255,255,0.02);--_border:rgba(255,255,255,0.06);--_white:#fff;--_muted:#9c9c9d;--_font:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--_accent:#EA720F;--_green:#00B67A;background:var(--_bg);font-family:var(--_font);color:var(--_white);padding:140px 0;overflow:hidden}.bb-s5__w{max-width:1067px;margin:0 auto;padding:0 24px}.bb-s5__header{text-align:center;max-width:600px;margin:0 auto 64px}section[data-bb5-root] .bb-s5__title{font-size:36px;font-weight:600;letter-spacing:-0.5px;color:#fff;margin-bottom:16px}.bb-s5__subtitle{font-size:18px;line-height:1.6;color:var(--_muted)}.bb-s5__reveal{opacity:0;transform:translateY(24px);transition:opacity 0.8s ease,transform 0.8s ease}.bb-s5__reveal.is-visible{opacity:1;transform:translateY(0)}.bb-s5__reveal--d1{transition-delay:0.1s}.bb-s5__reveal--d2{transition-delay:0.2s}.bb-s5__reveal--d3{transition-delay:0.3s}.bb-s5__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}.bb-s5__card{position:relative;display:flex;flex-direction:column;min-height:420px;background:var(--_card-bg);border:1px solid var(--_border);border-radius:24px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.03),0 10px 40px rgba(0,0,0,0.2);contain:layout style;transition:border-color 0.3s ease,box-shadow 0.3s ease}.bb-s5__card:hover{border-color:rgba(255,255,255,0.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05),0 10px 40px rgba(0,0,0,0.3)}.bb-s5__card--txt-bottom{justify-content:flex-end}.bb-s5__card--txt-top{justify-content:flex-start}.bb-s5__text{position:relative;z-index:3;padding:40px}.bb-s5__text h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 10px}.bb-s5__text p{font-size:15px;line-height:1.6;color:var(--_muted);margin:0}.bb-s5__art{position:absolute;left:0;right:0;height:65%;z-index:2;display:flex;align-items:center;justify-content:center}.bb-s5__card--txt-bottom .bb-s5__art{top:0}.bb-s5__card--txt-top .bb-s5__art{bottom:0;align-items:flex-end;padding-bottom:15%}.bb-s5__art--mask-bot{mask-image:linear-gradient(to bottom,black 40%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%)}.bb-s5__art--mask-top{mask-image:linear-gradient(to top,black 30%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 30%,transparent 100%)}.bb-s5__glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:0.4;z-index:1;pointer-events:none}.bb-s5__glow--orange{width:250px;height:250px;background:var(--_accent);top:10%;left:10%}.bb-s5__glow--green{width:250px;height:200px;background:var(--_green);bottom:5%;right:5%}.bb-s5__glow--blue{width:250px;height:250px;background:#3b82f6;top:5%;right:10%}.bb-s5__glow--center{width:200px;height:200px;background:#fff;bottom:20%;left:50%;transform:translateX(-50%);opacity:0.15}.bb-s5__ui-btn-wrap{position:relative;transform:scale(1.1)}.bb-s5__ui-btn{background:rgba(20,20,22,0.85);border:1px solid rgba(255,255,255,0.15);box-shadow:0 8px 32px rgba(0,0,0,0.5);padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;color:#fff}.bb-s5__ui-cursor{position:absolute;bottom:-16px;right:-16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.5));transform:translateZ(0);animation:bb5Click 4s infinite ease-in-out}@keyframes bb5Click{0%,100%{transform:translate3d(15px,15px,0)}50%{transform:translate3d(0,0,0) scale(0.95)}}.bb-s5__ui-notif{width:260px;background:rgba(20,20,22,0.9);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:16px;box-shadow:0 20px 40px rgba(0,0,0,0.5);transform:rotate(-2deg) translateY(20px)}.bb-s5__ui-notif-head{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,0.6);margin-bottom:12px}.bb-s5__ui-notif-time{margin-left:auto}.bb-s5__ui-notif-body strong{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.bb-s5__ui-line{height:8px;background:rgba(255,255,255,0.1);border-radius:4px;margin-bottom:6px;width:100%}.bb-s5__ui-line--short{width:60%}.bb-s5__ui-apps{position:relative;width:200px;height:200px}.bb-s5__ui-app{position:absolute;width:56px;height:56px;background:rgba(20,20,22,0.85);border:1px solid rgba(255,255,255,0.15);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 24px rgba(0,0,0,0.4);transform:translateZ(0) rotate(var(--_rot,0deg));animation:bb5Float 6s ease-in-out infinite;animation-delay:var(--_d,0s)}@keyframes bb5Float{0%,100%{transform:translateZ(0) translateY(0) rotate(var(--_rot,0deg))}50%{transform:translateZ(0) translateY(-8px) rotate(var(--_rot,0deg))}}.bb-s5__ui-play{width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;transform:translateZ(0);animation:bb5Pulse 4s infinite ease-in-out}.bb-s5__ui-play-inner{width:64px;height:64px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 8px 24px rgba(255,255,255,0.2)}@keyframes bb5Pulse{0%,100%{transform:translateZ(0) scale(1)}50%{transform:translateZ(0) scale(1.05)}}.bb-s5__support{display:flex;align-items:center;gap:24px;margin-top:36px;padding:32px 40px;background:var(--_card-bg);border:1px solid var(--_border);border-radius:20px;transition:border-color 0.3s ease}.bb-s5__support:hover{border-color:rgba(255,255,255,0.1)}.bb-s5__support-icon-wrap{width:64px;height:64px;border-radius:50%;background:rgba(0,182,122,0.1);border:1px solid rgba(0,182,122,0.3);display:flex;align-items:center;justify-content:center;color:var(--_green);flex-shrink:0}.bb-s5__support-icon-wrap svg{width:28px;height:28px}.bb-s5__support-text h4{font-size:18px;font-weight:600;color:#fff;margin:0 0 6px}.bb-s5__support-text p{font-size:15px;line-height:1.6;color:var(--_muted);margin:0}@media (max-width:960px){.bb-s5__grid{grid-template-columns:1fr;gap:24px}.bb-s5__card{min-height:380px}.bb-s5__support{flex-direction:column;text-align:center;padding:32px 24px}}@media (max-width:600px){.bb-s5{padding:80px 0}section[data-bb5-root] .bb-s5__title{font-size:28px}.bb-s5__text{padding:32px 24px}.bb-s5__card{min-height:340px}}@media (prefers-reduced-motion:reduce){.bb-s5__reveal{opacity:1;transform:none;transition:none}.bb-s5__ui-cursor{animation:none}.bb-s5__ui-app{animation:none}.bb-s5__ui-play{animation:none}}.bbpr{--_bg:#07080a;--_card-bg:linear-gradient(137deg,rgb(34,35,38) 4.87%,rgb(21,22,25) 75.88%);--_white:#fff;--_muted:#6a6b6c;--_sub:#9c9c9d;--_border:rgba(255,255,255,0.06);--_accent:#EA720F;--_accent-g:rgba(234,114,15,0.15);--_green:#00e599;--_sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--_mono:'JetBrains Mono',ui-monospace,monospace;--_ease:cubic-bezier(0.16,1,0.3,1);position:relative;background:var(--_bg);font-family:var(--_sans);color:var(--_white);padding:0 0 100px;-webkit-font-smoothing:antialiased;contain:layout style}.bbpr__w{max-width:1200px;margin:0 auto;padding:0 24px}.bbpr .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bbpr__divider{display:flex;justify-content:center;align-items:center;width:100%;height:46px;margin-bottom:80px}.bbpr__divider-line{flex:1;height:1px}.bbpr__divider-line--l{background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08))}.bbpr__divider-line--r{background:linear-gradient(90deg,rgba(255,255,255,0.08),transparent)}.bbpr__divider-tag{font-family:var(--_mono);font-size:13px;font-weight:500;letter-spacing:0.3px;color:rgba(255,255,255,0.5);padding:0 16px}.bbpr.js-ready [data-bbpr-reveal]{opacity:0;transform:translate3d(0,18px,0);transition:opacity 0.7s ease,transform 0.7s ease}.bbpr.js-ready [data-bbpr-reveal].is-visible{opacity:1;transform:translate3d(0,0,0);will-change:opacity,transform}.bbpr.js-ready [data-bbpr-reveal].is-settled{will-change:auto}.bbpr.js-ready [data-bbpr-card="lifetime"]{transition-delay:0s}.bbpr.js-ready [data-bbpr-card="monthly"]{transition-delay:0.08s}.bbpr.js-ready [data-bbpr-card="yearly"]{transition-delay:0.16s}.bbpr__promo{max-width:680px;margin:0 auto 48px;display:flex;align-items:center;gap:16px;padding:14px 24px;background:var(--_bg);border:1px solid #242728;border-radius:12px;font-size:14px;color:rgba(255,255,255,0.85)}.bbpr__promo-dot{width:8px;height:8px;flex-shrink:0;background:var(--_accent);border-radius:50%;box-shadow:0 0 12px var(--_accent);animation:bbpr-pulse 2s ease infinite}@keyframes bbpr-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.bbpr__header{text-align:center;max-width:700px;margin:0 auto 56px}section[data-bbpr-root] .bbpr__h2{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-0.04em;color:#fff;margin:0 0 16px}.bbpr__sub{font-size:16px;color:var(--_muted);line-height:1.6;margin:0}.bbpr__grid{display:flex;justify-content:center;align-items:stretch}.bbpr__card{display:flex;flex-direction:column;border:1px solid var(--_border);position:relative;contain:layout}.bbpr__card--side{background:var(--_bg);z-index:1;padding:40px 32px;flex:1;max-width:360px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}.bbpr__card--left{border-radius:16px 0 0 16px;margin-right:-16px;padding-right:48px}.bbpr__card--right{border-radius:0 16px 16px 0;margin-left:-16px;padding-left:48px}.bbpr__card--center{background:var(--_card-bg);z-index:2;padding:40px;flex:1.1;max-width:400px;border-radius:16px;box-shadow:0 1px 40px var(--_accent-g),0 0 16px -7px var(--_accent-g),0 2px 40px 10px var(--_accent-g),inset 0 1px 1px rgba(255,255,255,0.1)}.bbpr__c-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.bbpr__c-name{font-size:18px;font-weight:500;letter-spacing:0.2px;color:var(--_sub)}.bbpr__c-name--bright{color:#fff;font-weight:600}.bbpr__c-sub{font-size:14px;color:var(--_sub);margin-top:2px}.bbpr__pill{font-size:11px;font-weight:600;padding:4px 10px;border-radius:100px;letter-spacing:0.5px;color:var(--_green);background:rgba(0,229,153,0.1)}.bbpr__pill--value{color:var(--_accent);background:rgba(234,114,15,0.12)}.bbpr__price{display:flex;align-items:baseline;gap:8px;margin-bottom:4px;flex-wrap:wrap}.bbpr__p-num{font-size:56px;font-weight:600;color:var(--_white);line-height:1}.bbpr__p-num--bright{color:#fff}.bbpr__p-per{font-family:var(--_mono);font-size:14px;color:var(--_muted)}.bbpr__strike{font-family:var(--_mono);font-size:14px;color:var(--_muted);text-decoration:line-through;opacity:0.6;align-self:center}.bbpr__split{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--_sub);margin:8px 0 4px}.bbpr__split-badge{font-size:10px;font-weight:700;color:var(--_green);background:rgba(0,229,153,0.1);padding:3px 8px;border-radius:6px;letter-spacing:0.3px}.bbpr__p-note{font-family:var(--_mono);font-size:13px;color:var(--_muted);margin-bottom:28px}.bbpr__feats{display:flex;flex-direction:column;gap:14px;margin-bottom:36px;flex-grow:1}.bbpr__feat{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:500;color:var(--_muted);line-height:1.5}.bbpr__card--center .bbpr__feat{color:rgba(255,255,255,0.7)}.bbpr__feat--hi{color:#fff!important}.bbpr__check{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:inherit}.bbpr__card--center .bbpr__feat--hi .bbpr__check{color:#fff}.bbpr__cta-wrap{margin-top:auto}.bbpr__btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:10px;font-family:var(--_sans);font-size:14px;font-weight:600;cursor:pointer;border:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:box-shadow 0.2s ease,background 0.2s ease,transform 0.15s var(--_ease)}.bbpr__btn:active{transform:scale(0.97)}.bbpr__btn--primary{background:#e6e6e6;color:#2f3031;box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 0 14px rgba(255,255,255,0.19),inset 0 -1px 0.4px rgba(0,0,0,0.2),inset 0 1px 0.4px #fff}.bbpr__btn--ghost{background:linear-gradient(rgba(255,255,255,0.03),rgba(255,255,255,0.1));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 0 0 1px rgba(255,255,255,0.25),inset 0 -1px 0 rgba(0,0,0,0.2)}@media (hover:hover){.bbpr__btn--primary:hover{box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 0 24px rgba(255,255,255,0.3),inset 0 -1px 0.4px rgba(0,0,0,0.2),inset 0 1px 0.4px #fff}.bbpr__btn--ghost:hover{background:linear-gradient(rgba(255,255,255,0.05),rgba(255,255,255,0.15));box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 0 0 1px rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.2)}}.bbpr__compare{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:48px 0 32px;font-size:14px;color:var(--_muted);text-align:center}.bbpr__compare-sep{color:rgba(255,255,255,0.15)}.bbpr__compare-item strong{color:var(--_white)}.bbpr__compare-item--hl{color:var(--_accent)}.bbpr__compare-item--hl strong{color:var(--_accent)}.bbpr__trust{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:24px 0;margin-bottom:24px}.bbpr__trust-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:rgba(255,255,255,0.35);white-space:nowrap}.bbpr__trust-item svg{flex-shrink:0}.bbpr__trust-sep{width:1px;height:14px;background:rgba(255,255,255,0.08);flex-shrink:0}.bbpr__fallback{text-align:center;font-size:14px;color:var(--_muted);margin:0}.bbpr__fallback p{margin:0}.bbpr__fallback-btn{background:none;border:none;cursor:pointer;color:var(--_accent);font-family:inherit;font-size:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;transition:color 0.2s ease}@media (hover:hover){.bbpr__fallback-btn:hover{color:#fff}}@media (max-width:960px){.bbpr__grid{flex-direction:column;align-items:center;gap:24px}.bbpr__card{width:100%;max-width:500px}.bbpr__card--side{margin:0;padding:32px;border-radius:16px}.bbpr__card--center{order:-1;padding:32px}.bbpr__card--left{padding-right:32px}.bbpr__card--right{padding-left:32px}.bbpr__card--center{box-shadow:0 1px 30px var(--_accent-g),inset 0 1px 1px rgba(255,255,255,0.1)}}@media (max-width:600px){.bbpr{padding-bottom:64px}.bbpr__divider{margin-bottom:48px}section[data-bbpr-root] .bbpr__h2{font-size:32px}.bbpr__p-num{font-size:48px}.bbpr__promo{flex-direction:column;text-align:center;gap:10px}.bbpr__compare{flex-direction:column;gap:8px}.bbpr__compare-sep{display:none}.bbpr__trust{flex-direction:column;gap:12px}.bbpr__trust-sep{display:none}}@media (max-width:380px){.bbpr__w{padding:0 16px}.bbpr__card--side{padding:24px 20px}.bbpr__card--center{padding:24px 20px}.bbpr__p-num{font-size:40px}}@media (prefers-reduced-motion:reduce){.bbpr.js-ready [data-bbpr-reveal]{opacity:1;transform:none;transition:none}.bbpr__promo-dot{animation:none}}.bbs7{--_bg:#07080a;--_card-bg:linear-gradient(137deg,rgb(17,18,20) 4.87%,rgb(12,13,15) 75.88%);--_card-border:rgba(255,255,255,0.06);--_card-shadow:inset 0 1px 0 0 rgba(255,255,255,0.1);--_white:#fff;--_muted:#9c9c9d;--_badge-bg:#1b1c1e;--_accent:#EA720F;--_font:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--_ease:cubic-bezier(0.16,1,0.3,1)}.bbs7 *,.bbs7 *::before,.bbs7 *::after{box-sizing:border-box;margin:0;padding:0}.bbs7{background:var(--_bg);font-family:var(--_font);color:var(--_white);padding:120px 0;-webkit-font-smoothing:antialiased}.bbs7__w{max-width:1200px;margin:0 auto;padding:0 24px}.bbs7__header{text-align:center;max-width:600px;margin:0 auto 64px}.bbs7__kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--_accent);margin-bottom:16px}.bbs7__kicker-dot{width:6px;height:6px;border-radius:50%;background:var(--_accent);box-shadow:0 0 12px var(--_accent);animation:bbs7-pulse 2.5s ease-in-out infinite}@keyframes bbs7-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.5)}}.bbs7__title{font-size:clamp(28px,4vw,36px);font-weight:600;letter-spacing:-0.02em;color:#fff;margin-bottom:12px}.bbs7__subtitle{font-size:18px;line-height:1.5;color:var(--_muted)}.bbs7__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.bbs7__card{display:flex;flex-direction:column;background:var(--_card-bg);border:0.76px solid var(--_card-border);border-radius:12px;overflow:hidden;box-shadow:var(--_card-shadow);transition:transform 0.4s var(--_ease),border-color 0.4s ease}.bbs7__card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,0.12)}.bbs7__art{width:100%;height:240px;position:relative;mask-image:linear-gradient(to bottom,black 30%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 30%,transparent 100%)}.bbs7__art img{width:100%;height:100%;object-fit:cover;opacity:0.4;mix-blend-mode:luminosity;transition:opacity 0.5s ease,transform 0.8s ease}.bbs7__card:hover .bbs7__art img{opacity:0.6;transform:scale(1.03)}.bbs7__content{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end;align-items:flex-start;padding:0 32px 30px;margin-top:-20px;position:relative;z-index:2}.bbs7__text{text-align:left;margin-bottom:24px}.bbs7__c-title{display:inline;font-size:20px;font-weight:500;letter-spacing:0.2px;color:#fff;margin:0;margin-right:6px}.bbs7__c-desc{display:inline;font-size:20px;font-weight:500;letter-spacing:0.2px;line-height:1.5;color:var(--_muted)}.bbs7__badge{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 8px;background:var(--_badge-bg);border-radius:6px;font-size:14px;font-weight:500;letter-spacing:0.2px;color:#fff}.bbs7__badge-icon{display:flex;align-items:center;justify-content:center;color:var(--_muted)}.bbs7__badge-icon svg{width:14px;height:14px}.bbs7 [data-bo]{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease,transform 0.8s ease}.bbs7 [data-bo].is-visible{opacity:1;transform:translateY(0)}.bbs7 [data-bo="0"]{transition-delay:0s}.bbs7 [data-bo="1"]{transition-delay:0.1s}.bbs7 [data-bo="2"]{transition-delay:0.2s}.bbs7 [data-bo="3"]{transition-delay:0.1s}.bbs7 [data-bo="4"]{transition-delay:0.2s}@media (max-width:960px){.bbs7__grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}@media (max-width:600px){.bbs7{padding:80px 0}.bbs7__content{padding:0 24px 24px}.bbs7__c-title,.bbs7__c-desc{font-size:18px}}@media (prefers-reduced-motion:reduce){.bbs7 [data-bo]{opacity:1;transform:none;transition:none}.bbs7__kicker-dot{animation:none}.bbs7__card:hover{transform:none}.bbs7__card:hover .bbs7__art img{transform:none;opacity:0.4}}.bb-faq{--_bg:#07080a;--_white:#fff;--_text-muted:#78787c;--_border:rgba(255,255,255,0.12);--_font:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--_bg);font-family:var(--_font);color:var(--_white);padding:120px 0;-webkit-font-smoothing:antialiased}.bb-faq__w{max-width:760px;margin:0 auto;padding:0 24px}.bb-faq__head{text-align:center;margin-bottom:64px}.bb-faq__title{font-size:24px;font-weight:500;letter-spacing:0.2px;color:#fff;margin:0 0 8px 0}.bb-faq__subtitle{font-size:20px;font-weight:500;letter-spacing:0.2px;color:#6a6b6c;margin:0}.bb-faq__list{display:flex;flex-direction:column;border-top:1px solid var(--_border)}.bb-faq__item{border-bottom:1px solid var(--_border)}.bb-faq__btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;padding:28px 0;cursor:pointer;text-align:left;gap:24px;color:#fff;font-family:inherit}.bb-faq__q{font-size:18px;font-weight:600;line-height:1.4;letter-spacing:0.2px;transition:color 0.2s ease}.bb-faq__icon{width:18px;height:18px;flex-shrink:0;color:#fff;transition:transform 0.3s ease}.bb-faq__btn:hover .bb-faq__q{color:rgba(255,255,255,0.7)}.bb-faq__ans-wrap{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows 0.3s ease,opacity 0.3s ease;overflow:hidden}.bb-faq__ans-inner{min-height:0;overflow:hidden}.bb-faq__a{font-size:16px;line-height:1.6;color:var(--_text-muted);margin:0;padding-bottom:28px;padding-right:32px}.bb-faq__item.is-open .bb-faq__icon{transform:rotate(180deg)}.bb-faq__item.is-open .bb-faq__ans-wrap{grid-template-rows:1fr;opacity:1}.bb-faq [data-bo]{opacity:1;transform:translateY(0)}.bb-faq.js-ready [data-bo]{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}.bb-faq.js-ready [data-bo].is-visible{opacity:1;transform:translateY(0)}.bb-faq [data-bo="1"]{transition-delay:0s}.bb-faq [data-bo="2"]{transition-delay:0.1s}@media (max-width:600px){.bb-faq{padding:80px 0}.bb-faq__title{font-size:22px}.bb-faq__subtitle{font-size:18px}.bb-faq__btn{padding:24px 0}.bb-faq__q{font-size:16px}.bb-faq__a{font-size:15px;padding-right:16px;padding-bottom:24px}}@media (prefers-reduced-motion:reduce){.bb-faq [data-bo]{opacity:1;transform:none;transition:none}.bb-faq__ans-wrap{transition:none}.bb-faq__icon{transition:none}}.bb9{--_bg:#07080a;--_white:#fff;--_text-sec:rgba(255,255,255,0.6);--_text-muted:rgba(255,255,255,0.4);--_accent:#ff6b35;--_green:#00B67A;--_border:rgba(255,255,255,0.08);--_sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--_mono:'JetBrains Mono',ui-monospace,monospace;--_ease:cubic-bezier(0.16,1,0.3,1);--_ease-spring:cubic-bezier(0.34,1.56,0.64,1);--_radius-sm:10px;position:relative;background:var(--_bg);color:var(--_text-sec);font-family:var(--_sans);padding:0 0 140px;overflow:hidden;-webkit-font-smoothing:antialiased}.bb9__bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(255,107,53,0.05) 0%,transparent 70%)}.bb9__ambient{position:absolute;bottom:-10%;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(circle at center,rgba(255,107,53,0.15) 0%,transparent 70%);filter:blur(100px);z-index:0;pointer-events:none;opacity:0.6}.bb9__inner{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:80px 24px 0;display:flex;flex-direction:column;align-items:center}.bb9 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bb9__divider{display:flex;justify-content:center;align-items:center;width:100%;height:46px;margin-bottom:60px}.bb9__divider-line{flex:1;height:1px}.bb9__divider-line--l{background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08))}.bb9__divider-line--r{background:linear-gradient(90deg,rgba(255,255,255,0.08),transparent)}.bb9__divider-tag{font-family:var(--_mono);font-size:13px;font-weight:500;letter-spacing:0.3px;color:rgba(255,255,255,0.5);padding:0 16px;white-space:nowrap}.bb9.js-ready [data-bb9-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity 0.8s ease,transform 0.8s ease}.bb9.js-ready [data-bb9-reveal].is-visible{opacity:1;transform:translate3d(0,0,0);will-change:opacity,transform}.bb9.js-ready [data-bb9-reveal].is-settled{will-change:auto}.bb9__urgency{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;background:rgba(255,255,255,0.03);border:1px solid var(--_border);font-size:13px;color:var(--_text-sec);letter-spacing:0.2px;margin-bottom:32px}.bb9__urgency-dot{width:6px;height:6px;background:#ef4444;border-radius:50%;box-shadow:0 0 8px rgba(239,68,68,0.6);animation:bb9Pulse 2s infinite}@keyframes bb9Pulse{0%,100%{opacity:1}50%{opacity:0.4}}section[data-bb9-root] .bb9__h2{font-size:clamp(32px,5vw,42px);font-weight:600;line-height:1.15;letter-spacing:-0.02em;color:var(--_white);text-align:center;margin:0 0 24px;max-width:520px}.bb9__sub{font-size:18px;line-height:1.6;text-align:center;color:var(--_text-sec);margin:0 0 48px;max-width:560px;text-wrap:balance}.bb9__options{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;margin-bottom:48px}.bb9__option{border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:10px;transition:border-color 0.3s ease,box-shadow 0.3s ease,transform 0.3s ease;position:relative;overflow:hidden}.bb9__option-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.bb9__option-title{font-size:20px;font-weight:600;color:#fff;line-height:1.3;margin:0}.bb9__option-desc{font-size:14px;line-height:1.6;margin:0;color:var(--_text-sec)}.bb9__option--a{background:rgba(255,255,255,0.02);border:1px solid var(--_border)}.bb9__option--a .bb9__option-label{color:var(--_text-muted)}.bb9__option--b{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);box-shadow:0 12px 32px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.05)}.bb9__option--b .bb9__option-label{color:var(--_accent)}.bb9__option--b .bb9__option-desc strong{color:#fff}@media (hover:hover){.bb9__option--a:hover{opacity:0.7}.bb9__option--b:hover{transform:translateY(-4px);border-color:rgba(255,107,53,0.3);box-shadow:0 20px 40px rgba(0,0,0,0.5),0 0 0 1px rgba(255,107,53,0.1)}}.bb9__cta{display:flex;flex-direction:column;align-items:center;width:100%}.bb9__actions{display:flex;align-items:center;gap:16px;width:100%;justify-content:center}.bb9__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 36px;border:none;border-radius:var(--_radius-sm);font-family:inherit;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;text-decoration:none;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:box-shadow 0.2s ease,transform 0.15s var(--_ease-spring),background 0.2s ease}.bb9__btn:active{transform:scale(0.97)}section[data-bb9-root] .bb9__btn--primary{background:#e6e6e6;color:#1a1a1a;box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 0 14px 0 rgba(255,255,255,0.19),inset 0 -1px 0.4px 0 rgba(0,0,0,0.2),inset 0 1px 0.4px 0 #fff}section[data-bb9-root] .bb9__btn--primary svg{opacity:0.6;transition:transform 0.2s ease,opacity 0.2s ease}section[data-bb9-root] .bb9__btn--ghost{background:rgba(255,255,255,0.05);color:#fff;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.06),0 0 0 1px rgba(255,255,255,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.2)}@media (hover:hover){section[data-bb9-root] .bb9__btn--primary:hover{background:#f0f0f0;box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 0 20px 0 rgba(255,255,255,0.25),inset 0 -1px 0.4px 0 rgba(0,0,0,0.2),inset 0 1px 0.4px 0 #fff}section[data-bb9-root] .bb9__btn--primary:hover svg{opacity:1;transform:translateX(3px)}section[data-bb9-root] .bb9__btn--ghost:hover{background:rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.08),0 0 0 1px rgba(255,255,255,0.45),inset 0 -1px 0 0 rgba(0,0,0,0.2)}}.bb9__cta-sub{font-size:13px;font-weight:500;color:var(--_text-muted);margin-top:16px;letter-spacing:0.2px;text-align:center}.bb9__trust{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:40px}.bb9__trust-item{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;background:rgba(255,255,255,0.03);border:1px solid var(--_white-08);font-size:12px;font-weight:500;color:var(--_text-muted);white-space:nowrap}.bb9__trust-item svg{color:var(--_text-muted);flex-shrink:0}.bb9__trust-sep{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,0.1);flex-shrink:0}@media (max-width:600px){.bb9{padding-bottom:100px}.bb9__inner{padding:48px 16px 0}.bb9__urgency{font-size:12px;margin-bottom:24px}.bb9__h2{font-size:32px}.bb9__sub{font-size:16px;margin-bottom:40px}.bb9__options{grid-template-columns:1fr;gap:16px}.bb9__option{padding:24px}.bb9__actions{flex-direction:column;width:100%;gap:12px}.bb9__btn{width:100%;min-height:54px;font-size:16px}.bb9__trust{gap:10px;margin-top:32px}.bb9__trust-sep{display:none}}@media (max-width:380px){.bb9__inner{padding-top:40px}.bb9__h2{font-size:28px}}@media (prefers-reduced-motion:reduce){.bb9.js-ready [data-bb9-reveal]{opacity:1;transform:none;transition:none}.bb9__urgency-dot{animation:none}.bb9__ambient{display:none}}"
        alt="BingeBear"
        class="bbn__logo-img"
        width="140"
        height="28"
        fetchpriority="high"
        decoding="async"
      >
    </a>

    <!-- Center nav links -->
    <div class="bbn__links">
      <a href="#how-it-works" class="bbn__link">How It Works</a>
      <a href="#pricing"      class="bbn__link">Pricing</a>
      <a href="#reviews"      class="bbn__link">Reviews</a>
      <a href="#faq"          class="bbn__link">FAQ</a>
      <a href="https://bingebear.tv/channels-list/" class="bbn__link">Channels</a>
      <a href="https://bingebear.tv/support/"       class="bbn__link">Support</a>
    </div>

    <!-- Right: CTA (opens trial form) -->
    <div class="bbn__right">
      <button
        class="bbn__cta"
        type="button"
        data-bbn-form-toggle
        aria-haspopup="dialog"
      >
        <svg class="bbn__cta-ico" viewBox="0 0 14 14" width="14" height="14" fill="none" aria-hidden="true">
          <polygon points="5 2 12 7 5 12" fill="currentColor"/>
        </svg>
        Start Free Trial
      </button>
    </div>

    <!-- Mobile hamburger -->
    <button
      class="bbn__toggle"
      type="button"
      aria-label="Open menu"
      aria-expanded="false"
      aria-controls="bbn-drawer"
      data-bbn-toggle
    >
      <span class="bbn__toggle-bar"></span>
      <span class="bbn__toggle-bar"></span>
    </button>
  </nav>

  <!-- Mobile drawer -->
  <div class="bbn__drawer" id="bbn-drawer" data-bbn-drawer aria-hidden="true">
    <a href="#how-it-works" class="bbn__drawer-link">How It Works</a>
    <a href="#pricing"      class="bbn__drawer-link">Pricing</a>
    <a href="#reviews"      class="bbn__drawer-link">Reviews</a>
    <a href="#faq"          class="bbn__drawer-link">FAQ</a>
    <a href="https://bingebear.tv/channels-list/" class="bbn__drawer-link">Channels</a>
    <a href="https://bingebear.tv/support/"       class="bbn__drawer-link">Support</a>

    <button
      class="bbn__drawer-cta"
      type="button"
      data-bbn-form-toggle
      aria-haspopup="dialog"
    >
      <svg viewBox="0 0 14 14" width="14" height="14" fill="none" aria-hidden="true">
        <polygon points="5 2 12 7 5 12" fill="currentColor"/>
      </svg>
      Start Free Trial
    </button>
  </div>
</header>
/* ═══════════════════════════════════════════════════
   BingeBear Floating Nav (v8) — Bug fixes only
   Oxygen 6 → Code Block → CSS field
   ─────────────────────────────────────────────────
   v8 changelog vs v5:
    ✓ touch-action: manipulation on all interactive
    ✓ -webkit-tap-highlight-color on buttons/links
    ✓ hover effects gated behind @media (hover: hover)
    ✓ min-height 44px on drawer CTA (WCAG touch)
   (visual design unchanged from v5)
   ═══════════════════════════════════════════════════ */

.bbn {
  --_max-w: 1204px;
  --_bar-h: 60px;
  --_radius: 20px;
  --_px: 24px;
  --_link: #ffffff;
  --_link-size: 14px;
  --_link-weight: 500;
  --_ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── Smart Reset ── */
header[data-bbn-root] a { text-decoration: none; color: var(--_link); }
header[data-bbn-root] button { font-family: inherit; }

/* ── OUTER CONTAINER ── */
.bbn {
  position: fixed; top: 0; left: 0; right: 0; z-index: 9999;
  padding: 16px 20px 0;
  pointer-events: none;
  font-family: 'Inter', -apple-system, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  transition: transform 0.5s var(--_ease);
}

.bbn--hidden { transform: translateY(calc(-100% - 20px)); }


/* ═══ ANNOUNCEMENT PILL ═══ */
.bbn__announce {
  width: fit-content;
  margin: 0 auto 12px;
  padding: 6px 16px 6px 6px;
  display: flex; align-items: center; justify-content: center; gap: 12px;
  border-radius: 100px;
  background: rgba(14, 14, 16, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 24px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.05);
  pointer-events: auto;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition: transform 0.3s var(--_ease), border-color 0.3s ease;
}

@media (hover: hover){
.bbn__announce:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 107, 53, 0.3);
  }
}

.bbn__announce-tag {
  display: inline-flex; align-items: center;
  padding: 4px 10px;
  font-size: 10px; font-weight: 800;
  letter-spacing: 0.8px; text-transform: uppercase;
  color: #fff; background: #FF6B35;
  border-radius: 100px;
  box-shadow: 0 0 12px rgba(255, 107, 53, 0.5);
  flex-shrink: 0;
}

.bbn__announce-text { font-size: 13px; color: rgba(255,255,255,0.7); }

/* Shimmer text — paused during scroll via JS class */
.bbn__announce-highlight {
  background: linear-gradient(90deg, #FFFFFF 0%, #FF6B35 50%, #FFFFFF 100%);
  background-size: 200% auto;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: bbShimmer 4s linear infinite;
  font-weight: 700;
}

.bbn--scrolling .bbn__announce-highlight { animation-play-state: paused; }

@keyframes bbShimmer { to { background-position: 200% center; } }

.bbn__announce-arrow {
  width: 14px; height: 14px;
  color: rgba(255,255,255,0.5);
  transition: transform 0.3s var(--_ease), color 0.3s ease;
}

@media (hover: hover){
.bbn__announce:hover .bbn__announce-arrow {
    transform: translateX(3px);
    color: #FF6B35;
  }
}


/* ═══ MAIN BAR ═══ */
.bbn__bar {
  position: relative;
  max-width: var(--_max-w);
  height: var(--_bar-h);
  margin: 0 auto; padding: 0 var(--_px);
  display: flex; align-items: center;
  border-radius: var(--_radius);
  background: rgba(18, 18, 20, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.1),
    0 0 0 1px rgba(255,255,255,0.05),
    0 8px 32px rgba(0,0,0,0.3);
  pointer-events: auto;
  transition: background 0.3s ease;
}

.bbn--scrolled .bbn__bar {
  background: rgba(14, 14, 16, 0.96);
}


/* ── LOGO ── */
.bbn__logo {
  flex-shrink: 0; display: flex; align-items: center; margin-right: auto;
  -webkit-tap-highlight-color: transparent;
}
.bbn__logo-img { display: block; height: 24px; width: auto; }

/* ── CENTER NAV ── */
.bbn__links {
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  display: flex; align-items: center; gap: 4px;
}

.bbn__link {
  font-size: var(--_link-size); font-weight: var(--_link-weight);
  padding: 8px 16px; border-radius: 8px; white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.2s ease;
}

@media (hover: hover){
.bbn__link:hover { background: rgba(255,255,255,0.08); }
}


.bbn__right { flex-shrink: 0; margin-left: auto; display: flex; align-items: center; }

.bbn .bbn__cta {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 36px; padding: 0 18px; border-radius: 10px;
  font-size: var(--_link-size); font-weight: 700;
  background: #FFFFFF; color: #111111;
  border: none; cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,1);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.15s ease, opacity 0.15s ease;
}

@media (hover: hover){
.bbn .bbn__cta:hover { opacity: 0.9; transform: translateY(-1px); }
}
.bbn .bbn__cta:active { transform: scale(0.97); }

.bbn__cta-ico { width: 12px; height: 12px; flex-shrink: 0; color: #111111; }


/* ── MOBILE TOGGLE ── */
.bbn__toggle {
  display: none; flex-direction: column; justify-content: center;
  align-items: center; gap: 5px;
  width: 40px; height: 40px;
  border: none; background: transparent; cursor: pointer;
  border-radius: 8px; margin-left: auto;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.bbn__toggle-bar {
  display: block; width: 18px; height: 2px;
  background: #fff; border-radius: 2px;
  transition: transform 0.3s var(--_ease);
  pointer-events: none;
}

.bbn--open .bbn__toggle-bar:first-child { transform: translateY(3.5px) rotate(45deg); }
.bbn--open .bbn__toggle-bar:last-child  { transform: translateY(-3.5px) rotate(-45deg); }


/* ── MOBILE DRAWER ── */
.bbn__drawer {
  max-width: var(--_max-w);
  margin: 12px auto 0; padding: 12px;
  display: flex; flex-direction: column; gap: 4px;
  border-radius: 16px;
  background: rgba(18, 18, 20, 0.96);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.1),
    0 0 0 1px rgba(255,255,255,0.05),
    0 24px 60px rgba(0,0,0,0.6);
  pointer-events: auto;
  opacity: 0; transform: translateY(-10px); visibility: hidden;
  transition: opacity 0.3s var(--_ease), transform 0.3s var(--_ease), visibility 0s 0.3s;
}

.bbn--open .bbn__drawer {
  opacity: 1; transform: translateY(0); visibility: visible;
  transition: opacity 0.3s var(--_ease), transform 0.3s var(--_ease), visibility 0s;
}

.bbn .bbn__drawer-link {
  display: block; padding: 14px 16px; border-radius: 10px;
  font-size: 15px; font-weight: var(--_link-weight);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition: background 0.2s ease;
}

@media (hover: hover){
.bbn .bbn__drawer-link:hover { background: rgba(255,255,255,0.08); }
}

.bbn .bbn__drawer-cta {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  margin-top: 8px; padding: 14px; border-radius: 10px;
  min-height: 44px;
  background: #FFFFFF; color: #111111;
  border: none; cursor: pointer;
  font-size: 15px; font-weight: 700;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.15s ease;
}

@media (hover: hover){
.bbn .bbn__drawer-cta:hover { opacity: 0.9; }
}


/* ── RESPONSIVE ── */
@media (max-width: 960px) {
.bbn { padding: 12px 16px 0; }
  .bbn__bar { --_px: 20px; --_bar-h: 56px; }
  .bbn__links, .bbn__right { display: none; }
  .bbn__toggle { display: flex; }
}

@media (max-width: 380px) {
.bbn { padding: 8px 12px 0; }
  .bbn__bar { --_px: 16px; --_bar-h: 52px; }
  .bbn__logo-img { height: 20px; }
  .bbn__mob-hide { display: none; }
  .bbn__announce { padding: 6px 14px 6px 6px; gap: 8px; width: auto; max-width: 100%; }
}

@media (min-width: 961px) {
.bbn__drawer { display: none; }
}

@media (prefers-reduced-motion: reduce) {
.bbn, .bbn__bar, .bbn__drawer, .bbn__toggle-bar,
  .bbn__announce, .bbn__announce-arrow { transition: none; }
  .bbn__announce-highlight { animation: none; }
}
/* ═══════════════════════════════════════════════════
   BingeBear Floating Nav (v8)
   Oxygen 6 → Code Block → JavaScript field
   ─────────────────────────────────────────────────
   v9 changelog vs v8:
    ✓ sectionMap: nav anchors resolve to section CSS classes
    ✓ openFormPanel opens hero panel directly (same form as hero CTA)
    ✓ One-shot close handlers for hero panel (backdrop, ✕, Escape)
   ═══════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════
   BingeBear Footer — v1
   ═══════════════════════════════════════════════════════════
   Oxygen 6 → Code Block → CSS field

   ✓ BEM naming (.bbf block)
   ✓ Section-scoped --_* variables
   ✓ Responsive: 960 / 768 / 600 / 380
   ✓ hover gating: @media (hover: hover)
   ✓ prefers-reduced-motion: reduce
   ✓ WCAG touch targets (44px)
   ═══════════════════════════════════════════════════════════ */

/* ── Design tokens ─────────────────────────────────────── */
.bbf {
  --_bg:          #07080a;
  --_white:       #ffffff;
  --_text-sec:    rgba(255, 255, 255, 0.6);
  --_text-muted:  rgba(255, 255, 255, 0.4);
  --_border:      rgba(255, 255, 255, 0.08);
  --_surface:     rgba(255, 255, 255, 0.03);
  --_accent:      #ff6b35;
  --_accent-glow: rgba(255, 107, 53, 0.15);
  --_green:       #00B67A;
  --_font:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --_ease:        cubic-bezier(0.16, 1, 0.3, 1);
  --_max-w:       1200px;
  --_px:          48px;
}

/* ── Section wrapper ───────────────────────────────────── */
.bbf {
  background: var(--_bg);
  border-top: 1px solid var(--_border);
  padding: 64px 0 32px;
  font-family: var(--_font);
  color: var(--_text-sec);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── Container ─────────────────────────────────────────── */
.bbf__w {
  max-width: var(--_max-w);
  margin: 0 auto;
  padding: 0 var(--_px);
}

/* ── Grid: brand + 3 nav columns ───────────────────────── */
.bbf__grid {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid var(--_border);
}

/* ── Brand column ──────────────────────────────────────── */
.bbf__logo {
  display: inline-flex;
  text-decoration: none;
}

.bbf__logo-img {
  display: block;
  width: 140px;
  height: auto;
}

.bbf__tagline {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--_text-muted);
}

/* ── Nav columns ───────────────────────────────────────── */
.bbf__col-title {
  margin: 0 0 20px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--_text-muted);
}

.bbf__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bbf__link {
  font-size: 14px;
  line-height: 1.4;
  color: var(--_text-sec);
  text-decoration: none;
  transition: color 0.2s var(--_ease);
}

@media (hover: hover) {
.bbf__link:hover {
    color: var(--_white);
  }
}

/* ── Bottom bar: social + CTA ──────────────────────────── */
.bbf__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 0;
}

.bbf__social {
  display: flex;
  gap: 8px;
}

.bbf__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  color: var(--_text-muted);
  background: var(--_surface);
  border: 1px solid var(--_border);
  text-decoration: none;
  transition: color 0.2s var(--_ease), background 0.2s var(--_ease), border-color 0.2s var(--_ease);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

@media (hover: hover) {
.bbf__social-link:hover {
    color: var(--_white);
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
  }
}

/* ── Mini CTA ──────────────────────────────────────────── */
.bbf__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 24px;
  border-radius: 12px;
  font-family: var(--_font);
  font-size: 14px;
  font-weight: 600;
  color: var(--_white);
  background: var(--_accent);
  border: none;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.15s ease, opacity 0.15s ease;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

@media (hover: hover) {
.bbf__cta:hover {
    transform: translateY(-1px);
    opacity: 0.92;
  }
  .bbf__cta:active {
    transform: translateY(0);
    opacity: 1;
  }
}

/* ── Copyright ─────────────────────────────────────────── */
.bbf__copy {
  text-align: center;
  padding-top: 24px;
  border-top: 1px solid var(--_border);
}

.bbf__copy-text {
  margin: 0;
  font-size: 12px;
  color: var(--_text-muted);
}

/* ── Screen reader only ────────────────────────────────── */
.bbf .sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ═══════════════════════════════════════════════════════════
   Responsive
   ═══════════════════════════════════════════════════════════ */

/* ── Tablet landscape ──────────────────────────────────── */
@media (max-width: 960px) {
.bbf { --_px: 32px; }

  .bbf__grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  .bbf__brand {
    grid-column: 1 / -1;
  }
}

/* ── Tablet portrait ───────────────────────────────────── */
@media (max-width: 768px) {
.bbf__grid {
    gap: 32px;
  }
}

/* ── Mobile ────────────────────────────────────────────── */
@media (max-width: 600px) {
.bbf { --_px: 24px; padding: 48px 0 24px; }

  .bbf__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .bbf__bottom {
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
  }

  .bbf__cta {
    width: 100%;
    justify-content: center;
  }
}

/* ── Small mobile ──────────────────────────────────────── */
@media (max-width: 380px) {
.bbf { --_px: 16px; }

  .bbf__social-link {
    width: 40px;
    height: 40px;
  }
}

/* ── Reduced motion ────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
.bbf,
  .bbf *,
  .bbf *::before,
  .bbf *::after {
    animation: none !important;
    transition: none !important;
  }
}




    .oxy-css-code-99-208 {
                background-color: ;
    background-clip: ;

                        
    
    
    
    
    
    
    
      display: ;

  
  overflow: ;
  float: ;
  clear: ;
  visibility: ;
  z-index: ;

  
  align-self: ;
  order: ;
  flex-grow: ;
  flex-shrink: ;
  flex-basis: ;

  
  justify-self: ;
  grid-area: ;
  grid-column: ;
  grid-row: ;


        width: ;
    min-width: ;
    max-width: ;
    height: ;
    min-height: ;
    max-height: ;

      text-align: ;
  color: ;

    
                    margin-top: ;
        margin-right: ;
        margin-bottom: ;
        margin-left: ;
    
                padding-top: ;
        padding-right: ;
        padding-bottom: ;
        padding-left: ;
    

        
    

                border-radius: ;
    

                opacity: ;
        box-shadow: ;
        mix-blend-mode: ;
        transition:
        ;

        transform:
        ;

                    transform-origin: ;
                perspective: ;
        
        transform-style: ;

          filter:
  ;

    

    }

    .oxy-css-code-99-208:hover {
                background-color: ;
    background-clip: ;

                        
    
    
    
    
    
    
    
      display: ;

  
  overflow: ;
  float: ;
  clear: ;
  visibility: ;
  z-index: ;

  
  align-self: ;
  order: ;
  flex-grow: ;
  flex-shrink: ;
  flex-basis: ;

  
  justify-self: ;
  grid-area: ;
  grid-column: ;
  grid-row: ;


        width: ;
    min-width: ;
    max-width: ;
    height: ;
    min-height: ;
    max-height: ;

      text-align: ;
  color: ;

    
                    margin-top: ;
        margin-right: ;
        margin-bottom: ;
        margin-left: ;
    
                padding-top: ;
        padding-right: ;
        padding-bottom: ;
        padding-left: ;
    

        
    

                border-radius: ;
    

                opacity: ;
        box-shadow: ;
        mix-blend-mode: ;
        transition:
        ;

        transform:
        ;

                    transform-origin: ;
                perspective: ;
        
        transform-style: ;

          filter:
  ;

    

    }
    










@media (max-width: 1119px) {





    .oxy-css-code-99-208 {
                background-color: ;
    background-clip: ;

                        
    
    
    
    
    
    
    
      display: ;

  
  overflow: ;
  float: ;
  clear: ;
  visibility: ;
  z-index: ;

  
  align-self: ;
  order: ;
  flex-grow: ;
  flex-shrink: ;
  flex-basis: ;

  
  justify-self: ;
  grid-area: ;
  grid-column: ;
  grid-row: ;


        width: ;
    min-width: ;
    max-width: ;
    height: ;
    min-height: ;
    max-height: ;

      text-align: ;
  color: ;

    
                    margin-top: ;
        margin-right: ;
        margin-bottom: ;
        margin-left: ;
    
                padding-top: ;
        padding-right: ;
        padding-bottom: ;
        padding-left: ;
    

        
    

                border-radius: ;
    

                opacity: ;
        box-shadow: ;
        mix-blend-mode: ;
        transition:
        ;

        transform:
        ;

                    transform-origin: ;
                perspective: ;
        
        transform-style: ;

          filter:
  ;

    

    }

    .oxy-css-code-99-208:hover {
                background-color: ;
    background-clip: ;

                        
    
    
    
    
    
    
    
      display: ;

  
  overflow: ;
  float: ;
  clear: ;
  visibility: ;
  z-index: ;

  
  align-self: ;
  order: ;
  flex-grow: ;
  flex-shrink: ;
  flex-basis: ;

  
  justify-self: ;
  grid-area: ;
  grid-column: ;
  grid-row: ;


        width: ;
    min-width: ;
    max-width: ;
    height: ;
    min-height: ;
    max-height: ;

      text-align: ;
  color: ;

    
                    margin-top: ;
        margin-right: ;
        margin-bottom: ;
        margin-left: ;
    
                padding-top: ;
        padding-right: ;
        padding-bottom: ;
        padding-left: ;
    

        
    

                border-radius: ;
    

                opacity: ;
        box-shadow: ;
        mix-blend-mode: ;
        transition:
        ;

        transform:
        ;

                    transform-origin: ;
                perspective: ;
        
        transform-style: ;

          filter:
  ;

    

    }
    










}@media (max-width: 1023px) {





    .oxy-css-code-99-208 {
                background-color: ;
    background-clip: ;

                        
    
    
    
    
    
    
    
      display: ;

  
  overflow: ;
  float: ;
  clear: ;
  visibility: ;
  z-index: ;

  
  align-self: ;
  order: ;
  flex-grow: ;
  flex-shrink: ;
  flex-basis: ;

  
  justify-self: ;
  grid-area: ;
  grid-column: ;
  grid-row: ;


        width: ;
    min-width: ;
    max-width: ;
    height: ;
    min-height: ;
    max-height: ;

      text-align: ;
  color: ;

    
                    margin-top: ;
        margin-right: ;
        margin-bottom: ;
        margin-left: ;
    
                padding-top: ;
        padding-right: ;
        padding-bottom: ;
        padding-left: ;
    

        
    

                border-radius: ;
    

                opacity: ;
        box-shadow: ;
        mix-blend-mode: ;
        transition:
        ;

        transform:
        ;

                    transform-origin: ;
                perspective: ;
        
        transform-style: ;

          filter:
  ;

    

    }

    .oxy-css-code-99-208:hover {
                background-color: ;
    background-clip: ;

                        
    
    
    
    
    
    
    
      display: ;

  
  overflow: ;
  float: ;
  clear: ;
  visibility: ;
  z-index: ;

  
  align-self: ;
  order: ;
  flex-grow: ;
  flex-shrink: ;
  flex-basis: ;

  
  justify-self: ;
  grid-area: ;
  grid-column: ;
  grid-row: ;


        width: ;
    min-width: ;
    max-width: ;
    height: ;
    min-height: ;
    max-height: ;

      text-align: ;
  color: ;

    
                    margin-top: ;
        margin-right: ;
        margin-bottom: ;
        margin-left: ;
    
                padding-top: ;
        padding-right: ;
        padding-bottom: ;
        padding-left: ;
    

        
    

                border-radius: ;
    

                opacity: ;
        box-shadow: ;
        mix-blend-mode: ;
        transition:
        ;

        transform:
        ;

                    transform-origin: ;
                perspective: ;
        
        transform-style: ;

          filter:
  ;

    

    }
    










}@media (max-width: 767px) {





    .oxy-css-code-99-208 {
                background-color: ;
    background-clip: ;

                        
    
    
    
    
    
    
    
      display: ;

  
  overflow: ;
  float: ;
  clear: ;
  visibility: ;
  z-index: ;

  
  align-self: ;
  order: ;
  flex-grow: ;
  flex-shrink: ;
  flex-basis: ;

  
  justify-self: ;
  grid-area: ;
  grid-column: ;
  grid-row: ;


        width: ;
    min-width: ;
    max-width: ;
    height: ;
    min-height: ;
    max-height: ;

      text-align: ;
  color: ;

    
                    margin-top: ;
        margin-right: ;
        margin-bottom: ;
        margin-left: ;
    
                padding-top: ;
        padding-right: ;
        padding-bottom: ;
        padding-left: ;
    

        
    

                border-radius: ;
    

                opacity: ;
        box-shadow: ;
        mix-blend-mode: ;
        transition:
        ;

        transform:
        ;

                    transform-origin: ;
                perspective: ;
        
        transform-style: ;

          filter:
  ;

    

    }

    .oxy-css-code-99-208:hover {
                background-color: ;
    background-clip: ;

                        
    
    
    
    
    
    
    
      display: ;

  
  overflow: ;
  float: ;
  clear: ;
  visibility: ;
  z-index: ;

  
  align-self: ;
  order: ;
  flex-grow: ;
  flex-shrink: ;
  flex-basis: ;

  
  justify-self: ;
  grid-area: ;
  grid-column: ;
  grid-row: ;


        width: ;
    min-width: ;
    max-width: ;
    height: ;
    min-height: ;
    max-height: ;

      text-align: ;
  color: ;

    
                    margin-top: ;
        margin-right: ;
        margin-bottom: ;
        margin-left: ;
    
                padding-top: ;
        padding-right: ;
        padding-bottom: ;
        padding-left: ;
    

        
    

                border-radius: ;
    

                opacity: ;
        box-shadow: ;
        mix-blend-mode: ;
        transition:
        ;

        transform:
        ;

                    transform-origin: ;
                perspective: ;
        
        transform-style: ;

          filter:
  ;

    

    }
    










}@media (max-width: 479px) {





    .oxy-css-code-99-208 {
                background-color: ;
    background-clip: ;

                        
    
    
    
    
    
    
    
      display: ;

  
  overflow: ;
  float: ;
  clear: ;
  visibility: ;
  z-index: ;

  
  align-self: ;
  order: ;
  flex-grow: ;
  flex-shrink: ;
  flex-basis: ;

  
  justify-self: ;
  grid-area: ;
  grid-column: ;
  grid-row: ;


        width: ;
    min-width: ;
    max-width: ;
    height: ;
    min-height: ;
    max-height: ;

      text-align: ;
  color: ;

    
                    margin-top: ;
        margin-right: ;
        margin-bottom: ;
        margin-left: ;
    
                padding-top: ;
        padding-right: ;
        padding-bottom: ;
        padding-left: ;
    

        
    

                border-radius: ;
    

                opacity: ;
        box-shadow: ;
        mix-blend-mode: ;
        transition:
        ;

        transform:
        ;

                    transform-origin: ;
                perspective: ;
        
        transform-style: ;

          filter:
  ;

    

    }

    .oxy-css-code-99-208:hover {
                background-color: ;
    background-clip: ;

                        
    
    
    
    
    
    
    
      display: ;

  
  overflow: ;
  float: ;
  clear: ;
  visibility: ;
  z-index: ;

  
  align-self: ;
  order: ;
  flex-grow: ;
  flex-shrink: ;
  flex-basis: ;

  
  justify-self: ;
  grid-area: ;
  grid-column: ;
  grid-row: ;


        width: ;
    min-width: ;
    max-width: ;
    height: ;
    min-height: ;
    max-height: ;

      text-align: ;
  color: ;

    
                    margin-top: ;
        margin-right: ;
        margin-bottom: ;
        margin-left: ;
    
                padding-top: ;
        padding-right: ;
        padding-bottom: ;
        padding-left: ;
    

        
    

                border-radius: ;
    

                opacity: ;
        box-shadow: ;
        mix-blend-mode: ;
        transition:
        ;

        transform:
        ;

                    transform-origin: ;
                perspective: ;
        
        transform-style: ;

          filter:
  ;

    

    }
    










}


/* ─────────────────────────────────────────────────────────  0. DESIGN TOKENS  ───────────────────────────────────────────────────────── */ :root {   /* Brand (kept for minor accents only) */   --bb-orange:  #ff6b35;   --bb-orange-mid:   #EA720F;   --bb-orange-deep:  #d4650d;   --bb-green:  #00B67A;   --bb-bg:  #000000;  /* VisionOS Glass */   --glass-bg:  rgba(28, 28, 30, 0.55);   --glass-bg-solid:  rgba(28, 28, 30, 0.95);   --glass-blur:  60px;   --glass-border:  rgba(255, 255, 255, 0.08);   --glass-border-hi: rgba(255, 255, 255, 0.18);  /* Recessed Inputs */   --input-bg:  rgba(0, 0, 0, 0.45);   --input-bg-focus:  rgba(0, 0, 0, 0.65);   --input-border:  rgba(255, 255, 255, 0.08);   --input-radius:  12px;  /* Typography */   --t-primary:  #ffffff;   --t-secondary:  rgba(255, 255, 255, 0.65);   --t-muted:  rgba(255, 255, 255, 0.55);   --t-placeholder:   rgba(255, 255, 255, 0.35);  /* Spatial */   --modal-max-w:  440px;   --modal-radius:  28px;   --modal-pad:  36px 32px 28px;  /* Motion */   --spring:  cubic-bezier(0.25, 1, 0.5, 1);   --fluid:  cubic-bezier(0.2, 0.8, 0.2, 1);  /* Deep Neutral Shadows */   --shadow-card:  0 0 0 1px rgba(255, 255, 255, 0.04),  0 12px 32px -12px rgba(0, 0, 0, 0.6),  0 32px 64px -24px rgba(0, 0, 0, 0.5); }   /* ─────────────────────────────────────────────────────────  1. BACKDROP OVERLAY  ───────────────────────────────────────────────────────── */ .bbh__panel, .bbo__panel, .bb3__panel, .bbpr__panel, .bb9__panel, .bbn__panel {   position: fixed;   inset: 0;   z-index: 99999;   display: flex;   flex-direction: column;   overflow-y: auto;   overscroll-behavior: contain;   -webkit-overflow-scrolling: touch;  /* Clean dark vignette — no warm colors */   background:  radial-gradient(ellipse 100% 100% at 50% 50%,  rgba(0, 0, 0, 0.5) 0%,  rgba(0, 0, 0, 0.85) 100%);   backdrop-filter: blur(8px);   -webkit-backdrop-filter: blur(8px);  opacity: 0;   visibility: hidden;   transition:  opacity 0.5s var(--fluid),  visibility 0.5s var(--fluid); }  .bbh__panel.is-open, .bbo__panel.is-open, .bb3__panel.is-open, .bbpr__panel.is-open, .bb9__panel.is-open, .bbn__panel.is-open {   opacity: 1;   visibility: visible; }   /* ─────────────────────────────────────────────────────────  2. CENTERING WRAPPER  ───────────────────────────────────────────────────────── */ .bbh__panel-inner, .bbo__panel-inner, .bb3__panel-inner, .bbpr__panel-inner, .bb9__panel-inner, .bbn__panel-inner {   display: flex;   align-items: center;   justify-content: center;   min-height: 100%;   width: 100%;   box-sizing: border-box;   padding: 24px;   margin: auto; }  /* Hero scrollable inner */ .bbh__panel-inner {   max-height: calc(100dvh - 48px);   overflow-y: auto;   overscroll-behavior: contain; }   /* ─────────────────────────────────────────────────────────  3. GLASS CARD  ───────────────────────────────────────────────────────── */ .bbh__glass, .bbo__glass, .bb3__glass, .bbpr__glass, .bb9__glass, .bbn__glass {   position: relative;   width: 100%;   max-width: var(--modal-max-w);   padding: var(--modal-pad);   box-sizing: border-box;   border-radius: var(--modal-radius);   font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;   -webkit-font-smoothing: antialiased;  background: var(--glass-bg-solid);   border: 1px solid var(--glass-border);   border-top-color: var(--glass-border-hi);   box-shadow: var(--shadow-card);  opacity: 0;   transform: translate3d(0, 24px, 0) scale(0.98);   transition:  transform 0.6s var(--spring),  opacity 0.5s var(--fluid); }  @supports (backdrop-filter: blur(1px)) {
.bbh__glass,   .bbo__glass,   .bb3__glass,   .bbpr__glass,   .bb9__glass {  background: var(--glass-bg);  backdrop-filter: blur(var(--glass-blur)) saturate(120%);  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(120%);   }
}  /* Open state */ .bbh__panel.is-open .bbh__glass, .bbo__panel.is-open .bbo__glass, .bb3__panel.is-open .bb3__glass, .bbpr__panel.is-open .bbpr__glass, .bb9__panel.is-open .bb9__glass, .bbn__panel.is-open .bbn__glass {   opacity: 1;   transform: translate3d(0, 0, 0) scale(1); }  /* Per-section max-width */ .bbh__glass  { max-width: 440px; } .bb3__glass  { max-width: 480px; } .bbpr__glass { max-width: 460px; }   /* ─────────────────────────────────────────────────────────  4. CLOSE BUTTON  ───────────────────────────────────────────────────────── */ .bbh__glass-close, .bbo__glass-close, .bb3__glass-close, .bbpr__glass-close, .bb9__glass-close, .bbn__glass-close {   position: absolute;   top: 16px;   right: 16px;   z-index: 10;   min-width: 36px;   min-height: 36px;   border-radius: 50%;   border: none;   display: flex;   align-items: center;   justify-content: center;   cursor: pointer;  background: rgba(255, 255, 255, 0.08);   color: rgba(255, 255, 255, 0.6);   font-size: 14px;   box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1);  touch-action: manipulation;   -webkit-tap-highlight-color: transparent;   transition:  background 0.2s ease,  color 0.2s ease,  transform 0.2s var(--spring); }  /* bb3 uses square variant */ .bb3__glass-close {   border-radius: 8px; }  @media (hover: hover) {
.bbh__glass-close:hover,   .bbo__glass-close:hover,   .bb3__glass-close:hover,   .bbpr__glass-close:hover,   .bb9__glass-close:hover, .bbn__glass-close:hover {  background: rgba(255, 255, 255, 0.15);  color: #ffffff;  transform: scale(1.05);   }
}  .bbh__glass-close:active, .bbo__glass-close:active, .bb3__glass-close:active, .bbpr__glass-close:active, .bb9__glass-close:active, .bbn__glass-close:active {   transform: scale(0.95); }   /* ─────────────────────────────────────────────────────────  5. TITLE & META  ───────────────────────────────────────────────────────── */ .bbh__glass-title, .bbo__glass-title, .bb3__glass-title, .bbpr__glass-title, .bb9__glass-title, .bbn__glass-title {   position: relative;   z-index: 1;   font-size: 20px;   font-weight: 600;   color: var(--t-primary);   line-height: 1.3;   letter-spacing: -0.02em;   margin: 0 0 24px;   padding-right: 40px; }  .bbh__glass-meta, .bbo__glass-meta, .bb3__glass-meta, .bbpr__glass-meta, .bb9__glass-meta, .bbn__glass-meta {   position: relative;   z-index: 1;   font-size: 13px;   color: var(--t-muted);   margin: 20px 0 0;   text-align: center;   letter-spacing: 0px; }  /* ─────────────────────────────────────────────────────────  11. BODY SCROLL LOCK  ───────────────────────────────────────────────────────── */ body.bbh-body-locked, body.bbo-body-locked, body.bb3-body-locked, body.bbpr-body-locked, body.bb9-body-locked, body.bbn-body-locked {   overflow: hidden;   position: fixed;   width: 100%; }  

/* ─────────────────────────────────────────────────────────
   BB CRM FORM OVERRIDES (bb_form shortcode)
   Scoped to glass panels — targets .bb-form-row,
   .bb-consent-label, .bb-phone-wrap, .bb-phone-country
   ───────────────────────────────────────────────────────── */

/* ─────────────────────────────────────────────────────────
   FORM STEP VISIBILITY
   Ensures multi-step form containers display correctly
   ───────────────────────────────────────────────────────── */
.bbh__glass .bb-form-wrapper,
.bbo__glass .bb-form-wrapper,
.bb3__glass .bb-form-wrapper,
.bbpr__glass .bb-form-wrapper,
.bb9__glass .bb-form-wrapper,
.bbn__glass .bb-form-wrapper {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  position: relative;
  z-index: 1;
}

.bbh__glass .bb-form,
.bbo__glass .bb-form,
.bb3__glass .bb-form,
.bbpr__glass .bb-form,
.bb9__glass .bb-form,
.bbn__glass .bb-form {
  display: block;
  width: 100%;
}

.bbh__glass .bb-step,
.bbo__glass .bb-step,
.bb3__glass .bb-step,
.bbpr__glass .bb-step,
.bb9__glass .bb-step,
.bbn__glass .bb-step {
  display: none;
}

.bbh__glass .bb-step-active,
.bbo__glass .bb-step-active,
.bb3__glass .bb-step-active,
.bbpr__glass .bb-step-active,
.bb9__glass .bb-step-active,
.bbn__glass .bb-step-active {
  display: block;
}



/* ── Labels: Show visible labels (override SR-only) ── */
.bbh__glass .bb-form-row label,
.bbo__glass .bb-form-row label,
.bb3__glass .bb-form-row label,
.bbpr__glass .bb-form-row label,
.bb9__glass .bb-form-row label {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  border: 0 !important;
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.01em;
}

/* Required asterisk */
.bbh__glass .bb-required,
.bbo__glass .bb-required,
.bb3__glass .bb-required,
.bbpr__glass .bb-required,
.bb9__glass .bb-required {
  color: #ff6b6b;
}

/* ── Form wrapper reset ── */
.bbh__glass .bb-form-wrapper,
.bbo__glass .bb-form-wrapper,
.bb3__glass .bb-form-wrapper,
.bbpr__glass .bb-form-wrapper,
.bb9__glass .bb-form-wrapper {
  max-width: 100%;
  margin: 0;
}

/* ── Form row spacing ── */
.bbh__glass .bb-form-row,
.bbo__glass .bb-form-row,
.bb3__glass .bb-form-row,
.bbpr__glass .bb-form-row,
.bb9__glass .bb-form-row {
  margin-bottom: 16px;
}

/* ── Inputs: Deep recessed VisionOS style ── */
.bbh__glass .bb-form-row input[type="text"],
.bbh__glass .bb-form-row input[type="email"],
.bbh__glass .bb-form-row input[type="tel"],
.bbh__glass .bb-form-row input[type="number"],
.bbh__glass .bb-form-row textarea,
.bbo__glass .bb-form-row input[type="text"],
.bbo__glass .bb-form-row input[type="email"],
.bbo__glass .bb-form-row input[type="tel"],
.bbo__glass .bb-form-row input[type="number"],
.bbo__glass .bb-form-row textarea,
.bb3__glass .bb-form-row input[type="text"],
.bb3__glass .bb-form-row input[type="email"],
.bb3__glass .bb-form-row input[type="tel"],
.bb3__glass .bb-form-row input[type="number"],
.bb3__glass .bb-form-row textarea,
.bbpr__glass .bb-form-row input[type="text"],
.bbpr__glass .bb-form-row input[type="email"],
.bbpr__glass .bb-form-row input[type="tel"],
.bbpr__glass .bb-form-row input[type="number"],
.bbpr__glass .bb-form-row textarea,
.bb9__glass .bb-form-row input[type="text"],
.bb9__glass .bb-form-row input[type="email"],
.bb9__glass .bb-form-row input[type="tel"],
.bb9__glass .bb-form-row input[type="number"],
.bb9__glass .bb-form-row textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  font-size: 15px;
  font-family: inherit;
  color: var(--t-primary);
  background: var(--input-bg) !important;
  border: 1px solid var(--input-border) !important;
  border-radius: var(--input-radius);
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
  -webkit-appearance: none;
  appearance: none;
}

.bbh__glass .bb-form-row input::placeholder,
.bbo__glass .bb-form-row input::placeholder,
.bb3__glass .bb-form-row input::placeholder,
.bbpr__glass .bb-form-row input::placeholder,
.bb9__glass .bb-form-row input::placeholder,
.bbh__glass .bb-form-row textarea::placeholder,
.bb9__glass .bb-form-row textarea::placeholder {
  color: var(--t-placeholder);
}

/* Focus state */
.bbh__glass .bb-form-row input:focus,
.bbo__glass .bb-form-row input:focus,
.bb3__glass .bb-form-row input:focus,
.bbpr__glass .bb-form-row input:focus,
.bb9__glass .bb-form-row input:focus,
.bbh__glass .bb-form-row textarea:focus,
.bb9__glass .bb-form-row textarea:focus {
  outline: none;
  background: var(--input-bg-focus) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  box-shadow:
  inset 0 2px 6px rgba(0, 0, 0, 0.3),
  0 0 0 3px rgba(255, 255, 255, 0.06) !important;
}

/* ── Phone country selector ── */
.bbh__glass .bb-phone-wrap,
.bbo__glass .bb-phone-wrap,
.bb3__glass .bb-phone-wrap,
.bbpr__glass .bb-phone-wrap,
.bb9__glass .bb-phone-wrap {
  display: flex;
  gap: 0;
  align-items: stretch;
}

.bbh__glass .bb-phone-country,
.bbo__glass .bb-phone-country,
.bb3__glass .bb-phone-country,
.bbpr__glass .bb-phone-country,
.bb9__glass .bb-phone-country {
  width: 110px !important;
  flex-shrink: 0;
  padding: 14px 28px 14px 12px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  background: var(--input-bg) !important;
  border: 1px solid var(--input-border) !important;
  border-right: none !important;
  border-radius: var(--input-radius) 0 0 var(--input-radius);
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.75L6 6.25L10.5 1.75' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 12px !important;
}

.bbh__glass .bb-phone-country option,
.bbo__glass .bb-phone-country option,
.bb3__glass .bb-phone-country option,
.bbpr__glass .bb-phone-country option,
.bb9__glass .bb-phone-country option {
  background: #1c1c1e;
  color: var(--t-primary);
}

.bbh__glass .bb-phone-input,
.bbo__glass .bb-phone-input,
.bb3__glass .bb-phone-input,
.bbpr__glass .bb-phone-input,
.bb9__glass .bb-phone-input {
  flex: 1;
  min-width: 0;
  border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
}

/* ── Consent checkbox ── */
.bbh__glass .bb-consent-label,
.bbo__glass .bb-consent-label,
.bb3__glass .bb-consent-label,
.bbpr__glass .bb-consent-label,
.bb9__glass .bb-consent-label {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.5;
  cursor: pointer;
}

.bbh__glass .bb-consent-label input[type="checkbox"],
.bbo__glass .bb-consent-label input[type="checkbox"],
.bb3__glass .bb-consent-label input[type="checkbox"],
.bbpr__glass .bb-consent-label input[type="checkbox"],
.bb9__glass .bb-consent-label input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px;
  margin-top: 1px;
  flex-shrink: 0;
  accent-color: #ff6b35;
  cursor: pointer;
  -webkit-appearance: auto;
  appearance: auto;
}

.bbh__glass .bb-consent-label span,
.bbo__glass .bb-consent-label span,
.bb3__glass .bb-consent-label span,
.bbpr__glass .bb-consent-label span,
.bb9__glass .bb-consent-label span {
  flex: 1;
}

/* ── Error messages ── */
.bbh__glass .bb-field-error,
.bbo__glass .bb-field-error,
.bb3__glass .bb-field-error,
.bbpr__glass .bb-field-error,
.bb9__glass .bb-field-error {
  color: #ff6b6b;
  font-size: 12px;
  margin-top: 6px;
}

/* ── Submit button: Graphite CTA ── */
.bbh__glass .bb-form-btn,
.bbo__glass .bb-form-btn,
.bb3__glass .bb-form-btn,
.bbpr__glass .bb-form-btn,
.bb9__glass .bb-form-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  font-family: inherit;
  letter-spacing: -0.01em;
  color: #ffffff;
  cursor: pointer;
  border: none;
  border-radius: var(--input-radius);
  background: rgba(58, 58, 60, 0.9);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow:
  0 1px 2px rgba(0, 0, 0, 0.3),
  0 4px 12px rgba(0, 0, 0, 0.15),
  inset 0 1px 1px rgba(255, 255, 255, 0.06);
  transition:
  background 0.25s ease,
  box-shadow 0.25s ease,
  transform 0.25s var(--spring);
  -webkit-tap-highlight-color: transparent;
}

@media (hover: hover) {
.bbh__glass .bb-form-btn:hover,
  .bbo__glass .bb-form-btn:hover,
  .bb3__glass .bb-form-btn:hover,
  .bbpr__glass .bb-form-btn:hover,
  .bb9__glass .bb-form-btn:hover {
  background: rgba(72, 72, 74, 0.95);
  box-shadow:
  0 1px 2px rgba(0, 0, 0, 0.2),
  0 8px 24px rgba(0, 0, 0, 0.2),
  inset 0 1px 1px rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
  }
}

.bbh__glass .bb-form-btn:active,
.bbo__glass .bb-form-btn:active,
.bb3__glass .bb-form-btn:active,
.bbpr__glass .bb-form-btn:active,
.bb9__glass .bb-form-btn:active {
  transform: translateY(1px) scale(0.98);
  background: rgba(28, 28, 30, 1) !important;
  box-shadow:
  inset 0 2px 4px rgba(0, 0, 0, 0.4),
  0 1px 2px rgba(0, 0, 0, 0.1) !important;
  transition-duration: 0.1s !important;
}

.bbh__glass .bb-form-btn:disabled,
.bbo__glass .bb-form-btn:disabled,
.bb3__glass .bb-form-btn:disabled,
.bbpr__glass .bb-form-btn:disabled,
.bb9__glass .bb-form-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

/* Spinner inside button */
.bbh__glass .bb-btn-spinner,
.bb9__glass .bb-btn-spinner {
  line-height: 0;
}

/* ── Success/Error messages ── */
.bbh__glass .bb-form-message.bb-success,
.bbo__glass .bb-form-message.bb-success,
.bb9__glass .bb-form-message.bb-success {
  background: rgba(48, 209, 88, 0.15) !important;
  border: 1px solid rgba(48, 209, 88, 0.3) !important;
  color: #30D158 !important;
  font-weight: 500;
  border-radius: var(--input-radius);
  padding: 16px;
  font-size: 14px;
  margin-top: 16px;
}

.bbh__glass .bb-form-message.bb-error,
.bbo__glass .bb-form-message.bb-error,
.bb9__glass .bb-form-message.bb-error {
  background: rgba(255, 69, 58, 0.12) !important;
  border: 1px solid rgba(255, 69, 58, 0.25) !important;
  color: #ff6b6b !important;
  border-radius: var(--input-radius);
  padding: 16px;
  font-size: 14px;
  margin-top: 16px;
}

/* ── WhatsApp CTA ── */
.bbh__glass .bb-whatsapp-cta,
.bb9__glass .bb-whatsapp-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  padding: 12px 24px;
  background: #25D366;
  color: #fff !important;
  text-decoration: none;
  border-radius: var(--input-radius);
  font-weight: 600;
  font-size: 14px;
  transition: background 0.2s ease;
}

.bbh__glass .bb-whatsapp-cta:hover,
.bb9__glass .bb-whatsapp-cta:hover {
  background: #1ebe5d;
}

/* ── Autofill ── */
.bbh__glass .bb-form-row input:-webkit-autofill,
.bbh__glass .bb-form-row input:-webkit-autofill:hover,
.bbh__glass .bb-form-row input:-webkit-autofill:focus,
.bb9__glass .bb-form-row input:-webkit-autofill,
.bb9__glass .bb-form-row input:-webkit-autofill:hover,
.bb9__glass .bb-form-row input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.65) inset !important;
  -webkit-text-fill-color: #fff !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  caret-color: #fff;
}

/* ── Mobile: BB CRM form adjustments ── */
@media (max-width: 600px) {
.bbh__glass .bb-phone-country,
  .bb9__glass .bb-phone-country {
  width: 90px !important;
  padding-right: 24px;
  font-size: 13px;
  }
}


/* ─────────────────────────────────────────────────────────
   BB CRM FORM OVERRIDES (.bb-form-row / .bb-consent-label)
   Scoped to ALL glass panels using [bb_form] shortcode
   ───────────────────────────────────────────────────────── */
.bbh__glass .bb-form-row label, .bb9__glass .bb-form-row label, .bbn__glass .bb-form-row label {
  position: static !important; width: auto !important; height: auto !important;
  padding: 0 !important; margin: 0 0 8px !important; overflow: visible !important;
  clip: auto !important; white-space: normal !important; border: 0 !important;
  display: block; font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.7);
}
.bbh__glass .bb-required, .bb9__glass .bb-required, .bbn__glass .bb-required { color: #ff6b6b; }
.bbh__glass .bb-form-wrapper, .bb9__glass .bb-form-wrapper, .bbn__glass .bb-form-wrapper { max-width: 100%; margin: 0; }
.bbh__glass .bb-form-row, .bb9__glass .bb-form-row, .bbn__glass .bb-form-row { margin-bottom: 14px; }

.bbh__glass .bb-form-row input[type="text"], .bbh__glass .bb-form-row input[type="email"],
.bbh__glass .bb-form-row input[type="tel"], .bbh__glass .bb-form-row select,
.bb9__glass .bb-form-row input[type="text"], .bb9__glass .bb-form-row input[type="email"],
.bb9__glass .bb-form-row input[type="tel"], .bb9__glass .bb-form-row select,
.bbn__glass .bb-form-row input[type="text"], .bbn__glass .bb-form-row input[type="email"],
.bbn__glass .bb-form-row input[type="tel"], .bbn__glass .bb-form-row select {
  width: 100% !important; box-sizing: border-box; padding: 14px 16px; font-size: 15px; font-family: inherit;
  color: var(--t-primary, #fff); background: var(--input-bg, rgba(0,0,0,0.45)) !important;
  border: 1px solid var(--input-border, rgba(255,255,255,0.08)) !important;
  border-radius: var(--input-radius, 12px); box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  -webkit-appearance: none; appearance: none; transition: border-color 0.2s ease, background 0.2s ease;
}
.bbh__glass .bb-form-row input::placeholder, .bb9__glass .bb-form-row input::placeholder,
.bbn__glass .bb-form-row input::placeholder { color: var(--t-placeholder, rgba(255,255,255,0.35)); }

.bbh__glass .bb-form-row input:focus, .bbh__glass .bb-form-row select:focus,
.bb9__glass .bb-form-row input:focus, .bb9__glass .bb-form-row select:focus,
.bbn__glass .bb-form-row input:focus, .bbn__glass .bb-form-row select:focus {
  outline: none; background: var(--input-bg-focus, rgba(0,0,0,0.65)) !important;
  border-color: rgba(255,255,255,0.4) !important;
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3), 0 0 0 3px rgba(255,255,255,0.06) !important;
}

.bbh__glass .bb-phone-wrap, .bb9__glass .bb-phone-wrap, .bbn__glass .bb-phone-wrap { display: flex; gap: 0; align-items: stretch; }
.bbh__glass .bb-phone-country, .bb9__glass .bb-phone-country, .bbn__glass .bb-phone-country {
  width: 110px !important; flex-shrink: 0; padding: 14px 28px 14px 12px; font-size: 14px;
  color: rgba(255,255,255,0.8); background: var(--input-bg, rgba(0,0,0,0.45)) !important;
  border: 1px solid var(--input-border, rgba(255,255,255,0.08)) !important; border-right: none !important;
  border-radius: var(--input-radius, 12px) 0 0 var(--input-radius, 12px);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3); -webkit-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.75L6 6.25L10.5 1.75' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 12px !important;
}
.bbh__glass .bb-phone-country option, .bb9__glass .bb-phone-country option, .bbn__glass .bb-phone-country option { background: #1c1c1e; color: #fff; }
.bbh__glass .bb-phone-input, .bb9__glass .bb-phone-input, .bbn__glass .bb-phone-input { border-radius: 0 var(--input-radius, 12px) var(--input-radius, 12px) 0 !important; }

.bbh__glass .bb-consent-label, .bb9__glass .bb-consent-label, .bbn__glass .bb-consent-label {
  position: static !important; width: auto !important; height: auto !important;
  padding: 0 !important; margin: 0 !important; overflow: visible !important;
  clip: auto !important; white-space: normal !important;
  display: flex; align-items: flex-start; gap: 10px;
  font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.5; cursor: pointer;
}
.bbh__glass .bb-consent-label input[type="checkbox"], .bb9__glass .bb-consent-label input[type="checkbox"],
.bbn__glass .bb-consent-label input[type="checkbox"] {
  width: 18px !important; height: 18px !important; min-width: 18px; margin-top: 1px;
  accent-color: #ff6b35; cursor: pointer; -webkit-appearance: auto; appearance: auto;
}

.bbh__glass .bb-field-error, .bb9__glass .bb-field-error, .bbn__glass .bb-field-error { color: #ff6b6b; font-size: 12px; margin-top: 6px; }

.bbh__glass .bb-form-btn, .bb9__glass .bb-form-btn, .bbn__glass .bb-form-btn {
  display: flex !important; align-items: center; justify-content: center; gap: 8px;
  width: 100%; padding: 16px 24px; font-size: 16px; font-weight: 600; color: #fff;
  background: rgba(58,58,60,0.9) !important; border: none !important;
  border-top: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: var(--input-radius, 12px) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.3), 0 4px 12px rgba(0,0,0,0.15), inset 0 1px 1px rgba(255,255,255,0.06);
  cursor: pointer; transition: background 0.25s ease, transform 0.15s ease; -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
.bbh__glass .bb-form-btn:hover, .bb9__glass .bb-form-btn:hover, .bbn__glass .bb-form-btn:hover {
  background: rgba(72,72,74,0.95) !important; transform: translateY(-1px);
  }
}
.bbh__glass .bb-form-btn:active, .bb9__glass .bb-form-btn:active, .bbn__glass .bb-form-btn:active {
  transform: translateY(1px) scale(0.98); background: rgba(28,28,30,1) !important;
}

.bbh__glass .bb-form-message.bb-success, .bb9__glass .bb-form-message.bb-success, .bbn__glass .bb-form-message.bb-success {
  background: rgba(48,209,88,0.15) !important; border: 1px solid rgba(48,209,88,0.3) !important;
  color: #30D158 !important; border-radius: var(--input-radius, 12px); padding: 16px; font-size: 14px; margin-top: 16px;
}
.bbh__glass .bb-form-message.bb-error, .bb9__glass .bb-form-message.bb-error, .bbn__glass .bb-form-message.bb-error {
  background: rgba(255,69,58,0.12) !important; border: 1px solid rgba(255,69,58,0.25) !important;
  color: #ff6b6b !important; border-radius: var(--input-radius, 12px); padding: 16px; font-size: 14px; margin-top: 16px;
}
.bbh__glass .bb-whatsapp-cta, .bb9__glass .bb-whatsapp-cta, .bbn__glass .bb-whatsapp-cta { border-radius: var(--input-radius, 12px); }

.bbh__glass input:-webkit-autofill, .bb9__glass input:-webkit-autofill, .bbn__glass input:-webkit-autofill,
.bbh__glass input:-webkit-autofill:hover, .bb9__glass input:-webkit-autofill:hover, .bbn__glass input:-webkit-autofill:hover,
.bbh__glass input:-webkit-autofill:focus, .bb9__glass input:-webkit-autofill:focus, .bbn__glass input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 30px rgba(0,0,0,0.65) inset !important; -webkit-text-fill-color: #fff !important; caret-color: #fff;
}
@media (max-width: 600px) {
.bbh__glass .bb-phone-country, .bb9__glass .bb-phone-country, .bbn__glass .bb-phone-country { width: 90px !important; font-size: 13px; }
}

/* ─────────────────────────────────────────────────────────  13. RESPONSIVE — Tablet (≤960px)  ───────────────────────────────────────────────────────── */ @media (max-width: 960px) {
.bbo { padding: 40px 24px 80px; }   .bbo__grid { grid-template-columns: 1fr; gap: 48px; margin-top: 48px; }   .bbo__media { order: -1; max-width: 500px; margin: 0 auto; }   .bbo__h3 { min-height: 60px; }   
}   /* ─────────────────────────────────────────────────────────  14. RESPONSIVE — Mobile (≤600px)  ───────────────────────────────────────────────────────── */ @media (max-width: 600px) {
/* Panel inner */   .bbh__panel-inner, .bbo__panel-inner, .bb3__panel-inner,   .bbpr__panel-inner, .bb9__panel-inner, .bbn__panel-inner {  padding: 16px;   }  /* Glass cards */   .bbh__glass, .bbo__glass, .bb3__glass,   .bbpr__glass, .bb9__glass, .bbn__glass {  padding: 32px 20px 24px;  border-radius: 24px;   }  /* Titles */   .bbh__glass-title, .bbo__glass-title, .bb3__glass-title,   .bbpr__glass-title, .bb9__glass-title, .bbn__glass-title {  font-size: 18px;  text-align: center;  padding: 0;   }  /* Close button */   .bbh__glass-close, .bbo__glass-close { top: 12px; right: 12px; }  /* Select width overrides */  /* ── Section layouts (preserved from original) ── */   .bbo { padding: 24px 16px 80px; }   .bbo__h2 { font-size: 32px; }   .bbo__sub { font-size: 16px; }   .bbo__grid { margin-top: 40px; gap: 40px; }   .bbo__h3 { font-size: 22px; min-height: 52px; }  .bbo__img { opacity: 1; }   .bbo__ambient { filter: blur(80px); }   .bbo__cta-wrap { width: 100%; margin-top: 24px; }   .bbo__btn { width: 100%; min-height: 54px; font-size: 16px; }  .bbh__inner { padding: 120px 16px 64px; }   .bbh__ambient--top { width: 100%; height: 300px; filter: blur(80px); }   .bbh__carousel { gap: 12px; margin-bottom: 32px; }   .bbh__tile { --_tile-size: 48px; border-radius: 12px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); transition: none; }   .bbh__tile img { width: 32px; height: 32px; }   .bbh__logo-img { width: 80px; height: 80px; }   .bbh__row, .bbh__track { gap: 16px; }   .bbh__live { font-size: 12px; padding: 6px 14px; margin-bottom: 24px; }   .bbh__h1 { font-size: clamp(28px, 9vw, 36px); padding: 0 4px; }   .bbh__sub { font-size: 16px; margin-top: 20px; padding: 0 4px; }   .bbh__seal { flex-direction: column; border-radius: 16px; padding: 12px; gap: 6px; }   .bbh__seal-sep { display: none; }   .bbh__actions { flex-direction: column; width: 100%; gap: 12px; margin-top: 36px; }   .bbh__btn { width: 100%; min-height: 54px; font-size: 16px; }   .bbh__cta-sub { margin-top: 16px; }  .bb9 { padding-bottom: 100px; }   .bb9__inner { padding: 48px 16px 0; }   .bb9__urgency { font-size: 12px; margin-bottom: 24px; }   .bb9__h2 { font-size: 32px; }   .bb9__sub { font-size: 16px; margin-bottom: 40px; }   .bb9__options { grid-template-columns: 1fr; gap: 16px; }   .bb9__option { padding: 24px; }   .bb9__actions { flex-direction: column; width: 100%; gap: 12px; }   .bb9__btn { width: 100%; min-height: 54px; font-size: 16px; }   .bb9__trust { gap: 10px; margin-top: 32px; }   .bb9__trust-sep { display: none; }  .bbpr__w { padding: 0 16px; }   .bbpr__card--side { padding: 24px 20px; }   .bbpr__card--center { padding: 24px 20px; }   .bbpr__p-num { font-size: 40px; }
}   /* ─────────────────────────────────────────────────────────  15. RESPONSIVE — Ultra-Small (≤380px)  ───────────────────────────────────────────────────────── */ @media (max-width: 380px) {
.bbh__panel-inner, .bbo__panel-inner, .bb3__panel-inner,   .bbpr__panel-inner, .bb9__panel-inner, .bbn__panel-inner {  padding: 12px;   }  .bbh__glass, .bbo__glass, .bb3__glass,   .bbpr__glass, .bb9__glass, .bbn__glass {  padding: 24px 16px 20px;   }
}   /* ─────────────────────────────────────────────────────────  16. REDUCED MOTION — All 5 sections  ───────────────────────────────────────────────────────── */ @media (prefers-reduced-motion: reduce) {
.bbh__panel, .bbo__panel, .bb3__panel, .bbpr__panel, .bb9__panel,   .bbh__glass, .bbo__glass, .bb3__glass, .bbpr__glass, .bb9__glass,   .bbh__glass-close, .bbo__glass-close, .bb3__glass-close,   .bbpr__glass-close, .bb9__glass-close,   .bbh__toast {  transition: none !important;   }  .bbh__glass, .bbo__glass, .bb3__glass, .bbpr__glass, .bb9__glass, .bbn__glass {  transform: none;  opacity: 1;   }  
}

/* ─────────────────────────────────────────────────────────
   UNIVERSAL INPUT WIDTH FIX
   Ensures all form inputs fill their container width
   ───────────────────────────────────────────────────────── */
.bbh__glass .bb-form-row input[type="text"],
.bbh__glass .bb-form-row input[type="email"],
.bbh__glass .bb-form-row input[type="tel"],
.bbh__glass .bb-form-row input[type="number"],
.bbh__glass .bb-form-row textarea,
.bbh__glass .bb-form-row select,
.bbo__glass .bb-form-row input[type="text"],
.bbo__glass .bb-form-row input[type="email"],
.bbo__glass .bb-form-row input[type="tel"],
.bbo__glass .bb-form-row input[type="number"],
.bbo__glass .bb-form-row textarea,
.bbo__glass .bb-form-row select,
.bb3__glass .bb-form-row input[type="text"],
.bb3__glass .bb-form-row input[type="email"],
.bb3__glass .bb-form-row input[type="tel"],
.bb3__glass .bb-form-row input[type="number"],
.bb3__glass .bb-form-row textarea,
.bb3__glass .bb-form-row select,
.bbpr__glass .bb-form-row input[type="text"],
.bbpr__glass .bb-form-row input[type="email"],
.bbpr__glass .bb-form-row input[type="tel"],
.bbpr__glass .bb-form-row input[type="number"],
.bbpr__glass .bb-form-row textarea,
.bbpr__glass .bb-form-row select,
.bb9__glass .bb-form-row input[type="text"],
.bb9__glass .bb-form-row input[type="email"],
.bb9__glass .bb-form-row input[type="tel"],
.bb9__glass .bb-form-row input[type="number"],
.bb9__glass .bb-form-row textarea,
.bb9__glass .bb-form-row select,
.bbn__glass .bb-form-row input[type="text"],
.bbn__glass .bb-form-row input[type="email"],
.bbn__glass .bb-form-row input[type="tel"],
.bbn__glass .bb-form-row input[type="number"],.bbn__glass .bb-form-row textarea,.bbn__glass .bb-form-row select{width:100%!important;box-sizing:border-box!important}.bbh__glass .bb-phone-wrap,.bbo__glass .bb-phone-wrap,.bb3__glass .bb-phone-wrap,.bbpr__glass .bb-phone-wrap,.bb9__glass .bb-phone-wrap,.bbn__glass .bb-phone-wrap{display:flex!important;gap:0!important;align-items:stretch!important;width:100%!important}.bbh__glass .bb-form-row select.bb-phone-country,.bbo__glass .bb-form-row select.bb-phone-country,.bb3__glass .bb-form-row select.bb-phone-country,.bbpr__glass .bb-form-row select.bb-phone-country,.bb9__glass .bb-form-row select.bb-phone-country,.bbn__glass .bb-form-row select.bb-phone-country{width:100px!important;min-width:100px!important;max-width:100px!important;flex:0 0 100px!important;box-sizing:border-box!important;padding-right:28px!important}.bbh__glass .bb-form-row input.bb-phone-input,.bbo__glass .bb-form-row input.bb-phone-input,.bb3__glass .bb-form-row input.bb-phone-input,.bbpr__glass .bb-form-row input.bb-phone-input,.bb9__glass .bb-form-row input.bb-phone-input,.bbn__glass .bb-form-row input.bb-phone-input{flex:1 1 0%!important;min-width:0!important;width:auto!important;box-sizing:border-box!important}.bbh__glass .bb-form-btn,.bbo__glass .bb-form-btn,.bb3__glass .bb-form-btn,.bbpr__glass .bb-form-btn,.bb9__glass .bb-form-btn,.bbn__glass .bb-form-btn{width:100%!important;box-sizing:border-box!important}@media (max-width:600px){.bbh__glass .bb-form-row select.bb-phone-country,.bbo__glass .bb-form-row select.bb-phone-country,.bb3__glass .bb-form-row select.bb-phone-country,.bbpr__glass .bb-form-row select.bb-phone-country,.bb9__glass .bb-form-row select.bb-phone-country,.bbn__glass .bb-form-row select.bb-phone-country{width:85px!important;min-width:85px!important;max-width:85px!important;flex:0 0 85px!important}}