{"product_id":"dji-osmo-pocket-3-4k-120fps-handheld-3-axis-gimbal-stabilizer-cp-os-00000301-01","title":"DJI Osmo Pocket 3 Gimbal Stabilizer","description":"\u003c!-- bai-highlights v1 --\u003e\n\u003cstyle\u003e\n.bai-product-highlights {\n  list-style: none;\n  margin: 0 0 28px;\n  padding: 18px 22px;\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 10px;\n  display: grid;\n  gap: 6px;\n  font: 500 0.96rem\/1.45 ui-sans-serif, system-ui, -apple-system, \"SF Pro Display\", \"Segoe UI\", sans-serif;\n}\n@media (prefers-color-scheme: light) {\n  .bai-product-highlights { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.08); }\n}\n.bai-product-highlights li {\n  position: relative;\n  padding: 4px 0 4px 22px;\n}\n.bai-product-highlights li::before {\n  content: \"•\";\n  position: absolute;\n  left: 6px;\n  font-weight: 900;\n  opacity: 0.65;\n}\n\u003c\/style\u003e\n\u003cul class=\"bai-product-highlights\" aria-label=\"Product highlights\"\u003e\u003cli\u003eStabilization: 3-axis\u003c\/li\u003e\u003c\/ul\u003e\n\u003c!-- \/bai-highlights v1 --\u003e\n\u003c!-- bai-enhance v3 --\u003e\n\u003cstyle\u003e\n\/* ─── Side animation layout — pure CSS, no JS required ─────────────── *\/\n.bai-pdp section[id^=\"bai-s\"] { position: relative; }\n.bai-pdp .bai-side-anim {\n  position: absolute;\n  top: 50%;\n  right: 4%;\n  transform: translateY(-50%);\n  width: 38%;\n  max-width: 480px;\n  pointer-events: none;\n  z-index: 2;\n  \/* Default state: visible. Belt-and-suspenders so the SVG is on screen\n     even if the entrance animation is suppressed by extension\/cache\/etc. *\/\n  opacity: 1;\n  animation: bai-side-fade-in 0.8s cubic-bezier(0.2, 0.85, 0.25, 1) 0.1s both;\n}\n.bai-pdp .bai-side-anim svg {\n  width: 100%; height: auto; display: block;\n  filter: drop-shadow(0 0 24px color-mix(in srgb, currentColor 30%, transparent));\n}\n\n\/* Make embedded SVG legible on the dark PDP — strip card background *\/\n.bai-pdp .bai-side-anim svg rect[class*=\"bai-card-bg\"] { fill: transparent !important; stroke: rgba(255,255,255,0.06) !important; }\n.bai-pdp .bai-side-anim svg .bai-card-key { fill: rgba(255,255,255,0.45) !important; }\n.bai-pdp .bai-side-anim svg text { fill: #fff; }\n\n@keyframes bai-side-fade-in {\n  from { opacity: 0; transform: translateY(-40%); }\n  to   { opacity: 1; transform: translateY(-50%); }\n}\n\n\/* Reserve space on the right of every animated section so text and the\n   hero SVG never overlap. *\/\n.bai-pdp section[id^=\"bai-s\"]:has(.bai-side-anim) {\n  padding-right: clamp(280px, 42%, 520px);\n  min-height: 360px;\n}\n\n\/* Mobile: stack instead of overlay *\/\n@media (max-width: 1023px) {\n  .bai-pdp .bai-side-anim {\n    position: static;\n    transform: none;\n    width: 100%;\n    max-width: 100%;\n    margin: 24px 0 8px;\n    opacity: 1;\n    animation: none;\n  }\n  .bai-pdp section[id^=\"bai-s\"]:has(.bai-side-anim) {\n    padding-right: 0;\n    min-height: 0;\n  }\n}\n\n\/* Reduced motion *\/\n@media (prefers-reduced-motion: reduce) {\n  .bai-pdp .bai-side-anim { opacity: 1 !important; transform: translateY(-50%) !important; animation: none !important; }\n  @media (max-width: 1023px) {\n    .bai-pdp .bai-side-anim { transform: none !important; }\n  }\n}\n\u003c\/style\u003e\n\u003c!-- \/bai-enhance v3 --\u003e\u003cstyle\u003e\n.bai-ia { display: inline-block; vertical-align: -0.25em; margin: 0 0.18em; line-height: 0; flex-shrink: 0; }\n.bai-ia svg { display: block; overflow: visible; }\n.bai-ia .ia-stroke { fill: none; stroke: #0a0a0a; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n.bai-ia .ia-stroke-thin { fill: none; stroke: #0a0a0a; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; opacity: 0.5; }\n.bai-ia .ia-accent { fill: none; stroke: var(--ia-brand,#0066cc); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n.bai-ia .ia-fill-dark { fill: #0a0a0a; }\n.bai-ia .ia-fill-brand { fill: var(--ia-brand,#0066cc); }\n.bai-ia .ia-text { font: 700 9px ui-sans-serif, system-ui, sans-serif; fill: #0a0a0a; }\n.bai-ia .ia-text-brand { font: 700 9px ui-sans-serif, system-ui, sans-serif; fill: var(--ia-brand,#0066cc); letter-spacing: 0.04em; }\n.bai-ia .ia-draw-1   { animation: ia-draw 1.4s ease-out forwards; }\n.bai-ia .ia-draw-2   { animation: ia-draw 1.0s 0.5s ease-out forwards; }\n.bai-ia .ia-fade     { opacity: 0; animation: ia-fade 0.5s 0.9s forwards; }\n.bai-ia .ia-pulse    { animation: ia-pulse 2.2s ease-in-out infinite; transform-origin: center; }\n.bai-ia .ia-blink    { animation: ia-blink 2.4s ease-in-out infinite; }\n.bai-ia .ia-spin     { animation: ia-spin 8s linear infinite; transform-origin: center; }\n.bai-ia .ia-bounce   { animation: ia-bounce 1.6s ease-in-out infinite alternate; }\n.bai-ia .ia-grow     { animation: ia-grow 1.2s 0.3s ease-out forwards; transform-origin: left center; }\n@keyframes ia-draw  { from { stroke-dashoffset: var(--len, 200); } to { stroke-dashoffset: 0; } }\n@keyframes ia-fade  { to { opacity: 1; } }\n@keyframes ia-pulse { 0%,100% { opacity: 0.4; transform: scale(0.8); } 50% { opacity: 1; transform: scale(1); } }\n@keyframes ia-blink { 0%,90%,100% { opacity: 1; } 95% { opacity: 0.25; } }\n@keyframes ia-spin  { to { transform: rotate(360deg); } }\n@keyframes ia-bounce{ from { transform: translateX(0); } to { transform: translateX(8px); } }\n@keyframes ia-grow  { from { transform: scaleX(0); } to { transform: scaleX(1); } }\n@media (prefers-reduced-motion: reduce) {\n  .bai-ia .ia-draw-1, .bai-ia .ia-draw-2, .bai-ia .ia-fade,\n  .bai-ia .ia-pulse, .bai-ia .ia-blink, .bai-ia .ia-spin,\n  .bai-ia .ia-bounce, .bai-ia .ia-grow { animation: none !important; opacity: 1 !important; transform: none !important; stroke-dashoffset: 0 !important; }\n}\n\u003c\/style\u003e\u003cdiv class=\"bai-pdp\" data-pdp=\"gimbal\"\u003e\n\u003cdiv class=\"bai-progress\"\u003e\u003c\/div\u003e\n\u003cnav class=\"bai-toc\" aria-label=\"Sections\"\u003e\u003col class=\"bai-toc-list\"\u003e\n\u003cli\u003e\u003ca href=\"#bai-s1\" class=\"bai-toc-link\" data-target=\"bai-s1\"\u003eOverview\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"#bai-s2\" class=\"bai-toc-link\" data-target=\"bai-s2\"\u003eGlance\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"#bai-s3\" class=\"bai-toc-link\" data-target=\"bai-s3\"\u003eBuild\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"#bai-s8\" class=\"bai-toc-link\" data-target=\"bai-s8\"\u003eAll specs\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ol\u003e\u003c\/nav\u003e\n\n\u003cstyle\u003e\n.bai-pdp { width: 100%; max-width: 100%; overflow-x: hidden; box-sizing: border-box;\n  background: #0a0a0a; color: #f0f0f0; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  position: relative; border-radius: 0; }\n.bai-pdp *, .bai-pdp *::before, .bai-pdp *::after { box-sizing: border-box; }\n.bai-pdp h1, .bai-pdp h2, .bai-pdp h3 { color: #ffffff; margin: 0; }\n.bai-pdp p { color: #f0f0f0; margin: 0; line-height: 1.5; }\n.bai-pdp section { position: relative; padding: 3rem 1.25rem; overflow: hidden; }\n@media (min-width: 600px) { .bai-pdp section { padding: 4rem 2rem; } .bai-pdp { border-radius: 0; } }\n@media (min-width: 760px) { .bai-pdp section { padding: 5rem 2.5rem; } .bai-pdp { border-radius: 24px; } }\n@media (min-width: 1024px) { .bai-pdp section { padding: 7rem 4rem; } }\n\n\/* Scroll progress ribbon *\/\n.bai-progress { position: sticky; top: 0; left: 0; height: 3px; z-index: 50;\n  background: linear-gradient(90deg, var(--p, #fd6262), var(--s, #ffd28a)); transform-origin: left;\n  transform: scaleX(0); }\n@supports (animation-timeline: scroll(root)) {\n  .bai-progress { animation: bai-wipe linear; animation-timeline: scroll(root); }\n}\n\n\/* Aurora *\/\n.bai-aurora { position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 1;\n  background-image:\n    radial-gradient(ellipse 80% 60% at 22% 30%, rgba(var(--p-rgb,253,98,98), 0.22), transparent 60%),\n    radial-gradient(ellipse 70% 50% at 75% 65%, rgba(var(--s-rgb,255,210,138), 0.16), transparent 60%),\n    radial-gradient(ellipse 60% 50% at 50% 90%, rgba(var(--p-rgb,253,98,98), 0.18), transparent 70%);\n  animation: bai-aurora 18s ease-in-out infinite alternate; }\n@keyframes bai-aurora { 0% { transform: translate3d(0,0,0) scale(1); } 100% { transform: translate3d(2%, -1%, 0) scale(1.04); } }\n\n.bai-vignette { position: absolute; inset: 0; z-index: 1; pointer-events: none;\n  background-image: radial-gradient(ellipse 60% 50% at 35% 50%, rgba(0,0,0,0.55) 0%, transparent 70%); }\n\n\/* Hero *\/\n.bai-hero { position: relative; min-height: 70vh; display: flex; flex-direction: column; justify-content: center; padding-bottom: 2rem; }\n.bai-hero .bai-inner { position: relative; z-index: 3; }\n.bai-eyebrow { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.55rem 0.9rem; min-height: 44px;\n  border-radius: 999px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.22);\n  color: var(--p, #fd6262); font-size: 0.8rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase;\n  text-shadow: 0 0 20px var(--p, rgba(253,98,98,0.6)); margin-bottom: 1.5rem; }\n.bai-h1 { font-size: 3rem; font-weight: 900; line-height: 1.05; letter-spacing: -0.01em; color: #ffffff;\n  background: linear-gradient(110deg, #ffffff 0%, var(--p, #fd6262) 45%, #fff5e0 100%);\n  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\n  filter: drop-shadow(0 2px 16px rgba(0,0,0,0.65)); margin-bottom: 1rem; max-width: 14ch; }\n.bai-sub { font-size: 1.25rem; color: #f0f0f0; max-width: 56ch; line-height: 1.45; }\n.bai-ghost { display: none; position: absolute; bottom: -0.5em; right: -0.1em; font-size: 14rem; font-weight: 900;\n  color: rgba(255,255,255,0.04); letter-spacing: -0.04em; pointer-events: none; z-index: 1; line-height: 0.9; }\n@media (min-width: 600px) { .bai-h1 { font-size: 4.25rem; } .bai-sub { font-size: 1.4rem; } }\n@media (min-width: 760px) { .bai-h1 { font-size: 6rem; } .bai-sub { font-size: 1.55rem; } .bai-ghost { display: block; font-size: 18rem; } }\n@media (min-width: 1024px) { .bai-h1 { font-size: 8rem; } .bai-sub { font-size: 1.65rem; } .bai-ghost { font-size: 22rem; } }\n\n\/* Stat bar *\/\n.bai-stats { background: #0a0a0a; }\n.bai-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }\n.bai-stat { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 1.25rem 1rem; text-align: center; }\n.bai-stat-num { font-size: 2.5rem; font-weight: 900; line-height: 1;\n  background: linear-gradient(110deg, #ffffff 0%, var(--p, #fd6262) 60%, #fff5e0 100%);\n  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\n  filter: drop-shadow(0 2px 12px rgba(0,0,0,0.4)); }\n.bai-stat-num small { font-size: 0.45em; vertical-align: super; margin-left: 0.15em; color: var(--p, #fd6262); -webkit-text-fill-color: initial; }\n.bai-stat-label { font-size: 0.72rem; color: #cfcfcf; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; margin-top: 0.5rem; }\n@media (min-width: 600px) { .bai-stats-grid { grid-template-columns: repeat(3, 1fr); } .bai-stat-num { font-size: 2.85rem; } }\n@media (min-width: 760px) { .bai-stats-grid { grid-template-columns: repeat(5, 1fr); gap: 1rem; } .bai-stat-num { font-size: 3.2rem; } .bai-stat { background: transparent; border: none; border-left: 1px solid rgba(255,255,255,0.08); border-radius: 0; } .bai-stat:first-child { border-left: none; } }\n@media (min-width: 1024px) { .bai-stat-num { font-size: 3.6rem; } }\n\n\/* Generic feature section *\/\n.bai-section .bai-h2 { font-size: 2.5rem; font-weight: 900; line-height: 1.05; letter-spacing: -0.01em; color: #ffffff;\n  background: linear-gradient(110deg, #ffffff 0%, var(--p, #fd6262) 50%, #fff5e0 100%);\n  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\n  filter: drop-shadow(0 2px 12px rgba(0,0,0,0.55)); max-width: 18ch; margin-bottom: 1rem; }\n.bai-lede { font-size: 1.2rem; color: #ececec; max-width: 56ch; line-height: 1.5; }\n@media (min-width: 600px) { .bai-section .bai-h2 { font-size: 3.5rem; } .bai-lede { font-size: 1.3rem; } }\n@media (min-width: 760px) { .bai-section .bai-h2 { font-size: 4.5rem; } .bai-lede { font-size: 1.4rem; } }\n@media (min-width: 1024px) { .bai-section .bai-h2 { font-size: 5.5rem; } .bai-lede { font-size: 1.45rem; } }\n\n\/* Pill row *\/\n.bai-pills { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.5rem; }\n.bai-pill { display: inline-flex; align-items: center; min-height: 44px; padding: 0.7rem 1rem;\n  border-radius: 999px; border: 1px solid rgba(255,255,255,0.18); background: rgba(255,255,255,0.04);\n  color: #f0f0f0; font-size: 0.92rem; font-weight: 600; transition: all 0.25s ease; }\n.bai-pill:hover { border-color: var(--p, #fd6262); transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,0.4); }\n\n\/* Sound section *\/\n.bai-sound { display: grid; grid-template-columns: 1fr; gap: 2.5rem; align-items: center; }\n.bai-sound-stat { font-size: 5rem; font-weight: 900; line-height: 1;\n  background: linear-gradient(110deg, #ffffff 0%, var(--p, #fd6262) 50%, #fff5e0 100%);\n  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }\n.bai-sound-stat small { font-size: 0.3em; vertical-align: super; color: var(--p, #fd6262); -webkit-text-fill-color: initial; }\n.bai-speaker { position: relative; width: 100%; max-width: 280px; aspect-ratio: 16\/10; margin: 0 auto;\n  border: 2px solid rgba(255,255,255,0.18); border-radius: 14px; }\n.bai-speaker::before, .bai-speaker::after { content: ''; position: absolute; inset: -10%; border: 2px solid var(--p, #fd6262); border-radius: 50%; opacity: 0; animation: bai-ripple 4s ease-out infinite; }\n.bai-speaker::after { animation-delay: 2s; }\n@keyframes bai-ripple { 0% { transform: scale(0.7); opacity: 0.6; } 100% { transform: scale(1.6); opacity: 0; } }\n@media (min-width: 760px) { .bai-sound { grid-template-columns: 1.1fr 1fr; gap: 3rem; } .bai-speaker { max-width: 320px; } .bai-sound-stat { font-size: 8.5rem; } }\n@media (min-width: 1024px) { .bai-speaker { max-width: 340px; } .bai-sound-stat { font-size: 10rem; } }\n\n\/* Gaming *\/\n.bai-game { background: #050507; position: relative; }\n.bai-game::after { content: ''; position: absolute; inset: 0; pointer-events: none;\n  background-image: repeating-linear-gradient(0deg, rgba(255,255,255,0.03) 0 1px, transparent 1px 4px);\n  z-index: 1; }\n.bai-game .bai-h2 { font-size: 3.5rem; }\n@media (min-width: 600px) { .bai-game .bai-h2 { font-size: 5rem; } }\n@media (min-width: 760px) { .bai-game .bai-h2 { font-size: 7rem; } }\n@media (min-width: 1024px) { .bai-game .bai-h2 { font-size: 10rem; } }\n\n\/* Smart - light section per §4 *\/\n.bai-smart { background: #fef3e8; color: #2b2017; }\n.bai-smart .bai-h2 { color: #1a0f08;\n  background: linear-gradient(110deg, #1a0f08 0%, #b08948 50%, #6b3a18 100%);\n  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\n  filter: drop-shadow(0 1px 4px rgba(255, 248, 230, 0.85)); }\n.bai-smart .bai-lede { color: #3a2f25; }\n.bai-smart .bai-pill { color: #3a2f25; border-color: rgba(176,137,72,0.40); background: rgba(255,255,255,0.55); }\n.bai-smart .bai-pill:hover { border-color: #b08948; transform: translateY(-2px); }\n\n\/* Specs *\/\n.bai-specs { background: #0a0a0a; }\n.bai-spec-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; margin-top: 2rem; }\n@media (min-width: 760px) { .bai-spec-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } }\n@media (min-width: 1024px) { .bai-spec-grid { grid-template-columns: repeat(3, 1fr); } }\n.bai-spec-group { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.10); border-radius: 16px; padding: 1.5rem; }\n.bai-spec-bar { height: 3px; width: 64px; background: linear-gradient(90deg, var(--p, #fd6262), var(--s, #ffd28a)); border-radius: 2px; margin-bottom: 0.75rem; }\n.bai-spec-group h3 { color: #ffffff !important; font-weight: 800; font-size: 1.05rem; letter-spacing: 0.06em; margin-bottom: 1rem; }\n.bai-spec-row { display: grid; grid-template-columns: 1fr; padding: 0.6rem 0; border-bottom: 1px solid rgba(255,255,255,0.06); }\n.bai-spec-row:last-child { border-bottom: none; }\n.bai-spec-key { color: #cfcfcf; font-weight: 600; font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; }\n.bai-spec-val { color: #ffffff; font-size: 1rem; margin-top: 0.2rem; }\n@media (min-width: 600px) { .bai-spec-row { grid-template-columns: 35% 65%; } .bai-spec-key { font-size: 0.85rem; text-transform: none; letter-spacing: 0.02em; } .bai-spec-group h3 { font-size: 1.2rem; } }\n@media (min-width: 600px) { .bai-spec-val { font-size: 1.05rem; } }\n\n\/* Down-arrow nav *\/\n.bai-down { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; margin: 3rem auto 0; position: relative; z-index: 3; }\n.bai-down-label { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.5); }\n.bai-down-circle { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; min-height: 44px; border-radius: 50%; background: rgba(255,255,255,0.04); border: 2px solid rgba(255,255,255,0.18); font-size: 1.5rem; color: #fff; cursor: pointer; transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); position: relative; overflow: hidden; text-decoration: none; }\n.bai-down-circle::before { content: \"\\2193\"; animation: bai-bounce-down-arrow 1.8s ease-in-out infinite; }\n.bai-down-circle:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.4); transform: scale(1.1); box-shadow: 0 0 30px rgba(255,255,255,0.2); }\n@keyframes bai-bounce-down-arrow { 0%,100% { transform: translateY(-2px); opacity: 0.6; } 50% { transform: translateY(8px); opacity: 1; } }\n@media (min-width: 600px) { .bai-down-circle { width: 64px; height: 64px; font-size: 1.7rem; } }\n@media (min-width: 760px) { .bai-down-circle { width: 72px; height: 72px; font-size: 1.9rem; } }\n\n.bai-down.crimson .bai-down-circle { border-color: rgba(255,45,85,0.5); color: #ff2d55; box-shadow: 0 0 24px rgba(255,45,85,0.15); }\n.bai-down.crimson .bai-down-circle:hover { box-shadow: 0 0 40px rgba(255,45,85,0.5); border-color: #ff2d55; }\n.bai-down.cyan .bai-down-circle { border-color: rgba(0,229,255,0.5); color: #00e5ff; box-shadow: 0 0 24px rgba(0,229,255,0.15); }\n.bai-down.cyan .bai-down-circle:hover { box-shadow: 0 0 40px rgba(0,229,255,0.5); border-color: #00e5ff; }\n.bai-down.gold .bai-down-circle { border-color: rgba(255,181,71,0.5); color: #ffb547; box-shadow: 0 0 24px rgba(255,181,71,0.15); }\n.bai-down.gold .bai-down-circle:hover { box-shadow: 0 0 40px rgba(255,181,71,0.4); border-color: #ffb547; }\n.bai-down.grape .bai-down-circle { border-color: rgba(192,66,255,0.5); color: #c042ff; box-shadow: 0 0 24px rgba(192,66,255,0.15); }\n.bai-down.grape .bai-down-circle:hover { box-shadow: 0 0 40px rgba(192,66,255,0.5); border-color: #c042ff; }\n.bai-down.hot .bai-down-circle { border-color: rgba(255,45,146,0.5); color: #ff2d92; box-shadow: 0 0 24px rgba(255,45,146,0.15); }\n.bai-down.hot .bai-down-circle:hover { box-shadow: 0 0 40px rgba(255,45,146,0.5); border-color: #ff2d92; }\n.bai-down.warm .bai-down-circle { border-color: rgba(210,105,30,0.6); color: #d2691e; background: #fff; box-shadow: 0 0 24px rgba(210,105,30,0.15); }\n.bai-down.warm .bai-down-circle:hover { box-shadow: 0 0 40px rgba(210,105,30,0.45); border-color: #d2691e; }\n\n\/* TOC *\/\n.bai-toc { display: none; }\n@media (min-width: 1024px) {\n  .bai-toc { position: fixed; top: 50%; right: 24px; transform: translateY(-50%); z-index: 40; pointer-events: auto; display: block; }\n  .bai-toc-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.55rem; }\n  .bai-toc-link { display: inline-flex; align-items: center; gap: 12px; padding: 6px 0; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); text-decoration: none; transition: color 0.25s ease, transform 0.25s ease; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); }\n  .bai-toc-link::before { content: ''; display: inline-block; width: 18px; height: 2px; background: rgba(255, 255, 255, 0.25); transition: width 0.25s ease, background 0.25s ease; }\n  .bai-toc-link:hover { color: rgba(255, 255, 255, 0.85); }\n  .bai-toc-link:hover::before { width: 28px; background: rgba(255, 255, 255, 0.55); }\n  .bai-toc-link.is-active { color: var(--p, #ffffff); transform: translateX(-2px); }\n  .bai-toc-link.is-active::before { width: 36px; background: var(--p, #ffffff); box-shadow: 0 0 12px var(--p, rgba(255,255,255,0.6)); }\n}\n@media (min-width: 1280px) { .bai-toc { right: 32px; } .bai-toc-link { font-size: 0.74rem; } }\n\n\/* Animations *\/\n@keyframes bai-rise { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes bai-blur-in { from { opacity: 0; filter: blur(12px); letter-spacing: 0.15em; } to { opacity: 1; filter: blur(0); letter-spacing: -0.01em; } }\n@keyframes bai-wipe { from { transform: scaleX(0); } to { transform: scaleX(1); } }\n@supports (animation-timeline: view()) {\n  .bai-pdp .bai-h1 { animation: bai-blur-in linear; animation-timeline: view(); animation-range: cover 0% cover 30%; }\n  .bai-pdp .bai-h2, .bai-pdp .bai-lede, .bai-pdp .bai-stats-grid \u003e * { animation: bai-rise linear; animation-timeline: view(); animation-range: entry 0% entry 33%; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .bai-pdp *, .bai-pdp *::before, .bai-pdp *::after { animation: none !important; transition: none !important; }\n  .bai-progress { transform: scaleX(1); }\n  .bai-aurora { animation: none; }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e.bai-pdp{--p:#00d4ff;--s:#3a4a5a;--p-rgb:0,212,255;--s-rgb:58,74,90;}\u003c\/style\u003e\n\u003csection class=\"bai-section bai-hero\" id=\"bai-s1\"\u003e\u003cdiv class=\"bai-aurora\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bai-vignette\"\u003e\u003c\/div\u003e\n\u003cspan class=\"bai-ghost\"\u003e3\u003c\/span\u003e\u003cdiv class=\"bai-inner\"\u003e\n\u003cspan class=\"bai-eyebrow\"\u003eDJI · Osmo Pocket 3\u003c\/span\u003e\u003ch1 class=\"bai-h1\"\u003eSmooth, every frame.\u003c\/h1\u003e\n\u003cp class=\"bai-sub\"\u003e3-axis\u003cspan class=\"bai-ia\" data-spec=\"stabilization\" style=\"--ia-brand:#1a1a1a\" role=\"img\" aria-label=\"3-axis stabilization\"\u003e\u003csvg viewbox=\"0 0 56 36\" width=\"56\" height=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cg style=\"transform-origin:28px 18px\"\u003e\n  \u003cellipse class=\"ia-stroke\" cx=\"28\" cy=\"18\" rx=\"14\" ry=\"4\" style=\"animation: ia-spin 4s linear infinite; transform-origin: 28px 18px;\"\u003e\u003c\/ellipse\u003e\n  \u003cellipse class=\"ia-stroke\" cx=\"28\" cy=\"18\" rx=\"14\" ry=\"4\" transform=\"rotate(60 28 18)\" style=\"animation: ia-spin 5s linear infinite; transform-origin: 28px 18px;\"\u003e\u003c\/ellipse\u003e\n  \u003cellipse class=\"ia-accent\" cx=\"28\" cy=\"18\" rx=\"14\" ry=\"4\" transform=\"rotate(120 28 18)\" style=\"animation: ia-spin 6s linear infinite; transform-origin: 28px 18px;\"\u003e\u003c\/ellipse\u003e\n  \u003ccircle class=\"ia-fill-dark\" cx=\"28\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\n\u003c\/g\u003e\n\u003c\/svg\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bai-down cyan\"\u003e\n\u003cspan class=\"bai-down-label\"\u003eGlance\u003c\/span\u003e\u003ca href=\"#bai-s2\" class=\"bai-down-circle\" aria-label=\"Scroll to next section\"\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bai-side-anim\" data-spec=\"stabilization\"\u003e\u003cdiv class=\"bai-hero-anim\" role=\"img\" aria-label=\"3-axis\" style=\"--bai-brand:#1a1a1a\"\u003e\n\u003cstyle\u003e\n  .bai-hero-anim { display:block; perspective: 1400px; transition: transform 0.6s cubic-bezier(0.2,0.85,0.25,1); position:relative; }\n  .bai-hero-anim:hover { transform: perspective(1400px) rotateX(-3deg) rotateY(4deg) translateZ(12px); }\n  .bai-hero-anim svg { width:100%; height:auto; display:block; filter: drop-shadow(0 30px 70px rgba(0,0,0,0.32)) drop-shadow(0 0 100px rgba(26,26,26,0.22)); }\n  \/* Cascade intro — 5 layers staggered with overshoot easing *\/\n  .bai-hero-anim .bai-intro { animation: bai-intro-cascade 1.5s cubic-bezier(0.18,1.05,0.22,1) backwards; }\n  .bai-hero-anim .bai-intro-1 { animation-delay: 0.05s; }\n  .bai-hero-anim .bai-intro-2 { animation-delay: 0.22s; }\n  .bai-hero-anim .bai-intro-3 { animation-delay: 0.42s; }\n  .bai-hero-anim .bai-intro-4 { animation-delay: 0.65s; }\n  .bai-hero-anim .bai-intro-5 { animation-delay: 0.88s; }\n  \/* Backdrop title — three z-stacked layers for parallax depth + breathing scale *\/\n  .bai-hero-anim .bai-bg-title { font-family: ui-sans-serif, \"SF Pro Display\", system-ui, sans-serif; font-weight:900; letter-spacing:-0.05em; pointer-events:none; }\n  .bai-hero-anim .bai-bg-title-back { fill: rgba(255,255,255,0.012); animation: bai-title-breathe 8s ease-in-out infinite; }\n  .bai-hero-anim .bai-bg-title-mid  { fill: rgba(255,255,255,0.022); animation: bai-title-breathe 7s ease-in-out infinite; animation-delay: -1s; }\n  .bai-hero-anim .bai-bg-title-fore { fill: rgba(255,255,255,0.035); animation: bai-title-breathe 6s ease-in-out infinite; animation-delay: -2s; }\n  \/* HUD scan progress bar at top — sweeps across continuously *\/\n  .bai-hero-anim .bai-hud-scan { animation: bai-hud-sweep 7s linear infinite; }\n  \/* Bottom data ticker *\/\n  .bai-hero-anim .bai-data-ticker { animation: bai-ticker 18s linear infinite; }\n  @keyframes bai-intro-cascade {\n    0% { opacity:0; transform: scale(0.88) translateY(28px); filter: blur(12px); }\n    50% { opacity:0.85; filter: blur(2px); }\n    75% { opacity:1; transform: scale(1.02) translateY(0); filter: blur(0); }\n    100% { opacity:1; transform: scale(1) translateY(0); filter: blur(0); }\n  }\n  @keyframes bai-title-breathe {\n    0%,100% { transform: scale(1) translateY(0); }\n    50% { transform: scale(1.04) translateY(-4px); }\n  }\n  @keyframes bai-hud-sweep {\n    0% { transform: translateX(-150px); }\n    100% { transform: translateX(560px); }\n  }\n  @keyframes bai-ticker {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-600px); }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .bai-hero-anim { transition: none; }\n    .bai-hero-anim .bai-intro,\n    .bai-hero-anim .bai-bg-title-back,\n    .bai-hero-anim .bai-bg-title-mid,\n    .bai-hero-anim .bai-bg-title-fore,\n    .bai-hero-anim .bai-hud-scan,\n    .bai-hero-anim .bai-data-ticker { animation: none !important; }\n  }\n\u003c\/style\u003e\n\u003csvg viewbox=\"0 0 600 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveaspectratio=\"xMidYMid meet\"\u003e\n\n\u003cdefs\u003e\n  \u003clineargradient id=\"bai-bg-sd-1a98ad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"\u003e\n    \u003cstop offset=\"0\" stop-color=\"#06060a\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"0.5\" stop-color=\"#16161a\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"1\" stop-color=\"#06060a\"\u003e\u003c\/stop\u003e\n  \u003c\/lineargradient\u003e\n  \u003clineargradient id=\"bai-bg2-sd-1a98ad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"\u003e\n    \u003cstop offset=\"0\" stop-color=\"#080608\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"0.4\" stop-color=\"#1a0a14\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"1\" stop-color=\"#2c0e1c\"\u003e\u003c\/stop\u003e\n  \u003c\/lineargradient\u003e\n  \u003cradialgradient id=\"bai-glow-sd-1a98ad\" cx=\"0.5\" cy=\"0.5\"\u003e\n    \u003cstop offset=\"0\" stop-color=\"#1a1a1a\" stop-opacity=\"0.92\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"0.4\" stop-color=\"#1a1a1a\" stop-opacity=\"0.35\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"1\" stop-color=\"#1a1a1a\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\n  \u003c\/radialgradient\u003e\n  \u003cradialgradient id=\"bai-orb-sd-1a98ad\" cx=\"0.32\" cy=\"0.28\"\u003e\n    \u003cstop offset=\"0\" stop-color=\"#ffffff\" stop-opacity=\"0.95\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"0.25\" stop-color=\"#1a1a1a\" stop-opacity=\"0.95\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"0.75\" stop-color=\"#1a1a1a\" stop-opacity=\"0.6\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"1\" stop-color=\"#1a1a1a\" stop-opacity=\"0.2\"\u003e\u003c\/stop\u003e\n  \u003c\/radialgradient\u003e\n  \u003clineargradient id=\"bai-glass-sd-1a98ad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"\u003e\n    \u003cstop offset=\"0\" stop-color=\"rgba(255,255,255,0.22)\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"0.4\" stop-color=\"rgba(255,255,255,0.06)\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"1\" stop-color=\"rgba(255,255,255,0)\"\u003e\u003c\/stop\u003e\n  \u003c\/lineargradient\u003e\n  \u003clineargradient id=\"bai-flare-sd-1a98ad\" x1=\"0\" y1=\"0.5\" x2=\"1\" y2=\"0.5\"\u003e\n    \u003cstop offset=\"0\" stop-color=\"rgba(255,255,255,0)\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"0.5\" stop-color=\"rgba(255,255,255,0.65)\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"1\" stop-color=\"rgba(255,255,255,0)\"\u003e\u003c\/stop\u003e\n  \u003c\/lineargradient\u003e\n  \u003clineargradient id=\"bai-metal-sd-1a98ad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"\u003e\n    \u003cstop offset=\"0\" stop-color=\"#444\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"0.5\" stop-color=\"#888\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"0.51\" stop-color=\"#999\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"1\" stop-color=\"#222\"\u003e\u003c\/stop\u003e\n  \u003c\/lineargradient\u003e\n  \u003clineargradient id=\"bai-chip-sd-1a98ad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"\u003e\n    \u003cstop offset=\"0\" stop-color=\"rgba(255,255,255,0.08)\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"1\" stop-color=\"rgba(255,255,255,0)\"\u003e\u003c\/stop\u003e\n  \u003c\/lineargradient\u003e\n  \u003cfilter id=\"bai-blur-sd-1a98ad\"\u003e\u003cfegaussianblur stddeviation=\"6\"\u003e\u003c\/fegaussianblur\u003e\u003c\/filter\u003e\n  \u003cfilter id=\"bai-blurxs-sd-1a98ad\"\u003e\u003cfegaussianblur stddeviation=\"2\"\u003e\u003c\/fegaussianblur\u003e\u003c\/filter\u003e\n  \u003cfilter id=\"bai-blurmd-sd-1a98ad\"\u003e\u003cfegaussianblur stddeviation=\"14\"\u003e\u003c\/fegaussianblur\u003e\u003c\/filter\u003e\n  \u003cfilter id=\"bai-blurlg-sd-1a98ad\"\u003e\u003cfegaussianblur stddeviation=\"24\"\u003e\u003c\/fegaussianblur\u003e\u003c\/filter\u003e\n  \u003c!-- Chromatic aberration: offsets red\/blue channels of bright elements for that \"premium TV ad\" feel --\u003e\n  \u003cfilter id=\"bai-chrom-sd-1a98ad\" x=\"-10%\" y=\"-10%\" width=\"120%\" height=\"120%\"\u003e\n    \u003cfecolormatrix in=\"SourceGraphic\" type=\"matrix\" values=\"1 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0\" result=\"r\"\u003e\u003c\/fecolormatrix\u003e\n    \u003cfecolormatrix in=\"SourceGraphic\" type=\"matrix\" values=\"0 0 0 0 0  0 1 0 0 0  0 0 0 0 0  0 0 0 1 0\" result=\"g\"\u003e\u003c\/fecolormatrix\u003e\n    \u003cfecolormatrix in=\"SourceGraphic\" type=\"matrix\" values=\"0 0 0 0 0  0 0 0 0 0  0 0 1 0 0  0 0 0 1 0\" result=\"b\"\u003e\u003c\/fecolormatrix\u003e\n    \u003cfeoffset in=\"r\" dx=\"-1.5\" dy=\"0\" result=\"rOff\"\u003e\u003c\/feoffset\u003e\n    \u003cfeoffset in=\"b\" dx=\"1.5\" dy=\"0\" result=\"bOff\"\u003e\u003c\/feoffset\u003e\n    \u003cfeblend mode=\"screen\" in=\"rOff\" in2=\"g\" result=\"rg\"\u003e\u003c\/feblend\u003e\n    \u003cfeblend mode=\"screen\" in=\"rg\" in2=\"bOff\"\u003e\u003c\/feblend\u003e\n  \u003c\/filter\u003e\n  \u003c!-- Volumetric specular lighting — used for orbs, gauges, glass surfaces --\u003e\n  \u003cfilter id=\"bai-spec-sd-1a98ad\" x=\"-10%\" y=\"-10%\" width=\"120%\" height=\"120%\"\u003e\n    \u003cfegaussianblur in=\"SourceAlpha\" stddeviation=\"3\" result=\"blur\"\u003e\u003c\/fegaussianblur\u003e\n    \u003cfespecularlighting in=\"blur\" surfacescale=\"4\" specularconstant=\"1\" specularexponent=\"20\" lighting-color=\"#fff\" result=\"spec\"\u003e\n      \u003cfepointlight x=\"-100\" y=\"-100\" z=\"200\"\u003e\u003c\/fepointlight\u003e\n    \u003c\/fespecularlighting\u003e\n    \u003cfecomposite in=\"spec\" in2=\"SourceAlpha\" operator=\"in\" result=\"specClipped\"\u003e\u003c\/fecomposite\u003e\n    \u003cfecomposite in=\"SourceGraphic\" in2=\"specClipped\" operator=\"arithmetic\" k1=\"0\" k2=\"1\" k3=\"1\" k4=\"0\"\u003e\u003c\/fecomposite\u003e\n  \u003c\/filter\u003e\n  \u003cfilter id=\"bai-grain-sd-1a98ad\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\"\u003e\n    \u003cfeturbulence type=\"fractalNoise\" basefrequency=\"0.9\" numoctaves=\"2\" seed=\"3\"\u003e\u003c\/feturbulence\u003e\n    \u003cfecolormatrix values=\"0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.05 0\"\u003e\u003c\/fecolormatrix\u003e\n    \u003cfecomposite in2=\"SourceGraphic\" operator=\"in\"\u003e\u003c\/fecomposite\u003e\n  \u003c\/filter\u003e\n  \u003c!-- Caustic \/ heat-ripple effect for liquid surfaces --\u003e\n  \u003cfilter id=\"bai-caustic-sd-1a98ad\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\"\u003e\n    \u003cfeturbulence type=\"fractalNoise\" basefrequency=\"0.012 0.06\" numoctaves=\"2\" seed=\"7\"\u003e\n      \u003canimate attributename=\"baseFrequency\" values=\"0.012 0.06; 0.018 0.04; 0.012 0.06\" dur=\"8s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n    \u003c\/feturbulence\u003e\n    \u003cfedisplacementmap in=\"SourceGraphic\" scale=\"6\"\u003e\u003c\/fedisplacementmap\u003e\n  \u003c\/filter\u003e\n  \u003cpattern id=\"bai-scan-sd-1a98ad\" x=\"0\" y=\"0\" width=\"4\" height=\"4\" patternunits=\"userSpaceOnUse\"\u003e\n    \u003crect width=\"4\" height=\"4\" fill=\"rgba(255,255,255,0)\"\u003e\u003c\/rect\u003e\n    \u003cline x1=\"0\" y1=\"0\" x2=\"4\" y2=\"0\" stroke=\"rgba(255,255,255,0.07)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n  \u003c\/pattern\u003e\n  \u003c!-- Brushed-metal vertical streak texture --\u003e\n  \u003cpattern id=\"bai-brush-sd-1a98ad\" x=\"0\" y=\"0\" width=\"3\" height=\"60\" patternunits=\"userSpaceOnUse\"\u003e\n    \u003crect width=\"3\" height=\"60\" fill=\"rgba(255,255,255,0)\"\u003e\u003c\/rect\u003e\n    \u003cline x1=\"1\" y1=\"0\" x2=\"1\" y2=\"60\" stroke=\"rgba(255,255,255,0.04)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n  \u003c\/pattern\u003e\n\u003c\/defs\u003e\n\u003crect x=\"20\" y=\"40\" width=\"560\" height=\"320\" rx=\"14\" fill=\"url(#bai-bg-sd-1a98ad)\"\u003e\u003c\/rect\u003e\n\u003cellipse cx=\"300\" cy=\"200\" rx=\"240\" ry=\"140\" fill=\"url(#bai-glow-sd-1a98ad)\" opacity=\"0.22\"\u003e\u003c\/ellipse\u003e\n\n\u003c!-- Reflective vinyl with rotating glint --\u003e\n\u003cg transform=\"translate(300,200)\"\u003e\n  \u003cdefs\u003e\n    \u003cradialgradient id=\"bai-vinyl-sd-1a98ad\" cx=\"0.4\" cy=\"0.3\" r=\"0.8\"\u003e\n      \u003cstop offset=\"0\" stop-color=\"#2a2a30\"\u003e\u003c\/stop\u003e\n      \u003cstop offset=\"0.4\" stop-color=\"#0a0a0c\"\u003e\u003c\/stop\u003e\n      \u003cstop offset=\"1\" stop-color=\"#000\"\u003e\u003c\/stop\u003e\n    \u003c\/radialgradient\u003e\n    \u003clineargradient id=\"bai-glint-sd-1a98ad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"\u003e\n      \u003cstop offset=\"0\" stop-color=\"rgba(255,255,255,0)\"\u003e\u003c\/stop\u003e\n      \u003cstop offset=\"0.5\" stop-color=\"rgba(255,255,255,0.18)\"\u003e\u003c\/stop\u003e\n      \u003cstop offset=\"1\" stop-color=\"rgba(255,255,255,0)\"\u003e\u003c\/stop\u003e\n    \u003c\/lineargradient\u003e\n  \u003c\/defs\u003e\n  \u003cg style=\"animation: bai-sd-1a98ad-spin 6s linear infinite; transform-origin: center;\"\u003e\n    \u003ccircle cx=\"0\" cy=\"0\" r=\"142\" fill=\"url(#bai-vinyl-sd-1a98ad)\"\u003e\u003c\/circle\u003e\n    \u003ccircle cx=\"0\" cy=\"0\" r=\"142\" fill=\"none\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n    \u003ccircle cx=\"0\" cy=\"0\" r=\"66\" fill=\"none\" stroke=\"rgba(255,255,255,0.04)\" stroke-width=\"0.6\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"0\" cy=\"0\" r=\"76\" fill=\"none\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"0.6\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"0\" cy=\"0\" r=\"86\" fill=\"none\" stroke=\"rgba(255,255,255,0.04)\" stroke-width=\"0.6\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"0\" cy=\"0\" r=\"96\" fill=\"none\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"0.6\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"0\" cy=\"0\" r=\"106\" fill=\"none\" stroke=\"rgba(255,255,255,0.04)\" stroke-width=\"0.6\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"0\" cy=\"0\" r=\"116\" fill=\"none\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"0.6\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"0\" cy=\"0\" r=\"126\" fill=\"none\" stroke=\"rgba(255,255,255,0.04)\" stroke-width=\"0.6\"\u003e\u003c\/circle\u003e\n    \u003c!-- Rotating glint sweep --\u003e\n    \u003cellipse cx=\"0\" cy=\"-60\" rx=\"80\" ry=\"40\" fill=\"url(#bai-glint-sd-1a98ad)\" opacity=\"0.6\"\u003e\u003c\/ellipse\u003e\n    \u003c!-- Center label --\u003e\n    \u003ccircle cx=\"0\" cy=\"0\" r=\"50\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\n    \u003ccircle cx=\"0\" cy=\"0\" r=\"50\" fill=\"none\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"0.6\"\u003e\u003c\/circle\u003e\n    \u003ccircle cx=\"0\" cy=\"0\" r=\"44\" fill=\"none\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"0.4\"\u003e\u003c\/circle\u003e\n    \u003ccircle cx=\"0\" cy=\"0\" r=\"3\" fill=\"#fff\"\u003e\u003c\/circle\u003e\n    \u003ctext x=\"0\" y=\"-12\" text-anchor=\"middle\" font-family=\"ui-serif, Georgia, serif\" font-size=\"10\" font-weight=\"800\" fill=\"rgba(255,255,255,0.85)\" letter-spacing=\"3\"\u003eBEACH AI\u003c\/text\u003e\n    \u003ctext x=\"0\" y=\"14\" text-anchor=\"middle\" font-family=\"ui-monospace, monospace\" font-size=\"9\" fill=\"rgba(255,255,255,0.6)\" letter-spacing=\"2\"\u003e3-axis\u003c\/text\u003e\n    \u003cline x1=\"0\" y1=\"-138\" x2=\"0\" y2=\"-130\" stroke=\"#fff\" stroke-width=\"1\" opacity=\"0.5\"\u003e\u003c\/line\u003e\n  \u003c\/g\u003e\n\u003c\/g\u003e\n\n\u003c!-- Tonearm hovering over the disc --\u003e\n\u003cg transform=\"translate(440, 80) rotate(35)\"\u003e\n  \u003crect x=\"-2\" y=\"0\" width=\"4\" height=\"100\" rx=\"1\" fill=\"#a0a0a0\"\u003e\u003c\/rect\u003e\n  \u003ccircle cx=\"0\" cy=\"0\" r=\"6\" fill=\"#a0a0a0\"\u003e\u003c\/circle\u003e\n  \u003ccircle cx=\"0\" cy=\"0\" r=\"3\" fill=\"#222\"\u003e\u003c\/circle\u003e\n  \u003crect x=\"-3\" y=\"100\" width=\"6\" height=\"14\" rx=\"1\" fill=\"#666\"\u003e\u003c\/rect\u003e\n  \u003ccircle cx=\"0\" cy=\"118\" r=\"2\" fill=\"#1a1a1a\"\u003e\n    \u003canimate attributename=\"opacity\" values=\"1;0.5;1\" dur=\"2s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003c\/circle\u003e\n\u003c\/g\u003e\n\n\u003ctext x=\"40\" y=\"80\" font-family=\"ui-monospace, monospace\" font-size=\"10\" font-weight=\"700\" letter-spacing=\"2\" fill=\"rgba(255,255,255,0.45)\"\u003eSTABILIZATION\u003c\/text\u003e\n\n\u003cg transform=\"translate(404, 80)\" style=\"animation: bai-sd-1a98ad-float 3.6s ease-in-out infinite alternate\"\u003e\n  \u003c!-- Outer glow halo --\u003e\n  \u003crect width=\"172\" height=\"52\" rx=\"14\" fill=\"rgba(26,26,26,0.18)\" filter=\"url(#bai-blurmd-sd-1a98ad)\"\u003e\u003c\/rect\u003e\n  \u003c!-- Glass body --\u003e\n  \u003crect width=\"172\" height=\"52\" rx=\"14\" fill=\"rgba(0,0,0,0.62)\" stroke=\"rgba(26,26,26,0.55)\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n  \u003crect width=\"172\" height=\"52\" rx=\"14\" fill=\"url(#bai-glass-sd-1a98ad)\"\u003e\u003c\/rect\u003e\n  \u003c!-- Inner specular highlight --\u003e\n  \u003crect width=\"172\" height=\"2\" rx=\"1\" fill=\"rgba(255,255,255,0.35)\" y=\"2\" x=\"6\" style=\"opacity: 0.6\"\u003e\u003c\/rect\u003e\n  \u003c!-- Pulsing indicator --\u003e\n  \u003ccircle cx=\"20\" cy=\"26\" r=\"8\" fill=\"#1a1a1a\"\u003e\n    \u003canimate attributename=\"opacity\" values=\"1;0.3;1\" dur=\"1.6s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003c\/circle\u003e\n  \u003ccircle cx=\"20\" cy=\"26\" r=\"4\" fill=\"#fff\" opacity=\"0.95\"\u003e\u003c\/circle\u003e\n  \u003c!-- Lens flare on indicator --\u003e\n  \u003cellipse cx=\"20\" cy=\"26\" rx=\"22\" ry=\"6\" fill=\"url(#bai-flare-sd-1a98ad)\" opacity=\"0.5\"\u003e\n    \u003canimate attributename=\"opacity\" values=\"0.6;0.2;0.6\" dur=\"1.6s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003c\/ellipse\u003e\n  \u003c!-- Type --\u003e\n  \u003ctext x=\"40\" y=\"22\" font-family=\"ui-monospace, SFMono-Regular, Menlo, monospace\" font-size=\"9\" font-weight=\"700\" letter-spacing=\"2\" fill=\"rgba(255,255,255,0.55)\"\u003eSTABILIZATION\u003c\/text\u003e\n  \u003ctext x=\"40\" y=\"40\" font-family=\"ui-sans-serif\" font-size=\"14\" font-weight=\"900\" fill=\"#fff\" letter-spacing=\"0.5\"\u003e3-axis\u003c\/text\u003e\n\u003c\/g\u003e\n\u003cg pointer-events=\"none\"\u003e\n\u003ccircle cx=\"112\" cy=\"326\" r=\"1\" fill=\"#1a1a1a\" opacity=\"0.15\"\u003e\n  \u003canimate attributename=\"cy\" values=\"326;314;326\" dur=\"15.6s\" begin=\"2s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"cx\" values=\"112;92;112\" dur=\"26s\" begin=\"2s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"opacity\" values=\"0;0.15;0\" dur=\"18.2s\" begin=\"2s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n\u003c\/circle\u003e\n\u003ccircle cx=\"56\" cy=\"72\" r=\"0.8\" fill=\"rgba(255,255,255,1)\" opacity=\"0.22\"\u003e\n  \u003canimate attributename=\"cy\" values=\"72;60;72\" dur=\"10.799999999999999s\" begin=\"6s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"cx\" values=\"56;76;56\" dur=\"18s\" begin=\"6s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"opacity\" values=\"0;0.22;0\" dur=\"12.6s\" begin=\"6s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n\u003c\/circle\u003e\n\u003ccircle cx=\"427\" cy=\"266\" r=\"1.2\" fill=\"rgba(255,255,255,1)\" opacity=\"0.3\"\u003e\n  \u003canimate attributename=\"cy\" values=\"266;254;266\" dur=\"15.6s\" begin=\"2s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"cx\" values=\"427;447;427\" dur=\"26s\" begin=\"2s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"opacity\" values=\"0;0.3;0\" dur=\"18.2s\" begin=\"2s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n\u003c\/circle\u003e\n\u003ccircle cx=\"282\" cy=\"292\" r=\"1.5\" fill=\"#1a1a1a\" opacity=\"0.22\"\u003e\n  \u003canimate attributename=\"cy\" values=\"292;280;292\" dur=\"8.4s\" begin=\"5s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"cx\" values=\"282;312;282\" dur=\"14s\" begin=\"5s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"opacity\" values=\"0;0.22;0\" dur=\"9.799999999999999s\" begin=\"5s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n\u003c\/circle\u003e\n\u003ccircle cx=\"404\" cy=\"141\" r=\"1.5\" fill=\"rgba(255,255,255,1)\" opacity=\"0.4\"\u003e\n  \u003canimate attributename=\"cy\" values=\"141;129;141\" dur=\"13.2s\" begin=\"1s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"cx\" values=\"404;424;404\" dur=\"22s\" begin=\"1s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"opacity\" values=\"0;0.4;0\" dur=\"15.399999999999999s\" begin=\"1s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n\u003c\/circle\u003e\n\u003ccircle cx=\"349\" cy=\"237\" r=\"1\" fill=\"rgba(255,255,255,1)\" opacity=\"0.22\"\u003e\n  \u003canimate attributename=\"cy\" values=\"237;225;237\" dur=\"10.799999999999999s\" begin=\"1s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"cx\" values=\"349;379;349\" dur=\"18s\" begin=\"1s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"opacity\" values=\"0;0.22;0\" dur=\"12.6s\" begin=\"1s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n\u003c\/circle\u003e\n\u003ccircle cx=\"442\" cy=\"98\" r=\"0.8\" fill=\"#1a1a1a\" opacity=\"0.4\"\u003e\n  \u003canimate attributename=\"cy\" values=\"98;86;98\" dur=\"8.4s\" begin=\"3s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"cx\" values=\"442;412;442\" dur=\"14s\" begin=\"3s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"opacity\" values=\"0;0.4;0\" dur=\"9.799999999999999s\" begin=\"3s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n\u003c\/circle\u003e\n\u003ccircle cx=\"124\" cy=\"335\" r=\"1.5\" fill=\"rgba(255,255,255,1)\" opacity=\"0.4\"\u003e\n  \u003canimate attributename=\"cy\" values=\"335;323;335\" dur=\"13.2s\" begin=\"5s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"cx\" values=\"124;94;124\" dur=\"22s\" begin=\"5s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"opacity\" values=\"0;0.4;0\" dur=\"15.399999999999999s\" begin=\"5s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n\u003c\/circle\u003e\n\u003ccircle cx=\"351\" cy=\"320\" r=\"1.5\" fill=\"rgba(255,255,255,1)\" opacity=\"0.22\"\u003e\n  \u003canimate attributename=\"cy\" values=\"320;308;320\" dur=\"13.2s\" begin=\"4s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"cx\" values=\"351;381;351\" dur=\"22s\" begin=\"4s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"opacity\" values=\"0;0.22;0\" dur=\"15.399999999999999s\" begin=\"4s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n\u003c\/circle\u003e\n\u003ccircle cx=\"232\" cy=\"160\" r=\"0.8\" fill=\"#1a1a1a\" opacity=\"0.4\"\u003e\n  \u003canimate attributename=\"cy\" values=\"160;148;160\" dur=\"10.799999999999999s\" begin=\"8s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"cx\" values=\"232;212;232\" dur=\"18s\" begin=\"8s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"opacity\" values=\"0;0.4;0\" dur=\"12.6s\" begin=\"8s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n\u003c\/circle\u003e\n\u003ccircle cx=\"499\" cy=\"127\" r=\"1.2\" fill=\"rgba(255,255,255,1)\" opacity=\"0.22\"\u003e\n  \u003canimate attributename=\"cy\" values=\"127;115;127\" dur=\"8.4s\" begin=\"8s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"cx\" values=\"499;469;499\" dur=\"14s\" begin=\"8s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"opacity\" values=\"0;0.22;0\" dur=\"9.799999999999999s\" begin=\"8s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n\u003c\/circle\u003e\n\u003ccircle cx=\"44\" cy=\"197\" r=\"1.2\" fill=\"rgba(255,255,255,1)\" opacity=\"0.3\"\u003e\n  \u003canimate attributename=\"cy\" values=\"197;185;197\" dur=\"13.2s\" begin=\"0s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"cx\" values=\"44;64;44\" dur=\"22s\" begin=\"0s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n  \u003canimate attributename=\"opacity\" values=\"0;0.3;0\" dur=\"15.399999999999999s\" begin=\"0s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n\u003c\/circle\u003e\u003c\/g\u003e\n\u003cg pointer-events=\"none\"\u003e\n  \u003crect x=\"20\" y=\"40\" width=\"560\" height=\"2\" fill=\"rgba(255,255,255,0.04)\"\u003e\u003c\/rect\u003e\n  \u003crect x=\"20\" y=\"40\" width=\"120\" height=\"2\" fill=\"#1a1a1a\" filter=\"drop-shadow(0 0 4px #1a1a1a)\" class=\"bai-hud-scan\" style=\"transform-origin: 20px 41px;\"\u003e\n  \u003c\/rect\u003e\n\u003c\/g\u003e\n\u003cg transform=\"translate(40, 64)\" pointer-events=\"none\"\u003e\n  \u003cline x1=\"0\" y1=\"-6\" x2=\"14\" y2=\"-6\" stroke=\"#1a1a1a\" stroke-width=\"1.5\"\u003e\u003c\/line\u003e\n  \u003ctext x=\"0\" y=\"6\" font-family=\"ui-monospace, SFMono-Regular, Menlo, monospace\" font-size=\"9\" font-weight=\"800\" letter-spacing=\"2.5\" fill=\"#1a1a1a\"\u003e07\u003c\/text\u003e\n\u003c\/g\u003e\n\u003cdefs\u003e\n  \u003cradialgradient id=\"bai-vig-sd-1a98ad\" cx=\"0.5\" cy=\"0.5\" r=\"0.75\"\u003e\n    \u003cstop offset=\"0.55\" stop-color=\"rgba(0,0,0,0)\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"0.85\" stop-color=\"rgba(0,0,0,0.18)\"\u003e\u003c\/stop\u003e\n    \u003cstop offset=\"1\" stop-color=\"rgba(0,0,0,0.55)\"\u003e\u003c\/stop\u003e\n  \u003c\/radialgradient\u003e\n\u003c\/defs\u003e\n\u003crect x=\"20\" y=\"40\" width=\"560\" height=\"320\" rx=\"14\" fill=\"url(#bai-vig-sd-1a98ad)\" pointer-events=\"none\"\u003e\u003c\/rect\u003e\u003crect x=\"20\" y=\"40\" width=\"560\" height=\"320\" rx=\"14\" fill=\"white\" filter=\"url(#bai-grain-sd-1a98ad)\" opacity=\"0.4\" pointer-events=\"none\"\u003e\u003c\/rect\u003e\n\u003cg transform=\"translate(0, 386)\" pointer-events=\"none\" aria-hidden=\"true\"\u003e\n  \u003crect x=\"20\" y=\"-10\" width=\"560\" height=\"14\" fill=\"rgba(255,255,255,0.02)\"\u003e\u003c\/rect\u003e\n  \u003cclippath id=\"bai-tcl-sd-1a98ad\"\u003e\u003crect x=\"20\" y=\"-10\" width=\"560\" height=\"14\"\u003e\u003c\/rect\u003e\u003c\/clippath\u003e\n  \u003cg clip-path=\"url(#bai-tcl-sd-1a98ad)\"\u003e\n    \u003ctext x=\"0\" y=\"0\" class=\"bai-data-ticker\" font-family=\"ui-monospace, monospace\" font-size=\"9\" letter-spacing=\"2\" fill=\"rgba(26,26,26,0.55)\"\u003e◇ ◈ ◉ ◆ ⟨⟩ ◇ ◈ ◉ ◆ ⟨⟩ ◇ ◈ ◉ ◆ ⟨⟩ ◇ ◈ ◉ ◆ ⟨⟩ ◇ ◈ ◉ ◆ ⟨⟩ ◇ ◈ ◉ ◆ ⟨⟩ \u003c\/text\u003e\n  \u003c\/g\u003e\n\u003c\/g\u003e\n\u003cstyle\u003e\n  @keyframes bai-sd-1a98ad-spin { to { transform: rotate(360deg); } }\n  @keyframes bai-sd-1a98ad-float { 0% { transform: translate(404px, 80px); } 100% { transform: translate(414px, 72px); } }\n\u003c\/style\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"bai-section bai-stats\" id=\"bai-s2\"\u003e\u003ch2 class=\"bai-h2 bai-sr-only\" style=\"position:absolute;left:-9999px\"\u003eAt a glance\u003c\/h2\u003e\n\u003cdiv class=\"bai-stats-grid\"\u003e\n\u003cdiv class=\"bai-stat\"\u003e\n\u003cdiv class=\"bai-stat-num\"\u003eDJI\u003c\/div\u003e\n\u003cdiv class=\"bai-stat-label\"\u003eBrand\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bai-stat\"\u003e\n\u003cdiv class=\"bai-stat-num\"\u003eNew\u003c\/div\u003e\n\u003cdiv class=\"bai-stat-label\"\u003eCondition\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bai-down cyan\"\u003e\n\u003cspan class=\"bai-down-label\"\u003eBuild\u003c\/span\u003e\u003ca href=\"#bai-s3\" class=\"bai-down-circle\" aria-label=\"Scroll to next section\"\u003e\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"bai-section\" id=\"bai-s3\"\u003e\u003ch2 class=\"bai-h2\"\u003eBuilt better.\u003c\/h2\u003e\n\u003cp class=\"bai-lede\"\u003eDJI engineering, designed for daily use.\u003c\/p\u003e\n\u003cdiv class=\"bai-down cyan\"\u003e\n\u003cspan class=\"bai-down-label\"\u003eAll specs\u003c\/span\u003e\u003ca href=\"#bai-s8\" class=\"bai-down-circle\" aria-label=\"Scroll to next section\"\u003e\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"bai-section bai-specs\" id=\"bai-s8\"\u003e\u003ch2 class=\"bai-h2\"\u003eFull specifications.\u003c\/h2\u003e\n\u003cp class=\"bai-lede\"\u003eEverything, on the record.\u003c\/p\u003e\n\u003cdiv class=\"bai-spec-grid\"\u003e\n\u003cdiv class=\"bai-spec-group\"\u003e\n\u003cdiv class=\"bai-spec-bar\"\u003e\u003c\/div\u003e\n\u003ch3\u003eSmart \u0026amp; I\/O\u003c\/h3\u003e\n\u003cdiv class=\"bai-spec-row\"\u003e\n\u003cdiv class=\"bai-spec-key\"\u003eStabilization\u003c\/div\u003e\n\u003cdiv class=\"bai-spec-val\"\u003e3-axis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bai-spec-group\"\u003e\n\u003cdiv class=\"bai-spec-bar\"\u003e\u003c\/div\u003e\n\u003ch3\u003eIn the listing\u003c\/h3\u003e\n\u003cdiv class=\"bai-spec-row\"\u003e\n\u003cdiv class=\"bai-spec-key\"\u003eBrand\u003c\/div\u003e\n\u003cdiv class=\"bai-spec-val\"\u003eDJI\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bai-spec-row\"\u003e\n\u003cdiv class=\"bai-spec-key\"\u003eModel\u003c\/div\u003e\n\u003cdiv class=\"bai-spec-val\"\u003eOsmo Pocket 3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\n\u003cscript\u003e\n(function(){\n  var pdp = document.currentScript \u0026\u0026 document.currentScript.closest('.bai-pdp') || document.querySelector('.bai-pdp');\n  if (!pdp) return;\n  var links = pdp.querySelectorAll('.bai-toc-link');\n  if (!links.length) return;\n  var byId = {};\n  links.forEach(function(l){ byId[l.dataset.target] = l; });\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      var l = byId[e.target.id];\n      if (!l) return;\n      if (e.isIntersecting \u0026\u0026 e.intersectionRatio \u003e 0.35) {\n        links.forEach(function(x){ x.classList.remove('is-active'); });\n        l.classList.add('is-active');\n      }\n    });\n  }, { threshold: [0.35, 0.6], rootMargin: '-30% 0px -30% 0px' });\n  pdp.querySelectorAll('section[id^=\"bai-s\"]').forEach(function(s){ io.observe(s); });\n  links.forEach(function(l){\n    l.addEventListener('click', function(ev){\n      var t = pdp.querySelector('#' + l.dataset.target);\n      if (!t) return;\n      ev.preventDefault();\n      t.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      history.replaceState(null, '', '#' + l.dataset.target);\n    });\n  });\n})();\n\u003c\/script\u003e\n\n\u003c\/div\u003e\n\u003c!-- bai-seo-extra v1 --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"@id\":\"https:\/\/beachai.com\/products\/dji-osmo-pocket-3-4k-120fps-handheld-3-axis-gimbal-stabilizer-cp-os-00000301-01#product-extra\",\"url\":\"https:\/\/beachai.com\/products\/dji-osmo-pocket-3-4k-120fps-handheld-3-axis-gimbal-stabilizer-cp-os-00000301-01\",\"name\":\"DJI Osmo Pocket 3 Gimbal Stabilizer\",\"brand\":{\"@type\":\"Brand\",\"name\":\"DJI\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Stabilization\",\"value\":\"3-axis\"}],\"hasMerchantReturnPolicy\":{\"@type\":\"MerchantReturnPolicy\",\"applicableCountry\":\"US\",\"returnPolicyCategory\":\"https:\/\/schema.org\/MerchantReturnFiniteReturnWindow\",\"merchantReturnDays\":30,\"returnMethod\":\"https:\/\/schema.org\/ReturnByMail\",\"returnFees\":\"https:\/\/schema.org\/FreeReturn\"}}\u003c\/script\u003e\n\u003c!-- \/bai-seo-extra v1 --\u003e\n","brand":"DJI","offers":[{"title":"Default Title","offer_id":47823733227738,"sku":"DJIOSMOPOCK3","price":599.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0774\/8413\/0522\/files\/944871_1_950ff155-4ec0-475e-b1e3-22a21051423a.jpg?v=1777616742","url":"https:\/\/beachai.com\/products\/dji-osmo-pocket-3-4k-120fps-handheld-3-axis-gimbal-stabilizer-cp-os-00000301-01","provider":"Beach AI ","version":"1.0","type":"link"}