.boooble-motion{position:relative;isolation:isolate;overflow:hidden;background:#fff}.boooble-motion__visual{position:absolute;inset:0;z-index:-1;pointer-events:none;transition:opacity .7s,filter .7s}.boooble-motion__visual video,.boooble-motion__visual img{width:100%;height:100%;object-fit:cover}.boooble-motion:focus-within .boooble-motion__visual{opacity:.24;filter:saturate(.65)}.boooble-motion[data-state=loading] .boooble-motion__visual{opacity:.4}.boooble-orbit-status{display:none}.boooble-motion[data-state=loading] .boooble-orbit-status{display:flex;gap:9px;align-items:center}.boooble-orbit-status i{width:7px;height:7px;border-radius:50%;background:#1663d8;animation:boooble-breathe 3s ease-in-out infinite}.boooble-orbit-status i:nth-child(2){background:#dc493f;animation-delay:.6s}.boooble-orbit-status i:nth-child(3){background:#d29a2b;animation-delay:1.2s}.boooble-motion[data-state=results] [data-result-row]{animation:boooble-settle .65s ease-out both}.boooble-motion[data-state=results] [data-result-row]:nth-child(2){animation-delay:.08s}.boooble-motion[data-state=results] [data-result-row]:nth-child(3){animation-delay:.16s}.boooble-motion[data-paused=true] *{animation-play-state:paused!important}@keyframes boooble-breathe{0%,100%{transform:scale(.85);opacity:.55}50%{transform:scale(1.2);opacity:1}}@keyframes boooble-settle{from{transform:translateY(14px)}to{transform:translateY(0)}}@media(max-width:700px){.boooble-motion__visual video{display:none}.boooble-motion__visual img{display:block}}@media(prefers-reduced-motion:reduce){.boooble-motion *{animation:none!important;transition:none!important}.boooble-motion__visual video{display:none}.boooble-motion__visual img{display:block}}

/* Clean international search-engine treatment: plain white page, neutral text. */
.boooble-motion{background:#fff;color:#202124}.boooble-motion__visual{inset:20% 0 0;opacity:0;mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent)}.boooble-motion__visual img,.boooble-motion__visual video{position:absolute;inset:0}.boooble-motion input,.boooble-motion [role=search]{background:#fff;color:#202124;border-color:#dfe1e5}.boooble-motion h1,.boooble-brand{color:#202124}.boooble-motion [data-search-panel]{position:relative;z-index:2;background:#fff;border:1px solid #dadce0;box-shadow:0 1px 6px rgba(32,33,36,.12);border-radius:24px}.boooble-motion:focus-within .boooble-motion__visual{opacity:0}

.boooble-motion__visual video{opacity:0;transition:opacity 1.2s}.boooble-motion[data-video-active=true] .boooble-motion__visual video{opacity:.82}.boooble-motion:focus-within .boooble-motion__visual video{opacity:0}

/* The visible player is separate from the decorative dawn backdrop. */
.boooble-brand-film{position:relative;z-index:2;max-width:440px;margin:16px auto 20px;color:#202124}
.boooble-brand-film__frame{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:16px;background:#142534;border:1px solid #dadce0;box-shadow:0 2px 10px rgba(32,33,36,.18)}
.boooble-brand-film__frame video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;filter:none;pointer-events:auto;background:#142534}
.boooble-brand-film__controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:10px;flex-wrap:wrap}
.boooble-brand-film__controls button{min-height:44px;min-width:145px;padding:10px 18px;background:#fff;border:1px solid #dadce0;color:#202124;font-size:14px;font-weight:700}
.boooble-brand-film__controls a{font-size:13px;color:#5f6368;text-decoration:underline;text-underline-offset:3px}
.boooble-brand-film__status{display:flex;align-items:center;justify-content:center;gap:10px;min-height:24px;font-size:12px;line-height:1.5;color:#5f6368;margin:7px 0 0}
.boooble-brand-film__status [data-motion-clock]{font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:700px){.boooble-motion{padding-top:24px!important}.boooble-brand-film{width:100%;max-width:440px;margin:12px auto 16px}.boooble-brand-film__frame{border-radius:12px}.boooble-brand-film__controls{gap:14px;margin-top:8px}.boooble-brand-film__status{font-size:11px;flex-wrap:wrap;gap:3px 8px}.boooble-motion .slogan{margin-top:12px!important;margin-bottom:12px!important}}
@media(prefers-reduced-motion:reduce){.boooble-brand-film__frame video{display:block}.boooble-brand-film *{transition:none!important;animation:none!important}}


.motion-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;min-height:0!important}
.motion-icon{position:absolute;right:12px;bottom:12px;z-index:10;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;background:#132534c9;color:#fff;border:1px solid #c9e7f599;border-radius:50%;cursor:pointer;pointer-events:auto;transition:opacity .18s}
.motion-icon svg{display:block;width:22px;height:22px}.motion-icon:focus-visible{outline:3px solid #87e0ff;outline-offset:3px;opacity:1!important;pointer-events:auto!important}
[data-video-state=playing] .motion-icon,[data-video-state=loading] .motion-icon,[data-machine-running=true] .motion-icon{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.motion-icon{transition:none}}

.boooble-brand-film{margin:12px auto 16px}.boooble-brand-film__brand{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#fff;font-family:Arial,sans-serif;font-size:clamp(34px,9vw,52px);font-weight:800;letter-spacing:-.05em;text-shadow:0 3px 16px #000;opacity:var(--brand-opacity,0);background:linear-gradient(180deg,#12233118,#12233199)}
.boooble-brand-film__frame>.motion-icon{margin:0;border-radius:50%;font-size:inherit}


.motion-pause-icon{position:absolute;right:12px;bottom:12px;z-index:12;width:44px;height:44px;padding:11px;border:0;background:#102534aa;color:#fff;border-radius:8px;opacity:0;pointer-events:auto;cursor:pointer;transition:opacity .15s}
.motion-pause-icon svg{display:block;width:22px;height:22px}.motion-pause-icon:focus-visible{opacity:1!important;outline:3px solid #87e0ff;outline-offset:3px}
@media(hover:hover){.hero:hover .hero-motion-toggle,.boooble-brand-film:hover .motion-pause-icon{opacity:.42}.motion-pause-icon:hover{opacity:1!important}}
.visual-motion-paused .live-motion *{animation-play-state:paused!important}

.boooble-brand-film__frame video{z-index:1}.boooble-fallback-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.boooble-motion[data-video-state=playing] .boooble-fallback-poster{display:none}
.boooble-live-motion{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden}.boooble-brand-film__brand{z-index:5}
.boo-wind-card{fill:#fff9e6;fill-opacity:.65;stroke:#367fa5;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:boo-data-wind 5.041667s linear infinite}
.boo-flow-lines path{fill:none;stroke:url(#boo-flow);stroke-width:9;stroke-dasharray:25 72;opacity:.8;animation:boo-flow 2s linear infinite}
.boo-glow{fill:#76dfff;opacity:.16;transform-box:fill-box;transform-origin:center;animation:boo-glow 2s ease-in-out infinite}.boo-glow.warm{fill:#ffd470}
@keyframes boo-data-wind{0%{transform:translate(-280px,90px) rotate(-22deg);opacity:0}15%{opacity:.85}85%{opacity:.85}100%{transform:translate(330px,-110px) rotate(22deg);opacity:0}}
@keyframes boo-flow{to{stroke-dashoffset:-388}}@keyframes boo-glow{50%{transform:scale(1.5);opacity:.42}}
@media(prefers-reduced-motion:reduce){.boooble-motion:not(.visual-user-motion) .boo-flow-lines,.boooble-motion:not(.visual-user-motion) .boo-glow{display:none}.boooble-motion.visual-user-motion .boo-wind-card{animation:boo-data-wind 5.041667s linear infinite!important}.boooble-motion.visual-user-motion .boo-flow-lines path{animation:boo-flow 2s linear infinite!important}.boooble-motion.visual-user-motion .boo-glow{animation:boo-glow 2s ease-in-out infinite!important}}

html[lang=en] #successful-products{display:flex;flex-wrap:wrap;gap:6px}html[lang=en] #successful-products[hidden]{display:none}html[lang=en] #successful-products button{width:auto;max-width:100%;flex:none;white-space:normal;font-size:11px;padding:6px 8px}

/* Hide the baked search decoration with a display mask; keep the original image bytes. */
.boooble-motion__visual img{inset:auto;top:0;left:0;width:100%;height:auto;aspect-ratio:2048/1158;object-fit:contain;mask-image:linear-gradient(to bottom,#000 0%,#000 15%,transparent 17%,transparent 25%,#000 27%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 15%,transparent 17%,transparent 25%,#000 27%,#000 100%)}
.boooble-fallback-poster{mask-image:linear-gradient(to bottom,#000 0%,#000 15%,transparent 17%,transparent 25%,#000 27%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 15%,transparent 17%,transparent 25%,#000 27%,#000 100%)}
.boooble-brand-film{width:100%;max-width:960px;margin:24px auto 28px}.boooble-brand-film__frame{background:#142534}
@media(max-width:700px){.boooble-brand-film{width:100%;max-width:960px;margin:16px auto 20px}}

.sound-toggle{position:absolute;top:12px;right:12px;z-index:14;width:44px;height:44px;padding:11px;border:1px solid #c6ddeb99;border-radius:50%;background:#123042d9;color:#fff;cursor:pointer;pointer-events:auto}.sound-toggle svg{display:block;width:22px;height:22px}.sound-toggle:focus-visible{outline:3px solid #87e0ff;outline-offset:3px}.hero>.sound-toggle{top:auto;bottom:80px;right:auto;left:24px}

/* Full-width centered notice bar (2026-10-28): notice moved out of the side column. */
.search-support{grid-template-columns:1fr;gap:14px}
.notice-bar{display:flex;align-items:center;justify-content:center;gap:6px 14px;flex-wrap:wrap;max-width:850px;margin:18px auto 0;text-align:center}
.notice-bar .notice-desc{margin:0}

/* Gold step-flow cards with 1>2>3>4 arrows (2026-10-28). trust.css loads after this file, so these rules use higher specificity on purpose. */
.trust-wrap .trust-steps{gap:40px 34px;margin:44px 0 28px}
.trust-wrap .trust-steps li{position:relative;border:1.5px solid #d8b566;border-radius:14px;background:#fff;padding:26px 18px 18px;text-align:center;box-shadow:0 2px 8px rgba(120,85,20,.06);transition:transform .18s,box-shadow .18s}
.trust-wrap .trust-steps li:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(120,85,20,.14)}
.trust-wrap .trust-steps li:before{content:counter(step);display:grid;place-items:center;width:34px;height:34px;margin:-44px auto 10px;border-radius:50%;background:linear-gradient(135deg,#e8c56c,#b18a39);color:#fff;font-size:17px;font-weight:800;box-shadow:0 0 0 4px #fff,0 0 0 5.5px #d8b566}
.trust-wrap .trust-steps li h3{margin:0 0 8px}
.trust-wrap .trust-steps li:not(:last-child):after{content:"";position:absolute;right:-22px;top:50%;width:12px;height:12px;margin-top:-8px;border-top:2.5px solid #b18a39;border-right:2.5px solid #b18a39;transform:rotate(45deg)}
@media(max-width:700px){.trust-wrap .trust-steps li:nth-child(even):after{display:none}}
