/* Small optional discoveries: native controls, no extra focus stops for decorations. */
.ocean-secret-art{display:block;width:40px;height:40px;color:inherit;pointer-events:none}
.v2-faq-list [data-ocean-secret="03-tea"]>p{position:relative;padding-right:76px;min-height:76px}
[data-ocean-secret="03-tea"] .secret-tea{position:absolute;right:16px;top:8px;width:48px;height:48px;color:var(--color-primary,#193D58)}
details[open] .secret-steam{animation:ocean-steam 2.4s ease-out 1}
.ocean-secret-message{margin:16px 0 24px;color:var(--color-primary,#193D58)}
.ocean-secret-message>.ocean-secret-art{width:88px;height:88px}
.secret-boat{transform-origin:center;animation:ocean-boat 3s ease-in-out 1}
.ocean-discovery{position:relative;margin-left:auto;color:var(--color-primary,#193D58)}
.ocean-discovery>summary{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;cursor:pointer;list-style:none;border-radius:4px}
.ocean-discovery>summary::-webkit-details-marker{display:none}
.ocean-discovery>summary svg{width:32px;height:24px}
.ocean-discovery>summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.ocean-discovery-water{position:absolute;right:0;bottom:48px;width:208px;padding:16px;background:var(--color-surface,#fff);border:1px solid var(--color-border,#CBD5DF);border-radius:4px;font:400 13px/1.6 var(--sans);text-align:center;z-index:1}
.ocean-discovery-water>.ocean-secret-art{width:76px;height:76px;margin:0 auto 4px}
.ocean-discovery[open] .secret-fish{animation:ocean-fish 2s ease-out 1}
.ocean-discovery[open] .secret-bubble{animation:ocean-steam 2s ease-out 1}
[data-ocean-secret="07-lighthouse"]{position:relative}
[data-ocean-secret="07-lighthouse"]>.secret-lighthouse{position:absolute;right:8px;bottom:14px;width:32px;height:32px;opacity:.5}
[data-ocean-secret="07-lighthouse"].ocean-discovered .secret-light{animation:ocean-beam 2.8s ease-in-out 1}
[data-ocean-secret="08-compass"]{display:flex;gap:12px;align-items:center}
[data-ocean-secret="08-compass"]>.secret-compass{width:24px;height:24px;opacity:.65}
.secret-needle{transform-origin:38px 38px}
[data-ocean-secret="08-compass"].ocean-discovered .secret-needle{animation:ocean-compass 2.4s ease-out 1}
.ocean-voice-discovery{display:none;margin-top:16px}
#usecase-panel[aria-labelledby="tab-voice"]>.ocean-voice-discovery{display:flex;justify-content:flex-end}
.ocean-voice-discovery>.ocean-secret-art{width:48px;height:48px;color:var(--color-primary,#193D58)}
#usecase-panel[aria-labelledby="tab-voice"] .secret-voice-wave{animation:ocean-sound 2s ease-in-out 1;transform-origin:38px 38px}
.hero-bottom a[data-ocean-secret="10-ripple"]{position:relative}
.hero-bottom a>.secret-ripple{position:absolute;right:-3px;bottom:-17px;width:32px;height:32px;opacity:0}
.hero-bottom a:is(:hover,:focus-visible)>.secret-ripple{opacity:.7}
.hero-bottom a:is(:hover,:focus-visible) .secret-ripple>g{animation:ocean-ring 1.8s ease-out 1;transform-origin:center}
@keyframes ocean-steam{0%{opacity:0;transform:translateY(6px)}35%{opacity:1}100%{opacity:.6;transform:translateY(-3px)}}
@keyframes ocean-boat{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-3deg)}70%{transform:translateY(1px) rotate(2deg)}}
@keyframes ocean-fish{0%{transform:translateX(-6px)}50%{transform:translateX(5px)}100%{transform:translateX(0)}}
@keyframes ocean-beam{0%,100%{opacity:.3}35%,65%{opacity:1}}
@keyframes ocean-compass{0%{transform:rotate(-35deg)}60%{transform:rotate(10deg)}100%{transform:rotate(0)}}
@keyframes ocean-sound{0%,100%{transform:scaleY(1)}30%{transform:scaleY(.6)}60%{transform:scaleY(.9)}}
@keyframes ocean-ring{0%{opacity:0;transform:scale(.6)}35%{opacity:1}100%{opacity:.7;transform:scale(1)}}
.motion-paused .ocean-secret-art,.motion-paused .ocean-secret-art *{animation:none!important}
@media(prefers-reduced-motion:reduce){.ocean-secret-art,.ocean-secret-art *{animation:none!important}}
@media(max-width:767px){.ocean-discovery{margin-left:auto}.footer-bottom{flex-wrap:wrap}[data-ocean-secret="07-lighthouse"]>.secret-lighthouse{right:4px;bottom:12px}}
