/* Top bar: one big CTA, repeated and scrolling right to left in an endless loop */
.header-announcement{position:relative;height:42px;padding:0;background:#0a0a0c;color:#fff;overflow:hidden;border-bottom:1px solid #ffffff1f}
.ann-link{display:block;width:100%;height:100%;overflow:hidden;color:#fff;text-decoration:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ann-track{display:flex;width:max-content;height:100%;direction:ltr;animation:ann-run 64s linear infinite;will-change:transform}
.ann-group{display:flex;flex:none;height:100%}
.ann-item{display:inline-flex;align-items:center;gap:14px;padding:0 36px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.ann-item span{font-weight:600;opacity:.8}
.ann-item::after{content:"";width:5px;height:5px;margin-inline-start:22px;border-radius:50%;background:#ffffff59}
.ann-arrow{flex:none;width:21px;height:21px;padding:4.5px;border-radius:50%;background:#fff;fill:none;stroke:#0a0a0c;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.ann-link:hover .ann-arrow,.ann-link:focus-visible .ann-arrow{transform:translateX(3px)}
.ann-link:hover .ann-track,.ann-link:focus-visible .ann-track{animation-play-state:paused}
.ann-link:focus-visible{outline:2px solid #fff;outline-offset:-3px}
html[dir=rtl] .ann-item{direction:rtl;letter-spacing:0;text-transform:none;font-size:13.5px}
html[lang=ja] .ann-item,html[lang=zh-CN] .ann-item{letter-spacing:.08em}
@keyframes ann-run{to{transform:translateX(-50%)}}
@media(max-width:800px){.header-announcement{height:40px}.ann-item{font-size:11px;padding:0 26px;gap:11px;letter-spacing:.13em}}
@media(prefers-reduced-motion:reduce){.ann-link{-webkit-mask-image:none;mask-image:none}.ann-track{animation:none;width:100%;justify-content:center}.ann-group[data-clone]{display:none}.ann-group .ann-item:nth-child(n+2){display:none}}

/* Priority list pop-up */
.priority{position:fixed;z-index:60;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:min(346px,calc(100vw - 32px));padding:54px 24px 16px;border-radius:32px;text-align:center;color:#1d1d1f;background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(32px) saturate(190%);backdrop-filter:blur(32px) saturate(190%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 0 0 .5px rgba(0,0,0,.09),0 44px 96px -26px rgba(38,18,92,.5),0 14px 34px -14px rgba(0,0,0,.2);opacity:0;transform:translateY(30px) scale(.93);transform-origin:100% 100%;pointer-events:none;transition:opacity .35s ease,transform .75s cubic-bezier(.2,1.25,.3,1)}
.priority[hidden]{display:none}
.priority.on{opacity:1;transform:none;pointer-events:auto}
.pr-avatar{position:absolute;left:50%;top:-38px;width:88px;height:88px;margin-left:-44px;animation:pr-float 5s ease-in-out infinite}
.pr-glow{position:absolute;inset:-16px;border-radius:50%;background:radial-gradient(closest-side,#cbbcff,rgba(203,188,255,0) 72%);filter:blur(5px);animation:pr-pulse 3.8s ease-in-out infinite}
.pr-face{position:absolute;inset:0;border-radius:50%;background:#efeaff url(assets/agents/coceyo-ai-agent-yochi.webp) no-repeat 50% 3%/142% auto;box-shadow:0 0 0 4px #fff,0 16px 32px -10px rgba(64,34,150,.6)}
@keyframes pr-float{50%{transform:translateY(-4px)}}
@keyframes pr-pulse{50%{opacity:.55;transform:scale(1.07)}}
.pr-title{margin:8px 0 6px;font-size:24px;font-weight:700;letter-spacing:-.04em;line-height:1.1}
.pr-text{margin:0 8px 20px;font-size:14.5px;line-height:1.45;color:#6e6e73}
.pr-cta{display:flex;align-items:center;justify-content:center;gap:9px;height:52px;padding:0 18px;border-radius:26px;background:#1d1d1f;color:#fff;font-size:15px;font-weight:600;letter-spacing:-.01em;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 24px -12px rgba(0,0,0,.55);transition:transform .3s cubic-bezier(.2,.9,.3,1),background .25s}
.pr-cta:hover,.pr-cta:focus-visible{background:#000;transform:translateY(-1px)}
.pr-cta:active{transform:scale(.985)}
.pr-cta svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.pr-cta:hover svg{transform:translateX(3px)}
.pr-later{display:block;margin:8px auto 0;padding:9px 16px;border:0;border-radius:999px;background:none;color:#86868b;font:500 13px/1 inherit;cursor:pointer;transition:color .2s,background .2s}
.pr-later:hover{color:#1d1d1f;background:rgba(60,60,67,.08)}
.pr-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:rgba(60,60,67,.12);color:#3c3c43;cursor:pointer;transition:background .2s}
.pr-close:hover{background:rgba(60,60,67,.2)}
.pr-close svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.priority :focus-visible{outline:2px solid #5b3de8;outline-offset:2px}
html[dir=rtl] .priority{right:auto;left:max(20px,env(safe-area-inset-left));transform-origin:0 100%}
html[dir=rtl] .pr-close{right:auto;left:14px}
html[dir=rtl] .pr-cta svg{transform:scaleX(-1)}
@media(max-width:560px){.priority{left:12px;right:12px;width:auto;bottom:max(12px,env(safe-area-inset-bottom));padding:50px 20px 12px;border-radius:28px;transform-origin:50% 100%}html[dir=rtl] .priority{left:12px;right:12px}.pr-title{font-size:22px}}
@media(prefers-reduced-motion:reduce){.priority{transition:opacity .2s ease;transform:none}.pr-avatar,.pr-glow{animation:none}}