.osv{background:var(--color-ink);border-top:1px solid var(--color-line);padding-block:clamp(4.5rem,9vw,7rem);position:relative}.osv-head{align-items:end;gap:1.25rem;margin-bottom:clamp(2.25rem,4.5vw,3.25rem);display:grid}@media (min-width:960px){.osv-head{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:3rem}}.osv-title{margin-top:1.1rem;font-size:clamp(2rem,4vw,3.3rem)}.osv-title span{color:rgb(var(--deep))}.osv-lead{max-width:34rem;color:rgb(var(--soft));font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.55}.osv-grid{gap:clamp(1.25rem,2.5vw,1.75rem);display:grid}@media (min-width:1080px){.osv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.osv-card{color:#fff;transition:transform .6s var(--ease-out), box-shadow .6s var(--ease-out);background:#0d1b36;border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 70px -48px #0d1b36d9}.osv-card:hover{transform:translateY(-6px);box-shadow:0 50px 80px -46px #0d1b36f2}.osv-card:has(.osv-link:focus-visible){outline:3px solid rgb(var(--deep));outline-offset:4px}.osv-media{aspect-ratio:16/10;background:#13264a;position:relative;overflow:hidden}.osv-media:after{content:"";pointer-events:none;background:linear-gradient(#0d1b3600 55%,#0d1b36 100%);position:absolute;inset:0}.osv-photo{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out);position:absolute;inset:0}.osv-card:hover .osv-photo{transform:scale(1.05)}.osv-pop{z-index:1;color:#0e1a33;margin:0;position:absolute}.osv-pop.is-toast{background:#fff;border-radius:99px;align-items:center;gap:.5rem;padding:.7rem 1.05rem;font-size:.95rem;font-weight:700;display:inline-flex;bottom:16%;right:7%;box-shadow:0 18px 36px -16px #000000bf}.osv-pop.is-toast svg{background:rgb(var(--deep));color:#fff;border-radius:50%;width:22px;height:22px;padding:4px}.osv-pop.is-chat{gap:.5rem;width:min(17rem,70%);display:grid;top:10%;right:6%}.osv-q,.osv-a{padding:.65rem .95rem;font-size:.95rem;line-height:1.4;box-shadow:0 14px 30px -16px #000000bf}.osv-q{color:#fff;background:#0d1b36;border-radius:16px 16px 4px;justify-self:end}.osv-a{background:#fff;border-radius:16px 16px 16px 4px;justify-self:start;font-weight:600}.osv-pop.is-flow{flex-wrap:wrap;gap:.45rem;max-width:88%;padding:0;list-style:none;display:flex;top:10%;left:6%}.osv-pop.is-flow li{background:#fff;border-radius:99px;align-items:center;gap:.45rem;padding:.5rem .85rem .5rem .55rem;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 14px 30px -16px #000000bf}.osv-pop.is-flow li.is-ai{background:rgb(var(--deep));color:#fff;padding-left:.7rem}.osv-pop.is-flow.is-right{flex-direction:column;align-items:flex-end;max-width:55%;left:auto;right:6%}.osv-pop.is-flow li svg{width:16px;height:16px;color:rgb(var(--deep));flex:none}.osv-pop.is-flow li.is-ai svg{color:#fff}.osv-photo.is-web{object-position:30% 30%}.osv-pop.is-flow li.is-ai svg{width:16px;height:16px}.anim [data-in] .osv-pop{animation:.8s cubic-bezier(.34,1.56,.64,1) backwards osv-pop;animation-delay:calc(var(--i,0) * .12s + .55s)}@keyframes osv-pop{0%{opacity:0;transform:translateY(12px)scale(.92)}}.osv-body{flex-direction:column;flex:1;padding:.5rem clamp(1.4rem,3vw,2.1rem) clamp(1.5rem,3vw,2.1rem);display:flex;position:relative}.osv-kind{font:600 .8rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--mint))}.osv-name{font:650 clamp(1.9rem, 3.2vw, 2.6rem)/1.05 var(--font-head);letter-spacing:-.045em;margin-top:.55rem}.osv-link{color:#fff}.osv-link:after{content:"";z-index:2;border-radius:inherit;position:absolute;inset:0}.osv-link:focus-visible{outline:none}.osv-line{color:#dce3ef;margin-top:.7rem;font-size:clamp(1.05rem,1.4vw,1.18rem);line-height:1.5}.osv-points{border-top:1px solid #ffffff1f;gap:.6rem;margin:1.25rem 0 0;padding:1.25rem 0 0;list-style:none;display:grid}.osv-points li{color:#fff;align-items:center;gap:.7rem;font-size:1.05rem;font-weight:550;display:flex}.osv-points svg{background:rgb(var(--mint) / .18);width:22px;height:22px;color:rgb(var(--mint));border-radius:50%;flex:none;padding:4px}.osv-go{align-self:flex-start;margin-top:1.6rem}.osv-card:hover .osv-go>svg path{transform:translate(1.5px,-1.5px)}@media (min-width:860px){.osv-go{margin-top:auto}.osv-points{margin-bottom:1.6rem}}@media (max-width:639px){.osv-card{border-radius:22px}.osv-media{aspect-ratio:4/3}.osv-q,.osv-a,.osv-pop.is-toast{font-size:.88rem}.osv-pop.is-flow li{font-size:.82rem}}@media (prefers-reduced-motion:reduce){.osv-card,.osv-photo,.osv-go svg{transition:none!important}.osv-card:hover,.osv-card:hover .osv-photo{transform:none}.anim [data-in] .osv-pop{animation:none!important}}